@activecollab/components 2.0.206 → 2.0.208

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

@@ -1 +1 @@
-{"version":3,"file":"ComboBox.js","names":["React","useCallback","useState","useEffect","useRef","useMemo","Fragment","RemoveScroll","classNames","StyledComboBoxCloseSmallIcon","StyledComboBoxCollapseExpandSingleIcon","StyledComboBoxInput","StyledComboBoxList","StyledChipWrapper","Portal","ConditionalWrapper","useIsFirstRender","useOnClickOutside","useForkRef","Autocomplete","isOptionGroup","Avatar","Checkbox","Chip","IconButton","InputAdornment","StyledInput","StyledInputWrapper","SpinnerLoader","MultiAvatar","Popper","RadioButton","OptionContent","Trigger","Typography","sizeMap","small","regular","big","biggest","ComboBox","_ref","_comboBoxRef$current2","_comboBoxRef$current3","options","selected","loading","loadingText","onChange","onInputChange","placeholder","handleEmptyAction","disabled","size","invalid","type","renderChip","forceCloseMenu","renderOption","limitChips","hiddenNumberText","inPortal","inputWrapperClassName","scrollWrapper","onClose","onClear","onDeselect","defaultValue","open","defaultOpen","onOpen","triggerMode","noResultText","emptyValue","prop","selectedName","value","map","v","find","q","id","name","setValue","focused","setFocused","handleOnChange","e","target","childNode","elementRef","handleRef","wrapperRef","chipWrapper","comboBoxRef","setOpen","isFirstRender","_comboBoxRef$current","current","contains","handleOnKeyDown","key","stopPropagation","_childNode$current","_childNode$current2","focus","blur","emptyAction","handleChange","selectedValue","handleOpen","handleRenderOption","option","props","createElement","imageUrl","image","color","textColor","handleDeselect","handleMouseDown","preventDefault","handleBlur","renderChipAdornment","index","avatarProps","startAdornment","_StyledAvatar","_extends","url","$_css","$_css2","undefined","Array","isArray","includes","newSelected","filter","item","showOnClose","className","label","backgroundColor","chipColor","autoSize","length","elements","total","forEach","isGrouped","push","groupedOptions","o","_index","hidden","splice","_StyledTypography","variant","optionItem","child","avatarSize","showXIcon","hasSelected","showMenu","hasOptions","valueExists","toString","isValueInOptions","some","_StyledStyledInputWrapper","$disabled","$size","$invalid","ref","$mode","onClick","_elementRef$current","click","$_css3","$_css4","_StyledStyledChipWrapper","$autoSize","$open","$_css5","onBlur","onFocus","onKeyDown","$loading","style","display","flex","alignSelf","width","_StyledTrigger","onMouseDown","wrapperClick","mode","wrapRef","endAdornment","disablePointerEvents","condition","wrap","children","anchorEl","placement","zIndex","clientWidth","strategy","noIsolation","allowPinchZoom","$width","$hide","inputEl","displayName","_styled","withConfig","componentId","p"],"sources":["../../../../src/components/ComboBox/ComboBox.tsx"],"sourcesContent":["import React, {\n  FC,\n  useCallback,\n  useState,\n  useEffect,\n  useRef,\n  useMemo,\n  Fragment,\n} from \"react\";\nimport { RemoveScroll } from \"react-remove-scroll\";\n\nimport classNames from \"classnames\";\nimport tw from \"twin.macro\";\n\nimport {\n  StyledComboBoxCloseSmallIcon,\n  StyledComboBoxCollapseExpandSingleIcon,\n  StyledComboBoxInput,\n  StyledComboBoxList,\n  StyledChipWrapper,\n} from \"./Styles\";\nimport { Portal } from \"../../helpers\";\nimport { ConditionalWrapper } from \"../../helpers/ConditionWrapper/ConditionWrapper\";\nimport { useIsFirstRender } from \"../../hooks/useIsFirstRender\";\nimport { useOnClickOutside } from \"../../hooks/useOnClickOutside\";\nimport useForkRef from \"../../utils/useForkRef\";\nimport { Autocomplete } from \"../Autocomplete\";\nimport {\n  IAutocompleteProps,\n  isOptionGroup,\n} from \"../Autocomplete/Autocomplete\";\nimport { Avatar, AvatarProps } from \"../Avatar\";\nimport { Checkbox } from \"../Checkbox\";\nimport { Chip } from \"../Chip\";\nimport { IconButton } from \"../IconButton\";\nimport { InputAdornment } from \"../Input/InputAdornment\";\nimport { StyledInput, StyledInputWrapper } from \"../Input/Styles\";\nimport { InputMode, InputSize } from \"../Input/types\";\nimport { SpinnerLoader } from \"../Loaders/Spinner/SpinnerLoader\";\nimport { MultiAvatar } from \"../MultiAvatar\";\nimport { Popper } from \"../Popper\";\nimport { RadioButton } from \"../RadioButton\";\nimport { IOptionGroupProps, IOptionItemProps } from \"../Select\";\nimport { OptionContent } from \"../Select/OptionContent/OptionContent\";\nimport { Trigger } from \"../Trigger\";\nimport { Typography } from \"../Typography/Typography\";\n\nconst sizeMap = {\n  small: 18,\n  regular: 24,\n  big: 30,\n  biggest: 40,\n};\n\nexport interface IComboBoxProps\n  extends Omit<\n    IAutocompleteProps,\n    \"handleChange\" | \"inputEl\" | \"clearInputOnSelect\"\n  > {\n  /** Set combobox in to loading state */\n  loading?: boolean;\n  /** Text to display while in loading state */\n  loadingText?: string;\n  /** onChange callback */\n  onChange?: (\n    e: (string | number)[] | string | number | null | undefined\n  ) => void;\n  /** onInputChange callback */\n  onInputChange?: (text: string) => void;\n  /** Placeholder for Select input */\n  placeholder?: string;\n  /** disable Input element */\n  disabled?: boolean;\n  /** Combobox size */\n  size?: InputSize;\n  /** Invalid state */\n  invalid?: boolean;\n  /** Render Chip */\n  renderChip?: <T extends IOptionItemProps>(\n    item: T,\n    key?: string | number\n  ) => JSX.Element;\n  /** Close menu on change */\n  forceCloseMenu?: boolean;\n  /** Limit chips */\n  limitChips?: number;\n  /** Hidden number text */\n  hiddenNumberText?: (hidden: number) => string;\n  /** Render Autocomplete in <Portal> */\n  inPortal?: boolean;\n  /** inputWrapperClassName */\n  inputWrapperClassName?: string;\n  /** scrollWrapper */\n  scrollWrapper?: boolean;\n  /** onClose (f) will be called when Popper closes */\n  onClose?: () => void;\n  /** onOpen (f) will be called when Popper opens */\n  onOpen?: () => void;\n  /** onClear (f) will be called when user clear input on X icon*/\n  onClear?: () => void;\n  onDeselect?: () => void;\n  open?: boolean;\n  triggerMode?: InputMode;\n}\n\nexport const ComboBox: FC<IComboBoxProps> = ({\n  options = [],\n  selected,\n  loading = false,\n  loadingText,\n  onChange,\n  onInputChange,\n  placeholder,\n  handleEmptyAction,\n  disabled = false,\n  size = \"regular\",\n  invalid = false,\n  type = \"single\",\n  renderChip,\n  forceCloseMenu = type === \"single\",\n  renderOption,\n  limitChips = 2,\n  hiddenNumberText,\n  inPortal = false,\n  inputWrapperClassName,\n  scrollWrapper,\n  onClose,\n  onClear,\n  onDeselect,\n  defaultValue,\n  open: defaultOpen = false,\n  onOpen,\n  triggerMode,\n  noResultText,\n  emptyValue,\n  ...prop\n}) => {\n  const selectedName = useMemo(() => {\n    let value = \"\";\n    if (!selected) {\n      return value;\n    }\n    options.map((v) => {\n      if ((v as IOptionGroupProps)?.options) {\n        return (v as IOptionGroupProps).options.find((q) => {\n          if (q.id === selected) {\n            value = q.name;\n            return;\n          }\n        });\n      } else {\n        if (v.id === selected) {\n          value = v.name;\n          return;\n        }\n      }\n    });\n    return value;\n  }, [options, selected]);\n  const [value, setValue] = useState(selectedName);\n  const [focused, setFocused] = useState<boolean>(false);\n  const handleOnChange = useCallback(\n    (e) => {\n      setValue(e.target.value);\n      onInputChange?.(e.target.value);\n    },\n    [onInputChange]\n  );\n  const childNode = useRef<HTMLInputElement | null>();\n  const elementRef = useRef<HTMLInputElement | null>(null);\n  const handleRef = useForkRef(childNode, elementRef);\n  const wrapperRef = useRef<HTMLDivElement>(null);\n  const chipWrapper = useRef<HTMLDivElement>(null);\n  const comboBoxRef = useRef<HTMLDivElement | null>(null);\n\n  const [open, setOpen] = useState(defaultOpen);\n  const isFirstRender = useIsFirstRender();\n\n  useOnClickOutside(wrapperRef, (e) => {\n    if (e.target && comboBoxRef.current?.contains(e.target as Node)) {\n      return;\n    }\n    setOpen(false);\n  });\n\n  const handleOnKeyDown = useCallback(\n    (e) => {\n      if (e.key === \"Escape\" && open) {\n        setOpen(false);\n        setValue(selectedName);\n        e.stopPropagation();\n      }\n\n      if (e.key === \"Enter\" && type === \"multiple\") {\n        setValue(\"\");\n      }\n\n      if (e.key === \"Enter\" && !open && focused) {\n        setOpen(true);\n        onOpen?.();\n      }\n    },\n    [focused, onOpen, open, selectedName, type]\n  );\n\n  useEffect(() => {\n    open && childNode?.current?.focus();\n    !open && childNode?.current?.blur();\n  }, [childNode, open]);\n\n  useEffect(() => {\n    setValue(selectedName);\n  }, [selectedName]);\n\n  useEffect(() => {\n    if (open !== defaultOpen) setOpen(defaultOpen);\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [defaultOpen]);\n\n  useEffect(() => {\n    if (!open && !isFirstRender && !focused) {\n      if (typeof onClose === \"function\") {\n        onClose();\n      }\n    }\n  }, [focused, isFirstRender, onClose, open]);\n\n  const emptyAction = useCallback(\n    (v) => {\n      handleEmptyAction?.(v);\n      setOpen(false);\n    },\n    [handleEmptyAction]\n  );\n\n  const handleChange = useCallback(\n    (selectedValue) => {\n      if (selectedValue !== selected && typeof onChange === \"function\") {\n        onChange(selectedValue);\n      }\n      if (forceCloseMenu) {\n        setOpen(false);\n      }\n    },\n    [forceCloseMenu, onChange, selected]\n  );\n\n  const handleOpen = useCallback(() => {\n    if (!disabled) {\n      setOpen(true);\n      onOpen?.();\n    }\n  }, [disabled, onOpen]);\n\n  const handleRenderOption = useCallback(\n    (option, props) => {\n      if (typeof renderOption === \"function\") {\n        return renderOption(option, props);\n      }\n      if (type === \"multiple\") {\n        return (\n          <>\n            <OptionContent\n              imageUrl={option.image}\n              color={option.color}\n              textColor={option.textColor}\n              name={option.name}\n            />\n            <Checkbox {...props} />\n          </>\n        );\n      }\n      return (\n        <>\n          <OptionContent\n            imageUrl={option.image}\n            color={option.color}\n            textColor={option.textColor}\n            name={option.name}\n          />\n          <RadioButton {...props} />\n        </>\n      );\n    },\n    [type, renderOption]\n  );\n\n  const handleDeselect = useCallback(\n    (e) => {\n      e.stopPropagation();\n      if (typeof onDeselect === \"function\") {\n        onDeselect();\n      } else if (type === \"multiple\") {\n        onChange?.([]);\n      } else {\n        onChange?.(\"\");\n      }\n\n      onClear?.();\n      setOpen(false);\n    },\n    [type, onChange, onClear, onDeselect]\n  );\n\n  const handleMouseDown = useCallback((e) => {\n    e.preventDefault();\n  }, []);\n\n  const handleBlur = useCallback(() => {\n    setValue(selectedName);\n    setFocused(!focused);\n  }, [focused, selectedName]);\n\n  const renderChipAdornment = useCallback(\n    (option, index) => {\n      if (typeof renderChip === \"function\") {\n        return renderChip(option, index);\n      }\n      const avatarProps: Partial<AvatarProps> = {\n        size: 18,\n      };\n      switch (size) {\n        case \"big\":\n          avatarProps.size = 22;\n          break;\n        case \"small\":\n          avatarProps.size = 14;\n          break;\n      }\n      const startAdornment = option.image ? (\n        <Avatar\n          css={`\n            ${tw`tw-my-0.5`}\n            ${tw`tw-mr-0.5`}\n          `}\n          url={option.image}\n          {...avatarProps}\n        />\n      ) : undefined;\n\n      const onClose = (e) => {\n        e.preventDefault();\n        e.stopPropagation();\n        if (Array.isArray(selected) && selected.includes(option.id)) {\n          if (typeof onChange === \"function\") {\n            const newSelected = selected.filter((item) => item !== option.id);\n            onChange(newSelected);\n          }\n        }\n      };\n\n      let showOnClose = true;\n      if (disabled) {\n        showOnClose = false;\n      }\n      if (option.color) {\n        showOnClose = false;\n      }\n\n      return (\n        <Chip\n          className=\"c-combo-box-chip\"\n          startAdornment={startAdornment}\n          label={option.name}\n          key={index}\n          backgroundColor={option.color}\n          color={option.chipColor}\n          onClose={showOnClose ? onClose : undefined}\n          size={size}\n        />\n      );\n    },\n    [disabled, onChange, renderChip, selected, size]\n  );\n\n  const autoSize = useMemo(() => {\n    if (\n      type === \"multiple\" &&\n      open &&\n      Array.isArray(selected) &&\n      selected.length > 1\n    ) {\n      return \"auto\";\n    }\n    return size;\n  }, [open, selected, size, type]);\n\n  const startAdornment = useMemo(() => {\n    if (type === \"multiple\" && Array.isArray(selected) && selected.length > 0) {\n      const elements: JSX.Element[] = [];\n      let total = 0;\n      options.forEach((option, index) => {\n        const isGrouped = isOptionGroup(option);\n        if (selected.includes(option.id) && !isGrouped) {\n          total = total + 1;\n          elements.push(renderChipAdornment(option, index));\n        } else if (isGrouped) {\n          const groupedOptions = option.options.filter((o) =>\n            selected.includes(o.id)\n          );\n          total = total + groupedOptions.length;\n          if (groupedOptions.length > 0) {\n            groupedOptions.forEach((o, _index) => {\n              elements.push(renderChipAdornment(o, `${index}_${_index}`));\n            });\n          }\n        }\n      });\n      let hidden = 0;\n      if (!open && limitChips > 0 && elements.length > limitChips) {\n        hidden = elements.splice(\n          limitChips,\n          elements.length - limitChips\n        ).length;\n      }\n\n      return (\n        <Fragment>\n          {elements}\n          {hidden > 0 && (\n            <Typography\n              variant={\n                size === \"small\"\n                  ? \"Caption 1\"\n                  : size === \"regular\"\n                  ? \"Body 2\"\n                  : \"Body 1\"\n              }\n              css={`\n                display: flex;\n                flex-shrink: 0;\n                align-items: center;\n              `}\n            >\n              {typeof hiddenNumberText === \"function\"\n                ? hiddenNumberText(hidden)\n                : `+${hidden}`}\n            </Typography>\n          )}\n        </Fragment>\n      );\n    }\n    if (type === \"single\" && selected) {\n      let optionItem;\n      options.forEach((option) => {\n        if (isOptionGroup(option)) {\n          optionItem = option.options.find((child) => child.id === selected);\n        } else if (!optionItem && option.id === selected) {\n          optionItem = option;\n        }\n      });\n      if (optionItem && optionItem.image) {\n        const avatarSize = size === \"big\" ? 22 : size === \"regular\" ? 18 : 14;\n        if (Array.isArray(optionItem.image)) {\n          return <MultiAvatar url={optionItem.image} size={avatarSize} />;\n        }\n        return <Avatar url={optionItem.image} size={avatarSize} />;\n      }\n    }\n\n    return undefined;\n  }, [\n    type,\n    selected,\n    options,\n    open,\n    limitChips,\n    hiddenNumberText,\n    renderChipAdornment,\n    size,\n  ]);\n\n  const showXIcon =\n    Array.isArray(selected) && type === \"multiple\" && selected.length > 0;\n\n  const hasSelected =\n    type === \"multiple\" && Array.isArray(selected) && selected.length > 0;\n\n  const showMenu = useMemo(() => {\n    const hasOptions = options?.length > 0;\n\n    const valueExists = (option: IOptionItemProps) =>\n      option.id.toString().includes(value) || option.name.includes(value);\n\n    const isValueInOptions = options?.some((option) =>\n      isOptionGroup(option)\n        ? option.options.some(valueExists)\n        : valueExists(option)\n    );\n\n    return (\n      (hasOptions && (!!defaultValue || !value)) ||\n      (value && (isValueInOptions || emptyValue || noResultText))\n    );\n  }, [defaultValue, emptyValue, noResultText, options, value]);\n\n  return (\n    <div className=\"c-combo-box\">\n      {type === \"multiple\" ? (\n        <>\n          <StyledInputWrapper\n            $disabled={disabled}\n            $size={size}\n            $invalid={invalid}\n            ref={comboBoxRef}\n            $mode={triggerMode}\n            css={`\n              display: flex;\n              justify-content: space-between;\n              flex: 1;\n              height: ${autoSize === \"auto\" ? \"auto\" : undefined};\n              overflow-y: ${autoSize === \"auto\" && scrollWrapper\n                ? \"scroll\"\n                : undefined};\n            `}\n            className={classNames(\n              \"c-combo-box-input-wrapper\",\n              inputWrapperClassName\n            )}\n            onClick={() => {\n              elementRef.current?.click();\n            }}\n          >\n            <StyledChipWrapper\n              $autoSize={autoSize}\n              $open={open}\n              ref={chipWrapper}\n              css={`\n                max-height: ${autoSize === \"auto\" && scrollWrapper\n                  ? sizeMap[size] * 3 + 8 + \"px\"\n                  : undefined};\n              `}\n            >\n              {startAdornment}\n              <StyledInput\n                className=\"c-combo-box-input\"\n                onBlur={handleBlur}\n                onFocus={() => {\n                  setFocused(!focused);\n                }}\n                onClick={handleOpen}\n                ref={handleRef}\n                value={loading && loadingText ? loadingText : value}\n                onKeyDown={handleOnKeyDown}\n                onChange={handleOnChange}\n                placeholder={!hasSelected ? placeholder : undefined}\n                $mode={triggerMode}\n                disabled={disabled}\n                $size={size}\n                $loading={loading}\n                style={{\n                  display: \"flex\",\n                  flex: 1,\n                  alignSelf: \"center\",\n                  width: autoSize === \"auto\" ? \"auto\" : \"100%\",\n                }}\n              />\n            </StyledChipWrapper>\n            {!disabled && (\n              <>\n                {loading ? (\n                  <SpinnerLoader />\n                ) : (\n                  <>\n                    {showXIcon && (\n                      <Trigger\n                        onMouseDown={handleMouseDown}\n                        onClick={handleDeselect}\n                        data-testid=\"deselect-all\"\n                        css={`\n                          display: flex;\n                          justify-content: center;\n                        `}\n                      >\n                        <StyledComboBoxCloseSmallIcon />\n                      </Trigger>\n                    )}\n                    {showMenu && (\n                      <StyledComboBoxCollapseExpandSingleIcon $open={open} />\n                    )}\n                  </>\n                )}\n              </>\n            )}\n          </StyledInputWrapper>\n        </>\n      ) : (\n        <StyledComboBoxInput\n          className={classNames(\"c-combo-box-input\", inputWrapperClassName)}\n          onBlur={handleBlur}\n          wrapperClick={handleOpen}\n          onFocus={() => {\n            setFocused(!focused);\n            handleOpen();\n          }}\n          onClick={handleOpen}\n          mode={triggerMode}\n          wrapRef={comboBoxRef}\n          ref={handleRef}\n          value={loading && loadingText ? loadingText : value}\n          onKeyDown={handleOnKeyDown}\n          onChange={handleOnChange}\n          placeholder={placeholder}\n          disabled={disabled}\n          size={size}\n          invalid={invalid}\n          $loading={loading}\n          startAdornment={startAdornment}\n          endAdornment={\n            !disabled ? (\n              <InputAdornment disablePointerEvents={disabled}>\n                {loading ? (\n                  <SpinnerLoader />\n                ) : selected ? (\n                  <IconButton\n                    onMouseDown={handleMouseDown}\n                    onClick={handleDeselect}\n                    variant=\"text gray\"\n                    size=\"small\"\n                  >\n                    <StyledComboBoxCloseSmallIcon />\n                  </IconButton>\n                ) : null}\n                {showMenu && (\n                  <StyledComboBoxCollapseExpandSingleIcon $open={open} />\n                )}\n              </InputAdornment>\n            ) : null\n          }\n        />\n      )}\n      {!disabled ? (\n        <ConditionalWrapper\n          condition={inPortal}\n          wrap={(children) => <Portal>{children}</Portal>}\n        >\n          <Popper\n            anchorEl={comboBoxRef.current}\n            open={open}\n            placement=\"bottom\"\n            style={{\n              zIndex: 10,\n              width: comboBoxRef.current?.clientWidth,\n            }}\n            ref={wrapperRef}\n            strategy=\"fixed\"\n          >\n            <RemoveScroll noIsolation allowPinchZoom>\n              <StyledComboBoxList\n                className=\"c-combo-box--list\"\n                $width={comboBoxRef.current?.clientWidth}\n                $hide={!showMenu}\n              >\n                <Autocomplete\n                  {...prop}\n                  emptyValue={emptyValue}\n                  noResultText={noResultText}\n                  inputEl={childNode}\n                  selected={selected}\n                  handleChange={handleChange}\n                  renderOption={handleRenderOption}\n                  options={options}\n                  type={type}\n                  defaultValue={defaultValue}\n                  handleEmptyAction={emptyAction}\n                />\n              </StyledComboBoxList>\n            </RemoveScroll>\n          </Popper>\n        </ConditionalWrapper>\n      ) : null}\n    </div>\n  );\n};\n\nComboBox.displayName = \"ComboBox\";\n"],"mappings":"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"}
+{"version":3,"file":"ComboBox.js","names":["React","useCallback","useState","useEffect","useRef","useMemo","Fragment","RemoveScroll","classNames","StyledComboBoxCloseSmallIcon","StyledComboBoxCollapseExpandSingleIcon","StyledComboBoxInput","StyledComboBoxList","StyledChipWrapper","Portal","ConditionalWrapper","useIsFirstRender","useOnClickOutside","useForkRef","Autocomplete","isOptionGroup","Avatar","Checkbox","Chip","IconButton","InputAdornment","StyledInput","StyledInputWrapper","SpinnerLoader","MultiAvatar","Popper","RadioButton","OptionContent","Trigger","Typography","sizeMap","small","regular","big","biggest","ComboBox","_ref","_comboBoxRef$current2","_comboBoxRef$current3","options","selected","loading","loadingText","onChange","onInputChange","placeholder","handleEmptyAction","disabled","size","invalid","type","renderChip","forceCloseMenu","renderOption","limitChips","hiddenNumberText","inPortal","inputWrapperClassName","scrollWrapper","onClose","onClear","onDeselect","defaultValue","open","defaultOpen","onOpen","triggerMode","noResultText","emptyValue","disableVirtualization","prop","selectedName","value","map","v","find","q","id","name","setValue","focused","setFocused","handleOnChange","e","target","childNode","elementRef","handleRef","wrapperRef","chipWrapper","comboBoxRef","setOpen","isFirstRender","_comboBoxRef$current","current","contains","handleOnKeyDown","key","stopPropagation","_childNode$current","_childNode$current2","focus","blur","emptyAction","handleChange","selectedValue","handleOpen","handleRenderOption","option","props","createElement","imageUrl","image","color","textColor","handleDeselect","handleMouseDown","preventDefault","handleBlur","renderChipAdornment","index","avatarProps","startAdornment","_StyledAvatar","_extends","url","$_css","$_css2","undefined","Array","isArray","includes","newSelected","filter","item","showOnClose","className","label","backgroundColor","chipColor","autoSize","length","elements","total","forEach","isGrouped","push","groupedOptions","o","_index","hidden","splice","_StyledTypography","variant","optionItem","child","avatarSize","showXIcon","hasSelected","showMenu","hasOptions","valueExists","toString","isValueInOptions","some","_StyledStyledInputWrapper","$disabled","$size","$invalid","ref","$mode","onClick","_elementRef$current","click","$_css3","$_css4","_StyledStyledChipWrapper","$autoSize","$open","$_css5","onBlur","onFocus","onKeyDown","$loading","style","display","flex","alignSelf","width","_StyledTrigger","onMouseDown","wrapperClick","mode","wrapRef","endAdornment","disablePointerEvents","condition","wrap","children","anchorEl","placement","zIndex","clientWidth","strategy","noIsolation","allowPinchZoom","$width","$hide","inputEl","displayName","_styled","withConfig","componentId","p"],"sources":["../../../../src/components/ComboBox/ComboBox.tsx"],"sourcesContent":["import React, {\n  FC,\n  useCallback,\n  useState,\n  useEffect,\n  useRef,\n  useMemo,\n  Fragment,\n} from \"react\";\nimport { RemoveScroll } from \"react-remove-scroll\";\n\nimport classNames from \"classnames\";\nimport tw from \"twin.macro\";\n\nimport {\n  StyledComboBoxCloseSmallIcon,\n  StyledComboBoxCollapseExpandSingleIcon,\n  StyledComboBoxInput,\n  StyledComboBoxList,\n  StyledChipWrapper,\n} from \"./Styles\";\nimport { Portal } from \"../../helpers\";\nimport { ConditionalWrapper } from \"../../helpers/ConditionWrapper/ConditionWrapper\";\nimport { useIsFirstRender } from \"../../hooks/useIsFirstRender\";\nimport { useOnClickOutside } from \"../../hooks/useOnClickOutside\";\nimport useForkRef from \"../../utils/useForkRef\";\nimport { Autocomplete } from \"../Autocomplete\";\nimport {\n  IAutocompleteProps,\n  isOptionGroup,\n} from \"../Autocomplete/Autocomplete\";\nimport { Avatar, AvatarProps } from \"../Avatar\";\nimport { Checkbox } from \"../Checkbox\";\nimport { Chip } from \"../Chip\";\nimport { IconButton } from \"../IconButton\";\nimport { InputAdornment } from \"../Input/InputAdornment\";\nimport { StyledInput, StyledInputWrapper } from \"../Input/Styles\";\nimport { InputMode, InputSize } from \"../Input/types\";\nimport { SpinnerLoader } from \"../Loaders/Spinner/SpinnerLoader\";\nimport { MultiAvatar } from \"../MultiAvatar\";\nimport { Popper } from \"../Popper\";\nimport { RadioButton } from \"../RadioButton\";\nimport { IOptionGroupProps, IOptionItemProps } from \"../Select\";\nimport { OptionContent } from \"../Select/OptionContent/OptionContent\";\nimport { Trigger } from \"../Trigger\";\nimport { Typography } from \"../Typography/Typography\";\n\nconst sizeMap = {\n  small: 18,\n  regular: 24,\n  big: 30,\n  biggest: 40,\n};\n\nexport interface IComboBoxProps\n  extends Omit<\n    IAutocompleteProps,\n    \"handleChange\" | \"inputEl\" | \"clearInputOnSelect\"\n  > {\n  /** Set combobox in to loading state */\n  loading?: boolean;\n  /** Text to display while in loading state */\n  loadingText?: string;\n  /** onChange callback */\n  onChange?: (\n    e: (string | number)[] | string | number | null | undefined\n  ) => void;\n  /** onInputChange callback */\n  onInputChange?: (text: string) => void;\n  /** Placeholder for Select input */\n  placeholder?: string;\n  /** disable Input element */\n  disabled?: boolean;\n  /** Combobox size */\n  size?: InputSize;\n  /** Invalid state */\n  invalid?: boolean;\n  /** Render Chip */\n  renderChip?: <T extends IOptionItemProps>(\n    item: T,\n    key?: string | number\n  ) => JSX.Element;\n  /** Close menu on change */\n  forceCloseMenu?: boolean;\n  /** Limit chips */\n  limitChips?: number;\n  /** Hidden number text */\n  hiddenNumberText?: (hidden: number) => string;\n  /** Render Autocomplete in <Portal> */\n  inPortal?: boolean;\n  /** inputWrapperClassName */\n  inputWrapperClassName?: string;\n  /** scrollWrapper */\n  scrollWrapper?: boolean;\n  /** onClose (f) will be called when Popper closes */\n  onClose?: () => void;\n  /** onOpen (f) will be called when Popper opens */\n  onOpen?: () => void;\n  /** onClear (f) will be called when user clear input on X icon*/\n  onClear?: () => void;\n  onDeselect?: () => void;\n  open?: boolean;\n  triggerMode?: InputMode;\n}\n\nexport const ComboBox: FC<IComboBoxProps> = ({\n  options = [],\n  selected,\n  loading = false,\n  loadingText,\n  onChange,\n  onInputChange,\n  placeholder,\n  handleEmptyAction,\n  disabled = false,\n  size = \"regular\",\n  invalid = false,\n  type = \"single\",\n  renderChip,\n  forceCloseMenu = type === \"single\",\n  renderOption,\n  limitChips = 2,\n  hiddenNumberText,\n  inPortal = false,\n  inputWrapperClassName,\n  scrollWrapper,\n  onClose,\n  onClear,\n  onDeselect,\n  defaultValue,\n  open: defaultOpen = false,\n  onOpen,\n  triggerMode,\n  noResultText,\n  emptyValue,\n  disableVirtualization,\n  ...prop\n}) => {\n  const selectedName = useMemo(() => {\n    let value = \"\";\n    if (!selected) {\n      return value;\n    }\n    options.map((v) => {\n      if ((v as IOptionGroupProps)?.options) {\n        return (v as IOptionGroupProps).options.find((q) => {\n          if (q.id === selected) {\n            value = q.name;\n            return;\n          }\n        });\n      } else {\n        if (v.id === selected) {\n          value = v.name;\n          return;\n        }\n      }\n    });\n    return value;\n  }, [options, selected]);\n  const [value, setValue] = useState(selectedName);\n  const [focused, setFocused] = useState<boolean>(false);\n  const handleOnChange = useCallback(\n    (e) => {\n      setValue(e.target.value);\n      onInputChange?.(e.target.value);\n    },\n    [onInputChange]\n  );\n  const childNode = useRef<HTMLInputElement | null>();\n  const elementRef = useRef<HTMLInputElement | null>(null);\n  const handleRef = useForkRef(childNode, elementRef);\n  const wrapperRef = useRef<HTMLDivElement>(null);\n  const chipWrapper = useRef<HTMLDivElement>(null);\n  const comboBoxRef = useRef<HTMLDivElement | null>(null);\n\n  const [open, setOpen] = useState(defaultOpen);\n  const isFirstRender = useIsFirstRender();\n\n  useOnClickOutside(wrapperRef, (e) => {\n    if (e.target && comboBoxRef.current?.contains(e.target as Node)) {\n      return;\n    }\n    setOpen(false);\n  });\n\n  const handleOnKeyDown = useCallback(\n    (e) => {\n      if (e.key === \"Escape\" && open) {\n        setOpen(false);\n        setValue(selectedName);\n        e.stopPropagation();\n      }\n\n      if (e.key === \"Enter\" && type === \"multiple\") {\n        setValue(\"\");\n      }\n\n      if (e.key === \"Enter\" && !open && focused) {\n        setOpen(true);\n        onOpen?.();\n      }\n    },\n    [focused, onOpen, open, selectedName, type]\n  );\n\n  useEffect(() => {\n    open && childNode?.current?.focus();\n    !open && childNode?.current?.blur();\n  }, [childNode, open]);\n\n  useEffect(() => {\n    setValue(selectedName);\n  }, [selectedName]);\n\n  useEffect(() => {\n    if (open !== defaultOpen) setOpen(defaultOpen);\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [defaultOpen]);\n\n  useEffect(() => {\n    if (!open && !isFirstRender && !focused) {\n      if (typeof onClose === \"function\") {\n        onClose();\n      }\n    }\n  }, [focused, isFirstRender, onClose, open]);\n\n  const emptyAction = useCallback(\n    (v) => {\n      handleEmptyAction?.(v);\n      setOpen(false);\n    },\n    [handleEmptyAction]\n  );\n\n  const handleChange = useCallback(\n    (selectedValue) => {\n      if (selectedValue !== selected && typeof onChange === \"function\") {\n        onChange(selectedValue);\n      }\n      if (forceCloseMenu) {\n        setOpen(false);\n      }\n    },\n    [forceCloseMenu, onChange, selected]\n  );\n\n  const handleOpen = useCallback(() => {\n    if (!disabled) {\n      setOpen(true);\n      onOpen?.();\n    }\n  }, [disabled, onOpen]);\n\n  const handleRenderOption = useCallback(\n    (option, props) => {\n      if (typeof renderOption === \"function\") {\n        return renderOption(option, props);\n      }\n      if (type === \"multiple\") {\n        return (\n          <>\n            <OptionContent\n              imageUrl={option.image}\n              color={option.color}\n              textColor={option.textColor}\n              name={option.name}\n            />\n            <Checkbox {...props} />\n          </>\n        );\n      }\n      return (\n        <>\n          <OptionContent\n            imageUrl={option.image}\n            color={option.color}\n            textColor={option.textColor}\n            name={option.name}\n          />\n          <RadioButton {...props} />\n        </>\n      );\n    },\n    [type, renderOption]\n  );\n\n  const handleDeselect = useCallback(\n    (e) => {\n      e.stopPropagation();\n      if (typeof onDeselect === \"function\") {\n        onDeselect();\n      } else if (type === \"multiple\") {\n        onChange?.([]);\n      } else {\n        onChange?.(\"\");\n      }\n\n      onClear?.();\n      setOpen(false);\n    },\n    [type, onChange, onClear, onDeselect]\n  );\n\n  const handleMouseDown = useCallback((e) => {\n    e.preventDefault();\n  }, []);\n\n  const handleBlur = useCallback(() => {\n    setValue(selectedName);\n    setFocused(!focused);\n  }, [focused, selectedName]);\n\n  const renderChipAdornment = useCallback(\n    (option, index) => {\n      if (typeof renderChip === \"function\") {\n        return renderChip(option, index);\n      }\n      const avatarProps: Partial<AvatarProps> = {\n        size: 18,\n      };\n      switch (size) {\n        case \"big\":\n          avatarProps.size = 22;\n          break;\n        case \"small\":\n          avatarProps.size = 14;\n          break;\n      }\n      const startAdornment = option.image ? (\n        <Avatar\n          css={`\n            ${tw`tw-my-0.5`}\n            ${tw`tw-mr-0.5`}\n          `}\n          url={option.image}\n          {...avatarProps}\n        />\n      ) : undefined;\n\n      const onClose = (e) => {\n        e.preventDefault();\n        e.stopPropagation();\n        if (Array.isArray(selected) && selected.includes(option.id)) {\n          if (typeof onChange === \"function\") {\n            const newSelected = selected.filter((item) => item !== option.id);\n            onChange(newSelected);\n          }\n        }\n      };\n\n      let showOnClose = true;\n      if (disabled) {\n        showOnClose = false;\n      }\n      if (option.color) {\n        showOnClose = false;\n      }\n\n      return (\n        <Chip\n          className=\"c-combo-box-chip\"\n          startAdornment={startAdornment}\n          label={option.name}\n          key={index}\n          backgroundColor={option.color}\n          color={option.chipColor}\n          onClose={showOnClose ? onClose : undefined}\n          size={size}\n        />\n      );\n    },\n    [disabled, onChange, renderChip, selected, size]\n  );\n\n  const autoSize = useMemo(() => {\n    if (\n      type === \"multiple\" &&\n      open &&\n      Array.isArray(selected) &&\n      selected.length > 1\n    ) {\n      return \"auto\";\n    }\n    return size;\n  }, [open, selected, size, type]);\n\n  const startAdornment = useMemo(() => {\n    if (type === \"multiple\" && Array.isArray(selected) && selected.length > 0) {\n      const elements: JSX.Element[] = [];\n      let total = 0;\n      options.forEach((option, index) => {\n        const isGrouped = isOptionGroup(option);\n        if (selected.includes(option.id) && !isGrouped) {\n          total = total + 1;\n          elements.push(renderChipAdornment(option, index));\n        } else if (isGrouped) {\n          const groupedOptions = option.options.filter((o) =>\n            selected.includes(o.id)\n          );\n          total = total + groupedOptions.length;\n          if (groupedOptions.length > 0) {\n            groupedOptions.forEach((o, _index) => {\n              elements.push(renderChipAdornment(o, `${index}_${_index}`));\n            });\n          }\n        }\n      });\n      let hidden = 0;\n      if (!open && limitChips > 0 && elements.length > limitChips) {\n        hidden = elements.splice(\n          limitChips,\n          elements.length - limitChips\n        ).length;\n      }\n\n      return (\n        <Fragment>\n          {elements}\n          {hidden > 0 && (\n            <Typography\n              variant={\n                size === \"small\"\n                  ? \"Caption 1\"\n                  : size === \"regular\"\n                  ? \"Body 2\"\n                  : \"Body 1\"\n              }\n              css={`\n                display: flex;\n                flex-shrink: 0;\n                align-items: center;\n              `}\n            >\n              {typeof hiddenNumberText === \"function\"\n                ? hiddenNumberText(hidden)\n                : `+${hidden}`}\n            </Typography>\n          )}\n        </Fragment>\n      );\n    }\n    if (type === \"single\" && selected) {\n      let optionItem;\n      options.forEach((option) => {\n        if (isOptionGroup(option)) {\n          optionItem = option.options.find((child) => child.id === selected);\n        } else if (!optionItem && option.id === selected) {\n          optionItem = option;\n        }\n      });\n      if (optionItem && optionItem.image) {\n        const avatarSize = size === \"big\" ? 22 : size === \"regular\" ? 18 : 14;\n        if (Array.isArray(optionItem.image)) {\n          return <MultiAvatar url={optionItem.image} size={avatarSize} />;\n        }\n        return <Avatar url={optionItem.image} size={avatarSize} />;\n      }\n    }\n\n    return undefined;\n  }, [\n    type,\n    selected,\n    options,\n    open,\n    limitChips,\n    hiddenNumberText,\n    renderChipAdornment,\n    size,\n  ]);\n\n  const showXIcon =\n    Array.isArray(selected) && type === \"multiple\" && selected.length > 0;\n\n  const hasSelected =\n    type === \"multiple\" && Array.isArray(selected) && selected.length > 0;\n\n  const showMenu = useMemo(() => {\n    const hasOptions = options?.length > 0;\n\n    const valueExists = (option: IOptionItemProps) =>\n      option.id.toString().includes(value) || option.name.includes(value);\n\n    const isValueInOptions = options?.some((option) =>\n      isOptionGroup(option)\n        ? option.options.some(valueExists)\n        : valueExists(option)\n    );\n\n    return (\n      (hasOptions && (!!defaultValue || !value)) ||\n      (value && (isValueInOptions || emptyValue || noResultText))\n    );\n  }, [defaultValue, emptyValue, noResultText, options, value]);\n\n  return (\n    <div className=\"c-combo-box\">\n      {type === \"multiple\" ? (\n        <>\n          <StyledInputWrapper\n            $disabled={disabled}\n            $size={size}\n            $invalid={invalid}\n            ref={comboBoxRef}\n            $mode={triggerMode}\n            css={`\n              display: flex;\n              justify-content: space-between;\n              flex: 1;\n              height: ${autoSize === \"auto\" ? \"auto\" : undefined};\n              overflow-y: ${autoSize === \"auto\" && scrollWrapper\n                ? \"scroll\"\n                : undefined};\n            `}\n            className={classNames(\n              \"c-combo-box-input-wrapper\",\n              inputWrapperClassName\n            )}\n            onClick={() => {\n              elementRef.current?.click();\n            }}\n          >\n            <StyledChipWrapper\n              $autoSize={autoSize}\n              $open={open}\n              ref={chipWrapper}\n              css={`\n                max-height: ${autoSize === \"auto\" && scrollWrapper\n                  ? sizeMap[size] * 3 + 8 + \"px\"\n                  : undefined};\n              `}\n            >\n              {startAdornment}\n              <StyledInput\n                className=\"c-combo-box-input\"\n                onBlur={handleBlur}\n                onFocus={() => {\n                  setFocused(!focused);\n                }}\n                onClick={handleOpen}\n                ref={handleRef}\n                value={loading && loadingText ? loadingText : value}\n                onKeyDown={handleOnKeyDown}\n                onChange={handleOnChange}\n                placeholder={!hasSelected ? placeholder : undefined}\n                $mode={triggerMode}\n                disabled={disabled}\n                $size={size}\n                $loading={loading}\n                style={{\n                  display: \"flex\",\n                  flex: 1,\n                  alignSelf: \"center\",\n                  width: autoSize === \"auto\" ? \"auto\" : \"100%\",\n                }}\n              />\n            </StyledChipWrapper>\n            {!disabled && (\n              <>\n                {loading ? (\n                  <SpinnerLoader />\n                ) : (\n                  <>\n                    {showXIcon && (\n                      <Trigger\n                        onMouseDown={handleMouseDown}\n                        onClick={handleDeselect}\n                        data-testid=\"deselect-all\"\n                        css={`\n                          display: flex;\n                          justify-content: center;\n                        `}\n                      >\n                        <StyledComboBoxCloseSmallIcon />\n                      </Trigger>\n                    )}\n                    {showMenu && (\n                      <StyledComboBoxCollapseExpandSingleIcon $open={open} />\n                    )}\n                  </>\n                )}\n              </>\n            )}\n          </StyledInputWrapper>\n        </>\n      ) : (\n        <StyledComboBoxInput\n          className={classNames(\"c-combo-box-input\", inputWrapperClassName)}\n          onBlur={handleBlur}\n          wrapperClick={handleOpen}\n          onFocus={() => {\n            setFocused(!focused);\n            handleOpen();\n          }}\n          onClick={handleOpen}\n          mode={triggerMode}\n          wrapRef={comboBoxRef}\n          ref={handleRef}\n          value={loading && loadingText ? loadingText : value}\n          onKeyDown={handleOnKeyDown}\n          onChange={handleOnChange}\n          placeholder={placeholder}\n          disabled={disabled}\n          size={size}\n          invalid={invalid}\n          $loading={loading}\n          startAdornment={startAdornment}\n          endAdornment={\n            !disabled ? (\n              <InputAdornment disablePointerEvents={disabled}>\n                {loading ? (\n                  <SpinnerLoader />\n                ) : selected ? (\n                  <IconButton\n                    onMouseDown={handleMouseDown}\n                    onClick={handleDeselect}\n                    variant=\"text gray\"\n                    size=\"small\"\n                  >\n                    <StyledComboBoxCloseSmallIcon />\n                  </IconButton>\n                ) : null}\n                {showMenu && (\n                  <StyledComboBoxCollapseExpandSingleIcon $open={open} />\n                )}\n              </InputAdornment>\n            ) : null\n          }\n        />\n      )}\n      {!disabled ? (\n        <ConditionalWrapper\n          condition={inPortal}\n          wrap={(children) => <Portal>{children}</Portal>}\n        >\n          <Popper\n            anchorEl={comboBoxRef.current}\n            open={open}\n            placement=\"bottom\"\n            style={{\n              zIndex: 10,\n              width: comboBoxRef.current?.clientWidth,\n            }}\n            ref={wrapperRef}\n            strategy=\"fixed\"\n          >\n            <RemoveScroll noIsolation allowPinchZoom>\n              <StyledComboBoxList\n                className=\"c-combo-box--list\"\n                $width={comboBoxRef.current?.clientWidth}\n                $hide={!showMenu}\n              >\n                <Autocomplete\n                  {...prop}\n                  emptyValue={emptyValue}\n                  noResultText={noResultText}\n                  inputEl={childNode}\n                  selected={selected}\n                  handleChange={handleChange}\n                  renderOption={handleRenderOption}\n                  options={options}\n                  type={type}\n                  defaultValue={defaultValue}\n                  handleEmptyAction={emptyAction}\n                  disableVirtualization={disableVirtualization}\n                />\n              </StyledComboBoxList>\n            </RemoveScroll>\n          </Popper>\n        </ConditionalWrapper>\n      ) : null}\n    </div>\n  );\n};\n\nComboBox.displayName = \"ComboBox\";\n"],"mappings":"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"}

