@activecollab/components 2.0.233 → 2.0.234

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1 +1 @@
1
- {"version":3,"file":"ComboBox.js","names":["React","useCallback","useState","useEffect","useRef","useMemo","Fragment","RemoveScroll","classNames","StyledComboBoxCloseSmallIcon","StyledComboBoxCollapseExpandSingleIcon","StyledComboBoxInput","StyledComboBoxList","StyledChipWrapper","Portal","ConditionalWrapper","useIsFirstRender","useOnClickOutside","useForkRef","Autocomplete","isOptionGroup","Avatar","Checkbox","Chip","IconButton","InputAdornment","StyledInput","StyledInputWrapper","SpinnerLoader","MultiAvatar","Popper","RadioButton","OptionContent","Trigger","Typography","sizeMap","small","regular","big","biggest","ComboBox","_ref","_comboBoxRef$current2","_comboBoxRef$current3","options","selected","loading","loadingText","onChange","onInputChange","placeholder","handleEmptyAction","disabled","size","invalid","type","renderChip","forceCloseMenu","renderOption","limitChips","hiddenNumberText","inPortal","inputWrapperClassName","scrollWrapper","onClose","onClear","onDeselect","defaultValue","open","defaultOpen","onOpen","triggerMode","noResultText","emptyValue","disableVirtualization","prop","selectedName","value","map","v","find","q","id","name","setValue","focused","setFocused","handleOnChange","e","target","childNode","elementRef","handleRef","wrapperRef","chipWrapper","comboBoxRef","setOpen","isFirstRender","_comboBoxRef$current","current","contains","handleOnKeyDown","key","stopPropagation","_childNode$current","_childNode$current2","focus","blur","emptyAction","handleChange","selectedValue","handleOpen","handleRenderOption","option","props","createElement","imageUrl","image","color","textColor","handleDeselect","handleMouseDown","preventDefault","handleBlur","renderChipAdornment","index","avatarProps","startAdornment","_StyledAvatar","_extends","url","$_css","$_css2","undefined","Array","isArray","includes","newSelected","filter","item","showOnClose","className","label","backgroundColor","chipColor","autoSize","length","elements","total","forEach","isGrouped","push","groupedOptions","o","_index","hidden","splice","_StyledTypography","variant","optionItem","child","avatarSize","showXIcon","hasSelected","showMenu","hasOptions","valueExists","toString","isValueInOptions","some","_StyledStyledInputWrapper","$disabled","$size","$invalid","ref","$mode","onClick","_elementRef$current","click","$_css3","$_css4","_StyledStyledChipWrapper","$autoSize","$open","$_css5","onBlur","onFocus","onKeyDown","$loading","style","display","flex","alignSelf","width","_StyledTrigger","onMouseDown","wrapperClick","mode","wrapRef","endAdornment","disablePointerEvents","condition","wrap","children","anchorEl","placement","zIndex","clientWidth","strategy","noIsolation","allowPinchZoom","$width","$hide","inputEl","displayName","_styled","withConfig","componentId","p"],"sources":["../../../../src/components/ComboBox/ComboBox.tsx"],"sourcesContent":["import React, {\n FC,\n useCallback,\n useState,\n useEffect,\n useRef,\n useMemo,\n Fragment,\n} from \"react\";\nimport { RemoveScroll } from \"react-remove-scroll\";\n\nimport classNames from \"classnames\";\nimport tw from \"twin.macro\";\n\nimport {\n StyledComboBoxCloseSmallIcon,\n StyledComboBoxCollapseExpandSingleIcon,\n StyledComboBoxInput,\n StyledComboBoxList,\n StyledChipWrapper,\n} from \"./Styles\";\nimport { Portal } from \"../../helpers\";\nimport { ConditionalWrapper } from \"../../helpers/ConditionWrapper/ConditionWrapper\";\nimport { useIsFirstRender } from \"../../hooks/useIsFirstRender\";\nimport { useOnClickOutside } from \"../../hooks/useOnClickOutside\";\nimport useForkRef from \"../../utils/useForkRef\";\nimport { Autocomplete } from \"../Autocomplete\";\nimport {\n IAutocompleteProps,\n isOptionGroup,\n} from \"../Autocomplete/Autocomplete\";\nimport { Avatar, AvatarProps } from \"../Avatar\";\nimport { Checkbox } from \"../Checkbox\";\nimport { Chip } from \"../Chip\";\nimport { IconButton } from \"../IconButton\";\nimport { InputAdornment } from \"../Input/InputAdornment\";\nimport { StyledInput, StyledInputWrapper } from \"../Input/Styles\";\nimport { InputMode, InputSize } from \"../Input/types\";\nimport { SpinnerLoader } from \"../Loaders/Spinner/SpinnerLoader\";\nimport { MultiAvatar } from \"../MultiAvatar\";\nimport { Popper } from \"../Popper\";\nimport { RadioButton } from \"../RadioButton\";\nimport { IOptionGroupProps, IOptionItemProps } from \"../Select\";\nimport { OptionContent } from \"../Select/OptionContent/OptionContent\";\nimport { Trigger } from \"../Trigger\";\nimport { Typography } from \"../Typography/Typography\";\n\nconst sizeMap = {\n small: 18,\n regular: 24,\n big: 30,\n biggest: 40,\n};\n\nexport interface IComboBoxProps\n extends Omit<\n IAutocompleteProps,\n \"handleChange\" | \"inputEl\" | \"clearInputOnSelect\"\n > {\n /** Set combobox in to loading state */\n loading?: boolean;\n /** Text to display while in loading state */\n loadingText?: string;\n /** onChange callback */\n onChange?: (\n e: (string | number)[] | string | number | null | undefined\n ) => void;\n /** onInputChange callback */\n onInputChange?: (text: string) => void;\n /** Placeholder for Select input */\n placeholder?: string;\n /** disable Input element */\n disabled?: boolean;\n /** Combobox size */\n size?: InputSize;\n /** Invalid state */\n invalid?: boolean;\n /** Render Chip */\n renderChip?: <T extends IOptionItemProps>(\n item: T,\n key?: string | number\n ) => JSX.Element;\n /** Close menu on change */\n forceCloseMenu?: boolean;\n /** Limit chips */\n limitChips?: number;\n /** Hidden number text */\n hiddenNumberText?: (hidden: number) => string;\n /** Render Autocomplete in <Portal> */\n inPortal?: boolean;\n /** inputWrapperClassName */\n inputWrapperClassName?: string;\n /** scrollWrapper */\n scrollWrapper?: boolean;\n /** onClose (f) will be called when Popper closes */\n onClose?: () => void;\n /** onOpen (f) will be called when Popper opens */\n onOpen?: () => void;\n /** onClear (f) will be called when user clear input on X icon*/\n onClear?: () => void;\n onDeselect?: () => void;\n open?: boolean;\n triggerMode?: InputMode;\n}\n\nexport const ComboBox: FC<IComboBoxProps> = ({\n options = [],\n selected,\n loading = false,\n loadingText,\n onChange,\n onInputChange,\n placeholder,\n handleEmptyAction,\n disabled = false,\n size = \"regular\",\n invalid = false,\n type = \"single\",\n renderChip,\n forceCloseMenu = type === \"single\",\n renderOption,\n limitChips = 2,\n hiddenNumberText,\n inPortal = false,\n inputWrapperClassName,\n scrollWrapper,\n onClose,\n onClear,\n onDeselect,\n defaultValue,\n open: defaultOpen = false,\n onOpen,\n triggerMode,\n noResultText,\n emptyValue,\n disableVirtualization,\n ...prop\n}) => {\n const selectedName = useMemo(() => {\n let value = \"\";\n if (!selected) {\n return value;\n }\n options.map((v) => {\n if ((v as IOptionGroupProps)?.options) {\n return (v as IOptionGroupProps).options.find((q) => {\n if (q.id === selected) {\n value = q.name;\n return;\n }\n });\n } else {\n if (v.id === selected) {\n value = v.name;\n return;\n }\n }\n });\n return value;\n }, [options, selected]);\n const [value, setValue] = useState(selectedName);\n const [focused, setFocused] = useState<boolean>(false);\n const handleOnChange = useCallback(\n (e) => {\n setValue(e.target.value);\n onInputChange?.(e.target.value);\n },\n [onInputChange]\n );\n const childNode = useRef<HTMLInputElement | null>();\n const elementRef = useRef<HTMLInputElement | null>(null);\n const handleRef = useForkRef(childNode, elementRef);\n const wrapperRef = useRef<HTMLDivElement>(null);\n const chipWrapper = useRef<HTMLDivElement>(null);\n const comboBoxRef = useRef<HTMLDivElement | null>(null);\n\n const [open, setOpen] = useState(defaultOpen);\n const isFirstRender = useIsFirstRender();\n\n useOnClickOutside(wrapperRef, (e) => {\n if (e.target && comboBoxRef.current?.contains(e.target as Node)) {\n return;\n }\n setOpen(false);\n });\n\n const handleOnKeyDown = useCallback(\n (e) => {\n if (e.key === \"Escape\" && open) {\n setOpen(false);\n setValue(selectedName);\n e.stopPropagation();\n }\n\n if (e.key === \"Enter\" && type === \"multiple\") {\n setValue(\"\");\n }\n\n if (e.key === \"Enter\" && !open && focused) {\n setOpen(true);\n onOpen?.();\n }\n },\n [focused, onOpen, open, selectedName, type]\n );\n\n useEffect(() => {\n open && childNode?.current?.focus();\n !open && childNode?.current?.blur();\n }, [childNode, open]);\n\n useEffect(() => {\n setValue(selectedName);\n }, [selectedName]);\n\n useEffect(() => {\n if (open !== defaultOpen) setOpen(defaultOpen);\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [defaultOpen]);\n\n useEffect(() => {\n if (!open && !isFirstRender && !focused) {\n if (typeof onClose === \"function\") {\n onClose();\n }\n }\n }, [focused, isFirstRender, onClose, open]);\n\n const emptyAction = useCallback(\n (v) => {\n handleEmptyAction?.(v);\n setOpen(false);\n },\n [handleEmptyAction]\n );\n\n const handleChange = useCallback(\n (selectedValue) => {\n if (selectedValue !== selected && typeof onChange === \"function\") {\n onChange(selectedValue);\n }\n if (forceCloseMenu) {\n setOpen(false);\n }\n },\n [forceCloseMenu, onChange, selected]\n );\n\n const handleOpen = useCallback(() => {\n if (!disabled) {\n setOpen(true);\n onOpen?.();\n }\n }, [disabled, onOpen]);\n\n const handleRenderOption = useCallback(\n (option, props) => {\n if (typeof renderOption === \"function\") {\n return renderOption(option, props);\n }\n if (type === \"multiple\") {\n return (\n <>\n <OptionContent\n imageUrl={option.image}\n color={option.color}\n textColor={option.textColor}\n name={option.name}\n />\n <Checkbox {...props} />\n </>\n );\n }\n return (\n <>\n <OptionContent\n imageUrl={option.image}\n color={option.color}\n textColor={option.textColor}\n name={option.name}\n />\n <RadioButton {...props} />\n </>\n );\n },\n [type, renderOption]\n );\n\n const handleDeselect = useCallback(\n (e) => {\n e.stopPropagation();\n if (typeof onDeselect === \"function\") {\n onDeselect();\n } else if (type === \"multiple\") {\n onChange?.([]);\n } else {\n onChange?.(\"\");\n }\n\n onClear?.();\n setOpen(false);\n },\n [type, onChange, onClear, onDeselect]\n );\n\n const handleMouseDown = useCallback((e) => {\n e.preventDefault();\n }, []);\n\n const handleBlur = useCallback(() => {\n setValue(selectedName);\n setFocused(!focused);\n }, [focused, selectedName]);\n\n const renderChipAdornment = useCallback(\n (option, index) => {\n if (typeof renderChip === \"function\") {\n return renderChip(option, index);\n }\n const avatarProps: Partial<AvatarProps> = {\n size: 18,\n };\n switch (size) {\n case \"big\":\n avatarProps.size = 22;\n break;\n case \"small\":\n avatarProps.size = 14;\n break;\n }\n const startAdornment = option.image ? (\n <Avatar\n css={`\n ${tw`tw-my-0.5`}\n ${tw`tw-mr-0.5`}\n `}\n url={option.image}\n {...avatarProps}\n />\n ) : undefined;\n\n const onClose = (e) => {\n e.preventDefault();\n e.stopPropagation();\n if (Array.isArray(selected) && selected.includes(option.id)) {\n if (typeof onChange === \"function\") {\n const newSelected = selected.filter((item) => item !== option.id);\n onChange(newSelected);\n }\n }\n };\n\n let showOnClose = true;\n if (disabled) {\n showOnClose = false;\n }\n if (option.color) {\n showOnClose = false;\n }\n\n return (\n <Chip\n className=\"c-combo-box-chip\"\n startAdornment={startAdornment}\n label={option.name}\n key={index}\n backgroundColor={option.color}\n color={option.chipColor}\n onClose={showOnClose ? onClose : undefined}\n size={size}\n />\n );\n },\n [disabled, onChange, renderChip, selected, size]\n );\n\n const autoSize = useMemo(() => {\n if (\n type === \"multiple\" &&\n open &&\n Array.isArray(selected) &&\n selected.length > 1\n ) {\n return \"auto\";\n }\n return size;\n }, [open, selected, size, type]);\n\n const startAdornment = useMemo(() => {\n if (type === \"multiple\" && Array.isArray(selected) && selected.length > 0) {\n const elements: JSX.Element[] = [];\n let total = 0;\n options.forEach((option, index) => {\n const isGrouped = isOptionGroup(option);\n if (selected.includes(option.id) && !isGrouped) {\n total = total + 1;\n elements.push(renderChipAdornment(option, index));\n } else if (isGrouped) {\n const groupedOptions = option.options.filter((o) =>\n selected.includes(o.id)\n );\n total = total + groupedOptions.length;\n if (groupedOptions.length > 0) {\n groupedOptions.forEach((o, _index) => {\n elements.push(renderChipAdornment(o, `${index}_${_index}`));\n });\n }\n }\n });\n let hidden = 0;\n if (!open && limitChips > 0 && elements.length > limitChips) {\n hidden = elements.splice(\n limitChips,\n elements.length - limitChips\n ).length;\n }\n\n return (\n <Fragment>\n {elements}\n {hidden > 0 && (\n <Typography\n variant={\n size === \"small\"\n ? \"Caption 1\"\n : size === \"regular\"\n ? \"Body 2\"\n : \"Body 1\"\n }\n css={`\n display: flex;\n flex-shrink: 0;\n align-items: center;\n `}\n >\n {typeof hiddenNumberText === \"function\"\n ? hiddenNumberText(hidden)\n : `+${hidden}`}\n </Typography>\n )}\n </Fragment>\n );\n }\n if (type === \"single\" && selected) {\n let optionItem;\n options.forEach((option) => {\n if (isOptionGroup(option)) {\n optionItem = option.options.find((child) => child.id === selected);\n } else if (!optionItem && option.id === selected) {\n optionItem = option;\n }\n });\n if (optionItem && optionItem.image) {\n const avatarSize = size === \"big\" ? 22 : size === \"regular\" ? 18 : 14;\n if (Array.isArray(optionItem.image)) {\n return <MultiAvatar url={optionItem.image} size={avatarSize} />;\n }\n return <Avatar url={optionItem.image} size={avatarSize} />;\n }\n }\n\n return undefined;\n }, [\n type,\n selected,\n options,\n open,\n limitChips,\n hiddenNumberText,\n renderChipAdornment,\n size,\n ]);\n\n const showXIcon =\n Array.isArray(selected) && type === \"multiple\" && selected.length > 0;\n\n const hasSelected =\n type === \"multiple\" && Array.isArray(selected) && selected.length > 0;\n\n const showMenu = useMemo(() => {\n const hasOptions = options?.length > 0;\n\n const valueExists = (option: IOptionItemProps) =>\n option.id.toString().includes(value) || option.name.includes(value);\n\n const isValueInOptions = options?.some((option) =>\n isOptionGroup(option)\n ? option.options.some(valueExists)\n : valueExists(option)\n );\n\n return (\n (hasOptions && (!!defaultValue || !value)) ||\n (value && (isValueInOptions || emptyValue || noResultText))\n );\n }, [defaultValue, emptyValue, noResultText, options, value]);\n\n return (\n <div className=\"c-combo-box\">\n {type === \"multiple\" ? (\n <>\n <StyledInputWrapper\n $disabled={disabled}\n $size={size}\n $invalid={invalid}\n ref={comboBoxRef}\n $mode={triggerMode}\n css={`\n display: flex;\n justify-content: space-between;\n flex: 1;\n height: ${autoSize === \"auto\" ? \"auto\" : undefined};\n overflow-y: ${autoSize === \"auto\" && scrollWrapper\n ? \"scroll\"\n : undefined};\n `}\n className={classNames(\n \"c-combo-box-input-wrapper\",\n inputWrapperClassName\n )}\n onClick={() => {\n elementRef.current?.click();\n }}\n >\n <StyledChipWrapper\n $autoSize={autoSize}\n $open={open}\n ref={chipWrapper}\n css={`\n max-height: ${autoSize === \"auto\" && scrollWrapper\n ? sizeMap[size] * 3 + 8 + \"px\"\n : undefined};\n `}\n >\n {startAdornment}\n <StyledInput\n className=\"c-combo-box-input\"\n onBlur={handleBlur}\n onFocus={() => {\n setFocused(!focused);\n }}\n onClick={handleOpen}\n ref={handleRef}\n value={loading && loadingText ? loadingText : value}\n onKeyDown={handleOnKeyDown}\n onChange={handleOnChange}\n placeholder={!hasSelected ? placeholder : undefined}\n $mode={triggerMode}\n disabled={disabled}\n $size={size}\n $loading={loading}\n style={{\n display: \"flex\",\n flex: 1,\n alignSelf: \"center\",\n width: autoSize === \"auto\" ? \"auto\" : \"100%\",\n }}\n />\n </StyledChipWrapper>\n {!disabled && (\n <>\n {loading ? (\n <SpinnerLoader />\n ) : (\n <>\n {showXIcon && (\n <Trigger\n onMouseDown={handleMouseDown}\n onClick={handleDeselect}\n data-testid=\"deselect-all\"\n css={`\n display: flex;\n justify-content: center;\n `}\n >\n <StyledComboBoxCloseSmallIcon />\n </Trigger>\n )}\n {showMenu && (\n <StyledComboBoxCollapseExpandSingleIcon $open={open} />\n )}\n </>\n )}\n </>\n )}\n </StyledInputWrapper>\n </>\n ) : (\n <StyledComboBoxInput\n className={classNames(\"c-combo-box-input\", inputWrapperClassName)}\n onBlur={handleBlur}\n wrapperClick={handleOpen}\n onFocus={() => {\n setFocused(!focused);\n handleOpen();\n }}\n onClick={handleOpen}\n mode={triggerMode}\n wrapRef={comboBoxRef}\n ref={handleRef}\n value={loading && loadingText ? loadingText : value}\n onKeyDown={handleOnKeyDown}\n onChange={handleOnChange}\n placeholder={placeholder}\n disabled={disabled}\n size={size}\n invalid={invalid}\n $loading={loading}\n startAdornment={startAdornment}\n endAdornment={\n !disabled ? (\n <InputAdornment disablePointerEvents={disabled}>\n {loading ? (\n <SpinnerLoader />\n ) : selected ? (\n <IconButton\n onMouseDown={handleMouseDown}\n onClick={handleDeselect}\n variant=\"text gray\"\n size=\"small\"\n >\n <StyledComboBoxCloseSmallIcon />\n </IconButton>\n ) : null}\n {showMenu && (\n <StyledComboBoxCollapseExpandSingleIcon $open={open} />\n )}\n </InputAdornment>\n ) : null\n }\n />\n )}\n {!disabled ? (\n <ConditionalWrapper\n condition={inPortal}\n wrap={(children) => <Portal>{children}</Portal>}\n >\n <Popper\n anchorEl={comboBoxRef.current}\n open={open}\n placement=\"bottom\"\n style={{\n zIndex: 10,\n width: comboBoxRef.current?.clientWidth,\n }}\n ref={wrapperRef}\n strategy=\"fixed\"\n >\n <RemoveScroll noIsolation allowPinchZoom>\n <StyledComboBoxList\n className=\"c-combo-box--list\"\n $width={comboBoxRef.current?.clientWidth}\n $hide={!showMenu}\n >\n <Autocomplete\n {...prop}\n emptyValue={emptyValue}\n noResultText={noResultText}\n inputEl={childNode}\n selected={selected}\n handleChange={handleChange}\n renderOption={handleRenderOption}\n options={options}\n type={type}\n defaultValue={defaultValue}\n handleEmptyAction={emptyAction}\n disableVirtualization={disableVirtualization}\n />\n </StyledComboBoxList>\n </RemoveScroll>\n </Popper>\n </ConditionalWrapper>\n ) : null}\n </div>\n );\n};\n\nComboBox.displayName = \"ComboBox\";\n"],"mappings":";;AAAA,OAAOA,KAAK,IAEVC,WAAW,EACXC,QAAQ,EACRC,SAAS,EACTC,MAAM,EACNC,OAAO,EACPC,QAAQ,QACH,OAAO;AACd,SAASC,YAAY,QAAQ,qBAAqB;AAElD,OAAOC,UAAU,MAAM,YAAY;AAGnC,SACEC,4BAA4B,EAC5BC,sCAAsC,EACtCC,mBAAmB,EACnBC,kBAAkB,EAClBC,iBAAiB,QACZ,UAAU;AACjB,SAASC,MAAM,QAAQ,eAAe;AACtC,SAASC,kBAAkB,QAAQ,iDAAiD;AACpF,SAASC,gBAAgB,QAAQ,8BAA8B;AAC/D,SAASC,iBAAiB,QAAQ,+BAA+B;AACjE,OAAOC,UAAU,MAAM,wBAAwB;AAC/C,SAASC,YAAY,QAAQ,iBAAiB;AAC9C,SAEEC,aAAa,QACR,8BAA8B;AACrC,SAASC,MAAM,QAAqB,WAAW;AAC/C,SAASC,QAAQ,QAAQ,aAAa;AACtC,SAASC,IAAI,QAAQ,SAAS;AAC9B,SAASC,UAAU,QAAQ,eAAe;AAC1C,SAASC,cAAc,QAAQ,yBAAyB;AACxD,SAASC,WAAW,EAAEC,kBAAkB,QAAQ,iBAAiB;AAEjE,SAASC,aAAa,QAAQ,kCAAkC;AAChE,SAASC,WAAW,QAAQ,gBAAgB;AAC5C,SAASC,MAAM,QAAQ,WAAW;AAClC,SAASC,WAAW,QAAQ,gBAAgB;AAE5C,SAASC,aAAa,QAAQ,uCAAuC;AACrE,SAASC,OAAO,QAAQ,YAAY;AACpC,SAASC,UAAU,QAAQ,0BAA0B;AAErD,MAAMC,OAAO,GAAG;EACdC,KAAK,EAAE,EAAE;EACTC,OAAO,EAAE,EAAE;EACXC,GAAG,EAAE,EAAE;EACPC,OAAO,EAAE;AACX,CAAC;AAqDD,OAAO,MAAMC,QAA4B,GAAGC,IAAA,IAgCtC;EAAA,IAAAC,qBAAA,EAAAC,qBAAA;EAAA,IAhCuC;IAC3CC,OAAO,GAAG,EAAE;IACZC,QAAQ;IACRC,OAAO,GAAG,KAAK;IACfC,WAAW;IACXC,QAAQ;IACRC,aAAa;IACbC,WAAW;IACXC,iBAAiB;IACjBC,QAAQ,GAAG,KAAK;IAChBC,IAAI,GAAG,SAAS;IAChBC,OAAO,GAAG,KAAK;IACfC,IAAI,GAAG,QAAQ;IACfC,UAAU;IACVC,cAAc,GAAGF,IAAI,KAAK,QAAQ;IAClCG,YAAY;IACZC,UAAU,GAAG,CAAC;IACdC,gBAAgB;IAChBC,QAAQ,GAAG,KAAK;IAChBC,qBAAqB;IACrBC,aAAa;IACbC,OAAO;IACPC,OAAO;IACPC,UAAU;IACVC,YAAY;IACZC,IAAI,EAAEC,WAAW,GAAG,KAAK;IACzBC,MAAM;IACNC,WAAW;IACXC,YAAY;IACZC,UAAU;IACVC,qBAAqB;IACrB,GAAGC;EACL,CAAC,GAAAlC,IAAA;EACC,MAAMmC,YAAY,GAAGvE,OAAO,CAAC,MAAM;IACjC,IAAIwE,KAAK,GAAG,EAAE;IACd,IAAI,CAAChC,QAAQ,EAAE;MACb,OAAOgC,KAAK;IACd;IACAjC,OAAO,CAACkC,GAAG,CAAEC,CAAC,IAAK;MACjB,IAAKA,CAAC,YAADA,CAAC,CAAwBnC,OAAO,EAAE;QACrC,OAAQmC,CAAC,CAAuBnC,OAAO,CAACoC,IAAI,CAAEC,CAAC,IAAK;UAClD,IAAIA,CAAC,CAACC,EAAE,KAAKrC,QAAQ,EAAE;YACrBgC,KAAK,GAAGI,CAAC,CAACE,IAAI;YACd;UACF;QACF,CAAC,CAAC;MACJ,CAAC,MAAM;QACL,IAAIJ,CAAC,CAACG,EAAE,KAAKrC,QAAQ,EAAE;UACrBgC,KAAK,GAAGE,CAAC,CAACI,IAAI;UACd;QACF;MACF;IACF,CAAC,CAAC;IACF,OAAON,KAAK;EACd,CAAC,EAAE,CAACjC,OAAO,EAAEC,QAAQ,CAAC,CAAC;EACvB,MAAM,CAACgC,KAAK,EAAEO,QAAQ,CAAC,GAAGlF,QAAQ,CAAC0E,YAAY,CAAC;EAChD,MAAM,CAACS,OAAO,EAAEC,UAAU,CAAC,GAAGpF,QAAQ,CAAU,KAAK,CAAC;EACtD,MAAMqF,cAAc,GAAGtF,WAAW,CAC/BuF,CAAC,IAAK;IACLJ,QAAQ,CAACI,CAAC,CAACC,MAAM,CAACZ,KAAK,CAAC;IACxB5B,aAAa,YAAbA,aAAa,CAAGuC,CAAC,CAACC,MAAM,CAACZ,KAAK,CAAC;EACjC,CAAC,EACD,CAAC5B,aAAa,CAChB,CAAC;EACD,MAAMyC,SAAS,GAAGtF,MAAM,CAA0B,CAAC;EACnD,MAAMuF,UAAU,GAAGvF,MAAM,CAA0B,IAAI,CAAC;EACxD,MAAMwF,SAAS,GAAG1E,UAAU,CAACwE,SAAS,EAAEC,UAAU,CAAC;EACnD,MAAME,UAAU,GAAGzF,MAAM,CAAiB,IAAI,CAAC;EAC/C,MAAM0F,WAAW,GAAG1F,MAAM,CAAiB,IAAI,CAAC;EAChD,MAAM2F,WAAW,GAAG3F,MAAM,CAAwB,IAAI,CAAC;EAEvD,MAAM,CAACgE,IAAI,EAAE4B,OAAO,CAAC,GAAG9F,QAAQ,CAACmE,WAAW,CAAC;EAC7C,MAAM4B,aAAa,GAAGjF,gBAAgB,CAAC,CAAC;EAExCC,iBAAiB,CAAC4E,UAAU,EAAGL,CAAC,IAAK;IAAA,IAAAU,oBAAA;IACnC,IAAIV,CAAC,CAACC,MAAM,KAAAS,oBAAA,GAAIH,WAAW,CAACI,OAAO,aAAnBD,oBAAA,CAAqBE,QAAQ,CAACZ,CAAC,CAACC,MAAc,CAAC,EAAE;MAC/D;IACF;IACAO,OAAO,CAAC,KAAK,CAAC;EAChB,CAAC,CAAC;EAEF,MAAMK,eAAe,GAAGpG,WAAW,CAChCuF,CAAC,IAAK;IACL,IAAIA,CAAC,CAACc,GAAG,KAAK,QAAQ,IAAIlC,IAAI,EAAE;MAC9B4B,OAAO,CAAC,KAAK,CAAC;MACdZ,QAAQ,CAACR,YAAY,CAAC;MACtBY,CAAC,CAACe,eAAe,CAAC,CAAC;IACrB;IAEA,IAAIf,CAAC,CAACc,GAAG,KAAK,OAAO,IAAI/C,IAAI,KAAK,UAAU,EAAE;MAC5C6B,QAAQ,CAAC,EAAE,CAAC;IACd;IAEA,IAAII,CAAC,CAACc,GAAG,KAAK,OAAO,IAAI,CAAClC,IAAI,IAAIiB,OAAO,EAAE;MACzCW,OAAO,CAAC,IAAI,CAAC;MACb1B,MAAM,YAANA,MAAM,CAAG,CAAC;IACZ;EACF,CAAC,EACD,CAACe,OAAO,EAAEf,MAAM,EAAEF,IAAI,EAAEQ,YAAY,EAAErB,IAAI,CAC5C,CAAC;EAEDpD,SAAS,CAAC,MAAM;IAAA,IAAAqG,kBAAA,EAAAC,mBAAA;IACdrC,IAAI,KAAIsB,SAAS,aAAAc,kBAAA,GAATd,SAAS,CAAES,OAAO,qBAAlBK,kBAAA,CAAoBE,KAAK,CAAC,CAAC;IACnC,CAACtC,IAAI,KAAIsB,SAAS,aAAAe,mBAAA,GAATf,SAAS,CAAES,OAAO,qBAAlBM,mBAAA,CAAoBE,IAAI,CAAC,CAAC;EACrC,CAAC,EAAE,CAACjB,SAAS,EAAEtB,IAAI,CAAC,CAAC;EAErBjE,SAAS,CAAC,MAAM;IACdiF,QAAQ,CAACR,YAAY,CAAC;EACxB,CAAC,EAAE,CAACA,YAAY,CAAC,CAAC;EAElBzE,SAAS,CAAC,MAAM;IACd,IAAIiE,IAAI,KAAKC,WAAW,EAAE2B,OAAO,CAAC3B,WAAW,CAAC;IAC9C;EACF,CAAC,EAAE,CAACA,WAAW,CAAC,CAAC;EAEjBlE,SAAS,CAAC,MAAM;IACd,IAAI,CAACiE,IAAI,IAAI,CAAC6B,aAAa,IAAI,CAACZ,OAAO,EAAE;MACvC,IAAI,OAAOrB,OAAO,KAAK,UAAU,EAAE;QACjCA,OAAO,CAAC,CAAC;MACX;IACF;EACF,CAAC,EAAE,CAACqB,OAAO,EAAEY,aAAa,EAAEjC,OAAO,EAAEI,IAAI,CAAC,CAAC;EAE3C,MAAMwC,WAAW,GAAG3G,WAAW,CAC5B8E,CAAC,IAAK;IACL5B,iBAAiB,YAAjBA,iBAAiB,CAAG4B,CAAC,CAAC;IACtBiB,OAAO,CAAC,KAAK,CAAC;EAChB,CAAC,EACD,CAAC7C,iBAAiB,CACpB,CAAC;EAED,MAAM0D,YAAY,GAAG5G,WAAW,CAC7B6G,aAAa,IAAK;IACjB,IAAIA,aAAa,KAAKjE,QAAQ,IAAI,OAAOG,QAAQ,KAAK,UAAU,EAAE;MAChEA,QAAQ,CAAC8D,aAAa,CAAC;IACzB;IACA,IAAIrD,cAAc,EAAE;MAClBuC,OAAO,CAAC,KAAK,CAAC;IAChB;EACF,CAAC,EACD,CAACvC,cAAc,EAAET,QAAQ,EAAEH,QAAQ,CACrC,CAAC;EAED,MAAMkE,UAAU,GAAG9G,WAAW,CAAC,MAAM;IACnC,IAAI,CAACmD,QAAQ,EAAE;MACb4C,OAAO,CAAC,IAAI,CAAC;MACb1B,MAAM,YAANA,MAAM,CAAG,CAAC;IACZ;EACF,CAAC,EAAE,CAAClB,QAAQ,EAAEkB,MAAM,CAAC,CAAC;EAEtB,MAAM0C,kBAAkB,GAAG/G,WAAW,CACpC,CAACgH,MAAM,EAAEC,KAAK,KAAK;IACjB,IAAI,OAAOxD,YAAY,KAAK,UAAU,EAAE;MACtC,OAAOA,YAAY,CAACuD,MAAM,EAAEC,KAAK,CAAC;IACpC;IACA,IAAI3D,IAAI,KAAK,UAAU,EAAE;MACvB,oBACEvD,KAAA,CAAAmH,aAAA,CAAAnH,KAAA,CAAAM,QAAA,qBACEN,KAAA,CAAAmH,aAAA,CAACnF,aAAa;QACZoF,QAAQ,EAAEH,MAAM,CAACI,KAAM;QACvBC,KAAK,EAAEL,MAAM,CAACK,KAAM;QACpBC,SAAS,EAAEN,MAAM,CAACM,SAAU;QAC5BpC,IAAI,EAAE8B,MAAM,CAAC9B;MAAK,CACnB,CAAC,eACFnF,KAAA,CAAAmH,aAAA,CAAC7F,QAAQ,EAAK4F,KAAQ,CACtB,CAAC;IAEP;IACA,oBACElH,KAAA,CAAAmH,aAAA,CAAAnH,KAAA,CAAAM,QAAA,qBACEN,KAAA,CAAAmH,aAAA,CAACnF,aAAa;MACZoF,QAAQ,EAAEH,MAAM,CAACI,KAAM;MACvBC,KAAK,EAAEL,MAAM,CAACK,KAAM;MACpBC,SAAS,EAAEN,MAAM,CAACM,SAAU;MAC5BpC,IAAI,EAAE8B,MAAM,CAAC9B;IAAK,CACnB,CAAC,eACFnF,KAAA,CAAAmH,aAAA,CAACpF,WAAW,EAAKmF,KAAQ,CACzB,CAAC;EAEP,CAAC,EACD,CAAC3D,IAAI,EAAEG,YAAY,CACrB,CAAC;EAED,MAAM8D,cAAc,GAAGvH,WAAW,CAC/BuF,CAAC,IAAK;IACLA,CAAC,CAACe,eAAe,CAAC,CAAC;IACnB,IAAI,OAAOrC,UAAU,KAAK,UAAU,EAAE;MACpCA,UAAU,CAAC,CAAC;IACd,CAAC,MAAM,IAAIX,IAAI,KAAK,UAAU,EAAE;MAC9BP,QAAQ,YAARA,QAAQ,CAAG,EAAE,CAAC;IAChB,CAAC,MAAM;MACLA,QAAQ,YAARA,QAAQ,CAAG,EAAE,CAAC;IAChB;IAEAiB,OAAO,YAAPA,OAAO,CAAG,CAAC;IACX+B,OAAO,CAAC,KAAK,CAAC;EAChB,CAAC,EACD,CAACzC,IAAI,EAAEP,QAAQ,EAAEiB,OAAO,EAAEC,UAAU,CACtC,CAAC;EAED,MAAMuD,eAAe,GAAGxH,WAAW,CAAEuF,CAAC,IAAK;IACzCA,CAAC,CAACkC,cAAc,CAAC,CAAC;EACpB,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMC,UAAU,GAAG1H,WAAW,CAAC,MAAM;IACnCmF,QAAQ,CAACR,YAAY,CAAC;IACtBU,UAAU,CAAC,CAACD,OAAO,CAAC;EACtB,CAAC,EAAE,CAACA,OAAO,EAAET,YAAY,CAAC,CAAC;EAE3B,MAAMgD,mBAAmB,GAAG3H,WAAW,CACrC,CAACgH,MAAM,EAAEY,KAAK,KAAK;IACjB,IAAI,OAAOrE,UAAU,KAAK,UAAU,EAAE;MACpC,OAAOA,UAAU,CAACyD,MAAM,EAAEY,KAAK,CAAC;IAClC;IACA,MAAMC,WAAiC,GAAG;MACxCzE,IAAI,EAAE;IACR,CAAC;IACD,QAAQA,IAAI;MACV,KAAK,KAAK;QACRyE,WAAW,CAACzE,IAAI,GAAG,EAAE;QACrB;MACF,KAAK,OAAO;QACVyE,WAAW,CAACzE,IAAI,GAAG,EAAE;QACrB;IACJ;IACA,MAAM0E,cAAc,GAAGd,MAAM,CAACI,KAAK,gBACjCrH,KAAA,CAAAmH,aAAA,CAAAa,aAAA,EAAAC,QAAA;MAKEC,GAAG,EAAEjB,MAAM,CAACI;IAAM,GACdS,WAAW;MAAAK,KAAA,EAJT;QAAA;QAAA;MAAU,CAAC;MAAAC,MAAA,EACX;QAAA;MAAU;IAAC,EAIlB,CAAC,GACAC,SAAS;IAEb,MAAMrE,OAAO,GAAIwB,CAAC,IAAK;MACrBA,CAAC,CAACkC,cAAc,CAAC,CAAC;MAClBlC,CAAC,CAACe,eAAe,CAAC,CAAC;MACnB,IAAI+B,KAAK,CAACC,OAAO,CAAC1F,QAAQ,CAAC,IAAIA,QAAQ,CAAC2F,QAAQ,CAACvB,MAAM,CAAC/B,EAAE,CAAC,EAAE;QAC3D,IAAI,OAAOlC,QAAQ,KAAK,UAAU,EAAE;UAClC,MAAMyF,WAAW,GAAG5F,QAAQ,CAAC6F,MAAM,CAAEC,IAAI,IAAKA,IAAI,KAAK1B,MAAM,CAAC/B,EAAE,CAAC;UACjElC,QAAQ,CAACyF,WAAW,CAAC;QACvB;MACF;IACF,CAAC;IAED,IAAIG,WAAW,GAAG,IAAI;IACtB,IAAIxF,QAAQ,EAAE;MACZwF,WAAW,GAAG,KAAK;IACrB;IACA,IAAI3B,MAAM,CAACK,KAAK,EAAE;MAChBsB,WAAW,GAAG,KAAK;IACrB;IAEA,oBACE5I,KAAA,CAAAmH,aAAA,CAAC5F,IAAI;MACHsH,SAAS,EAAC,kBAAkB;MAC5Bd,cAAc,EAAEA,cAAe;MAC/Be,KAAK,EAAE7B,MAAM,CAAC9B,IAAK;MACnBmB,GAAG,EAAEuB,KAAM;MACXkB,eAAe,EAAE9B,MAAM,CAACK,KAAM;MAC9BA,KAAK,EAAEL,MAAM,CAAC+B,SAAU;MACxBhF,OAAO,EAAE4E,WAAW,GAAG5E,OAAO,GAAGqE,SAAU;MAC3ChF,IAAI,EAAEA;IAAK,CACZ,CAAC;EAEN,CAAC,EACD,CAACD,QAAQ,EAAEJ,QAAQ,EAAEQ,UAAU,EAAEX,QAAQ,EAAEQ,IAAI,CACjD,CAAC;EAED,MAAM4F,QAAQ,GAAG5I,OAAO,CAAC,MAAM;IAC7B,IACEkD,IAAI,KAAK,UAAU,IACnBa,IAAI,IACJkE,KAAK,CAACC,OAAO,CAAC1F,QAAQ,CAAC,IACvBA,QAAQ,CAACqG,MAAM,GAAG,CAAC,EACnB;MACA,OAAO,MAAM;IACf;IACA,OAAO7F,IAAI;EACb,CAAC,EAAE,CAACe,IAAI,EAAEvB,QAAQ,EAAEQ,IAAI,EAAEE,IAAI,CAAC,CAAC;EAEhC,MAAMwE,cAAc,GAAG1H,OAAO,CAAC,MAAM;IACnC,IAAIkD,IAAI,KAAK,UAAU,IAAI+E,KAAK,CAACC,OAAO,CAAC1F,QAAQ,CAAC,IAAIA,QAAQ,CAACqG,MAAM,GAAG,CAAC,EAAE;MACzE,MAAMC,QAAuB,GAAG,EAAE;MAClC,IAAIC,KAAK,GAAG,CAAC;MACbxG,OAAO,CAACyG,OAAO,CAAC,CAACpC,MAAM,EAAEY,KAAK,KAAK;QACjC,MAAMyB,SAAS,GAAGlI,aAAa,CAAC6F,MAAM,CAAC;QACvC,IAAIpE,QAAQ,CAAC2F,QAAQ,CAACvB,MAAM,CAAC/B,EAAE,CAAC,IAAI,CAACoE,SAAS,EAAE;UAC9CF,KAAK,GAAGA,KAAK,GAAG,CAAC;UACjBD,QAAQ,CAACI,IAAI,CAAC3B,mBAAmB,CAACX,MAAM,EAAEY,KAAK,CAAC,CAAC;QACnD,CAAC,MAAM,IAAIyB,SAAS,EAAE;UACpB,MAAME,cAAc,GAAGvC,MAAM,CAACrE,OAAO,CAAC8F,MAAM,CAAEe,CAAC,IAC7C5G,QAAQ,CAAC2F,QAAQ,CAACiB,CAAC,CAACvE,EAAE,CACxB,CAAC;UACDkE,KAAK,GAAGA,KAAK,GAAGI,cAAc,CAACN,MAAM;UACrC,IAAIM,cAAc,CAACN,MAAM,GAAG,CAAC,EAAE;YAC7BM,cAAc,CAACH,OAAO,CAAC,CAACI,CAAC,EAAEC,MAAM,KAAK;cACpCP,QAAQ,CAACI,IAAI,CAAC3B,mBAAmB,CAAC6B,CAAC,EAAK5B,KAAK,SAAI6B,MAAQ,CAAC,CAAC;YAC7D,CAAC,CAAC;UACJ;QACF;MACF,CAAC,CAAC;MACF,IAAIC,MAAM,GAAG,CAAC;MACd,IAAI,CAACvF,IAAI,IAAIT,UAAU,GAAG,CAAC,IAAIwF,QAAQ,CAACD,MAAM,GAAGvF,UAAU,EAAE;QAC3DgG,MAAM,GAAGR,QAAQ,CAACS,MAAM,CACtBjG,UAAU,EACVwF,QAAQ,CAACD,MAAM,GAAGvF,UACpB,CAAC,CAACuF,MAAM;MACV;MAEA,oBACElJ,KAAA,CAAAmH,aAAA,CAAC7G,QAAQ,QACN6I,QAAQ,EACRQ,MAAM,GAAG,CAAC,iBACT3J,KAAA,CAAAmH,aAAA,CAAA0C,iBAAA;QACEC,OAAO,EACLzG,IAAI,KAAK,OAAO,GACZ,WAAW,GACXA,IAAI,KAAK,SAAS,GAClB,QAAQ,GACR;MACL,GAOA,OAAOO,gBAAgB,KAAK,UAAU,GACnCA,gBAAgB,CAAC+F,MAAM,CAAC,SACpBA,MACE,CAEN,CAAC;IAEf;IACA,IAAIpG,IAAI,KAAK,QAAQ,IAAIV,QAAQ,EAAE;MACjC,IAAIkH,UAAU;MACdnH,OAAO,CAACyG,OAAO,CAAEpC,MAAM,IAAK;QAC1B,IAAI7F,aAAa,CAAC6F,MAAM,CAAC,EAAE;UACzB8C,UAAU,GAAG9C,MAAM,CAACrE,OAAO,CAACoC,IAAI,CAAEgF,KAAK,IAAKA,KAAK,CAAC9E,EAAE,KAAKrC,QAAQ,CAAC;QACpE,CAAC,MAAM,IAAI,CAACkH,UAAU,IAAI9C,MAAM,CAAC/B,EAAE,KAAKrC,QAAQ,EAAE;UAChDkH,UAAU,GAAG9C,MAAM;QACrB;MACF,CAAC,CAAC;MACF,IAAI8C,UAAU,IAAIA,UAAU,CAAC1C,KAAK,EAAE;QAClC,MAAM4C,UAAU,GAAG5G,IAAI,KAAK,KAAK,GAAG,EAAE,GAAGA,IAAI,KAAK,SAAS,GAAG,EAAE,GAAG,EAAE;QACrE,IAAIiF,KAAK,CAACC,OAAO,CAACwB,UAAU,CAAC1C,KAAK,CAAC,EAAE;UACnC,oBAAOrH,KAAA,CAAAmH,aAAA,CAACtF,WAAW;YAACqG,GAAG,EAAE6B,UAAU,CAAC1C,KAAM;YAAChE,IAAI,EAAE4G;UAAW,CAAE,CAAC;QACjE;QACA,oBAAOjK,KAAA,CAAAmH,aAAA,CAAC9F,MAAM;UAAC6G,GAAG,EAAE6B,UAAU,CAAC1C,KAAM;UAAChE,IAAI,EAAE4G;QAAW,CAAE,CAAC;MAC5D;IACF;IAEA,OAAO5B,SAAS;EAClB,CAAC,EAAE,CACD9E,IAAI,EACJV,QAAQ,EACRD,OAAO,EACPwB,IAAI,EACJT,UAAU,EACVC,gBAAgB,EAChBgE,mBAAmB,EACnBvE,IAAI,CACL,CAAC;EAEF,MAAM6G,SAAS,GACb5B,KAAK,CAACC,OAAO,CAAC1F,QAAQ,CAAC,IAAIU,IAAI,KAAK,UAAU,IAAIV,QAAQ,CAACqG,MAAM,GAAG,CAAC;EAEvE,MAAMiB,WAAW,GACf5G,IAAI,KAAK,UAAU,IAAI+E,KAAK,CAACC,OAAO,CAAC1F,QAAQ,CAAC,IAAIA,QAAQ,CAACqG,MAAM,GAAG,CAAC;EAEvE,MAAMkB,QAAQ,GAAG/J,OAAO,CAAC,MAAM;IAC7B,MAAMgK,UAAU,GAAG,CAAAzH,OAAO,oBAAPA,OAAO,CAAEsG,MAAM,IAAG,CAAC;IAEtC,MAAMoB,WAAW,GAAIrD,MAAwB,IAC3CA,MAAM,CAAC/B,EAAE,CAACqF,QAAQ,CAAC,CAAC,CAAC/B,QAAQ,CAAC3D,KAAK,CAAC,IAAIoC,MAAM,CAAC9B,IAAI,CAACqD,QAAQ,CAAC3D,KAAK,CAAC;IAErE,MAAM2F,gBAAgB,GAAG5H,OAAO,oBAAPA,OAAO,CAAE6H,IAAI,CAAExD,MAAM,IAC5C7F,aAAa,CAAC6F,MAAM,CAAC,GACjBA,MAAM,CAACrE,OAAO,CAAC6H,IAAI,CAACH,WAAW,CAAC,GAChCA,WAAW,CAACrD,MAAM,CACxB,CAAC;IAED,OACGoD,UAAU,KAAK,CAAC,CAAClG,YAAY,IAAI,CAACU,KAAK,CAAC,IACxCA,KAAK,KAAK2F,gBAAgB,IAAI/F,UAAU,IAAID,YAAY,CAAE;EAE/D,CAAC,EAAE,CAACL,YAAY,EAAEM,UAAU,EAAED,YAAY,EAAE5B,OAAO,EAAEiC,KAAK,CAAC,CAAC;EAE5D,oBACE7E,KAAA,CAAAmH,aAAA;IAAK0B,SAAS,EAAC;EAAa,GACzBtF,IAAI,KAAK,UAAU,gBAClBvD,KAAA,CAAAmH,aAAA,CAAAnH,KAAA,CAAAM,QAAA,qBACEN,KAAA,CAAAmH,aAAA,CAAAuD,yBAAA;IACEC,SAAS,EAAEvH,QAAS;IACpBwH,KAAK,EAAEvH,IAAK;IACZwH,QAAQ,EAAEvH,OAAQ;IAClBwH,GAAG,EAAE/E,WAAY;IACjBgF,KAAK,EAAExG,WAAY;IAUnBsE,SAAS,EAAErI,UAAU,CACnB,2BAA2B,EAC3BsD,qBACF,CAAE;IACFkH,OAAO,EAAEA,CAAA,KAAM;MAAA,IAAAC,mBAAA;MACb,CAAAA,mBAAA,GAAAtF,UAAU,CAACQ,OAAO,aAAlB8E,mBAAA,CAAoBC,KAAK,CAAC,CAAC;IAC7B,CAAE;IAAAC,MAAA,EAXUlC,QAAQ,KAAK,MAAM,GAAG,MAAM,GAAGZ,SAAS;IAAA+C,MAAA,EACpCnC,QAAQ,KAAK,MAAM,IAAIlF,aAAa,GAC9C,QAAQ,GACRsE;EAAS,gBAUfrI,KAAA,CAAAmH,aAAA,CAAAkE,wBAAA;IACEC,SAAS,EAAErC,QAAS;IACpBsC,KAAK,EAAEnH,IAAK;IACZ0G,GAAG,EAAEhF,WAAY;IAAA0F,MAAA,EAEDvC,QAAQ,KAAK,MAAM,IAAIlF,aAAa,GAC9C5B,OAAO,CAACkB,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,IAAI,GAC5BgF;EAAS,GAGdN,cAAc,eACf/H,KAAA,CAAAmH,aAAA,CAACzF,WAAW;IACVmH,SAAS,EAAC,mBAAmB;IAC7B4C,MAAM,EAAE9D,UAAW;IACnB+D,OAAO,EAAEA,CAAA,KAAM;MACbpG,UAAU,CAAC,CAACD,OAAO,CAAC;IACtB,CAAE;IACF2F,OAAO,EAAEjE,UAAW;IACpB+D,GAAG,EAAElF,SAAU;IACff,KAAK,EAAE/B,OAAO,IAAIC,WAAW,GAAGA,WAAW,GAAG8B,KAAM;IACpD8G,SAAS,EAAEtF,eAAgB;IAC3BrD,QAAQ,EAAEuC,cAAe;IACzBrC,WAAW,EAAE,CAACiH,WAAW,GAAGjH,WAAW,GAAGmF,SAAU;IACpD0C,KAAK,EAAExG,WAAY;IACnBnB,QAAQ,EAAEA,QAAS;IACnBwH,KAAK,EAAEvH,IAAK;IACZuI,QAAQ,EAAE9I,OAAQ;IAClB+I,KAAK,EAAE;MACLC,OAAO,EAAE,MAAM;MACfC,IAAI,EAAE,CAAC;MACPC,SAAS,EAAE,QAAQ;MACnBC,KAAK,EAAEhD,QAAQ,KAAK,MAAM,GAAG,MAAM,GAAG;IACxC;EAAE,CACH,CACgB,CAAC,EACnB,CAAC7F,QAAQ,iBACRpD,KAAA,CAAAmH,aAAA,CAAAnH,KAAA,CAAAM,QAAA,QACGwC,OAAO,gBACN9C,KAAA,CAAAmH,aAAA,CAACvF,aAAa,MAAE,CAAC,gBAEjB5B,KAAA,CAAAmH,aAAA,CAAAnH,KAAA,CAAAM,QAAA,QACG4J,SAAS,iBACRlK,KAAA,CAAAmH,aAAA,CAAA+E,cAAA;IACEC,WAAW,EAAE1E,eAAgB;IAC7BuD,OAAO,EAAExD,cAAe;IACxB,eAAY;EAAc,gBAM1BxH,KAAA,CAAAmH,aAAA,CAAC1G,4BAA4B,MAAE,CACxB,CACV,EACA2J,QAAQ,iBACPpK,KAAA,CAAAmH,aAAA,CAACzG,sCAAsC;IAAC6K,KAAK,EAAEnH;EAAK,CAAE,CAExD,CAEJ,CAEc,CACpB,CAAC,gBAEHpE,KAAA,CAAAmH,aAAA,CAACxG,mBAAmB;IAClBkI,SAAS,EAAErI,UAAU,CAAC,mBAAmB,EAAEsD,qBAAqB,CAAE;IAClE2H,MAAM,EAAE9D,UAAW;IACnByE,YAAY,EAAErF,UAAW;IACzB2E,OAAO,EAAEA,CAAA,KAAM;MACbpG,UAAU,CAAC,CAACD,OAAO,CAAC;MACpB0B,UAAU,CAAC,CAAC;IACd,CAAE;IACFiE,OAAO,EAAEjE,UAAW;IACpBsF,IAAI,EAAE9H,WAAY;IAClB+H,OAAO,EAAEvG,WAAY;IACrB+E,GAAG,EAAElF,SAAU;IACff,KAAK,EAAE/B,OAAO,IAAIC,WAAW,GAAGA,WAAW,GAAG8B,KAAM;IACpD8G,SAAS,EAAEtF,eAAgB;IAC3BrD,QAAQ,EAAEuC,cAAe;IACzBrC,WAAW,EAAEA,WAAY;IACzBE,QAAQ,EAAEA,QAAS;IACnBC,IAAI,EAAEA,IAAK;IACXC,OAAO,EAAEA,OAAQ;IACjBsI,QAAQ,EAAE9I,OAAQ;IAClBiF,cAAc,EAAEA,cAAe;IAC/BwE,YAAY,EACV,CAACnJ,QAAQ,gBACPpD,KAAA,CAAAmH,aAAA,CAAC1F,cAAc;MAAC+K,oBAAoB,EAAEpJ;IAAS,GAC5CN,OAAO,gBACN9C,KAAA,CAAAmH,aAAA,CAACvF,aAAa,MAAE,CAAC,GACfiB,QAAQ,gBACV7C,KAAA,CAAAmH,aAAA,CAAC3F,UAAU;MACT2K,WAAW,EAAE1E,eAAgB;MAC7BuD,OAAO,EAAExD,cAAe;MACxBsC,OAAO,EAAC,WAAW;MACnBzG,IAAI,EAAC;IAAO,gBAEZrD,KAAA,CAAAmH,aAAA,CAAC1G,4BAA4B,MAAE,CACrB,CAAC,GACX,IAAI,EACP2J,QAAQ,iBACPpK,KAAA,CAAAmH,aAAA,CAACzG,sCAAsC;MAAC6K,KAAK,EAAEnH;IAAK,CAAE,CAE1C,CAAC,GACf;EACL,CACF,CACF,EACA,CAAChB,QAAQ,gBACRpD,KAAA,CAAAmH,aAAA,CAACpG,kBAAkB;IACjB0L,SAAS,EAAE5I,QAAS;IACpB6I,IAAI,EAAGC,QAAQ,iBAAK3M,KAAA,CAAAmH,aAAA,CAACrG,MAAM,QAAE6L,QAAiB;EAAE,gBAEhD3M,KAAA,CAAAmH,aAAA,CAACrF,MAAM;IACL8K,QAAQ,EAAE7G,WAAW,CAACI,OAAQ;IAC9B/B,IAAI,EAAEA,IAAK;IACXyI,SAAS,EAAC,QAAQ;IAClBhB,KAAK,EAAE;MACLiB,MAAM,EAAE,EAAE;MACVb,KAAK,GAAAvJ,qBAAA,GAAEqD,WAAW,CAACI,OAAO,qBAAnBzD,qBAAA,CAAqBqK;IAC9B,CAAE;IACFjC,GAAG,EAAEjF,UAAW;IAChBmH,QAAQ,EAAC;EAAO,gBAEhBhN,KAAA,CAAAmH,aAAA,CAAC5G,YAAY;IAAC0M,WAAW;IAACC,cAAc;EAAA,gBACtClN,KAAA,CAAAmH,aAAA,CAACvG,kBAAkB;IACjBiI,SAAS,EAAC,mBAAmB;IAC7BsE,MAAM,GAAAxK,qBAAA,GAAEoD,WAAW,CAACI,OAAO,qBAAnBxD,qBAAA,CAAqBoK,WAAY;IACzCK,KAAK,EAAE,CAAChD;EAAS,gBAEjBpK,KAAA,CAAAmH,aAAA,CAAChG,YAAY,EAAA8G,QAAA,KACPtD,IAAI;IACRF,UAAU,EAAEA,UAAW;IACvBD,YAAY,EAAEA,YAAa;IAC3B6I,OAAO,EAAE3H,SAAU;IACnB7C,QAAQ,EAAEA,QAAS;IACnBgE,YAAY,EAAEA,YAAa;IAC3BnD,YAAY,EAAEsD,kBAAmB;IACjCpE,OAAO,EAAEA,OAAQ;IACjBW,IAAI,EAAEA,IAAK;IACXY,YAAY,EAAEA,YAAa;IAC3BhB,iBAAiB,EAAEyD,WAAY;IAC/BlC,qBAAqB,EAAEA;EAAsB,EAC9C,CACiB,CACR,CACR,CACU,CAAC,GACnB,IACD,CAAC;AAEV,CAAC;AAEDlC,QAAQ,CAAC8K,WAAW,GAAG,UAAU;AAAC,IAAAtF,aAAA,GAAAuF,OAAA,CAAAlM,MAAA,EAAAmM,UAAA;EAAAF,WAAA;EAAAG,WAAA;AAAA,kBAAAC,CAAA,IAAAA,CAAA,CAAAvF,KAAA,EAAAuF,CAAA,IAAAA,CAAA,CAAAtF,MAAA;AAAA,IAAAyB,iBAAA,GAAA0D,OAAA,CAAArL,UAAA,EAAAsL,UAAA;EAAAF,WAAA;EAAAG,WAAA;AAAA;AAAA,IAAA/C,yBAAA,GAAA6C,OAAA,CAAA5L,kBAAA,EAAA6L,UAAA;EAAAF,WAAA;EAAAG,WAAA;AAAA,uFAAAC,CAAA,IAAAA,CAAA,CAAAvC,MAAA,EAAAuC,CAAA,IAAAA,CAAA,CAAAtC,MAAA;AAAA,IAAAC,wBAAA,GAAAkC,OAAA,CAAA1M,iBAAA,EAAA2M,UAAA;EAAAF,WAAA;EAAAG,WAAA;AAAA,yBAAAC,CAAA,IAAAA,CAAA,CAAAlC,MAAA;AAAA,IAAAU,cAAA,GAAAqB,OAAA,CAAAtL,OAAA,EAAAuL,UAAA;EAAAF,WAAA;EAAAG,WAAA;AAAA"}
1
+ {"version":3,"file":"ComboBox.js","names":["React","useCallback","useState","useEffect","useRef","useMemo","Fragment","RemoveScroll","classNames","StyledComboBoxCloseSmallIcon","StyledComboBoxCollapseExpandSingleIcon","StyledComboBoxInput","StyledComboBoxList","StyledChipWrapper","Portal","ConditionalWrapper","useIsFirstRender","useOnClickOutside","useForkRef","Autocomplete","isOptionGroup","Avatar","Checkbox","Chip","IconButton","InputAdornment","StyledInput","StyledInputWrapper","SpinnerLoader","MultiAvatar","Popper","RadioButton","OptionContent","Trigger","Typography","sizeMap","small","regular","big","biggest","ComboBox","_ref","_comboBoxRef$current2","_comboBoxRef$current3","options","selected","loading","loadingText","onChange","onInputChange","placeholder","handleEmptyAction","disabled","size","invalid","type","renderChip","forceCloseMenu","renderOption","limitChips","hiddenNumberText","inPortal","inputWrapperClassName","scrollWrapper","onClose","onClear","onDeselect","defaultValue","open","defaultOpen","onOpen","triggerMode","noResultText","emptyValue","disableVirtualization","hideClearButton","prop","selectedName","value","map","v","find","q","id","name","setValue","focused","setFocused","handleOnChange","e","target","childNode","elementRef","handleRef","wrapperRef","chipWrapper","comboBoxRef","setOpen","isFirstRender","_comboBoxRef$current","current","contains","handleOnKeyDown","key","stopPropagation","_childNode$current","_childNode$current2","focus","blur","emptyAction","handleChange","selectedValue","handleOpen","handleRenderOption","option","props","createElement","imageUrl","image","color","textColor","handleDeselect","handleMouseDown","preventDefault","handleBlur","renderChipAdornment","index","avatarProps","startAdornment","_StyledAvatar","_extends","url","$_css","$_css2","undefined","Array","isArray","includes","newSelected","filter","item","showOnClose","className","label","backgroundColor","chipColor","autoSize","length","elements","total","forEach","isGrouped","push","groupedOptions","o","_index","hidden","splice","_StyledTypography","variant","optionItem","child","avatarSize","showXIcon","hasSelected","showMenu","hasOptions","valueExists","toString","isValueInOptions","some","_StyledStyledInputWrapper","$disabled","$size","$invalid","ref","$mode","onClick","_elementRef$current","click","$_css3","$_css4","_StyledStyledChipWrapper","$autoSize","$open","$_css5","onBlur","onFocus","onKeyDown","$loading","style","display","flex","alignSelf","width","_StyledTrigger","onMouseDown","wrapperClick","mode","wrapRef","endAdornment","disablePointerEvents","condition","wrap","children","anchorEl","placement","zIndex","clientWidth","strategy","noIsolation","allowPinchZoom","$width","$hide","inputEl","displayName","_styled","withConfig","componentId","p"],"sources":["../../../../src/components/ComboBox/ComboBox.tsx"],"sourcesContent":["import React, {\n FC,\n useCallback,\n useState,\n useEffect,\n useRef,\n useMemo,\n Fragment,\n} from \"react\";\nimport { RemoveScroll } from \"react-remove-scroll\";\n\nimport classNames from \"classnames\";\nimport tw from \"twin.macro\";\n\nimport {\n StyledComboBoxCloseSmallIcon,\n StyledComboBoxCollapseExpandSingleIcon,\n StyledComboBoxInput,\n StyledComboBoxList,\n StyledChipWrapper,\n} from \"./Styles\";\nimport { Portal } from \"../../helpers\";\nimport { ConditionalWrapper } from \"../../helpers/ConditionWrapper/ConditionWrapper\";\nimport { useIsFirstRender } from \"../../hooks/useIsFirstRender\";\nimport { useOnClickOutside } from \"../../hooks/useOnClickOutside\";\nimport useForkRef from \"../../utils/useForkRef\";\nimport { Autocomplete } from \"../Autocomplete\";\nimport {\n IAutocompleteProps,\n isOptionGroup,\n} from \"../Autocomplete/Autocomplete\";\nimport { Avatar, AvatarProps } from \"../Avatar\";\nimport { Checkbox } from \"../Checkbox\";\nimport { Chip } from \"../Chip\";\nimport { IconButton } from \"../IconButton\";\nimport { InputAdornment } from \"../Input/InputAdornment\";\nimport { StyledInput, StyledInputWrapper } from \"../Input/Styles\";\nimport { InputMode, InputSize } from \"../Input/types\";\nimport { SpinnerLoader } from \"../Loaders/Spinner/SpinnerLoader\";\nimport { MultiAvatar } from \"../MultiAvatar\";\nimport { Popper } from \"../Popper\";\nimport { RadioButton } from \"../RadioButton\";\nimport { IOptionGroupProps, IOptionItemProps } from \"../Select\";\nimport { OptionContent } from \"../Select/OptionContent/OptionContent\";\nimport { Trigger } from \"../Trigger\";\nimport { Typography } from \"../Typography/Typography\";\n\nconst sizeMap = {\n small: 18,\n regular: 24,\n big: 30,\n biggest: 40,\n};\n\nexport interface IComboBoxProps\n extends Omit<\n IAutocompleteProps,\n \"handleChange\" | \"inputEl\" | \"clearInputOnSelect\"\n > {\n /** Set combobox in to loading state */\n loading?: boolean;\n /** Text to display while in loading state */\n loadingText?: string;\n /** onChange callback */\n onChange?: (\n e: (string | number)[] | string | number | null | undefined\n ) => void;\n /** onInputChange callback */\n onInputChange?: (text: string) => void;\n /** Placeholder for Select input */\n placeholder?: string;\n /** disable Input element */\n disabled?: boolean;\n /** Combobox size */\n size?: InputSize;\n /** Invalid state */\n invalid?: boolean;\n /** Render Chip */\n renderChip?: <T extends IOptionItemProps>(\n item: T,\n key?: string | number\n ) => JSX.Element;\n /** Close menu on change */\n forceCloseMenu?: boolean;\n /** Limit chips */\n limitChips?: number;\n /** Hidden number text */\n hiddenNumberText?: (hidden: number) => string;\n /** Render Autocomplete in <Portal> */\n inPortal?: boolean;\n /** inputWrapperClassName */\n inputWrapperClassName?: string;\n /** scrollWrapper */\n scrollWrapper?: boolean;\n /** onClose (f) will be called when Popper closes */\n onClose?: () => void;\n /** onOpen (f) will be called when Popper opens */\n onOpen?: () => void;\n /** onClear (f) will be called when user clear input on X icon*/\n onClear?: () => void;\n onDeselect?: () => void;\n open?: boolean;\n triggerMode?: InputMode;\n hideClearButton?: boolean;\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 ...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\n const isValueInOptions = options?.some((option) =>\n isOptionGroup(option)\n ? option.options.some(valueExists)\n : valueExists(option)\n );\n\n return (\n (hasOptions && (!!defaultValue || !value)) ||\n (value && (isValueInOptions || emptyValue || noResultText))\n );\n }, [defaultValue, emptyValue, noResultText, options, value]);\n\n return (\n <div className=\"c-combo-box\">\n {type === \"multiple\" ? (\n <>\n <StyledInputWrapper\n $disabled={disabled}\n $size={size}\n $invalid={invalid}\n ref={comboBoxRef}\n $mode={triggerMode}\n css={`\n display: flex;\n justify-content: space-between;\n flex: 1;\n height: ${autoSize === \"auto\" ? \"auto\" : undefined};\n overflow-y: ${autoSize === \"auto\" && scrollWrapper\n ? \"scroll\"\n : undefined};\n `}\n className={classNames(\n \"c-combo-box-input-wrapper\",\n inputWrapperClassName\n )}\n onClick={() => {\n elementRef.current?.click();\n }}\n >\n <StyledChipWrapper\n $autoSize={autoSize}\n $open={open}\n ref={chipWrapper}\n css={`\n max-height: ${autoSize === \"auto\" && scrollWrapper\n ? sizeMap[size] * 3 + 8 + \"px\"\n : undefined};\n `}\n >\n {startAdornment}\n <StyledInput\n className=\"c-combo-box-input\"\n onBlur={handleBlur}\n onFocus={() => {\n setFocused(!focused);\n }}\n onClick={handleOpen}\n ref={handleRef}\n value={loading && loadingText ? loadingText : value}\n onKeyDown={handleOnKeyDown}\n onChange={handleOnChange}\n placeholder={!hasSelected ? placeholder : undefined}\n $mode={triggerMode}\n disabled={disabled}\n $size={size}\n $loading={loading}\n style={{\n display: \"flex\",\n flex: 1,\n alignSelf: \"center\",\n width: autoSize === \"auto\" ? \"auto\" : \"100%\",\n }}\n />\n </StyledChipWrapper>\n {!disabled && (\n <>\n {loading ? (\n <SpinnerLoader />\n ) : (\n <>\n {showXIcon && (\n <Trigger\n onMouseDown={handleMouseDown}\n onClick={handleDeselect}\n data-testid=\"deselect-all\"\n css={`\n display: flex;\n justify-content: center;\n `}\n >\n <StyledComboBoxCloseSmallIcon />\n </Trigger>\n )}\n {showMenu && (\n <StyledComboBoxCollapseExpandSingleIcon $open={open} />\n )}\n </>\n )}\n </>\n )}\n </StyledInputWrapper>\n </>\n ) : (\n <StyledComboBoxInput\n className={classNames(\"c-combo-box-input\", inputWrapperClassName)}\n onBlur={handleBlur}\n wrapperClick={handleOpen}\n onFocus={() => {\n setFocused(!focused);\n handleOpen();\n }}\n onClick={handleOpen}\n mode={triggerMode}\n wrapRef={comboBoxRef}\n ref={handleRef}\n value={loading && loadingText ? loadingText : value}\n onKeyDown={handleOnKeyDown}\n onChange={handleOnChange}\n placeholder={placeholder}\n disabled={disabled}\n size={size}\n invalid={invalid}\n $loading={loading}\n startAdornment={startAdornment}\n endAdornment={\n !disabled ? (\n <InputAdornment disablePointerEvents={disabled}>\n {loading ? (\n <SpinnerLoader />\n ) : selected && !hideClearButton ? (\n <IconButton\n onMouseDown={handleMouseDown}\n onClick={handleDeselect}\n variant=\"text gray\"\n size=\"small\"\n >\n <StyledComboBoxCloseSmallIcon />\n </IconButton>\n ) : null}\n {showMenu && (\n <StyledComboBoxCollapseExpandSingleIcon $open={open} />\n )}\n </InputAdornment>\n ) : null\n }\n />\n )}\n {!disabled ? (\n <ConditionalWrapper\n condition={inPortal}\n wrap={(children) => <Portal>{children}</Portal>}\n >\n <Popper\n anchorEl={comboBoxRef.current}\n open={open}\n placement=\"bottom\"\n style={{\n zIndex: 10,\n width: comboBoxRef.current?.clientWidth,\n }}\n ref={wrapperRef}\n strategy=\"fixed\"\n >\n <RemoveScroll noIsolation allowPinchZoom>\n <StyledComboBoxList\n className=\"c-combo-box--list\"\n $width={comboBoxRef.current?.clientWidth}\n $hide={!showMenu}\n >\n <Autocomplete\n {...prop}\n emptyValue={emptyValue}\n noResultText={noResultText}\n inputEl={childNode}\n selected={selected}\n handleChange={handleChange}\n renderOption={handleRenderOption}\n options={options}\n type={type}\n defaultValue={defaultValue}\n handleEmptyAction={emptyAction}\n disableVirtualization={disableVirtualization}\n />\n </StyledComboBoxList>\n </RemoveScroll>\n </Popper>\n </ConditionalWrapper>\n ) : null}\n </div>\n );\n};\n\nComboBox.displayName = \"ComboBox\";\n"],"mappings":"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"}
@@ -1 +1 @@
1
- {"version":3,"file":"InputTime.d.ts","sourceRoot":"","sources":["../../../../src/components/Input/InputTime.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2C,MAAM,OAAO,CAAC;AAQhE,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAI/C,OAAO,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AAIjD,eAAO,MAAM,sBAAsB,oEAOlC,CAAC;AAEF,MAAM,WAAW,cAAc;IAC7B,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACnB,QAAQ,CAAC,EAAE,gBAAgB,CAAC;IAC5B,GAAG,CAAC,EAAE,gBAAgB,CAAC;IACvB,GAAG,CAAC,EAAE,gBAAgB,CAAC;IACvB,QAAQ,CAAC,EAAE,CAAC,GAAG,EAAE,gBAAgB,KAAK,IAAI,CAAC;IAC3C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,IAAI,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC;IAC5B,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC7B;AAUD,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAkK9C,CAAC"}
1
+ {"version":3,"file":"InputTime.d.ts","sourceRoot":"","sources":["../../../../src/components/Input/InputTime.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoD,MAAM,OAAO,CAAC;AAQzE,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAI/C,OAAO,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AAIjD,eAAO,MAAM,sBAAsB,oEAOlC,CAAC;AAEF,MAAM,WAAW,cAAc;IAC7B,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACnB,QAAQ,CAAC,EAAE,gBAAgB,CAAC;IAC5B,GAAG,CAAC,EAAE,gBAAgB,CAAC;IACvB,GAAG,CAAC,EAAE,gBAAgB,CAAC;IACvB,QAAQ,CAAC,EAAE,CAAC,GAAG,EAAE,gBAAgB,KAAK,IAAI,CAAC;IAC3C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,IAAI,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC;IAC5B,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC7B;AAUD,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAyK9C,CAAC"}
@@ -1,5 +1,5 @@
1
1
  import _extends from "@babel/runtime/helpers/esm/extends";
2
- import React, { useCallback, useEffect, useState } from "react";
2
+ import React, { useCallback, useEffect, useMemo, useState } from "react";
3
3
  import classNames from "classnames";
4
4
  import nlp from "compromise";
5
5
  import plg from "compromise-dates";
@@ -39,8 +39,6 @@ export const InputTime = _ref => {
39
39
  const [isOpen, setIsOpen] = useState(false);
40
40
  const [search, setSearch] = useState(undefined);
41
41
  const generateTimeOptions = () => {
42
- const minTime = moment(isValidTime(min) ? min : "00:00", "HH:mm");
43
- const maxTime = moment(isValidTime(max) ? max : "23:45", "HH:mm");
44
42
  const allOptions = [];
45
43
  const currentTime = moment("00:00", "HH:mm");
46
44
  while (currentTime.isBefore(moment("24:00", "HH:mm"))) {
@@ -50,9 +48,15 @@ export const InputTime = _ref => {
50
48
  });
51
49
  currentTime.add(step, "minutes");
52
50
  }
53
- return allOptions.filter(option => moment(option.id, "HH:mm").isSameOrAfter(minTime) && moment(option.id, "HH:mm").isSameOrBefore(maxTime));
51
+ return allOptions;
54
52
  };
55
- const [timeOptions, setTimeOptions] = useState(generateTimeOptions());
53
+ const timeOptionsFilter = (options, _min, _max) => {
54
+ const minTime = moment(isValidTime(_min) ? _min : "00:00", "HH:mm");
55
+ const maxTime = moment(isValidTime(_max) ? _max : "23:45", "HH:mm");
56
+ return options.filter(option => moment(option.id, "HH:mm").isSameOrAfter(minTime) && moment(option.id, "HH:mm").isSameOrBefore(maxTime));
57
+ };
58
+ const [allTimeOptions, setAllTimeOptions] = useState(generateTimeOptions());
59
+ const timeOptions = useMemo(() => timeOptionsFilter(allTimeOptions, min, max), [allTimeOptions, min, max]);
56
60
  const isInOptions = useCallback(option => timeOptions.some(opt => opt.id === option), [timeOptions]);
57
61
  const isValidDefaultSelected = defaultSelected ? isInOptions(defaultSelected) : false;
58
62
  const [selected, setSelected] = useState(isValidDefaultSelected ? defaultSelected : undefined);
@@ -86,7 +90,7 @@ export const InputTime = _ref => {
86
90
  } else {
87
91
  newOptions.splice(index, 0, newOption);
88
92
  }
89
- setTimeOptions(newOptions);
93
+ setAllTimeOptions(newOptions);
90
94
  onChange == null || onChange(time);
91
95
  setSelected(time);
92
96
  }
@@ -1 +1 @@
1
- {"version":3,"file":"InputTime.js","names":["React","useCallback","useEffect","useState","classNames","nlp","plg","moment","styled","isValidTime","ComboBox","plugin","StyledInputTimeWrapper","div","withConfig","displayName","componentId","renderOption","option","createElement","id","name","InputTime","_ref","mode","selected","defaultSelected","min","max","onChange","step","size","className","placeholder","triggerMode","disabled","invalid","enableVirtualization","addCustomTimeLabel","rest","isOpen","setIsOpen","search","setSearch","undefined","generateTimeOptions","minTime","maxTime","allOptions","currentTime","isBefore","push","format","add","filter","isSameOrAfter","isSameOrBefore","timeOptions","setTimeOptions","isInOptions","some","opt","isValidDefaultSelected","setSelected","handleInputChange","text","test","trim","doc","parsed","times","get","value","handleEmptyAction","newTime","time","String","newOption","newOptions","index","findIndex","splice","handleChange","e","handleOpen","handleClose","_document$getElementB","selectedItem","document","getElementById","parentElement","scrollIntoView","behavior","block","isValid","_extends","options","open","disabledInternalSort","keepSameOptionsOrder","onInputChange","emptyValue","forceCloseMenu","autoHeightMax","onClose","onOpen","disableVirtualization"],"sources":["../../../../src/components/Input/InputTime.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useState } from \"react\";\n\nimport classNames from \"classnames\";\nimport nlp from \"compromise\";\nimport plg, { DatesMethods } from \"compromise-dates\";\nimport moment from \"moment\";\nimport styled from \"styled-components\";\n\nimport { InputMode, InputSize } from \"./types\";\nimport { isValidTime } from \"../../utils/timeUtils\";\nimport { ComboBox } from \"../ComboBox/ComboBox\";\nimport { IOptionItemProps } from \"../Select/Option\";\nimport { Time24HourFormat } from \"../SelectTime\";\n\nnlp.plugin(plg);\n\nexport const StyledInputTimeWrapper = styled.div`\n max-width: 176px;\n flex: 1;\n\n & .c-combo-box--list {\n min-width: 176px;\n }\n`;\n\nexport interface InputTimeProps {\n mode?: \"12\" | \"24\";\n selected?: Time24HourFormat;\n min?: Time24HourFormat;\n max?: Time24HourFormat;\n onChange?: (val: Time24HourFormat) => void;\n className?: string;\n placeholder?: string;\n size?: InputSize;\n step?: 1 | 5 | 15 | 30 | 60;\n triggerMode?: InputMode;\n disabled?: boolean;\n invalid?: boolean;\n enableVirtualization?: boolean;\n addCustomTimeLabel?: string;\n}\n\nconst renderOption = (option) => {\n return (\n <div id={option.id} data-testid={`time-option-${option.id}`}>\n {option.name}\n </div>\n );\n};\n\nexport const InputTime: React.FC<InputTimeProps> = ({\n mode = \"24\",\n selected: defaultSelected,\n min = \"00:00\",\n max = \"23:45\",\n onChange,\n step = 15,\n size,\n className,\n placeholder,\n triggerMode,\n disabled,\n invalid,\n enableVirtualization = false,\n addCustomTimeLabel = \"Add\",\n ...rest\n}) => {\n const [isOpen, setIsOpen] = useState(false);\n const [search, setSearch] = useState<string | undefined>(undefined);\n\n const generateTimeOptions = (): IOptionItemProps[] => {\n const minTime = moment(isValidTime(min) ? min : \"00:00\", \"HH:mm\");\n const maxTime = moment(isValidTime(max) ? max : \"23:45\", \"HH:mm\");\n const allOptions: IOptionItemProps[] = [];\n\n const currentTime = moment(\"00:00\", \"HH:mm\");\n\n while (currentTime.isBefore(moment(\"24:00\", \"HH:mm\"))) {\n allOptions.push({\n id: currentTime.format(\"HH:mm\"),\n name: currentTime.format(mode === \"12\" ? \"hh:mm A\" : \"HH:mm\"),\n });\n currentTime.add(step, \"minutes\");\n }\n\n return allOptions.filter(\n (option) =>\n moment(option.id, \"HH:mm\").isSameOrAfter(minTime) &&\n moment(option.id, \"HH:mm\").isSameOrBefore(maxTime)\n );\n };\n\n const [timeOptions, setTimeOptions] = useState(generateTimeOptions());\n\n const isInOptions = useCallback(\n (option) => timeOptions.some((opt) => opt.id === option),\n [timeOptions]\n );\n\n const isValidDefaultSelected = defaultSelected\n ? isInOptions(defaultSelected)\n : false;\n\n const [selected, setSelected] = useState<Time24HourFormat | undefined>(\n isValidDefaultSelected ? defaultSelected : undefined\n );\n\n const handleInputChange = useCallback(\n (text: string) => {\n setSearch(text);\n if (/\\d{1,2}:\\d{2}/.test(text.trim())) {\n return;\n }\n const doc = nlp<DatesMethods>(text);\n const parsed = doc.times().get()[0];\n if (parsed && parsed[\"24h\"] && parsed[\"24h\"] !== selected) {\n const value = moment(parsed).format(\"HH:mm\") as Time24HourFormat;\n if (timeOptions.some((option) => option.id === value)) {\n setSelected(value);\n onChange?.(value);\n setIsOpen(false);\n }\n }\n },\n [onChange, selected, timeOptions]\n );\n\n const handleEmptyAction = (newTime: string | number) => {\n const time = String(newTime);\n if (isValidTime(time)) {\n const newOption = {\n id: time,\n name: mode === \"12\" ? moment(time, \"HH:mm\").format(\"hh:mm A\") : time,\n };\n\n const newOptions = [...timeOptions];\n const index = newOptions.findIndex(\n (option) => moment(option.id, \"HH:mm\") > moment(time, \"HH:mm\")\n );\n\n if (index === -1) {\n newOptions.push(newOption);\n } else {\n newOptions.splice(index, 0, newOption);\n }\n\n setTimeOptions(newOptions);\n onChange?.(time as Time24HourFormat);\n setSelected(time as Time24HourFormat);\n }\n };\n\n const handleChange = (e) => {\n setSelected(e);\n onChange?.(e);\n };\n\n const handleOpen = () => {\n setIsOpen(true);\n };\n\n const handleClose = () => {\n setIsOpen(false);\n };\n\n useEffect(() => {\n if (isOpen && selected) {\n const selectedItem = document.getElementById(selected)?.parentElement;\n selectedItem?.scrollIntoView({ behavior: \"smooth\", block: \"center\" });\n }\n }, [isOpen, selected]);\n\n useEffect(() => {\n if (\n defaultSelected !== selected &&\n timeOptions.some((opt) => opt.id === defaultSelected)\n )\n setSelected(defaultSelected);\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [defaultSelected, timeOptions]);\n\n const isValid = (time?: string) => !isInOptions(time) && isValidTime(time);\n\n return (\n <StyledInputTimeWrapper className={classNames(\"c-input-time\", className)}>\n <ComboBox\n {...rest}\n options={timeOptions}\n open={isOpen}\n disabledInternalSort\n selected={selected}\n keepSameOptionsOrder\n onInputChange={handleInputChange}\n onChange={handleChange}\n handleEmptyAction={handleEmptyAction}\n emptyValue={\n isValid(search) ? `${addCustomTimeLabel} ${search}` : undefined\n }\n forceCloseMenu\n placeholder={placeholder}\n renderOption={renderOption}\n autoHeightMax={226}\n size={size}\n onClose={handleClose}\n onOpen={handleOpen}\n triggerMode={triggerMode}\n disabled={disabled}\n invalid={invalid}\n disableVirtualization={!enableVirtualization}\n />\n </StyledInputTimeWrapper>\n );\n};\n"],"mappings":"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"}
1
+ {"version":3,"file":"InputTime.js","names":["React","useCallback","useEffect","useMemo","useState","classNames","nlp","plg","moment","styled","isValidTime","ComboBox","plugin","StyledInputTimeWrapper","div","withConfig","displayName","componentId","renderOption","option","createElement","id","name","InputTime","_ref","mode","selected","defaultSelected","min","max","onChange","step","size","className","placeholder","triggerMode","disabled","invalid","enableVirtualization","addCustomTimeLabel","rest","isOpen","setIsOpen","search","setSearch","undefined","generateTimeOptions","allOptions","currentTime","isBefore","push","format","add","timeOptionsFilter","options","_min","_max","minTime","maxTime","filter","isSameOrAfter","isSameOrBefore","allTimeOptions","setAllTimeOptions","timeOptions","isInOptions","some","opt","isValidDefaultSelected","setSelected","handleInputChange","text","test","trim","doc","parsed","times","get","value","handleEmptyAction","newTime","time","String","newOption","newOptions","index","findIndex","splice","handleChange","e","handleOpen","handleClose","_document$getElementB","selectedItem","document","getElementById","parentElement","scrollIntoView","behavior","block","isValid","_extends","open","disabledInternalSort","keepSameOptionsOrder","onInputChange","emptyValue","forceCloseMenu","autoHeightMax","onClose","onOpen","disableVirtualization"],"sources":["../../../../src/components/Input/InputTime.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useMemo, useState } from \"react\";\n\nimport classNames from \"classnames\";\nimport nlp from \"compromise\";\nimport plg, { DatesMethods } from \"compromise-dates\";\nimport moment from \"moment\";\nimport styled from \"styled-components\";\n\nimport { InputMode, InputSize } from \"./types\";\nimport { isValidTime } from \"../../utils/timeUtils\";\nimport { ComboBox } from \"../ComboBox/ComboBox\";\nimport { IOptionItemProps } from \"../Select/Option\";\nimport { Time24HourFormat } from \"../SelectTime\";\n\nnlp.plugin(plg);\n\nexport const StyledInputTimeWrapper = styled.div`\n max-width: 176px;\n flex: 1;\n\n & .c-combo-box--list {\n min-width: 176px;\n }\n`;\n\nexport interface InputTimeProps {\n mode?: \"12\" | \"24\";\n selected?: Time24HourFormat;\n min?: Time24HourFormat;\n max?: Time24HourFormat;\n onChange?: (val: Time24HourFormat) => void;\n className?: string;\n placeholder?: string;\n size?: InputSize;\n step?: 1 | 5 | 15 | 30 | 60;\n triggerMode?: InputMode;\n disabled?: boolean;\n invalid?: boolean;\n enableVirtualization?: boolean;\n addCustomTimeLabel?: string;\n}\n\nconst renderOption = (option) => {\n return (\n <div id={option.id} data-testid={`time-option-${option.id}`}>\n {option.name}\n </div>\n );\n};\n\nexport const InputTime: React.FC<InputTimeProps> = ({\n mode = \"24\",\n selected: defaultSelected,\n min = \"00:00\",\n max = \"23:45\",\n onChange,\n step = 15,\n size,\n className,\n placeholder,\n triggerMode,\n disabled,\n invalid,\n enableVirtualization = false,\n addCustomTimeLabel = \"Add\",\n ...rest\n}) => {\n const [isOpen, setIsOpen] = useState(false);\n const [search, setSearch] = useState<string | undefined>(undefined);\n\n const generateTimeOptions = () => {\n const allOptions: IOptionItemProps[] = [];\n const currentTime = moment(\"00:00\", \"HH:mm\");\n while (currentTime.isBefore(moment(\"24:00\", \"HH:mm\"))) {\n allOptions.push({\n id: currentTime.format(\"HH:mm\"),\n name: currentTime.format(mode === \"12\" ? \"hh:mm A\" : \"HH:mm\"),\n });\n currentTime.add(step, \"minutes\");\n }\n return allOptions;\n };\n const timeOptionsFilter = (\n options: IOptionItemProps[],\n _min: Time24HourFormat,\n _max: Time24HourFormat\n ) => {\n const minTime = moment(isValidTime(_min) ? _min : \"00:00\", \"HH:mm\");\n const maxTime = moment(isValidTime(_max) ? _max : \"23:45\", \"HH:mm\");\n return options.filter(\n (option) =>\n moment(option.id, \"HH:mm\").isSameOrAfter(minTime) &&\n moment(option.id, \"HH:mm\").isSameOrBefore(maxTime)\n );\n };\n const [allTimeOptions, setAllTimeOptions] = useState(generateTimeOptions());\n const timeOptions = useMemo(\n () => timeOptionsFilter(allTimeOptions, min, max),\n [allTimeOptions, min, max]\n );\n\n const isInOptions = useCallback(\n (option) => timeOptions.some((opt) => opt.id === option),\n [timeOptions]\n );\n\n const isValidDefaultSelected = defaultSelected\n ? isInOptions(defaultSelected)\n : false;\n\n const [selected, setSelected] = useState<Time24HourFormat | undefined>(\n isValidDefaultSelected ? defaultSelected : undefined\n );\n\n const handleInputChange = useCallback(\n (text: string) => {\n setSearch(text);\n if (/\\d{1,2}:\\d{2}/.test(text.trim())) {\n return;\n }\n const doc = nlp<DatesMethods>(text);\n const parsed = doc.times().get()[0];\n if (parsed && parsed[\"24h\"] && parsed[\"24h\"] !== selected) {\n const value = moment(parsed).format(\"HH:mm\") as Time24HourFormat;\n if (timeOptions.some((option) => option.id === value)) {\n setSelected(value);\n onChange?.(value);\n setIsOpen(false);\n }\n }\n },\n [onChange, selected, timeOptions]\n );\n\n const handleEmptyAction = (newTime: string | number) => {\n const time = String(newTime);\n if (isValidTime(time)) {\n const newOption = {\n id: time,\n name: mode === \"12\" ? moment(time, \"HH:mm\").format(\"hh:mm A\") : time,\n };\n\n const newOptions = [...timeOptions];\n const index = newOptions.findIndex(\n (option) => moment(option.id, \"HH:mm\") > moment(time, \"HH:mm\")\n );\n\n if (index === -1) {\n newOptions.push(newOption);\n } else {\n newOptions.splice(index, 0, newOption);\n }\n\n setAllTimeOptions(newOptions);\n onChange?.(time as Time24HourFormat);\n setSelected(time as Time24HourFormat);\n }\n };\n\n const handleChange = (e) => {\n setSelected(e);\n onChange?.(e);\n };\n\n const handleOpen = () => {\n setIsOpen(true);\n };\n\n const handleClose = () => {\n setIsOpen(false);\n };\n\n useEffect(() => {\n if (isOpen && selected) {\n const selectedItem = document.getElementById(selected)?.parentElement;\n selectedItem?.scrollIntoView({ behavior: \"smooth\", block: \"center\" });\n }\n }, [isOpen, selected]);\n\n useEffect(() => {\n if (\n defaultSelected !== selected &&\n timeOptions.some((opt) => opt.id === defaultSelected)\n )\n setSelected(defaultSelected);\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [defaultSelected, timeOptions]);\n\n const isValid = (time?: string) => !isInOptions(time) && isValidTime(time);\n\n return (\n <StyledInputTimeWrapper className={classNames(\"c-input-time\", className)}>\n <ComboBox\n {...rest}\n options={timeOptions}\n open={isOpen}\n disabledInternalSort\n selected={selected}\n keepSameOptionsOrder\n onInputChange={handleInputChange}\n onChange={handleChange}\n handleEmptyAction={handleEmptyAction}\n emptyValue={\n isValid(search) ? `${addCustomTimeLabel} ${search}` : undefined\n }\n forceCloseMenu\n placeholder={placeholder}\n renderOption={renderOption}\n autoHeightMax={226}\n size={size}\n onClose={handleClose}\n onOpen={handleOpen}\n triggerMode={triggerMode}\n disabled={disabled}\n invalid={invalid}\n disableVirtualization={!enableVirtualization}\n />\n </StyledInputTimeWrapper>\n );\n};\n"],"mappings":"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"}
package/dist/index.js CHANGED
@@ -19110,7 +19110,7 @@
19110
19110
  });
