The devDependency antd was updated from 3.14.1 to 3.15.0.

🚨 View failing branch.

This version is covered by your current version range and after updating it in your project the build failed.

antd is a devDependency of this project. It might not break your production code or affect downstream projects, but probably breaks your build or test tools, which may prevent deploying or publishing.

Your Greenkeeper Bot 🌴

Problem
There is no option to validate the form with the password strength at the moment. So for displaying how strong the password is it seems great. But there seems no way to prevent the user from sending insecure passwords. Or am I missing something?

Solution
A property for props like validation=true || false which toggles the validation of the password and prevents it from sending if unsecure.

Hey man, this is wonderful, thank you! But how do you pass a placeholder? I tried and it doesn't show up

Describe the bug
Throws an error when the password is pasted instead of typed.

To Reproduce

1. I used this example from the docs:
   
2. Type a password which is accepted by the component without error. Copy that and paste it back.
3. You will see an error "Password is too weak"

Expected behavior

• I think it should work right on paste as well.

Desktop (please complete the following information):

• OS: Windows 11
• Browser : Chrome

Fix I will be using in my project for now

• level changes only after the validator function has started

import { useEffect, useState } from "react";
import "./styles.css";
import { Form } from "antd";
import { PasswordInput } from "antd-password-input-strength";

export default function App() {
  const [level, setLevel] = useState(0);
  const [form] = Form.useForm();

  const minLevel = 1;
  const errorMessage = "Password is too weak";

  useEffect(() => {
    form.validateFields();
  }, [level, form]);

  return (
    <Form form={form}>
      <Form.Item
        name="test"
        rules={[
          {
            validator: async () => {
              return level >= minLevel
                ? Promise.resolve()
                : Promise.reject(errorMessage);
            },
            message: errorMessage
          }
        ]}
      >
        <PasswordInput onLevelChange={setLevel} />
      </Form.Item>
    </Form>
  );
}

Describe the bug
The demo page calculates a different strength from the one the input displays.

To Reproduce
Steps to reproduce the behavior:

1. Try andt password input strength input with the password 9(8*7&aBc
2. Try the same password in the demo page.
3. Demo page returns with:
   { charsetSize: 94, commonPassword: false, passwordLength: 9, shannonEntropyBits: 28.52932501298081, strengthCode: 'REASONABLE', trigraphEntropyBits: 58.237911691530336, number: true, lower: true, upper: true, punctuation: true, symbol: true }

Which is a reasonably strong password, but the Password input component considers it VERY_WEAK.

Expected behavior
The statuses should match

Desktop (please complete the following information):

• OS: Windows
• Browser: Chrome
• Version: 102

Hey,

If possible, can you add support for the Input.Password component (lets you show the password)

Example:

https://codepen.io/anon/pen/ErvaJE

Thanks.

The devDependency antd was updated from 3.20.4 to 3.20.5.

🚨 View failing branch.

This version is covered by your current version range and after updating it in your project the build failed.

antd is a devDependency of this project. It might not break your production code or affect downstream projects, but probably breaks your build or test tools, which may prevent deploying or publishing.

Your Greenkeeper Bot 🌴

• This is the error when I used the PasswordInput
• Also maybe you may use the new version input for password Input.Password
• It's possible to add a validator as a minimum strength?

index.js:2178 Warning: Each child in an array or iterator should have a unique "key" prop.

Check the top-level render call using

. See https://fb.me/react-warning-keys for more information.
in div
in Unknown (created by PasswordInput)
in div (created by PasswordInput)
in PasswordInput (at Password.js:18)
in span (created by Context.Consumer)