@luxonis/common-fe-components 1.14.0 → 1.15.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.
@@ -2,6 +2,7 @@ import React from 'react';
2
2
  import { type InputProps } from './Input.js';
3
3
  export type PasswordInputProps = InputProps & {
4
4
  variant?: 'new' | 'current';
5
+ fakePasswordInput?: boolean;
5
6
  showPasswordButton?: boolean;
6
7
  skipButtonInTabNavigation?: boolean;
7
8
  };
@@ -1 +1 @@
1
- {"version":3,"file":"PasswordInput.d.ts","sourceRoot":"","sources":["../../../src/components/custom/PasswordInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAS,KAAK,UAAU,EAAE,MAAM,YAAY,CAAC;AAIpD,MAAM,MAAM,kBAAkB,GAAG,UAAU,GAAG;IAC5C,OAAO,CAAC,EAAE,KAAK,GAAG,SAAS,CAAC;IAC5B,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,yBAAyB,CAAC,EAAE,OAAO,CAAC;CACrC,CAAC;AAEF,eAAO,MAAM,aAAa,0GAgCzB,CAAC"}
1
+ {"version":3,"file":"PasswordInput.d.ts","sourceRoot":"","sources":["../../../src/components/custom/PasswordInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAO,EAAS,KAAK,UAAU,EAAE,MAAM,YAAY,CAAC;AAIpD,MAAM,MAAM,kBAAkB,GAAG,UAAU,GAAG;IAC5C,OAAO,CAAC,EAAE,KAAK,GAAG,SAAS,CAAC;IAC5B,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,yBAAyB,CAAC,EAAE,OAAO,CAAC;CACrC,CAAC;AAEF,eAAO,MAAM,aAAa,0GAgCzB,CAAC"}
@@ -1,15 +1,16 @@
1
1
  import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
2
  import React from 'react';
3
+ import { cx } from '../../styled-system/css/cx.mjs';
3
4
  import { css } from '../../styled-system/css/css.mjs';
4
5
  import { HideIcon, ShowIcon } from '../../icons/react-icons.js';
5
6
  import { Input } from './Input.js';
6
7
  import { Flex } from './Flex.js';
7
8
  import { Button } from './Button.js';
8
9
  export const PasswordInput = React.forwardRef((props, ref) => {
9
- const { showPasswordButton = true, variant = 'current', ...inputProps } = props;
10
+ const { showPasswordButton = true, variant = 'current', fakePasswordInput = false, ...inputProps } = props;
10
11
  const [showPassword, setShowPassword] = React.useState(false);
11
- return (_jsxs(Flex, { gap: "xs", children: [_jsx(Input, { ref: ref, placeholder: inputProps.placeholder, autoComplete: variant === 'new' ? 'new-password' : 'current-password', type: showPassword ? 'text' : 'password', wrapperProps: {
12
- className: css({ width: 'full' }),
12
+ return (_jsxs(Flex, { gap: "xs", children: [_jsx(Input, { ref: ref, placeholder: inputProps.placeholder, autoComplete: variant === 'new' ? 'new-password' : 'current-password', type: showPassword || fakePasswordInput ? 'text' : 'password', wrapperProps: {
13
+ className: cx(css({ width: 'full' }), fakePasswordInput && !showPassword ? 'fake-password-input' : ''),
13
14
  }, ...inputProps }), showPasswordButton && (_jsx(Button, { variant: "outline", colorVariant: "white", size: "icon", type: "button", icon: showPassword ? HideIcon : ShowIcon, onClick: () => setShowPassword(!showPassword), tabIndex: props.skipButtonInTabNavigation ? -1 : 0 }))] }));
14
15
  });
15
16
  //# sourceMappingURL=PasswordInput.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"PasswordInput.js","sourceRoot":"","sources":["../../../src/components/custom/PasswordInput.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,GAAG,EAAE,MAAM,iCAAiC,CAAC;AACtD,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,4BAA4B,CAAC;AAChE,OAAO,EAAE,KAAK,EAAmB,MAAM,YAAY,CAAC;AACpD,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AACjC,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AAQrC,MAAM,CAAC,MAAM,aAAa,GAAG,KAAK,CAAC,UAAU,CAC3C,CAAC,KAAyB,EAAE,GAAyC,EAAE,EAAE;IACvE,MAAM,EAAE,kBAAkB,GAAG,IAAI,EAAE,OAAO,GAAG,SAAS,EAAE,GAAG,UAAU,EAAE,GAAG,KAAK,CAAC;IAEhF,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAU,KAAK,CAAC,CAAC;IAEvE,OAAO,CACL,MAAC,IAAI,IAAC,GAAG,EAAC,IAAI,aACZ,KAAC,KAAK,IACJ,GAAG,EAAE,GAAG,EACR,WAAW,EAAE,UAAU,CAAC,WAAW,EACnC,YAAY,EAAE,OAAO,KAAK,KAAK,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,kBAAkB,EACrE,IAAI,EAAE,YAAY,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,UAAU,EACxC,YAAY,EAAE;oBACZ,SAAS,EAAE,GAAG,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,CAAC;iBAClC,KACG,UAAU,GACd,EACD,kBAAkB,IAAI,CACrB,KAAC,MAAM,IACL,OAAO,EAAC,SAAS,EACjB,YAAY,EAAC,OAAO,EACpB,IAAI,EAAC,MAAM,EACX,IAAI,EAAC,QAAQ,EACb,IAAI,EAAE,YAAY,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,QAAQ,EACxC,OAAO,EAAE,GAAG,EAAE,CAAC,eAAe,CAAC,CAAC,YAAY,CAAC,EAC7C,QAAQ,EAAE,KAAK,CAAC,yBAAyB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAClD,CACH,IACI,CACR,CAAC;AACJ,CAAC,CACF,CAAC"}
1
+ {"version":3,"file":"PasswordInput.js","sourceRoot":"","sources":["../../../src/components/custom/PasswordInput.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,EAAE,EAAE,MAAM,gCAAgC,CAAC;AACpD,OAAO,EAAE,GAAG,EAAE,MAAM,iCAAiC,CAAC;AACtD,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,4BAA4B,CAAC;AAChE,OAAO,EAAE,KAAK,EAAmB,MAAM,YAAY,CAAC;AACpD,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AACjC,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AASrC,MAAM,CAAC,MAAM,aAAa,GAAG,KAAK,CAAC,UAAU,CAC3C,CAAC,KAAyB,EAAE,GAAyC,EAAE,EAAE;IACvE,MAAM,EAAE,kBAAkB,GAAG,IAAI,EAAE,OAAO,GAAG,SAAS,EAAE,iBAAiB,GAAG,KAAK,EAAE,GAAG,UAAU,EAAE,GAAG,KAAK,CAAC;IAE3G,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAU,KAAK,CAAC,CAAC;IAEvE,OAAO,CACL,MAAC,IAAI,IAAC,GAAG,EAAC,IAAI,aACZ,KAAC,KAAK,IACJ,GAAG,EAAE,GAAG,EACR,WAAW,EAAE,UAAU,CAAC,WAAW,EACnC,YAAY,EAAE,OAAO,KAAK,KAAK,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,kBAAkB,EACrE,IAAI,EAAE,YAAY,IAAI,iBAAiB,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,UAAU,EAC7D,YAAY,EAAE;oBACZ,SAAS,EAAE,EAAE,CAAC,GAAG,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,CAAC,EAAE,iBAAiB,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC,qBAAqB,CAAC,CAAC,CAAC,EAAE,CAAC;iBACvG,KACG,UAAU,GACd,EACD,kBAAkB,IAAI,CACrB,KAAC,MAAM,IACL,OAAO,EAAC,SAAS,EACjB,YAAY,EAAC,OAAO,EACpB,IAAI,EAAC,MAAM,EACX,IAAI,EAAC,QAAQ,EACb,IAAI,EAAE,YAAY,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,QAAQ,EACxC,OAAO,EAAE,GAAG,EAAE,CAAC,eAAe,CAAC,CAAC,YAAY,CAAC,EAC7C,QAAQ,EAAE,KAAK,CAAC,yBAAyB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAClD,CACH,IACI,CACR,CAAC;AACJ,CAAC,CACF,CAAC"}
package/dist/index.css CHANGED
@@ -1,2 +1,5 @@
1
1
  @layer reset, base, tokens, recipes, utilities;
2
2
 
3
+ .fake-password-input {
4
+ -webkit-text-security: disc;
5
+ }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@luxonis/common-fe-components",
3
- "version": "1.14.0",
3
+ "version": "1.15.0",
4
4
  "type": "module",
5
5
  "main": "./dist/index.js",
6
6
  "scripts": {
@@ -22,7 +22,7 @@
22
22
  },
23
23
  "dependencies": {
24
24
  "@hookform/resolvers": "^3.9.0",
25
- "@luxonis/common-fe-utils": "^1.14.0",
25
+ "@luxonis/common-fe-utils": "^1.15.0",
26
26
  "@radix-ui/react-accordion": "^1.2.0",
27
27
  "@radix-ui/react-alert-dialog": "^1.1.1",
28
28
  "@radix-ui/react-aspect-ratio": "^1.1.0",
@@ -84,6 +84,6 @@
84
84
  "registry": "https://registry.npmjs.org",
85
85
  "access": "public"
86
86
  },
87
- "gitHead": "6ef30e745d571df6ac11860d506814c2da411d41",
87
+ "gitHead": "4ae1439646625b8416a5d8b1b31b75d22cb9bf4d",
88
88
  "license": "UNLICENSED"
89
89
  }