package/dist/esm/components/Display/DisplayCurrency.d.ts

@@ -1,6 +1,6 @@
 import React from "react";
 import { DisplayNumberProps } from "./types";
-export declare const DisplayCurrency: React.ForwardRefExoticComponent<Omit<DisplayNumberProps & {
+export declare const DisplayCurrency: React.ForwardRefExoticComponent<Omit<Omit<DisplayNumberProps, "shortenThreshold"> & {
     currencyCode?: string | undefined;
     currencyPosition?: string | undefined;
 }, "ref"> & React.RefAttributes<HTMLSpanElement>>;

package/dist/esm/components/Display/DisplayCurrency.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DisplayCurrency.d.ts","sourceRoot":"","sources":["../../../../src/components/Display/DisplayCurrency.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAE1C,OAAO,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAK7C,eAAO,MAAM,eAAe;;;iDAwF3B,CAAC"}
+{"version":3,"file":"DisplayCurrency.d.ts","sourceRoot":"","sources":["../../../../src/components/Display/DisplayCurrency.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAE1C,OAAO,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAK7C,eAAO,MAAM,eAAe;;;iDA2F3B,CAAC"}

package/dist/esm/components/Display/DisplayCurrency.js.map

@@ -1 +1 @@
-{"version":3,"file":"DisplayCurrency.js","names":["React","forwardRef","formatCurrency","Tooltip","Typography","DisplayCurrency","_ref","ref","value","variant","currencyCode","currencyPosition","thousandSeparator","decimalSeparator","trimDecimals","decimalSpaces","format","disableTooltip","className","as","rest","formattedValue","formattedLongValue","createElement","title","disable","includes","_extends","displayName"],"sources":["../../../../src/components/Display/DisplayCurrency.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\n\nimport { DisplayNumberProps } from \"./types\";\nimport { formatCurrency } from \"../../utils\";\nimport { Tooltip } from \"../Tooltip\";\nimport { Typography } from \"../Typography/Typography\";\n\nexport const DisplayCurrency = forwardRef<\n  HTMLSpanElement,\n  DisplayNumberProps & { currencyCode?: string; currencyPosition?: string }\n>(\n  (\n    {\n      value,\n      variant = \"Body 2\",\n      currencyCode = \"USD\",\n      currencyPosition = \"right\",\n      thousandSeparator = \",\",\n      decimalSeparator = \".\",\n      trimDecimals = true,\n      decimalSpaces = 2,\n      format = \"long\",\n      disableTooltip = false,\n      className,\n      as = \"span\",\n      ...rest\n    },\n    ref\n  ) => {\n    const formattedValue = formatCurrency(\n      value,\n      thousandSeparator,\n      decimalSeparator,\n      trimDecimals,\n      decimalSpaces,\n      \"short\",\n      currencyCode,\n      currencyPosition\n    );\n\n    const formattedLongValue = formatCurrency(\n      value,\n      thousandSeparator,\n      decimalSeparator,\n      trimDecimals,\n      decimalSpaces,\n      \"long\",\n      currencyCode,\n      currencyPosition\n    );\n\n    if (format === \"short\") {\n      return (\n        <Tooltip\n          title={formatCurrency(\n            value,\n            thousandSeparator,\n            decimalSeparator,\n            false,\n            decimalSpaces,\n            \"long\",\n            currencyCode,\n            currencyPosition\n          )}\n          disable={\n            disableTooltip ||\n            (!formattedLongValue.includes(thousandSeparator) &&\n              !formattedLongValue.includes(decimalSeparator))\n          }\n        >\n          <Typography\n            as={as}\n            variant={variant}\n            className={className}\n            ref={ref}\n            {...rest}\n          >\n            {formattedValue}\n          </Typography>\n        </Tooltip>\n      );\n    }\n\n    return (\n      <Typography\n        as={as}\n        variant={variant}\n        className={className}\n        ref={ref}\n        {...rest}\n      >\n        {formattedLongValue}\n      </Typography>\n    );\n  }\n);\n\nDisplayCurrency.displayName = \"DisplayCurrency\";\n"],"mappings":";AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AAGzC,SAASC,cAAc,QAAQ,aAAa;AAC5C,SAASC,OAAO,QAAQ,YAAY;AACpC,SAASC,UAAU,QAAQ,0BAA0B;AAErD,OAAO,MAAMC,eAAe,gBAAGJ,UAAU,CAIvC,CAAAK,IAAA,EAgBEC,GAAG,KACA;EAAA,IAhBH;IACEC,KAAK;IACLC,OAAO,GAAG,QAAQ;IAClBC,YAAY,GAAG,KAAK;IACpBC,gBAAgB,GAAG,OAAO;IAC1BC,iBAAiB,GAAG,GAAG;IACvBC,gBAAgB,GAAG,GAAG;IACtBC,YAAY,GAAG,IAAI;IACnBC,aAAa,GAAG,CAAC;IACjBC,MAAM,GAAG,MAAM;IACfC,cAAc,GAAG,KAAK;IACtBC,SAAS;IACTC,EAAE,GAAG,MAAM;IACX,GAAGC;EACL,CAAC,GAAAd,IAAA;EAGD,MAAMe,cAAc,GAAGnB,cAAc,CACnCM,KAAK,EACLI,iBAAiB,EACjBC,gBAAgB,EAChBC,YAAY,EACZC,aAAa,EACb,OAAO,EACPL,YAAY,EACZC,gBACF,CAAC;EAED,MAAMW,kBAAkB,GAAGpB,cAAc,CACvCM,KAAK,EACLI,iBAAiB,EACjBC,gBAAgB,EAChBC,YAAY,EACZC,aAAa,EACb,MAAM,EACNL,YAAY,EACZC,gBACF,CAAC;EAED,IAAIK,MAAM,KAAK,OAAO,EAAE;IACtB,oBACEhB,KAAA,CAAAuB,aAAA,CAACpB,OAAO;MACNqB,KAAK,EAAEtB,cAAc,CACnBM,KAAK,EACLI,iBAAiB,EACjBC,gBAAgB,EAChB,KAAK,EACLE,aAAa,EACb,MAAM,EACNL,YAAY,EACZC,gBACF,CAAE;MACFc,OAAO,EACLR,cAAc,IACb,CAACK,kBAAkB,CAACI,QAAQ,CAACd,iBAAiB,CAAC,IAC9C,CAACU,kBAAkB,CAACI,QAAQ,CAACb,gBAAgB;IAChD,gBAEDb,KAAA,CAAAuB,aAAA,CAACnB,UAAU,EAAAuB,QAAA;MACTR,EAAE,EAAEA,EAAG;MACPV,OAAO,EAAEA,OAAQ;MACjBS,SAAS,EAAEA,SAAU;MACrBX,GAAG,EAAEA;IAAI,GACLa,IAAI,GAEPC,cACS,CACL,CAAC;EAEd;EAEA,oBACErB,KAAA,CAAAuB,aAAA,CAACnB,UAAU,EAAAuB,QAAA;IACTR,EAAE,EAAEA,EAAG;IACPV,OAAO,EAAEA,OAAQ;IACjBS,SAAS,EAAEA,SAAU;IACrBX,GAAG,EAAEA;EAAI,GACLa,IAAI,GAEPE,kBACS,CAAC;AAEjB,CACF,CAAC;AAEDjB,eAAe,CAACuB,WAAW,GAAG,iBAAiB"}
+{"version":3,"file":"DisplayCurrency.js","names":["React","forwardRef","formatCurrency","Tooltip","Typography","DisplayCurrency","_ref","ref","value","variant","currencyCode","currencyPosition","thousandSeparator","decimalSeparator","trimDecimals","decimalSpaces","format","disableTooltip","className","as","rest","formattedValue","formattedLongValue","createElement","title","disable","includes","_extends","displayName"],"sources":["../../../../src/components/Display/DisplayCurrency.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\n\nimport { DisplayNumberProps } from \"./types\";\nimport { formatCurrency } from \"../../utils\";\nimport { Tooltip } from \"../Tooltip\";\nimport { Typography } from \"../Typography/Typography\";\n\nexport const DisplayCurrency = forwardRef<\n  HTMLSpanElement,\n  Omit<DisplayNumberProps, \"shortenThreshold\"> & {\n    currencyCode?: string;\n    currencyPosition?: string;\n  }\n>(\n  (\n    {\n      value,\n      variant = \"Body 2\",\n      currencyCode = \"USD\",\n      currencyPosition = \"right\",\n      thousandSeparator = \",\",\n      decimalSeparator = \".\",\n      trimDecimals = true,\n      decimalSpaces = 2,\n      format = \"long\",\n      disableTooltip = false,\n      className,\n      as = \"span\",\n      ...rest\n    },\n    ref\n  ) => {\n    const formattedValue = formatCurrency(\n      value,\n      thousandSeparator,\n      decimalSeparator,\n      trimDecimals,\n      decimalSpaces,\n      \"short\",\n      currencyCode,\n      currencyPosition\n    );\n\n    const formattedLongValue = formatCurrency(\n      value,\n      thousandSeparator,\n      decimalSeparator,\n      trimDecimals,\n      decimalSpaces,\n      \"long\",\n      currencyCode,\n      currencyPosition\n    );\n\n    if (format === \"short\") {\n      return (\n        <Tooltip\n          title={formatCurrency(\n            value,\n            thousandSeparator,\n            decimalSeparator,\n            false,\n            decimalSpaces,\n            \"long\",\n            currencyCode,\n            currencyPosition\n          )}\n          disable={\n            disableTooltip ||\n            (!formattedLongValue.includes(thousandSeparator) &&\n              !formattedLongValue.includes(decimalSeparator))\n          }\n        >\n          <Typography\n            as={as}\n            variant={variant}\n            className={className}\n            ref={ref}\n            {...rest}\n          >\n            {formattedValue}\n          </Typography>\n        </Tooltip>\n      );\n    }\n\n    return (\n      <Typography\n        as={as}\n        variant={variant}\n        className={className}\n        ref={ref}\n        {...rest}\n      >\n        {formattedLongValue}\n      </Typography>\n    );\n  }\n);\n\nDisplayCurrency.displayName = \"DisplayCurrency\";\n"],"mappings":";AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AAGzC,SAASC,cAAc,QAAQ,aAAa;AAC5C,SAASC,OAAO,QAAQ,YAAY;AACpC,SAASC,UAAU,QAAQ,0BAA0B;AAErD,OAAO,MAAMC,eAAe,gBAAGJ,UAAU,CAOvC,CAAAK,IAAA,EAgBEC,GAAG,KACA;EAAA,IAhBH;IACEC,KAAK;IACLC,OAAO,GAAG,QAAQ;IAClBC,YAAY,GAAG,KAAK;IACpBC,gBAAgB,GAAG,OAAO;IAC1BC,iBAAiB,GAAG,GAAG;IACvBC,gBAAgB,GAAG,GAAG;IACtBC,YAAY,GAAG,IAAI;IACnBC,aAAa,GAAG,CAAC;IACjBC,MAAM,GAAG,MAAM;IACfC,cAAc,GAAG,KAAK;IACtBC,SAAS;IACTC,EAAE,GAAG,MAAM;IACX,GAAGC;EACL,CAAC,GAAAd,IAAA;EAGD,MAAMe,cAAc,GAAGnB,cAAc,CACnCM,KAAK,EACLI,iBAAiB,EACjBC,gBAAgB,EAChBC,YAAY,EACZC,aAAa,EACb,OAAO,EACPL,YAAY,EACZC,gBACF,CAAC;EAED,MAAMW,kBAAkB,GAAGpB,cAAc,CACvCM,KAAK,EACLI,iBAAiB,EACjBC,gBAAgB,EAChBC,YAAY,EACZC,aAAa,EACb,MAAM,EACNL,YAAY,EACZC,gBACF,CAAC;EAED,IAAIK,MAAM,KAAK,OAAO,EAAE;IACtB,oBACEhB,KAAA,CAAAuB,aAAA,CAACpB,OAAO;MACNqB,KAAK,EAAEtB,cAAc,CACnBM,KAAK,EACLI,iBAAiB,EACjBC,gBAAgB,EAChB,KAAK,EACLE,aAAa,EACb,MAAM,EACNL,YAAY,EACZC,gBACF,CAAE;MACFc,OAAO,EACLR,cAAc,IACb,CAACK,kBAAkB,CAACI,QAAQ,CAACd,iBAAiB,CAAC,IAC9C,CAACU,kBAAkB,CAACI,QAAQ,CAACb,gBAAgB;IAChD,gBAEDb,KAAA,CAAAuB,aAAA,CAACnB,UAAU,EAAAuB,QAAA;MACTR,EAAE,EAAEA,EAAG;MACPV,OAAO,EAAEA,OAAQ;MACjBS,SAAS,EAAEA,SAAU;MACrBX,GAAG,EAAEA;IAAI,GACLa,IAAI,GAEPC,cACS,CACL,CAAC;EAEd;EAEA,oBACErB,KAAA,CAAAuB,aAAA,CAACnB,UAAU,EAAAuB,QAAA;IACTR,EAAE,EAAEA,EAAG;IACPV,OAAO,EAAEA,OAAQ;IACjBS,SAAS,EAAEA,SAAU;IACrBX,GAAG,EAAEA;EAAI,GACLa,IAAI,GAEPE,kBACS,CAAC;AAEjB,CACF,CAAC;AAEDjB,eAAe,CAACuB,WAAW,GAAG,iBAAiB"}

package/dist/esm/components/Display/DisplayNumber.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DisplayNumber.d.ts","sourceRoot":"","sources":["../../../../src/components/Display/DisplayNumber.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAE1C,OAAO,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAK7C,eAAO,MAAM,aAAa,yGA6EzB,CAAC"}
+{"version":3,"file":"DisplayNumber.d.ts","sourceRoot":"","sources":["../../../../src/components/Display/DisplayNumber.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAE1C,OAAO,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAK7C,eAAO,MAAM,aAAa,yGA+EzB,CAAC"}

package/dist/esm/components/Display/DisplayNumber.js

@@ -15,9 +15,10 @@ export const DisplayNumber = /*#__PURE__*/forwardRef((_ref, ref) => {
     disableTooltip = false,
     className,
     as = "span",
+    shortenThreshold = 1000,
     ...rest
   } = _ref;
-  const formattedValue = formatNumber(value, thousandSeparator, decimalSeparator, trimDecimals, decimalSpaces, format);
+  const formattedValue = formatNumber(value, thousandSeparator, decimalSeparator, trimDecimals, decimalSpaces, format, shortenThreshold);
   const formattedLongValue = formatNumber(value, thousandSeparator, decimalSeparator, trimDecimals, decimalSpaces, "long");
   if (format === "short") {
     return /*#__PURE__*/React.createElement(Tooltip, {

package/dist/esm/components/Display/DisplayNumber.js.map

@@ -1 +1 @@
-{"version":3,"file":"DisplayNumber.js","names":["React","forwardRef","formatNumber","Tooltip","Typography","DisplayNumber","_ref","ref","value","variant","thousandSeparator","decimalSeparator","trimDecimals","decimalSpaces","format","disableTooltip","className","as","rest","formattedValue","formattedLongValue","createElement","title","disable","includes","_extends","displayName"],"sources":["../../../../src/components/Display/DisplayNumber.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\n\nimport { DisplayNumberProps } from \"./types\";\nimport { formatNumber } from \"../../utils\";\nimport { Tooltip } from \"../Tooltip\";\nimport { Typography } from \"../Typography/Typography\";\n\nexport const DisplayNumber = forwardRef<HTMLSpanElement, DisplayNumberProps>(\n  (\n    {\n      value,\n      variant = \"Body 2\",\n      thousandSeparator = \",\",\n      decimalSeparator = \".\",\n      trimDecimals = true,\n      decimalSpaces = 2,\n      format = \"long\",\n      disableTooltip = false,\n      className,\n      as = \"span\",\n      ...rest\n    },\n    ref\n  ) => {\n    const formattedValue = formatNumber(\n      value,\n      thousandSeparator,\n      decimalSeparator,\n      trimDecimals,\n      decimalSpaces,\n      format\n    );\n\n    const formattedLongValue = formatNumber(\n      value,\n      thousandSeparator,\n      decimalSeparator,\n      trimDecimals,\n      decimalSpaces,\n      \"long\"\n    );\n\n    if (format === \"short\") {\n      return (\n        <Tooltip\n          title={formatNumber(\n            value,\n            thousandSeparator,\n            decimalSeparator,\n            false,\n            decimalSpaces,\n            \"long\"\n          )}\n          disable={\n            disableTooltip ||\n            (!formattedLongValue.includes(thousandSeparator) &&\n              !formattedLongValue.includes(decimalSeparator))\n          }\n        >\n          <Typography\n            as={as}\n            variant={variant}\n            className={className}\n            ref={ref}\n            {...rest}\n          >\n            {formattedValue}\n          </Typography>\n        </Tooltip>\n      );\n    }\n\n    return (\n      <Typography\n        as={as}\n        variant={variant}\n        className={className}\n        ref={ref}\n        {...rest}\n      >\n        {formattedLongValue}\n      </Typography>\n    );\n  }\n);\n\nDisplayNumber.displayName = \"DisplayNumber\";\n"],"mappings":";AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AAGzC,SAASC,YAAY,QAAQ,aAAa;AAC1C,SAASC,OAAO,QAAQ,YAAY;AACpC,SAASC,UAAU,QAAQ,0BAA0B;AAErD,OAAO,MAAMC,aAAa,gBAAGJ,UAAU,CACrC,CAAAK,IAAA,EAcEC,GAAG,KACA;EAAA,IAdH;IACEC,KAAK;IACLC,OAAO,GAAG,QAAQ;IAClBC,iBAAiB,GAAG,GAAG;IACvBC,gBAAgB,GAAG,GAAG;IACtBC,YAAY,GAAG,IAAI;IACnBC,aAAa,GAAG,CAAC;IACjBC,MAAM,GAAG,MAAM;IACfC,cAAc,GAAG,KAAK;IACtBC,SAAS;IACTC,EAAE,GAAG,MAAM;IACX,GAAGC;EACL,CAAC,GAAAZ,IAAA;EAGD,MAAMa,cAAc,GAAGjB,YAAY,CACjCM,KAAK,EACLE,iBAAiB,EACjBC,gBAAgB,EAChBC,YAAY,EACZC,aAAa,EACbC,MACF,CAAC;EAED,MAAMM,kBAAkB,GAAGlB,YAAY,CACrCM,KAAK,EACLE,iBAAiB,EACjBC,gBAAgB,EAChBC,YAAY,EACZC,aAAa,EACb,MACF,CAAC;EAED,IAAIC,MAAM,KAAK,OAAO,EAAE;IACtB,oBACEd,KAAA,CAAAqB,aAAA,CAAClB,OAAO;MACNmB,KAAK,EAAEpB,YAAY,CACjBM,KAAK,EACLE,iBAAiB,EACjBC,gBAAgB,EAChB,KAAK,EACLE,aAAa,EACb,MACF,CAAE;MACFU,OAAO,EACLR,cAAc,IACb,CAACK,kBAAkB,CAACI,QAAQ,CAACd,iBAAiB,CAAC,IAC9C,CAACU,kBAAkB,CAACI,QAAQ,CAACb,gBAAgB;IAChD,gBAEDX,KAAA,CAAAqB,aAAA,CAACjB,UAAU,EAAAqB,QAAA;MACTR,EAAE,EAAEA,EAAG;MACPR,OAAO,EAAEA,OAAQ;MACjBO,SAAS,EAAEA,SAAU;MACrBT,GAAG,EAAEA;IAAI,GACLW,IAAI,GAEPC,cACS,CACL,CAAC;EAEd;EAEA,oBACEnB,KAAA,CAAAqB,aAAA,CAACjB,UAAU,EAAAqB,QAAA;IACTR,EAAE,EAAEA,EAAG;IACPR,OAAO,EAAEA,OAAQ;IACjBO,SAAS,EAAEA,SAAU;IACrBT,GAAG,EAAEA;EAAI,GACLW,IAAI,GAEPE,kBACS,CAAC;AAEjB,CACF,CAAC;AAEDf,aAAa,CAACqB,WAAW,GAAG,eAAe"}
+{"version":3,"file":"DisplayNumber.js","names":["React","forwardRef","formatNumber","Tooltip","Typography","DisplayNumber","_ref","ref","value","variant","thousandSeparator","decimalSeparator","trimDecimals","decimalSpaces","format","disableTooltip","className","as","shortenThreshold","rest","formattedValue","formattedLongValue","createElement","title","disable","includes","_extends","displayName"],"sources":["../../../../src/components/Display/DisplayNumber.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\n\nimport { DisplayNumberProps } from \"./types\";\nimport { formatNumber } from \"../../utils\";\nimport { Tooltip } from \"../Tooltip\";\nimport { Typography } from \"../Typography/Typography\";\n\nexport const DisplayNumber = forwardRef<HTMLSpanElement, DisplayNumberProps>(\n  (\n    {\n      value,\n      variant = \"Body 2\",\n      thousandSeparator = \",\",\n      decimalSeparator = \".\",\n      trimDecimals = true,\n      decimalSpaces = 2,\n      format = \"long\",\n      disableTooltip = false,\n      className,\n      as = \"span\",\n      shortenThreshold = 1000,\n      ...rest\n    },\n    ref\n  ) => {\n    const formattedValue = formatNumber(\n      value,\n      thousandSeparator,\n      decimalSeparator,\n      trimDecimals,\n      decimalSpaces,\n      format,\n      shortenThreshold\n    );\n\n    const formattedLongValue = formatNumber(\n      value,\n      thousandSeparator,\n      decimalSeparator,\n      trimDecimals,\n      decimalSpaces,\n      \"long\"\n    );\n\n    if (format === \"short\") {\n      return (\n        <Tooltip\n          title={formatNumber(\n            value,\n            thousandSeparator,\n            decimalSeparator,\n            false,\n            decimalSpaces,\n            \"long\"\n          )}\n          disable={\n            disableTooltip ||\n            (!formattedLongValue.includes(thousandSeparator) &&\n              !formattedLongValue.includes(decimalSeparator))\n          }\n        >\n          <Typography\n            as={as}\n            variant={variant}\n            className={className}\n            ref={ref}\n            {...rest}\n          >\n            {formattedValue}\n          </Typography>\n        </Tooltip>\n      );\n    }\n\n    return (\n      <Typography\n        as={as}\n        variant={variant}\n        className={className}\n        ref={ref}\n        {...rest}\n      >\n        {formattedLongValue}\n      </Typography>\n    );\n  }\n);\n\nDisplayNumber.displayName = \"DisplayNumber\";\n"],"mappings":";AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AAGzC,SAASC,YAAY,QAAQ,aAAa;AAC1C,SAASC,OAAO,QAAQ,YAAY;AACpC,SAASC,UAAU,QAAQ,0BAA0B;AAErD,OAAO,MAAMC,aAAa,gBAAGJ,UAAU,CACrC,CAAAK,IAAA,EAeEC,GAAG,KACA;EAAA,IAfH;IACEC,KAAK;IACLC,OAAO,GAAG,QAAQ;IAClBC,iBAAiB,GAAG,GAAG;IACvBC,gBAAgB,GAAG,GAAG;IACtBC,YAAY,GAAG,IAAI;IACnBC,aAAa,GAAG,CAAC;IACjBC,MAAM,GAAG,MAAM;IACfC,cAAc,GAAG,KAAK;IACtBC,SAAS;IACTC,EAAE,GAAG,MAAM;IACXC,gBAAgB,GAAG,IAAI;IACvB,GAAGC;EACL,CAAC,GAAAb,IAAA;EAGD,MAAMc,cAAc,GAAGlB,YAAY,CACjCM,KAAK,EACLE,iBAAiB,EACjBC,gBAAgB,EAChBC,YAAY,EACZC,aAAa,EACbC,MAAM,EACNI,gBACF,CAAC;EAED,MAAMG,kBAAkB,GAAGnB,YAAY,CACrCM,KAAK,EACLE,iBAAiB,EACjBC,gBAAgB,EAChBC,YAAY,EACZC,aAAa,EACb,MACF,CAAC;EAED,IAAIC,MAAM,KAAK,OAAO,EAAE;IACtB,oBACEd,KAAA,CAAAsB,aAAA,CAACnB,OAAO;MACNoB,KAAK,EAAErB,YAAY,CACjBM,KAAK,EACLE,iBAAiB,EACjBC,gBAAgB,EAChB,KAAK,EACLE,aAAa,EACb,MACF,CAAE;MACFW,OAAO,EACLT,cAAc,IACb,CAACM,kBAAkB,CAACI,QAAQ,CAACf,iBAAiB,CAAC,IAC9C,CAACW,kBAAkB,CAACI,QAAQ,CAACd,gBAAgB;IAChD,gBAEDX,KAAA,CAAAsB,aAAA,CAAClB,UAAU,EAAAsB,QAAA;MACTT,EAAE,EAAEA,EAAG;MACPR,OAAO,EAAEA,OAAQ;MACjBO,SAAS,EAAEA,SAAU;MACrBT,GAAG,EAAEA;IAAI,GACLY,IAAI,GAEPC,cACS,CACL,CAAC;EAEd;EAEA,oBACEpB,KAAA,CAAAsB,aAAA,CAAClB,UAAU,EAAAsB,QAAA;IACTT,EAAE,EAAEA,EAAG;IACPR,OAAO,EAAEA,OAAQ;IACjBO,SAAS,EAAEA,SAAU;IACrBT,GAAG,EAAEA;EAAI,GACLY,IAAI,GAEPE,kBACS,CAAC;AAEjB,CACF,CAAC;AAEDhB,aAAa,CAACsB,WAAW,GAAG,eAAe"}

package/dist/esm/components/Display/types.d.ts

@@ -8,6 +8,7 @@ export interface DisplayNumberProps extends Omit<TypographyProps<"span">, "child
     decimalSpaces?: number;
     format?: FormatType;
     disableTooltip?: boolean;
+    shortenThreshold?: number;
 }
 export interface DisplayHoursProps extends Omit<TypographyProps<"span">, "children"> {
     value: string | number;

package/dist/esm/components/Display/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/Display/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAC/C,OAAO,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAE3D,MAAM,WAAW,kBACf,SAAQ,IAAI,CAAC,eAAe,CAAC,MAAM,CAAC,EAAE,UAAU,CAAC;IACjD,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,MAAM,CAAC,EAAE,UAAU,CAAC;IACpB,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B;AAED,MAAM,WAAW,iBACf,SAAQ,IAAI,CAAC,eAAe,CAAC,MAAM,CAAC,EAAE,UAAU,CAAC;IACjD,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,MAAM,CAAC,EAAE,UAAU,CAAC;IACpB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/Display/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAC/C,OAAO,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAE3D,MAAM,WAAW,kBACf,SAAQ,IAAI,CAAC,eAAe,CAAC,MAAM,CAAC,EAAE,UAAU,CAAC;IACjD,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,MAAM,CAAC,EAAE,UAAU,CAAC;IACpB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B;AAED,MAAM,WAAW,iBACf,SAAQ,IAAI,CAAC,eAAe,CAAC,MAAM,CAAC,EAAE,UAAU,CAAC;IACjD,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,MAAM,CAAC,EAAE,UAAU,CAAC;IACpB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B"}

package/dist/esm/components/Display/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","names":[],"sources":["../../../../src/components/Display/types.ts"],"sourcesContent":["import { FormatType } from \"../../utils/types\";\nimport { TypographyProps } from \"../Typography/Typography\";\n\nexport interface DisplayNumberProps\n  extends Omit<TypographyProps<\"span\">, \"children\"> {\n  value: string | number;\n  thousandSeparator?: string;\n  decimalSeparator?: string;\n  trimDecimals?: boolean;\n  decimalSpaces?: number;\n  format?: FormatType;\n  disableTooltip?: boolean;\n}\n\nexport interface DisplayHoursProps\n  extends Omit<TypographyProps<\"span\">, \"children\"> {\n  value: string | number;\n  thousandSeparator?: string;\n  decimalSeparator?: string;\n  trimZeroMinutes?: boolean;\n  trimDecimals?: boolean;\n  decimalSpaces?: number;\n  format?: FormatType;\n  disableTooltip?: boolean;\n  withLeadingZero?: boolean;\n}\n"],"mappings":""}
+{"version":3,"file":"types.js","names":[],"sources":["../../../../src/components/Display/types.ts"],"sourcesContent":["import { FormatType } from \"../../utils/types\";\nimport { TypographyProps } from \"../Typography/Typography\";\n\nexport interface DisplayNumberProps\n  extends Omit<TypographyProps<\"span\">, \"children\"> {\n  value: string | number;\n  thousandSeparator?: string;\n  decimalSeparator?: string;\n  trimDecimals?: boolean;\n  decimalSpaces?: number;\n  format?: FormatType;\n  disableTooltip?: boolean;\n  shortenThreshold?: number;\n}\n\nexport interface DisplayHoursProps\n  extends Omit<TypographyProps<\"span\">, \"children\"> {\n  value: string | number;\n  thousandSeparator?: string;\n  decimalSeparator?: string;\n  trimZeroMinutes?: boolean;\n  trimDecimals?: boolean;\n  decimalSpaces?: number;\n  format?: FormatType;\n  disableTooltip?: boolean;\n  withLeadingZero?: boolean;\n}\n"],"mappings":""}

package/dist/esm/components/Input/InputTime.d.ts

@@ -15,6 +15,7 @@ export interface InputTimeProps {
     triggerMode?: InputMode;
     disabled?: boolean;
     invalid?: boolean;
+    disableVirtualization?: boolean;
 }
 export declare const InputTime: React.FC<InputTimeProps>;
 //# sourceMappingURL=InputTime.d.ts.map

package/dist/esm/components/Input/InputTime.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"InputTime.d.ts","sourceRoot":"","sources":["../../../../src/components/Input/InputTime.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2C,MAAM,OAAO,CAAC;AAQhE,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAI/C,OAAO,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AAIjD,eAAO,MAAM,sBAAsB,oEAOlC,CAAC;AAEF,MAAM,WAAW,cAAc;IAC7B,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACnB,QAAQ,CAAC,EAAE,gBAAgB,CAAC;IAC5B,GAAG,CAAC,EAAE,gBAAgB,CAAC;IACvB,GAAG,CAAC,EAAE,gBAAgB,CAAC;IACvB,QAAQ,CAAC,EAAE,CAAC,GAAG,EAAE,gBAAgB,KAAK,IAAI,CAAC;IAC3C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,IAAI,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC;IAC5B,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAMD,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAyH9C,CAAC"}
+{"version":3,"file":"InputTime.d.ts","sourceRoot":"","sources":["../../../../src/components/Input/InputTime.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2C,MAAM,OAAO,CAAC;AAQhE,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAI/C,OAAO,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AAIjD,eAAO,MAAM,sBAAsB,oEAOlC,CAAC;AAEF,MAAM,WAAW,cAAc;IAC7B,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACnB,QAAQ,CAAC,EAAE,gBAAgB,CAAC;IAC5B,GAAG,CAAC,EAAE,gBAAgB,CAAC;IACvB,GAAG,CAAC,EAAE,gBAAgB,CAAC;IACvB,QAAQ,CAAC,EAAE,CAAC,GAAG,EAAE,gBAAgB,KAAK,IAAI,CAAC;IAC3C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,IAAI,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC;IAC5B,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,qBAAqB,CAAC,EAAE,OAAO,CAAC;CACjC;AAMD,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CA2H9C,CAAC"}

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

@@ -31,6 +31,7 @@ export const InputTime = _ref => {
     triggerMode,
     disabled,
     invalid,
+    disableVirtualization,
     ...rest
   } = _ref;
   const [isOpen, setIsOpen] = useState(false);
@@ -109,7 +110,8 @@ export const InputTime = _ref => {
     onOpen: handleOpen,
     triggerMode: triggerMode,
     disabled: disabled,
-    invalid: invalid
+    invalid: invalid,
+    disableVirtualization: disableVirtualization
   })));
 };
 //# sourceMappingURL=InputTime.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"InputTime.js","names":["React","useCallback","useEffect","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","rest","isOpen","setIsOpen","generateTimeOptions","minTime","maxTime","allOptions","currentTime","isBefore","push","format","add","filter","isSameOrAfter","isSameOrBefore","timeOptions","isValidDefaultSelected","some","opt","setSelected","undefined","handleInputChange","text","test","trim","doc","parsed","times","get","value","handleChange","e","handleOpen","handleClose","_document$getElementB","selectedItem","document","getElementById","parentElement","scrollIntoView","behavior","block","_extends","options","open","disabledInternalSort","keepSameOptionsOrder","onInputChange","forceCloseMenu","autoHeightMax","onClose","onOpen"],"sources":["../../../../src/components/Input/InputTime.tsx"],"sourcesContent":["import React, { useCallback, useEffect, 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}\n\nconst renderOption = (option) => {\n  return <div id={option.id}>{option.name}</div>;\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  ...rest\n}) => {\n  const [isOpen, setIsOpen] = useState(false);\n\n  const generateTimeOptions = (): IOptionItemProps[] => {\n    const minTime = moment(isValidTime(min) ? min : \"00:00\", \"HH:mm\");\n    const maxTime = moment(isValidTime(max) ? max : \"23:45\", \"HH:mm\");\n    const allOptions: IOptionItemProps[] = [];\n\n    const currentTime = moment(\"00:00\", \"HH:mm\");\n\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\n    return allOptions.filter(\n      (option) =>\n        moment(option.id, \"HH:mm\").isSameOrAfter(minTime) &&\n        moment(option.id, \"HH:mm\").isSameOrBefore(maxTime)\n    );\n  };\n\n  const timeOptions = generateTimeOptions();\n\n  const isValidDefaultSelected = defaultSelected\n    ? timeOptions.some((opt) => opt.id === 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      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 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  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        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      />\n    </StyledInputTimeWrapper>\n  );\n};\n"],"mappings":";AAAA,OAAOA,KAAK,IAAIC,WAAW,EAAEC,SAAS,EAAEC,QAAQ,QAAQ,OAAO;AAE/D,OAAOC,UAAU,MAAM,YAAY;AACnC,OAAOC,GAAG,MAAM,YAAY;AAC5B,OAAOC,GAAG,MAAwB,kBAAkB;AACpD,OAAOC,MAAM,MAAM,QAAQ;AAC3B,OAAOC,MAAM,MAAM,mBAAmB;AAGtC,SAASC,WAAW,QAAQ,uBAAuB;AACnD,SAASC,QAAQ,QAAQ,sBAAsB;AAI/CL,GAAG,CAACM,MAAM,CAACL,GAAG,CAAC;AAEf,OAAO,MAAMM,sBAAsB,GAAGJ,MAAM,CAACK,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,qEAO/C;AAiBD,MAAMC,YAAY,GAAIC,MAAM,IAAK;EAC/B,oBAAOlB,KAAA,CAAAmB,aAAA;IAAKC,EAAE,EAAEF,MAAM,CAACE;EAAG,GAAEF,MAAM,CAACG,IAAU,CAAC;AAChD,CAAC;AAED,OAAO,MAAMC,SAAmC,GAAGC,IAAA,IAc7C;EAAA,IAd8C;IAClDC,IAAI,GAAG,IAAI;IACXC,QAAQ,EAAEC,eAAe;IACzBC,GAAG,GAAG,OAAO;IACbC,GAAG,GAAG,OAAO;IACbC,QAAQ;IACRC,IAAI,GAAG,EAAE;IACTC,IAAI;IACJC,SAAS;IACTC,WAAW;IACXC,WAAW;IACXC,QAAQ;IACRC,OAAO;IACP,GAAGC;EACL,CAAC,GAAAd,IAAA;EACC,MAAM,CAACe,MAAM,EAAEC,SAAS,CAAC,GAAGpC,QAAQ,CAAC,KAAK,CAAC;EAE3C,MAAMqC,mBAAmB,GAAGA,CAAA,KAA0B;IACpD,MAAMC,OAAO,GAAGlC,MAAM,CAACE,WAAW,CAACkB,GAAG,CAAC,GAAGA,GAAG,GAAG,OAAO,EAAE,OAAO,CAAC;IACjE,MAAMe,OAAO,GAAGnC,MAAM,CAACE,WAAW,CAACmB,GAAG,CAAC,GAAGA,GAAG,GAAG,OAAO,EAAE,OAAO,CAAC;IACjE,MAAMe,UAA8B,GAAG,EAAE;IAEzC,MAAMC,WAAW,GAAGrC,MAAM,CAAC,OAAO,EAAE,OAAO,CAAC;IAE5C,OAAOqC,WAAW,CAACC,QAAQ,CAACtC,MAAM,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC,EAAE;MACrDoC,UAAU,CAACG,IAAI,CAAC;QACd1B,EAAE,EAAEwB,WAAW,CAACG,MAAM,CAAC,OAAO,CAAC;QAC/B1B,IAAI,EAAEuB,WAAW,CAACG,MAAM,CAACvB,IAAI,KAAK,IAAI,GAAG,SAAS,GAAG,OAAO;MAC9D,CAAC,CAAC;MACFoB,WAAW,CAACI,GAAG,CAAClB,IAAI,EAAE,SAAS,CAAC;IAClC;IAEA,OAAOa,UAAU,CAACM,MAAM,CACrB/B,MAAM,IACLX,MAAM,CAACW,MAAM,CAACE,EAAE,EAAE,OAAO,CAAC,CAAC8B,aAAa,CAACT,OAAO,CAAC,IACjDlC,MAAM,CAACW,MAAM,CAACE,EAAE,EAAE,OAAO,CAAC,CAAC+B,cAAc,CAACT,OAAO,CACrD,CAAC;EACH,CAAC;EAED,MAAMU,WAAW,GAAGZ,mBAAmB,CAAC,CAAC;EAEzC,MAAMa,sBAAsB,GAAG3B,eAAe,GAC1C0B,WAAW,CAACE,IAAI,CAAEC,GAAG,IAAKA,GAAG,CAACnC,EAAE,KAAKM,eAAe,CAAC,GACrD,KAAK;EAET,MAAM,CAACD,QAAQ,EAAE+B,WAAW,CAAC,GAAGrD,QAAQ,CACtCkD,sBAAsB,GAAG3B,eAAe,GAAG+B,SAC7C,CAAC;EAED,MAAMC,iBAAiB,GAAGzD,WAAW,CAClC0D,IAAY,IAAK;IAChB,IAAI,eAAe,CAACC,IAAI,CAACD,IAAI,CAACE,IAAI,CAAC,CAAC,CAAC,EAAE;MACrC;IACF;IACA,MAAMC,GAAG,GAAGzD,GAAG,CAAesD,IAAI,CAAC;IACnC,MAAMI,MAAM,GAAGD,GAAG,CAACE,KAAK,CAAC,CAAC,CAACC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC;IACnC,IAAIF,MAAM,IAAIA,MAAM,CAAC,KAAK,CAAC,IAAIA,MAAM,CAAC,KAAK,CAAC,KAAKtC,QAAQ,EAAE;MACzD,MAAMyC,KAAK,GAAG3D,MAAM,CAACwD,MAAM,CAAC,CAAChB,MAAM,CAAC,OAAO,CAAqB;MAChE,IAAIK,WAAW,CAACE,IAAI,CAAEpC,MAAM,IAAKA,MAAM,CAACE,EAAE,KAAK8C,KAAK,CAAC,EAAE;QACrDV,WAAW,CAACU,KAAK,CAAC;QAClBrC,QAAQ,YAARA,QAAQ,CAAGqC,KAAK,CAAC;QACjB3B,SAAS,CAAC,KAAK,CAAC;MAClB;IACF;EACF,CAAC,EACD,CAACV,QAAQ,EAAEJ,QAAQ,EAAE2B,WAAW,CAClC,CAAC;EAED,MAAMe,YAAY,GAAIC,CAAC,IAAK;IAC1BZ,WAAW,CAACY,CAAC,CAAC;IACdvC,QAAQ,YAARA,QAAQ,CAAGuC,CAAC,CAAC;EACf,CAAC;EAED,MAAMC,UAAU,GAAGA,CAAA,KAAM;IACvB9B,SAAS,CAAC,IAAI,CAAC;EACjB,CAAC;EAED,MAAM+B,WAAW,GAAGA,CAAA,KAAM;IACxB/B,SAAS,CAAC,KAAK,CAAC;EAClB,CAAC;EAEDrC,SAAS,CAAC,MAAM;IACd,IAAIoC,MAAM,IAAIb,QAAQ,EAAE;MAAA,IAAA8C,qBAAA;MACtB,MAAMC,YAAY,IAAAD,qBAAA,GAAGE,QAAQ,CAACC,cAAc,CAACjD,QAAQ,CAAC,qBAAjC8C,qBAAA,CAAmCI,aAAa;MACrEH,YAAY,YAAZA,YAAY,CAAEI,cAAc,CAAC;QAAEC,QAAQ,EAAE,QAAQ;QAAEC,KAAK,EAAE;MAAS,CAAC,CAAC;IACvE;EACF,CAAC,EAAE,CAACxC,MAAM,EAAEb,QAAQ,CAAC,CAAC;EAEtBvB,SAAS,CAAC,MAAM;IACd,IACEwB,eAAe,KAAKD,QAAQ,IAC5B2B,WAAW,CAACE,IAAI,CAAEC,GAAG,IAAKA,GAAG,CAACnC,EAAE,KAAKM,eAAe,CAAC,EAErD8B,WAAW,CAAC9B,eAAe,CAAC;IAC9B;EACF,CAAC,EAAE,CAACA,eAAe,EAAE0B,WAAW,CAAC,CAAC;EAElC,oBACEpD,KAAA,CAAAmB,aAAA,CAACP,sBAAsB;IAACoB,SAAS,EAAE5B,UAAU,CAAC,cAAc,EAAE4B,SAAS;EAAE,gBACvEhC,KAAA,CAAAmB,aAAA,CAACT,QAAQ,EAAAqE,QAAA,KACH1C,IAAI;IACR2C,OAAO,EAAE5B,WAAY;IACrB6B,IAAI,EAAE3C,MAAO;IACb4C,oBAAoB;IACpBzD,QAAQ,EAAEA,QAAS;IACnB0D,oBAAoB;IACpBC,aAAa,EAAE1B,iBAAkB;IACjC7B,QAAQ,EAAEsC,YAAa;IACvBkB,cAAc;IACdpD,WAAW,EAAEA,WAAY;IACzBhB,YAAY,EAAEA,YAAa;IAC3BqE,aAAa,EAAE,GAAI;IACnBvD,IAAI,EAAEA,IAAK;IACXwD,OAAO,EAAEjB,WAAY;IACrBkB,MAAM,EAAEnB,UAAW;IACnBnC,WAAW,EAAEA,WAAY;IACzBC,QAAQ,EAAEA,QAAS;IACnBC,OAAO,EAAEA;EAAQ,EAClB,CACqB,CAAC;AAE7B,CAAC"}
+{"version":3,"file":"InputTime.js","names":["React","useCallback","useEffect","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","disableVirtualization","rest","isOpen","setIsOpen","generateTimeOptions","minTime","maxTime","allOptions","currentTime","isBefore","push","format","add","filter","isSameOrAfter","isSameOrBefore","timeOptions","isValidDefaultSelected","some","opt","setSelected","undefined","handleInputChange","text","test","trim","doc","parsed","times","get","value","handleChange","e","handleOpen","handleClose","_document$getElementB","selectedItem","document","getElementById","parentElement","scrollIntoView","behavior","block","_extends","options","open","disabledInternalSort","keepSameOptionsOrder","onInputChange","forceCloseMenu","autoHeightMax","onClose","onOpen"],"sources":["../../../../src/components/Input/InputTime.tsx"],"sourcesContent":["import React, { useCallback, useEffect, 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  disableVirtualization?: boolean;\n}\n\nconst renderOption = (option) => {\n  return <div id={option.id}>{option.name}</div>;\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  disableVirtualization,\n  ...rest\n}) => {\n  const [isOpen, setIsOpen] = useState(false);\n\n  const generateTimeOptions = (): IOptionItemProps[] => {\n    const minTime = moment(isValidTime(min) ? min : \"00:00\", \"HH:mm\");\n    const maxTime = moment(isValidTime(max) ? max : \"23:45\", \"HH:mm\");\n    const allOptions: IOptionItemProps[] = [];\n\n    const currentTime = moment(\"00:00\", \"HH:mm\");\n\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\n    return allOptions.filter(\n      (option) =>\n        moment(option.id, \"HH:mm\").isSameOrAfter(minTime) &&\n        moment(option.id, \"HH:mm\").isSameOrBefore(maxTime)\n    );\n  };\n\n  const timeOptions = generateTimeOptions();\n\n  const isValidDefaultSelected = defaultSelected\n    ? timeOptions.some((opt) => opt.id === 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      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 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  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        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={disableVirtualization}\n      />\n    </StyledInputTimeWrapper>\n  );\n};\n"],"mappings":"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"}

package/dist/esm/components/Select/OptionGroup/OptionGroup.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"OptionGroup.d.ts","sourceRoot":"","sources":["../../../../../src/components/Select/OptionGroup/OptionGroup.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAmC,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAa9E,OAAO,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AAEpD,MAAM,WAAW,iBAAkB,SAAQ,gBAAgB;IACzD,yBAAyB;IACzB,OAAO,EAAE,gBAAgB,EAAE,CAAC;CAC7B;AAED,UAAU,2BAA2B;IACnC,sCAAsC;IACtC,IAAI,CAAC,EAAE,QAAQ,GAAG,UAAU,CAAC;IAC7B,+BAA+B;IAC/B,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,CAAC;IAC/B,wBAAwB;IACxB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,qBAAqB;IACrB,OAAO,EAAE,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,CAAC;IAC7B,2BAA2B;IAC3B,YAAY,EAAE,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,CAAC;IAClC,wBAAwB;IACxB,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,KAAK,IAAI,CAAC;IAC5C,mCAAmC;IACnC,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,KAAK,IAAI,CAAC;IACpD,sBAAsB;IACtB,aAAa,CAAC,EAAE,CAAC,IAAI,EAAE,gBAAgB,EAAE,KAAK,EAAE,MAAM,KAAK,SAAS,CAAC;IACrE,uCAAuC;IACvC,oBAAoB,CAAC,EAAE,MAAM,CAAC;CAC/B;AAED,eAAO,MAAM,WAAW,EAAE,EAAE,CAC1B,iBAAiB,GAAG,2BAA2B,CA+GhD,CAAC"}
+{"version":3,"file":"OptionGroup.d.ts","sourceRoot":"","sources":["../../../../../src/components/Select/OptionGroup/OptionGroup.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAmC,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAY9E,OAAO,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AAEpD,MAAM,WAAW,iBAAkB,SAAQ,gBAAgB;IACzD,yBAAyB;IACzB,OAAO,EAAE,gBAAgB,EAAE,CAAC;CAC7B;AAED,UAAU,2BAA2B;IACnC,sCAAsC;IACtC,IAAI,CAAC,EAAE,QAAQ,GAAG,UAAU,CAAC;IAC7B,+BAA+B;IAC/B,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,CAAC;IAC/B,wBAAwB;IACxB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,qBAAqB;IACrB,OAAO,EAAE,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,CAAC;IAC7B,2BAA2B;IAC3B,YAAY,EAAE,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,CAAC;IAClC,wBAAwB;IACxB,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,KAAK,IAAI,CAAC;IAC5C,mCAAmC;IACnC,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,KAAK,IAAI,CAAC;IACpD,sBAAsB;IACtB,aAAa,CAAC,EAAE,CAAC,IAAI,EAAE,gBAAgB,EAAE,KAAK,EAAE,MAAM,KAAK,SAAS,CAAC;IACrE,uCAAuC;IACvC,oBAAoB,CAAC,EAAE,MAAM,CAAC;CAC/B;AAED,eAAO,MAAM,WAAW,EAAE,EAAE,CAC1B,iBAAiB,GAAG,2BAA2B,CA8FhD,CAAC"}

package/dist/esm/components/Select/OptionGroup/OptionGroup.js

@@ -2,7 +2,6 @@ import React, { useCallback, useEffect, useMemo } from "react";
 import classNames from "classnames";
 import { StyledOptionGroup, StyledOptionGroupHeader, StyledOptionGroupOption, StyledOptionGroupLi, StyledOptionGroupHeaderName } from "./Styles";
 import { Checkbox } from "../../Checkbox/Checkbox";
-import { List } from "../../List";
 export const OptionGroup = _ref => {
   let {
     id,
@@ -10,15 +9,12 @@ export const OptionGroup = _ref => {
     options,
     type,
     hover,
-    filter,
     checked,
     onChange,
     setHover,
-    renderOptions,
     optionGroupClassName,
     mixedOptions = []
   } = _ref;
-  const list = useMemo(() => filter ? options.filter(v => v.name.toLowerCase().includes(filter.trim().toLowerCase())) : options, [filter, options]);
   useEffect(() => {
     if (hover === id && type !== "single") {
       var _document$getElementB;
@@ -27,17 +23,18 @@ export const OptionGroup = _ref => {
   }, [hover, type, id]);
   const isAllOptionsChecked = useMemo(() => options.every(option => checked.includes(option.id)), [options, checked]);
   const handleHover = useCallback(() => {
-    if (options.some(option => checked.includes(option.id))) return;
+    // if (options.some((option) => checked.includes(option.id))) return;
     if (setHover) {
       setHover(type === "single" ? undefined : id);
     }
-  }, [setHover, type, id, checked, options]);
+  }, [setHover, type, id]);
   const allOptionValues = useMemo(() => options.map(option => option.id), [options]);
   const isMixed = useMemo(() => {
     return (options.some(option => checked.includes(option.id)) || mixedOptions.some(item => allOptionValues.includes(item))) && !isAllOptionsChecked;
   }, [allOptionValues, checked, isAllOptionsChecked, mixedOptions, options]);
   const handleClick = useCallback(e => {
     e.stopPropagation();
+    e.preventDefault();
     if (onChange) {
       if (isAllOptionsChecked) {
         onChange(checked.filter(i => allOptionValues.includes(i) === false));
@@ -52,7 +49,8 @@ export const OptionGroup = _ref => {
   }, [allOptionValues, checked, isAllOptionsChecked, onChange]);
   return /*#__PURE__*/React.createElement(StyledOptionGroupLi, {
     key: id,
-    className: classNames("c-option-group", optionGroupClassName)
+    className: classNames("c-option-group", optionGroupClassName),
+    onClick: handleClick
   }, /*#__PURE__*/React.createElement(StyledOptionGroup, {
     key: id
   }, /*#__PURE__*/React.createElement(StyledOptionGroupOption, {
@@ -66,9 +64,7 @@ export const OptionGroup = _ref => {
     mixed: isMixed,
     onChange: handleClick,
     type: "checkbox"
-  }))), /*#__PURE__*/React.createElement(List, null, list.map((item, index) => {
-    return typeof renderOptions === "function" ? renderOptions(item, index) : item.name;
-  }))));
+  })))));
 };
 OptionGroup.displayName = "OptionGroup";
 //# sourceMappingURL=OptionGroup.js.map