19111
19111
  Chip.displayName = "Chip";
19112
19112
 
19113
- var _excluded$C = ["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", "onOpen", "triggerMode", "noResultText", "emptyValue", "disableVirtualization"];
19113
+ var _excluded$C = ["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", "onOpen", "triggerMode", "noResultText", "emptyValue", "disableVirtualization", "hideClearButton"];
19114
19114
  var sizeMap = {
19115
19115
  small: 18,
19116
19116
  regular: 24,
@@ -19159,6 +19159,8 @@
19159
19159
  noResultText = _ref.noResultText,
19160
19160
  emptyValue = _ref.emptyValue,
19161
19161
  disableVirtualization = _ref.disableVirtualization,
19162
+ _ref$hideClearButton = _ref.hideClearButton,
19163
+ hideClearButton = _ref$hideClearButton === void 0 ? false : _ref$hideClearButton,
19162
19164
  prop = _objectWithoutProperties(_ref, _excluded$C);
19163
19165
  var selectedName = React.useMemo(function () {
19164
19166
  var value = "";
@@ -19419,7 +19421,7 @@
19419
19421
  }
19420
19422
  return undefined;
19421
19423
  }, [type, selected, options, open, limitChips, hiddenNumberText, renderChipAdornment, size]);
19422
- var showXIcon = Array.isArray(selected) && type === "multiple" && selected.length > 0;
19424
+ var showXIcon = Array.isArray(selected) && type === "multiple" && selected.length > 0 && !hideClearButton;
19423
19425
  var hasSelected = type === "multiple" && Array.isArray(selected) && selected.length > 0;
