@activecollab/components 2.0.304 → 2.0.305

package/dist/esm/components/Input/Input.js

@@ -6,19 +6,23 @@ import classnames from "classnames";
 import { StyledInput, StyledInputWrapper } from "./Styles";
 import useForkRef from "../../utils/useForkRef";
 export const Input = /*#__PURE__*/React.forwardRef((_ref, ref) => {
-  let {
-      className = "",
-      style,
-      type = "text",
-      disabled = false,
-      size = "regular",
-      invalid = false,
-      startAdornment,
-      endAdornment,
-      wrapRef,
-      wrapperClick,
-      mode = "outlined"
-    } = _ref,
+  let _ref$className = _ref.className,
+    className = _ref$className === void 0 ? "" : _ref$className,
+    style = _ref.style,
+    _ref$type = _ref.type,
+    type = _ref$type === void 0 ? "text" : _ref$type,
+    _ref$disabled = _ref.disabled,
+    disabled = _ref$disabled === void 0 ? false : _ref$disabled,
+    _ref$size = _ref.size,
+    size = _ref$size === void 0 ? "regular" : _ref$size,
+    _ref$invalid = _ref.invalid,
+    invalid = _ref$invalid === void 0 ? false : _ref$invalid,
+    startAdornment = _ref.startAdornment,
+    endAdornment = _ref.endAdornment,
+    wrapRef = _ref.wrapRef,
+    wrapperClick = _ref.wrapperClick,
+    _ref$mode = _ref.mode,
+    mode = _ref$mode === void 0 ? "outlined" : _ref$mode,
     rest = _objectWithoutPropertiesLoose(_ref, _excluded);
   const intInputRef = useRef(null);
   const handleRef = useForkRef(ref, intInputRef);

package/dist/esm/components/Input/Input.js.map

@@ -1 +1 @@
-{"version":3,"file":"Input.js","names":["React","useCallback","useRef","classnames","StyledInput","StyledInputWrapper","useForkRef","Input","forwardRef","_ref","ref","className","style","type","disabled","size","invalid","startAdornment","endAdornment","wrapRef","wrapperClick","mode","rest","_objectWithoutPropertiesLoose","_excluded","intInputRef","handleRef","handleWrapperClick","_intInputRef$current","current","focus","createElement","$size","$invalid","$disabled","$mode","onClick","_extends","displayName"],"sources":["../../../../src/components/Input/Input.tsx"],"sourcesContent":["import React, {\n  ReactNode,\n  Ref,\n  useCallback,\n  useRef,\n  InputHTMLAttributes,\n} from \"react\";\n\nimport classnames from \"classnames\";\n\nimport { StyledInput, StyledInputWrapper } from \"./Styles\";\nimport { InputMode, InputSize } from \"./types\";\nimport useForkRef from \"../../utils/useForkRef\";\nimport { ITypographyProps } from \"../Typography/Typography\";\n\nexport interface OverrideProps\n  extends Omit<InputHTMLAttributes<HTMLInputElement>, \"size\" | \"ref\"> {\n  /** Velicina inputa koja definse font-size i border radius */\n  size?: InputSize;\n}\n\nexport interface InputProps\n  extends OverrideProps,\n    Pick<ITypographyProps, \"align\"> {\n  invalid?: boolean;\n  startAdornment?: ReactNode;\n  endAdornment?: ReactNode;\n  wrapRef?: Ref<HTMLDivElement>;\n  mode?: InputMode;\n  wrapperClick?: () => void;\n}\n\nexport const Input = React.forwardRef<HTMLInputElement, InputProps>(\n  (\n    {\n      className = \"\",\n      style,\n      type = \"text\",\n      disabled = false,\n      size = \"regular\",\n      invalid = false,\n      startAdornment,\n      endAdornment,\n      wrapRef,\n      wrapperClick,\n      mode = \"outlined\",\n      ...rest\n    },\n    ref\n  ) => {\n    const intInputRef = useRef<HTMLInputElement>(null);\n    const handleRef = useForkRef(ref, intInputRef);\n\n    const handleWrapperClick = useCallback(() => {\n      intInputRef.current?.focus();\n      wrapperClick && wrapperClick();\n    }, [wrapperClick]);\n\n    return (\n      <StyledInputWrapper\n        $size={size}\n        $invalid={invalid}\n        $disabled={disabled}\n        $mode={mode}\n        style={style}\n        className={classnames(\"c-input-wrapper\", className)}\n        onClick={handleWrapperClick}\n        ref={wrapRef}\n      >\n        {startAdornment}\n        <StyledInput\n          ref={handleRef}\n          type={type}\n          $size={size}\n          disabled={disabled}\n          className=\"c-input\"\n          aria-invalid={invalid}\n          $invalid={invalid}\n          $mode={mode}\n          data-form-type=\"other\"\n          {...rest}\n        />\n        {endAdornment}\n      </StyledInputWrapper>\n    );\n  }\n);\n\nInput.displayName = \"Input\";\n"],"mappings":";;;AAAA,OAAOA,KAAK,IAGVC,WAAW,EACXC,MAAM,QAED,OAAO;AAEd,OAAOC,UAAU,MAAM,YAAY;AAEnC,SAASC,WAAW,EAAEC,kBAAkB,QAAQ,UAAU;AAE1D,OAAOC,UAAU,MAAM,wBAAwB;AAoB/C,OAAO,MAAMC,KAAK,gBAAGP,KAAK,CAACQ,UAAU,CACnC,CAAAC,IAAA,EAeEC,GAAG,KACA;EAAA,IAfH;MACEC,SAAS,GAAG,EAAE;MACdC,KAAK;MACLC,IAAI,GAAG,MAAM;MACbC,QAAQ,GAAG,KAAK;MAChBC,IAAI,GAAG,SAAS;MAChBC,OAAO,GAAG,KAAK;MACfC,cAAc;MACdC,YAAY;MACZC,OAAO;MACPC,YAAY;MACZC,IAAI,GAAG;IAET,CAAC,GAAAZ,IAAA;IADIa,IAAI,GAAAC,6BAAA,CAAAd,IAAA,EAAAe,SAAA;EAIT,MAAMC,WAAW,GAAGvB,MAAM,CAAmB,IAAI,CAAC;EAClD,MAAMwB,SAAS,GAAGpB,UAAU,CAACI,GAAG,EAAEe,WAAW,CAAC;EAE9C,MAAME,kBAAkB,GAAG1B,WAAW,CAAC,MAAM;IAAA,IAAA2B,oBAAA;IAC3C,CAAAA,oBAAA,GAAAH,WAAW,CAACI,OAAO,aAAnBD,oBAAA,CAAqBE,KAAK,CAAC,CAAC;IAC5BV,YAAY,IAAIA,YAAY,CAAC,CAAC;EAChC,CAAC,EAAE,CAACA,YAAY,CAAC,CAAC;EAElB,oBACEpB,KAAA,CAAA+B,aAAA,CAAC1B,kBAAkB;IACjB2B,KAAK,EAAEjB,IAAK;IACZkB,QAAQ,EAAEjB,OAAQ;IAClBkB,SAAS,EAAEpB,QAAS;IACpBqB,KAAK,EAAEd,IAAK;IACZT,KAAK,EAAEA,KAAM;IACbD,SAAS,EAAER,UAAU,CAAC,iBAAiB,EAAEQ,SAAS,CAAE;IACpDyB,OAAO,EAAET,kBAAmB;IAC5BjB,GAAG,EAAES;EAAQ,GAEZF,cAAc,eACfjB,KAAA,CAAA+B,aAAA,CAAC3B,WAAW,EAAAiC,QAAA;IACV3B,GAAG,EAAEgB,SAAU;IACfb,IAAI,EAAEA,IAAK;IACXmB,KAAK,EAAEjB,IAAK;IACZD,QAAQ,EAAEA,QAAS;IACnBH,SAAS,EAAC,SAAS;IACnB,gBAAcK,OAAQ;IACtBiB,QAAQ,EAAEjB,OAAQ;IAClBmB,KAAK,EAAEd,IAAK;IACZ,kBAAe;EAAO,GAClBC,IAAI,CACT,CAAC,EACDJ,YACiB,CAAC;AAEzB,CACF,CAAC;AAEDX,KAAK,CAAC+B,WAAW,GAAG,OAAO","ignoreList":[]}
+{"version":3,"file":"Input.js","names":["React","useCallback","useRef","classnames","StyledInput","StyledInputWrapper","useForkRef","Input","forwardRef","_ref","ref","_ref$className","className","style","_ref$type","type","_ref$disabled","disabled","_ref$size","size","_ref$invalid","invalid","startAdornment","endAdornment","wrapRef","wrapperClick","_ref$mode","mode","rest","_objectWithoutPropertiesLoose","_excluded","intInputRef","handleRef","handleWrapperClick","_intInputRef$current","current","focus","createElement","$size","$invalid","$disabled","$mode","onClick","_extends","displayName"],"sources":["../../../../src/components/Input/Input.tsx"],"sourcesContent":["import React, {\n  ReactNode,\n  Ref,\n  useCallback,\n  useRef,\n  InputHTMLAttributes,\n} from \"react\";\n\nimport classnames from \"classnames\";\n\nimport { StyledInput, StyledInputWrapper } from \"./Styles\";\nimport { InputMode, InputSize } from \"./types\";\nimport useForkRef from \"../../utils/useForkRef\";\nimport { ITypographyProps } from \"../Typography/Typography\";\n\nexport interface OverrideProps\n  extends Omit<InputHTMLAttributes<HTMLInputElement>, \"size\" | \"ref\"> {\n  /** Velicina inputa koja definse font-size i border radius */\n  size?: InputSize;\n}\n\nexport interface InputProps\n  extends OverrideProps,\n    Pick<ITypographyProps, \"align\"> {\n  invalid?: boolean;\n  startAdornment?: ReactNode;\n  endAdornment?: ReactNode;\n  wrapRef?: Ref<HTMLDivElement>;\n  mode?: InputMode;\n  wrapperClick?: () => void;\n}\n\nexport const Input = React.forwardRef<HTMLInputElement, InputProps>(\n  (\n    {\n      className = \"\",\n      style,\n      type = \"text\",\n      disabled = false,\n      size = \"regular\",\n      invalid = false,\n      startAdornment,\n      endAdornment,\n      wrapRef,\n      wrapperClick,\n      mode = \"outlined\",\n      ...rest\n    },\n    ref\n  ) => {\n    const intInputRef = useRef<HTMLInputElement>(null);\n    const handleRef = useForkRef(ref, intInputRef);\n\n    const handleWrapperClick = useCallback(() => {\n      intInputRef.current?.focus();\n      wrapperClick && wrapperClick();\n    }, [wrapperClick]);\n\n    return (\n      <StyledInputWrapper\n        $size={size}\n        $invalid={invalid}\n        $disabled={disabled}\n        $mode={mode}\n        style={style}\n        className={classnames(\"c-input-wrapper\", className)}\n        onClick={handleWrapperClick}\n        ref={wrapRef}\n      >\n        {startAdornment}\n        <StyledInput\n          ref={handleRef}\n          type={type}\n          $size={size}\n          disabled={disabled}\n          className=\"c-input\"\n          aria-invalid={invalid}\n          $invalid={invalid}\n          $mode={mode}\n          data-form-type=\"other\"\n          {...rest}\n        />\n        {endAdornment}\n      </StyledInputWrapper>\n    );\n  }\n);\n\nInput.displayName = \"Input\";\n"],"mappings":";;;AAAA,OAAOA,KAAK,IAGVC,WAAW,EACXC,MAAM,QAED,OAAO;AAEd,OAAOC,UAAU,MAAM,YAAY;AAEnC,SAASC,WAAW,EAAEC,kBAAkB,QAAQ,UAAU;AAE1D,OAAOC,UAAU,MAAM,wBAAwB;AAoB/C,OAAO,MAAMC,KAAK,gBAAGP,KAAK,CAACQ,UAAU,CACnC,CAAAC,IAAA,EAeEC,GAAG,KACA;EAAA,IAAAC,cAAA,GAAAF,IAAA,CAdDG,SAAS;IAATA,SAAS,GAAAD,cAAA,cAAG,EAAE,GAAAA,cAAA;IACdE,KAAK,GAAAJ,IAAA,CAALI,KAAK;IAAAC,SAAA,GAAAL,IAAA,CACLM,IAAI;IAAJA,IAAI,GAAAD,SAAA,cAAG,MAAM,GAAAA,SAAA;IAAAE,aAAA,GAAAP,IAAA,CACbQ,QAAQ;IAARA,QAAQ,GAAAD,aAAA,cAAG,KAAK,GAAAA,aAAA;IAAAE,SAAA,GAAAT,IAAA,CAChBU,IAAI;IAAJA,IAAI,GAAAD,SAAA,cAAG,SAAS,GAAAA,SAAA;IAAAE,YAAA,GAAAX,IAAA,CAChBY,OAAO;IAAPA,OAAO,GAAAD,YAAA,cAAG,KAAK,GAAAA,YAAA;IACfE,cAAc,GAAAb,IAAA,CAAda,cAAc;IACdC,YAAY,GAAAd,IAAA,CAAZc,YAAY;IACZC,OAAO,GAAAf,IAAA,CAAPe,OAAO;IACPC,YAAY,GAAAhB,IAAA,CAAZgB,YAAY;IAAAC,SAAA,GAAAjB,IAAA,CACZkB,IAAI;IAAJA,IAAI,GAAAD,SAAA,cAAG,UAAU,GAAAA,SAAA;IACdE,IAAI,GAAAC,6BAAA,CAAApB,IAAA,EAAAqB,SAAA;EAIT,MAAMC,WAAW,GAAG7B,MAAM,CAAmB,IAAI,CAAC;EAClD,MAAM8B,SAAS,GAAG1B,UAAU,CAACI,GAAG,EAAEqB,WAAW,CAAC;EAE9C,MAAME,kBAAkB,GAAGhC,WAAW,CAAC,MAAM;IAAA,IAAAiC,oBAAA;IAC3C,CAAAA,oBAAA,GAAAH,WAAW,CAACI,OAAO,aAAnBD,oBAAA,CAAqBE,KAAK,CAAC,CAAC;IAC5BX,YAAY,IAAIA,YAAY,CAAC,CAAC;EAChC,CAAC,EAAE,CAACA,YAAY,CAAC,CAAC;EAElB,oBACEzB,KAAA,CAAAqC,aAAA,CAAChC,kBAAkB;IACjBiC,KAAK,EAAEnB,IAAK;IACZoB,QAAQ,EAAElB,OAAQ;IAClBmB,SAAS,EAAEvB,QAAS;IACpBwB,KAAK,EAAEd,IAAK;IACZd,KAAK,EAAEA,KAAM;IACbD,SAAS,EAAET,UAAU,CAAC,iBAAiB,EAAES,SAAS,CAAE;IACpD8B,OAAO,EAAET,kBAAmB;IAC5BvB,GAAG,EAAEc;EAAQ,GAEZF,cAAc,eACftB,KAAA,CAAAqC,aAAA,CAACjC,WAAW,EAAAuC,QAAA;IACVjC,GAAG,EAAEsB,SAAU;IACfjB,IAAI,EAAEA,IAAK;IACXuB,KAAK,EAAEnB,IAAK;IACZF,QAAQ,EAAEA,QAAS;IACnBL,SAAS,EAAC,SAAS;IACnB,gBAAcS,OAAQ;IACtBkB,QAAQ,EAAElB,OAAQ;IAClBoB,KAAK,EAAEd,IAAK;IACZ,kBAAe;EAAO,GAClBC,IAAI,CACT,CAAC,EACDL,YACiB,CAAC;AAEzB,CACF,CAAC;AAEDhB,KAAK,CAACqC,WAAW,GAAG,OAAO","ignoreList":[]}

package/dist/esm/components/Input/InputAdornment.js

@@ -16,11 +16,9 @@ const InputAdornmentBase = styled.div.withConfig({
   "pointerEvents": "none"
 }));
 export const InputAdornment = /*#__PURE__*/React.forwardRef((_ref, ref) => {
-  let {
-      children,
-      as,
-      disablePointerEvents
-    } = _ref,
+  let children = _ref.children,
+    as = _ref.as,
+    disablePointerEvents = _ref.disablePointerEvents,
     rest = _objectWithoutPropertiesLoose(_ref, _excluded);
   const Component = as || "div";
   return /*#__PURE__*/React.createElement(InputAdornmentBase, _extends({}, rest, {

package/dist/esm/components/Input/InputAdornment.js.map

@@ -1 +1 @@
-{"version":3,"file":"InputAdornment.js","names":["React","styled","css","InputAdornmentBase","div","withConfig","displayName","componentId","props","$disablePointerEvents","InputAdornment","forwardRef","_ref","ref","children","as","disablePointerEvents","rest","_objectWithoutPropertiesLoose","_excluded","Component","createElement","_extends"],"sources":["../../../../src/components/Input/InputAdornment.tsx"],"sourcesContent":["import React, { ReactNode } from \"react\";\n\nimport styled, { css } from \"styled-components\";\nimport tw from \"twin.macro\";\n\nimport {\n  PolymorphicComponentPropsWithRef,\n  PolymorphicRef,\n} from \"../../utils/types\";\n\ninterface BaseInputAdornmentProps {\n  disablePointerEvents?: boolean;\n}\n\nconst InputAdornmentBase = styled.div<{ $disablePointerEvents?: boolean }>`\n  ${tw`tw-flex tw-items-center tw-mx-1 tw-gap-1`}\n\n  ${(props) =>\n    props.$disablePointerEvents &&\n    css`\n      ${tw`tw-pointer-events-none`}\n    `}\n`;\n\nexport type InputAdornmentProps<C extends React.ElementType> =\n  PolymorphicComponentPropsWithRef<C, BaseInputAdornmentProps>;\n\nexport type InputAdornmentComponent = <C extends React.ElementType = \"div\">(\n  props: InputAdornmentProps<C>\n) => React.ReactElement | ReactNode | null;\n\nexport const InputAdornment: InputAdornmentComponent & {\n  displayName?: string;\n} = React.forwardRef(\n  // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n  // @ts-ignore - due to @node/types making ts more strict\n  <C extends React.ElementType = \"div\">(\n    { children, as, disablePointerEvents, ...rest }: InputAdornmentProps<C>,\n    ref: PolymorphicRef<C>\n  ) => {\n    const Component = as || \"div\";\n    return (\n      <InputAdornmentBase\n        {...rest}\n        as={Component}\n        $disablePointerEvents={disablePointerEvents}\n        ref={ref}\n      >\n        {children}\n      </InputAdornmentBase>\n    );\n  }\n);\n\nInputAdornment.displayName = \"InputAdornment\";\n"],"mappings":";;;AAAA,OAAOA,KAAK,MAAqB,OAAO;AAExC,OAAOC,MAAM,IAAIC,GAAG,QAAQ,mBAAmB;AAY/C,MAAMC,kBAAkB,GAAGF,MAAM,CAACG,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,kBAC/B;EAAA;EAAA;EAAA;EAAA;EAAA;AAAyC,CAAC,EAE3CC,KAAK,IACNA,KAAK,CAACC,qBAAqB,IAC3BP,GAAG,WACG;EAAA;AAAuB,CAAC,CAC7B,CACJ;AASD,OAAO,MAAMQ,cAEZ,gBAAGV,KAAK,CAACW,UAAU,CAGlB,CAAAC,IAAA,EAEEC,GAAsB,KACnB;EAAA,IAFH;MAAEC,QAAQ;MAAEC,EAAE;MAAEC;IAAsD,CAAC,GAAAJ,IAAA;IAA9BK,IAAI,GAAAC,6BAAA,CAAAN,IAAA,EAAAO,SAAA;EAG7C,MAAMC,SAAS,GAAGL,EAAE,IAAI,KAAK;EAC7B,oBACEf,KAAA,CAAAqB,aAAA,CAAClB,kBAAkB,EAAAmB,QAAA,KACbL,IAAI;IACRF,EAAE,EAAEK,SAAU;IACdX,qBAAqB,EAAEO,oBAAqB;IAC5CH,GAAG,EAAEA;EAAI,IAERC,QACiB,CAAC;AAEzB,CACF,CAAC;AAEDJ,cAAc,CAACJ,WAAW,GAAG,gBAAgB","ignoreList":[]}
+{"version":3,"file":"InputAdornment.js","names":["React","styled","css","InputAdornmentBase","div","withConfig","displayName","componentId","props","$disablePointerEvents","InputAdornment","forwardRef","_ref","ref","children","as","disablePointerEvents","rest","_objectWithoutPropertiesLoose","_excluded","Component","createElement","_extends"],"sources":["../../../../src/components/Input/InputAdornment.tsx"],"sourcesContent":["import React, { ReactNode } from \"react\";\n\nimport styled, { css } from \"styled-components\";\nimport tw from \"twin.macro\";\n\nimport {\n  PolymorphicComponentPropsWithRef,\n  PolymorphicRef,\n} from \"../../utils/types\";\n\ninterface BaseInputAdornmentProps {\n  disablePointerEvents?: boolean;\n}\n\nconst InputAdornmentBase = styled.div<{ $disablePointerEvents?: boolean }>`\n  ${tw`tw-flex tw-items-center tw-mx-1 tw-gap-1`}\n\n  ${(props) =>\n    props.$disablePointerEvents &&\n    css`\n      ${tw`tw-pointer-events-none`}\n    `}\n`;\n\nexport type InputAdornmentProps<C extends React.ElementType> =\n  PolymorphicComponentPropsWithRef<C, BaseInputAdornmentProps>;\n\nexport type InputAdornmentComponent = <C extends React.ElementType = \"div\">(\n  props: InputAdornmentProps<C>\n) => React.ReactElement | ReactNode | null;\n\nexport const InputAdornment: InputAdornmentComponent & {\n  displayName?: string;\n} = React.forwardRef(\n  // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n  // @ts-ignore - due to @node/types making ts more strict\n  <C extends React.ElementType = \"div\">(\n    { children, as, disablePointerEvents, ...rest }: InputAdornmentProps<C>,\n    ref: PolymorphicRef<C>\n  ) => {\n    const Component = as || \"div\";\n    return (\n      <InputAdornmentBase\n        {...rest}\n        as={Component}\n        $disablePointerEvents={disablePointerEvents}\n        ref={ref}\n      >\n        {children}\n      </InputAdornmentBase>\n    );\n  }\n);\n\nInputAdornment.displayName = \"InputAdornment\";\n"],"mappings":";;;AAAA,OAAOA,KAAK,MAAqB,OAAO;AAExC,OAAOC,MAAM,IAAIC,GAAG,QAAQ,mBAAmB;AAY/C,MAAMC,kBAAkB,GAAGF,MAAM,CAACG,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,kBAC/B;EAAA;EAAA;EAAA;EAAA;EAAA;AAAyC,CAAC,EAE3CC,KAAK,IACNA,KAAK,CAACC,qBAAqB,IAC3BP,GAAG,WACG;EAAA;AAAuB,CAAC,CAC7B,CACJ;AASD,OAAO,MAAMQ,cAEZ,gBAAGV,KAAK,CAACW,UAAU,CAGlB,CAAAC,IAAA,EAEEC,GAAsB,KACnB;EAAA,IAFDC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;IAAEC,EAAE,GAAAH,IAAA,CAAFG,EAAE;IAAEC,oBAAoB,GAAAJ,IAAA,CAApBI,oBAAoB;IAAKC,IAAI,GAAAC,6BAAA,CAAAN,IAAA,EAAAO,SAAA;EAG7C,MAAMC,SAAS,GAAGL,EAAE,IAAI,KAAK;EAC7B,oBACEf,KAAA,CAAAqB,aAAA,CAAClB,kBAAkB,EAAAmB,QAAA,KACbL,IAAI;IACRF,EAAE,EAAEK,SAAU;IACdX,qBAAqB,EAAEO,oBAAqB;IAC5CH,GAAG,EAAEA;EAAI,IAERC,QACiB,CAAC;AAEzB,CACF,CAAC;AAEDJ,cAAc,CAACJ,WAAW,GAAG,gBAAgB","ignoreList":[]}

package/dist/esm/components/Input/InputCurrency.js

@@ -6,13 +6,11 @@ import { InputAdornment } from "./InputAdornment";
 import { InputNumber } from "./InputNumber";
 import { Typography } from "../Typography/Typography";
 export const InputCurrency = /*#__PURE__*/forwardRef((_ref, ref) => {
-  let {
-      currency,
-      size,
-      startAdornment,
-      endAdornment,
-      disabled
-    } = _ref,
+  let currency = _ref.currency,
+    size = _ref.size,
+    startAdornment = _ref.startAdornment,
+    endAdornment = _ref.endAdornment,
+    disabled = _ref.disabled,
     rest = _objectWithoutPropertiesLoose(_ref, _excluded);
   const variant = useMemo(() => {
     if (size === "biggest") {

package/dist/esm/components/Input/InputCurrency.js.map

@@ -1 +1 @@
-{"version":3,"file":"InputCurrency.js","names":["React","forwardRef","useMemo","InputAdornment","InputNumber","Typography","InputCurrency","_ref","ref","currency","size","startAdornment","endAdornment","disabled","rest","_objectWithoutPropertiesLoose","_excluded","variant","weight","createElement","_extends","align","shortenThreshold","disablePointerEvents","displayName"],"sources":["../../../../src/components/Input/InputCurrency.tsx"],"sourcesContent":["import React, { forwardRef, useMemo } from \"react\";\n\nimport { InputAdornment } from \"./InputAdornment\";\nimport { InputNumber, InputNumberProps } from \"./InputNumber\";\nimport { Typography } from \"../Typography/Typography\";\n\nexport interface IInputCurrency\n  extends Omit<InputNumberProps, \"align\" | \"limit\"> {\n  currency: string;\n}\n\nexport const InputCurrency = forwardRef<HTMLInputElement, IInputCurrency>(\n  (\n    { currency, size, startAdornment, endAdornment, disabled, ...rest },\n    ref\n  ) => {\n    const variant = useMemo(() => {\n      if (size === \"biggest\") {\n        return \"Header 2\";\n      }\n      if (size === \"big\") {\n        return \"Body 1\";\n      }\n      return \"Body 2\";\n    }, [size]);\n\n    const weight = useMemo(() => {\n      return size === \"biggest\" ? \"bold\" : \"regular\";\n    }, [size]);\n\n    return (\n      <InputNumber\n        size={size}\n        align=\"right\"\n        ref={ref}\n        disabled={disabled}\n        shortenThreshold={10000}\n        endAdornment={\n          endAdornment && (\n            <InputAdornment disablePointerEvents={disabled}>\n              {endAdornment}\n            </InputAdornment>\n          )\n        }\n        {...rest}\n        startAdornment={\n          <InputAdornment disablePointerEvents={disabled}>\n            <Typography variant={variant} weight={weight}>\n              {currency}\n            </Typography>\n            {startAdornment}\n          </InputAdornment>\n        }\n      />\n    );\n  }\n);\n\nInputCurrency.displayName = \"InputCurrency\";\n"],"mappings":";;;AAAA,OAAOA,KAAK,IAAIC,UAAU,EAAEC,OAAO,QAAQ,OAAO;AAElD,SAASC,cAAc,QAAQ,kBAAkB;AACjD,SAASC,WAAW,QAA0B,eAAe;AAC7D,SAASC,UAAU,QAAQ,0BAA0B;AAOrD,OAAO,MAAMC,aAAa,gBAAGL,UAAU,CACrC,CAAAM,IAAA,EAEEC,GAAG,KACA;EAAA,IAFH;MAAEC,QAAQ;MAAEC,IAAI;MAAEC,cAAc;MAAEC,YAAY;MAAEC;IAAkB,CAAC,GAAAN,IAAA;IAANO,IAAI,GAAAC,6BAAA,CAAAR,IAAA,EAAAS,SAAA;EAGjE,MAAMC,OAAO,GAAGf,OAAO,CAAC,MAAM;IAC5B,IAAIQ,IAAI,KAAK,SAAS,EAAE;MACtB,OAAO,UAAU;IACnB;IACA,IAAIA,IAAI,KAAK,KAAK,EAAE;MAClB,OAAO,QAAQ;IACjB;IACA,OAAO,QAAQ;EACjB,CAAC,EAAE,CAACA,IAAI,CAAC,CAAC;EAEV,MAAMQ,MAAM,GAAGhB,OAAO,CAAC,MAAM;IAC3B,OAAOQ,IAAI,KAAK,SAAS,GAAG,MAAM,GAAG,SAAS;EAChD,CAAC,EAAE,CAACA,IAAI,CAAC,CAAC;EAEV,oBACEV,KAAA,CAAAmB,aAAA,CAACf,WAAW,EAAAgB,QAAA;IACVV,IAAI,EAAEA,IAAK;IACXW,KAAK,EAAC,OAAO;IACbb,GAAG,EAAEA,GAAI;IACTK,QAAQ,EAAEA,QAAS;IACnBS,gBAAgB,EAAE,KAAM;IACxBV,YAAY,EACVA,YAAY,iBACVZ,KAAA,CAAAmB,aAAA,CAAChB,cAAc;MAACoB,oBAAoB,EAAEV;IAAS,GAC5CD,YACa;EAEnB,GACGE,IAAI;IACRH,cAAc,eACZX,KAAA,CAAAmB,aAAA,CAAChB,cAAc;MAACoB,oBAAoB,EAAEV;IAAS,gBAC7Cb,KAAA,CAAAmB,aAAA,CAACd,UAAU;MAACY,OAAO,EAAEA,OAAQ;MAACC,MAAM,EAAEA;IAAO,GAC1CT,QACS,CAAC,EACZE,cACa;EACjB,EACF,CAAC;AAEN,CACF,CAAC;AAEDL,aAAa,CAACkB,WAAW,GAAG,eAAe","ignoreList":[]}
+{"version":3,"file":"InputCurrency.js","names":["React","forwardRef","useMemo","InputAdornment","InputNumber","Typography","InputCurrency","_ref","ref","currency","size","startAdornment","endAdornment","disabled","rest","_objectWithoutPropertiesLoose","_excluded","variant","weight","createElement","_extends","align","shortenThreshold","disablePointerEvents","displayName"],"sources":["../../../../src/components/Input/InputCurrency.tsx"],"sourcesContent":["import React, { forwardRef, useMemo } from \"react\";\n\nimport { InputAdornment } from \"./InputAdornment\";\nimport { InputNumber, InputNumberProps } from \"./InputNumber\";\nimport { Typography } from \"../Typography/Typography\";\n\nexport interface IInputCurrency\n  extends Omit<InputNumberProps, \"align\" | \"limit\"> {\n  currency: string;\n}\n\nexport const InputCurrency = forwardRef<HTMLInputElement, IInputCurrency>(\n  (\n    { currency, size, startAdornment, endAdornment, disabled, ...rest },\n    ref\n  ) => {\n    const variant = useMemo(() => {\n      if (size === \"biggest\") {\n        return \"Header 2\";\n      }\n      if (size === \"big\") {\n        return \"Body 1\";\n      }\n      return \"Body 2\";\n    }, [size]);\n\n    const weight = useMemo(() => {\n      return size === \"biggest\" ? \"bold\" : \"regular\";\n    }, [size]);\n\n    return (\n      <InputNumber\n        size={size}\n        align=\"right\"\n        ref={ref}\n        disabled={disabled}\n        shortenThreshold={10000}\n        endAdornment={\n          endAdornment && (\n            <InputAdornment disablePointerEvents={disabled}>\n              {endAdornment}\n            </InputAdornment>\n          )\n        }\n        {...rest}\n        startAdornment={\n          <InputAdornment disablePointerEvents={disabled}>\n            <Typography variant={variant} weight={weight}>\n              {currency}\n            </Typography>\n            {startAdornment}\n          </InputAdornment>\n        }\n      />\n    );\n  }\n);\n\nInputCurrency.displayName = \"InputCurrency\";\n"],"mappings":";;;AAAA,OAAOA,KAAK,IAAIC,UAAU,EAAEC,OAAO,QAAQ,OAAO;AAElD,SAASC,cAAc,QAAQ,kBAAkB;AACjD,SAASC,WAAW,QAA0B,eAAe;AAC7D,SAASC,UAAU,QAAQ,0BAA0B;AAOrD,OAAO,MAAMC,aAAa,gBAAGL,UAAU,CACrC,CAAAM,IAAA,EAEEC,GAAG,KACA;EAAA,IAFDC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;IAAEC,IAAI,GAAAH,IAAA,CAAJG,IAAI;IAAEC,cAAc,GAAAJ,IAAA,CAAdI,cAAc;IAAEC,YAAY,GAAAL,IAAA,CAAZK,YAAY;IAAEC,QAAQ,GAAAN,IAAA,CAARM,QAAQ;IAAKC,IAAI,GAAAC,6BAAA,CAAAR,IAAA,EAAAS,SAAA;EAGjE,MAAMC,OAAO,GAAGf,OAAO,CAAC,MAAM;IAC5B,IAAIQ,IAAI,KAAK,SAAS,EAAE;MACtB,OAAO,UAAU;IACnB;IACA,IAAIA,IAAI,KAAK,KAAK,EAAE;MAClB,OAAO,QAAQ;IACjB;IACA,OAAO,QAAQ;EACjB,CAAC,EAAE,CAACA,IAAI,CAAC,CAAC;EAEV,MAAMQ,MAAM,GAAGhB,OAAO,CAAC,MAAM;IAC3B,OAAOQ,IAAI,KAAK,SAAS,GAAG,MAAM,GAAG,SAAS;EAChD,CAAC,EAAE,CAACA,IAAI,CAAC,CAAC;EAEV,oBACEV,KAAA,CAAAmB,aAAA,CAACf,WAAW,EAAAgB,QAAA;IACVV,IAAI,EAAEA,IAAK;IACXW,KAAK,EAAC,OAAO;IACbb,GAAG,EAAEA,GAAI;IACTK,QAAQ,EAAEA,QAAS;IACnBS,gBAAgB,EAAE,KAAM;IACxBV,YAAY,EACVA,YAAY,iBACVZ,KAAA,CAAAmB,aAAA,CAAChB,cAAc;MAACoB,oBAAoB,EAAEV;IAAS,GAC5CD,YACa;EAEnB,GACGE,IAAI;IACRH,cAAc,eACZX,KAAA,CAAAmB,aAAA,CAAChB,cAAc;MAACoB,oBAAoB,EAAEV;IAAS,gBAC7Cb,KAAA,CAAAmB,aAAA,CAACd,UAAU;MAACY,OAAO,EAAEA,OAAQ;MAACC,MAAM,EAAEA;IAAO,GAC1CT,QACS,CAAC,EACZE,cACa;EACjB,EACF,CAAC;AAEN,CACF,CAAC;AAEDL,aAAa,CAACkB,WAAW,GAAG,eAAe","ignoreList":[]}

package/dist/esm/components/Input/InputHours.js

@@ -7,47 +7,47 @@ import { useInputHours } from "../../hooks/useInputHours";
 import { validateTimeInput } from "../../utils";
 import useForkRef from "../../utils/useForkRef";
 export const InputHours = /*#__PURE__*/React.forwardRef((_ref, ref) => {
-  let {
+  let defaultValue = _ref.value,
+    onCancel = _ref.onCancel,
+    onSave = _ref.onSave,
+    externalEnterKeyPress = _ref.onEnterKeyPress,
+    allowEmptyValue = _ref.allowEmptyValue,
+    _ref$withLeadingZero = _ref.withLeadingZero,
+    withLeadingZero = _ref$withLeadingZero === void 0 ? true : _ref$withLeadingZero,
+    _ref$validation = _ref.validation,
+    validation = _ref$validation === void 0 ? validateTimeInput : _ref$validation,
+    _ref$incrementOnlySel = _ref.incrementOnlySelected,
+    incrementOnlySelected = _ref$incrementOnlySel === void 0 ? false : _ref$incrementOnlySel,
+    _ref$minuteIncrement = _ref.minuteIncrement,
+    minuteIncrement = _ref$minuteIncrement === void 0 ? 1 : _ref$minuteIncrement,
+    className = _ref.className,
+    externalOnChange = _ref.onChange,
+    externalOnClick = _ref.onClick,
+    _ref$align = _ref.align,
+    align = _ref$align === void 0 ? "center" : _ref$align,
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded);
+  const inputRef = useRef(null);
+  const handleRef = useForkRef(ref, inputRef);
+  const _useInputHours = useInputHours({
       value: defaultValue,
-      onCancel,
+      withLeadingZero,
       onSave,
-      onEnterKeyPress: externalEnterKeyPress,
+      validation,
       allowEmptyValue,
-      withLeadingZero = true,
-      validation = validateTimeInput,
-      incrementOnlySelected = false,
-      minuteIncrement = 1,
-      className,
+      onCancel,
+      minuteIncrement,
+      incrementOnlySelected,
+      onEnterKeyPress: externalEnterKeyPress,
       onChange: externalOnChange,
-      onClick: externalOnClick,
-      align = "center"
-    } = _ref,
-    rest = _objectWithoutPropertiesLoose(_ref, _excluded);
-  const inputRef = useRef(null);
-  const handleRef = useForkRef(ref, inputRef);
-  const {
-    inputProps
-  } = useInputHours({
-    value: defaultValue,
-    withLeadingZero,
-    onSave,
-    validation,
-    allowEmptyValue,
-    onCancel,
-    minuteIncrement,
-    incrementOnlySelected,
-    onEnterKeyPress: externalEnterKeyPress,
-    onChange: externalOnChange,
-    onClick: externalOnClick
-  }, inputRef);
-  const {
-    value,
-    onBlur,
-    onKeyDown,
-    onChange,
-    onClick,
-    onDoubleClick
-  } = inputProps;
+      onClick: externalOnClick
+    }, inputRef),
+    inputProps = _useInputHours.inputProps;
+  const value = inputProps.value,
+    onBlur = inputProps.onBlur,
+    onKeyDown = inputProps.onKeyDown,
+    onChange = inputProps.onChange,
+    onClick = inputProps.onClick,
+    onDoubleClick = inputProps.onDoubleClick;
   return /*#__PURE__*/React.createElement(Input, _extends({}, rest, {
     align: align,
     className: className,

package/dist/esm/components/Input/InputHours.js.map

@@ -1 +1 @@
-{"version":3,"file":"InputHours.js","names":["React","useRef","Input","useInputHours","validateTimeInput","useForkRef","InputHours","forwardRef","_ref","ref","value","defaultValue","onCancel","onSave","onEnterKeyPress","externalEnterKeyPress","allowEmptyValue","withLeadingZero","validation","incrementOnlySelected","minuteIncrement","className","onChange","externalOnChange","onClick","externalOnClick","align","rest","_objectWithoutPropertiesLoose","_excluded","inputRef","handleRef","inputProps","onBlur","onKeyDown","onDoubleClick","createElement","_extends","placeholder","autoComplete","displayName"],"sources":["../../../../src/components/Input/InputHours.tsx"],"sourcesContent":["import React, { useRef } from \"react\";\n\nimport { Input } from \"./Input\";\nimport type { InputProps } from \"./Input\";\nimport { IInputHours, useInputHours } from \"../../hooks/useInputHours\";\nimport { validateTimeInput } from \"../../utils\";\nimport useForkRef from \"../../utils/useForkRef\";\n\nexport interface InputHoursProps\n  extends Omit<InputProps, \"value\" | \"onChange\">,\n    IInputHours {}\n\nexport const InputHours = React.forwardRef<HTMLInputElement, InputHoursProps>(\n  (\n    {\n      value: defaultValue,\n      onCancel,\n      onSave,\n      onEnterKeyPress: externalEnterKeyPress,\n      allowEmptyValue,\n      withLeadingZero = true,\n      validation = validateTimeInput,\n      incrementOnlySelected = false,\n      minuteIncrement = 1,\n      className,\n      onChange: externalOnChange,\n      onClick: externalOnClick,\n      align = \"center\",\n      ...rest\n    },\n    ref\n  ) => {\n    const inputRef = useRef<HTMLInputElement>(null);\n    const handleRef = useForkRef(ref, inputRef);\n\n    const { inputProps } = useInputHours(\n      {\n        value: defaultValue,\n        withLeadingZero,\n        onSave,\n        validation,\n        allowEmptyValue,\n        onCancel,\n        minuteIncrement,\n        incrementOnlySelected,\n        onEnterKeyPress: externalEnterKeyPress,\n        onChange: externalOnChange,\n        onClick: externalOnClick,\n      },\n      inputRef\n    );\n\n    const { value, onBlur, onKeyDown, onChange, onClick, onDoubleClick } =\n      inputProps;\n\n    return (\n      <Input\n        {...rest}\n        align={align}\n        className={className}\n        placeholder={withLeadingZero ? \"00:00\" : \"0:00\"}\n        value={value}\n        onBlur={onBlur}\n        onKeyDown={onKeyDown}\n        onChange={onChange}\n        onClick={onClick}\n        onDoubleClick={onDoubleClick}\n        ref={handleRef}\n        autoComplete=\"off\"\n      />\n    );\n  }\n);\n\nInputHours.displayName = \"InputHours\";\n"],"mappings":";;;AAAA,OAAOA,KAAK,IAAIC,MAAM,QAAQ,OAAO;AAErC,SAASC,KAAK,QAAQ,SAAS;AAE/B,SAAsBC,aAAa,QAAQ,2BAA2B;AACtE,SAASC,iBAAiB,QAAQ,aAAa;AAC/C,OAAOC,UAAU,MAAM,wBAAwB;AAM/C,OAAO,MAAMC,UAAU,gBAAGN,KAAK,CAACO,UAAU,CACxC,CAAAC,IAAA,EAiBEC,GAAG,KACA;EAAA,IAjBH;MACEC,KAAK,EAAEC,YAAY;MACnBC,QAAQ;MACRC,MAAM;MACNC,eAAe,EAAEC,qBAAqB;MACtCC,eAAe;MACfC,eAAe,GAAG,IAAI;MACtBC,UAAU,GAAGd,iBAAiB;MAC9Be,qBAAqB,GAAG,KAAK;MAC7BC,eAAe,GAAG,CAAC;MACnBC,SAAS;MACTC,QAAQ,EAAEC,gBAAgB;MAC1BC,OAAO,EAAEC,eAAe;MACxBC,KAAK,GAAG;IAEV,CAAC,GAAAlB,IAAA;IADImB,IAAI,GAAAC,6BAAA,CAAApB,IAAA,EAAAqB,SAAA;EAIT,MAAMC,QAAQ,GAAG7B,MAAM,CAAmB,IAAI,CAAC;EAC/C,MAAM8B,SAAS,GAAG1B,UAAU,CAACI,GAAG,EAAEqB,QAAQ,CAAC;EAE3C,MAAM;IAAEE;EAAW,CAAC,GAAG7B,aAAa,CAClC;IACEO,KAAK,EAAEC,YAAY;IACnBM,eAAe;IACfJ,MAAM;IACNK,UAAU;IACVF,eAAe;IACfJ,QAAQ;IACRQ,eAAe;IACfD,qBAAqB;IACrBL,eAAe,EAAEC,qBAAqB;IACtCO,QAAQ,EAAEC,gBAAgB;IAC1BC,OAAO,EAAEC;EACX,CAAC,EACDK,QACF,CAAC;EAED,MAAM;IAAEpB,KAAK;IAAEuB,MAAM;IAAEC,SAAS;IAAEZ,QAAQ;IAAEE,OAAO;IAAEW;EAAc,CAAC,GAClEH,UAAU;EAEZ,oBACEhC,KAAA,CAAAoC,aAAA,CAAClC,KAAK,EAAAmC,QAAA,KACAV,IAAI;IACRD,KAAK,EAAEA,KAAM;IACbL,SAAS,EAAEA,SAAU;IACrBiB,WAAW,EAAErB,eAAe,GAAG,OAAO,GAAG,MAAO;IAChDP,KAAK,EAAEA,KAAM;IACbuB,MAAM,EAAEA,MAAO;IACfC,SAAS,EAAEA,SAAU;IACrBZ,QAAQ,EAAEA,QAAS;IACnBE,OAAO,EAAEA,OAAQ;IACjBW,aAAa,EAAEA,aAAc;IAC7B1B,GAAG,EAAEsB,SAAU;IACfQ,YAAY,EAAC;EAAK,EACnB,CAAC;AAEN,CACF,CAAC;AAEDjC,UAAU,CAACkC,WAAW,GAAG,YAAY","ignoreList":[]}
+{"version":3,"file":"InputHours.js","names":["React","useRef","Input","useInputHours","validateTimeInput","useForkRef","InputHours","forwardRef","_ref","ref","defaultValue","value","onCancel","onSave","externalEnterKeyPress","onEnterKeyPress","allowEmptyValue","_ref$withLeadingZero","withLeadingZero","_ref$validation","validation","_ref$incrementOnlySel","incrementOnlySelected","_ref$minuteIncrement","minuteIncrement","className","externalOnChange","onChange","externalOnClick","onClick","_ref$align","align","rest","_objectWithoutPropertiesLoose","_excluded","inputRef","handleRef","_useInputHours","inputProps","onBlur","onKeyDown","onDoubleClick","createElement","_extends","placeholder","autoComplete","displayName"],"sources":["../../../../src/components/Input/InputHours.tsx"],"sourcesContent":["import React, { useRef } from \"react\";\n\nimport { Input } from \"./Input\";\nimport type { InputProps } from \"./Input\";\nimport { IInputHours, useInputHours } from \"../../hooks/useInputHours\";\nimport { validateTimeInput } from \"../../utils\";\nimport useForkRef from \"../../utils/useForkRef\";\n\nexport interface InputHoursProps\n  extends Omit<InputProps, \"value\" | \"onChange\">,\n    IInputHours {}\n\nexport const InputHours = React.forwardRef<HTMLInputElement, InputHoursProps>(\n  (\n    {\n      value: defaultValue,\n      onCancel,\n      onSave,\n      onEnterKeyPress: externalEnterKeyPress,\n      allowEmptyValue,\n      withLeadingZero = true,\n      validation = validateTimeInput,\n      incrementOnlySelected = false,\n      minuteIncrement = 1,\n      className,\n      onChange: externalOnChange,\n      onClick: externalOnClick,\n      align = \"center\",\n      ...rest\n    },\n    ref\n  ) => {\n    const inputRef = useRef<HTMLInputElement>(null);\n    const handleRef = useForkRef(ref, inputRef);\n\n    const { inputProps } = useInputHours(\n      {\n        value: defaultValue,\n        withLeadingZero,\n        onSave,\n        validation,\n        allowEmptyValue,\n        onCancel,\n        minuteIncrement,\n        incrementOnlySelected,\n        onEnterKeyPress: externalEnterKeyPress,\n        onChange: externalOnChange,\n        onClick: externalOnClick,\n      },\n      inputRef\n    );\n\n    const { value, onBlur, onKeyDown, onChange, onClick, onDoubleClick } =\n      inputProps;\n\n    return (\n      <Input\n        {...rest}\n        align={align}\n        className={className}\n        placeholder={withLeadingZero ? \"00:00\" : \"0:00\"}\n        value={value}\n        onBlur={onBlur}\n        onKeyDown={onKeyDown}\n        onChange={onChange}\n        onClick={onClick}\n        onDoubleClick={onDoubleClick}\n        ref={handleRef}\n        autoComplete=\"off\"\n      />\n    );\n  }\n);\n\nInputHours.displayName = \"InputHours\";\n"],"mappings":";;;AAAA,OAAOA,KAAK,IAAIC,MAAM,QAAQ,OAAO;AAErC,SAASC,KAAK,QAAQ,SAAS;AAE/B,SAAsBC,aAAa,QAAQ,2BAA2B;AACtE,SAASC,iBAAiB,QAAQ,aAAa;AAC/C,OAAOC,UAAU,MAAM,wBAAwB;AAM/C,OAAO,MAAMC,UAAU,gBAAGN,KAAK,CAACO,UAAU,CACxC,CAAAC,IAAA,EAiBEC,GAAG,KACA;EAAA,IAhBMC,YAAY,GAAAF,IAAA,CAAnBG,KAAK;IACLC,QAAQ,GAAAJ,IAAA,CAARI,QAAQ;IACRC,MAAM,GAAAL,IAAA,CAANK,MAAM;IACWC,qBAAqB,GAAAN,IAAA,CAAtCO,eAAe;IACfC,eAAe,GAAAR,IAAA,CAAfQ,eAAe;IAAAC,oBAAA,GAAAT,IAAA,CACfU,eAAe;IAAfA,eAAe,GAAAD,oBAAA,cAAG,IAAI,GAAAA,oBAAA;IAAAE,eAAA,GAAAX,IAAA,CACtBY,UAAU;IAAVA,UAAU,GAAAD,eAAA,cAAGf,iBAAiB,GAAAe,eAAA;IAAAE,qBAAA,GAAAb,IAAA,CAC9Bc,qBAAqB;IAArBA,qBAAqB,GAAAD,qBAAA,cAAG,KAAK,GAAAA,qBAAA;IAAAE,oBAAA,GAAAf,IAAA,CAC7BgB,eAAe;IAAfA,eAAe,GAAAD,oBAAA,cAAG,CAAC,GAAAA,oBAAA;IACnBE,SAAS,GAAAjB,IAAA,CAATiB,SAAS;IACCC,gBAAgB,GAAAlB,IAAA,CAA1BmB,QAAQ;IACCC,eAAe,GAAApB,IAAA,CAAxBqB,OAAO;IAAAC,UAAA,GAAAtB,IAAA,CACPuB,KAAK;IAALA,KAAK,GAAAD,UAAA,cAAG,QAAQ,GAAAA,UAAA;IACbE,IAAI,GAAAC,6BAAA,CAAAzB,IAAA,EAAA0B,SAAA;EAIT,MAAMC,QAAQ,GAAGlC,MAAM,CAAmB,IAAI,CAAC;EAC/C,MAAMmC,SAAS,GAAG/B,UAAU,CAACI,GAAG,EAAE0B,QAAQ,CAAC;EAE3C,MAAAE,cAAA,GAAuBlC,aAAa,CAClC;MACEQ,KAAK,EAAED,YAAY;MACnBQ,eAAe;MACfL,MAAM;MACNO,UAAU;MACVJ,eAAe;MACfJ,QAAQ;MACRY,eAAe;MACfF,qBAAqB;MACrBP,eAAe,EAAED,qBAAqB;MACtCa,QAAQ,EAAED,gBAAgB;MAC1BG,OAAO,EAAED;IACX,CAAC,EACDO,QACF,CAAC;IAfOG,UAAU,GAAAD,cAAA,CAAVC,UAAU;EAiBlB,MAAQ3B,KAAK,GACX2B,UAAU,CADJ3B,KAAK;IAAE4B,MAAM,GACnBD,UAAU,CADGC,MAAM;IAAEC,SAAS,GAC9BF,UAAU,CADWE,SAAS;IAAEb,QAAQ,GACxCW,UAAU,CADsBX,QAAQ;IAAEE,OAAO,GACjDS,UAAU,CADgCT,OAAO;IAAEY,aAAa,GAChEH,UAAU,CADyCG,aAAa;EAGlE,oBACEzC,KAAA,CAAA0C,aAAA,CAACxC,KAAK,EAAAyC,QAAA,KACAX,IAAI;IACRD,KAAK,EAAEA,KAAM;IACbN,SAAS,EAAEA,SAAU;IACrBmB,WAAW,EAAE1B,eAAe,GAAG,OAAO,GAAG,MAAO;IAChDP,KAAK,EAAEA,KAAM;IACb4B,MAAM,EAAEA,MAAO;IACfC,SAAS,EAAEA,SAAU;IACrBb,QAAQ,EAAEA,QAAS;IACnBE,OAAO,EAAEA,OAAQ;IACjBY,aAAa,EAAEA,aAAc;IAC7BhC,GAAG,EAAE2B,SAAU;IACfS,YAAY,EAAC;EAAK,EACnB,CAAC;AAEN,CACF,CAAC;AAEDvC,UAAU,CAACwC,WAAW,GAAG,YAAY","ignoreList":[]}

package/dist/esm/components/Input/InputNumber.js

@@ -6,64 +6,70 @@ import { Input } from "./Input";
 import { useInputNumber } from "../../hooks";
 import { useForkRef } from "../../utils";
 export const InputNumber = /*#__PURE__*/forwardRef((_ref, ref) => {
-  let {
-      decimalLength = 2,
-      decimalSeparator = ".",
-      disableAbbreviation = false,
-      disabled,
-      disableMacros = false,
-      invalid,
-      step = 1,
-      thousandSeparator = ",",
+  let _ref$decimalLength = _ref.decimalLength,
+    decimalLength = _ref$decimalLength === void 0 ? 2 : _ref$decimalLength,
+    _ref$decimalSeparator = _ref.decimalSeparator,
+    decimalSeparator = _ref$decimalSeparator === void 0 ? "." : _ref$decimalSeparator,
+    _ref$disableAbbreviat = _ref.disableAbbreviation,
+    disableAbbreviation = _ref$disableAbbreviat === void 0 ? false : _ref$disableAbbreviat,
+    disabled = _ref.disabled,
+    _ref$disableMacros = _ref.disableMacros,
+    disableMacros = _ref$disableMacros === void 0 ? false : _ref$disableMacros,
+    invalid = _ref.invalid,
+    _ref$step = _ref.step,
+    step = _ref$step === void 0 ? 1 : _ref$step,
+    _ref$thousandSeparato = _ref.thousandSeparator,
+    thousandSeparator = _ref$thousandSeparato === void 0 ? "," : _ref$thousandSeparato,
+    defaultValue = _ref.value,
+    onCancel = _ref.onCancel,
+    onSave = _ref.onSave,
+    externalEnterKeyPress = _ref.onEnterKeyPress,
+    allowEmptyValue = _ref.allowEmptyValue,
+    externalOnChange = _ref.onChange,
+    externalOnClick = _ref.onClick,
+    limit = _ref.limit,
+    placeholder = _ref.placeholder,
+    _ref$trimDecimals = _ref.trimDecimals,
+    trimDecimals = _ref$trimDecimals === void 0 ? true : _ref$trimDecimals,
+    min = _ref.min,
+    max = _ref.max,
+    externalOnBlur = _ref.onBlur,
+    _ref$update = _ref.update,
+    update = _ref$update === void 0 ? false : _ref$update,
+    _ref$shortenThreshold = _ref.shortenThreshold,
+    shortenThreshold = _ref$shortenThreshold === void 0 ? 1000 : _ref$shortenThreshold,
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded);
+  const inputRef = useRef(null);
+  const handleRef = useForkRef(ref, inputRef);
+  const _useInputNumber = useInputNumber({
+      decimalLength,
+      decimalSeparator,
+      disableAbbreviation,
+      disableMacros,
+      step,
+      thousandSeparator,
+      onEnterKeyPress: externalEnterKeyPress,
+      onChange: externalOnChange,
+      onClick: externalOnClick,
       value: defaultValue,
       onCancel,
       onSave,
-      onEnterKeyPress: externalEnterKeyPress,
       allowEmptyValue,
-      onChange: externalOnChange,
-      onClick: externalOnClick,
       limit,
-      placeholder,
-      trimDecimals = true,
+      trimDecimals,
       min,
       max,
       onBlur: externalOnBlur,
-      update = false,
-      shortenThreshold = 1000
-    } = _ref,
-    rest = _objectWithoutPropertiesLoose(_ref, _excluded);
-  const inputRef = useRef(null);
-  const handleRef = useForkRef(ref, inputRef);
-  const {
-    value,
-    onBlur,
-    onKeyDown,
-    onChange,
-    onClick,
-    onFocus,
-    onDoubleClick
-  } = useInputNumber({
-    decimalLength,
-    decimalSeparator,
-    disableAbbreviation,
-    disableMacros,
-    step,
-    thousandSeparator,
-    onEnterKeyPress: externalEnterKeyPress,
-    onChange: externalOnChange,
-    onClick: externalOnClick,
-    value: defaultValue,
-    onCancel,
-    onSave,
-    allowEmptyValue,
-    limit,
-    trimDecimals,
-    min,
-    max,
-    onBlur: externalOnBlur,
-    update,
-    shortenThreshold
-  }, inputRef);
+      update,
+      shortenThreshold
+    }, inputRef),
+    value = _useInputNumber.value,
+    onBlur = _useInputNumber.onBlur,
+    onKeyDown = _useInputNumber.onKeyDown,
+    onChange = _useInputNumber.onChange,
+    onClick = _useInputNumber.onClick,
+    onFocus = _useInputNumber.onFocus,
+    onDoubleClick = _useInputNumber.onDoubleClick;
   return /*#__PURE__*/React.createElement(Input, _extends({}, rest, {
     ref: handleRef,
     placeholder: placeholder,

package/dist/esm/components/Input/InputNumber.js.map

@@ -1 +1 @@
-{"version":3,"file":"InputNumber.js","names":["React","forwardRef","useRef","Input","useInputNumber","useForkRef","InputNumber","_ref","ref","decimalLength","decimalSeparator","disableAbbreviation","disabled","disableMacros","invalid","step","thousandSeparator","value","defaultValue","onCancel","onSave","onEnterKeyPress","externalEnterKeyPress","allowEmptyValue","onChange","externalOnChange","onClick","externalOnClick","limit","placeholder","trimDecimals","min","max","onBlur","externalOnBlur","update","shortenThreshold","rest","_objectWithoutPropertiesLoose","_excluded","inputRef","handleRef","onKeyDown","onFocus","onDoubleClick","createElement","_extends","type","displayName"],"sources":["../../../../src/components/Input/InputNumber.tsx"],"sourcesContent":["import React, { forwardRef, useRef } from \"react\";\n\nimport { Input, InputProps } from \"./Input\";\nimport { IInputNumber, useInputNumber } from \"../../hooks\";\nimport { useForkRef } from \"../../utils\";\n\nexport interface InputNumberProps\n  extends Omit<InputProps, \"value\" | \"onChange\" | \"step\" | \"onBlur\">,\n    IInputNumber {\n  shortenThreshold?: number;\n  min?: number;\n  max?: number;\n}\n\nexport const InputNumber = forwardRef<HTMLInputElement, InputNumberProps>(\n  (\n    {\n      decimalLength = 2,\n      decimalSeparator = \".\",\n      disableAbbreviation = false,\n      disabled,\n      disableMacros = false,\n      invalid,\n      step = 1,\n      thousandSeparator = \",\",\n      value: defaultValue,\n      onCancel,\n      onSave,\n      onEnterKeyPress: externalEnterKeyPress,\n      allowEmptyValue,\n      onChange: externalOnChange,\n      onClick: externalOnClick,\n      limit,\n      placeholder,\n      trimDecimals = true,\n      min,\n      max,\n      onBlur: externalOnBlur,\n      update = false,\n      shortenThreshold = 1000,\n      ...rest\n    },\n    ref\n  ) => {\n    const inputRef = useRef<HTMLInputElement | null>(null);\n    const handleRef = useForkRef(ref, inputRef);\n\n    const {\n      value,\n      onBlur,\n      onKeyDown,\n      onChange,\n      onClick,\n      onFocus,\n      onDoubleClick,\n    } = useInputNumber(\n      {\n        decimalLength,\n        decimalSeparator,\n        disableAbbreviation,\n        disableMacros,\n        step,\n        thousandSeparator,\n        onEnterKeyPress: externalEnterKeyPress,\n        onChange: externalOnChange,\n        onClick: externalOnClick,\n        value: defaultValue,\n        onCancel,\n        onSave,\n        allowEmptyValue,\n        limit,\n        trimDecimals,\n        min,\n        max,\n        onBlur: externalOnBlur,\n        update,\n        shortenThreshold,\n      },\n      inputRef\n    );\n\n    return (\n      <Input\n        {...rest}\n        ref={handleRef}\n        placeholder={placeholder}\n        value={value}\n        type=\"text\"\n        disabled={disabled}\n        invalid={invalid}\n        onChange={onChange}\n        onBlur={onBlur}\n        onKeyDown={onKeyDown}\n        onClick={onClick}\n        onDoubleClick={onDoubleClick}\n        onFocus={onFocus}\n        aria-placeholder={placeholder}\n        aria-disabled={disabled}\n        aria-invalid={invalid}\n      />\n    );\n  }\n);\n\nInputNumber.displayName = \"InputNumber\";\n"],"mappings":";;;AAAA,OAAOA,KAAK,IAAIC,UAAU,EAAEC,MAAM,QAAQ,OAAO;AAEjD,SAASC,KAAK,QAAoB,SAAS;AAC3C,SAAuBC,cAAc,QAAQ,aAAa;AAC1D,SAASC,UAAU,QAAQ,aAAa;AAUxC,OAAO,MAAMC,WAAW,gBAAGL,UAAU,CACnC,CAAAM,IAAA,EA2BEC,GAAG,KACA;EAAA,IA3BH;MACEC,aAAa,GAAG,CAAC;MACjBC,gBAAgB,GAAG,GAAG;MACtBC,mBAAmB,GAAG,KAAK;MAC3BC,QAAQ;MACRC,aAAa,GAAG,KAAK;MACrBC,OAAO;MACPC,IAAI,GAAG,CAAC;MACRC,iBAAiB,GAAG,GAAG;MACvBC,KAAK,EAAEC,YAAY;MACnBC,QAAQ;MACRC,MAAM;MACNC,eAAe,EAAEC,qBAAqB;MACtCC,eAAe;MACfC,QAAQ,EAAEC,gBAAgB;MAC1BC,OAAO,EAAEC,eAAe;MACxBC,KAAK;MACLC,WAAW;MACXC,YAAY,GAAG,IAAI;MACnBC,GAAG;MACHC,GAAG;MACHC,MAAM,EAAEC,cAAc;MACtBC,MAAM,GAAG,KAAK;MACdC,gBAAgB,GAAG;IAErB,CAAC,GAAA7B,IAAA;IADI8B,IAAI,GAAAC,6BAAA,CAAA/B,IAAA,EAAAgC,SAAA;EAIT,MAAMC,QAAQ,GAAGtC,MAAM,CAA0B,IAAI,CAAC;EACtD,MAAMuC,SAAS,GAAGpC,UAAU,CAACG,GAAG,EAAEgC,QAAQ,CAAC;EAE3C,MAAM;IACJvB,KAAK;IACLgB,MAAM;IACNS,SAAS;IACTlB,QAAQ;IACRE,OAAO;IACPiB,OAAO;IACPC;EACF,CAAC,GAAGxC,cAAc,CAChB;IACEK,aAAa;IACbC,gBAAgB;IAChBC,mBAAmB;IACnBE,aAAa;IACbE,IAAI;IACJC,iBAAiB;IACjBK,eAAe,EAAEC,qBAAqB;IACtCE,QAAQ,EAAEC,gBAAgB;IAC1BC,OAAO,EAAEC,eAAe;IACxBV,KAAK,EAAEC,YAAY;IACnBC,QAAQ;IACRC,MAAM;IACNG,eAAe;IACfK,KAAK;IACLE,YAAY;IACZC,GAAG;IACHC,GAAG;IACHC,MAAM,EAAEC,cAAc;IACtBC,MAAM;IACNC;EACF,CAAC,EACDI,QACF,CAAC;EAED,oBACExC,KAAA,CAAA6C,aAAA,CAAC1C,KAAK,EAAA2C,QAAA,KACAT,IAAI;IACR7B,GAAG,EAAEiC,SAAU;IACfZ,WAAW,EAAEA,WAAY;IACzBZ,KAAK,EAAEA,KAAM;IACb8B,IAAI,EAAC,MAAM;IACXnC,QAAQ,EAAEA,QAAS;IACnBE,OAAO,EAAEA,OAAQ;IACjBU,QAAQ,EAAEA,QAAS;IACnBS,MAAM,EAAEA,MAAO;IACfS,SAAS,EAAEA,SAAU;IACrBhB,OAAO,EAAEA,OAAQ;IACjBkB,aAAa,EAAEA,aAAc;IAC7BD,OAAO,EAAEA,OAAQ;IACjB,oBAAkBd,WAAY;IAC9B,iBAAejB,QAAS;IACxB,gBAAcE;EAAQ,EACvB,CAAC;AAEN,CACF,CAAC;AAEDR,WAAW,CAAC0C,WAAW,GAAG,aAAa","ignoreList":[]}
+{"version":3,"file":"InputNumber.js","names":["React","forwardRef","useRef","Input","useInputNumber","useForkRef","InputNumber","_ref","ref","_ref$decimalLength","decimalLength","_ref$decimalSeparator","decimalSeparator","_ref$disableAbbreviat","disableAbbreviation","disabled","_ref$disableMacros","disableMacros","invalid","_ref$step","step","_ref$thousandSeparato","thousandSeparator","defaultValue","value","onCancel","onSave","externalEnterKeyPress","onEnterKeyPress","allowEmptyValue","externalOnChange","onChange","externalOnClick","onClick","limit","placeholder","_ref$trimDecimals","trimDecimals","min","max","externalOnBlur","onBlur","_ref$update","update","_ref$shortenThreshold","shortenThreshold","rest","_objectWithoutPropertiesLoose","_excluded","inputRef","handleRef","_useInputNumber","onKeyDown","onFocus","onDoubleClick","createElement","_extends","type","displayName"],"sources":["../../../../src/components/Input/InputNumber.tsx"],"sourcesContent":["import React, { forwardRef, useRef } from \"react\";\n\nimport { Input, InputProps } from \"./Input\";\nimport { IInputNumber, useInputNumber } from \"../../hooks\";\nimport { useForkRef } from \"../../utils\";\n\nexport interface InputNumberProps\n  extends Omit<InputProps, \"value\" | \"onChange\" | \"step\" | \"onBlur\">,\n    IInputNumber {\n  shortenThreshold?: number;\n  min?: number;\n  max?: number;\n}\n\nexport const InputNumber = forwardRef<HTMLInputElement, InputNumberProps>(\n  (\n    {\n      decimalLength = 2,\n      decimalSeparator = \".\",\n      disableAbbreviation = false,\n      disabled,\n      disableMacros = false,\n      invalid,\n      step = 1,\n      thousandSeparator = \",\",\n      value: defaultValue,\n      onCancel,\n      onSave,\n      onEnterKeyPress: externalEnterKeyPress,\n      allowEmptyValue,\n      onChange: externalOnChange,\n      onClick: externalOnClick,\n      limit,\n      placeholder,\n      trimDecimals = true,\n      min,\n      max,\n      onBlur: externalOnBlur,\n      update = false,\n      shortenThreshold = 1000,\n      ...rest\n    },\n    ref\n  ) => {\n    const inputRef = useRef<HTMLInputElement | null>(null);\n    const handleRef = useForkRef(ref, inputRef);\n\n    const {\n      value,\n      onBlur,\n      onKeyDown,\n      onChange,\n      onClick,\n      onFocus,\n      onDoubleClick,\n    } = useInputNumber(\n      {\n        decimalLength,\n        decimalSeparator,\n        disableAbbreviation,\n        disableMacros,\n        step,\n        thousandSeparator,\n        onEnterKeyPress: externalEnterKeyPress,\n        onChange: externalOnChange,\n        onClick: externalOnClick,\n        value: defaultValue,\n        onCancel,\n        onSave,\n        allowEmptyValue,\n        limit,\n        trimDecimals,\n        min,\n        max,\n        onBlur: externalOnBlur,\n        update,\n        shortenThreshold,\n      },\n      inputRef\n    );\n\n    return (\n      <Input\n        {...rest}\n        ref={handleRef}\n        placeholder={placeholder}\n        value={value}\n        type=\"text\"\n        disabled={disabled}\n        invalid={invalid}\n        onChange={onChange}\n        onBlur={onBlur}\n        onKeyDown={onKeyDown}\n        onClick={onClick}\n        onDoubleClick={onDoubleClick}\n        onFocus={onFocus}\n        aria-placeholder={placeholder}\n        aria-disabled={disabled}\n        aria-invalid={invalid}\n      />\n    );\n  }\n);\n\nInputNumber.displayName = \"InputNumber\";\n"],"mappings":"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","ignoreList":[]}

package/dist/esm/components/Input/InputPassword.js

@@ -60,17 +60,15 @@ const StyledInputPasswordWrapper = styled.div.withConfig({
   componentId: "sc-v930fj-6"
 })(["width:fit-content;display:flex;flex-direction:column;"]);
 const InputPasswordAdornment = _ref => {
-  let {
-    invalid,
-    errorMessage,
-    size,
-    hideControl,
-    showText,
-    hideTooltipText,
-    showTooltipText,
-    disabled,
-    toggleShow
-  } = _ref;
+  let invalid = _ref.invalid,
+    errorMessage = _ref.errorMessage,
+    size = _ref.size,
+    hideControl = _ref.hideControl,
+    showText = _ref.showText,
+    hideTooltipText = _ref.hideTooltipText,
+    showTooltipText = _ref.showTooltipText,
+    disabled = _ref.disabled,
+    toggleShow = _ref.toggleShow;
   return /*#__PURE__*/React.createElement(React.Fragment, null, invalid && errorMessage && /*#__PURE__*/React.createElement(Tooltip, {
     title: errorMessage
   }, size === "regular" ? /*#__PURE__*/React.createElement(StyledInfoSmallIcon, null) : /*#__PURE__*/React.createElement(StyledInfoIcon, null)), !hideControl && /*#__PURE__*/React.createElement(Tooltip, {
@@ -88,26 +86,35 @@ const InputPasswordAdornment = _ref => {
 };
 export const InputPassword = /*#__PURE__*/forwardRef((_ref2, ref) => {
   var _validation$levels;
-  let {
-      size = "regular",
-      disabled,
-      show = false,
-      hideControl,
-      showTooltipText = "Show",
-      hideTooltipText = "Hide",
-      value: defaultValue = "",
-      validation,
-      errorMessage,
-      invalid,
-      onChange,
-      wrapperClassName
-    } = _ref2,
+  let _ref2$size = _ref2.size,
+    size = _ref2$size === void 0 ? "regular" : _ref2$size,
+    disabled = _ref2.disabled,
+    _ref2$show = _ref2.show,
+    show = _ref2$show === void 0 ? false : _ref2$show,
+    hideControl = _ref2.hideControl,
+    _ref2$showTooltipText = _ref2.showTooltipText,
+    showTooltipText = _ref2$showTooltipText === void 0 ? "Show" : _ref2$showTooltipText,
+    _ref2$hideTooltipText = _ref2.hideTooltipText,
+    hideTooltipText = _ref2$hideTooltipText === void 0 ? "Hide" : _ref2$hideTooltipText,
+    _ref2$value = _ref2.value,
+    defaultValue = _ref2$value === void 0 ? "" : _ref2$value,
+    validation = _ref2.validation,
+    errorMessage = _ref2.errorMessage,
+    invalid = _ref2.invalid,
+    onChange = _ref2.onChange,
+    wrapperClassName = _ref2.wrapperClassName,
     rest = _objectWithoutPropertiesLoose(_ref2, _excluded);
   const inputRef = useRef(null);
   const handleRef = useForkRef(ref, inputRef);
-  const [showText, setShowText] = useState(show);
-  const [strength, setStrength] = useState(0);
-  const [value, setValue] = useState(() => defaultValue);
+  const _useState = useState(show),
+    showText = _useState[0],
+    setShowText = _useState[1];
+  const _useState2 = useState(0),
+    strength = _useState2[0],
+    setStrength = _useState2[1];
+  const _useState3 = useState(() => defaultValue),
+    value = _useState3[0],
+    setValue = _useState3[1];
   const handleChange = useCallback(e => {
     setValue(e.target.value);
     typeof (validation == null ? void 0 : validation.getStrength) === "function" && setStrength(validation.getStrength(e.target.value));

package/dist/esm/components/Input/InputPassword.js.map

@@ -1 +1 @@
-{"version":3,"file":"InputPassword.js","names":["React","forwardRef","useCallback","useEffect","useRef","useState","styled","Input","StyledPasswordIndicator","StyledPasswordIndicatorWrapper","useForkRef","IconButton","EyeIcon","EyeOffIcon","EyeOffSmallIcon","EyeSmallIcon","InfoIcon","InfoSmallIcon","Tooltip","Caption1","transform","biggest","regular","big","StypedEyeIconSmall","withConfig","displayName","componentId","StypedEyeOffIconSmall","StypedEyeIcon","StypedEyeOffIcon","StyledInfoIcon","StyledInfoSmallIcon","StyledInputPasswordWrapper","div","InputPasswordAdornment","_ref","invalid","errorMessage","size","hideControl","showText","hideTooltipText","showTooltipText","disabled","toggleShow","createElement","Fragment","title","variant","type","onClick","style","flexShrink","InputPassword","_ref2","ref","_validation$levels","show","value","defaultValue","validation","onChange","wrapperClassName","rest","_objectWithoutPropertiesLoose","_excluded","inputRef","handleRef","setShowText","strength","setStrength","setValue","handleChange","e","target","getStrength","_inputRef$current","current","focus","prevState","levels","length","console","warn","className","_extends","endAdornment","Array","map","_","index","key","$strength","$index","align","color"],"sources":["../../../../src/components/Input/InputPassword.tsx"],"sourcesContent":["import React, {\n  forwardRef,\n  useCallback,\n  useEffect,\n  useRef,\n  useState,\n} from \"react\";\n\nimport styled from \"styled-components\";\nimport tw from \"twin.macro\";\n\nimport { Input, InputProps } from \"./Input\";\nimport {\n  StyledPasswordIndicator,\n  StyledPasswordIndicatorWrapper,\n} from \"./Styles\";\nimport { useForkRef } from \"../../utils\";\nimport { IconButton } from \"../IconButton\";\nimport {\n  EyeIcon,\n  EyeOffIcon,\n  EyeOffSmallIcon,\n  EyeSmallIcon,\n  InfoIcon,\n  InfoSmallIcon,\n} from \"../Icons\";\nimport { Tooltip } from \"../Tooltip\";\nimport { Caption1 } from \"../Typography\";\n\nconst transform = {\n  biggest: \"big\",\n  regular: \"small\",\n  big: \"medium\",\n} as const;\n\nexport interface ValidationProps {\n  /** Strength calculating function */\n  getStrength: (input: string) => 0 | 1 | 2 | 3 | 4;\n  /** Array of strength level strings */\n  levels: [string, string, string, string, string];\n}\n\nexport interface InputPasswordProps extends Omit<InputProps, \"type\" | \"size\"> {\n  /** Input size */\n  size?: \"regular\" | \"big\" | \"biggest\";\n  /** Renders with shown text */\n  show?: boolean;\n  /** Removes show/hide control  */\n  hideControl?: boolean;\n  /** Show tooltip text */\n  showTooltipText?: string;\n  /** Hide tooltip text */\n  hideTooltipText?: string;\n  /** Validation object */\n  validation?: ValidationProps;\n  /** Error message tooltip text */\n  errorMessage?: string;\n  /** Wrapper className */\n  wrapperClassName?: string;\n}\n\nconst StypedEyeIconSmall = styled(EyeSmallIcon)`\n  ${tw`tw-cursor-pointer`}\n`;\n\nconst StypedEyeOffIconSmall = styled(EyeOffSmallIcon)`\n  ${tw`tw-cursor-pointer`}\n`;\n\nconst StypedEyeIcon = styled(EyeIcon)`\n  ${tw`tw-cursor-pointer`}\n`;\n\nconst StypedEyeOffIcon = styled(EyeOffIcon)`\n  ${tw`tw-cursor-pointer`}\n`;\nconst StyledInfoIcon = styled(InfoIcon)`\n  ${tw`tw-cursor-help tw-fill-alert tw-mr-1`}\n`;\n\nconst StyledInfoSmallIcon = styled(InfoSmallIcon)`\n  ${tw`tw-cursor-help tw-fill-alert tw-mr-1`}\n`;\n\nconst StyledInputPasswordWrapper = styled.div`\n  width: fit-content;\n  display: flex;\n  flex-direction: column;\n`;\n\ninterface InputPasswordAdornmentProps {\n  invalid?: boolean;\n  errorMessage?: string;\n  size: \"regular\" | \"big\" | \"biggest\";\n  hideControl?: boolean;\n  showText: boolean;\n  hideTooltipText: string;\n  showTooltipText: string;\n  disabled?: boolean;\n  toggleShow?: () => void;\n}\n\nconst InputPasswordAdornment = ({\n  invalid,\n  errorMessage,\n  size,\n  hideControl,\n  showText,\n  hideTooltipText,\n  showTooltipText,\n  disabled,\n  toggleShow,\n}: InputPasswordAdornmentProps) => (\n  <>\n    {invalid && errorMessage && (\n      <Tooltip title={errorMessage}>\n        {size === \"regular\" ? <StyledInfoSmallIcon /> : <StyledInfoIcon />}\n      </Tooltip>\n    )}\n    {!hideControl && (\n      <Tooltip title={showText ? hideTooltipText : showTooltipText}>\n        <IconButton\n          variant=\"text gray\"\n          type=\"button\"\n          size={transform[size] as \"big\" | \"small\" | \"medium\"}\n          disabled={disabled}\n          onClick={toggleShow}\n          style={{ flexShrink: 0 }}\n        >\n          {showText ? (\n            size === \"regular\" ? (\n              <StypedEyeOffIconSmall />\n            ) : (\n              <StypedEyeOffIcon />\n            )\n          ) : size === \"regular\" ? (\n            <StypedEyeIconSmall />\n          ) : (\n            <StypedEyeIcon />\n          )}\n        </IconButton>\n      </Tooltip>\n    )}\n  </>\n);\n\nexport const InputPassword = forwardRef<HTMLInputElement, InputPasswordProps>(\n  (\n    {\n      size = \"regular\",\n      disabled,\n      show = false,\n      hideControl,\n      showTooltipText = \"Show\",\n      hideTooltipText = \"Hide\",\n      value: defaultValue = \"\",\n      validation,\n      errorMessage,\n      invalid,\n      onChange,\n      wrapperClassName,\n      ...rest\n    },\n    ref\n  ) => {\n    const inputRef = useRef<HTMLInputElement | null>(null);\n    const handleRef = useForkRef(ref, inputRef);\n\n    const [showText, setShowText] = useState(show);\n    const [strength, setStrength] = useState(0);\n    const [value, setValue] = useState(() => defaultValue as string);\n\n    const handleChange = useCallback(\n      (e) => {\n        setValue(e.target.value);\n        typeof validation?.getStrength === \"function\" &&\n          setStrength(validation.getStrength(e.target.value));\n        typeof onChange === \"function\" && onChange(e.target.value);\n      },\n      [onChange, validation]\n    );\n\n    const toggleShow = useCallback(() => {\n      inputRef.current?.focus();\n      setShowText((prevState) => !prevState);\n    }, []);\n\n    useEffect(() => {\n      setShowText(show);\n    }, [show]);\n\n    if (\n      validation?.levels &&\n      validation?.getStrength &&\n      typeof validation?.getStrength === \"function\"\n    ) {\n      if (validation.levels.length !== 5) {\n        console.warn(\"Levels length must be exactly 5.\");\n      }\n      if (typeof validation.getStrength(\"test\") !== \"number\") {\n        console.warn(\n          \"getStrength must be a function that accepts a string and returns a number.\"\n        );\n      }\n    }\n\n    return (\n      <StyledInputPasswordWrapper className={wrapperClassName}>\n        <Input\n          {...rest}\n          ref={handleRef}\n          size={size}\n          value={value}\n          disabled={disabled}\n          type={showText ? \"text\" : \"password\"}\n          onChange={handleChange}\n          invalid={invalid}\n          data-testid=\"InputPassword\"\n          endAdornment={\n            <InputPasswordAdornment\n              invalid={invalid}\n              errorMessage={errorMessage}\n              size={size}\n              hideControl={hideControl}\n              showText={showText}\n              hideTooltipText={hideTooltipText}\n              showTooltipText={showTooltipText}\n              disabled={disabled}\n              toggleShow={toggleShow}\n            />\n          }\n        />\n        {validation?.levels?.length === 5 &&\n          typeof validation?.getStrength === \"function\" &&\n          typeof validation?.getStrength(\"test\") === \"number\" && (\n            <>\n              <StyledPasswordIndicatorWrapper>\n                {[...Array(4)].map((_, index) => (\n                  <StyledPasswordIndicator\n                    key={index}\n                    $strength={strength}\n                    $index={index}\n                    data-testid={strength >= index + 1 ? \"active\" : \"\"}\n                  />\n                ))}\n              </StyledPasswordIndicatorWrapper>\n              <Caption1 align=\"right\" color=\"tertiary\">\n                {validation.levels[strength]}\n              </Caption1>\n            </>\n          )}\n      </StyledInputPasswordWrapper>\n    );\n  }\n);\n\nInputPassword.displayName = \"InputPassword\";\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"InputPassword.js","names":["React","forwardRef","useCallback","useEffect","useRef","useState","styled","Input","StyledPasswordIndicator","StyledPasswordIndicatorWrapper","useForkRef","IconButton","EyeIcon","EyeOffIcon","EyeOffSmallIcon","EyeSmallIcon","InfoIcon","InfoSmallIcon","Tooltip","Caption1","transform","biggest","regular","big","StypedEyeIconSmall","withConfig","displayName","componentId","StypedEyeOffIconSmall","StypedEyeIcon","StypedEyeOffIcon","StyledInfoIcon","StyledInfoSmallIcon","StyledInputPasswordWrapper","div","InputPasswordAdornment","_ref","invalid","errorMessage","size","hideControl","showText","hideTooltipText","showTooltipText","disabled","toggleShow","createElement","Fragment","title","variant","type","onClick","style","flexShrink","InputPassword","_ref2","ref","_validation$levels","_ref2$size","_ref2$show","show","_ref2$showTooltipText","_ref2$hideTooltipText","_ref2$value","value","defaultValue","validation","onChange","wrapperClassName","rest","_objectWithoutPropertiesLoose","_excluded","inputRef","handleRef","_useState","setShowText","_useState2","strength","setStrength","_useState3","setValue","handleChange","e","target","getStrength","_inputRef$current","current","focus","prevState","levels","length","console","warn","className","_extends","endAdornment","Array","map","_","index","key","$strength","$index","align","color"],"sources":["../../../../src/components/Input/InputPassword.tsx"],"sourcesContent":["import React, {\n  forwardRef,\n  useCallback,\n  useEffect,\n  useRef,\n  useState,\n} from \"react\";\n\nimport styled from \"styled-components\";\nimport tw from \"twin.macro\";\n\nimport { Input, InputProps } from \"./Input\";\nimport {\n  StyledPasswordIndicator,\n  StyledPasswordIndicatorWrapper,\n} from \"./Styles\";\nimport { useForkRef } from \"../../utils\";\nimport { IconButton } from \"../IconButton\";\nimport {\n  EyeIcon,\n  EyeOffIcon,\n  EyeOffSmallIcon,\n  EyeSmallIcon,\n  InfoIcon,\n  InfoSmallIcon,\n} from \"../Icons\";\nimport { Tooltip } from \"../Tooltip\";\nimport { Caption1 } from \"../Typography\";\n\nconst transform = {\n  biggest: \"big\",\n  regular: \"small\",\n  big: \"medium\",\n} as const;\n\nexport interface ValidationProps {\n  /** Strength calculating function */\n  getStrength: (input: string) => 0 | 1 | 2 | 3 | 4;\n  /** Array of strength level strings */\n  levels: [string, string, string, string, string];\n}\n\nexport interface InputPasswordProps extends Omit<InputProps, \"type\" | \"size\"> {\n  /** Input size */\n  size?: \"regular\" | \"big\" | \"biggest\";\n  /** Renders with shown text */\n  show?: boolean;\n  /** Removes show/hide control  */\n  hideControl?: boolean;\n  /** Show tooltip text */\n  showTooltipText?: string;\n  /** Hide tooltip text */\n  hideTooltipText?: string;\n  /** Validation object */\n  validation?: ValidationProps;\n  /** Error message tooltip text */\n  errorMessage?: string;\n  /** Wrapper className */\n  wrapperClassName?: string;\n}\n\nconst StypedEyeIconSmall = styled(EyeSmallIcon)`\n  ${tw`tw-cursor-pointer`}\n`;\n\nconst StypedEyeOffIconSmall = styled(EyeOffSmallIcon)`\n  ${tw`tw-cursor-pointer`}\n`;\n\nconst StypedEyeIcon = styled(EyeIcon)`\n  ${tw`tw-cursor-pointer`}\n`;\n\nconst StypedEyeOffIcon = styled(EyeOffIcon)`\n  ${tw`tw-cursor-pointer`}\n`;\nconst StyledInfoIcon = styled(InfoIcon)`\n  ${tw`tw-cursor-help tw-fill-alert tw-mr-1`}\n`;\n\nconst StyledInfoSmallIcon = styled(InfoSmallIcon)`\n  ${tw`tw-cursor-help tw-fill-alert tw-mr-1`}\n`;\n\nconst StyledInputPasswordWrapper = styled.div`\n  width: fit-content;\n  display: flex;\n  flex-direction: column;\n`;\n\ninterface InputPasswordAdornmentProps {\n  invalid?: boolean;\n  errorMessage?: string;\n  size: \"regular\" | \"big\" | \"biggest\";\n  hideControl?: boolean;\n  showText: boolean;\n  hideTooltipText: string;\n  showTooltipText: string;\n  disabled?: boolean;\n  toggleShow?: () => void;\n}\n\nconst InputPasswordAdornment = ({\n  invalid,\n  errorMessage,\n  size,\n  hideControl,\n  showText,\n  hideTooltipText,\n  showTooltipText,\n  disabled,\n  toggleShow,\n}: InputPasswordAdornmentProps) => (\n  <>\n    {invalid && errorMessage && (\n      <Tooltip title={errorMessage}>\n        {size === \"regular\" ? <StyledInfoSmallIcon /> : <StyledInfoIcon />}\n      </Tooltip>\n    )}\n    {!hideControl && (\n      <Tooltip title={showText ? hideTooltipText : showTooltipText}>\n        <IconButton\n          variant=\"text gray\"\n          type=\"button\"\n          size={transform[size] as \"big\" | \"small\" | \"medium\"}\n          disabled={disabled}\n          onClick={toggleShow}\n          style={{ flexShrink: 0 }}\n        >\n          {showText ? (\n            size === \"regular\" ? (\n              <StypedEyeOffIconSmall />\n            ) : (\n              <StypedEyeOffIcon />\n            )\n          ) : size === \"regular\" ? (\n            <StypedEyeIconSmall />\n          ) : (\n            <StypedEyeIcon />\n          )}\n        </IconButton>\n      </Tooltip>\n    )}\n  </>\n);\n\nexport const InputPassword = forwardRef<HTMLInputElement, InputPasswordProps>(\n  (\n    {\n      size = \"regular\",\n      disabled,\n      show = false,\n      hideControl,\n      showTooltipText = \"Show\",\n      hideTooltipText = \"Hide\",\n      value: defaultValue = \"\",\n      validation,\n      errorMessage,\n      invalid,\n      onChange,\n      wrapperClassName,\n      ...rest\n    },\n    ref\n  ) => {\n    const inputRef = useRef<HTMLInputElement | null>(null);\n    const handleRef = useForkRef(ref, inputRef);\n\n    const [showText, setShowText] = useState(show);\n    const [strength, setStrength] = useState(0);\n    const [value, setValue] = useState(() => defaultValue as string);\n\n    const handleChange = useCallback(\n      (e) => {\n        setValue(e.target.value);\n        typeof validation?.getStrength === \"function\" &&\n          setStrength(validation.getStrength(e.target.value));\n        typeof onChange === \"function\" && onChange(e.target.value);\n      },\n      [onChange, validation]\n    );\n\n    const toggleShow = useCallback(() => {\n      inputRef.current?.focus();\n      setShowText((prevState) => !prevState);\n    }, []);\n\n    useEffect(() => {\n      setShowText(show);\n    }, [show]);\n\n    if (\n      validation?.levels &&\n      validation?.getStrength &&\n      typeof validation?.getStrength === \"function\"\n    ) {\n      if (validation.levels.length !== 5) {\n        console.warn(\"Levels length must be exactly 5.\");\n      }\n      if (typeof validation.getStrength(\"test\") !== \"number\") {\n        console.warn(\n          \"getStrength must be a function that accepts a string and returns a number.\"\n        );\n      }\n    }\n\n    return (\n      <StyledInputPasswordWrapper className={wrapperClassName}>\n        <Input\n          {...rest}\n          ref={handleRef}\n          size={size}\n          value={value}\n          disabled={disabled}\n          type={showText ? \"text\" : \"password\"}\n          onChange={handleChange}\n          invalid={invalid}\n          data-testid=\"InputPassword\"\n          endAdornment={\n            <InputPasswordAdornment\n              invalid={invalid}\n              errorMessage={errorMessage}\n              size={size}\n              hideControl={hideControl}\n              showText={showText}\n              hideTooltipText={hideTooltipText}\n              showTooltipText={showTooltipText}\n              disabled={disabled}\n              toggleShow={toggleShow}\n            />\n          }\n        />\n        {validation?.levels?.length === 5 &&\n          typeof validation?.getStrength === \"function\" &&\n          typeof validation?.getStrength(\"test\") === \"number\" && (\n            <>\n              <StyledPasswordIndicatorWrapper>\n                {[...Array(4)].map((_, index) => (\n                  <StyledPasswordIndicator\n                    key={index}\n                    $strength={strength}\n                    $index={index}\n                    data-testid={strength >= index + 1 ? \"active\" : \"\"}\n                  />\n                ))}\n              </StyledPasswordIndicatorWrapper>\n              <Caption1 align=\"right\" color=\"tertiary\">\n                {validation.levels[strength]}\n              </Caption1>\n            </>\n          )}\n      </StyledInputPasswordWrapper>\n    );\n  }\n);\n\nInputPassword.displayName = \"InputPassword\";\n"],"mappings":"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","ignoreList":[]}