package/dist/esm/components/Select/OptionGroup/OptionGroup.js.map

@@ -1 +1 @@
-{"version":3,"file":"OptionGroup.js","names":["React","useCallback","useEffect","useMemo","classNames","StyledOptionGroup","StyledOptionGroupHeader","StyledOptionGroupOption","StyledOptionGroupLi","StyledOptionGroupHeaderName","Checkbox","List","OptionGroup","_ref","id","name","options","type","hover","filter","checked","onChange","setHover","renderOptions","optionGroupClassName","mixedOptions","list","v","toLowerCase","includes","trim","_document$getElementB","document","getElementById","focus","isAllOptionsChecked","every","option","handleHover","some","undefined","allOptionValues","map","isMixed","item","handleClick","e","stopPropagation","i","values","unique","pos","indexOf","createElement","key","className","onMouseEnter","weight","mixed","index","displayName"],"sources":["../../../../../src/components/Select/OptionGroup/OptionGroup.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useMemo, FC, ReactNode } from \"react\";\n\nimport classNames from \"classnames\";\n\nimport {\n  StyledOptionGroup,\n  StyledOptionGroupHeader,\n  StyledOptionGroupOption,\n  StyledOptionGroupLi,\n  StyledOptionGroupHeaderName,\n} from \"./Styles\";\nimport { Checkbox } from \"../../Checkbox/Checkbox\";\nimport { List } from \"../../List\";\nimport { IOptionItemProps } from \"../Option/Option\";\n\nexport interface IOptionGroupProps extends IOptionItemProps {\n  /** Options items list */\n  options: IOptionItemProps[];\n}\n\ninterface IAdditionalOptionGroupProps {\n  /** Select type: single or multiple */\n  type?: \"single\" | \"multiple\";\n  /** Value of hovered element */\n  hover?: number | string | null;\n  /** Filter for labels */\n  filter?: string;\n  /** Checked values */\n  checked: (string | number)[];\n  /** Mixed options values */\n  mixedOptions: (string | number)[];\n  /** onChange callback */\n  onChange?: (e: (string | number)[]) => void;\n  /** Set value of hovered element */\n  setHover?: (e: number | string | undefined) => void;\n  /** Render function */\n  renderOptions?: (item: IOptionItemProps, index: number) => ReactNode;\n  /** Value that represent class names */\n  optionGroupClassName?: string;\n}\n\nexport const OptionGroup: FC<\n  IOptionGroupProps & IAdditionalOptionGroupProps\n> = ({\n  id,\n  name,\n  options,\n  type,\n  hover,\n  filter,\n  checked,\n  onChange,\n  setHover,\n  renderOptions,\n  optionGroupClassName,\n  mixedOptions = [],\n}) => {\n  const list = useMemo(\n    () =>\n      filter\n        ? options.filter((v) =>\n            v.name.toLowerCase().includes(filter.trim().toLowerCase())\n          )\n        : options,\n    [filter, options]\n  );\n\n  useEffect(() => {\n    if (hover === id && type !== \"single\") {\n      document.getElementById(`${id}`)?.focus();\n    }\n  }, [hover, type, id]);\n\n  const isAllOptionsChecked = useMemo(\n    () => options.every((option) => checked.includes(option.id)),\n    [options, checked]\n  );\n\n  const handleHover = useCallback(() => {\n    if (options.some((option) => checked.includes(option.id))) return;\n    if (setHover) {\n      setHover(type === \"single\" ? undefined : id);\n    }\n  }, [setHover, type, id, checked, options]);\n\n  const allOptionValues = useMemo(\n    () => options.map((option) => option.id),\n    [options]\n  );\n\n  const isMixed: boolean = useMemo(() => {\n    return (\n      (options.some((option) => checked.includes(option.id)) ||\n        mixedOptions.some((item) => allOptionValues.includes(item))) &&\n      !isAllOptionsChecked\n    );\n  }, [allOptionValues, checked, isAllOptionsChecked, mixedOptions, options]);\n\n  const handleClick = useCallback(\n    (e) => {\n      e.stopPropagation();\n      if (onChange) {\n        if (isAllOptionsChecked) {\n          onChange(\n            checked.filter((i) => allOptionValues.includes(i) === false)\n          );\n        } else {\n          const values = [...checked, ...allOptionValues];\n          const unique = values.filter((item, pos) => {\n            return values.indexOf(item) === pos;\n          });\n          onChange(unique);\n        }\n      }\n    },\n    [allOptionValues, checked, isAllOptionsChecked, onChange]\n  );\n\n  return (\n    <StyledOptionGroupLi\n      key={id}\n      className={classNames(\"c-option-group\", optionGroupClassName)}\n    >\n      <StyledOptionGroup key={id}>\n        <StyledOptionGroupOption\n          onMouseEnter={handleHover}\n          hover={hover === id && type === \"multiple\"}\n        >\n          <StyledOptionGroupHeader>\n            <StyledOptionGroupHeaderName weight=\"bold\">\n              {name}\n            </StyledOptionGroupHeaderName>\n            {type === \"multiple\" && (\n              <Checkbox\n                id={`${id}`}\n                checked={isAllOptionsChecked}\n                mixed={isMixed}\n                onChange={handleClick}\n                type=\"checkbox\"\n              />\n            )}\n          </StyledOptionGroupHeader>\n        </StyledOptionGroupOption>\n        <List>\n          {list.map((item: IOptionItemProps, index) => {\n            return typeof renderOptions === \"function\"\n              ? renderOptions(item, index)\n              : item.name;\n          })}\n        </List>\n      </StyledOptionGroup>\n    </StyledOptionGroupLi>\n  );\n};\n\nOptionGroup.displayName = \"OptionGroup\";\n"],"mappings":"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"}
+{"version":3,"file":"OptionGroup.js","names":["React","useCallback","useEffect","useMemo","classNames","StyledOptionGroup","StyledOptionGroupHeader","StyledOptionGroupOption","StyledOptionGroupLi","StyledOptionGroupHeaderName","Checkbox","OptionGroup","_ref","id","name","options","type","hover","checked","onChange","setHover","optionGroupClassName","mixedOptions","_document$getElementB","document","getElementById","focus","isAllOptionsChecked","every","option","includes","handleHover","undefined","allOptionValues","map","isMixed","some","item","handleClick","e","stopPropagation","preventDefault","filter","i","values","unique","pos","indexOf","createElement","key","className","onClick","onMouseEnter","weight","mixed","displayName"],"sources":["../../../../../src/components/Select/OptionGroup/OptionGroup.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useMemo, FC, ReactNode } from \"react\";\n\nimport classNames from \"classnames\";\n\nimport {\n  StyledOptionGroup,\n  StyledOptionGroupHeader,\n  StyledOptionGroupOption,\n  StyledOptionGroupLi,\n  StyledOptionGroupHeaderName,\n} from \"./Styles\";\nimport { Checkbox } from \"../../Checkbox/Checkbox\";\nimport { IOptionItemProps } from \"../Option/Option\";\n\nexport interface IOptionGroupProps extends IOptionItemProps {\n  /** Options items list */\n  options: IOptionItemProps[];\n}\n\ninterface IAdditionalOptionGroupProps {\n  /** Select type: single or multiple */\n  type?: \"single\" | \"multiple\";\n  /** Value of hovered element */\n  hover?: number | string | null;\n  /** Filter for labels */\n  filter?: string;\n  /** Checked values */\n  checked: (string | number)[];\n  /** Mixed options values */\n  mixedOptions: (string | number)[];\n  /** onChange callback */\n  onChange?: (e: (string | number)[]) => void;\n  /** Set value of hovered element */\n  setHover?: (e: number | string | undefined) => void;\n  /** Render function */\n  renderOptions?: (item: IOptionItemProps, index: number) => ReactNode;\n  /** Value that represent class names */\n  optionGroupClassName?: string;\n}\n\nexport const OptionGroup: FC<\n  IOptionGroupProps & IAdditionalOptionGroupProps\n> = ({\n  id,\n  name,\n  options,\n  type,\n  hover,\n  checked,\n  onChange,\n  setHover,\n  optionGroupClassName,\n  mixedOptions = [],\n}) => {\n  useEffect(() => {\n    if (hover === id && type !== \"single\") {\n      document.getElementById(`${id}`)?.focus();\n    }\n  }, [hover, type, id]);\n\n  const isAllOptionsChecked = useMemo(\n    () => options.every((option) => checked.includes(option.id)),\n    [options, checked]\n  );\n\n  const handleHover = useCallback(() => {\n    // if (options.some((option) => checked.includes(option.id))) return;\n    if (setHover) {\n      setHover(type === \"single\" ? undefined : id);\n    }\n  }, [setHover, type, id]);\n\n  const allOptionValues = useMemo(\n    () => options.map((option) => option.id),\n    [options]\n  );\n\n  const isMixed: boolean = useMemo(() => {\n    return (\n      (options.some((option) => checked.includes(option.id)) ||\n        mixedOptions.some((item) => allOptionValues.includes(item))) &&\n      !isAllOptionsChecked\n    );\n  }, [allOptionValues, checked, isAllOptionsChecked, mixedOptions, options]);\n\n  const handleClick = useCallback(\n    (e) => {\n      e.stopPropagation();\n      e.preventDefault();\n      if (onChange) {\n        if (isAllOptionsChecked) {\n          onChange(\n            checked.filter((i) => allOptionValues.includes(i) === false)\n          );\n        } else {\n          const values = [...checked, ...allOptionValues];\n          const unique = values.filter((item, pos) => {\n            return values.indexOf(item) === pos;\n          });\n          onChange(unique);\n        }\n      }\n    },\n    [allOptionValues, checked, isAllOptionsChecked, onChange]\n  );\n\n  return (\n    <StyledOptionGroupLi\n      key={id}\n      className={classNames(\"c-option-group\", optionGroupClassName)}\n      onClick={handleClick}\n    >\n      <StyledOptionGroup key={id}>\n        <StyledOptionGroupOption\n          onMouseEnter={handleHover}\n          hover={hover === id && type === \"multiple\"}\n        >\n          <StyledOptionGroupHeader>\n            <StyledOptionGroupHeaderName weight=\"bold\">\n              {name}\n            </StyledOptionGroupHeaderName>\n            {type === \"multiple\" && (\n              <Checkbox\n                id={`${id}`}\n                checked={isAllOptionsChecked}\n                mixed={isMixed}\n                onChange={handleClick}\n                type=\"checkbox\"\n              />\n            )}\n          </StyledOptionGroupHeader>\n        </StyledOptionGroupOption>\n      </StyledOptionGroup>\n    </StyledOptionGroupLi>\n  );\n};\n\nOptionGroup.displayName = \"OptionGroup\";\n"],"mappings":"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"}

