@activecollab/components 2.0.304 → 2.0.307

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

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

@@ -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":[]}
+{"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

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

@@ -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":[]}
+{"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

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

@@ -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":[]}
+{"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

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

@@ -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":[]}
+{"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

@@ -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";

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

@@ -1 +1 @@
-{"version":3,"file":"Label.js","names":["React","forwardRef","classNames","Typography","Label","_ref","ref","invalid","required","size","children","className","weight","htmlFor","props","_objectWithoutPropertiesLoose","_excluded","color","variant","createElement","_extends","as","displayName"],"sources":["../../../../src/components/Label/Label.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\n\nimport classNames from \"classnames\";\n\nimport { ITypographyProps, Typography } from \"../Typography/Typography\";\n\nexport interface ILabelProps {\n  invalid?: boolean;\n  required?: boolean;\n  size?: \"regular\" | \"small\";\n  htmlFor?: string;\n}\n\nexport const Label = forwardRef<\n  HTMLLabelElement,\n  ILabelProps & Omit<ITypographyProps, keyof ILabelProps | \"variant\" | \"color\">\n>(\n  (\n    {\n      invalid = false,\n      required = false,\n      size = \"regular\",\n      children,\n      className,\n      weight = \"bold\",\n      htmlFor,\n      ...props\n    },\n    ref\n  ) => {\n    const color = invalid ? \"alert\" : \"primary\";\n    const variant = size === \"regular\" ? \"Body 2\" : \"Caption 1\";\n\n    return (\n      <Typography\n        as=\"label\"\n        className={classNames(\"c-label\", className)}\n        variant={variant}\n        color={color}\n        weight={weight}\n        ref={ref}\n        htmlFor={htmlFor}\n        {...props}\n      >\n        {children}\n        {required ? \"*\" : null}\n      </Typography>\n    );\n  }\n);\n\nLabel.displayName = \"Label\";\n"],"mappings":";;;AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AAEzC,OAAOC,UAAU,MAAM,YAAY;AAEnC,SAA2BC,UAAU,QAAQ,0BAA0B;AASvE,OAAO,MAAMC,KAAK,gBAAGH,UAAU,CAI7B,CAAAI,IAAA,EAWEC,GAAG,KACA;EAAA,IAXH;MACEC,OAAO,GAAG,KAAK;MACfC,QAAQ,GAAG,KAAK;MAChBC,IAAI,GAAG,SAAS;MAChBC,QAAQ;MACRC,SAAS;MACTC,MAAM,GAAG,MAAM;MACfC;IAEF,CAAC,GAAAR,IAAA;IADIS,KAAK,GAAAC,6BAAA,CAAAV,IAAA,EAAAW,SAAA;EAIV,MAAMC,KAAK,GAAGV,OAAO,GAAG,OAAO,GAAG,SAAS;EAC3C,MAAMW,OAAO,GAAGT,IAAI,KAAK,SAAS,GAAG,QAAQ,GAAG,WAAW;EAE3D,oBACET,KAAA,CAAAmB,aAAA,CAAChB,UAAU,EAAAiB,QAAA;IACTC,EAAE,EAAC,OAAO;IACVV,SAAS,EAAET,UAAU,CAAC,SAAS,EAAES,SAAS,CAAE;IAC5CO,OAAO,EAAEA,OAAQ;IACjBD,KAAK,EAAEA,KAAM;IACbL,MAAM,EAAEA,MAAO;IACfN,GAAG,EAAEA,GAAI;IACTO,OAAO,EAAEA;EAAQ,GACbC,KAAK,GAERJ,QAAQ,EACRF,QAAQ,GAAG,GAAG,GAAG,IACR,CAAC;AAEjB,CACF,CAAC;AAEDJ,KAAK,CAACkB,WAAW,GAAG,OAAO","ignoreList":[]}
+{"version":3,"file":"Label.js","names":["React","forwardRef","classNames","Typography","Label","_ref","ref","_ref$invalid","invalid","_ref$required","required","_ref$size","size","children","className","_ref$weight","weight","htmlFor","props","_objectWithoutPropertiesLoose","_excluded","color","variant","createElement","_extends","as","displayName"],"sources":["../../../../src/components/Label/Label.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\n\nimport classNames from \"classnames\";\n\nimport { ITypographyProps, Typography } from \"../Typography/Typography\";\n\nexport interface ILabelProps {\n  invalid?: boolean;\n  required?: boolean;\n  size?: \"regular\" | \"small\";\n  htmlFor?: string;\n}\n\nexport const Label = forwardRef<\n  HTMLLabelElement,\n  ILabelProps & Omit<ITypographyProps, keyof ILabelProps | \"variant\" | \"color\">\n>(\n  (\n    {\n      invalid = false,\n      required = false,\n      size = \"regular\",\n      children,\n      className,\n      weight = \"bold\",\n      htmlFor,\n      ...props\n    },\n    ref\n  ) => {\n    const color = invalid ? \"alert\" : \"primary\";\n    const variant = size === \"regular\" ? \"Body 2\" : \"Caption 1\";\n\n    return (\n      <Typography\n        as=\"label\"\n        className={classNames(\"c-label\", className)}\n        variant={variant}\n        color={color}\n        weight={weight}\n        ref={ref}\n        htmlFor={htmlFor}\n        {...props}\n      >\n        {children}\n        {required ? \"*\" : null}\n      </Typography>\n    );\n  }\n);\n\nLabel.displayName = \"Label\";\n"],"mappings":";;;AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AAEzC,OAAOC,UAAU,MAAM,YAAY;AAEnC,SAA2BC,UAAU,QAAQ,0BAA0B;AASvE,OAAO,MAAMC,KAAK,gBAAGH,UAAU,CAI7B,CAAAI,IAAA,EAWEC,GAAG,KACA;EAAA,IAAAC,YAAA,GAAAF,IAAA,CAVDG,OAAO;IAAPA,OAAO,GAAAD,YAAA,cAAG,KAAK,GAAAA,YAAA;IAAAE,aAAA,GAAAJ,IAAA,CACfK,QAAQ;IAARA,QAAQ,GAAAD,aAAA,cAAG,KAAK,GAAAA,aAAA;IAAAE,SAAA,GAAAN,IAAA,CAChBO,IAAI;IAAJA,IAAI,GAAAD,SAAA,cAAG,SAAS,GAAAA,SAAA;IAChBE,QAAQ,GAAAR,IAAA,CAARQ,QAAQ;IACRC,SAAS,GAAAT,IAAA,CAATS,SAAS;IAAAC,WAAA,GAAAV,IAAA,CACTW,MAAM;IAANA,MAAM,GAAAD,WAAA,cAAG,MAAM,GAAAA,WAAA;IACfE,OAAO,GAAAZ,IAAA,CAAPY,OAAO;IACJC,KAAK,GAAAC,6BAAA,CAAAd,IAAA,EAAAe,SAAA;EAIV,MAAMC,KAAK,GAAGb,OAAO,GAAG,OAAO,GAAG,SAAS;EAC3C,MAAMc,OAAO,GAAGV,IAAI,KAAK,SAAS,GAAG,QAAQ,GAAG,WAAW;EAE3D,oBACEZ,KAAA,CAAAuB,aAAA,CAACpB,UAAU,EAAAqB,QAAA;IACTC,EAAE,EAAC,OAAO;IACVX,SAAS,EAAEZ,UAAU,CAAC,SAAS,EAAEY,SAAS,CAAE;IAC5CQ,OAAO,EAAEA,OAAQ;IACjBD,KAAK,EAAEA,KAAM;IACbL,MAAM,EAAEA,MAAO;IACfV,GAAG,EAAEA,GAAI;IACTW,OAAO,EAAEA;EAAQ,GACbC,KAAK,GAERL,QAAQ,EACRH,QAAQ,GAAG,GAAG,GAAG,IACR,CAAC;AAEjB,CACF,CAAC;AAEDN,KAAK,CAACsB,WAAW,GAAG,OAAO","ignoreList":[]}

package/dist/esm/components/Links/BackLink.js

@@ -8,10 +8,8 @@ import { StyledBackLink } from "./Styles";
  * Back link component
  */
 export const BackLink = _ref => {
-  let {
-      children,
-      className
-    } = _ref,
+  let children = _ref.children,
+    className = _ref.className,
     args = _objectWithoutPropertiesLoose(_ref, _excluded);
   return /*#__PURE__*/React.createElement(StyledBackLink, _extends({
     className: classNames("c-back-link", className)

package/dist/esm/components/Links/BackLink.js.map

@@ -1 +1 @@
-{"version":3,"file":"BackLink.js","names":["React","classNames","StyledBackLink","BackLink","_ref","children","className","args","_objectWithoutPropertiesLoose","_excluded","createElement","_extends","displayName"],"sources":["../../../../src/components/Links/BackLink.tsx"],"sourcesContent":["import React, { FC, BaseHTMLAttributes } from \"react\";\n\nimport classNames from \"classnames\";\n\nimport { StyledBackLink } from \"./Styles\";\n\nexport interface IBackLinkProps extends BaseHTMLAttributes<HTMLAnchorElement> {\n  /** Children type of node or string */\n  children: string;\n  /** CSS classes */\n  className?: string;\n}\n/**\n * Back link component\n */\nexport const BackLink: FC<IBackLinkProps> = ({\n  children,\n  className,\n  ...args\n}) => {\n  return (\n    <StyledBackLink className={classNames(\"c-back-link\", className)} {...args}>\n      {children}\n    </StyledBackLink>\n  );\n};\n\nBackLink.displayName = \"BackLink\";\n"],"mappings":";;;AAAA,OAAOA,KAAK,MAAkC,OAAO;AAErD,OAAOC,UAAU,MAAM,YAAY;AAEnC,SAASC,cAAc,QAAQ,UAAU;AAQzC;AACA;AACA;AACA,OAAO,MAAMC,QAA4B,GAAGC,IAAA,IAItC;EAAA,IAJuC;MAC3CC,QAAQ;MACRC;IAEF,CAAC,GAAAF,IAAA;IADIG,IAAI,GAAAC,6BAAA,CAAAJ,IAAA,EAAAK,SAAA;EAEP,oBACET,KAAA,CAAAU,aAAA,CAACR,cAAc,EAAAS,QAAA;IAACL,SAAS,EAAEL,UAAU,CAAC,aAAa,EAAEK,SAAS;EAAE,GAAKC,IAAI,GACtEF,QACa,CAAC;AAErB,CAAC;AAEDF,QAAQ,CAACS,WAAW,GAAG,UAAU","ignoreList":[]}
+{"version":3,"file":"BackLink.js","names":["React","classNames","StyledBackLink","BackLink","_ref","children","className","args","_objectWithoutPropertiesLoose","_excluded","createElement","_extends","displayName"],"sources":["../../../../src/components/Links/BackLink.tsx"],"sourcesContent":["import React, { FC, BaseHTMLAttributes } from \"react\";\n\nimport classNames from \"classnames\";\n\nimport { StyledBackLink } from \"./Styles\";\n\nexport interface IBackLinkProps extends BaseHTMLAttributes<HTMLAnchorElement> {\n  /** Children type of node or string */\n  children: string;\n  /** CSS classes */\n  className?: string;\n}\n/**\n * Back link component\n */\nexport const BackLink: FC<IBackLinkProps> = ({\n  children,\n  className,\n  ...args\n}) => {\n  return (\n    <StyledBackLink className={classNames(\"c-back-link\", className)} {...args}>\n      {children}\n    </StyledBackLink>\n  );\n};\n\nBackLink.displayName = \"BackLink\";\n"],"mappings":";;;AAAA,OAAOA,KAAK,MAAkC,OAAO;AAErD,OAAOC,UAAU,MAAM,YAAY;AAEnC,SAASC,cAAc,QAAQ,UAAU;AAQzC;AACA;AACA;AACA,OAAO,MAAMC,QAA4B,GAAGC,IAAA,IAItC;EAAA,IAHJC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IACRC,SAAS,GAAAF,IAAA,CAATE,SAAS;IACNC,IAAI,GAAAC,6BAAA,CAAAJ,IAAA,EAAAK,SAAA;EAEP,oBACET,KAAA,CAAAU,aAAA,CAACR,cAAc,EAAAS,QAAA;IAACL,SAAS,EAAEL,UAAU,CAAC,aAAa,EAAEK,SAAS;EAAE,GAAKC,IAAI,GACtEF,QACa,CAAC;AAErB,CAAC;AAEDF,QAAQ,CAACS,WAAW,GAAG,UAAU","ignoreList":[]}

package/dist/esm/components/Links/Link.js

@@ -9,15 +9,16 @@ import OpenExpandedIcon from "../Icons/collection/OpenExpanded";
  * Link component
  */
 export const Link = /*#__PURE__*/forwardRef((_ref, ref) => {
-  let {
-      as,
-      children,
-      variant = "contained",
-      size,
-      disabled = false,
-      className,
-      isExternal = false
-    } = _ref,
+  let as = _ref.as,
+    children = _ref.children,
+    _ref$variant = _ref.variant,
+    variant = _ref$variant === void 0 ? "contained" : _ref$variant,
+    size = _ref.size,
+    _ref$disabled = _ref.disabled,
+    disabled = _ref$disabled === void 0 ? false : _ref$disabled,
+    className = _ref.className,
+    _ref$isExternal = _ref.isExternal,
+    isExternal = _ref$isExternal === void 0 ? false : _ref$isExternal,
     args = _objectWithoutPropertiesLoose(_ref, _excluded);
   const Component = as || "a";
   return /*#__PURE__*/React.createElement(StyledLink, _extends({

package/dist/esm/components/Links/Link.js.map

@@ -1 +1 @@
-{"version":3,"file":"Link.js","names":["React","forwardRef","classNames","StyledLink","StyledLinkElement","StyledLinkElements","OpenExpandedIcon","Link","_ref","ref","as","children","variant","size","disabled","className","isExternal","args","_objectWithoutPropertiesLoose","_excluded","Component","createElement","_extends","Object","Array","$iconOnly","map","value","index","key","width","height","displayName"],"sources":["../../../../src/components/Links/Link.tsx"],"sourcesContent":["import React, { BaseHTMLAttributes, ReactNode, forwardRef } from \"react\";\n\nimport classNames from \"classnames\";\n\nimport { StyledLink, StyledLinkElement, StyledLinkElements } from \"./Styles\";\nimport {\n  PolymorphicComponentPropsWithRef,\n  PolymorphicRef,\n} from \"../../utils/types\";\nimport OpenExpandedIcon from \"../Icons/collection/OpenExpanded\";\n\nexport interface ILinkProps extends BaseHTMLAttributes<HTMLElement> {\n  /** Children type of node or string */\n  children: ReactNode | string;\n  /** Variant Buttons */\n  variant?:\n    | \"primary\"\n    | \"secondary\"\n    | \"tertiary\"\n    | \"option\"\n    | \"contained\"\n    | \"outlined\"\n    | \"text colored\"\n    | \"text gray\"\n    | \"dark transparent\"\n    | \"circle raised\"\n    | \"text link-primary\"\n    | \"text link-gray\";\n  /** Button size can be big, medium or small */\n  size?: \"big\" | \"small\";\n  /** Disabled prop */\n  disabled?: boolean;\n  /** CSS classes */\n  className?: string;\n  /** Renders an OpenExpanded icon to the right of children */\n  isExternal?: boolean;\n}\n\nexport type LinkProps<C extends React.ElementType> =\n  PolymorphicComponentPropsWithRef<C, ILinkProps>;\n\nexport type LinkComponent = <C extends React.ElementType = \"a\">(\n  props: LinkProps<C>\n) => React.ReactElement | ReactNode | null;\n\n/**\n * Link component\n */\nexport const Link: LinkComponent & { displayName?: string } = forwardRef(\n  // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n  // @ts-ignore - due to @node/types making ts more strict\n  <C extends React.ElementType = \"a\">(\n    {\n      as,\n      children,\n      variant = \"contained\",\n      size,\n      disabled = false,\n      className,\n      isExternal = false,\n      ...args\n    }: LinkProps<C>,\n    ref?: PolymorphicRef<C>\n  ) => {\n    const Component = as || \"a\";\n\n    return (\n      <StyledLink\n        ref={ref}\n        as={Component}\n        disabled={disabled}\n        className={classNames(\"c-link\", className, {\n          \"c-link--contained\": variant === \"primary\" || variant === \"contained\",\n          \"c-link--outlined\": variant === \"secondary\" || variant === \"outlined\",\n          \"c-link--text_colored\":\n            variant === \"tertiary\" || variant === \"text colored\",\n          \"c-link--text_gray\": variant === \"option\" || variant === \"text gray\",\n          \"c-link--dark_transparent\": variant === \"dark transparent\",\n          \"c-link--circle_raised\": variant === \"circle raised\",\n          \"c-link--big\": size === \"big\",\n          \"c-link--small\": size === \"small\",\n          \"c-link--icon-only\":\n            children instanceof Object && !(children instanceof Array),\n          \"c-link--disabled\": disabled,\n        })}\n        variant={variant}\n        size={size}\n        $iconOnly={children instanceof Object && !(children instanceof Array)}\n        {...args}\n      >\n        {children instanceof Array || isExternal ? (\n          <StyledLinkElements className=\"c-link__elements\">\n            {(children instanceof Array ? children : [children]).map(\n              (value, index) =>\n                value ? (\n                  <StyledLinkElement\n                    className=\"c-link__elements__element\"\n                    key={index}\n                  >\n                    {value}\n                  </StyledLinkElement>\n                ) : null\n            )}\n            {isExternal && (\n              <StyledLinkElement className=\"c-link__elements__element\">\n                <OpenExpandedIcon width={16} height={16} />\n              </StyledLinkElement>\n            )}\n          </StyledLinkElements>\n        ) : (\n          children\n        )}\n      </StyledLink>\n    );\n  }\n);\n\nLink.displayName = \"Link\";\n"],"mappings":";;;AAAA,OAAOA,KAAK,IAAmCC,UAAU,QAAQ,OAAO;AAExE,OAAOC,UAAU,MAAM,YAAY;AAEnC,SAASC,UAAU,EAAEC,iBAAiB,EAAEC,kBAAkB,QAAQ,UAAU;AAK5E,OAAOC,gBAAgB,MAAM,kCAAkC;AAoC/D;AACA;AACA;AACA,OAAO,MAAMC,IAA8C,gBAAGN,UAAU,CAGtE,CAAAO,IAAA,EAWEC,GAAuB,KACpB;EAAA,IAXH;MACEC,EAAE;MACFC,QAAQ;MACRC,OAAO,GAAG,WAAW;MACrBC,IAAI;MACJC,QAAQ,GAAG,KAAK;MAChBC,SAAS;MACTC,UAAU,GAAG;IAED,CAAC,GAAAR,IAAA;IADVS,IAAI,GAAAC,6BAAA,CAAAV,IAAA,EAAAW,SAAA;EAIT,MAAMC,SAAS,GAAGV,EAAE,IAAI,GAAG;EAE3B,oBACEV,KAAA,CAAAqB,aAAA,CAAClB,UAAU,EAAAmB,QAAA;IACTb,GAAG,EAAEA,GAAI;IACTC,EAAE,EAAEU,SAAU;IACdN,QAAQ,EAAEA,QAAS;IACnBC,SAAS,EAAEb,UAAU,CAAC,QAAQ,EAAEa,SAAS,EAAE;MACzC,mBAAmB,EAAEH,OAAO,KAAK,SAAS,IAAIA,OAAO,KAAK,WAAW;MACrE,kBAAkB,EAAEA,OAAO,KAAK,WAAW,IAAIA,OAAO,KAAK,UAAU;MACrE,sBAAsB,EACpBA,OAAO,KAAK,UAAU,IAAIA,OAAO,KAAK,cAAc;MACtD,mBAAmB,EAAEA,OAAO,KAAK,QAAQ,IAAIA,OAAO,KAAK,WAAW;MACpE,0BAA0B,EAAEA,OAAO,KAAK,kBAAkB;MAC1D,uBAAuB,EAAEA,OAAO,KAAK,eAAe;MACpD,aAAa,EAAEC,IAAI,KAAK,KAAK;MAC7B,eAAe,EAAEA,IAAI,KAAK,OAAO;MACjC,mBAAmB,EACjBF,QAAQ,YAAYY,MAAM,IAAI,EAAEZ,QAAQ,YAAYa,KAAK,CAAC;MAC5D,kBAAkB,EAAEV;IACtB,CAAC,CAAE;IACHF,OAAO,EAAEA,OAAQ;IACjBC,IAAI,EAAEA,IAAK;IACXY,SAAS,EAAEd,QAAQ,YAAYY,MAAM,IAAI,EAAEZ,QAAQ,YAAYa,KAAK;EAAE,GAClEP,IAAI,GAEPN,QAAQ,YAAYa,KAAK,IAAIR,UAAU,gBACtChB,KAAA,CAAAqB,aAAA,CAAChB,kBAAkB;IAACU,SAAS,EAAC;EAAkB,GAC7C,CAACJ,QAAQ,YAAYa,KAAK,GAAGb,QAAQ,GAAG,CAACA,QAAQ,CAAC,EAAEe,GAAG,CACtD,CAACC,KAAK,EAAEC,KAAK,KACXD,KAAK,gBACH3B,KAAA,CAAAqB,aAAA,CAACjB,iBAAiB;IAChBW,SAAS,EAAC,2BAA2B;IACrCc,GAAG,EAAED;EAAM,GAEVD,KACgB,CAAC,GAClB,IACR,CAAC,EACAX,UAAU,iBACThB,KAAA,CAAAqB,aAAA,CAACjB,iBAAiB;IAACW,SAAS,EAAC;EAA2B,gBACtDf,KAAA,CAAAqB,aAAA,CAACf,gBAAgB;IAACwB,KAAK,EAAE,EAAG;IAACC,MAAM,EAAE;EAAG,CAAE,CACzB,CAEH,CAAC,GAErBpB,QAEQ,CAAC;AAEjB,CACF,CAAC;AAEDJ,IAAI,CAACyB,WAAW,GAAG,MAAM","ignoreList":[]}
+{"version":3,"file":"Link.js","names":["React","forwardRef","classNames","StyledLink","StyledLinkElement","StyledLinkElements","OpenExpandedIcon","Link","_ref","ref","as","children","_ref$variant","variant","size","_ref$disabled","disabled","className","_ref$isExternal","isExternal","args","_objectWithoutPropertiesLoose","_excluded","Component","createElement","_extends","Object","Array","$iconOnly","map","value","index","key","width","height","displayName"],"sources":["../../../../src/components/Links/Link.tsx"],"sourcesContent":["import React, { BaseHTMLAttributes, ReactNode, forwardRef } from \"react\";\n\nimport classNames from \"classnames\";\n\nimport { StyledLink, StyledLinkElement, StyledLinkElements } from \"./Styles\";\nimport {\n  PolymorphicComponentPropsWithRef,\n  PolymorphicRef,\n} from \"../../utils/types\";\nimport OpenExpandedIcon from \"../Icons/collection/OpenExpanded\";\n\nexport interface ILinkProps extends BaseHTMLAttributes<HTMLElement> {\n  /** Children type of node or string */\n  children: ReactNode | string;\n  /** Variant Buttons */\n  variant?:\n    | \"primary\"\n    | \"secondary\"\n    | \"tertiary\"\n    | \"option\"\n    | \"contained\"\n    | \"outlined\"\n    | \"text colored\"\n    | \"text gray\"\n    | \"dark transparent\"\n    | \"circle raised\"\n    | \"text link-primary\"\n    | \"text link-gray\";\n  /** Button size can be big, medium or small */\n  size?: \"big\" | \"small\";\n  /** Disabled prop */\n  disabled?: boolean;\n  /** CSS classes */\n  className?: string;\n  /** Renders an OpenExpanded icon to the right of children */\n  isExternal?: boolean;\n}\n\nexport type LinkProps<C extends React.ElementType> =\n  PolymorphicComponentPropsWithRef<C, ILinkProps>;\n\nexport type LinkComponent = <C extends React.ElementType = \"a\">(\n  props: LinkProps<C>\n) => React.ReactElement | ReactNode | null;\n\n/**\n * Link component\n */\nexport const Link: LinkComponent & { displayName?: string } = forwardRef(\n  // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n  // @ts-ignore - due to @node/types making ts more strict\n  <C extends React.ElementType = \"a\">(\n    {\n      as,\n      children,\n      variant = \"contained\",\n      size,\n      disabled = false,\n      className,\n      isExternal = false,\n      ...args\n    }: LinkProps<C>,\n    ref?: PolymorphicRef<C>\n  ) => {\n    const Component = as || \"a\";\n\n    return (\n      <StyledLink\n        ref={ref}\n        as={Component}\n        disabled={disabled}\n        className={classNames(\"c-link\", className, {\n          \"c-link--contained\": variant === \"primary\" || variant === \"contained\",\n          \"c-link--outlined\": variant === \"secondary\" || variant === \"outlined\",\n          \"c-link--text_colored\":\n            variant === \"tertiary\" || variant === \"text colored\",\n          \"c-link--text_gray\": variant === \"option\" || variant === \"text gray\",\n          \"c-link--dark_transparent\": variant === \"dark transparent\",\n          \"c-link--circle_raised\": variant === \"circle raised\",\n          \"c-link--big\": size === \"big\",\n          \"c-link--small\": size === \"small\",\n          \"c-link--icon-only\":\n            children instanceof Object && !(children instanceof Array),\n          \"c-link--disabled\": disabled,\n        })}\n        variant={variant}\n        size={size}\n        $iconOnly={children instanceof Object && !(children instanceof Array)}\n        {...args}\n      >\n        {children instanceof Array || isExternal ? (\n          <StyledLinkElements className=\"c-link__elements\">\n            {(children instanceof Array ? children : [children]).map(\n              (value, index) =>\n                value ? (\n                  <StyledLinkElement\n                    className=\"c-link__elements__element\"\n                    key={index}\n                  >\n                    {value}\n                  </StyledLinkElement>\n                ) : null\n            )}\n            {isExternal && (\n              <StyledLinkElement className=\"c-link__elements__element\">\n                <OpenExpandedIcon width={16} height={16} />\n              </StyledLinkElement>\n            )}\n          </StyledLinkElements>\n        ) : (\n          children\n        )}\n      </StyledLink>\n    );\n  }\n);\n\nLink.displayName = \"Link\";\n"],"mappings":"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","ignoreList":[]}

package/dist/esm/components/List/List.js

@@ -6,10 +6,8 @@ import { ListItem } from "./ListItem";
 import { ListSeparator } from "./ListSeparator";
 import { StyledList } from "./Styles";
 export const _List = /*#__PURE__*/forwardRef((_ref, ref) => {
-  let {
-      children,
-      className
-    } = _ref,
+  let children = _ref.children,
+    className = _ref.className,
     props = _objectWithoutPropertiesLoose(_ref, _excluded);
   return /*#__PURE__*/React.createElement(StyledList, _extends({
     className: className,

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

@@ -1 +1 @@
-{"version":3,"file":"List.js","names":["React","forwardRef","ListItem","ListSeparator","StyledList","_List","_ref","ref","children","className","props","_objectWithoutPropertiesLoose","_excluded","createElement","_extends","tabIndex","displayName","List","Object","assign","Item","Separator"],"sources":["../../../../src/components/List/List.tsx"],"sourcesContent":["import React, {\n  forwardRef,\n  HTMLAttributes,\n  Ref,\n  PropsWithChildren,\n} from \"react\";\n\nimport { ListItem } from \"./ListItem\";\nimport { ListSeparator } from \"./ListSeparator\";\nimport { StyledList } from \"./Styles\";\n\nexport interface ListProps {\n  /** Applies passed classes */\n  className?: string;\n}\n\nexport const _List = forwardRef(\n  (\n    {\n      children,\n      className,\n      ...props\n    }: PropsWithChildren<ListProps> & HTMLAttributes<HTMLUListElement>,\n    ref: Ref<HTMLUListElement> | null | undefined\n  ) => {\n    return (\n      <StyledList className={className} ref={ref} tabIndex={-1} {...props}>\n        {children}\n      </StyledList>\n    );\n  }\n);\n\n_List.displayName = \"List\";\n\n// https://github.com/DefinitelyTyped/DefinitelyTyped/issues/34757\nexport const List = Object.assign({}, _List, {\n  Item: ListItem,\n  Separator: ListSeparator,\n});\n"],"mappings":";;;AAAA,OAAOA,KAAK,IACVC,UAAU,QAIL,OAAO;AAEd,SAASC,QAAQ,QAAQ,YAAY;AACrC,SAASC,aAAa,QAAQ,iBAAiB;AAC/C,SAASC,UAAU,QAAQ,UAAU;AAOrC,OAAO,MAAMC,KAAK,gBAAGJ,UAAU,CAC7B,CAAAK,IAAA,EAMEC,GAA6C,KAC1C;EAAA,IANH;MACEC,QAAQ;MACRC;IAE+D,CAAC,GAAAH,IAAA;IAD7DI,KAAK,GAAAC,6BAAA,CAAAL,IAAA,EAAAM,SAAA;EAIV,oBACEZ,KAAA,CAAAa,aAAA,CAACT,UAAU,EAAAU,QAAA;IAACL,SAAS,EAAEA,SAAU;IAACF,GAAG,EAAEA,GAAI;IAACQ,QAAQ,EAAE,CAAC;EAAE,GAAKL,KAAK,GAChEF,QACS,CAAC;AAEjB,CACF,CAAC;AAEDH,KAAK,CAACW,WAAW,GAAG,MAAM;;AAE1B;AACA,OAAO,MAAMC,IAAI,GAAGC,MAAM,CAACC,MAAM,CAAC,CAAC,CAAC,EAAEd,KAAK,EAAE;EAC3Ce,IAAI,EAAElB,QAAQ;EACdmB,SAAS,EAAElB;AACb,CAAC,CAAC","ignoreList":[]}
+{"version":3,"file":"List.js","names":["React","forwardRef","ListItem","ListSeparator","StyledList","_List","_ref","ref","children","className","props","_objectWithoutPropertiesLoose","_excluded","createElement","_extends","tabIndex","displayName","List","Object","assign","Item","Separator"],"sources":["../../../../src/components/List/List.tsx"],"sourcesContent":["import React, {\n  forwardRef,\n  HTMLAttributes,\n  Ref,\n  PropsWithChildren,\n} from \"react\";\n\nimport { ListItem } from \"./ListItem\";\nimport { ListSeparator } from \"./ListSeparator\";\nimport { StyledList } from \"./Styles\";\n\nexport interface ListProps {\n  /** Applies passed classes */\n  className?: string;\n}\n\nexport const _List = forwardRef(\n  (\n    {\n      children,\n      className,\n      ...props\n    }: PropsWithChildren<ListProps> & HTMLAttributes<HTMLUListElement>,\n    ref: Ref<HTMLUListElement> | null | undefined\n  ) => {\n    return (\n      <StyledList className={className} ref={ref} tabIndex={-1} {...props}>\n        {children}\n      </StyledList>\n    );\n  }\n);\n\n_List.displayName = \"List\";\n\n// https://github.com/DefinitelyTyped/DefinitelyTyped/issues/34757\nexport const List = Object.assign({}, _List, {\n  Item: ListItem,\n  Separator: ListSeparator,\n});\n"],"mappings":";;;AAAA,OAAOA,KAAK,IACVC,UAAU,QAIL,OAAO;AAEd,SAASC,QAAQ,QAAQ,YAAY;AACrC,SAASC,aAAa,QAAQ,iBAAiB;AAC/C,SAASC,UAAU,QAAQ,UAAU;AAOrC,OAAO,MAAMC,KAAK,gBAAGJ,UAAU,CAC7B,CAAAK,IAAA,EAMEC,GAA6C,KAC1C;EAAA,IALDC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;IACRC,SAAS,GAAAH,IAAA,CAATG,SAAS;IACNC,KAAK,GAAAC,6BAAA,CAAAL,IAAA,EAAAM,SAAA;EAIV,oBACEZ,KAAA,CAAAa,aAAA,CAACT,UAAU,EAAAU,QAAA;IAACL,SAAS,EAAEA,SAAU;IAACF,GAAG,EAAEA,GAAI;IAACQ,QAAQ,EAAE,CAAC;EAAE,GAAKL,KAAK,GAChEF,QACS,CAAC;AAEjB,CACF,CAAC;AAEDH,KAAK,CAACW,WAAW,GAAG,MAAM;;AAE1B;AACA,OAAO,MAAMC,IAAI,GAAGC,MAAM,CAACC,MAAM,CAAC,CAAC,CAAC,EAAEd,KAAK,EAAE;EAC3Ce,IAAI,EAAElB,QAAQ;EACdmB,SAAS,EAAElB;AACb,CAAC,CAAC","ignoreList":[]}

package/dist/esm/components/List/ListItem.js

@@ -5,10 +5,8 @@ import React, { forwardRef } from "react";
 import classnames from "classnames";
 import { StyledListItem } from "./Styles";
 export const ListItem = /*#__PURE__*/forwardRef((_ref, ref) => {
-  let {
-      children,
-      className
-    } = _ref,
+  let children = _ref.children,
+    className = _ref.className,
     props = _objectWithoutPropertiesLoose(_ref, _excluded);
   return /*#__PURE__*/React.createElement(StyledListItem, _extends({
     className: classnames("c-list-item", className),