@activecollab/components 2.0.128 → 2.0.130

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

@@ -1 +1 @@
-{"version":3,"file":"Chip.js","names":["React","useMemo","ChipCloseIcon","ChipContainer","ChipTrigger","Typography","Chip","forwardRef","_ref","ref","startAdornment","label","onClose","size","color","backgroundColor","closeClassName","variant","typographyProps","rest","showClose","_variant","createElement","_extends","onClick","className","fill","displayName"],"sources":["../../../../src/components/Chip/Chip.tsx"],"sourcesContent":["import React, { ReactNode, useMemo } from \"react\";\n\nimport { ChipCloseIcon, ChipContainer, ChipTrigger } from \"./Styles\";\nimport { InputSize } from \"../Input/types\";\nimport {\n  Typography,\n  Variant,\n  ITypographyProps,\n} from \"../Typography/Typography\";\n\nexport interface ChipProps {\n  label: string;\n  onClose?: React.MouseEventHandler<HTMLButtonElement>;\n  startAdornment?: ReactNode;\n  size?: InputSize;\n  color?: string;\n  backgroundColor?: string;\n  closeClassName?: string;\n  variant?: Variant;\n  typographyProps?: ITypographyProps;\n}\n\nexport const Chip = React.forwardRef<\n  HTMLDivElement,\n  ChipProps & Omit<React.ComponentPropsWithoutRef<\"div\">, keyof ChipProps>\n>(\n  (\n    {\n      startAdornment,\n      label,\n      onClose,\n      size = \"regular\",\n      color,\n      backgroundColor,\n      closeClassName,\n      variant,\n      typographyProps,\n      ...rest\n    },\n    ref\n  ) => {\n    const showClose = typeof onClose === \"function\";\n    const _variant = useMemo(() => {\n      if (typeof variant !== \"undefined\") {\n        return variant;\n      }\n      switch (size) {\n        case \"regular\":\n          return \"Body 2\";\n        case \"big\":\n          return \"Body 1\";\n        default:\n          return \"Caption 1\";\n      }\n    }, [variant, size]);\n    return (\n      <ChipContainer\n        {...rest}\n        ref={ref}\n        size={size}\n        showClose={showClose}\n        color={color}\n        backgroundColor={backgroundColor}\n        data-testid=\"chip-container\"\n      >\n        {startAdornment}\n        <Typography\n          variant={_variant}\n          data-testid=\"chip-typography\"\n          {...typographyProps}\n        >\n          {label}\n        </Typography>\n        {showClose ? (\n          <ChipTrigger size={size} onClick={onClose} className={closeClassName}>\n            <ChipCloseIcon fill={color ? color : \"currentColor\"} />\n          </ChipTrigger>\n        ) : null}\n      </ChipContainer>\n    );\n  }\n);\n\nChip.displayName = \"Chip\";\n"],"mappings":";AAAA,OAAOA,KAAK,IAAeC,OAAO,QAAQ,OAAO;AAEjD,SAASC,aAAa,EAAEC,aAAa,EAAEC,WAAW,QAAQ,UAAU;AAEpE,SACEC,UAAU,QAGL,0BAA0B;AAcjC,OAAO,MAAMC,IAAI,gBAAGN,KAAK,CAACO,UAAU,CAIlC,CAAAC,IAAA,EAaEC,GAAG,KACA;EAAA,IAbH;IACEC,cAAc;IACdC,KAAK;IACLC,OAAO;IACPC,IAAI,GAAG,SAAS;IAChBC,KAAK;IACLC,eAAe;IACfC,cAAc;IACdC,OAAO;IACPC,eAAe;IACf,GAAGC;EACL,CAAC,GAAAX,IAAA;EAGD,MAAMY,SAAS,GAAG,OAAOR,OAAO,KAAK,UAAU;EAC/C,MAAMS,QAAQ,GAAGpB,OAAO,CAAC,MAAM;IAC7B,IAAI,OAAOgB,OAAO,KAAK,WAAW,EAAE;MAClC,OAAOA,OAAO;IAChB;IACA,QAAQJ,IAAI;MACV,KAAK,SAAS;QACZ,OAAO,QAAQ;MACjB,KAAK,KAAK;QACR,OAAO,QAAQ;MACjB;QACE,OAAO,WAAW;IACtB;EACF,CAAC,EAAE,CAACI,OAAO,EAAEJ,IAAI,CAAC,CAAC;EACnB,oBACEb,KAAA,CAAAsB,aAAA,CAACnB,aAAa,EAAAoB,QAAA,KACRJ,IAAI;IACRV,GAAG,EAAEA,GAAI;IACTI,IAAI,EAAEA,IAAK;IACXO,SAAS,EAAEA,SAAU;IACrBN,KAAK,EAAEA,KAAM;IACbC,eAAe,EAAEA,eAAgB;IACjC,eAAY;EAAgB,IAE3BL,cAAc,eACfV,KAAA,CAAAsB,aAAA,CAACjB,UAAU,EAAAkB,QAAA;IACTN,OAAO,EAAEI,QAAS;IAClB,eAAY;EAAiB,GACzBH,eAAe,GAElBP,KACS,CAAC,EACZS,SAAS,gBACRpB,KAAA,CAAAsB,aAAA,CAAClB,WAAW;IAACS,IAAI,EAAEA,IAAK;IAACW,OAAO,EAAEZ,OAAQ;IAACa,SAAS,EAAET;EAAe,gBACnEhB,KAAA,CAAAsB,aAAA,CAACpB,aAAa;IAACwB,IAAI,EAAEZ,KAAK,GAAGA,KAAK,GAAG;EAAe,CAAE,CAC3C,CAAC,GACZ,IACS,CAAC;AAEpB,CACF,CAAC;AAEDR,IAAI,CAACqB,WAAW,GAAG,MAAM"}
+{"version":3,"file":"Chip.js","names":["React","useMemo","ChipCloseIcon","ChipContainer","ChipTrigger","Typography","Chip","forwardRef","_ref","ref","startAdornment","label","onClose","size","color","backgroundColor","closeClassName","typographyProps","rest","showClose","variant","createElement","_extends","weight","onClick","className","fill","displayName"],"sources":["../../../../src/components/Chip/Chip.tsx"],"sourcesContent":["import React, { ReactNode, useMemo } from \"react\";\n\nimport { ChipCloseIcon, ChipContainer, ChipTrigger } from \"./Styles\";\nimport { InputSize } from \"../Input/types\";\nimport { Typography, ITypographyProps } from \"../Typography/Typography\";\n\nexport interface ChipProps {\n  label: string;\n  onClose?: React.MouseEventHandler<HTMLButtonElement>;\n  startAdornment?: ReactNode;\n  size?: InputSize;\n  color?: string;\n  backgroundColor?: string;\n  closeClassName?: string;\n  typographyProps?: ITypographyProps;\n}\n\nexport const Chip = React.forwardRef<\n  HTMLDivElement,\n  ChipProps & Omit<React.ComponentPropsWithoutRef<\"div\">, keyof ChipProps>\n>(\n  (\n    {\n      startAdornment,\n      label,\n      onClose,\n      size = \"regular\",\n      color,\n      backgroundColor,\n      closeClassName,\n      typographyProps,\n      ...rest\n    },\n    ref\n  ) => {\n    const showClose = typeof onClose === \"function\";\n    const variant = useMemo(() => {\n      switch (size) {\n        case \"big\":\n          return \"Body 1\";\n        case \"biggest\":\n          return \"Body 1\";\n        default:\n          return \"Caption 1\";\n      }\n    }, [size]);\n\n    return (\n      <ChipContainer\n        {...rest}\n        ref={ref}\n        size={size}\n        showClose={showClose}\n        color={color}\n        backgroundColor={backgroundColor}\n        data-testid=\"chip-container\"\n      >\n        {startAdornment}\n        <Typography\n          variant={variant}\n          data-testid=\"chip-typography\"\n          weight={size === \"biggest\" ? \"medium\" : \"regular\"}\n          {...typographyProps}\n        >\n          {label}\n        </Typography>\n        {showClose ? (\n          <ChipTrigger size={size} onClick={onClose} className={closeClassName}>\n            <ChipCloseIcon fill={color ? color : \"currentColor\"} />\n          </ChipTrigger>\n        ) : null}\n      </ChipContainer>\n    );\n  }\n);\n\nChip.displayName = \"Chip\";\n"],"mappings":";AAAA,OAAOA,KAAK,IAAeC,OAAO,QAAQ,OAAO;AAEjD,SAASC,aAAa,EAAEC,aAAa,EAAEC,WAAW,QAAQ,UAAU;AAEpE,SAASC,UAAU,QAA0B,0BAA0B;AAavE,OAAO,MAAMC,IAAI,gBAAGN,KAAK,CAACO,UAAU,CAIlC,CAAAC,IAAA,EAYEC,GAAG,KACA;EAAA,IAZH;IACEC,cAAc;IACdC,KAAK;IACLC,OAAO;IACPC,IAAI,GAAG,SAAS;IAChBC,KAAK;IACLC,eAAe;IACfC,cAAc;IACdC,eAAe;IACf,GAAGC;EACL,CAAC,GAAAV,IAAA;EAGD,MAAMW,SAAS,GAAG,OAAOP,OAAO,KAAK,UAAU;EAC/C,MAAMQ,OAAO,GAAGnB,OAAO,CAAC,MAAM;IAC5B,QAAQY,IAAI;MACV,KAAK,KAAK;QACR,OAAO,QAAQ;MACjB,KAAK,SAAS;QACZ,OAAO,QAAQ;MACjB;QACE,OAAO,WAAW;IACtB;EACF,CAAC,EAAE,CAACA,IAAI,CAAC,CAAC;EAEV,oBACEb,KAAA,CAAAqB,aAAA,CAAClB,aAAa,EAAAmB,QAAA,KACRJ,IAAI;IACRT,GAAG,EAAEA,GAAI;IACTI,IAAI,EAAEA,IAAK;IACXM,SAAS,EAAEA,SAAU;IACrBL,KAAK,EAAEA,KAAM;IACbC,eAAe,EAAEA,eAAgB;IACjC,eAAY;EAAgB,IAE3BL,cAAc,eACfV,KAAA,CAAAqB,aAAA,CAAChB,UAAU,EAAAiB,QAAA;IACTF,OAAO,EAAEA,OAAQ;IACjB,eAAY,iBAAiB;IAC7BG,MAAM,EAAEV,IAAI,KAAK,SAAS,GAAG,QAAQ,GAAG;EAAU,GAC9CI,eAAe,GAElBN,KACS,CAAC,EACZQ,SAAS,gBACRnB,KAAA,CAAAqB,aAAA,CAACjB,WAAW;IAACS,IAAI,EAAEA,IAAK;IAACW,OAAO,EAAEZ,OAAQ;IAACa,SAAS,EAAET;EAAe,gBACnEhB,KAAA,CAAAqB,aAAA,CAACnB,aAAa;IAACwB,IAAI,EAAEZ,KAAK,GAAGA,KAAK,GAAG;EAAe,CAAE,CAC3C,CAAC,GACZ,IACS,CAAC;AAEpB,CACF,CAAC;AAEDR,IAAI,CAACqB,WAAW,GAAG,MAAM"}

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