package/dist/esm/components/Select/OptionGroup/Styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/Select/OptionGroup/Styles.ts"],"names":[],"mappings":";AAOA,eAAO,MAAM,mBAAmB,mEAE/B,CAAC;AACF,eAAO,MAAM,iBAAiB,oEAI7B,CAAC;AAIF,eAAO,MAAM,uBAAuB,oEAUnC,CAAC;AAIF,eAAO,MAAM,2BAA2B,oRAKvC,CAAC;AAIF,eAAO,MAAM,uBAAuB;;SAMnC,CAAC"}
+{"version":3,"file":"Styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/Select/OptionGroup/Styles.ts"],"names":[],"mappings":";AAOA,eAAO,MAAM,mBAAmB,mEAG/B,CAAC;AACF,eAAO,MAAM,iBAAiB,oEAI7B,CAAC;AAIF,eAAO,MAAM,uBAAuB,oEAUnC,CAAC;AAIF,eAAO,MAAM,2BAA2B,oRAKvC,CAAC;AAIF,eAAO,MAAM,uBAAuB;;SAMnC,CAAC"}

package/dist/esm/components/Select/OptionGroup/Styles.js

@@ -5,7 +5,7 @@ import { Body2 } from "../../Typography";
 export const StyledOptionGroupLi = styled.li.withConfig({
   displayName: "Styles__StyledOptionGroupLi",
   componentId: "sc-16v5afu-0"
-})(["flex-direction:column;"]);
+})(["flex-direction:column;cursor:pointer;"]);
 export const StyledOptionGroup = styled.div.withConfig({
   displayName: "Styles__StyledOptionGroup",
   componentId: "sc-16v5afu-1"

package/dist/esm/components/Select/OptionGroup/Styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Styles.js","names":["styled","css","BoxSizingStyle","FontStyle","Body2","StyledOptionGroupLi","li","withConfig","displayName","componentId","StyledOptionGroup","div","StyledOptionGroupHeader","StyledOptionGroupHeaderName","StyledOptionGroupOption","props","hover"],"sources":["../../../../../src/components/Select/OptionGroup/Styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\nimport tw from \"twin.macro\";\n\nimport { BoxSizingStyle } from \"../../BoxSizingStyle\";\nimport { FontStyle } from \"../../FontStyle\";\nimport { Body2 } from \"../../Typography\";\n\nexport const StyledOptionGroupLi = styled.li`\n  flex-direction: column;\n`;\nexport const StyledOptionGroup = styled.div`\n  ${tw`tw-select-none`}\n  ${FontStyle}\n  ${BoxSizingStyle}\n`;\n\nStyledOptionGroup.displayName = \"StyledOptionGroup\";\n\nexport const StyledOptionGroupHeader = styled.div`\n  height: 28px;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding: 0 16px;\n  margin: 6px 0;\n  * {\n    margin: auto 0;\n  }\n`;\n\nStyledOptionGroupHeader.displayName = \"StyledOptionGroupHeader\";\n\nexport const StyledOptionGroupHeaderName = styled(Body2)`\n  padding-right: 10px;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n`;\n\nStyledOptionGroupHeaderName.displayName = \"StyledOptionGroupHeaderName\";\n\nexport const StyledOptionGroupOption = styled.div<{ hover?: boolean }>`\n  ${(props) =>\n    props.hover &&\n    css`\n      background-color: var(--color-theme-200);\n    `}\n`;\n\nStyledOptionGroupOption.displayName = \"StyledOptionGroupOption\";\n"],"mappings":"AAAA,OAAOA,MAAM,IAAIC,GAAG,QAAQ,mBAAmB;AAG/C,SAASC,cAAc,QAAQ,sBAAsB;AACrD,SAASC,SAAS,QAAQ,iBAAiB;AAC3C,SAASC,KAAK,QAAQ,kBAAkB;AAExC,OAAO,MAAMC,mBAAmB,GAAGL,MAAM,CAACM,EAAE,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,8BAE3C;AACD,OAAO,MAAMC,iBAAiB,GAAGV,MAAM,CAACW,GAAG,CAAAJ,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,uBACrC;EAAA;AAAe,CAAC,EAClBN,SAAS,EACTD,cAAc,CACjB;AAEDQ,iBAAiB,CAACF,WAAW,GAAG,mBAAmB;AAEnD,OAAO,MAAMI,uBAAuB,GAAGZ,MAAM,CAACW,GAAG,CAAAJ,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,+HAUhD;AAEDG,uBAAuB,CAACJ,WAAW,GAAG,yBAAyB;AAE/D,OAAO,MAAMK,2BAA2B,GAAGb,MAAM,CAACI,KAAK,CAAC,CAAAG,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,qFAKvD;AAEDI,2BAA2B,CAACL,WAAW,GAAG,6BAA6B;AAEvE,OAAO,MAAMM,uBAAuB,GAAGd,MAAM,CAACW,GAAG,CAAAJ,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,aAC5CM,KAAK,IACNA,KAAK,CAACC,KAAK,IACXf,GAAG,8CAEF,CACJ;AAEDa,uBAAuB,CAACN,WAAW,GAAG,yBAAyB"}
+{"version":3,"file":"Styles.js","names":["styled","css","BoxSizingStyle","FontStyle","Body2","StyledOptionGroupLi","li","withConfig","displayName","componentId","StyledOptionGroup","div","StyledOptionGroupHeader","StyledOptionGroupHeaderName","StyledOptionGroupOption","props","hover"],"sources":["../../../../../src/components/Select/OptionGroup/Styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\nimport tw from \"twin.macro\";\n\nimport { BoxSizingStyle } from \"../../BoxSizingStyle\";\nimport { FontStyle } from \"../../FontStyle\";\nimport { Body2 } from \"../../Typography\";\n\nexport const StyledOptionGroupLi = styled.li`\n  flex-direction: column;\n  cursor: pointer;\n`;\nexport const StyledOptionGroup = styled.div`\n  ${tw`tw-select-none`}\n  ${FontStyle}\n  ${BoxSizingStyle}\n`;\n\nStyledOptionGroup.displayName = \"StyledOptionGroup\";\n\nexport const StyledOptionGroupHeader = styled.div`\n  height: 28px;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding: 0 16px;\n  margin: 6px 0;\n  * {\n    margin: auto 0;\n  }\n`;\n\nStyledOptionGroupHeader.displayName = \"StyledOptionGroupHeader\";\n\nexport const StyledOptionGroupHeaderName = styled(Body2)`\n  padding-right: 10px;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n`;\n\nStyledOptionGroupHeaderName.displayName = \"StyledOptionGroupHeaderName\";\n\nexport const StyledOptionGroupOption = styled.div<{ hover?: boolean }>`\n  ${(props) =>\n    props.hover &&\n    css`\n      background-color: var(--color-theme-200);\n    `}\n`;\n\nStyledOptionGroupOption.displayName = \"StyledOptionGroupOption\";\n"],"mappings":"AAAA,OAAOA,MAAM,IAAIC,GAAG,QAAQ,mBAAmB;AAG/C,SAASC,cAAc,QAAQ,sBAAsB;AACrD,SAASC,SAAS,QAAQ,iBAAiB;AAC3C,SAASC,KAAK,QAAQ,kBAAkB;AAExC,OAAO,MAAMC,mBAAmB,GAAGL,MAAM,CAACM,EAAE,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,6CAG3C;AACD,OAAO,MAAMC,iBAAiB,GAAGV,MAAM,CAACW,GAAG,CAAAJ,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,uBACrC;EAAA;AAAe,CAAC,EAClBN,SAAS,EACTD,cAAc,CACjB;AAEDQ,iBAAiB,CAACF,WAAW,GAAG,mBAAmB;AAEnD,OAAO,MAAMI,uBAAuB,GAAGZ,MAAM,CAACW,GAAG,CAAAJ,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,+HAUhD;AAEDG,uBAAuB,CAACJ,WAAW,GAAG,yBAAyB;AAE/D,OAAO,MAAMK,2BAA2B,GAAGb,MAAM,CAACI,KAAK,CAAC,CAAAG,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,qFAKvD;AAEDI,2BAA2B,CAACL,WAAW,GAAG,6BAA6B;AAEvE,OAAO,MAAMM,uBAAuB,GAAGd,MAAM,CAACW,GAAG,CAAAJ,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,aAC5CM,KAAK,IACNA,KAAK,CAACC,KAAK,IACXf,GAAG,8CAEF,CACJ;AAEDa,uBAAuB,CAACN,WAAW,GAAG,yBAAyB"}

