@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 CHANGED
@@ -1,15 +1,16 @@
1
1
  {
2
2
  "name": "@toptal/picasso-password-input",
3
- "version": "5.1.2",
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": "yarn build:package"
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.23",
26
- "@toptal/picasso-icons": "1.12.1",
27
- "@toptal/picasso-input-adornment": "3.0.10",
28
- "@toptal/picasso-outlined-input": "4.1.2",
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": "^2.0.0",
38
- "@toptal/picasso-tailwind": ">=2.5.0"
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.3",
45
- "@toptal/picasso-test-utils": "1.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,3 +0,0 @@
1
- export { default as PasswordInput } from './PasswordInput';
2
- export * from './PasswordInput';
3
- //# sourceMappingURL=index.js.map
@@ -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,2 +0,0 @@
1
- export * from './PasswordInput';
2
- //# sourceMappingURL=index.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAA"}
@@ -1,2 +0,0 @@
1
- export * from './PasswordInput';
2
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAA"}