@@ -1 +1 @@
-{"version":3,"file":"ComboBox.d.ts","sourceRoot":"","sources":["../../../../src/components/ComboBox/ComboBox.tsx"],"names":[],"mappings":"AAAA,OAAc,EACZ,EAAE,EAOH,MAAM,OAAO,CAAC;AAmBf,OAAO,EACL,kBAAkB,EAEnB,MAAM,8BAA8B,CAAC;AAOtC,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAK3C,OAAO,EAAqB,gBAAgB,EAAE,MAAM,WAAW,CAAC;AAKhE,MAAM,WAAW,cACf,SAAQ,IAAI,CACV,kBAAkB,EAClB,cAAc,GAAG,SAAS,GAAG,oBAAoB,CAClD;IACD,uCAAuC;IACvC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,6CAA6C;IAC7C,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,wBAAwB;IACxB,QAAQ,CAAC,EAAE,CACT,CAAC,EAAE,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,GAAG,MAAM,GAAG,MAAM,GAAG,IAAI,GAAG,SAAS,KACxD,IAAI,CAAC;IACV,mCAAmC;IACnC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,4BAA4B;IAC5B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,oBAAoB;IACpB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,oBAAoB;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,kBAAkB;IAClB,UAAU,CAAC,EAAE,CAAC,CAAC,SAAS,gBAAgB,EACtC,IAAI,EAAE,CAAC,EACP,GAAG,CAAC,EAAE,MAAM,GAAG,MAAM,KAClB,GAAG,CAAC,OAAO,CAAC;IACjB,2BAA2B;IAC3B,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,kBAAkB;IAClB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,yBAAyB;IACzB,gBAAgB,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,MAAM,CAAC;IAC9C,sCAAsC;IACtC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,4BAA4B;IAC5B,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,oBAAoB;IACpB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,mDAAmD;IACnD,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,gEAAgE;IAChE,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;CACzB;AAED,eAAO,MAAM,QAAQ,EAAE,EAAE,CAAC,cAAc,CAihBvC,CAAC"}
+{"version":3,"file":"ComboBox.d.ts","sourceRoot":"","sources":["../../../../src/components/ComboBox/ComboBox.tsx"],"names":[],"mappings":"AAAA,OAAc,EACZ,EAAE,EAOH,MAAM,OAAO,CAAC;AAmBf,OAAO,EACL,kBAAkB,EAEnB,MAAM,8BAA8B,CAAC;AAOtC,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAK3C,OAAO,EAAqB,gBAAgB,EAAE,MAAM,WAAW,CAAC;AAKhE,MAAM,WAAW,cACf,SAAQ,IAAI,CACV,kBAAkB,EAClB,cAAc,GAAG,SAAS,GAAG,oBAAoB,CAClD;IACD,uCAAuC;IACvC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,6CAA6C;IAC7C,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,wBAAwB;IACxB,QAAQ,CAAC,EAAE,CACT,CAAC,EAAE,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,GAAG,MAAM,GAAG,MAAM,GAAG,IAAI,GAAG,SAAS,KACxD,IAAI,CAAC;IACV,mCAAmC;IACnC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,4BAA4B;IAC5B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,oBAAoB;IACpB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,oBAAoB;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,kBAAkB;IAClB,UAAU,CAAC,EAAE,CAAC,CAAC,SAAS,gBAAgB,EACtC,IAAI,EAAE,CAAC,EACP,GAAG,CAAC,EAAE,MAAM,GAAG,MAAM,KAClB,GAAG,CAAC,OAAO,CAAC;IACjB,2BAA2B;IAC3B,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,kBAAkB;IAClB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,yBAAyB;IACzB,gBAAgB,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,MAAM,CAAC;IAC9C,sCAAsC;IACtC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,4BAA4B;IAC5B,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,oBAAoB;IACpB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,mDAAmD;IACnD,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,gEAAgE;IAChE,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;CACzB;AAED,eAAO,MAAM,QAAQ,EAAE,EAAE,CAAC,cAAc,CAghBvC,CAAC"}

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