package/dist/esm/components/Select/Select.d.ts

@@ -35,6 +35,7 @@ export interface ISelectProps extends Omit<IAutocompleteProps, "handleChange" |
     focusInput?: boolean;
     /** Mixed options values */
     mixed?: (string | number)[];
+    disableVirtualization?: boolean;
 }
 export declare const Select: FC<ISelectProps>;
 //# sourceMappingURL=Select.d.ts.map

package/dist/esm/components/Select/Select.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../../src/components/Select/Select.tsx"],"names":[],"mappings":"AAAA,OAAc,EACZ,EAAE,EAGF,YAAY,EAIZ,GAAG,EACH,SAAS,EACV,MAAM,OAAO,CAAC;AAEf,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAc3C,OAAO,EAAE,kBAAkB,EAAE,MAAM,8BAA8B,CAAC;AAKlE,MAAM,WAAW,cAAc,CAAC,CAAC,CAAE,SAAQ,YAAY;IACrD,GAAG,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC,CAAC;CACd;AAED,MAAM,WAAW,YACf,SAAQ,IAAI,CACV,kBAAkB,EAChB,cAAc,GACd,SAAS,GACT,mBAAmB,GACnB,oBAAoB,GACpB,cAAc,CACjB;IACD,sBAAsB;IACtB,IAAI,CAAC,EAAE,QAAQ,GAAG,OAAO,GAAG,MAAM,CAAC;IACnC,gCAAgC;IAChC,MAAM,CAAC,EAAE,cAAc,CAAC,OAAO,CAAC,CAAC;IACjC,0BAA0B;IAC1B,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,wBAAwB;IACxB,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,GAAG,MAAM,GAAG,MAAM,KAAK,IAAI,CAAC;IAC9D,mCAAmC;IACnC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,mDAAmD;IACnD,WAAW,CAAC,EAAE,CAAC,CAAC,EAAE,MAAM,GAAG,SAAS,KAAK,IAAI,CAAC;IAC9C,gCAAgC;IAChC,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,2BAA2B;IAC3B,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,4BAA4B;IAC5B,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,qDAAqD;IACrD,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,qDAAqD;IACrD,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAC3B,oCAAoC;IACpC,cAAc,CAAC,EAAE,SAAS,CAAC;IAC3B,qCAAqC;IACrC,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,0CAA0C;IAC1C,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,2BAA2B;IAC3B,KAAK,CAAC,EAAE,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,CAAC;CAC7B;AAED,eAAO,MAAM,MAAM,EAAE,EAAE,CAAC,YAAY,CAkRnC,CAAC"}
+{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../../src/components/Select/Select.tsx"],"names":[],"mappings":"AAAA,OAAc,EACZ,EAAE,EAGF,YAAY,EAIZ,GAAG,EACH,SAAS,EACV,MAAM,OAAO,CAAC;AAEf,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAc3C,OAAO,EAAE,kBAAkB,EAAE,MAAM,8BAA8B,CAAC;AAKlE,MAAM,WAAW,cAAc,CAAC,CAAC,CAAE,SAAQ,YAAY;IACrD,GAAG,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC,CAAC;CACd;AAED,MAAM,WAAW,YACf,SAAQ,IAAI,CACV,kBAAkB,EAChB,cAAc,GACd,SAAS,GACT,mBAAmB,GACnB,oBAAoB,GACpB,cAAc,CACjB;IACD,sBAAsB;IACtB,IAAI,CAAC,EAAE,QAAQ,GAAG,OAAO,GAAG,MAAM,CAAC;IACnC,gCAAgC;IAChC,MAAM,CAAC,EAAE,cAAc,CAAC,OAAO,CAAC,CAAC;IACjC,0BAA0B;IAC1B,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,wBAAwB;IACxB,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,GAAG,MAAM,GAAG,MAAM,KAAK,IAAI,CAAC;IAC9D,mCAAmC;IACnC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,mDAAmD;IACnD,WAAW,CAAC,EAAE,CAAC,CAAC,EAAE,MAAM,GAAG,SAAS,KAAK,IAAI,CAAC;IAC9C,gCAAgC;IAChC,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,2BAA2B;IAC3B,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,4BAA4B;IAC5B,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,qDAAqD;IACrD,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,qDAAqD;IACrD,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAC3B,oCAAoC;IACpC,cAAc,CAAC,EAAE,SAAS,CAAC;IAC3B,qCAAqC;IACrC,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,0CAA0C;IAC1C,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,2BAA2B;IAC3B,KAAK,CAAC,EAAE,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,CAAC;IAC5B,qBAAqB,CAAC,EAAE,OAAO,CAAC;CACjC;AAED,eAAO,MAAM,MAAM,EAAE,EAAE,CAAC,YAAY,CAoRnC,CAAC"}