@activecollab/components 2.0.304 → 2.0.307

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":";;;AAAA,OAAOA,KAAK,IACVC,UAAU,EACVC,WAAW,EACXC,SAAS,EACTC,MAAM,EACNC,QAAQ,QACH,OAAO;AAEd,OAAOC,MAAM,MAAM,mBAAmB;AAGtC,SAASC,KAAK,QAAoB,SAAS;AAC3C,SACEC,uBAAuB,EACvBC,8BAA8B,QACzB,UAAU;AACjB,SAASC,UAAU,QAAQ,aAAa;AACxC,SAASC,UAAU,QAAQ,eAAe;AAC1C,SACEC,OAAO,EACPC,UAAU,EACVC,eAAe,EACfC,YAAY,EACZC,QAAQ,EACRC,aAAa,QACR,UAAU;AACjB,SAASC,OAAO,QAAQ,YAAY;AACpC,SAASC,QAAQ,QAAQ,eAAe;AAExC,MAAMC,SAAS,GAAG;EAChBC,OAAO,EAAE,KAAK;EACdC,OAAO,EAAE,OAAO;EAChBC,GAAG,EAAE;AACP,CAAU;AA4BV,MAAMC,kBAAkB,GAAGlB,MAAM,CAACS,YAAY,CAAC,CAAAU,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,aACzC;EAAA;AAAkB,CAAC,CACxB;AAED,MAAMC,qBAAqB,GAAGtB,MAAM,CAACQ,eAAe,CAAC,CAAAW,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,aAC/C;EAAA;AAAkB,CAAC,CACxB;AAED,MAAME,aAAa,GAAGvB,MAAM,CAACM,OAAO,CAAC,CAAAa,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,aAC/B;EAAA;AAAkB,CAAC,CACxB;AAED,MAAMG,gBAAgB,GAAGxB,MAAM,CAACO,UAAU,CAAC,CAAAY,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,aACrC;EAAA;AAAkB,CAAC,CACxB;AACD,MAAMI,cAAc,GAAGzB,MAAM,CAACU,QAAQ,CAAC,CAAAS,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,aACjC;EAAA;EAAA;EAAA;AAAqC,CAAC,CAC3C;AAED,MAAMK,mBAAmB,GAAG1B,MAAM,CAACW,aAAa,CAAC,CAAAQ,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,aAC3C;EAAA;EAAA;EAAA;AAAqC,CAAC,CAC3C;AAED,MAAMM,0BAA0B,GAAG3B,MAAM,CAAC4B,GAAG,CAAAT,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,6DAI5C;AAcD,MAAMQ,sBAAsB,GAAGC,IAAA;EAAA,IAC7BC,OAAO,GAAAD,IAAA,CAAPC,OAAO;IACPC,YAAY,GAAAF,IAAA,CAAZE,YAAY;IACZC,IAAI,GAAAH,IAAA,CAAJG,IAAI;IACJC,WAAW,GAAAJ,IAAA,CAAXI,WAAW;IACXC,QAAQ,GAAAL,IAAA,CAARK,QAAQ;IACRC,eAAe,GAAAN,IAAA,CAAfM,eAAe;IACfC,eAAe,GAAAP,IAAA,CAAfO,eAAe;IACfC,QAAQ,GAAAR,IAAA,CAARQ,QAAQ;IACRC,UAAU,GAAAT,IAAA,CAAVS,UAAU;EAAA,oBAEV7C,KAAA,CAAA8C,aAAA,CAAA9C,KAAA,CAAA+C,QAAA,QACGV,OAAO,IAAIC,YAAY,iBACtBtC,KAAA,CAAA8C,aAAA,CAAC5B,OAAO;IAAC8B,KAAK,EAAEV;EAAa,GAC1BC,IAAI,KAAK,SAAS,gBAAGvC,KAAA,CAAA8C,aAAA,CAACd,mBAAmB,MAAE,CAAC,gBAAGhC,KAAA,CAAA8C,aAAA,CAACf,cAAc,MAAE,CAC1D,CACV,EACA,CAACS,WAAW,iBACXxC,KAAA,CAAA8C,aAAA,CAAC5B,OAAO;IAAC8B,KAAK,EAAEP,QAAQ,GAAGC,eAAe,GAAGC;EAAgB,gBAC3D3C,KAAA,CAAA8C,aAAA,CAACnC,UAAU;IACTsC,OAAO,EAAC,WAAW;IACnBC,IAAI,EAAC,QAAQ;IACbX,IAAI,EAAEnB,SAAS,CAACmB,IAAI,CAAgC;IACpDK,QAAQ,EAAEA,QAAS;IACnBO,OAAO,EAAEN,UAAW;IACpBO,KAAK,EAAE;MAAEC,UAAU,EAAE;IAAE;EAAE,GAExBZ,QAAQ,GACPF,IAAI,KAAK,SAAS,gBAChBvC,KAAA,CAAA8C,aAAA,CAAClB,qBAAqB,MAAE,CAAC,gBAEzB5B,KAAA,CAAA8C,aAAA,CAAChB,gBAAgB,MAAE,CACpB,GACCS,IAAI,KAAK,SAAS,gBACpBvC,KAAA,CAAA8C,aAAA,CAACtB,kBAAkB,MAAE,CAAC,gBAEtBxB,KAAA,CAAA8C,aAAA,CAACjB,aAAa,MAAE,CAER,CACL,CAEX,CAAC;AAAA,CACJ;AAED,OAAO,MAAMyB,aAAa,gBAAGrD,UAAU,CACrC,CAAAsD,KAAA,EAgBEC,GAAG,KACA;EAAA,IAAAC,kBAAA;EAAA,IAAAC,UAAA,GAAAH,KAAA,CAfDhB,IAAI;IAAJA,IAAI,GAAAmB,UAAA,cAAG,SAAS,GAAAA,UAAA;IAChBd,QAAQ,GAAAW,KAAA,CAARX,QAAQ;IAAAe,UAAA,GAAAJ,KAAA,CACRK,IAAI;IAAJA,IAAI,GAAAD,UAAA,cAAG,KAAK,GAAAA,UAAA;IACZnB,WAAW,GAAAe,KAAA,CAAXf,WAAW;IAAAqB,qBAAA,GAAAN,KAAA,CACXZ,eAAe;IAAfA,eAAe,GAAAkB,qBAAA,cAAG,MAAM,GAAAA,qBAAA;IAAAC,qBAAA,GAAAP,KAAA,CACxBb,eAAe;IAAfA,eAAe,GAAAoB,qBAAA,cAAG,MAAM,GAAAA,qBAAA;IAAAC,WAAA,GAAAR,KAAA,CACxBS,KAAK;IAAEC,YAAY,GAAAF,WAAA,cAAG,EAAE,GAAAA,WAAA;IACxBG,UAAU,GAAAX,KAAA,CAAVW,UAAU;IACV5B,YAAY,GAAAiB,KAAA,CAAZjB,YAAY;IACZD,OAAO,GAAAkB,KAAA,CAAPlB,OAAO;IACP8B,QAAQ,GAAAZ,KAAA,CAARY,QAAQ;IACRC,gBAAgB,GAAAb,KAAA,CAAhBa,gBAAgB;IACbC,IAAI,GAAAC,6BAAA,CAAAf,KAAA,EAAAgB,SAAA;EAIT,MAAMC,QAAQ,GAAGpE,MAAM,CAA0B,IAAI,CAAC;EACtD,MAAMqE,SAAS,GAAG/D,UAAU,CAAC8C,GAAG,EAAEgB,QAAQ,CAAC;EAE3C,MAAAE,SAAA,GAAgCrE,QAAQ,CAACuD,IAAI,CAAC;IAAvCnB,QAAQ,GAAAiC,SAAA;IAAEC,WAAW,GAAAD,SAAA;EAC5B,MAAAE,UAAA,GAAgCvE,QAAQ,CAAC,CAAC,CAAC;IAApCwE,QAAQ,GAAAD,UAAA;IAAEE,WAAW,GAAAF,UAAA;EAC5B,MAAAG,UAAA,GAA0B1E,QAAQ,CAAC,MAAM4D,YAAsB,CAAC;IAAzDD,KAAK,GAAAe,UAAA;IAAEC,QAAQ,GAAAD,UAAA;EAEtB,MAAME,YAAY,GAAG/E,WAAW,CAC7BgF,CAAC,IAAK;IACLF,QAAQ,CAACE,CAAC,CAACC,MAAM,CAACnB,KAAK,CAAC;IACxB,QAAOE,UAAU,oBAAVA,UAAU,CAAEkB,WAAW,MAAK,UAAU,IAC3CN,WAAW,CAACZ,UAAU,CAACkB,WAAW,CAACF,CAAC,CAACC,MAAM,CAACnB,KAAK,CAAC,CAAC;IACrD,OAAOG,QAAQ,KAAK,UAAU,IAAIA,QAAQ,CAACe,CAAC,CAACC,MAAM,CAACnB,KAAK,CAAC;EAC5D,CAAC,EACD,CAACG,QAAQ,EAAED,UAAU,CACvB,CAAC;EAED,MAAMrB,UAAU,GAAG3C,WAAW,CAAC,MAAM;IAAA,IAAAmF,iBAAA;IACnC,CAAAA,iBAAA,GAAAb,QAAQ,CAACc,OAAO,aAAhBD,iBAAA,CAAkBE,KAAK,CAAC,CAAC;IACzBZ,WAAW,CAAEa,SAAS,IAAK,CAACA,SAAS,CAAC;EACxC,CAAC,EAAE,EAAE,CAAC;EAENrF,SAAS,CAAC,MAAM;IACdwE,WAAW,CAACf,IAAI,CAAC;EACnB,CAAC,EAAE,CAACA,IAAI,CAAC,CAAC;EAEV,IACEM,UAAU,YAAVA,UAAU,CAAEuB,MAAM,IAClBvB,UAAU,YAAVA,UAAU,CAAEkB,WAAW,IACvB,QAAOlB,UAAU,oBAAVA,UAAU,CAAEkB,WAAW,MAAK,UAAU,EAC7C;IACA,IAAIlB,UAAU,CAACuB,MAAM,CAACC,MAAM,KAAK,CAAC,EAAE;MAClCC,OAAO,CAACC,IAAI,CAAC,kCAAkC,CAAC;IAClD;IACA,IAAI,OAAO1B,UAAU,CAACkB,WAAW,CAAC,MAAM,CAAC,KAAK,QAAQ,EAAE;MACtDO,OAAO,CAACC,IAAI,CACV,4EACF,CAAC;IACH;EACF;EAEA,oBACE5F,KAAA,CAAA8C,aAAA,CAACb,0BAA0B;IAAC4D,SAAS,EAAEzB;EAAiB,gBACtDpE,KAAA,CAAA8C,aAAA,CAACvC,KAAK,EAAAuF,QAAA,KACAzB,IAAI;IACRb,GAAG,EAAEiB,SAAU;IACflC,IAAI,EAAEA,IAAK;IACXyB,KAAK,EAAEA,KAAM;IACbpB,QAAQ,EAAEA,QAAS;IACnBM,IAAI,EAAET,QAAQ,GAAG,MAAM,GAAG,UAAW;IACrC0B,QAAQ,EAAEc,YAAa;IACvB5C,OAAO,EAAEA,OAAQ;IACjB,eAAY,eAAe;IAC3B0D,YAAY,eACV/F,KAAA,CAAA8C,aAAA,CAACX,sBAAsB;MACrBE,OAAO,EAAEA,OAAQ;MACjBC,YAAY,EAAEA,YAAa;MAC3BC,IAAI,EAAEA,IAAK;MACXC,WAAW,EAAEA,WAAY;MACzBC,QAAQ,EAAEA,QAAS;MACnBC,eAAe,EAAEA,eAAgB;MACjCC,eAAe,EAAEA,eAAgB;MACjCC,QAAQ,EAAEA,QAAS;MACnBC,UAAU,EAAEA;IAAW,CACxB;EACF,EACF,CAAC,EACD,CAAAqB,UAAU,aAAAT,kBAAA,GAAVS,UAAU,CAAEuB,MAAM,qBAAlBhC,kBAAA,CAAoBiC,MAAM,MAAK,CAAC,IAC/B,QAAOxB,UAAU,oBAAVA,UAAU,CAAEkB,WAAW,MAAK,UAAU,IAC7C,QAAOlB,UAAU,oBAAVA,UAAU,CAAEkB,WAAW,CAAC,MAAM,CAAC,MAAK,QAAQ,iBACjDpF,KAAA,CAAA8C,aAAA,CAAA9C,KAAA,CAAA+C,QAAA,qBACE/C,KAAA,CAAA8C,aAAA,CAACrC,8BAA8B,QAC5B,CAAC,GAAGuF,KAAK,CAAC,CAAC,CAAC,CAAC,CAACC,GAAG,CAAC,CAACC,CAAC,EAAEC,KAAK,kBAC1BnG,KAAA,CAAA8C,aAAA,CAACtC,uBAAuB;IACtB4F,GAAG,EAAED,KAAM;IACXE,SAAS,EAAExB,QAAS;IACpByB,MAAM,EAAEH,KAAM;IACd,eAAatB,QAAQ,IAAIsB,KAAK,GAAG,CAAC,GAAG,QAAQ,GAAG;EAAG,CACpD,CACF,CAC6B,CAAC,eACjCnG,KAAA,CAAA8C,aAAA,CAAC3B,QAAQ;IAACoF,KAAK,EAAC,OAAO;IAACC,KAAK,EAAC;EAAU,GACrCtC,UAAU,CAACuB,MAAM,CAACZ,QAAQ,CACnB,CACV,CAEoB,CAAC;AAEjC,CACF,CAAC;AAEDvB,aAAa,CAAC5B,WAAW,GAAG,eAAe","ignoreList":[]}

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

