@toptal/picasso-password-input 5.1.2 → 5.1.3-alpha-1757603192867.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/package.json +13 -12
- package/dist-package/src/PasswordInput/PasswordInput.d.ts +0 -20
- package/dist-package/src/PasswordInput/PasswordInput.d.ts.map +0 -1
- package/dist-package/src/PasswordInput/PasswordInput.js +0 -38
- package/dist-package/src/PasswordInput/PasswordInput.js.map +0 -1
- package/dist-package/src/PasswordInput/index.d.ts +0 -6
- package/dist-package/src/PasswordInput/index.d.ts.map +0 -1
- package/dist-package/src/PasswordInput/index.js +0 -3
- package/dist-package/src/PasswordInput/index.js.map +0 -1
- package/dist-package/src/index.d.ts +0 -2
- package/dist-package/src/index.d.ts.map +0 -1
- package/dist-package/src/index.js +0 -2
- package/dist-package/src/index.js.map +0 -1
package/package.json
CHANGED
|
@@ -1,15 +1,16 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@toptal/picasso-password-input",
|
|
3
|
-
"version": "5.1.
|
|
3
|
+
"version": "5.1.3-alpha-1757603192867.0",
|
|
4
4
|
"description": "Toptal UI components library - PasswordInput",
|
|
5
5
|
"publishConfig": {
|
|
6
|
-
"access": "public"
|
|
6
|
+
"access": "public",
|
|
7
|
+
"provenance": true
|
|
7
8
|
},
|
|
8
9
|
"main": "./dist-package/src/index.js",
|
|
9
10
|
"module": "./dist-package/src/index.js",
|
|
10
11
|
"scripts": {
|
|
11
12
|
"build:package": "tsc -b tsconfig.json",
|
|
12
|
-
"prepublishOnly": "
|
|
13
|
+
"prepublishOnly": "echo 0"
|
|
13
14
|
},
|
|
14
15
|
"repository": {
|
|
15
16
|
"type": "git",
|
|
@@ -22,11 +23,11 @@
|
|
|
22
23
|
},
|
|
23
24
|
"homepage": "https://github.com/toptal/picasso/tree/master/packages/picasso#readme",
|
|
24
25
|
"dependencies": {
|
|
25
|
-
"@toptal/picasso-button": "4.0.
|
|
26
|
-
"@toptal/picasso-icons": "1.12.
|
|
27
|
-
"@toptal/picasso-input-adornment": "3.0.
|
|
28
|
-
"@toptal/picasso-outlined-input": "4.1.
|
|
29
|
-
"@toptal/picasso-utils": "3.1.0"
|
|
26
|
+
"@toptal/picasso-button": "4.0.24-alpha-1757603192867.0",
|
|
27
|
+
"@toptal/picasso-icons": "1.12.2-alpha-1757603192867.0",
|
|
28
|
+
"@toptal/picasso-input-adornment": "3.0.11-alpha-1757603192867.0",
|
|
29
|
+
"@toptal/picasso-outlined-input": "4.1.3-alpha-1757603192867.0",
|
|
30
|
+
"@toptal/picasso-utils": "3.1.1-alpha-1757603192867.0"
|
|
30
31
|
},
|
|
31
32
|
"sideEffects": [
|
|
32
33
|
"**/styles.ts",
|
|
@@ -34,15 +35,15 @@
|
|
|
34
35
|
],
|
|
35
36
|
"peerDependencies": {
|
|
36
37
|
"react": ">=16.12.0 < 19.0.0",
|
|
37
|
-
"@toptal/picasso-tailwind-merge": "
|
|
38
|
-
"@toptal/picasso-tailwind": "
|
|
38
|
+
"@toptal/picasso-tailwind-merge": "2.0.4-alpha-1757603192867.0",
|
|
39
|
+
"@toptal/picasso-tailwind": "3.0.1-alpha-1757603192867.0"
|
|
39
40
|
},
|
|
40
41
|
"exports": {
|
|
41
42
|
".": "./dist-package/src/index.js"
|
|
42
43
|
},
|
|
43
44
|
"devDependencies": {
|
|
44
|
-
"@toptal/picasso-tailwind-merge": "2.0.
|
|
45
|
-
"@toptal/picasso-test-utils": "1.1.
|
|
45
|
+
"@toptal/picasso-tailwind-merge": "2.0.4-alpha-1757603192867.0",
|
|
46
|
+
"@toptal/picasso-test-utils": "1.1.2-alpha-1757603192867.0"
|
|
46
47
|
},
|
|
47
48
|
"files": [
|
|
48
49
|
"dist-package/**",
|
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
import type { ChangeEvent } from 'react';
|
|
2
|
-
import React from 'react';
|
|
3
|
-
import type { BaseProps, OmitInternalProps } from '@toptal/picasso-shared';
|
|
4
|
-
import type { Props as OutlinedInputProps } from '@toptal/picasso-outlined-input';
|
|
5
|
-
export interface Props extends Omit<OmitInternalProps<OutlinedInputProps>, 'defaultValue' | 'type' | 'rows' | 'rowsMax' | 'multiline' | 'startAdornment' | 'endAdornment'>, BaseProps {
|
|
6
|
-
/** Value of the `input` element. */
|
|
7
|
-
value?: string;
|
|
8
|
-
/** Indicates whether component is in disabled state */
|
|
9
|
-
disabled?: boolean;
|
|
10
|
-
/** Callback invoked when `PasswordInput` changes its state. */
|
|
11
|
-
onChange?: (event: ChangeEvent<HTMLInputElement>) => void;
|
|
12
|
-
testIds?: OutlinedInputProps['testIds'] & {
|
|
13
|
-
input?: string;
|
|
14
|
-
toggle?: string;
|
|
15
|
-
};
|
|
16
|
-
highlight?: 'autofill';
|
|
17
|
-
}
|
|
18
|
-
export declare const PasswordInput: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLInputElement>>;
|
|
19
|
-
export default PasswordInput;
|
|
20
|
-
//# sourceMappingURL=PasswordInput.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"PasswordInput.d.ts","sourceRoot":"","sources":["../../../src/PasswordInput/PasswordInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,OAAO,CAAA;AACxC,OAAO,KAA4C,MAAM,OAAO,CAAA;AAChE,OAAO,KAAK,EAAE,SAAS,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAA;AAK1E,OAAO,KAAK,EAAE,KAAK,IAAI,kBAAkB,EAAE,MAAM,gCAAgC,CAAA;AAGjF,MAAM,WAAW,KACf,SAAQ,IAAI,CACR,iBAAiB,CAAC,kBAAkB,CAAC,EACnC,cAAc,GACd,MAAM,GACN,MAAM,GACN,SAAS,GACT,WAAW,GACX,gBAAgB,GAChB,cAAc,CACjB,EACD,SAAS;IACX,oCAAoC;IACpC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,uDAAuD;IACvD,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,+DAA+D;IAC/D,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAA;IACzD,OAAO,CAAC,EAAE,kBAAkB,CAAC,SAAS,CAAC,GAAG;QACxC,KAAK,CAAC,EAAE,MAAM,CAAA;QACd,MAAM,CAAC,EAAE,MAAM,CAAA;KAChB,CAAA;IACD,SAAS,CAAC,EAAE,UAAU,CAAA;CACvB;AAED,eAAO,MAAM,aAAa,gFAkEzB,CAAA;AAUD,eAAe,aAAa,CAAA"}
|
|
@@ -1,38 +0,0 @@
|
|
|
1
|
-
var __rest = (this && this.__rest) || function (s, e) {
|
|
2
|
-
var t = {};
|
|
3
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
4
|
-
t[p] = s[p];
|
|
5
|
-
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
6
|
-
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
7
|
-
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
8
|
-
t[p[i]] = s[p[i]];
|
|
9
|
-
}
|
|
10
|
-
return t;
|
|
11
|
-
};
|
|
12
|
-
import React, { forwardRef, useState, useCallback } from 'react';
|
|
13
|
-
import { OutlinedInput } from '@toptal/picasso-outlined-input';
|
|
14
|
-
import { InputAdornment } from '@toptal/picasso-input-adornment';
|
|
15
|
-
import { Eye16, EyeHidden16 } from '@toptal/picasso-icons';
|
|
16
|
-
import { ButtonCircular } from '@toptal/picasso-button';
|
|
17
|
-
import { twMerge } from '@toptal/picasso-tailwind-merge';
|
|
18
|
-
export const PasswordInput = forwardRef(function PasswordInput(props, ref) {
|
|
19
|
-
const { value, onChange, disabled, status, size, width, style, className, testIds, enableReset, onResetClick, highlight } = props, rest = __rest(props, ["value", "onChange", "disabled", "status", "size", "width", "style", "className", "testIds", "enableReset", "onResetClick", "highlight"]);
|
|
20
|
-
const [showPassword, setShowPassword] = useState(false);
|
|
21
|
-
const handleToggleVisibilityClick = useCallback(() => {
|
|
22
|
-
setShowPassword(previousState => !previousState);
|
|
23
|
-
}, []);
|
|
24
|
-
const endAdornment = (React.createElement(InputAdornment, { position: 'end' },
|
|
25
|
-
React.createElement(ButtonCircular, { className: 'mr-2', variant: 'flat', icon: showPassword ? React.createElement(Eye16, null) : React.createElement(EyeHidden16, null), onClick: handleToggleVisibilityClick, "data-testid": testIds === null || testIds === void 0 ? void 0 : testIds.toggle, disabled: disabled })));
|
|
26
|
-
return (React.createElement(OutlinedInput, { style: style, className: twMerge('pr-0 cursor-text', className), highlight: highlight, classes: {
|
|
27
|
-
// removes up/down arrows in browsers based on WebKit and Blink (https://developer.mozilla.org/en-US/docs/Web/CSS/::-webkit-inner-spin-button)
|
|
28
|
-
input: '[&::-webkit-outer-spin-button]:appearance-none [&::-webkit-outer-spin-button]:m-0 [&::-webkit-inner-spin-button]:appearance-none [&::-webkit-inner-spin-button]:m-0 ',
|
|
29
|
-
}, inputProps: Object.assign(Object.assign({}, rest), { 'data-testid': testIds === null || testIds === void 0 ? void 0 : testIds.input }), size: size, width: width, status: status, inputRef: ref, type: showPassword ? 'text' : 'password', value: value, disabled: disabled, onChange: onChange, endAdornment: endAdornment, testIds: testIds, onResetClick: onResetClick, enableReset: enableReset }));
|
|
30
|
-
});
|
|
31
|
-
PasswordInput.defaultProps = {
|
|
32
|
-
onChange: () => { },
|
|
33
|
-
value: '',
|
|
34
|
-
status: 'default',
|
|
35
|
-
};
|
|
36
|
-
PasswordInput.displayName = 'PasswordInput';
|
|
37
|
-
export default PasswordInput;
|
|
38
|
-
//# sourceMappingURL=PasswordInput.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"PasswordInput.js","sourceRoot":"","sources":["../../../src/PasswordInput/PasswordInput.tsx"],"names":[],"mappings":";;;;;;;;;;;AACA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,OAAO,CAAA;AAEhE,OAAO,EAAE,aAAa,EAAE,MAAM,gCAAgC,CAAA;AAC9D,OAAO,EAAE,cAAc,EAAE,MAAM,iCAAiC,CAAA;AAChE,OAAO,EAAE,KAAK,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAA;AAC1D,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAA;AAEvD,OAAO,EAAE,OAAO,EAAE,MAAM,gCAAgC,CAAA;AA2BxD,MAAM,CAAC,MAAM,aAAa,GAAG,UAAU,CACrC,SAAS,aAAa,CAAC,KAAK,EAAE,GAAG;IAC/B,MAAM,EACJ,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,MAAM,EACN,IAAI,EACJ,KAAK,EACL,KAAK,EACL,SAAS,EACT,OAAO,EACP,WAAW,EACX,YAAY,EACZ,SAAS,KAEP,KAAK,EADJ,IAAI,UACL,KAAK,EAdH,yIAcL,CAAQ,CAAA;IAET,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IAEvD,MAAM,2BAA2B,GAAG,WAAW,CAAC,GAAG,EAAE;QACnD,eAAe,CAAC,aAAa,CAAC,EAAE,CAAC,CAAC,aAAa,CAAC,CAAA;IAClD,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,MAAM,YAAY,GAAG,CACnB,oBAAC,cAAc,IAAC,QAAQ,EAAC,KAAK;QAC5B,oBAAC,cAAc,IACb,SAAS,EAAC,MAAM,EAChB,OAAO,EAAC,MAAM,EACd,IAAI,EAAE,YAAY,CAAC,CAAC,CAAC,oBAAC,KAAK,OAAG,CAAC,CAAC,CAAC,oBAAC,WAAW,OAAG,EAChD,OAAO,EAAE,2BAA2B,iBACvB,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,MAAM,EAC5B,QAAQ,EAAE,QAAQ,GAClB,CACa,CAClB,CAAA;IAED,OAAO,CACL,oBAAC,aAAa,IACZ,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,OAAO,CAAC,kBAAkB,EAAE,SAAS,CAAC,EACjD,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE;YACP,8IAA8I;YAC9I,KAAK,EACH,sKAAsK;SACzK,EACD,UAAU,kCACL,IAAI,KACP,aAAa,EAAE,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,KAAK,KAE/B,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,GAAG,EACb,IAAI,EAAE,YAAY,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,UAAU,EACxC,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,YAAY,EAAE,YAAY,EAC1B,OAAO,EAAE,OAAO,EAChB,YAAY,EAAE,YAAY,EAC1B,WAAW,EAAE,WAAW,GACxB,CACH,CAAA;AACH,CAAC,CACF,CAAA;AAED,aAAa,CAAC,YAAY,GAAG;IAC3B,QAAQ,EAAE,GAAG,EAAE,GAAE,CAAC;IAClB,KAAK,EAAE,EAAE;IACT,MAAM,EAAE,SAAS;CAClB,CAAA;AAED,aAAa,CAAC,WAAW,GAAG,eAAe,CAAA;AAE3C,eAAe,aAAa,CAAA"}
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
import type { OmitInternalProps } from '@toptal/picasso-shared';
|
|
2
|
-
import type { Props } from './PasswordInput';
|
|
3
|
-
export { default as PasswordInput } from './PasswordInput';
|
|
4
|
-
export declare type PasswordInputProps = OmitInternalProps<Props>;
|
|
5
|
-
export * from './PasswordInput';
|
|
6
|
-
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/PasswordInput/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAA;AAE/D,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAA;AAE5C,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAC1D,oBAAY,kBAAkB,GAAG,iBAAiB,CAAC,KAAK,CAAC,CAAA;AACzD,cAAc,iBAAiB,CAAA"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/PasswordInput/index.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAE1D,cAAc,iBAAiB,CAAA"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAA"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAA"}
|