@@ -226,8 +226,7 @@ export const ComboBox = _ref => {
       backgroundColor: option.color,
       color: option.chipColor,
       onClose: showOnClose ? onClose : undefined,
-      size: size,
-      variant: "Caption 1"
+      size: size
     });
   }, [disabled, onChange, renderChip, selected, size]);
   const autoSize = useMemo(() => {

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","ComboBox","_ref","_comboBoxRef$current2","_comboBoxRef$current3","options","selected","loading","loadingText","onChange","placeholder","handleEmptyAction","disabled","size","invalid","type","renderChip","forceCloseMenu","renderOption","limitChips","hiddenNumberText","inPortal","inputWrapperClassName","scrollWrapper","onClose","onClear","onDeselect","defaultValue","prop","selectedName","value","map","v","find","q","id","name","setValue","focused","setFocused","handleOnChange","e","target","childNode","elementRef","handleRef","wrapperRef","chipWrapper","comboBoxRef","open","setOpen","isFirstRender","_comboBoxRef$current","current","contains","handleOnKeyDown","key","stopPropagation","_childNode$current","_childNode$current2","focus","blur","emptyAction","handleChange","selectedValue","onOpen","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","variant","autoSize","length","elements","total","forEach","isGrouped","push","groupedOptions","o","_index","hidden","splice","_StyledTypography","optionItem","child","avatarSize","showXIcon","hasSelected","showMenu","Boolean","Number","_StyledStyledInputWrapper","$disabled","$size","$invalid","ref","onClick","_elementRef$current","click","$_css3","$_css4","$_css5","$autoSize","$open","onBlur","onFocus","onKeyDown","$loading","style","display","flex","alignSelf","width","_StyledTrigger","onMouseDown","wrapperClick","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 { 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\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  /** 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 close */\n  onClose?: () => void;\n  /** onClear (f) will be called when user clear input on X icon*/\n  onClear?: () => void;\n  onDeselect?: () => void;\n}\n\nexport const ComboBox: FC<IComboBoxProps> = ({\n  options = [],\n  selected,\n  loading = false,\n  loadingText,\n  onChange,\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  ...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((e) => setValue(e.target.value), []);\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(false);\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      }\n    },\n    [focused, 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 && !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 onOpen = useCallback(() => {\n    if (!disabled) {\n      setOpen(true);\n    }\n  }, [disabled]);\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          variant=\"Caption 1\"\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    () => Boolean(options.length || defaultValue || Number(value.length) > 0),\n    [defaultValue, options.length, value]\n  );\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            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              max-height: ${autoSize === \"auto\" && scrollWrapper\n                ? \"80px\"\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            >\n              {startAdornment}\n              <StyledInput\n                className=\"c-combo-box-input\"\n                onBlur={handleBlur}\n                onFocus={() => {\n                  setFocused(!focused);\n                }}\n                onClick={onOpen}\n                ref={handleRef}\n                value={loading && loadingText ? loadingText : value}\n                onKeyDown={handleOnKeyDown}\n                onChange={handleOnChange}\n                placeholder={!hasSelected ? placeholder : undefined}\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={onOpen}\n          onFocus={() => {\n            setFocused(!focused);\n            onOpen();\n          }}\n          onClick={onOpen}\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                $width={comboBoxRef.current?.clientWidth}\n                $hide={!showMenu}\n              >\n                <Autocomplete\n                  {...prop}\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","ComboBox","_ref","_comboBoxRef$current2","_comboBoxRef$current3","options","selected","loading","loadingText","onChange","placeholder","handleEmptyAction","disabled","size","invalid","type","renderChip","forceCloseMenu","renderOption","limitChips","hiddenNumberText","inPortal","inputWrapperClassName","scrollWrapper","onClose","onClear","onDeselect","defaultValue","prop","selectedName","value","map","v","find","q","id","name","setValue","focused","setFocused","handleOnChange","e","target","childNode","elementRef","handleRef","wrapperRef","chipWrapper","comboBoxRef","open","setOpen","isFirstRender","_comboBoxRef$current","current","contains","handleOnKeyDown","key","stopPropagation","_childNode$current","_childNode$current2","focus","blur","emptyAction","handleChange","selectedValue","onOpen","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","Boolean","Number","_StyledStyledInputWrapper","$disabled","$size","$invalid","ref","onClick","_elementRef$current","click","$_css3","$_css4","$_css5","$autoSize","$open","onBlur","onFocus","onKeyDown","$loading","style","display","flex","alignSelf","width","_StyledTrigger","onMouseDown","wrapperClick","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 { 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\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  /** 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 close */\n  onClose?: () => void;\n  /** onClear (f) will be called when user clear input on X icon*/\n  onClear?: () => void;\n  onDeselect?: () => void;\n}\n\nexport const ComboBox: FC<IComboBoxProps> = ({\n  options = [],\n  selected,\n  loading = false,\n  loadingText,\n  onChange,\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  ...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((e) => setValue(e.target.value), []);\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(false);\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      }\n    },\n    [focused, 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 && !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 onOpen = useCallback(() => {\n    if (!disabled) {\n      setOpen(true);\n    }\n  }, [disabled]);\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    () => Boolean(options.length || defaultValue || Number(value.length) > 0),\n    [defaultValue, options.length, value]\n  );\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            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              max-height: ${autoSize === \"auto\" && scrollWrapper\n                ? \"80px\"\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            >\n              {startAdornment}\n              <StyledInput\n                className=\"c-combo-box-input\"\n                onBlur={handleBlur}\n                onFocus={() => {\n                  setFocused(!focused);\n                }}\n                onClick={onOpen}\n                ref={handleRef}\n                value={loading && loadingText ? loadingText : value}\n                onKeyDown={handleOnKeyDown}\n                onChange={handleOnChange}\n                placeholder={!hasSelected ? placeholder : undefined}\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={onOpen}\n          onFocus={() => {\n            setFocused(!focused);\n            onOpen();\n          }}\n          onClick={onOpen}\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                $width={comboBoxRef.current?.clientWidth}\n                $hide={!showMenu}\n              >\n                <Autocomplete\n                  {...prop}\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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"}

package/dist/esm/components/Textarea/Styles.d.ts

@@ -5,5 +5,7 @@ interface StyledTextareaProps {
     $mode: InputMode;
 }
 export declare const StyledTextarea: import("styled-components").StyledComponent<"textarea", any, StyledTextareaProps, never>;
+export declare const StyledTextAreaWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledProgressRingWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
 export {};
 //# sourceMappingURL=Styles.d.ts.map

package/dist/esm/components/Textarea/Styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Styles.d.ts","sourceRoot":"","sources":["../../../../src/components/Textarea/Styles.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAE3C,UAAU,mBAAmB;IAC3B,QAAQ,EAAE,OAAO,CAAC;IAClB,QAAQ,EAAE,OAAO,CAAC;IAClB,KAAK,EAAE,SAAS,CAAC;CAClB;AAED,eAAO,MAAM,cAAc,0FAgE1B,CAAC"}
+{"version":3,"file":"Styles.d.ts","sourceRoot":"","sources":["../../../../src/components/Textarea/Styles.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAE3C,UAAU,mBAAmB;IAC3B,QAAQ,EAAE,OAAO,CAAC;IAClB,QAAQ,EAAE,OAAO,CAAC;IAClB,KAAK,EAAE,SAAS,CAAC;CAClB;AAED,eAAO,MAAM,cAAc,0FAiE1B,CAAC;AAEF,eAAO,MAAM,qBAAqB,oEAEjC,CAAC;AAEF,eAAO,MAAM,yBAAyB,oEAErC,CAAC"}

package/dist/esm/components/Textarea/Styles.js

@@ -4,7 +4,7 @@ import { FontStyle } from "../FontStyle";
 export const StyledTextarea = styled.textarea.withConfig({
   displayName: "Styles__StyledTextarea",
   componentId: "sc-m6jqw8-0"
-})(["", " ", " ", " ", " ", " border-width:1px;border-style:solid;background-color:var(--input-background-color);", " border-radius:8px;padding:4px 8px 6px 8px;height:auto;transition:all 0.3s ease;width:360px;min-height:90px;outline:none;", " ", " ", " ", " ", " &::placeholder{", "}", " ", ""], {
+})(["", " ", " ", " ", " ", " ", " border-width:1px;border-style:solid;background-color:var(--input-background-color);", " border-radius:8px;padding:4px 8px 6px 8px;height:auto;transition:all 0.3s ease;width:360px;min-height:90px;outline:none;", " ", " ", " ", " ", " &::placeholder{", "}", " ", ""], {
   "fontSize": "0.875rem"
 }, {
   "color": "var(--color-theme-900)"
@@ -14,6 +14,8 @@ export const StyledTextarea = styled.textarea.withConfig({
   "letterSpacing": "0.02em"
 }, {
   "fontWeight": "400"
+}, {
+  "resize": "none"
 }, {
   "borderColor": "var(--color-theme-500)"
 }, FontStyle, BoxSizingStyle, props => props.$mode === "flat" && css(["border:none;background-color:transparent;"]), props => props.disabled && css(["", ""], {
@@ -26,5 +28,24 @@ export const StyledTextarea = styled.textarea.withConfig({
 }, props => !props.disabled && props.$invalid && props.$mode === "outlined" && css(["", ""], {
   "borderColor": "var(--red-alert)"
 }), props => !props.disabled && props.$invalid && props.$mode === "flat" && css(["color:var(--red-alert);"]));
+export const StyledTextAreaWrapper = styled.div.withConfig({
+  displayName: "Styles__StyledTextAreaWrapper",
+  componentId: "sc-m6jqw8-1"
+})(["", ""], {
+  "position": "relative",
+  "display": "flex",
+  "width": "fit-content"
+});
+export const StyledProgressRingWrapper = styled.div.withConfig({
+  displayName: "Styles__StyledProgressRingWrapper",
+  componentId: "sc-m6jqw8-2"
+})(["", ""], {
+  "position": "absolute",
+  "bottom": "0.5rem",
+  "right": "0.5rem",
+  "display": "flex"
+});
 StyledTextarea.displayName = "StyledTextarea";
+StyledTextAreaWrapper.displayName = "StyledTextAreaWrapper";
+StyledProgressRingWrapper.displayName = "StyledProgressRingWrapper";
 //# sourceMappingURL=Styles.js.map

package/dist/esm/components/Textarea/Styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Styles.js","names":["styled","css","BoxSizingStyle","FontStyle","StyledTextarea","textarea","withConfig","displayName","componentId","props","$mode","disabled","$invalid"],"sources":["../../../../src/components/Textarea/Styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\nimport tw from \"twin.macro\";\n\nimport { BoxSizingStyle } from \"../BoxSizingStyle\";\nimport { FontStyle } from \"../FontStyle\";\nimport { InputMode } from \"../Input/types\";\n\ninterface StyledTextareaProps {\n  disabled: boolean;\n  $invalid: boolean;\n  $mode: InputMode;\n}\n\nexport const StyledTextarea = styled.textarea<StyledTextareaProps>`\n  ${tw`tw-text-body-2`}\n  ${tw`tw-text-theme-900`}\n  ${tw`tw-leading-regular`}\n  ${tw`tw-tracking-regular`}\n  ${tw`tw-font-regular`}\n  border-width: 1px;\n  border-style: solid;\n  background-color: var(--input-background-color);\n  ${tw`tw-border-theme-500`}\n  border-radius: 8px;\n  padding: 4px 8px 6px 8px;\n  height: auto;\n  transition: all 0.3s ease;\n  width: 360px;\n  min-height: 90px;\n  outline: none;\n  ${FontStyle}\n  ${BoxSizingStyle}\n\n  ${(props) =>\n    props.$mode === \"flat\" &&\n    css`\n      border: none;\n      background-color: transparent;\n    `}\n\n  ${(props) =>\n    props.disabled &&\n    css`\n      ${tw`tw-cursor-not-allowed tw-opacity-50`}\n    `}\n\n  ${(props) =>\n    !props.disabled &&\n    !props.$invalid &&\n    props.$mode === \"outlined\" &&\n    css`\n      &:active,\n      &:focus,\n      &:hover {\n        ${tw`tw-border-primary`}\n      }\n    `}\n\n  &::placeholder {\n    ${tw`tw-text-theme-transparent-500`}\n  }\n\n  ${(props) =>\n    !props.disabled &&\n    props.$invalid &&\n    props.$mode === \"outlined\" &&\n    css`\n      ${tw`tw-border-alert`}\n    `}\n\n  ${(props) =>\n    !props.disabled &&\n    props.$invalid &&\n    props.$mode === \"flat\" &&\n    css`\n      color: var(--red-alert);\n    `}\n`;\n\nStyledTextarea.displayName = \"StyledTextarea\";\n"],"mappings":"AAAA,OAAOA,MAAM,IAAIC,GAAG,QAAQ,mBAAmB;AAG/C,SAASC,cAAc,QAAQ,mBAAmB;AAClD,SAASC,SAAS,QAAQ,cAAc;AASxC,OAAO,MAAMC,cAAc,GAAGJ,MAAM,CAACK,QAAQ,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,wSACvC;EAAA;AAAe,CAAC,EAChB;EAAA;AAAkB,CAAC,EACnB;EAAA;AAAmB,CAAC,EACpB;EAAA;AAAoB,CAAC,EACrB;EAAA;AAAgB,CAAC,EAIjB;EAAA;AAAoB,CAAC,EAQvBL,SAAS,EACTD,cAAc,EAEbO,KAAK,IACNA,KAAK,CAACC,KAAK,KAAK,MAAM,IACtBT,GAAG,+CAGF,EAEAQ,KAAK,IACNA,KAAK,CAACE,QAAQ,IACdV,GAAG,WACG;EAAA;EAAA;AAAoC,CAAC,CAC1C,EAEAQ,KAAK,IACN,CAACA,KAAK,CAACE,QAAQ,IACf,CAACF,KAAK,CAACG,QAAQ,IACfH,KAAK,CAACC,KAAK,KAAK,UAAU,IAC1BT,GAAG,qCAIK;EAAA;AAAkB,CAAC,CAE1B,EAGG;EAAA;AAA8B,CAAC,EAGlCQ,KAAK,IACN,CAACA,KAAK,CAACE,QAAQ,IACfF,KAAK,CAACG,QAAQ,IACdH,KAAK,CAACC,KAAK,KAAK,UAAU,IAC1BT,GAAG,WACG;EAAA;AAAgB,CAAC,CACtB,EAEAQ,KAAK,IACN,CAACA,KAAK,CAACE,QAAQ,IACfF,KAAK,CAACG,QAAQ,IACdH,KAAK,CAACC,KAAK,KAAK,MAAM,IACtBT,GAAG,6BAEF,CACJ;AAEDG,cAAc,CAACG,WAAW,GAAG,gBAAgB"}
+{"version":3,"file":"Styles.js","names":["styled","css","BoxSizingStyle","FontStyle","StyledTextarea","textarea","withConfig","displayName","componentId","props","$mode","disabled","$invalid","StyledTextAreaWrapper","div","StyledProgressRingWrapper"],"sources":["../../../../src/components/Textarea/Styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\nimport tw from \"twin.macro\";\n\nimport { BoxSizingStyle } from \"../BoxSizingStyle\";\nimport { FontStyle } from \"../FontStyle\";\nimport { InputMode } from \"../Input/types\";\n\ninterface StyledTextareaProps {\n  disabled: boolean;\n  $invalid: boolean;\n  $mode: InputMode;\n}\n\nexport const StyledTextarea = styled.textarea<StyledTextareaProps>`\n  ${tw`tw-text-body-2`}\n  ${tw`tw-text-theme-900`}\n  ${tw`tw-leading-regular`}\n  ${tw`tw-tracking-regular`}\n  ${tw`tw-font-regular`}\n  ${tw`tw-resize-none`}\n  border-width: 1px;\n  border-style: solid;\n  background-color: var(--input-background-color);\n  ${tw`tw-border-theme-500`}\n  border-radius: 8px;\n  padding: 4px 8px 6px 8px;\n  height: auto;\n  transition: all 0.3s ease;\n  width: 360px;\n  min-height: 90px;\n  outline: none;\n  ${FontStyle}\n  ${BoxSizingStyle}\n\n  ${(props) =>\n    props.$mode === \"flat\" &&\n    css`\n      border: none;\n      background-color: transparent;\n    `}\n\n  ${(props) =>\n    props.disabled &&\n    css`\n      ${tw`tw-cursor-not-allowed tw-opacity-50`}\n    `}\n\n  ${(props) =>\n    !props.disabled &&\n    !props.$invalid &&\n    props.$mode === \"outlined\" &&\n    css`\n      &:active,\n      &:focus,\n      &:hover {\n        ${tw`tw-border-primary`}\n      }\n    `}\n\n  &::placeholder {\n    ${tw`tw-text-theme-transparent-500`}\n  }\n\n  ${(props) =>\n    !props.disabled &&\n    props.$invalid &&\n    props.$mode === \"outlined\" &&\n    css`\n      ${tw`tw-border-alert`}\n    `}\n\n  ${(props) =>\n    !props.disabled &&\n    props.$invalid &&\n    props.$mode === \"flat\" &&\n    css`\n      color: var(--red-alert);\n    `}\n`;\n\nexport const StyledTextAreaWrapper = styled.div`\n  ${tw`tw-w-fit tw-relative tw-flex`}\n`;\n\nexport const StyledProgressRingWrapper = styled.div`\n  ${tw`tw-absolute tw-right-2 tw-bottom-2 tw-flex`}\n`;\n\nStyledTextarea.displayName = \"StyledTextarea\";\nStyledTextAreaWrapper.displayName = \"StyledTextAreaWrapper\";\nStyledProgressRingWrapper.displayName = \"StyledProgressRingWrapper\";\n"],"mappings":"AAAA,OAAOA,MAAM,IAAIC,GAAG,QAAQ,mBAAmB;AAG/C,SAASC,cAAc,QAAQ,mBAAmB;AAClD,SAASC,SAAS,QAAQ,cAAc;AASxC,OAAO,MAAMC,cAAc,GAAGJ,MAAM,CAACK,QAAQ,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,6SACvC;EAAA;AAAe,CAAC,EAChB;EAAA;AAAkB,CAAC,EACnB;EAAA;AAAmB,CAAC,EACpB;EAAA;AAAoB,CAAC,EACrB;EAAA;AAAgB,CAAC,EACjB;EAAA;AAAe,CAAC,EAIhB;EAAA;AAAoB,CAAC,EAQvBL,SAAS,EACTD,cAAc,EAEbO,KAAK,IACNA,KAAK,CAACC,KAAK,KAAK,MAAM,IACtBT,GAAG,+CAGF,EAEAQ,KAAK,IACNA,KAAK,CAACE,QAAQ,IACdV,GAAG,WACG;EAAA;EAAA;AAAoC,CAAC,CAC1C,EAEAQ,KAAK,IACN,CAACA,KAAK,CAACE,QAAQ,IACf,CAACF,KAAK,CAACG,QAAQ,IACfH,KAAK,CAACC,KAAK,KAAK,UAAU,IAC1BT,GAAG,qCAIK;EAAA;AAAkB,CAAC,CAE1B,EAGG;EAAA;AAA8B,CAAC,EAGlCQ,KAAK,IACN,CAACA,KAAK,CAACE,QAAQ,IACfF,KAAK,CAACG,QAAQ,IACdH,KAAK,CAACC,KAAK,KAAK,UAAU,IAC1BT,GAAG,WACG;EAAA;AAAgB,CAAC,CACtB,EAEAQ,KAAK,IACN,CAACA,KAAK,CAACE,QAAQ,IACfF,KAAK,CAACG,QAAQ,IACdH,KAAK,CAACC,KAAK,KAAK,MAAM,IACtBT,GAAG,6BAEF,CACJ;AAED,OAAO,MAAMY,qBAAqB,GAAGb,MAAM,CAACc,GAAG,CAAAR,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,aACzC;EAAA;EAAA;EAAA;AAA6B,CAAC,CACnC;AAED,OAAO,MAAMO,yBAAyB,GAAGf,MAAM,CAACc,GAAG,CAAAR,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,aAC7C;EAAA;EAAA;EAAA;EAAA;AAA2C,CAAC,CACjD;AAEDJ,cAAc,CAACG,WAAW,GAAG,gBAAgB;AAC7CM,qBAAqB,CAACN,WAAW,GAAG,uBAAuB;AAC3DQ,yBAAyB,CAACR,WAAW,GAAG,2BAA2B"}

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

@@ -1,8 +1,12 @@
-import React from "react";
+import React, { ChangeEvent } from "react";
 import { InputMode } from "../Input/types";
 export interface TextareaProps {
     invalid?: boolean;
     mode?: InputMode;
+    maxLength?: number;
+    value?: string;
+    hideProgress?: boolean;
+    onChange?: (e: ChangeEvent<HTMLTextAreaElement>) => void;
 }
 export declare const Textarea: React.ForwardRefExoticComponent<TextareaProps & Omit<Omit<React.DetailedHTMLProps<React.TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, "ref">, keyof TextareaProps> & React.RefAttributes<HTMLTextAreaElement>>;
 //# sourceMappingURL=Textarea.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Textarea.d.ts","sourceRoot":"","sources":["../../../../src/components/Textarea/Textarea.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA0B,MAAM,OAAO,CAAC;AAK/C,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAE3C,MAAM,WAAW,aAAa;IAC5B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,SAAS,CAAC;CAClB;AAED,eAAO,MAAM,QAAQ,qOA4BpB,CAAC"}
+{"version":3,"file":"Textarea.d.ts","sourceRoot":"","sources":["../../../../src/components/Textarea/Textarea.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,WAAW,EAAoC,MAAM,OAAO,CAAC;AAU7E,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAG3C,MAAM,WAAW,aAAa;IAC5B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,WAAW,CAAC,mBAAmB,CAAC,KAAK,IAAI,CAAC;CAC1D;AAED,eAAO,MAAM,QAAQ,qOA+EpB,CAAC"}

package/dist/esm/components/Textarea/Textarea.js

@@ -1,25 +1,59 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
-import React, { forwardRef } from "react";
+import React, { forwardRef, useMemo, useRef } from "react";
 import classnames from "classnames";
-import { StyledTextarea } from "./Styles";
+import { StyledProgressRingWrapper, StyledTextarea, StyledTextAreaWrapper } from "./Styles";
+import { useForkRef } from "../../utils";
+import { ProgressRing } from "../ProgressRing";
 export const Textarea = /*#__PURE__*/forwardRef((_ref, ref) => {
+  var _value$length;
   let {
     className,
     disabled = false,
     invalid = false,
     mode = "outlined",
+    maxLength,
+    value,
+    hideProgress = false,
+    onChange,
     ...rest
   } = _ref;
-  return /*#__PURE__*/React.createElement(StyledTextarea, _extends({}, rest, {
+  const innerRef = useRef(null);
+  const handleRef = useForkRef(ref, innerRef);
+  const [currentLength, setCurrentLength] = React.useState((_value$length = value == null ? void 0 : value.length) != null ? _value$length : 0);
+  const warningGauge = useMemo(() => 75 * Number(maxLength) / 100, [maxLength]);
+  const progressColor = useMemo(() => {
+    if (currentLength >= Number(maxLength)) {
+      return "var(--red-alert)";
+    }
+    if (currentLength > warningGauge && currentLength < Number(maxLength)) {
+      return "var(--warning)";
+    }
+    return "var(--color-sucess-green)";
+  }, [currentLength, maxLength, warningGauge]);
+  const max = Number(maxLength != null ? maxLength : 1);
+  const progress = Math.min(currentLength / max * 100, 100);
+  const handleChange = e => {
+    setCurrentLength(e.target.value.length);
+    if (onChange) {
+      onChange(e);
+    }
+  };
+  return /*#__PURE__*/React.createElement(StyledTextAreaWrapper, null, /*#__PURE__*/React.createElement(StyledTextarea, _extends({}, rest, {
+    value: value,
     $invalid: invalid,
-    ref: ref,
+    ref: handleRef,
     $mode: mode,
     disabled: disabled,
     "aria-invalid": invalid,
     className: classnames("c-textarea", {
       "c-textarea__disabled": disabled
-    }, className)
-  }));
+    }, className),
+    onChange: handleChange
+  })), maxLength && !hideProgress && /*#__PURE__*/React.createElement(StyledProgressRingWrapper, null, /*#__PURE__*/React.createElement(ProgressRing, {
+    progress: progress,
+    radius: 10,
+    stroke: 1.5,
+    progressColor: progressColor
+  })));
 });
-Textarea.displayName = "Textarea";
 //# sourceMappingURL=Textarea.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Textarea.js","names":["React","forwardRef","classnames","StyledTextarea","Textarea","_ref","ref","className","disabled","invalid","mode","rest","createElement","_extends","$invalid","$mode","displayName"],"sources":["../../../../src/components/Textarea/Textarea.tsx"],"sourcesContent":["import React, { forwardRef, Ref } from \"react\";\n\nimport classnames from \"classnames\";\n\nimport { StyledTextarea } from \"./Styles\";\nimport { InputMode } from \"../Input/types\";\n\nexport interface TextareaProps {\n  invalid?: boolean;\n  mode?: InputMode;\n}\n\nexport const Textarea = forwardRef(\n  (\n    {\n      className,\n      disabled = false,\n      invalid = false,\n      mode = \"outlined\",\n      ...rest\n    }: TextareaProps &\n      Omit<React.ComponentPropsWithoutRef<\"textarea\">, keyof TextareaProps>,\n    ref: Ref<HTMLTextAreaElement> | null | undefined\n  ) => {\n    return (\n      <StyledTextarea\n        {...rest}\n        $invalid={invalid}\n        ref={ref}\n        $mode={mode}\n        disabled={disabled}\n        aria-invalid={invalid}\n        className={classnames(\n          \"c-textarea\",\n          { \"c-textarea__disabled\": disabled },\n          className\n        )}\n      />\n    );\n  }\n);\n\nTextarea.displayName = \"Textarea\";\n"],"mappings":";AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAa,OAAO;AAE9C,OAAOC,UAAU,MAAM,YAAY;AAEnC,SAASC,cAAc,QAAQ,UAAU;AAQzC,OAAO,MAAMC,QAAQ,gBAAGH,UAAU,CAChC,CAAAI,IAAA,EASEC,GAAgD,KAC7C;EAAA,IATH;IACEC,SAAS;IACTC,QAAQ,GAAG,KAAK;IAChBC,OAAO,GAAG,KAAK;IACfC,IAAI,GAAG,UAAU;IACjB,GAAGC;EAEiE,CAAC,GAAAN,IAAA;EAGvE,oBACEL,KAAA,CAAAY,aAAA,CAACT,cAAc,EAAAU,QAAA,KACTF,IAAI;IACRG,QAAQ,EAAEL,OAAQ;IAClBH,GAAG,EAAEA,GAAI;IACTS,KAAK,EAAEL,IAAK;IACZF,QAAQ,EAAEA,QAAS;IACnB,gBAAcC,OAAQ;IACtBF,SAAS,EAAEL,UAAU,CACnB,YAAY,EACZ;MAAE,sBAAsB,EAAEM;IAAS,CAAC,EACpCD,SACF;EAAE,EACH,CAAC;AAEN,CACF,CAAC;AAEDH,QAAQ,CAACY,WAAW,GAAG,UAAU"}
+{"version":3,"file":"Textarea.js","names":["React","forwardRef","useMemo","useRef","classnames","StyledProgressRingWrapper","StyledTextarea","StyledTextAreaWrapper","useForkRef","ProgressRing","Textarea","_ref","ref","_value$length","className","disabled","invalid","mode","maxLength","value","hideProgress","onChange","rest","innerRef","handleRef","currentLength","setCurrentLength","useState","length","warningGauge","Number","progressColor","max","progress","Math","min","handleChange","e","target","createElement","_extends","$invalid","$mode","radius","stroke"],"sources":["../../../../src/components/Textarea/Textarea.tsx"],"sourcesContent":["import React, { ChangeEvent, forwardRef, Ref, useMemo, useRef } from \"react\";\n\nimport classnames from \"classnames\";\n\nimport {\n  StyledProgressRingWrapper,\n  StyledTextarea,\n  StyledTextAreaWrapper,\n} from \"./Styles\";\nimport { useForkRef } from \"../../utils\";\nimport { InputMode } from \"../Input/types\";\nimport { ProgressRing } from \"../ProgressRing\";\n\nexport interface TextareaProps {\n  invalid?: boolean;\n  mode?: InputMode;\n  maxLength?: number;\n  value?: string;\n  hideProgress?: boolean;\n  onChange?: (e: ChangeEvent<HTMLTextAreaElement>) => void;\n}\n\nexport const Textarea = forwardRef(\n  (\n    {\n      className,\n      disabled = false,\n      invalid = false,\n      mode = \"outlined\",\n      maxLength,\n      value,\n      hideProgress = false,\n      onChange,\n      ...rest\n    }: TextareaProps &\n      Omit<React.ComponentPropsWithoutRef<\"textarea\">, keyof TextareaProps>,\n    ref: Ref<HTMLTextAreaElement> | null | undefined\n  ) => {\n    const innerRef = useRef<HTMLTextAreaElement>(null);\n    const handleRef = useForkRef(ref, innerRef);\n\n    const [currentLength, setCurrentLength] = React.useState<number>(\n      value?.length ?? 0\n    );\n\n    const warningGauge = useMemo(\n      () => (75 * Number(maxLength)) / 100,\n      [maxLength]\n    );\n\n    const progressColor = useMemo(() => {\n      if (currentLength >= Number(maxLength)) {\n        return \"var(--red-alert)\";\n      }\n      if (currentLength > warningGauge && currentLength < Number(maxLength)) {\n        return \"var(--warning)\";\n      }\n      return \"var(--color-sucess-green)\";\n    }, [currentLength, maxLength, warningGauge]);\n\n    const max = Number(maxLength ?? 1);\n\n    const progress = Math.min((currentLength / max) * 100, 100);\n\n    const handleChange = (e: React.ChangeEvent<HTMLTextAreaElement>) => {\n      setCurrentLength(e.target.value.length);\n      if (onChange) {\n        onChange(e);\n      }\n    };\n\n    return (\n      <StyledTextAreaWrapper>\n        <StyledTextarea\n          {...rest}\n          value={value}\n          $invalid={invalid}\n          ref={handleRef}\n          $mode={mode}\n          disabled={disabled}\n          aria-invalid={invalid}\n          className={classnames(\n            \"c-textarea\",\n            { \"c-textarea__disabled\": disabled },\n            className\n          )}\n          onChange={handleChange}\n        />\n        {maxLength && !hideProgress && (\n          <StyledProgressRingWrapper>\n            <ProgressRing\n              progress={progress}\n              radius={10}\n              stroke={1.5}\n              progressColor={progressColor}\n            />\n          </StyledProgressRingWrapper>\n        )}\n      </StyledTextAreaWrapper>\n    );\n  }\n);\n"],"mappings":";AAAA,OAAOA,KAAK,IAAiBC,UAAU,EAAOC,OAAO,EAAEC,MAAM,QAAQ,OAAO;AAE5E,OAAOC,UAAU,MAAM,YAAY;AAEnC,SACEC,yBAAyB,EACzBC,cAAc,EACdC,qBAAqB,QAChB,UAAU;AACjB,SAASC,UAAU,QAAQ,aAAa;AAExC,SAASC,YAAY,QAAQ,iBAAiB;AAW9C,OAAO,MAAMC,QAAQ,gBAAGT,UAAU,CAChC,CAAAU,IAAA,EAaEC,GAAgD,KAC7C;EAAA,IAAAC,aAAA;EAAA,IAbH;IACEC,SAAS;IACTC,QAAQ,GAAG,KAAK;IAChBC,OAAO,GAAG,KAAK;IACfC,IAAI,GAAG,UAAU;IACjBC,SAAS;IACTC,KAAK;IACLC,YAAY,GAAG,KAAK;IACpBC,QAAQ;IACR,GAAGC;EAEiE,CAAC,GAAAX,IAAA;EAGvE,MAAMY,QAAQ,GAAGpB,MAAM,CAAsB,IAAI,CAAC;EAClD,MAAMqB,SAAS,GAAGhB,UAAU,CAACI,GAAG,EAAEW,QAAQ,CAAC;EAE3C,MAAM,CAACE,aAAa,EAAEC,gBAAgB,CAAC,GAAG1B,KAAK,CAAC2B,QAAQ,EAAAd,aAAA,GACtDM,KAAK,oBAALA,KAAK,CAAES,MAAM,YAAAf,aAAA,GAAI,CACnB,CAAC;EAED,MAAMgB,YAAY,GAAG3B,OAAO,CAC1B,MAAO,EAAE,GAAG4B,MAAM,CAACZ,SAAS,CAAC,GAAI,GAAG,EACpC,CAACA,SAAS,CACZ,CAAC;EAED,MAAMa,aAAa,GAAG7B,OAAO,CAAC,MAAM;IAClC,IAAIuB,aAAa,IAAIK,MAAM,CAACZ,SAAS,CAAC,EAAE;MACtC,OAAO,kBAAkB;IAC3B;IACA,IAAIO,aAAa,GAAGI,YAAY,IAAIJ,aAAa,GAAGK,MAAM,CAACZ,SAAS,CAAC,EAAE;MACrE,OAAO,gBAAgB;IACzB;IACA,OAAO,2BAA2B;EACpC,CAAC,EAAE,CAACO,aAAa,EAAEP,SAAS,EAAEW,YAAY,CAAC,CAAC;EAE5C,MAAMG,GAAG,GAAGF,MAAM,CAACZ,SAAS,WAATA,SAAS,GAAI,CAAC,CAAC;EAElC,MAAMe,QAAQ,GAAGC,IAAI,CAACC,GAAG,CAAEV,aAAa,GAAGO,GAAG,GAAI,GAAG,EAAE,GAAG,CAAC;EAE3D,MAAMI,YAAY,GAAIC,CAAyC,IAAK;IAClEX,gBAAgB,CAACW,CAAC,CAACC,MAAM,CAACnB,KAAK,CAACS,MAAM,CAAC;IACvC,IAAIP,QAAQ,EAAE;MACZA,QAAQ,CAACgB,CAAC,CAAC;IACb;EACF,CAAC;EAED,oBACErC,KAAA,CAAAuC,aAAA,CAAChC,qBAAqB,qBACpBP,KAAA,CAAAuC,aAAA,CAACjC,cAAc,EAAAkC,QAAA,KACTlB,IAAI;IACRH,KAAK,EAAEA,KAAM;IACbsB,QAAQ,EAAEzB,OAAQ;IAClBJ,GAAG,EAAEY,SAAU;IACfkB,KAAK,EAAEzB,IAAK;IACZF,QAAQ,EAAEA,QAAS;IACnB,gBAAcC,OAAQ;IACtBF,SAAS,EAAEV,UAAU,CACnB,YAAY,EACZ;MAAE,sBAAsB,EAAEW;IAAS,CAAC,EACpCD,SACF,CAAE;IACFO,QAAQ,EAAEe;EAAa,EACxB,CAAC,EACDlB,SAAS,IAAI,CAACE,YAAY,iBACzBpB,KAAA,CAAAuC,aAAA,CAAClC,yBAAyB,qBACxBL,KAAA,CAAAuC,aAAA,CAAC9B,YAAY;IACXwB,QAAQ,EAAEA,QAAS;IACnBU,MAAM,EAAE,EAAG;IACXC,MAAM,EAAE,GAAI;IACZb,aAAa,EAAEA;EAAc,CAC9B,CACwB,CAER,CAAC;AAE5B,CACF,CAAC"}