@@ -13,18 +13,23 @@ const renderOption = (option, data) => /*#__PURE__*/React.createElement(React.Fr
   onChange: data.onChange
 })));
 export const InputPhone = /*#__PURE__*/forwardRef((_ref, ref) => {
-  let {
-      size = "regular",
-      disabled,
-      value: defaultValue = "",
-      onChange,
-      defaultCountry = "US"
-    } = _ref,
+  let _ref$size = _ref.size,
+    size = _ref$size === void 0 ? "regular" : _ref$size,
+    disabled = _ref.disabled,
+    _ref$value = _ref.value,
+    defaultValue = _ref$value === void 0 ? "" : _ref$value,
+    onChange = _ref.onChange,
+    _ref$defaultCountry = _ref.defaultCountry,
+    defaultCountry = _ref$defaultCountry === void 0 ? "US" : _ref$defaultCountry,
     rest = _objectWithoutPropertiesLoose(_ref, _excluded);
   const inputRef = useRef(null);
   const handleRef = useForkRef(ref, inputRef);
-  const [prefix, setPrefix] = useState(defaultCountry);
-  const [value, setValue] = useState("");
+  const _useState = useState(defaultCountry),
+    prefix = _useState[0],
+    setPrefix = _useState[1];
+  const _useState2 = useState(""),
+    value = _useState2[0],
+    setValue = _useState2[1];
   const options = countriesArraySortedByName.map(country => ({
     id: country.countryCode,
     name: country.name,
@@ -52,10 +57,9 @@ export const InputPhone = /*#__PURE__*/forwardRef((_ref, ref) => {
     };
   };
   useEffect(() => {
-    const {
-      newPrefix,
-      newValue
-    } = separatePrefixFromValue(defaultValue);
+    const _separatePrefixFromVa = separatePrefixFromValue(defaultValue),
+      newPrefix = _separatePrefixFromVa.newPrefix,
+      newValue = _separatePrefixFromVa.newValue;
     setPrefix(newPrefix);
     setValue(newValue);
     // eslint-disable-next-line react-hooks/exhaustive-deps
@@ -65,10 +69,9 @@ export const InputPhone = /*#__PURE__*/forwardRef((_ref, ref) => {
     if (/[^0-9+]/.test(inputValue)) {
       return;
     }
-    const {
-      newPrefix,
-      newValue
-    } = separatePrefixFromValue(inputValue);
+    const _separatePrefixFromVa2 = separatePrefixFromValue(inputValue),
+      newPrefix = _separatePrefixFromVa2.newPrefix,
+      newValue = _separatePrefixFromVa2.newValue;
     setPrefix(newPrefix);
     setValue(newValue);
     typeof onChange === "function" && onChange("+" + getCountryCallingCode(newPrefix) + newValue);
@@ -88,19 +91,16 @@ export const InputPhone = /*#__PURE__*/forwardRef((_ref, ref) => {
     const paste = e.clipboardData.getData("text");
     const filteredPaste = paste.replace(/[^0-9+]/g, "");
     const inputElement = e.currentTarget;
-    const {
-      selectionStart,
-      selectionEnd
-    } = inputElement;
+    const selectionStart = inputElement.selectionStart,
+      selectionEnd = inputElement.selectionEnd;
     if (selectionStart !== null && selectionEnd !== null) {
       const currentValue = inputElement.value;
       const beforeSelection = currentValue.slice(0, selectionStart);
       const afterSelection = currentValue.slice(selectionEnd);
       const newValueAfterPaste = beforeSelection + filteredPaste + afterSelection;
-      const {
-        newPrefix,
-        newValue
-      } = separatePrefixFromValue(newValueAfterPaste);
+      const _separatePrefixFromVa3 = separatePrefixFromValue(newValueAfterPaste),
+        newPrefix = _separatePrefixFromVa3.newPrefix,
+        newValue = _separatePrefixFromVa3.newValue;
       setPrefix(newPrefix);
       setValue(newValue);
       typeof onChange === "function" && onChange("+" + getCountryCallingCode(newPrefix) + newValue);

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

@@ -1 +1 @@
-{"version":3,"file":"InputPhone.js","names":["React","forwardRef","useCallback","useEffect","useRef","useState","callingCodeToCountryCodeMap","countriesArraySortedByName","getCountryCallingCode","getCountryFlag","Input","InputSelect","StyledFlagTriggerLabel","StyledOptionCode","StyledOptionFlag","StyledOptionName","StyledOptionRowEnd","StyledOptionWrapper","useForkRef","RadioButton","renderOption","option","data","createElement","Fragment","id","name","additionalInfo","checked","onChange","InputPhone","_ref","ref","size","disabled","value","defaultValue","defaultCountry","rest","_objectWithoutPropertiesLoose","_excluded","inputRef","handleRef","prefix","setPrefix","setValue","options","map","country","countryCode","callingCode","separatePrefixFromValue","fullValue","newPrefix","newValue","startsWith","prefixLength","digits","slice","i","length","code","dialCode","handleChange","e","inputValue","target","test","handleSelectChange","val","setTimeout","_inputRef$current","current","focus","handlePaste","preventDefault","paste","clipboardData","getData","filteredPaste","replace","inputElement","currentTarget","selectionStart","selectionEnd","currentValue","beforeSelection","afterSelection","newValueAfterPaste","_extends","type","onPaste","startAdornment","selected","filterCriteria","filter","_option$additionalInf","toLowerCase","includes","selectedLabel","$size","keepSameOptionsOrder","search","displayName"],"sources":["../../../../src/components/Input/InputPhone.tsx"],"sourcesContent":["import React, {\n  ChangeEventHandler,\n  forwardRef,\n  useCallback,\n  useEffect,\n  useRef,\n  useState,\n} from \"react\";\n\nimport {\n  callingCodeToCountryCodeMap,\n  countriesArraySortedByName,\n  getCountryCallingCode,\n  getCountryFlag,\n  Country,\n} from \"country-explorer\";\n\nimport { Input, InputProps } from \"./Input\";\nimport { InputSelect } from \"./InputSelect\";\nimport {\n  StyledFlagTriggerLabel,\n  StyledOptionCode,\n  StyledOptionFlag,\n  StyledOptionName,\n  StyledOptionRowEnd,\n  StyledOptionWrapper,\n} from \"./Styles\";\nimport { useForkRef } from \"../../utils\";\nimport { RadioButton } from \"../RadioButton\";\n\nexport interface InputPhoneProps\n  extends Omit<\n    InputProps,\n    \"type\" | \"startAdornment\" | \"onChange\" | \"value\" | \"size\"\n  > {\n  /** Input value */\n  value?: string;\n  /** Default country code to be selected */\n  defaultCountry?: string;\n  /** onChange function */\n  onChange?: (val: string) => void;\n  /** Input size */\n  size?: \"small\" | \"regular\" | \"big\";\n}\n\nconst renderOption = (\n  option: Record<string, React.ReactNode>,\n  data: Record<string, unknown>\n): React.ReactElement => (\n  <>\n    <StyledOptionWrapper>\n      <StyledOptionFlag>{getCountryFlag(option.id)}</StyledOptionFlag>\n      <StyledOptionName>{option.name}</StyledOptionName>\n    </StyledOptionWrapper>\n    <StyledOptionRowEnd>\n      <StyledOptionCode>{option.additionalInfo}</StyledOptionCode>\n      <RadioButton\n        checked={data.checked as boolean}\n        onChange={data.onChange as ChangeEventHandler<HTMLInputElement>}\n      />\n    </StyledOptionRowEnd>\n  </>\n);\n\nexport const InputPhone = forwardRef<HTMLInputElement, InputPhoneProps>(\n  (\n    {\n      size = \"regular\",\n      disabled,\n      value: defaultValue = \"\",\n      onChange,\n      defaultCountry = \"US\",\n      ...rest\n    },\n    ref\n  ) => {\n    const inputRef = useRef<HTMLInputElement | null>(null);\n    const handleRef = useForkRef(ref, inputRef);\n    const [prefix, setPrefix] = useState(defaultCountry);\n    const [value, setValue] = useState<string>(\"\");\n\n    const options = countriesArraySortedByName.map((country: Country) => ({\n      id: country.countryCode,\n      name: country.name,\n      additionalInfo: `+${country.callingCode}`,\n    }));\n\n    const separatePrefixFromValue = (\n      fullValue: string\n    ): { newPrefix: string; newValue: string } => {\n      let newPrefix = prefix;\n      let newValue = fullValue;\n\n      if (fullValue.startsWith(\"+\") || fullValue.startsWith(\"00\")) {\n        const prefixLength = fullValue.startsWith(\"+\") ? 1 : 2;\n        const digits = fullValue.slice(prefixLength);\n\n        for (let i = digits.length; i >= 1; i--) {\n          const code = digits.slice(0, i);\n          if (callingCodeToCountryCodeMap[code]) {\n            newPrefix = callingCodeToCountryCodeMap[code];\n            const dialCode = getCountryCallingCode(newPrefix);\n            newValue = fullValue.slice(prefixLength + dialCode.length);\n            break;\n          }\n        }\n      }\n\n      return { newPrefix, newValue };\n    };\n\n    useEffect(() => {\n      const { newPrefix, newValue } = separatePrefixFromValue(defaultValue);\n      setPrefix(newPrefix);\n      setValue(newValue);\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [defaultValue]);\n\n    const handleChange = useCallback(\n      (e: React.ChangeEvent<HTMLInputElement>) => {\n        const inputValue = e.target.value;\n        if (/[^0-9+]/.test(inputValue)) {\n          return;\n        }\n\n        const { newPrefix, newValue } = separatePrefixFromValue(inputValue);\n        setPrefix(newPrefix);\n        setValue(newValue);\n\n        typeof onChange === \"function\" &&\n          onChange(`+${getCountryCallingCode(newPrefix)}${newValue}`);\n      },\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n      [onChange, prefix]\n    );\n\n    const handleSelectChange = (val: string | number | (string | number)[]) => {\n      setPrefix(val as string);\n      setTimeout(() => {\n        inputRef.current?.focus();\n      }, 200);\n      typeof onChange === \"function\" &&\n        onChange(`+${getCountryCallingCode(val)}${value}`);\n    };\n\n    const handlePaste = (e: React.ClipboardEvent) => {\n      e.preventDefault();\n\n      const paste = e.clipboardData.getData(\"text\");\n      const filteredPaste = paste.replace(/[^0-9+]/g, \"\");\n\n      const inputElement = e.currentTarget as HTMLInputElement;\n      const { selectionStart, selectionEnd } = inputElement;\n\n      if (selectionStart !== null && selectionEnd !== null) {\n        const currentValue = inputElement.value;\n        const beforeSelection = currentValue.slice(0, selectionStart);\n        const afterSelection = currentValue.slice(selectionEnd);\n\n        const newValueAfterPaste =\n          beforeSelection + filteredPaste + afterSelection;\n        const { newPrefix, newValue } =\n          separatePrefixFromValue(newValueAfterPaste);\n\n        setPrefix(newPrefix);\n        setValue(newValue);\n\n        typeof onChange === \"function\" &&\n          onChange(`+${getCountryCallingCode(newPrefix)}${newValue}`);\n      }\n    };\n\n    return (\n      <Input\n        {...rest}\n        ref={handleRef}\n        size={size}\n        value={value}\n        disabled={disabled}\n        type=\"text\"\n        onPaste={handlePaste}\n        onChange={handleChange}\n        data-testid=\"InputPhone\"\n        startAdornment={\n          <InputSelect\n            size={size}\n            onChange={handleSelectChange}\n            options={options}\n            selected={prefix}\n            filterCriteria={(option, filter) => {\n              return !!option?.additionalInfo?.toLowerCase().includes(filter);\n            }}\n            selectedLabel={\n              <>\n                <StyledFlagTriggerLabel $size={size}>\n                  {getCountryFlag(prefix)}\n                </StyledFlagTriggerLabel>\n                +{getCountryCallingCode(prefix)}\n              </>\n            }\n            disabled={disabled}\n            keepSameOptionsOrder={false}\n            search\n            renderOption={renderOption}\n          />\n        }\n      />\n    );\n  }\n);\n\nInputPhone.displayName = \"InputPhone\";\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"InputPhone.js","names":["React","forwardRef","useCallback","useEffect","useRef","useState","callingCodeToCountryCodeMap","countriesArraySortedByName","getCountryCallingCode","getCountryFlag","Input","InputSelect","StyledFlagTriggerLabel","StyledOptionCode","StyledOptionFlag","StyledOptionName","StyledOptionRowEnd","StyledOptionWrapper","useForkRef","RadioButton","renderOption","option","data","createElement","Fragment","id","name","additionalInfo","checked","onChange","InputPhone","_ref","ref","_ref$size","size","disabled","_ref$value","value","defaultValue","_ref$defaultCountry","defaultCountry","rest","_objectWithoutPropertiesLoose","_excluded","inputRef","handleRef","_useState","prefix","setPrefix","_useState2","setValue","options","map","country","countryCode","callingCode","separatePrefixFromValue","fullValue","newPrefix","newValue","startsWith","prefixLength","digits","slice","i","length","code","dialCode","_separatePrefixFromVa","handleChange","e","inputValue","target","test","_separatePrefixFromVa2","handleSelectChange","val","setTimeout","_inputRef$current","current","focus","handlePaste","preventDefault","paste","clipboardData","getData","filteredPaste","replace","inputElement","currentTarget","selectionStart","selectionEnd","currentValue","beforeSelection","afterSelection","newValueAfterPaste","_separatePrefixFromVa3","_extends","type","onPaste","startAdornment","selected","filterCriteria","filter","_option$additionalInf","toLowerCase","includes","selectedLabel","$size","keepSameOptionsOrder","search","displayName"],"sources":["../../../../src/components/Input/InputPhone.tsx"],"sourcesContent":["import React, {\n  ChangeEventHandler,\n  forwardRef,\n  useCallback,\n  useEffect,\n  useRef,\n  useState,\n} from \"react\";\n\nimport {\n  callingCodeToCountryCodeMap,\n  countriesArraySortedByName,\n  getCountryCallingCode,\n  getCountryFlag,\n  Country,\n} from \"country-explorer\";\n\nimport { Input, InputProps } from \"./Input\";\nimport { InputSelect } from \"./InputSelect\";\nimport {\n  StyledFlagTriggerLabel,\n  StyledOptionCode,\n  StyledOptionFlag,\n  StyledOptionName,\n  StyledOptionRowEnd,\n  StyledOptionWrapper,\n} from \"./Styles\";\nimport { useForkRef } from \"../../utils\";\nimport { RadioButton } from \"../RadioButton\";\n\nexport interface InputPhoneProps\n  extends Omit<\n    InputProps,\n    \"type\" | \"startAdornment\" | \"onChange\" | \"value\" | \"size\"\n  > {\n  /** Input value */\n  value?: string;\n  /** Default country code to be selected */\n  defaultCountry?: string;\n  /** onChange function */\n  onChange?: (val: string) => void;\n  /** Input size */\n  size?: \"small\" | \"regular\" | \"big\";\n}\n\nconst renderOption = (\n  option: Record<string, React.ReactNode>,\n  data: Record<string, unknown>\n): React.ReactElement => (\n  <>\n    <StyledOptionWrapper>\n      <StyledOptionFlag>{getCountryFlag(option.id)}</StyledOptionFlag>\n      <StyledOptionName>{option.name}</StyledOptionName>\n    </StyledOptionWrapper>\n    <StyledOptionRowEnd>\n      <StyledOptionCode>{option.additionalInfo}</StyledOptionCode>\n      <RadioButton\n        checked={data.checked as boolean}\n        onChange={data.onChange as ChangeEventHandler<HTMLInputElement>}\n      />\n    </StyledOptionRowEnd>\n  </>\n);\n\nexport const InputPhone = forwardRef<HTMLInputElement, InputPhoneProps>(\n  (\n    {\n      size = \"regular\",\n      disabled,\n      value: defaultValue = \"\",\n      onChange,\n      defaultCountry = \"US\",\n      ...rest\n    },\n    ref\n  ) => {\n    const inputRef = useRef<HTMLInputElement | null>(null);\n    const handleRef = useForkRef(ref, inputRef);\n    const [prefix, setPrefix] = useState(defaultCountry);\n    const [value, setValue] = useState<string>(\"\");\n\n    const options = countriesArraySortedByName.map((country: Country) => ({\n      id: country.countryCode,\n      name: country.name,\n      additionalInfo: `+${country.callingCode}`,\n    }));\n\n    const separatePrefixFromValue = (\n      fullValue: string\n    ): { newPrefix: string; newValue: string } => {\n      let newPrefix = prefix;\n      let newValue = fullValue;\n\n      if (fullValue.startsWith(\"+\") || fullValue.startsWith(\"00\")) {\n        const prefixLength = fullValue.startsWith(\"+\") ? 1 : 2;\n        const digits = fullValue.slice(prefixLength);\n\n        for (let i = digits.length; i >= 1; i--) {\n          const code = digits.slice(0, i);\n          if (callingCodeToCountryCodeMap[code]) {\n            newPrefix = callingCodeToCountryCodeMap[code];\n            const dialCode = getCountryCallingCode(newPrefix);\n            newValue = fullValue.slice(prefixLength + dialCode.length);\n            break;\n          }\n        }\n      }\n\n      return { newPrefix, newValue };\n    };\n\n    useEffect(() => {\n      const { newPrefix, newValue } = separatePrefixFromValue(defaultValue);\n      setPrefix(newPrefix);\n      setValue(newValue);\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [defaultValue]);\n\n    const handleChange = useCallback(\n      (e: React.ChangeEvent<HTMLInputElement>) => {\n        const inputValue = e.target.value;\n        if (/[^0-9+]/.test(inputValue)) {\n          return;\n        }\n\n        const { newPrefix, newValue } = separatePrefixFromValue(inputValue);\n        setPrefix(newPrefix);\n        setValue(newValue);\n\n        typeof onChange === \"function\" &&\n          onChange(`+${getCountryCallingCode(newPrefix)}${newValue}`);\n      },\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n      [onChange, prefix]\n    );\n\n    const handleSelectChange = (val: string | number | (string | number)[]) => {\n      setPrefix(val as string);\n      setTimeout(() => {\n        inputRef.current?.focus();\n      }, 200);\n      typeof onChange === \"function\" &&\n        onChange(`+${getCountryCallingCode(val)}${value}`);\n    };\n\n    const handlePaste = (e: React.ClipboardEvent) => {\n      e.preventDefault();\n\n      const paste = e.clipboardData.getData(\"text\");\n      const filteredPaste = paste.replace(/[^0-9+]/g, \"\");\n\n      const inputElement = e.currentTarget as HTMLInputElement;\n      const { selectionStart, selectionEnd } = inputElement;\n\n      if (selectionStart !== null && selectionEnd !== null) {\n        const currentValue = inputElement.value;\n        const beforeSelection = currentValue.slice(0, selectionStart);\n        const afterSelection = currentValue.slice(selectionEnd);\n\n        const newValueAfterPaste =\n          beforeSelection + filteredPaste + afterSelection;\n        const { newPrefix, newValue } =\n          separatePrefixFromValue(newValueAfterPaste);\n\n        setPrefix(newPrefix);\n        setValue(newValue);\n\n        typeof onChange === \"function\" &&\n          onChange(`+${getCountryCallingCode(newPrefix)}${newValue}`);\n      }\n    };\n\n    return (\n      <Input\n        {...rest}\n        ref={handleRef}\n        size={size}\n        value={value}\n        disabled={disabled}\n        type=\"text\"\n        onPaste={handlePaste}\n        onChange={handleChange}\n        data-testid=\"InputPhone\"\n        startAdornment={\n          <InputSelect\n            size={size}\n            onChange={handleSelectChange}\n            options={options}\n            selected={prefix}\n            filterCriteria={(option, filter) => {\n              return !!option?.additionalInfo?.toLowerCase().includes(filter);\n            }}\n            selectedLabel={\n              <>\n                <StyledFlagTriggerLabel $size={size}>\n                  {getCountryFlag(prefix)}\n                </StyledFlagTriggerLabel>\n                +{getCountryCallingCode(prefix)}\n              </>\n            }\n            disabled={disabled}\n            keepSameOptionsOrder={false}\n            search\n            renderOption={renderOption}\n          />\n        }\n      />\n    );\n  }\n);\n\nInputPhone.displayName = \"InputPhone\";\n"],"mappings":"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","ignoreList":[]}