@activecollab/components 2.0.244 → 2.0.246

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

@@ -66,6 +66,7 @@ export const ComboBox = _ref => {
     disableVirtualization,
     hideClearButton = false,
     errorMessage,
+    onCancel,
     ...prop
   } = _ref;
   const selectedName = useMemo(() => {
@@ -109,12 +110,14 @@ export const ComboBox = _ref => {
     if (e.target && (_comboBoxRef$current = comboBoxRef.current) != null && _comboBoxRef$current.contains(e.target)) {
       return;
     }
+    onCancel == null || onCancel(selectedName);
     setOpen(false);
   });
   const handleOnKeyDown = useCallback(e => {
     if (e.key === "Escape" && open) {
       setOpen(false);
       setValue(selectedName);
+      onCancel == null || onCancel(selectedName);
       e.stopPropagation();
     }
     if (e.key === "Enter" && type === "multiple") {
@@ -124,7 +127,7 @@ export const ComboBox = _ref => {
       setOpen(true);
       onOpen == null || onOpen();
     }
-  }, [focused, onOpen, open, selectedName, type]);
+  }, [focused, onCancel, onOpen, open, selectedName, type]);
   useEffect(() => {
     var _childNode$current, _childNode$current2;
     open && (childNode == null || (_childNode$current = childNode.current) == null ? void 0 : _childNode$current.focus());

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","StyledInfoIcon","StyledInfoSmallIcon","Portal","ConditionalWrapper","useIsFirstRender","useOnClickOutside","useForkRef","Autocomplete","isOptionGroup","Avatar","Checkbox","Chip","IconButton","InputAdornment","StyledInput","StyledInputWrapper","SpinnerLoader","MultiAvatar","Popper","RadioButton","OptionContent","Tooltip","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","hideClearButton","errorMessage","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","title","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  StyledInfoIcon,\n  StyledInfoSmallIcon,\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 { Tooltip } from \"../Tooltip\";\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 state */\n  open?: boolean;\n  /** Trigger mode */\n  triggerMode?: InputMode;\n  /** Hide clear button */\n  hideClearButton?: boolean;\n  /** Error message to display */\n  errorMessage?: string;\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  hideClearButton = false,\n  errorMessage,\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) &&\n    type === \"multiple\" &&\n    selected.length > 0 &&\n    !hideClearButton;\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      !option?.hidden;\n\n    const isValueInOptions = options?.some((option) =>\n      isOptionGroup(option)\n        ? option.options.some(valueExists)\n        : valueExists(option)\n    );\n    return (\n      (hasOptions && (!!defaultValue || !value)) ||\n      (value &&\n        (isValueInOptions ||\n          (emptyValue && !!handleEmptyAction) ||\n          noResultText))\n    );\n  }, [\n    defaultValue,\n    emptyValue,\n    handleEmptyAction,\n    noResultText,\n    options,\n    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            $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                    {invalid && errorMessage && (\n                      <Tooltip title={errorMessage}>\n                        {size === \"regular\" ? (\n                          <StyledInfoSmallIcon />\n                        ) : (\n                          <StyledInfoIcon />\n                        )}\n                      </Tooltip>\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 && <SpinnerLoader />}\n                {!loading && selected && !hideClearButton ? (\n                  <IconButton\n                    onMouseDown={handleMouseDown}\n                    onClick={handleDeselect}\n                    variant=\"text gray\"\n                    size=\"small\"\n                  >\n                    <StyledComboBoxCloseSmallIcon />\n                  </IconButton>\n                ) : null}\n                {invalid && errorMessage && (\n                  <Tooltip title={errorMessage}>\n                    {size === \"regular\" ? (\n                      <StyledInfoSmallIcon />\n                    ) : (\n                      <StyledInfoIcon />\n                    )}\n                  </Tooltip>\n                )}\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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"}
+{"version":3,"file":"ComboBox.js","names":["React","useCallback","useState","useEffect","useRef","useMemo","Fragment","RemoveScroll","classNames","StyledComboBoxCloseSmallIcon","StyledComboBoxCollapseExpandSingleIcon","StyledComboBoxInput","StyledComboBoxList","StyledChipWrapper","StyledInfoIcon","StyledInfoSmallIcon","Portal","ConditionalWrapper","useIsFirstRender","useOnClickOutside","useForkRef","Autocomplete","isOptionGroup","Avatar","Checkbox","Chip","IconButton","InputAdornment","StyledInput","StyledInputWrapper","SpinnerLoader","MultiAvatar","Popper","RadioButton","OptionContent","Tooltip","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","hideClearButton","errorMessage","onCancel","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","title","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  StyledInfoIcon,\n  StyledInfoSmallIcon,\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 { Tooltip } from \"../Tooltip\";\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  onCancel?: (value?: string) => void;\n  onDeselect?: () => void;\n  /** Open state */\n  open?: boolean;\n  /** Trigger mode */\n  triggerMode?: InputMode;\n  /** Hide clear button */\n  hideClearButton?: boolean;\n  /** Error message to display */\n  errorMessage?: string;\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  hideClearButton = false,\n  errorMessage,\n  onCancel,\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    onCancel?.(selectedName);\n    setOpen(false);\n  });\n\n  const handleOnKeyDown = useCallback(\n    (e) => {\n      if (e.key === \"Escape\" && open) {\n        setOpen(false);\n        setValue(selectedName);\n        onCancel?.(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, onCancel, 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) &&\n    type === \"multiple\" &&\n    selected.length > 0 &&\n    !hideClearButton;\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      !option?.hidden;\n\n    const isValueInOptions = options?.some((option) =>\n      isOptionGroup(option)\n        ? option.options.some(valueExists)\n        : valueExists(option)\n    );\n    return (\n      (hasOptions && (!!defaultValue || !value)) ||\n      (value &&\n        (isValueInOptions ||\n          (emptyValue && !!handleEmptyAction) ||\n          noResultText))\n    );\n  }, [\n    defaultValue,\n    emptyValue,\n    handleEmptyAction,\n    noResultText,\n    options,\n    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            $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                    {invalid && errorMessage && (\n                      <Tooltip title={errorMessage}>\n                        {size === \"regular\" ? (\n                          <StyledInfoSmallIcon />\n                        ) : (\n                          <StyledInfoIcon />\n                        )}\n                      </Tooltip>\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 && <SpinnerLoader />}\n                {!loading && selected && !hideClearButton ? (\n                  <IconButton\n                    onMouseDown={handleMouseDown}\n                    onClick={handleDeselect}\n                    variant=\"text gray\"\n                    size=\"small\"\n                  >\n                    <StyledComboBoxCloseSmallIcon />\n                  </IconButton>\n                ) : null}\n                {invalid && errorMessage && (\n                  <Tooltip title={errorMessage}>\n                    {size === \"regular\" ? (\n                      <StyledInfoSmallIcon />\n                    ) : (\n                      <StyledInfoIcon />\n                    )}\n                  </Tooltip>\n                )}\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/EditableText/EditableText.d.ts

@@ -4,11 +4,15 @@ export interface EditableTextInterface extends EditableContentInterface {
     /** Value to display. */
     value?: string | null;
     /** Optional callback called on enter, click outside and tab. */
-    onSave?: (e: ChangeEvent<HTMLInputElement>) => void;
+    onSave?: (e: ChangeEvent<HTMLInputElement | HTMLTextAreaElement>) => void;
     /** Optional callback called on input reset. */
     onCancel?: () => void;
     /** If true, setting empty value will save it, instead of revert to previous value. */
     allowEmptyString?: boolean;
+    /** If true, shows a textarea instead of input for multiline editing. */
+    multiline?: boolean;
+    /** Children content to display */
+    children?: React.ReactNode;
 }
 export declare const EditableText: React.ForwardRefExoticComponent<EditableTextInterface & React.RefAttributes<HTMLDivElement>>;
 //# sourceMappingURL=EditableText.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"EditableText.d.ts","sourceRoot":"","sources":["../../../../src/components/EditableText/EditableText.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EACZ,WAAW,EAMZ,MAAM,OAAO,CAAC;AAIf,OAAO,EAEL,wBAAwB,EACzB,MAAM,oCAAoC,CAAC;AAE5C,MAAM,WAAW,qBAAsB,SAAQ,wBAAwB;IACrE,wBAAwB;IACxB,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,gEAAgE;IAChE,MAAM,CAAC,EAAE,CAAC,CAAC,EAAE,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IACpD,+CAA+C;IAC/C,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,sFAAsF;IACtF,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC5B;AAED,eAAO,MAAM,YAAY,8FA4ExB,CAAC"}
+{"version":3,"file":"EditableText.d.ts","sourceRoot":"","sources":["../../../../src/components/EditableText/EditableText.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EACZ,WAAW,EAMZ,MAAM,OAAO,CAAC;AAMf,OAAO,EAEL,wBAAwB,EACzB,MAAM,oCAAoC,CAAC;AAgD5C,MAAM,WAAW,qBAAsB,SAAQ,wBAAwB;IACrE,wBAAwB;IACxB,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,gEAAgE;IAChE,MAAM,CAAC,EAAE,CAAC,CAAC,EAAE,WAAW,CAAC,gBAAgB,GAAG,mBAAmB,CAAC,KAAK,IAAI,CAAC;IAC1E,+CAA+C;IAC/C,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,sFAAsF;IACtF,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,wEAAwE;IACxE,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,kCAAkC;IAClC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,eAAO,MAAM,YAAY,8FAgJxB,CAAC"}

package/dist/esm/components/EditableText/EditableText.js

@@ -1,19 +1,55 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import React, { forwardRef, useCallback, useEffect, useRef, useState } from "react";
 import classNames from "classnames";
+import styled, { css } from "styled-components";
 import { EditableContent } from "../EditableContent/EditableContent";
-export const EditableText = /*#__PURE__*/forwardRef((_ref, ref) => {
+import { StyledDiv, StyledSpan } from "../EditableContent/Styles";
+import { Typography } from "../Typography/Typography";
+const StyledTextareaSpan = styled(Typography).withConfig({
+  displayName: "EditableText__StyledTextareaSpan",
+  componentId: "sc-j2ewzm-0"
+})(["", " background-color:var(--input-background-color,#ffffff);padding-left:4px;padding-right:4px;padding-top:1px;padding-bottom:1px;font-variant-numeric:tabular-nums;outline-width:0px;outline:none;resize:none;white-space:pre-wrap;overflow-wrap:break-word;height:calc(1.5em * 3 + 2px);min-height:calc(1.5em * 3 + 2px);opacity:0;&:focus{opacity:1;background-color:var(--input-background-color,#f8f9fa);}&:disabled{opacity:0;}", ""], {
+  "position": "absolute",
+  "inset": "0px",
+  "boxSizing": "border-box",
+  "width": "100%",
+  "borderRadius": "0.375rem",
+  "borderWidth": "1px",
+  "borderStyle": "solid",
+  "borderColor": "transparent",
+  ":focus-within": {
+    "borderColor": "var(--color-theme-700)"
+  },
+  ":hover": {
+    "borderColor": "var(--color-theme-700)"
+  }
+}, _ref => {
+  let {
+    invalid
+  } = _ref;
+  return invalid && css(["border-color:var(--red-alert) !important;"]);
+});
+export const EditableText = /*#__PURE__*/forwardRef((_ref2, ref) => {
   let {
     onSave,
     onCancel,
     value,
     inputProps,
     allowEmptyString,
+    multiline = false,
+    variant = "Body 2",
+    weight,
+    disabled = false,
+    invalid,
+    wrapRef,
+    children,
     ...props
-  } = _ref;
+  } = _ref2;
   const [currentValue, setCurrentValue] = useState(value);
   const [prevValue, setPrevValue] = useState(value);
   const escapeRef = useRef(false);
+  const intTextareaRef = useRef(null);
+  const [isTextareaFocused, setIsTextareaFocused] = useState(false);
   useEffect(() => {
     if (currentValue !== value) {
       setCurrentValue(value);
@@ -22,6 +58,7 @@ export const EditableText = /*#__PURE__*/forwardRef((_ref, ref) => {
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [value]);
   const handleBlur = useCallback(e => {
+    setIsTextareaFocused(false);
     if (escapeRef.current) {
       setCurrentValue(prevValue);
       escapeRef.current = false;
@@ -34,9 +71,16 @@ export const EditableText = /*#__PURE__*/forwardRef((_ref, ref) => {
         !allowEmptyString ? setCurrentValue(prevValue) : typeof onSave === "function" && prevValue !== e.target.value && onSave(e);
       }
     }
-  }, [allowEmptyString, onSave, prevValue]);
+    // Reset scroll position for textarea
+    if (multiline && intTextareaRef != null && intTextareaRef.current) {
+      intTextareaRef.current.scrollLeft = 0;
+    }
+  }, [allowEmptyString, onSave, prevValue, multiline]);
+  const handleFocus = useCallback(() => {
+    setIsTextareaFocused(true);
+  }, []);
   const handleKeyDown = useCallback(e => {
-    if (e.key === "Enter") {
+    if (e.key === "Enter" && !multiline) {
       e.target.blur();
     }
     if (e.key === "Escape") {
@@ -44,11 +88,43 @@ export const EditableText = /*#__PURE__*/forwardRef((_ref, ref) => {
       e.target.blur();
       typeof onCancel === "function" && onCancel();
     }
-  }, [onCancel]);
+  }, [onCancel, multiline]);
   const handleChange = useCallback(e => {
     setCurrentValue(e.target.value);
   }, []);
+  if (multiline) {
+    return /*#__PURE__*/React.createElement(StyledDiv, _extends({
+      ref: wrapRef
+    }, props), /*#__PURE__*/React.createElement(StyledSpan, {
+      variant: variant,
+      forwardedAs: "span",
+      weight: weight,
+      $disabled: !isTextareaFocused,
+      className: "presentation"
+    }, children ? children : String(currentValue || "").replace(/\n/g, " ")), /*#__PURE__*/React.createElement(StyledTextareaSpan, _extends({
+      ref: intTextareaRef,
+      forwardedAs: "textarea",
+      variant: variant,
+      weight: weight,
+      value: currentValue != null ? currentValue : "",
+      onFocus: handleFocus,
+      onBlur: handleBlur,
+      onKeyDown: handleKeyDown,
+      onChange: handleChange,
+      disabled: disabled,
+      invalid: invalid,
+      "data-form-type": "other",
+      placeholder: inputProps == null ? void 0 : inputProps.placeholder,
+      className: classNames("c-textarea", inputProps == null ? void 0 : inputProps.className),
+      rows: 3
+    }, inputProps)));
+  }
   return /*#__PURE__*/React.createElement(EditableContent, _extends({}, props, {
+    variant: variant,
+    weight: weight,
+    disabled: disabled,
+    invalid: invalid,
+    wrapRef: wrapRef,
     ref: ref,
     inputProps: {
       ...inputProps,
@@ -59,7 +135,7 @@ export const EditableText = /*#__PURE__*/forwardRef((_ref, ref) => {
       type: "text",
       className: classNames("c-input", inputProps == null ? void 0 : inputProps.className)
     }
-  }));
+  }), children);
 });
 EditableText.displayName = "EditableText";
 //# sourceMappingURL=EditableText.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"EditableText.js","names":["React","forwardRef","useCallback","useEffect","useRef","useState","classNames","EditableContent","EditableText","_ref","ref","onSave","onCancel","value","inputProps","allowEmptyString","props","currentValue","setCurrentValue","prevValue","setPrevValue","escapeRef","handleBlur","e","current","target","trim","length","handleKeyDown","key","blur","handleChange","createElement","_extends","onBlur","onKeyDown","onChange","type","className","displayName"],"sources":["../../../../src/components/EditableText/EditableText.tsx"],"sourcesContent":["import React, {\n  ChangeEvent,\n  forwardRef,\n  useCallback,\n  useEffect,\n  useRef,\n  useState,\n} from \"react\";\n\nimport classNames from \"classnames\";\n\nimport {\n  EditableContent,\n  EditableContentInterface,\n} from \"../EditableContent/EditableContent\";\n\nexport interface EditableTextInterface extends EditableContentInterface {\n  /** Value to display. */\n  value?: string | null;\n  /** Optional callback called on enter, click outside and tab. */\n  onSave?: (e: ChangeEvent<HTMLInputElement>) => void;\n  /** Optional callback called on input reset. */\n  onCancel?: () => void;\n  /** If true, setting empty value will save it, instead of revert to previous value. */\n  allowEmptyString?: boolean;\n}\n\nexport const EditableText = forwardRef<HTMLDivElement, EditableTextInterface>(\n  (\n    { onSave, onCancel, value, inputProps, allowEmptyString, ...props },\n    ref\n  ) => {\n    const [currentValue, setCurrentValue] = useState(value);\n    const [prevValue, setPrevValue] = useState(value);\n    const escapeRef = useRef(false);\n\n    useEffect(() => {\n      if (currentValue !== value) {\n        setCurrentValue(value);\n        setPrevValue(value);\n      }\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [value]);\n\n    const handleBlur = useCallback(\n      (e) => {\n        if (escapeRef.current) {\n          setCurrentValue(prevValue);\n          escapeRef.current = false;\n        } else {\n          if (\n            e.target.value.trim().length > 0 &&\n            prevValue !== e.target.value\n          ) {\n            setPrevValue(e.target.value);\n            setCurrentValue(e.target.value);\n            typeof onSave === \"function\" && onSave(e);\n          } else {\n            !allowEmptyString\n              ? setCurrentValue(prevValue)\n              : typeof onSave === \"function\" &&\n                prevValue !== e.target.value &&\n                onSave(e);\n          }\n        }\n      },\n      [allowEmptyString, onSave, prevValue]\n    );\n\n    const handleKeyDown = useCallback(\n      (e) => {\n        if (e.key === \"Enter\") {\n          e.target.blur();\n        }\n        if (e.key === \"Escape\") {\n          escapeRef.current = true;\n          e.target.blur();\n          typeof onCancel === \"function\" && onCancel();\n        }\n      },\n      [onCancel]\n    );\n\n    const handleChange = useCallback((e) => {\n      setCurrentValue(e.target.value);\n    }, []);\n\n    return (\n      <EditableContent\n        {...props}\n        ref={ref}\n        inputProps={{\n          ...inputProps,\n          value: currentValue ?? \"\",\n          onBlur: handleBlur,\n          onKeyDown: handleKeyDown,\n          onChange: handleChange,\n          type: \"text\",\n          className: classNames(\"c-input\", inputProps?.className),\n        }}\n      />\n    );\n  }\n);\n\nEditableText.displayName = \"EditableText\";\n"],"mappings":"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"}
+{"version":3,"file":"EditableText.js","names":["React","forwardRef","useCallback","useEffect","useRef","useState","classNames","styled","css","EditableContent","StyledDiv","StyledSpan","Typography","StyledTextareaSpan","withConfig","displayName","componentId","_ref","invalid","EditableText","_ref2","ref","onSave","onCancel","value","inputProps","allowEmptyString","multiline","variant","weight","disabled","wrapRef","children","props","currentValue","setCurrentValue","prevValue","setPrevValue","escapeRef","intTextareaRef","isTextareaFocused","setIsTextareaFocused","handleBlur","e","current","target","trim","length","scrollLeft","handleFocus","handleKeyDown","key","blur","handleChange","createElement","_extends","forwardedAs","$disabled","className","String","replace","onFocus","onBlur","onKeyDown","onChange","placeholder","rows","type"],"sources":["../../../../src/components/EditableText/EditableText.tsx"],"sourcesContent":["import React, {\n  ChangeEvent,\n  forwardRef,\n  useCallback,\n  useEffect,\n  useRef,\n  useState,\n} from \"react\";\n\nimport classNames from \"classnames\";\nimport styled, { css } from \"styled-components\";\nimport tw from \"twin.macro\";\n\nimport {\n  EditableContent,\n  EditableContentInterface,\n} from \"../EditableContent/EditableContent\";\nimport { StyledDiv, StyledSpan } from \"../EditableContent/Styles\";\nimport { Typography } from \"../Typography/Typography\";\n\nconst StyledTextareaSpan = styled(Typography)`\n  ${tw`\n    tw-absolute\n    tw-inset-0\n    tw-border\n    tw-border-transparent\n    tw-border-solid\n    hover:tw-border-theme-700\n    focus-within:tw-border-theme-700\n    tw-rounded-md\n    tw-box-border\n    tw-w-full`}\n\n  background-color: var(--input-background-color, #ffffff);\n  padding-left: 4px;\n  padding-right: 4px;\n  padding-top: 1px;\n  padding-bottom: 1px;\n  font-variant-numeric: tabular-nums;\n  outline-width: 0px;\n  outline: none;\n  resize: none;\n  white-space: pre-wrap;\n  overflow-wrap: break-word;\n  height: calc(1.5em * 3 + 2px); /* 3 rows height: line-height * 3 + padding */\n  min-height: calc(1.5em * 3 + 2px);\n  opacity: 0;\n\n  &:focus {\n    opacity: 1;\n    background-color: var(--input-background-color, #f8f9fa);\n  }\n\n  &:disabled {\n    opacity: 0;\n  }\n\n  ${({ invalid }) =>\n    invalid &&\n    css`\n      border-color: var(--red-alert) !important;\n    `}\n`;\n\nexport interface EditableTextInterface extends EditableContentInterface {\n  /** Value to display. */\n  value?: string | null;\n  /** Optional callback called on enter, click outside and tab. */\n  onSave?: (e: ChangeEvent<HTMLInputElement | HTMLTextAreaElement>) => void;\n  /** Optional callback called on input reset. */\n  onCancel?: () => void;\n  /** If true, setting empty value will save it, instead of revert to previous value. */\n  allowEmptyString?: boolean;\n  /** If true, shows a textarea instead of input for multiline editing. */\n  multiline?: boolean;\n  /** Children content to display */\n  children?: React.ReactNode;\n}\n\nexport const EditableText = forwardRef<HTMLDivElement, EditableTextInterface>(\n  (\n    {\n      onSave,\n      onCancel,\n      value,\n      inputProps,\n      allowEmptyString,\n      multiline = false,\n      variant = \"Body 2\",\n      weight,\n      disabled = false,\n      invalid,\n      wrapRef,\n      children,\n      ...props\n    },\n    ref\n  ) => {\n    const [currentValue, setCurrentValue] = useState(value);\n    const [prevValue, setPrevValue] = useState(value);\n    const escapeRef = useRef(false);\n    const intTextareaRef = useRef<HTMLTextAreaElement>(null);\n    const [isTextareaFocused, setIsTextareaFocused] = useState(false);\n\n    useEffect(() => {\n      if (currentValue !== value) {\n        setCurrentValue(value);\n        setPrevValue(value);\n      }\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [value]);\n\n    const handleBlur = useCallback(\n      (e) => {\n        setIsTextareaFocused(false);\n        if (escapeRef.current) {\n          setCurrentValue(prevValue);\n          escapeRef.current = false;\n        } else {\n          if (\n            e.target.value.trim().length > 0 &&\n            prevValue !== e.target.value\n          ) {\n            setPrevValue(e.target.value);\n            setCurrentValue(e.target.value);\n            typeof onSave === \"function\" && onSave(e);\n          } else {\n            !allowEmptyString\n              ? setCurrentValue(prevValue)\n              : typeof onSave === \"function\" &&\n                prevValue !== e.target.value &&\n                onSave(e);\n          }\n        }\n        // Reset scroll position for textarea\n        if (multiline && intTextareaRef?.current) {\n          intTextareaRef.current.scrollLeft = 0;\n        }\n      },\n      [allowEmptyString, onSave, prevValue, multiline]\n    );\n\n    const handleFocus = useCallback(() => {\n      setIsTextareaFocused(true);\n    }, []);\n\n    const handleKeyDown = useCallback(\n      (e) => {\n        if (e.key === \"Enter\" && !multiline) {\n          e.target.blur();\n        }\n        if (e.key === \"Escape\") {\n          escapeRef.current = true;\n          e.target.blur();\n          typeof onCancel === \"function\" && onCancel();\n        }\n      },\n      [onCancel, multiline]\n    );\n\n    const handleChange = useCallback((e) => {\n      setCurrentValue(e.target.value);\n    }, []);\n\n    if (multiline) {\n      return (\n        <StyledDiv ref={wrapRef} {...props}>\n          <StyledSpan\n            variant={variant}\n            forwardedAs=\"span\"\n            weight={weight}\n            $disabled={!isTextareaFocused}\n            className=\"presentation\"\n          >\n            {children\n              ? children\n              : String(currentValue || \"\").replace(/\\n/g, \" \")}\n          </StyledSpan>\n          <StyledTextareaSpan\n            ref={intTextareaRef}\n            forwardedAs=\"textarea\"\n            variant={variant}\n            weight={weight}\n            value={currentValue ?? \"\"}\n            onFocus={handleFocus}\n            onBlur={handleBlur}\n            onKeyDown={handleKeyDown}\n            onChange={handleChange}\n            disabled={disabled}\n            invalid={invalid}\n            data-form-type=\"other\"\n            placeholder={inputProps?.placeholder}\n            className={classNames(\"c-textarea\", inputProps?.className)}\n            rows={3}\n            {...inputProps}\n          />\n        </StyledDiv>\n      );\n    }\n\n    return (\n      <EditableContent\n        {...props}\n        variant={variant}\n        weight={weight}\n        disabled={disabled}\n        invalid={invalid}\n        wrapRef={wrapRef}\n        ref={ref}\n        inputProps={{\n          ...inputProps,\n          value: currentValue ?? \"\",\n          onBlur: handleBlur,\n          onKeyDown: handleKeyDown,\n          onChange: handleChange,\n          type: \"text\",\n          className: classNames(\"c-input\", inputProps?.className),\n        }}\n      >\n        {children}\n      </EditableContent>\n    );\n  }\n);\n\nEditableText.displayName = \"EditableText\";\n"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"Styles.d.ts","sourceRoot":"","sources":["../../../../src/components/Header/Styles.ts"],"names":[],"mappings":";AAIA,eAAO,MAAM,YAAY;;SAqBxB,CAAC"}
+{"version":3,"file":"Styles.d.ts","sourceRoot":"","sources":["../../../../src/components/Header/Styles.ts"],"names":[],"mappings":";AAIA,eAAO,MAAM,YAAY;;SAoBxB,CAAC"}

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

@@ -3,6 +3,6 @@ import { Paper } from "../Paper";
 export const StyledHeader = styled(Paper).withConfig({
   displayName: "Styles__StyledHeader",
   componentId: "sc-xrlqib-0"
-})(["", " ", " padding:0 1rem;display:flex;overflow:hidden;min-width:350px;@media screen and (max-width:350px){overflow:auto;}"], props => props.size === "big" && css(["height:140px;"]), props => props.size === "small" && css(["height:4rem;"]));
+})(["", " ", " padding:0 1rem;display:flex;overflow:hidden;@media screen and (max-width:350px){overflow:auto;}"], props => props.size === "big" && css(["height:140px;"]), props => props.size === "small" && css(["height:4rem;"]));
 StyledHeader.displayName = "StyledHeader";
 //# sourceMappingURL=Styles.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Styles.js","names":["styled","css","Paper","StyledHeader","withConfig","displayName","componentId","props","size"],"sources":["../../../../src/components/Header/Styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\n\nimport { Paper } from \"../Paper\";\n\nexport const StyledHeader = styled(Paper)<{ size?: string }>`\n  ${(props) =>\n    props.size === \"big\" &&\n    css`\n      height: 140px;\n    `}\n\n  ${(props) =>\n    props.size === \"small\" &&\n    css`\n      height: 4rem;\n    `}\n\n  padding: 0 1rem;\n  display: flex;\n  overflow: hidden;\n  min-width: 350px;\n\n  @media screen and (max-width: 350px) {\n    overflow: auto;\n  }\n`;\n\nStyledHeader.displayName = \"StyledHeader\";\n"],"mappings":"AAAA,OAAOA,MAAM,IAAIC,GAAG,QAAQ,mBAAmB;AAE/C,SAASC,KAAK,QAAQ,UAAU;AAEhC,OAAO,MAAMC,YAAY,GAAGH,MAAM,CAACE,KAAK,CAAC,CAAAE,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,kIACpCC,KAAK,IACNA,KAAK,CAACC,IAAI,KAAK,KAAK,IACpBP,GAAG,mBAEF,EAEAM,KAAK,IACNA,KAAK,CAACC,IAAI,KAAK,OAAO,IACtBP,GAAG,kBAEF,CAUJ;AAEDE,YAAY,CAACE,WAAW,GAAG,cAAc"}
+{"version":3,"file":"Styles.js","names":["styled","css","Paper","StyledHeader","withConfig","displayName","componentId","props","size"],"sources":["../../../../src/components/Header/Styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\n\nimport { Paper } from \"../Paper\";\n\nexport const StyledHeader = styled(Paper)<{ size?: string }>`\n  ${(props) =>\n    props.size === \"big\" &&\n    css`\n      height: 140px;\n    `}\n\n  ${(props) =>\n    props.size === \"small\" &&\n    css`\n      height: 4rem;\n    `}\n\n  padding: 0 1rem;\n  display: flex;\n  overflow: hidden;\n\n  @media screen and (max-width: 350px) {\n    overflow: auto;\n  }\n`;\n\nStyledHeader.displayName = \"StyledHeader\";\n"],"mappings":"AAAA,OAAOA,MAAM,IAAIC,GAAG,QAAQ,mBAAmB;AAE/C,SAASC,KAAK,QAAQ,UAAU;AAEhC,OAAO,MAAMC,YAAY,GAAGH,MAAM,CAACE,KAAK,CAAC,CAAAE,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,kHACpCC,KAAK,IACNA,KAAK,CAACC,IAAI,KAAK,KAAK,IACpBP,GAAG,mBAEF,EAEAM,KAAK,IACNA,KAAK,CAACC,IAAI,KAAK,OAAO,IACtBP,GAAG,kBAEF,CASJ;AAEDE,YAAY,CAACE,WAAW,GAAG,cAAc"}