19424
19426
  var showMenu = React.useMemo(function () {
19425
19427
  var hasOptions = (options === null || options === void 0 ? void 0 : options.length) > 0;
@@ -19502,7 +19504,7 @@
19502
19504
  startAdornment: startAdornment,
19503
19505
  endAdornment: !disabled ? /*#__PURE__*/React__default["default"].createElement(InputAdornment, {
19504
19506
  disablePointerEvents: disabled
19505
- }, loading ? /*#__PURE__*/React__default["default"].createElement(SpinnerLoader, null) : selected ? /*#__PURE__*/React__default["default"].createElement(IconButton, {
19507
+ }, loading ? /*#__PURE__*/React__default["default"].createElement(SpinnerLoader, null) : selected && !hideClearButton ? /*#__PURE__*/React__default["default"].createElement(IconButton, {
19506
19508
  onMouseDown: handleMouseDown,
19507
19509
  onClick: handleDeselect,
19508
19510
  variant: "text gray",
@@ -19621,8 +19623,6 @@
19621
19623
  search = _useState4[0],
19622
19624
  setSearch = _useState4[1];
19623
19625
  var generateTimeOptions = function generateTimeOptions() {
19624
- var minTime = moment__default$1["default"](isValidTime(min) ? min : "00:00", "HH:mm");
19625
- var maxTime = moment__default$1["default"](isValidTime(max) ? max : "23:45", "HH:mm");
19626
19626
  var allOptions = [];
19627
19627
  var currentTime = moment__default$1["default"]("00:00", "HH:mm");
19628
19628
  while (currentTime.isBefore(moment__default$1["default"]("24:00", "HH:mm"))) {
@@ -19632,14 +19632,22 @@
19632
19632
  });
19633
19633
  currentTime.add(step, "minutes");
19634
19634
  }
19635
- return allOptions.filter(function (option) {
19635
+ return allOptions;
19636
+ };
19637
+ var timeOptionsFilter = function timeOptionsFilter(options, _min, _max) {
19638
+ var minTime = moment__default$1["default"](isValidTime(_min) ? _min : "00:00", "HH:mm");
19639
+ var maxTime = moment__default$1["default"](isValidTime(_max) ? _max : "23:45", "HH:mm");
19640
+ return options.filter(function (option) {
19636
19641
  return moment__default$1["default"](option.id, "HH:mm").isSameOrAfter(minTime) && moment__default$1["default"](option.id, "HH:mm").isSameOrBefore(maxTime);
19637
19642
  });
19638
19643
  };
19639
19644
  var _useState5 = React.useState(generateTimeOptions()),
19640
19645
  _useState6 = _slicedToArray(_useState5, 2),
19641
- timeOptions = _useState6[0],
19642
- setTimeOptions = _useState6[1];
19646
+ allTimeOptions = _useState6[0],
19647
+ setAllTimeOptions = _useState6[1];
19648
+ var timeOptions = React.useMemo(function () {
19649
+ return timeOptionsFilter(allTimeOptions, min, max);
19650
+ }, [allTimeOptions, min, max]);
19643
19651
  var isInOptions = React.useCallback(function (option) {
19644
19652
  return timeOptions.some(function (opt) {
19645
19653
  return opt.id === option;
@@ -19684,7 +19692,7 @@
19684
19692
  } else {
19685
19693
  newOptions.splice(index, 0, newOption);
19686
19694
  }
19687
- setTimeOptions(newOptions);
19695
+ setAllTimeOptions(newOptions);
19688
19696
  onChange === null || onChange === void 0 || onChange(time);
19689
19697
  setSelected(time);
19690
19698
  }