npm - @activecollab/components - Versions diffs - 2.0.303 → 2.0.305 - Mend

@activecollab/components 2.0.303 → 2.0.305

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1223) hide show

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

@@ -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 CHANGED Viewed

	@@ -1 +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":[]}
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","_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":[]}

package/dist/esm/components/Input/InputSelect.js CHANGED Viewed

@@ -5,19 +5,21 @@ import { ArrowDownIcon, ArrowDownSmallIcon } from "../Icons";
 import { Select } from "../Select";
 import { StyledButton } from "../Trigger/Styles";
 export const InputSelect = _ref => {
-  let {
-    onChange,
-    size,
-    selected,
-    options,
-    search = false,
-    disabled = false,
-    disabledInternalSort = true,
-    keepSameOptionsOrder = true,
-    selectedLabel,
-    renderOption,
-    filterCriteria
-  } = _ref;
+  let onChange = _ref.onChange,
+    size = _ref.size,
+    selected = _ref.selected,
+    options = _ref.options,
+    _ref$search = _ref.search,
+    search = _ref$search === void 0 ? false : _ref$search,
+    _ref$disabled = _ref.disabled,
+    disabled = _ref$disabled === void 0 ? false : _ref$disabled,
+    _ref$disabledInternal = _ref.disabledInternalSort,
+    disabledInternalSort = _ref$disabledInternal === void 0 ? true : _ref$disabledInternal,
+    _ref$keepSameOptionsO = _ref.keepSameOptionsOrder,
+    keepSameOptionsOrder = _ref$keepSameOptionsO === void 0 ? true : _ref$keepSameOptionsO,
+    selectedLabel = _ref.selectedLabel,
+    renderOption = _ref.renderOption,
+    filterCriteria = _ref.filterCriteria;
   return /*#__PURE__*/React.createElement(Select, {
     onChange: onChange,
     forceCloseMenu: true,

package/dist/esm/components/Input/InputSelect.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"InputSelect.js","names":["React","StyledInputSelectTrigger","ArrowDownIcon","ArrowDownSmallIcon","Select","StyledButton","InputSelect","_ref","onChange","size","selected","options","search","disabled","disabledInternalSort","keepSameOptionsOrder","selectedLabel","renderOption","filterCriteria","createElement","forceCloseMenu","disableSearch","target","_StyledStyledButton","type","$disabled","$size","fill","_styled","withConfig","displayName","componentId"],"sources":["../../../../src/components/Input/InputSelect.tsx"],"sourcesContent":["import React, { ReactElement, ReactNode } from \"react\";\n\nimport { StyledInputSelectTrigger } from \"./Styles\";\nimport { ArrowDownIcon, ArrowDownSmallIcon } from \"../Icons\";\nimport { ElementWithRef, IOptionItemProps, Select } from \"../Select\";\nimport { StyledButton } from \"../Trigger/Styles\";\n\nexport interface InputSelectProps {\n onChange: (val: string \| number \| (string \| number)[]) => void;\n size: string;\n selected: string;\n options: IOptionItemProps[];\n disabled?: boolean;\n search?: boolean;\n // @ToDo: Fix this\n disabledInternalSort?: boolean;\n keepSameOptionsOrder?: boolean;\n selectedLabel?: ReactNode;\n /** Set select target element /\n target?: ElementWithRef<Element>;\n /* Render option /\n renderOption?: (\n option: Record<string, ReactNode>,\n data: Record<string, unknown>\n ) => string \| ReactElement;\n /* Custom filter function for additional filtering criteria */\n filterCriteria?: (option: IOptionItemProps, filter: string) => boolean;\n}\n\nexport const InputSelect: React.FC<InputSelectProps> = ({\n onChange,\n size,\n selected,\n options,\n search = false,\n disabled = false,\n disabledInternalSort = true,\n keepSameOptionsOrder = true,\n selectedLabel,\n renderOption,\n filterCriteria,\n}) => {\n return (\n <Select\n onChange={onChange}\n forceCloseMenu\n disableSearch={!search}\n target={\n <StyledButton type=\"button\" css=\"flex-shrink:0\">\n <StyledInputSelectTrigger $disabled={disabled} $size={size}>\n {selectedLabel ? selectedLabel : selected}\n {size === \"big\" ? (\n <ArrowDownIcon fill=\"var(--color-theme-700)\" />\n ) : (\n <ArrowDownSmallIcon fill=\"var(--color-theme-700)\" />\n )}\n </StyledInputSelectTrigger>\n </StyledButton>\n }\n options={options}\n disabledInternalSort={disabledInternalSort}\n keepSameOptionsOrder={keepSameOptionsOrder}\n selected={selected}\n renderOption={renderOption}\n filterCriteria={filterCriteria}\n />\n );\n};\n"],"mappings":";AAAA,OAAOA,KAAK,MAAmC,OAAO;AAEtD,SAASC,wBAAwB,QAAQ,UAAU;AACnD,SAASC,aAAa,EAAEC,kBAAkB,QAAQ,UAAU;AAC5D,SAA2CC,MAAM,QAAQ,WAAW;AACpE,SAASC,YAAY,QAAQ,mBAAmB;AAwBhD,OAAO,MAAMC,WAAuC,GAAGC,IAAA,IAYjD;EAAA,~~IAZkD;IACtDC~~,QAAQ;IACRC,IAAI;IACJC,QAAQ;IACRC,OAAO;~~IACPC~~,MAAM,~~GAAG~~,KAAK;~~IACdC~~,QAAQ,~~GAAG~~,KAAK;~~IAChBC~~,oBAAoB,~~GAAG~~,IAAI;~~IAC3BC~~,oBAAoB,~~GAAG~~,IAAI;~~IAC3BC~~,aAAa;IACbC,YAAY;IACZC~~;EACF~~,~~CAAC~~,~~GAAAX~~,IAAA;~~EACC~~,~~oBACEP~~,KAAA,~~CAAAmB~~,aAAA,~~CAACf~~,MAAM;IACLI,QAAQ,EAAEA,QAAS;~~IACnBY~~,cAAc;IACdC,aAAa,EAAE,~~CAACT~~,MAAO;~~IACvBU~~,MAAM,~~eACJtB~~,KAAA,~~CAAAmB~~,aAAA,CAAAI,mBAAA;MAAcC,IAAI,EAAC;IAAQ,~~gBACzBxB~~,KAAA,~~CAAAmB~~,aAAA,~~CAAClB~~,wBAAwB;~~MAACwB~~,SAAS,~~EAAEZ~~,QAAS;~~MAACa~~,KAAK,~~EAAEjB~~;IAAK,~~GACxDO~~,aAAa,GAAGA,aAAa,~~GAAGN~~,QAAQ,EACxCD,IAAI,KAAK,KAAK,gBACbT,KAAA,~~CAAAmB~~,aAAA,~~CAACjB~~,aAAa;~~MAACyB~~,IAAI,EAAC;IAAwB,CAAE,CAAC,gBAE/~~C3B~~,KAAA,~~CAAAmB~~,aAAA,~~CAAChB~~,kBAAkB;~~MAACwB~~,IAAI,EAAC;IAAwB,CAAE,CAE7B,CACd,CACf;~~IACDhB~~,OAAO,EAAEA,OAAQ;~~IACjBG~~,oBAAoB,EAAEA,oBAAqB;~~IAC3CC~~,oBAAoB,EAAEA,oBAAqB;~~IAC3CL~~,QAAQ,EAAEA,QAAS;~~IACnBO~~,YAAY,EAAEA,YAAa;IAC3BC,cAAc,EAAEA;EAAe,CAChC,CAAC;AAEN,CAAC;AAAC,IAAAK,mBAAA,GAAAK,OAAA,~~CAAAvB~~,YAAA,~~EAAAwB~~,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA","ignoreList":[]}
1	+ {"version":3,"file":"InputSelect.js","names":["React","StyledInputSelectTrigger","ArrowDownIcon","ArrowDownSmallIcon","Select","StyledButton","InputSelect","_ref","onChange","size","selected","options","_ref$search","search","_ref$disabled","disabled","_ref$disabledInternal","disabledInternalSort","_ref$keepSameOptionsO","keepSameOptionsOrder","selectedLabel","renderOption","filterCriteria","createElement","forceCloseMenu","disableSearch","target","_StyledStyledButton","type","$disabled","$size","fill","_styled","withConfig","displayName","componentId"],"sources":["../../../../src/components/Input/InputSelect.tsx"],"sourcesContent":["import React, { ReactElement, ReactNode } from \"react\";\n\nimport { StyledInputSelectTrigger } from \"./Styles\";\nimport { ArrowDownIcon, ArrowDownSmallIcon } from \"../Icons\";\nimport { ElementWithRef, IOptionItemProps, Select } from \"../Select\";\nimport { StyledButton } from \"../Trigger/Styles\";\n\nexport interface InputSelectProps {\n onChange: (val: string \| number \| (string \| number)[]) => void;\n size: string;\n selected: string;\n options: IOptionItemProps[];\n disabled?: boolean;\n search?: boolean;\n // @ToDo: Fix this\n disabledInternalSort?: boolean;\n keepSameOptionsOrder?: boolean;\n selectedLabel?: ReactNode;\n /** Set select target element /\n target?: ElementWithRef<Element>;\n /* Render option /\n renderOption?: (\n option: Record<string, ReactNode>,\n data: Record<string, unknown>\n ) => string \| ReactElement;\n /* Custom filter function for additional filtering criteria */\n filterCriteria?: (option: IOptionItemProps, filter: string) => boolean;\n}\n\nexport const InputSelect: React.FC<InputSelectProps> = ({\n onChange,\n size,\n selected,\n options,\n search = false,\n disabled = false,\n disabledInternalSort = true,\n keepSameOptionsOrder = true,\n selectedLabel,\n renderOption,\n filterCriteria,\n}) => {\n return (\n <Select\n onChange={onChange}\n forceCloseMenu\n disableSearch={!search}\n target={\n <StyledButton type=\"button\" css=\"flex-shrink:0\">\n <StyledInputSelectTrigger $disabled={disabled} $size={size}>\n {selectedLabel ? selectedLabel : selected}\n {size === \"big\" ? (\n <ArrowDownIcon fill=\"var(--color-theme-700)\" />\n ) : (\n <ArrowDownSmallIcon fill=\"var(--color-theme-700)\" />\n )}\n </StyledInputSelectTrigger>\n </StyledButton>\n }\n options={options}\n disabledInternalSort={disabledInternalSort}\n keepSameOptionsOrder={keepSameOptionsOrder}\n selected={selected}\n renderOption={renderOption}\n filterCriteria={filterCriteria}\n />\n );\n};\n"],"mappings":";AAAA,OAAOA,KAAK,MAAmC,OAAO;AAEtD,SAASC,wBAAwB,QAAQ,UAAU;AACnD,SAASC,aAAa,EAAEC,kBAAkB,QAAQ,UAAU;AAC5D,SAA2CC,MAAM,QAAQ,WAAW;AACpE,SAASC,YAAY,QAAQ,mBAAmB;AAwBhD,OAAO,MAAMC,WAAuC,GAAGC,IAAA,IAYjD;EAAA,IAXJC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IACRC,IAAI,GAAAF,IAAA,CAAJE,IAAI;IACJC,QAAQ,GAAAH,IAAA,CAARG,QAAQ;IACRC,OAAO,GAAAJ,IAAA,CAAPI,OAAO;IAAAC,WAAA,GAAAL,IAAA,CACPM,MAAM;IAANA,MAAM,GAAAD,WAAA,cAAG,KAAK,GAAAA,WAAA;IAAAE,aAAA,GAAAP,IAAA,CACdQ,QAAQ;IAARA,QAAQ,GAAAD,aAAA,cAAG,KAAK,GAAAA,aAAA;IAAAE,qBAAA,GAAAT,IAAA,CAChBU,oBAAoB;IAApBA,oBAAoB,GAAAD,qBAAA,cAAG,IAAI,GAAAA,qBAAA;IAAAE,qBAAA,GAAAX,IAAA,CAC3BY,oBAAoB;IAApBA,oBAAoB,GAAAD,qBAAA,cAAG,IAAI,GAAAA,qBAAA;IAC3BE,aAAa,GAAAb,IAAA,CAAba,aAAa;IACbC,YAAY,GAAAd,IAAA,CAAZc,YAAY;IACZC,cAAc,GAAAf,IAAA,CAAde,cAAc;EAEd,oBACEtB,KAAA,CAAAuB,aAAA,CAACnB,MAAM;IACLI,QAAQ,EAAEA,QAAS;IACnBgB,cAAc;IACdC,aAAa,EAAE,CAACZ,MAAO;IACvBa,MAAM,eACJ1B,KAAA,CAAAuB,aAAA,CAAAI,mBAAA;MAAcC,IAAI,EAAC;IAAQ,gBACzB5B,KAAA,CAAAuB,aAAA,CAACtB,wBAAwB;MAAC4B,SAAS,EAAEd,QAAS;MAACe,KAAK,EAAErB;IAAK,GACxDW,aAAa,GAAGA,aAAa,GAAGV,QAAQ,EACxCD,IAAI,KAAK,KAAK,gBACbT,KAAA,CAAAuB,aAAA,CAACrB,aAAa;MAAC6B,IAAI,EAAC;IAAwB,CAAE,CAAC,gBAE/C/B,KAAA,CAAAuB,aAAA,CAACpB,kBAAkB;MAAC4B,IAAI,EAAC;IAAwB,CAAE,CAE7B,CACd,CACf;IACDpB,OAAO,EAAEA,OAAQ;IACjBM,oBAAoB,EAAEA,oBAAqB;IAC3CE,oBAAoB,EAAEA,oBAAqB;IAC3CT,QAAQ,EAAEA,QAAS;IACnBW,YAAY,EAAEA,YAAa;IAC3BC,cAAc,EAAEA;EAAe,CAChC,CAAC;AAEN,CAAC;AAAC,IAAAK,mBAAA,GAAAK,OAAA,CAAA3B,YAAA,EAAA4B,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA","ignoreList":[]}

package/dist/esm/components/Input/InputTime.js CHANGED Viewed

@@ -21,25 +21,33 @@ const renderOption = option => {
   }, option.name);
 };
 export const InputTime = _ref => {
-  let {
-      mode = "24",
-      selected: defaultSelected,
-      min = "00:00",
-      max = "23:45",
-      onChange,
-      step = 15,
-      size,
-      className,
-      placeholder,
-      triggerMode,
-      disabled,
-      invalid,
-      enableVirtualization = false,
-      addCustomTimeLabel = "Add"
-    } = _ref,
+  let _ref$mode = _ref.mode,
+    mode = _ref$mode === void 0 ? "24" : _ref$mode,
+    defaultSelected = _ref.selected,
+    _ref$min = _ref.min,
+    min = _ref$min === void 0 ? "00:00" : _ref$min,
+    _ref$max = _ref.max,
+    max = _ref$max === void 0 ? "23:45" : _ref$max,
+    onChange = _ref.onChange,
+    _ref$step = _ref.step,
+    step = _ref$step === void 0 ? 15 : _ref$step,
+    size = _ref.size,
+    className = _ref.className,
+    placeholder = _ref.placeholder,
+    triggerMode = _ref.triggerMode,
+    disabled = _ref.disabled,
+    invalid = _ref.invalid,
+    _ref$enableVirtualiza = _ref.enableVirtualization,
+    enableVirtualization = _ref$enableVirtualiza === void 0 ? false : _ref$enableVirtualiza,
+    _ref$addCustomTimeLab = _ref.addCustomTimeLabel,
+    addCustomTimeLabel = _ref$addCustomTimeLab === void 0 ? "Add" : _ref$addCustomTimeLab,
     rest = _objectWithoutPropertiesLoose(_ref, _excluded);
-  const [isOpen, setIsOpen] = useState(false);
-  const [search, setSearch] = useState(undefined);
+  const _useState = useState(false),
+    isOpen = _useState[0],
+    setIsOpen = _useState[1];
+  const _useState2 = useState(undefined),
+    search = _useState2[0],
+    setSearch = _useState2[1];
   const generateTimeOptions = () => {
     const allOptions = [];
     const currentTime = moment("00:00", "HH:mm");
@@ -57,11 +65,15 @@ export const InputTime = _ref => {
     const maxTime = moment(isValidTime(_max) ? _max : "23:45", "HH:mm");
     return options.filter(option => moment(option.id, "HH:mm").isSameOrAfter(minTime) && moment(option.id, "HH:mm").isSameOrBefore(maxTime));
   };
-  const [allTimeOptions, setAllTimeOptions] = useState(generateTimeOptions());
+  const _useState3 = useState(generateTimeOptions()),
+    allTimeOptions = _useState3[0],
+    setAllTimeOptions = _useState3[1];
   const timeOptions = useMemo(() => timeOptionsFilter(allTimeOptions, min, max), [allTimeOptions, min, max]);
   const isInOptions = useCallback(option => timeOptions.some(opt => opt.id === option), [timeOptions]);
   const isValidDefaultSelected = defaultSelected ? isInOptions(defaultSelected) : false;
-  const [selected, setSelected] = useState(isValidDefaultSelected ? defaultSelected : undefined);
+  const _useState4 = useState(isValidDefaultSelected ? defaultSelected : undefined),
+    selected = _useState4[0],
+    setSelected = _useState4[1];
   const handleInputChange = useCallback(text => {
     setSearch(text);
     if (/\d{1,2}:\d{2}/.test(text.trim())) {

package/dist/esm/components/Input/InputTime.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"InputTime.js","names":["React","useCallback","useEffect","useMemo","useState","classNames","nlp","plg","moment","styled","isValidTime","ComboBox","plugin","StyledInputTimeWrapper","div","withConfig","displayName","componentId","renderOption","option","createElement","id","name","InputTime","_ref","mode","selected","defaultSelected","min","max","onChange","step","size","className","placeholder","triggerMode","disabled","invalid","enableVirtualization","addCustomTimeLabel","rest","_objectWithoutPropertiesLoose","_excluded","isOpen","setIsOpen","search","setSearch","undefined","generateTimeOptions","allOptions","currentTime","isBefore","push","format","add","timeOptionsFilter","options","_min","_max","minTime","maxTime","filter","isSameOrAfter","isSameOrBefore","allTimeOptions","setAllTimeOptions","timeOptions","isInOptions","some","opt","isValidDefaultSelected","setSelected","handleInputChange","text","test","trim","doc","parsed","times","get","value","handleEmptyAction","newTime","time","String","newOption","newOptions","index","findIndex","splice","handleChange","e","handleOpen","handleClose","_document$getElementB","selectedItem","document","getElementById","parentElement","scrollIntoView","behavior","block","isValid","_extends","open","disabledInternalSort","keepSameOptionsOrder","onInputChange","emptyValue","forceCloseMenu","autoHeightMax","onClose","onOpen","disableVirtualization"],"sources":["../../../../src/components/Input/InputTime.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useMemo, useState } from \"react\";\n\nimport classNames from \"classnames\";\nimport nlp from \"compromise\";\nimport plg, { DatesMethods } from \"compromise-dates\";\nimport moment from \"moment\";\nimport styled from \"styled-components\";\n\nimport { InputMode, InputSize } from \"./types\";\nimport { isValidTime } from \"../../utils/timeUtils\";\nimport { ComboBox } from \"../ComboBox/ComboBox\";\nimport { IOptionItemProps } from \"../Select/Option\";\nimport { Time24HourFormat } from \"../SelectTime\";\n\nnlp.plugin(plg);\n\nexport const StyledInputTimeWrapper = styled.div`\n max-width: 176px;\n flex: 1;\n\n & .c-combo-box--list {\n min-width: 176px;\n }\n`;\n\nexport interface InputTimeProps {\n mode?: \"12\" \| \"24\";\n selected?: Time24HourFormat;\n min?: Time24HourFormat;\n max?: Time24HourFormat;\n onChange?: (val: Time24HourFormat) => void;\n className?: string;\n placeholder?: string;\n size?: InputSize;\n step?: 1 \| 5 \| 15 \| 30 \| 60;\n triggerMode?: InputMode;\n disabled?: boolean;\n invalid?: boolean;\n enableVirtualization?: boolean;\n addCustomTimeLabel?: string;\n}\n\nconst renderOption = (option) => {\n return (\n <div id={option.id} data-testid={`time-option-${option.id}`}>\n {option.name}\n </div>\n );\n};\n\nexport const InputTime: React.FC<InputTimeProps> = ({\n mode = \"24\",\n selected: defaultSelected,\n min = \"00:00\",\n max = \"23:45\",\n onChange,\n step = 15,\n size,\n className,\n placeholder,\n triggerMode,\n disabled,\n invalid,\n enableVirtualization = false,\n addCustomTimeLabel = \"Add\",\n ...rest\n}) => {\n const [isOpen, setIsOpen] = useState(false);\n const [search, setSearch] = useState<string \| undefined>(undefined);\n\n const generateTimeOptions = () => {\n const allOptions: IOptionItemProps[] = [];\n const currentTime = moment(\"00:00\", \"HH:mm\");\n while (currentTime.isBefore(moment(\"24:00\", \"HH:mm\"))) {\n allOptions.push({\n id: currentTime.format(\"HH:mm\"),\n name: currentTime.format(mode === \"12\" ? \"hh:mm A\" : \"HH:mm\"),\n });\n currentTime.add(step, \"minutes\");\n }\n return allOptions;\n };\n const timeOptionsFilter = (\n options: IOptionItemProps[],\n _min: Time24HourFormat,\n _max: Time24HourFormat\n ) => {\n const minTime = moment(isValidTime(_min) ? _min : \"00:00\", \"HH:mm\");\n const maxTime = moment(isValidTime(_max) ? _max : \"23:45\", \"HH:mm\");\n return options.filter(\n (option) =>\n moment(option.id, \"HH:mm\").isSameOrAfter(minTime) &&\n moment(option.id, \"HH:mm\").isSameOrBefore(maxTime)\n );\n };\n const [allTimeOptions, setAllTimeOptions] = useState(generateTimeOptions());\n const timeOptions = useMemo(\n () => timeOptionsFilter(allTimeOptions, min, max),\n [allTimeOptions, min, max]\n );\n\n const isInOptions = useCallback(\n (option) => timeOptions.some((opt) => opt.id === option),\n [timeOptions]\n );\n\n const isValidDefaultSelected = defaultSelected\n ? isInOptions(defaultSelected)\n : false;\n\n const [selected, setSelected] = useState<Time24HourFormat \| undefined>(\n isValidDefaultSelected ? defaultSelected : undefined\n );\n\n const handleInputChange = useCallback(\n (text: string) => {\n setSearch(text);\n if (/\\d{1,2}:\\d{2}/.test(text.trim())) {\n return;\n }\n const doc = nlp<DatesMethods>(text);\n const parsed = doc.times().get()[0];\n if (parsed && parsed[\"24h\"] && parsed[\"24h\"] !== selected) {\n const value = moment(parsed).format(\"HH:mm\") as Time24HourFormat;\n if (timeOptions.some((option) => option.id === value)) {\n setSelected(value);\n onChange?.(value);\n setIsOpen(false);\n }\n }\n },\n [onChange, selected, timeOptions]\n );\n\n const handleEmptyAction = (newTime: string \| number) => {\n const time = String(newTime);\n if (isValidTime(time)) {\n const newOption = {\n id: time,\n name: mode === \"12\" ? moment(time, \"HH:mm\").format(\"hh:mm A\") : time,\n };\n\n const newOptions = [...timeOptions];\n const index = newOptions.findIndex(\n (option) => moment(option.id, \"HH:mm\") > moment(time, \"HH:mm\")\n );\n\n if (index === -1) {\n newOptions.push(newOption);\n } else {\n newOptions.splice(index, 0, newOption);\n }\n\n setAllTimeOptions(newOptions);\n onChange?.(time as Time24HourFormat);\n setSelected(time as Time24HourFormat);\n }\n };\n\n const handleChange = (e) => {\n setSelected(e);\n onChange?.(e);\n };\n\n const handleOpen = () => {\n setIsOpen(true);\n };\n\n const handleClose = () => {\n setIsOpen(false);\n };\n\n useEffect(() => {\n if (isOpen && selected) {\n const selectedItem = document.getElementById(selected)?.parentElement;\n selectedItem?.scrollIntoView({ behavior: \"smooth\", block: \"center\" });\n }\n }, [isOpen, selected]);\n\n useEffect(() => {\n if (\n defaultSelected !== selected &&\n timeOptions.some((opt) => opt.id === defaultSelected)\n )\n setSelected(defaultSelected);\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [defaultSelected, timeOptions]);\n\n const isValid = (time?: string) => !isInOptions(time) && isValidTime(time);\n\n return (\n <StyledInputTimeWrapper className={classNames(\"c-input-time\", className)}>\n <ComboBox\n {...rest}\n options={timeOptions}\n open={isOpen}\n disabledInternalSort\n selected={selected}\n keepSameOptionsOrder\n onInputChange={handleInputChange}\n onChange={handleChange}\n handleEmptyAction={handleEmptyAction}\n emptyValue={\n isValid(search) ? `${addCustomTimeLabel} ${search}` : undefined\n }\n forceCloseMenu\n placeholder={placeholder}\n renderOption={renderOption}\n autoHeightMax={226}\n size={size}\n onClose={handleClose}\n onOpen={handleOpen}\n triggerMode={triggerMode}\n disabled={disabled}\n invalid={invalid}\n disableVirtualization={!enableVirtualization}\n />\n </StyledInputTimeWrapper>\n );\n};\n"],"mappings":"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","ignoreList":[]}
1	+ {"version":3,"file":"InputTime.js","names":["React","useCallback","useEffect","useMemo","useState","classNames","nlp","plg","moment","styled","isValidTime","ComboBox","plugin","StyledInputTimeWrapper","div","withConfig","displayName","componentId","renderOption","option","createElement","id","name","InputTime","_ref","_ref$mode","mode","defaultSelected","selected","_ref$min","min","_ref$max","max","onChange","_ref$step","step","size","className","placeholder","triggerMode","disabled","invalid","_ref$enableVirtualiza","enableVirtualization","_ref$addCustomTimeLab","addCustomTimeLabel","rest","_objectWithoutPropertiesLoose","_excluded","_useState","isOpen","setIsOpen","_useState2","undefined","search","setSearch","generateTimeOptions","allOptions","currentTime","isBefore","push","format","add","timeOptionsFilter","options","_min","_max","minTime","maxTime","filter","isSameOrAfter","isSameOrBefore","_useState3","allTimeOptions","setAllTimeOptions","timeOptions","isInOptions","some","opt","isValidDefaultSelected","_useState4","setSelected","handleInputChange","text","test","trim","doc","parsed","times","get","value","handleEmptyAction","newTime","time","String","newOption","newOptions","index","findIndex","splice","handleChange","e","handleOpen","handleClose","_document$getElementB","selectedItem","document","getElementById","parentElement","scrollIntoView","behavior","block","isValid","_extends","open","disabledInternalSort","keepSameOptionsOrder","onInputChange","emptyValue","forceCloseMenu","autoHeightMax","onClose","onOpen","disableVirtualization"],"sources":["../../../../src/components/Input/InputTime.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useMemo, useState } from \"react\";\n\nimport classNames from \"classnames\";\nimport nlp from \"compromise\";\nimport plg, { DatesMethods } from \"compromise-dates\";\nimport moment from \"moment\";\nimport styled from \"styled-components\";\n\nimport { InputMode, InputSize } from \"./types\";\nimport { isValidTime } from \"../../utils/timeUtils\";\nimport { ComboBox } from \"../ComboBox/ComboBox\";\nimport { IOptionItemProps } from \"../Select/Option\";\nimport { Time24HourFormat } from \"../SelectTime\";\n\nnlp.plugin(plg);\n\nexport const StyledInputTimeWrapper = styled.div`\n max-width: 176px;\n flex: 1;\n\n & .c-combo-box--list {\n min-width: 176px;\n }\n`;\n\nexport interface InputTimeProps {\n mode?: \"12\" \| \"24\";\n selected?: Time24HourFormat;\n min?: Time24HourFormat;\n max?: Time24HourFormat;\n onChange?: (val: Time24HourFormat) => void;\n className?: string;\n placeholder?: string;\n size?: InputSize;\n step?: 1 \| 5 \| 15 \| 30 \| 60;\n triggerMode?: InputMode;\n disabled?: boolean;\n invalid?: boolean;\n enableVirtualization?: boolean;\n addCustomTimeLabel?: string;\n}\n\nconst renderOption = (option) => {\n return (\n <div id={option.id} data-testid={`time-option-${option.id}`}>\n {option.name}\n </div>\n );\n};\n\nexport const InputTime: React.FC<InputTimeProps> = ({\n mode = \"24\",\n selected: defaultSelected,\n min = \"00:00\",\n max = \"23:45\",\n onChange,\n step = 15,\n size,\n className,\n placeholder,\n triggerMode,\n disabled,\n invalid,\n enableVirtualization = false,\n addCustomTimeLabel = \"Add\",\n ...rest\n}) => {\n const [isOpen, setIsOpen] = useState(false);\n const [search, setSearch] = useState<string \| undefined>(undefined);\n\n const generateTimeOptions = () => {\n const allOptions: IOptionItemProps[] = [];\n const currentTime = moment(\"00:00\", \"HH:mm\");\n while (currentTime.isBefore(moment(\"24:00\", \"HH:mm\"))) {\n allOptions.push({\n id: currentTime.format(\"HH:mm\"),\n name: currentTime.format(mode === \"12\" ? \"hh:mm A\" : \"HH:mm\"),\n });\n currentTime.add(step, \"minutes\");\n }\n return allOptions;\n };\n const timeOptionsFilter = (\n options: IOptionItemProps[],\n _min: Time24HourFormat,\n _max: Time24HourFormat\n ) => {\n const minTime = moment(isValidTime(_min) ? _min : \"00:00\", \"HH:mm\");\n const maxTime = moment(isValidTime(_max) ? _max : \"23:45\", \"HH:mm\");\n return options.filter(\n (option) =>\n moment(option.id, \"HH:mm\").isSameOrAfter(minTime) &&\n moment(option.id, \"HH:mm\").isSameOrBefore(maxTime)\n );\n };\n const [allTimeOptions, setAllTimeOptions] = useState(generateTimeOptions());\n const timeOptions = useMemo(\n () => timeOptionsFilter(allTimeOptions, min, max),\n [allTimeOptions, min, max]\n );\n\n const isInOptions = useCallback(\n (option) => timeOptions.some((opt) => opt.id === option),\n [timeOptions]\n );\n\n const isValidDefaultSelected = defaultSelected\n ? isInOptions(defaultSelected)\n : false;\n\n const [selected, setSelected] = useState<Time24HourFormat \| undefined>(\n isValidDefaultSelected ? defaultSelected : undefined\n );\n\n const handleInputChange = useCallback(\n (text: string) => {\n setSearch(text);\n if (/\\d{1,2}:\\d{2}/.test(text.trim())) {\n return;\n }\n const doc = nlp<DatesMethods>(text);\n const parsed = doc.times().get()[0];\n if (parsed && parsed[\"24h\"] && parsed[\"24h\"] !== selected) {\n const value = moment(parsed).format(\"HH:mm\") as Time24HourFormat;\n if (timeOptions.some((option) => option.id === value)) {\n setSelected(value);\n onChange?.(value);\n setIsOpen(false);\n }\n }\n },\n [onChange, selected, timeOptions]\n );\n\n const handleEmptyAction = (newTime: string \| number) => {\n const time = String(newTime);\n if (isValidTime(time)) {\n const newOption = {\n id: time,\n name: mode === \"12\" ? moment(time, \"HH:mm\").format(\"hh:mm A\") : time,\n };\n\n const newOptions = [...timeOptions];\n const index = newOptions.findIndex(\n (option) => moment(option.id, \"HH:mm\") > moment(time, \"HH:mm\")\n );\n\n if (index === -1) {\n newOptions.push(newOption);\n } else {\n newOptions.splice(index, 0, newOption);\n }\n\n setAllTimeOptions(newOptions);\n onChange?.(time as Time24HourFormat);\n setSelected(time as Time24HourFormat);\n }\n };\n\n const handleChange = (e) => {\n setSelected(e);\n onChange?.(e);\n };\n\n const handleOpen = () => {\n setIsOpen(true);\n };\n\n const handleClose = () => {\n setIsOpen(false);\n };\n\n useEffect(() => {\n if (isOpen && selected) {\n const selectedItem = document.getElementById(selected)?.parentElement;\n selectedItem?.scrollIntoView({ behavior: \"smooth\", block: \"center\" });\n }\n }, [isOpen, selected]);\n\n useEffect(() => {\n if (\n defaultSelected !== selected &&\n timeOptions.some((opt) => opt.id === defaultSelected)\n )\n setSelected(defaultSelected);\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [defaultSelected, timeOptions]);\n\n const isValid = (time?: string) => !isInOptions(time) && isValidTime(time);\n\n return (\n <StyledInputTimeWrapper className={classNames(\"c-input-time\", className)}>\n <ComboBox\n {...rest}\n options={timeOptions}\n open={isOpen}\n disabledInternalSort\n selected={selected}\n keepSameOptionsOrder\n onInputChange={handleInputChange}\n onChange={handleChange}\n handleEmptyAction={handleEmptyAction}\n emptyValue={\n isValid(search) ? `${addCustomTimeLabel} ${search}` : undefined\n }\n forceCloseMenu\n placeholder={placeholder}\n renderOption={renderOption}\n autoHeightMax={226}\n size={size}\n onClose={handleClose}\n onOpen={handleOpen}\n triggerMode={triggerMode}\n disabled={disabled}\n invalid={invalid}\n disableVirtualization={!enableVirtualization}\n />\n </StyledInputTimeWrapper>\n );\n};\n"],"mappings":"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","ignoreList":[]}

package/dist/esm/components/Input/InputUrl.js CHANGED Viewed

@@ -15,13 +15,13 @@ const defaultOptions = [{
   name: "http://"
 }];
 export const InputUrl = /*#__PURE__*/forwardRef((_ref, ref) => {
-  let {
-      size = "regular",
-      disabled,
-      value: defaultValue = "",
-      onChange,
-      scheme
-    } = _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,
+    scheme = _ref.scheme,
     rest = _objectWithoutPropertiesLoose(_ref, _excluded);
   const inputRef = useRef(null);
   const handleRef = useForkRef(ref, inputRef);
@@ -41,8 +41,12 @@ export const InputUrl = /*#__PURE__*/forwardRef((_ref, ref) => {
     }
     return defaultOptions;
   }, [scheme]);
-  const [prefix, setPrefix] = useState(options[0].id);
-  const [value, setValue] = useState("");
+  const _useState = useState(options[0].id),
+    prefix = _useState[0],
+    setPrefix = _useState[1];
+  const _useState2 = useState(""),
+    value = _useState2[0],
+    setValue = _useState2[1];
   const separatePrefixFromValue = fullValue => {
     let newPrefix = prefix;
     let newValue = fullValue;
@@ -59,10 +63,9 @@ export const InputUrl = /*#__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
@@ -70,10 +73,9 @@ export const InputUrl = /*#__PURE__*/forwardRef((_ref, ref) => {
   const handleChange = useCallback(e => {
     const inputValue = e.target.value;
     if (!inputValue.startsWith(prefix)) {
-      const {
-        newPrefix,
-        newValue
-      } = separatePrefixFromValue(inputValue);
+      const _separatePrefixFromVa2 = separatePrefixFromValue(inputValue),
+        newPrefix = _separatePrefixFromVa2.newPrefix,
+        newValue = _separatePrefixFromVa2.newValue;
       setPrefix(newPrefix);
       setValue(newValue);
       typeof onChange === "function" && onChange(newPrefix + newValue);
@@ -96,10 +98,9 @@ export const InputUrl = /*#__PURE__*/forwardRef((_ref, ref) => {
   const handlePaste = e => {
     e.preventDefault();
     const paste = sanitizeAndTrim(e.clipboardData.getData("text"));
-    const {
-      newPrefix,
-      newValue
-    } = separatePrefixFromValue(paste);
+    const _separatePrefixFromVa3 = separatePrefixFromValue(paste),
+      newPrefix = _separatePrefixFromVa3.newPrefix,
+      newValue = _separatePrefixFromVa3.newValue;
     if (newPrefix !== prefix) {
       setPrefix(newPrefix);
     }

package/dist/esm/components/Input/InputUrl.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"InputUrl.js","names":["React","forwardRef","useCallback","useEffect","useMemo","useRef","useState","Input","InputSelect","StyledInputSelectTrigger","useForkRef","sanitizeAndTrim","defaultOptions","id","name","InputUrl","_ref","ref","size","disabled","value","defaultValue","onChange","scheme","rest","_objectWithoutPropertiesLoose","_excluded","inputRef","handleRef","options","length","Array","isArray","map","i","prefix","setPrefix","setValue","separatePrefixFromValue","fullValue","newPrefix","newValue","forEach","option","startsWith","replace","handleChange","e","inputValue","target","handleSelectChange","val","setTimeout","_inputRef$current","current","focus","handlePaste","preventDefault","paste","clipboardData","getData","startAdornmentComponent","createElement","key","selected","$disabled","$size","_extends","type","onPaste","startAdornment","displayName"],"sources":["../../../../src/components/Input/InputUrl.tsx"],"sourcesContent":["import React, {\n forwardRef,\n useCallback,\n useEffect,\n useMemo,\n useRef,\n useState,\n} from \"react\";\n\nimport { Input, InputProps } from \"./Input\";\nimport { InputSelect } from \"./InputSelect\";\nimport { StyledInputSelectTrigger } from \"./Styles\";\nimport { useForkRef } from \"../../utils\";\nimport { sanitizeAndTrim } from \"../../utils/stringUtils\";\n\nexport interface InputUrlProps\n extends Omit<\n InputProps,\n \"type\" \| \"startAdornment\" \| \"onChange\" \| \"value\" \| \"size\"\n > {\n /** Input value /\n value?: string;\n /* onChange function /\n onChange?: (val: string) => void;\n /* Input size */\n size?: \"regular\" \| \"big\" \| \"biggest\";\n scheme?: string[] \| string;\n}\n\nconst defaultOptions = [\n { id: \"https://\", name: \"https://\" },\n { id: \"http://\", name: \"http://\" },\n];\n\nexport const InputUrl = forwardRef<HTMLInputElement, InputUrlProps>(\n (\n {\n size = \"regular\",\n disabled,\n value: defaultValue = \"\",\n onChange,\n scheme,\n ...rest\n },\n ref\n ) => {\n const inputRef = useRef<HTMLInputElement \| null>(null);\n const handleRef = useForkRef(ref, inputRef);\n\n const options = useMemo(() => {\n if (scheme && scheme.length > 0) {\n if (Array.isArray(scheme)) {\n return scheme.map((i) => ({ id: i, name: i }));\n } else {\n return [{ id: scheme, name: scheme }];\n }\n }\n return defaultOptions;\n }, [scheme]);\n\n const [prefix, setPrefix] = useState(options[0].id);\n\n const [value, setValue] = useState(\"\");\n\n const separatePrefixFromValue = (\n fullValue: string\n ): { newPrefix: string; newValue: string } => {\n let newPrefix = prefix;\n let newValue = fullValue;\n\n options.forEach((option) => {\n if (fullValue.startsWith(option.id)) {\n newPrefix = option.id;\n newValue = fullValue.replace(option.id, \"\");\n }\n });\n\n setValue(newValue);\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\n }, [defaultValue]);\n\n const handleChange = useCallback(\n (e: React.ChangeEvent<HTMLInputElement>) => {\n const inputValue = e.target.value;\n if (!inputValue.startsWith(prefix)) {\n const { newPrefix, newValue } = separatePrefixFromValue(inputValue);\n setPrefix(newPrefix);\n setValue(newValue);\n typeof onChange === \"function\" && onChange(newPrefix + newValue);\n } else {\n const newValue = inputValue.replace(prefix, \"\");\n setValue(newValue);\n typeof onChange === \"function\" && onChange(prefix + newValue);\n }\n },\n // eslint-disable-next-line\n [onChange, prefix]\n );\n\n const handleSelectChange = useCallback(\n (val: string \| number \| (string \| number)[]) => {\n setPrefix(val as string);\n setTimeout(() => {\n inputRef.current?.focus();\n }, 200);\n typeof onChange === \"function\" && onChange((val as string) + value);\n },\n [onChange, value]\n );\n\n const handlePaste = (e: React.ClipboardEvent) => {\n e.preventDefault();\n const paste = sanitizeAndTrim(e.clipboardData.getData(\"text\"));\n\n const { newPrefix, newValue } = separatePrefixFromValue(paste);\n if (newPrefix !== prefix) {\n setPrefix(newPrefix);\n }\n setValue(newValue);\n\n if (typeof onChange === \"function\") {\n onChange(newPrefix + newValue);\n }\n };\n\n const startAdornmentComponent = useMemo(() => {\n if (options.length > 1) {\n return (\n <InputSelect\n key={prefix}\n size={size}\n onChange={handleSelectChange}\n options={options}\n selected={prefix}\n disabled={disabled}\n />\n );\n } else {\n return (\n <StyledInputSelectTrigger\n key={prefix}\n $disabled={disabled}\n $size={size}\n >\n {prefix}\n </StyledInputSelectTrigger>\n );\n }\n }, [disabled, handleSelectChange, options, prefix, size]);\n\n useEffect(() => {\n if (options.length > 0 && !defaultValue) {\n setPrefix(options[0].id);\n }\n }, [defaultValue, options]);\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=\"InputUrl\"\n startAdornment={startAdornmentComponent}\n />\n );\n }\n);\n\nInputUrl.displayName = \"InputUrl\";\n"],"mappings":"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","ignoreList":[]}
1	+ {"version":3,"file":"InputUrl.js","names":["React","forwardRef","useCallback","useEffect","useMemo","useRef","useState","Input","InputSelect","StyledInputSelectTrigger","useForkRef","sanitizeAndTrim","defaultOptions","id","name","InputUrl","_ref","ref","_ref$size","size","disabled","_ref$value","value","defaultValue","onChange","scheme","rest","_objectWithoutPropertiesLoose","_excluded","inputRef","handleRef","options","length","Array","isArray","map","i","_useState","prefix","setPrefix","_useState2","setValue","separatePrefixFromValue","fullValue","newPrefix","newValue","forEach","option","startsWith","replace","_separatePrefixFromVa","handleChange","e","inputValue","target","_separatePrefixFromVa2","handleSelectChange","val","setTimeout","_inputRef$current","current","focus","handlePaste","preventDefault","paste","clipboardData","getData","_separatePrefixFromVa3","startAdornmentComponent","createElement","key","selected","$disabled","$size","_extends","type","onPaste","startAdornment","displayName"],"sources":["../../../../src/components/Input/InputUrl.tsx"],"sourcesContent":["import React, {\n forwardRef,\n useCallback,\n useEffect,\n useMemo,\n useRef,\n useState,\n} from \"react\";\n\nimport { Input, InputProps } from \"./Input\";\nimport { InputSelect } from \"./InputSelect\";\nimport { StyledInputSelectTrigger } from \"./Styles\";\nimport { useForkRef } from \"../../utils\";\nimport { sanitizeAndTrim } from \"../../utils/stringUtils\";\n\nexport interface InputUrlProps\n extends Omit<\n InputProps,\n \"type\" \| \"startAdornment\" \| \"onChange\" \| \"value\" \| \"size\"\n > {\n /** Input value /\n value?: string;\n /* onChange function /\n onChange?: (val: string) => void;\n /* Input size */\n size?: \"regular\" \| \"big\" \| \"biggest\";\n scheme?: string[] \| string;\n}\n\nconst defaultOptions = [\n { id: \"https://\", name: \"https://\" },\n { id: \"http://\", name: \"http://\" },\n];\n\nexport const InputUrl = forwardRef<HTMLInputElement, InputUrlProps>(\n (\n {\n size = \"regular\",\n disabled,\n value: defaultValue = \"\",\n onChange,\n scheme,\n ...rest\n },\n ref\n ) => {\n const inputRef = useRef<HTMLInputElement \| null>(null);\n const handleRef = useForkRef(ref, inputRef);\n\n const options = useMemo(() => {\n if (scheme && scheme.length > 0) {\n if (Array.isArray(scheme)) {\n return scheme.map((i) => ({ id: i, name: i }));\n } else {\n return [{ id: scheme, name: scheme }];\n }\n }\n return defaultOptions;\n }, [scheme]);\n\n const [prefix, setPrefix] = useState(options[0].id);\n\n const [value, setValue] = useState(\"\");\n\n const separatePrefixFromValue = (\n fullValue: string\n ): { newPrefix: string; newValue: string } => {\n let newPrefix = prefix;\n let newValue = fullValue;\n\n options.forEach((option) => {\n if (fullValue.startsWith(option.id)) {\n newPrefix = option.id;\n newValue = fullValue.replace(option.id, \"\");\n }\n });\n\n setValue(newValue);\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\n }, [defaultValue]);\n\n const handleChange = useCallback(\n (e: React.ChangeEvent<HTMLInputElement>) => {\n const inputValue = e.target.value;\n if (!inputValue.startsWith(prefix)) {\n const { newPrefix, newValue } = separatePrefixFromValue(inputValue);\n setPrefix(newPrefix);\n setValue(newValue);\n typeof onChange === \"function\" && onChange(newPrefix + newValue);\n } else {\n const newValue = inputValue.replace(prefix, \"\");\n setValue(newValue);\n typeof onChange === \"function\" && onChange(prefix + newValue);\n }\n },\n // eslint-disable-next-line\n [onChange, prefix]\n );\n\n const handleSelectChange = useCallback(\n (val: string \| number \| (string \| number)[]) => {\n setPrefix(val as string);\n setTimeout(() => {\n inputRef.current?.focus();\n }, 200);\n typeof onChange === \"function\" && onChange((val as string) + value);\n },\n [onChange, value]\n );\n\n const handlePaste = (e: React.ClipboardEvent) => {\n e.preventDefault();\n const paste = sanitizeAndTrim(e.clipboardData.getData(\"text\"));\n\n const { newPrefix, newValue } = separatePrefixFromValue(paste);\n if (newPrefix !== prefix) {\n setPrefix(newPrefix);\n }\n setValue(newValue);\n\n if (typeof onChange === \"function\") {\n onChange(newPrefix + newValue);\n }\n };\n\n const startAdornmentComponent = useMemo(() => {\n if (options.length > 1) {\n return (\n <InputSelect\n key={prefix}\n size={size}\n onChange={handleSelectChange}\n options={options}\n selected={prefix}\n disabled={disabled}\n />\n );\n } else {\n return (\n <StyledInputSelectTrigger\n key={prefix}\n $disabled={disabled}\n $size={size}\n >\n {prefix}\n </StyledInputSelectTrigger>\n );\n }\n }, [disabled, handleSelectChange, options, prefix, size]);\n\n useEffect(() => {\n if (options.length > 0 && !defaultValue) {\n setPrefix(options[0].id);\n }\n }, [defaultValue, options]);\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=\"InputUrl\"\n startAdornment={startAdornmentComponent}\n />\n );\n }\n);\n\nInputUrl.displayName = \"InputUrl\";\n"],"mappings":"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","ignoreList":[]}

package/dist/esm/components/Input/Styles.js CHANGED Viewed

@@ -22,10 +22,8 @@ export const StyledPasswordIndicator = styled.div.withConfig({
   displayName: "Styles__StyledPasswordIndicator",
   componentId: "sc-ce8kcp-3"
 })(["width:100%;height:4px;border-radius:6px;background-color:", ";"], props => {
-  const {
-    $strength,
-    $index
-  } = props;
+  const $strength = props.$strength,
+    $index = props.$index;
   if ($strength === 0) {
     return "var(--color-theme-300)";
   } else if ($strength === 1) {
@@ -58,9 +56,7 @@ export const StyledFlagTriggerLabel = styled.span.withConfig({
   displayName: "Styles__StyledFlagTriggerLabel",
   componentId: "sc-ce8kcp-5"
 })(["font-size:", ";"], _ref => {
-  let {
-    $size
-  } = _ref;
+  let $size = _ref.$size;
   return $size === "small" ? "20px" : "24px";
 });
 StyledFlagTriggerLabel.displayName = "StyledFlagTriggerLabel";

package/dist/esm/components/Input/Styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Styles.js","names":["styled","css","BoxSizingStyle","FontStyle","InputResetStyle","Body2","StyledInputWrapper","div","withConfig","displayName","componentId","props","$mode","$size","$disabled","$invalid","StyledInput","input","disabled","$loading","align","StyledPasswordIndicatorWrapper","StyledPasswordIndicator","$strength","$index","StyledInputSelectTrigger","StyledFlagTriggerLabel","span","_ref","StyledOptionFlag","StyledOptionName","StyledOptionCode","StyledOptionRowEnd","StyledOptionWrapper"],"sources":["../../../../src/components/Input/Styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\n\nimport { InputProps } from \"./Input\";\nimport { InputMode, InputSize } from \"./types\";\nimport { BoxSizingStyle } from \"../BoxSizingStyle\";\nimport { FontStyle } from \"../FontStyle\";\nimport { InputResetStyle } from \"../InputResetStyle\";\nimport { Body2 } from \"../Typography\";\n\ninterface StyledInputWrapperProps {\n $size?: InputSize;\n $invalid?: boolean;\n $disabled?: boolean;\n $mode?: InputMode;\n}\n\nexport const StyledInputWrapper = styled.div<StyledInputWrapperProps>`\n align-items: center;\n background-color: var(--input-background-color);\n border-color: var(--color-theme-500);\n border-radius: 8px;\n border-style: solid;\n border-width: 1px;\n cursor: text;\n display: flex;\n height: 32px;\n padding-block: 4px;\n padding-inline: 4px;\n transition: all 0.3s ease;\n width: 360px;\n\n ${FontStyle}\n ${BoxSizingStyle}\n\n\n ${(props) =>\n props.$mode === \"flat\" &&\n css`\n background-color: transparent;\n border: none;\n border-radius: none;\n `}\n\n\n ${(props) =>\n props.$size === \"small\" &&\n css`\n border-radius: 6px;\n height: 24px;\n `}\n\n ${(props) =>\n props.$size === \"big\" &&\n css`\n height: 40px;\n `}\n\n ${(props) =>\n props.$size === \"biggest\" &&\n css`\n height: 48px;\n `}\n\n ${(props) =>\n props.$disabled &&\n css`\n cursor: default;\n opacity: 50%;\n `}\n\n ${(props) =>\n !props.$disabled &&\n !props.$invalid &&\n css`\n &:focus-within,\n &:hover {\n border-color: var(--color-primary);\n }\n `}\n\n ${(props) =>\n !props.$disabled &&\n props.$invalid &&\n props.$mode === \"outlined\" &&\n css`\n border-color: var(--red-alert);\n `}\n`;\n\nStyledInputWrapper.displayName = \"StyledInputWrapper\";\n\ninterface StyledInputProps extends Pick<InputProps, \"align\"> {\n $size?: InputSize;\n $loading?: boolean;\n $mode?: InputMode;\n $invalid?: boolean;\n}\n\nexport const StyledInput = styled.input<StyledInputProps>`\n ${BoxSizingStyle}\n ${InputResetStyle}\n background-color: var(--input-background-color);\n border: none;\n color: var(--color-theme-900);\n /* @TODO: Prebaciti velicine fontova, weight, razmake, itd... u naše varijable. */\n font-size: 0.875rem;\n font-weight: 400;\n letter-spacing: 0.02em;\n margin-block: 0;\n margin-inline: 4px;\n outline: none;\n padding: 0;\n width: 100%;\n\n ${(props) =>\n props.$mode === \"flat\" &&\n css`\n background-color: transparent;\n `}\n\n &::placeholder {\n color: var(--color-theme-transparent-500);\n }\n\n ${(props) =>\n props.$size === \"big\" &&\n css`\n font-size: 1rem;\n `}\n\n ${(props) =>\n props.$size === \"biggest\" &&\n css`\n font-size: 1.25rem;\n font-weight: 700;\n `}\n\n ${(props) =>\n props.disabled &&\n css`\n cursor: default;\n `}\n\n ${(props) =>\n props.$loading &&\n css`\n cursor: progress;\n `}\n\n ${(props) =>\n props.align &&\n css`\n text-align: ${props.align};\n `}\n\n ${(props) =>\n props.$mode === \"flat\" &&\n props.$invalid &&\n css`\n color: var(--red-alert);\n `}\n`;\n\nStyledInput.displayName = \"StyledInput\";\n\nexport const StyledPasswordIndicatorWrapper = styled.div`\n display: flex;\n gap: 2px;\n margin-top: 6px;\n margin-bottom: 4px;\n`;\n\nStyledPasswordIndicatorWrapper.displayName = \"StyledPasswordIndicatorWrapper\";\n\nexport const StyledPasswordIndicator = styled.div<{\n $strength: number;\n $index: number;\n}>`\n width: 100%;\n height: 4px;\n border-radius: 6px;\n background-color: ${(props) => {\n const { $strength, $index } = props;\n\n if ($strength === 0) {\n return \"var(--color-theme-300)\";\n } else if ($strength === 1) {\n return $index === 0 ? \"var(--red-alert)\" : \"var(--color-theme-300)\";\n } else if ($strength === 2) {\n return $index < 2 ? \"var(--color-orange)\" : \"var(--color-theme-300)\";\n } else if ($strength === 3) {\n return $index < 3 ? \"var(--color-blue-sky)\" : \"var(--color-theme-300)\";\n } else {\n return \"var(--color-sucess-green)\";\n }\n }};\n`;\n\nStyledPasswordIndicator.displayName = \"StyledPasswordIndicator\";\n\nexport const StyledInputSelectTrigger = styled.div<{\n $size: string;\n $disabled?: boolean;\n}>`\n display: flex;\n gap: 6px;\n align-items: center;\n margin-right: 2px;\n margin-left: 8px;\n color: var(--color-theme-700);\n font-weight: 400;\n letter-spacing: 0.02em;\n font-size: 0.875rem;\n flex-shrink: 0;\n cursor: ${(props) => {\n if (props.$disabled) {\n return \"unset\";\n }\n return \"pointer\";\n }};\n\n pointer-events: ${(props) => {\n if (props.$disabled) {\n return \"none\";\n }\n return \"unset\";\n }};\n\n ${(props) =>\n props.$size === \"big\" &&\n css`\n font-size: 1rem;\n `}\n`;\n\nStyledInputSelectTrigger.displayName = \"StyledInputSelectTrigger\";\n\nexport const StyledFlagTriggerLabel = styled.span<{\n $size: \"small\" \| \"regular\" \| \"big\";\n}>`\n font-size: ${({ $size }) => ($size === \"small\" ? \"20px\" : \"24px\")};\n`;\n\nStyledFlagTriggerLabel.displayName = \"StyledFlagTriggerLabel\";\n\nexport const StyledOptionFlag = styled.span`\n font-size: 24px;\n margin-right: 4px;\n`;\n\nStyledFlagTriggerLabel.displayName = \"StyledOptionFlag\";\n\nexport const StyledOptionName = styled(Body2)`\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n`;\n\nStyledOptionName.displayName = \"StyledOptionName\";\n\nexport const StyledOptionCode = styled(Body2)`\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n margin-left: auto;\n color: var(--color-theme-600);\n flex-shrink: 0;\n`;\n\nStyledOptionCode.displayName = \"StyledOptionCode\";\n\nexport const StyledOptionRowEnd = styled.span`\n display: flex;\n align-items: center;\n gap: 8px;\n`;\n\nStyledOptionRowEnd.displayName = \"StyledOptionRowEnd\";\n\nexport const StyledOptionWrapper = styled.span`\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n margin-right: 8px;\n display: flex;\n justify-items: center;\n align-items: center;\n`;\n\nStyledOptionWrapper.displayName = \"StyledOptionWrapper\";\n"],"mappings":"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","ignoreList":[]}
1	+ {"version":3,"file":"Styles.js","names":["styled","css","BoxSizingStyle","FontStyle","InputResetStyle","Body2","StyledInputWrapper","div","withConfig","displayName","componentId","props","$mode","$size","$disabled","$invalid","StyledInput","input","disabled","$loading","align","StyledPasswordIndicatorWrapper","StyledPasswordIndicator","$strength","$index","StyledInputSelectTrigger","StyledFlagTriggerLabel","span","_ref","StyledOptionFlag","StyledOptionName","StyledOptionCode","StyledOptionRowEnd","StyledOptionWrapper"],"sources":["../../../../src/components/Input/Styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\n\nimport { InputProps } from \"./Input\";\nimport { InputMode, InputSize } from \"./types\";\nimport { BoxSizingStyle } from \"../BoxSizingStyle\";\nimport { FontStyle } from \"../FontStyle\";\nimport { InputResetStyle } from \"../InputResetStyle\";\nimport { Body2 } from \"../Typography\";\n\ninterface StyledInputWrapperProps {\n $size?: InputSize;\n $invalid?: boolean;\n $disabled?: boolean;\n $mode?: InputMode;\n}\n\nexport const StyledInputWrapper = styled.div<StyledInputWrapperProps>`\n align-items: center;\n background-color: var(--input-background-color);\n border-color: var(--color-theme-500);\n border-radius: 8px;\n border-style: solid;\n border-width: 1px;\n cursor: text;\n display: flex;\n height: 32px;\n padding-block: 4px;\n padding-inline: 4px;\n transition: all 0.3s ease;\n width: 360px;\n\n ${FontStyle}\n ${BoxSizingStyle}\n\n\n ${(props) =>\n props.$mode === \"flat\" &&\n css`\n background-color: transparent;\n border: none;\n border-radius: none;\n `}\n\n\n ${(props) =>\n props.$size === \"small\" &&\n css`\n border-radius: 6px;\n height: 24px;\n `}\n\n ${(props) =>\n props.$size === \"big\" &&\n css`\n height: 40px;\n `}\n\n ${(props) =>\n props.$size === \"biggest\" &&\n css`\n height: 48px;\n `}\n\n ${(props) =>\n props.$disabled &&\n css`\n cursor: default;\n opacity: 50%;\n `}\n\n ${(props) =>\n !props.$disabled &&\n !props.$invalid &&\n css`\n &:focus-within,\n &:hover {\n border-color: var(--color-primary);\n }\n `}\n\n ${(props) =>\n !props.$disabled &&\n props.$invalid &&\n props.$mode === \"outlined\" &&\n css`\n border-color: var(--red-alert);\n `}\n`;\n\nStyledInputWrapper.displayName = \"StyledInputWrapper\";\n\ninterface StyledInputProps extends Pick<InputProps, \"align\"> {\n $size?: InputSize;\n $loading?: boolean;\n $mode?: InputMode;\n $invalid?: boolean;\n}\n\nexport const StyledInput = styled.input<StyledInputProps>`\n ${BoxSizingStyle}\n ${InputResetStyle}\n background-color: var(--input-background-color);\n border: none;\n color: var(--color-theme-900);\n /* @TODO: Prebaciti velicine fontova, weight, razmake, itd... u naše varijable. */\n font-size: 0.875rem;\n font-weight: 400;\n letter-spacing: 0.02em;\n margin-block: 0;\n margin-inline: 4px;\n outline: none;\n padding: 0;\n width: 100%;\n\n ${(props) =>\n props.$mode === \"flat\" &&\n css`\n background-color: transparent;\n `}\n\n &::placeholder {\n color: var(--color-theme-transparent-500);\n }\n\n ${(props) =>\n props.$size === \"big\" &&\n css`\n font-size: 1rem;\n `}\n\n ${(props) =>\n props.$size === \"biggest\" &&\n css`\n font-size: 1.25rem;\n font-weight: 700;\n `}\n\n ${(props) =>\n props.disabled &&\n css`\n cursor: default;\n `}\n\n ${(props) =>\n props.$loading &&\n css`\n cursor: progress;\n `}\n\n ${(props) =>\n props.align &&\n css`\n text-align: ${props.align};\n `}\n\n ${(props) =>\n props.$mode === \"flat\" &&\n props.$invalid &&\n css`\n color: var(--red-alert);\n `}\n`;\n\nStyledInput.displayName = \"StyledInput\";\n\nexport const StyledPasswordIndicatorWrapper = styled.div`\n display: flex;\n gap: 2px;\n margin-top: 6px;\n margin-bottom: 4px;\n`;\n\nStyledPasswordIndicatorWrapper.displayName = \"StyledPasswordIndicatorWrapper\";\n\nexport const StyledPasswordIndicator = styled.div<{\n $strength: number;\n $index: number;\n}>`\n width: 100%;\n height: 4px;\n border-radius: 6px;\n background-color: ${(props) => {\n const { $strength, $index } = props;\n\n if ($strength === 0) {\n return \"var(--color-theme-300)\";\n } else if ($strength === 1) {\n return $index === 0 ? \"var(--red-alert)\" : \"var(--color-theme-300)\";\n } else if ($strength === 2) {\n return $index < 2 ? \"var(--color-orange)\" : \"var(--color-theme-300)\";\n } else if ($strength === 3) {\n return $index < 3 ? \"var(--color-blue-sky)\" : \"var(--color-theme-300)\";\n } else {\n return \"var(--color-sucess-green)\";\n }\n }};\n`;\n\nStyledPasswordIndicator.displayName = \"StyledPasswordIndicator\";\n\nexport const StyledInputSelectTrigger = styled.div<{\n $size: string;\n $disabled?: boolean;\n}>`\n display: flex;\n gap: 6px;\n align-items: center;\n margin-right: 2px;\n margin-left: 8px;\n color: var(--color-theme-700);\n font-weight: 400;\n letter-spacing: 0.02em;\n font-size: 0.875rem;\n flex-shrink: 0;\n cursor: ${(props) => {\n if (props.$disabled) {\n return \"unset\";\n }\n return \"pointer\";\n }};\n\n pointer-events: ${(props) => {\n if (props.$disabled) {\n return \"none\";\n }\n return \"unset\";\n }};\n\n ${(props) =>\n props.$size === \"big\" &&\n css`\n font-size: 1rem;\n `}\n`;\n\nStyledInputSelectTrigger.displayName = \"StyledInputSelectTrigger\";\n\nexport const StyledFlagTriggerLabel = styled.span<{\n $size: \"small\" \| \"regular\" \| \"big\";\n}>`\n font-size: ${({ $size }) => ($size === \"small\" ? \"20px\" : \"24px\")};\n`;\n\nStyledFlagTriggerLabel.displayName = \"StyledFlagTriggerLabel\";\n\nexport const StyledOptionFlag = styled.span`\n font-size: 24px;\n margin-right: 4px;\n`;\n\nStyledFlagTriggerLabel.displayName = \"StyledOptionFlag\";\n\nexport const StyledOptionName = styled(Body2)`\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n`;\n\nStyledOptionName.displayName = \"StyledOptionName\";\n\nexport const StyledOptionCode = styled(Body2)`\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n margin-left: auto;\n color: var(--color-theme-600);\n flex-shrink: 0;\n`;\n\nStyledOptionCode.displayName = \"StyledOptionCode\";\n\nexport const StyledOptionRowEnd = styled.span`\n display: flex;\n align-items: center;\n gap: 8px;\n`;\n\nStyledOptionRowEnd.displayName = \"StyledOptionRowEnd\";\n\nexport const StyledOptionWrapper = styled.span`\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n margin-right: 8px;\n display: flex;\n justify-items: center;\n align-items: center;\n`;\n\nStyledOptionWrapper.displayName = \"StyledOptionWrapper\";\n"],"mappings":"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","ignoreList":[]}

package/dist/esm/components/Label/Label.js CHANGED Viewed

@@ -5,15 +5,17 @@ import React, { forwardRef } from "react";
 import classNames from "classnames";
 import { Typography } from "../Typography/Typography";
 export const Label = /*#__PURE__*/forwardRef((_ref, ref) => {
-  let {
-      invalid = false,
-      required = false,
-      size = "regular",
-      children,
-      className,
-      weight = "bold",
-      htmlFor
-    } = _ref,
+  let _ref$invalid = _ref.invalid,
+    invalid = _ref$invalid === void 0 ? false : _ref$invalid,
+    _ref$required = _ref.required,
+    required = _ref$required === void 0 ? false : _ref$required,
+    _ref$size = _ref.size,
+    size = _ref$size === void 0 ? "regular" : _ref$size,
+    children = _ref.children,
+    className = _ref.className,
+    _ref$weight = _ref.weight,
+    weight = _ref$weight === void 0 ? "bold" : _ref$weight,
+    htmlFor = _ref.htmlFor,
     props = _objectWithoutPropertiesLoose(_ref, _excluded);
   const color = invalid ? "alert" : "primary";
   const variant = size === "regular" ? "Body 2" : "Caption 1";