@activecollab/components 2.0.45 → 2.0.47
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.
- package/dist/cjs/components/ComboBox/ComboBox.js +1 -1
- package/dist/cjs/components/ComboBox/ComboBox.js.map +1 -1
- package/dist/cjs/components/Input/InputPassword.js +12 -45
- package/dist/cjs/components/Input/InputPassword.js.map +1 -1
- package/dist/esm/components/ComboBox/ComboBox.d.ts.map +1 -1
- package/dist/esm/components/ComboBox/ComboBox.js +1 -1
- package/dist/esm/components/ComboBox/ComboBox.js.map +1 -1
- package/dist/esm/components/Input/InputPassword.d.ts +8 -10
- package/dist/esm/components/Input/InputPassword.d.ts.map +1 -1
- package/dist/esm/components/Input/InputPassword.js +6 -32
- package/dist/esm/components/Input/InputPassword.js.map +1 -1
- package/dist/index.js +1 -1
- package/dist/index.js.map +1 -1
- package/dist/index.min.js +1 -1
- package/dist/index.min.js.map +1 -1
- package/package.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ComboBox.js","names":["_react","_interopRequireWildcard","require","_reactRemoveScroll","_classnames","_interopRequireDefault","_Styles","_helpers","_ConditionWrapper","_useIsFirstRender","_useOnClickOutside","_useForkRef","_Autocomplete","_Autocomplete2","_Avatar","_Checkbox","_Chip","_IconButton","_InputAdornment","_Styles2","_SpinnerLoader","_MultiAvatar","_Popper","_RadioButton","_OptionContent","_Trigger","_Typography","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","ComboBox","_ref","options","selected","loading","loadingText","onChange","placeholder","handleEmptyAction","disabled","size","invalid","type","renderChip","forceCloseMenu","renderOption","limitChips","hiddenNumberText","inPortal","inputWrapperClassName","scrollWrapper","onClose","onClear","onDeselect","defaultValue","prop","selectedName","useMemo","value","map","v","find","q","id","name","setValue","useState","focused","setFocused","handleOnChange","useCallback","target","childNode","useRef","elementRef","handleRef","useForkRef","wrapperRef","chipWrapper","comboBoxRef","open","setOpen","isFirstRender","useIsFirstRender","useOnClickOutside","current","contains","handleOnKeyDown","key","stopPropagation","useEffect","focus","blur","emptyAction","handleChange","selectedValue","onOpen","handleRenderOption","option","props","createElement","Fragment","OptionContent","imageUrl","image","color","textColor","Checkbox","RadioButton","handleDeselect","handleMouseDown","preventDefault","handleBlur","renderChipAdornment","index","avatarProps","leftAdornment","_StyledAvatar","_extends2","url","$_css","$_css2","undefined","Array","isArray","includes","newSelected","filter","item","showOnClose","Chip","className","label","backgroundColor","chipColor","variant","autoSize","length","startAdornment","elements","total","forEach","isGrouped","isOptionGroup","push","groupedOptions","o","_index","hidden","splice","_StyledTypography","optionItem","child","avatarSize","MultiAvatar","Avatar","showXIcon","hasSelected","showMenu","Boolean","Number","_StyledStyledInputWrapper","$disabled","$size","$invalid","ref","classNames","onClick","click","$_css3","$_css4","$_css5","StyledChipWrapper","$autoSize","$open","StyledInput","onBlur","onFocus","onKeyDown","$loading","style","display","flex","alignSelf","width","SpinnerLoader","_StyledTrigger","onMouseDown","StyledComboBoxCloseSmallIcon","StyledComboBoxCollapseExpandSingleIcon","StyledComboBoxInput","wrapperClick","wrapRef","endAdornment","InputAdornment","disablePointerEvents","IconButton","ConditionalWrapper","condition","wrap","children","Portal","Popper","anchorEl","placement","zIndex","clientWidth","strategy","RemoveScroll","noIsolation","allowPinchZoom","StyledComboBoxList","$width","$hide","Autocomplete","inputEl","exports","displayName","_styledComponents","withConfig","componentId","p","Typography","StyledInputWrapper","Trigger"],"sources":["../../../../src/components/ComboBox/ComboBox.tsx"],"sourcesContent":["import React, {\n FC,\n useCallback,\n useState,\n useEffect,\n useRef,\n useMemo,\n Fragment,\n} from \"react\";\nimport { RemoveScroll } from \"react-remove-scroll\";\n\nimport classNames from \"classnames\";\nimport tw from \"twin.macro\";\n\nimport {\n StyledComboBoxCloseSmallIcon,\n StyledComboBoxCollapseExpandSingleIcon,\n StyledComboBoxInput,\n StyledComboBoxList,\n StyledChipWrapper,\n} from \"./Styles\";\nimport { Portal } from \"../../helpers\";\nimport { ConditionalWrapper } from \"../../helpers/ConditionWrapper/ConditionWrapper\";\nimport { useIsFirstRender } from \"../../hooks/useIsFirstRender\";\nimport { useOnClickOutside } from \"../../hooks/useOnClickOutside\";\nimport useForkRef from \"../../utils/useForkRef\";\nimport { Autocomplete } from \"../Autocomplete\";\nimport {\n IAutocompleteProps,\n isOptionGroup,\n} from \"../Autocomplete/Autocomplete\";\nimport { Avatar, AvatarProps } from \"../Avatar\";\nimport { Checkbox } from \"../Checkbox\";\nimport { Chip } from \"../Chip\";\nimport { IconButton } from \"../IconButton\";\nimport { InputAdornment } from \"../Input/InputAdornment\";\nimport { StyledInput, StyledInputWrapper } from \"../Input/Styles\";\nimport { InputSize } from \"../Input/types\";\nimport { SpinnerLoader } from \"../Loaders/Spinner/SpinnerLoader\";\nimport { MultiAvatar } from \"../MultiAvatar\";\nimport { Popper } from \"../Popper\";\nimport { RadioButton } from \"../RadioButton\";\nimport { IOptionGroupProps, IOptionItemProps } from \"../Select\";\nimport { OptionContent } from \"../Select/OptionContent/OptionContent\";\nimport { Trigger } from \"../Trigger\";\nimport { Typography } from \"../Typography/Typography\";\n\nexport interface IComboBoxProps\n extends Omit<\n IAutocompleteProps,\n \"handleChange\" | \"inputEl\" | \"clearInputOnSelect\"\n > {\n /** Set combobox in to loading state */\n loading?: boolean;\n /** Text to display while in loading state */\n loadingText?: string;\n /** onChange callback */\n onChange?: (\n e: (string | number)[] | string | number | null | undefined\n ) => void;\n /** Placeholder for Select input */\n placeholder?: string;\n /** disable Input element */\n disabled?: boolean;\n /** Combobox size */\n size?: InputSize;\n /** Invalid state */\n invalid?: boolean;\n /** Render Chip */\n renderChip?: <T extends IOptionItemProps>(\n item: T,\n key?: string | number\n ) => JSX.Element;\n /** Close menu on change */\n forceCloseMenu?: boolean;\n /** Limit chips */\n limitChips?: number;\n /** Hidden number text */\n hiddenNumberText?: (hidden: number) => string;\n /** Render Autocomplete in <Portal> */\n inPortal?: boolean;\n /** inputWrapperClassName */\n inputWrapperClassName?: string;\n /** scrollWrapper */\n scrollWrapper?: boolean;\n /** onClose (f) will be called when Popper close */\n onClose?: () => void;\n /** onClear (f) will be called when user clear input on X icon*/\n onClear?: () => void;\n onDeselect?: () => void;\n}\n\nexport const ComboBox: FC<IComboBoxProps> = ({\n options = [],\n selected,\n loading = false,\n loadingText,\n onChange,\n placeholder,\n handleEmptyAction,\n disabled = false,\n size = \"regular\",\n invalid = false,\n type = \"single\",\n renderChip,\n forceCloseMenu = type === \"single\",\n renderOption,\n limitChips = 2,\n hiddenNumberText,\n inPortal = false,\n inputWrapperClassName,\n scrollWrapper,\n onClose,\n onClear,\n onDeselect,\n defaultValue,\n ...prop\n}) => {\n const selectedName = useMemo(() => {\n let value = \"\";\n if (!selected) {\n return value;\n }\n options.map((v) => {\n if ((v as IOptionGroupProps)?.options) {\n return (v as IOptionGroupProps).options.find((q) => {\n if (q.id === selected) {\n value = q.name;\n return;\n }\n });\n } else {\n if (v.id === selected) {\n value = v.name;\n return;\n }\n }\n });\n return value;\n }, [options, selected]);\n const [value, setValue] = useState(selectedName);\n const [focused, setFocused] = useState<boolean>(false);\n const handleOnChange = useCallback((e) => setValue(e.target.value), []);\n const childNode = useRef<HTMLInputElement | null>();\n const elementRef = useRef<HTMLInputElement | null>(null);\n const handleRef = useForkRef(childNode, elementRef);\n const wrapperRef = useRef<HTMLDivElement>(null);\n const chipWrapper = useRef<HTMLDivElement>(null);\n const comboBoxRef = useRef<HTMLDivElement | null>(null);\n\n const [open, setOpen] = useState(false);\n const isFirstRender = useIsFirstRender();\n\n useOnClickOutside(wrapperRef, (e) => {\n if (e.target && comboBoxRef.current?.contains(e.target as Node)) {\n return;\n }\n setOpen(false);\n });\n\n const handleOnKeyDown = useCallback(\n (e) => {\n if (e.key === \"Escape\" && open) {\n setOpen(false);\n setValue(selectedName);\n e.stopPropagation();\n }\n\n if (e.key === \"Enter\" && type === \"multiple\") {\n setValue(\"\");\n }\n\n if (e.key === \"Enter\" && !open && focused) {\n setOpen(true);\n }\n },\n [focused, open, selectedName, type]\n );\n\n useEffect(() => {\n open && childNode?.current?.focus();\n !open && childNode?.current?.blur();\n }, [childNode, open]);\n\n useEffect(() => {\n setValue(selectedName);\n }, [selectedName]);\n\n useEffect(() => {\n if (!open && !isFirstRender && !focused) {\n if (typeof onClose === \"function\") {\n onClose();\n }\n }\n }, [focused, isFirstRender, onClose, open]);\n\n const emptyAction = useCallback(\n (v) => {\n handleEmptyAction?.(v);\n setOpen(false);\n },\n [handleEmptyAction]\n );\n\n const handleChange = useCallback(\n (selectedValue) => {\n if (selectedValue !== selected && typeof onChange === \"function\") {\n onChange(selectedValue);\n }\n if (forceCloseMenu) {\n setOpen(false);\n }\n },\n [forceCloseMenu, onChange, selected]\n );\n\n const onOpen = useCallback(() => {\n if (!disabled) {\n setOpen(true);\n }\n }, [disabled]);\n\n const handleRenderOption = useCallback(\n (option, props) => {\n if (typeof renderOption === \"function\") {\n return renderOption(option, props);\n }\n if (type === \"multiple\") {\n return (\n <>\n <OptionContent\n imageUrl={option.image}\n color={option.color}\n textColor={option.textColor}\n name={option.name}\n />\n <Checkbox {...props} />\n </>\n );\n }\n return (\n <>\n <OptionContent\n imageUrl={option.image}\n color={option.color}\n textColor={option.textColor}\n name={option.name}\n />\n <RadioButton {...props} />\n </>\n );\n },\n [type, renderOption]\n );\n\n const handleDeselect = useCallback(\n (e) => {\n e.stopPropagation();\n if (typeof onDeselect === \"function\") {\n onDeselect();\n } else if (type === \"multiple\") {\n onChange?.([]);\n } else {\n onChange?.(\"\");\n }\n\n onClear?.();\n setOpen(false);\n },\n [type, onChange, onClear, onDeselect]\n );\n\n const handleMouseDown = useCallback((e) => {\n e.preventDefault();\n }, []);\n\n const handleBlur = useCallback(() => {\n setValue(selectedName);\n setFocused(!focused);\n }, [focused, selectedName]);\n\n const renderChipAdornment = useCallback(\n (option, index) => {\n if (typeof renderChip === \"function\") {\n return renderChip(option, index);\n }\n const avatarProps: Partial<AvatarProps> = {\n size: 18,\n };\n switch (size) {\n case \"big\":\n avatarProps.size = 22;\n break;\n case \"small\":\n avatarProps.size = 14;\n break;\n }\n const leftAdornment = 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 leftAdornment={leftAdornment}\n label={option.name}\n key={index}\n backgroundColor={option.color}\n color={option.chipColor}\n onClose={showOnClose ? onClose : undefined}\n size={size}\n variant=\"Caption 1\"\n />\n );\n },\n [disabled, onChange, renderChip, selected, size]\n );\n\n const autoSize = useMemo(() => {\n if (\n type === \"multiple\" &&\n open &&\n Array.isArray(selected) &&\n selected.length > 1\n ) {\n return \"auto\";\n }\n return size;\n }, [open, selected, size, type]);\n\n const startAdornment = useMemo(() => {\n if (type === \"multiple\" && Array.isArray(selected) && selected.length > 0) {\n const elements: JSX.Element[] = [];\n let total = 0;\n options.forEach((option, index) => {\n const isGrouped = isOptionGroup(option);\n if (selected.includes(option.id) && !isGrouped) {\n total = total + 1;\n elements.push(renderChipAdornment(option, index));\n } else if (isGrouped) {\n const groupedOptions = option.options.filter((o) =>\n selected.includes(o.id)\n );\n total = total + groupedOptions.length;\n if (groupedOptions.length > 0) {\n groupedOptions.forEach((o, _index) => {\n elements.push(renderChipAdornment(o, `${index}_${_index}`));\n });\n }\n }\n });\n let hidden = 0;\n if (!open && limitChips > 0 && elements.length > limitChips) {\n hidden = elements.splice(\n limitChips,\n elements.length - limitChips\n ).length;\n }\n\n return (\n <Fragment>\n {elements}\n {hidden > 0 && (\n <Typography\n variant={\n size === \"small\"\n ? \"Caption 1\"\n : size === \"regular\"\n ? \"Body 2\"\n : \"Body 1\"\n }\n css={`\n display: flex;\n flex-shrink: 0;\n align-items: center;\n `}\n >\n {typeof hiddenNumberText === \"function\"\n ? hiddenNumberText(hidden)\n : `+${hidden}`}\n </Typography>\n )}\n </Fragment>\n );\n }\n if (type === \"single\" && selected) {\n let optionItem;\n options.forEach((option) => {\n if (isOptionGroup(option)) {\n optionItem = option.options.find((child) => child.id === selected);\n } else if (!optionItem && option.id === selected) {\n optionItem = option;\n }\n });\n if (optionItem && optionItem.image) {\n const avatarSize = size === \"big\" ? 22 : size === \"regular\" ? 18 : 14;\n if (Array.isArray(optionItem.image)) {\n return <MultiAvatar url={optionItem.image} size={avatarSize} />;\n }\n return <Avatar url={optionItem.image} size={avatarSize} />;\n }\n }\n\n return undefined;\n }, [\n type,\n selected,\n options,\n open,\n limitChips,\n hiddenNumberText,\n renderChipAdornment,\n size,\n ]);\n\n const showXIcon =\n Array.isArray(selected) && type === \"multiple\" && selected.length > 0;\n\n const hasSelected =\n type === \"multiple\" && Array.isArray(selected) && selected.length > 0;\n\n const showMenu = useMemo(\n () => Boolean(options.length || defaultValue || Number(value.length) > 0),\n [defaultValue, options.length, value]\n );\n\n return (\n <div className=\"c-combo-box\">\n {type === \"multiple\" ? (\n <>\n <StyledInputWrapper\n $disabled={disabled}\n $size={size}\n $invalid={invalid}\n ref={comboBoxRef}\n css={`\n display: flex;\n justify-content: space-between;\n flex: 1;\n height: ${autoSize === \"auto\" ? \"auto\" : undefined};\n overflow-y: ${autoSize === \"auto\" && scrollWrapper\n ? \"scroll\"\n : undefined};\n max-height: ${autoSize === \"auto\" && scrollWrapper\n ? \"80px\"\n : undefined};\n `}\n className={classNames(\n \"c-combo-box-input-wrapper\",\n inputWrapperClassName\n )}\n onClick={() => {\n elementRef.current?.click();\n }}\n >\n <StyledChipWrapper\n $autoSize={autoSize}\n $open={open}\n ref={chipWrapper}\n >\n {startAdornment}\n <StyledInput\n className=\"c-combo-box-input\"\n onBlur={handleBlur}\n onFocus={() => {\n setFocused(!focused);\n }}\n onClick={onOpen}\n ref={handleRef}\n value={loading && loadingText ? loadingText : value}\n onKeyDown={handleOnKeyDown}\n onChange={handleOnChange}\n placeholder={!hasSelected ? placeholder : undefined}\n disabled={disabled}\n $size={size}\n $loading={loading}\n style={{\n display: \"flex\",\n flex: 1,\n alignSelf: \"center\",\n width: autoSize === \"auto\" ? \"auto\" : \"100%\",\n }}\n />\n </StyledChipWrapper>\n {!disabled && (\n <>\n {loading ? (\n <SpinnerLoader />\n ) : (\n <>\n {showXIcon && (\n <Trigger\n onMouseDown={handleMouseDown}\n onClick={handleDeselect}\n data-testid=\"deselect-all\"\n css={`\n display: flex;\n justify-content: center;\n `}\n >\n <StyledComboBoxCloseSmallIcon />\n </Trigger>\n )}\n <StyledComboBoxCollapseExpandSingleIcon $open={open} />\n </>\n )}\n </>\n )}\n </StyledInputWrapper>\n </>\n ) : (\n <StyledComboBoxInput\n className={classNames(\"c-combo-box-input\", inputWrapperClassName)}\n onBlur={handleBlur}\n wrapperClick={onOpen}\n onFocus={() => {\n setFocused(!focused);\n onOpen();\n }}\n onClick={onOpen}\n wrapRef={comboBoxRef}\n ref={handleRef}\n value={loading && loadingText ? loadingText : value}\n onKeyDown={handleOnKeyDown}\n onChange={handleOnChange}\n placeholder={placeholder}\n disabled={disabled}\n size={size}\n invalid={invalid}\n $loading={loading}\n startAdornment={startAdornment}\n endAdornment={\n !disabled ? (\n <InputAdornment disablePointerEvents={disabled}>\n {loading ? (\n <SpinnerLoader />\n ) : selected ? (\n <IconButton\n onMouseDown={handleMouseDown}\n onClick={handleDeselect}\n variant=\"text gray\"\n size=\"small\"\n >\n <StyledComboBoxCloseSmallIcon />\n </IconButton>\n ) : null}\n {showMenu && (\n <StyledComboBoxCollapseExpandSingleIcon $open={open} />\n )}\n </InputAdornment>\n ) : null\n }\n />\n )}\n {!disabled ? (\n <ConditionalWrapper\n condition={inPortal}\n wrap={(children) => <Portal>{children}</Portal>}\n >\n <Popper\n anchorEl={comboBoxRef.current}\n open={open}\n placement=\"bottom\"\n style={{\n zIndex: 10,\n width: comboBoxRef.current?.clientWidth,\n }}\n ref={wrapperRef}\n strategy=\"fixed\"\n >\n <RemoveScroll noIsolation allowPinchZoom>\n <StyledComboBoxList\n $width={comboBoxRef.current?.clientWidth}\n $hide={!showMenu}\n >\n <Autocomplete\n {...prop}\n inputEl={childNode}\n selected={selected}\n handleChange={handleChange}\n renderOption={handleRenderOption}\n options={options}\n type={type}\n defaultValue={defaultValue}\n handleEmptyAction={emptyAction}\n />\n </StyledComboBoxList>\n </RemoveScroll>\n </Popper>\n </ConditionalWrapper>\n ) : null}\n </div>\n );\n};\n\nComboBox.displayName = \"ComboBox\";\n"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"ComboBox.js","names":["_react","_interopRequireWildcard","require","_reactRemoveScroll","_classnames","_interopRequireDefault","_Styles","_helpers","_ConditionWrapper","_useIsFirstRender","_useOnClickOutside","_useForkRef","_Autocomplete","_Autocomplete2","_Avatar","_Checkbox","_Chip","_IconButton","_InputAdornment","_Styles2","_SpinnerLoader","_MultiAvatar","_Popper","_RadioButton","_OptionContent","_Trigger","_Typography","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","ComboBox","_ref","options","selected","loading","loadingText","onChange","placeholder","handleEmptyAction","disabled","size","invalid","type","renderChip","forceCloseMenu","renderOption","limitChips","hiddenNumberText","inPortal","inputWrapperClassName","scrollWrapper","onClose","onClear","onDeselect","defaultValue","prop","selectedName","useMemo","value","map","v","find","q","id","name","setValue","useState","focused","setFocused","handleOnChange","useCallback","target","childNode","useRef","elementRef","handleRef","useForkRef","wrapperRef","chipWrapper","comboBoxRef","open","setOpen","isFirstRender","useIsFirstRender","useOnClickOutside","current","contains","handleOnKeyDown","key","stopPropagation","useEffect","focus","blur","emptyAction","handleChange","selectedValue","onOpen","handleRenderOption","option","props","createElement","Fragment","OptionContent","imageUrl","image","color","textColor","Checkbox","RadioButton","handleDeselect","handleMouseDown","preventDefault","handleBlur","renderChipAdornment","index","avatarProps","leftAdornment","_StyledAvatar","_extends2","url","$_css","$_css2","undefined","Array","isArray","includes","newSelected","filter","item","showOnClose","Chip","className","label","backgroundColor","chipColor","variant","autoSize","length","startAdornment","elements","total","forEach","isGrouped","isOptionGroup","push","groupedOptions","o","_index","hidden","splice","_StyledTypography","optionItem","child","avatarSize","MultiAvatar","Avatar","showXIcon","hasSelected","showMenu","Boolean","Number","_StyledStyledInputWrapper","$disabled","$size","$invalid","ref","classNames","onClick","click","$_css3","$_css4","$_css5","StyledChipWrapper","$autoSize","$open","StyledInput","onBlur","onFocus","onKeyDown","$loading","style","display","flex","alignSelf","width","SpinnerLoader","_StyledTrigger","onMouseDown","StyledComboBoxCloseSmallIcon","StyledComboBoxCollapseExpandSingleIcon","StyledComboBoxInput","wrapperClick","wrapRef","endAdornment","InputAdornment","disablePointerEvents","IconButton","ConditionalWrapper","condition","wrap","children","Portal","Popper","anchorEl","placement","zIndex","clientWidth","strategy","RemoveScroll","noIsolation","allowPinchZoom","StyledComboBoxList","$width","$hide","Autocomplete","inputEl","exports","displayName","_styledComponents","withConfig","componentId","p","Typography","StyledInputWrapper","Trigger"],"sources":["../../../../src/components/ComboBox/ComboBox.tsx"],"sourcesContent":["import React, {\n FC,\n useCallback,\n useState,\n useEffect,\n useRef,\n useMemo,\n Fragment,\n} from \"react\";\nimport { RemoveScroll } from \"react-remove-scroll\";\n\nimport classNames from \"classnames\";\nimport tw from \"twin.macro\";\n\nimport {\n StyledComboBoxCloseSmallIcon,\n StyledComboBoxCollapseExpandSingleIcon,\n StyledComboBoxInput,\n StyledComboBoxList,\n StyledChipWrapper,\n} from \"./Styles\";\nimport { Portal } from \"../../helpers\";\nimport { ConditionalWrapper } from \"../../helpers/ConditionWrapper/ConditionWrapper\";\nimport { useIsFirstRender } from \"../../hooks/useIsFirstRender\";\nimport { useOnClickOutside } from \"../../hooks/useOnClickOutside\";\nimport useForkRef from \"../../utils/useForkRef\";\nimport { Autocomplete } from \"../Autocomplete\";\nimport {\n IAutocompleteProps,\n isOptionGroup,\n} from \"../Autocomplete/Autocomplete\";\nimport { Avatar, AvatarProps } from \"../Avatar\";\nimport { Checkbox } from \"../Checkbox\";\nimport { Chip } from \"../Chip\";\nimport { IconButton } from \"../IconButton\";\nimport { InputAdornment } from \"../Input/InputAdornment\";\nimport { StyledInput, StyledInputWrapper } from \"../Input/Styles\";\nimport { InputSize } from \"../Input/types\";\nimport { SpinnerLoader } from \"../Loaders/Spinner/SpinnerLoader\";\nimport { MultiAvatar } from \"../MultiAvatar\";\nimport { Popper } from \"../Popper\";\nimport { RadioButton } from \"../RadioButton\";\nimport { IOptionGroupProps, IOptionItemProps } from \"../Select\";\nimport { OptionContent } from \"../Select/OptionContent/OptionContent\";\nimport { Trigger } from \"../Trigger\";\nimport { Typography } from \"../Typography/Typography\";\n\nexport interface IComboBoxProps\n extends Omit<\n IAutocompleteProps,\n \"handleChange\" | \"inputEl\" | \"clearInputOnSelect\"\n > {\n /** Set combobox in to loading state */\n loading?: boolean;\n /** Text to display while in loading state */\n loadingText?: string;\n /** onChange callback */\n onChange?: (\n e: (string | number)[] | string | number | null | undefined\n ) => void;\n /** Placeholder for Select input */\n placeholder?: string;\n /** disable Input element */\n disabled?: boolean;\n /** Combobox size */\n size?: InputSize;\n /** Invalid state */\n invalid?: boolean;\n /** Render Chip */\n renderChip?: <T extends IOptionItemProps>(\n item: T,\n key?: string | number\n ) => JSX.Element;\n /** Close menu on change */\n forceCloseMenu?: boolean;\n /** Limit chips */\n limitChips?: number;\n /** Hidden number text */\n hiddenNumberText?: (hidden: number) => string;\n /** Render Autocomplete in <Portal> */\n inPortal?: boolean;\n /** inputWrapperClassName */\n inputWrapperClassName?: string;\n /** scrollWrapper */\n scrollWrapper?: boolean;\n /** onClose (f) will be called when Popper close */\n onClose?: () => void;\n /** onClear (f) will be called when user clear input on X icon*/\n onClear?: () => void;\n onDeselect?: () => void;\n}\n\nexport const ComboBox: FC<IComboBoxProps> = ({\n options = [],\n selected,\n loading = false,\n loadingText,\n onChange,\n placeholder,\n handleEmptyAction,\n disabled = false,\n size = \"regular\",\n invalid = false,\n type = \"single\",\n renderChip,\n forceCloseMenu = type === \"single\",\n renderOption,\n limitChips = 2,\n hiddenNumberText,\n inPortal = false,\n inputWrapperClassName,\n scrollWrapper,\n onClose,\n onClear,\n onDeselect,\n defaultValue,\n ...prop\n}) => {\n const selectedName = useMemo(() => {\n let value = \"\";\n if (!selected) {\n return value;\n }\n options.map((v) => {\n if ((v as IOptionGroupProps)?.options) {\n return (v as IOptionGroupProps).options.find((q) => {\n if (q.id === selected) {\n value = q.name;\n return;\n }\n });\n } else {\n if (v.id === selected) {\n value = v.name;\n return;\n }\n }\n });\n return value;\n }, [options, selected]);\n const [value, setValue] = useState(selectedName);\n const [focused, setFocused] = useState<boolean>(false);\n const handleOnChange = useCallback((e) => setValue(e.target.value), []);\n const childNode = useRef<HTMLInputElement | null>();\n const elementRef = useRef<HTMLInputElement | null>(null);\n const handleRef = useForkRef(childNode, elementRef);\n const wrapperRef = useRef<HTMLDivElement>(null);\n const chipWrapper = useRef<HTMLDivElement>(null);\n const comboBoxRef = useRef<HTMLDivElement | null>(null);\n\n const [open, setOpen] = useState(false);\n const isFirstRender = useIsFirstRender();\n\n useOnClickOutside(wrapperRef, (e) => {\n if (e.target && comboBoxRef.current?.contains(e.target as Node)) {\n return;\n }\n setOpen(false);\n });\n\n const handleOnKeyDown = useCallback(\n (e) => {\n if (e.key === \"Escape\" && open) {\n setOpen(false);\n setValue(selectedName);\n e.stopPropagation();\n }\n\n if (e.key === \"Enter\" && type === \"multiple\") {\n setValue(\"\");\n }\n\n if (e.key === \"Enter\" && !open && focused) {\n setOpen(true);\n }\n },\n [focused, open, selectedName, type]\n );\n\n useEffect(() => {\n open && childNode?.current?.focus();\n !open && childNode?.current?.blur();\n }, [childNode, open]);\n\n useEffect(() => {\n setValue(selectedName);\n }, [selectedName]);\n\n useEffect(() => {\n if (!open && !isFirstRender && !focused) {\n if (typeof onClose === \"function\") {\n onClose();\n }\n }\n }, [focused, isFirstRender, onClose, open]);\n\n const emptyAction = useCallback(\n (v) => {\n handleEmptyAction?.(v);\n setOpen(false);\n },\n [handleEmptyAction]\n );\n\n const handleChange = useCallback(\n (selectedValue) => {\n if (selectedValue !== selected && typeof onChange === \"function\") {\n onChange(selectedValue);\n }\n if (forceCloseMenu) {\n setOpen(false);\n }\n },\n [forceCloseMenu, onChange, selected]\n );\n\n const onOpen = useCallback(() => {\n if (!disabled) {\n setOpen(true);\n }\n }, [disabled]);\n\n const handleRenderOption = useCallback(\n (option, props) => {\n if (typeof renderOption === \"function\") {\n return renderOption(option, props);\n }\n if (type === \"multiple\") {\n return (\n <>\n <OptionContent\n imageUrl={option.image}\n color={option.color}\n textColor={option.textColor}\n name={option.name}\n />\n <Checkbox {...props} />\n </>\n );\n }\n return (\n <>\n <OptionContent\n imageUrl={option.image}\n color={option.color}\n textColor={option.textColor}\n name={option.name}\n />\n <RadioButton {...props} />\n </>\n );\n },\n [type, renderOption]\n );\n\n const handleDeselect = useCallback(\n (e) => {\n e.stopPropagation();\n if (typeof onDeselect === \"function\") {\n onDeselect();\n } else if (type === \"multiple\") {\n onChange?.([]);\n } else {\n onChange?.(\"\");\n }\n\n onClear?.();\n setOpen(false);\n },\n [type, onChange, onClear, onDeselect]\n );\n\n const handleMouseDown = useCallback((e) => {\n e.preventDefault();\n }, []);\n\n const handleBlur = useCallback(() => {\n setValue(selectedName);\n setFocused(!focused);\n }, [focused, selectedName]);\n\n const renderChipAdornment = useCallback(\n (option, index) => {\n if (typeof renderChip === \"function\") {\n return renderChip(option, index);\n }\n const avatarProps: Partial<AvatarProps> = {\n size: 18,\n };\n switch (size) {\n case \"big\":\n avatarProps.size = 22;\n break;\n case \"small\":\n avatarProps.size = 14;\n break;\n }\n const leftAdornment = 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 leftAdornment={leftAdornment}\n label={option.name}\n key={index}\n backgroundColor={option.color}\n color={option.chipColor}\n onClose={showOnClose ? onClose : undefined}\n size={size}\n variant=\"Caption 1\"\n />\n );\n },\n [disabled, onChange, renderChip, selected, size]\n );\n\n const autoSize = useMemo(() => {\n if (\n type === \"multiple\" &&\n open &&\n Array.isArray(selected) &&\n selected.length > 1\n ) {\n return \"auto\";\n }\n return size;\n }, [open, selected, size, type]);\n\n const startAdornment = useMemo(() => {\n if (type === \"multiple\" && Array.isArray(selected) && selected.length > 0) {\n const elements: JSX.Element[] = [];\n let total = 0;\n options.forEach((option, index) => {\n const isGrouped = isOptionGroup(option);\n if (selected.includes(option.id) && !isGrouped) {\n total = total + 1;\n elements.push(renderChipAdornment(option, index));\n } else if (isGrouped) {\n const groupedOptions = option.options.filter((o) =>\n selected.includes(o.id)\n );\n total = total + groupedOptions.length;\n if (groupedOptions.length > 0) {\n groupedOptions.forEach((o, _index) => {\n elements.push(renderChipAdornment(o, `${index}_${_index}`));\n });\n }\n }\n });\n let hidden = 0;\n if (!open && limitChips > 0 && elements.length > limitChips) {\n hidden = elements.splice(\n limitChips,\n elements.length - limitChips\n ).length;\n }\n\n return (\n <Fragment>\n {elements}\n {hidden > 0 && (\n <Typography\n variant={\n size === \"small\"\n ? \"Caption 1\"\n : size === \"regular\"\n ? \"Body 2\"\n : \"Body 1\"\n }\n css={`\n display: flex;\n flex-shrink: 0;\n align-items: center;\n `}\n >\n {typeof hiddenNumberText === \"function\"\n ? hiddenNumberText(hidden)\n : `+${hidden}`}\n </Typography>\n )}\n </Fragment>\n );\n }\n if (type === \"single\" && selected) {\n let optionItem;\n options.forEach((option) => {\n if (isOptionGroup(option)) {\n optionItem = option.options.find((child) => child.id === selected);\n } else if (!optionItem && option.id === selected) {\n optionItem = option;\n }\n });\n if (optionItem && optionItem.image) {\n const avatarSize = size === \"big\" ? 22 : size === \"regular\" ? 18 : 14;\n if (Array.isArray(optionItem.image)) {\n return <MultiAvatar url={optionItem.image} size={avatarSize} />;\n }\n return <Avatar url={optionItem.image} size={avatarSize} />;\n }\n }\n\n return undefined;\n }, [\n type,\n selected,\n options,\n open,\n limitChips,\n hiddenNumberText,\n renderChipAdornment,\n size,\n ]);\n\n const showXIcon =\n Array.isArray(selected) && type === \"multiple\" && selected.length > 0;\n\n const hasSelected =\n type === \"multiple\" && Array.isArray(selected) && selected.length > 0;\n\n const showMenu = useMemo(\n () => Boolean(options.length || defaultValue || Number(value.length) > 0),\n [defaultValue, options.length, value]\n );\n\n return (\n <div className=\"c-combo-box\">\n {type === \"multiple\" ? (\n <>\n <StyledInputWrapper\n $disabled={disabled}\n $size={size}\n $invalid={invalid}\n ref={comboBoxRef}\n css={`\n display: flex;\n justify-content: space-between;\n flex: 1;\n height: ${autoSize === \"auto\" ? \"auto\" : undefined};\n overflow-y: ${autoSize === \"auto\" && scrollWrapper\n ? \"scroll\"\n : undefined};\n max-height: ${autoSize === \"auto\" && scrollWrapper\n ? \"80px\"\n : undefined};\n `}\n className={classNames(\n \"c-combo-box-input-wrapper\",\n inputWrapperClassName\n )}\n onClick={() => {\n elementRef.current?.click();\n }}\n >\n <StyledChipWrapper\n $autoSize={autoSize}\n $open={open}\n ref={chipWrapper}\n >\n {startAdornment}\n <StyledInput\n className=\"c-combo-box-input\"\n onBlur={handleBlur}\n onFocus={() => {\n setFocused(!focused);\n }}\n onClick={onOpen}\n ref={handleRef}\n value={loading && loadingText ? loadingText : value}\n onKeyDown={handleOnKeyDown}\n onChange={handleOnChange}\n placeholder={!hasSelected ? placeholder : undefined}\n disabled={disabled}\n $size={size}\n $loading={loading}\n style={{\n display: \"flex\",\n flex: 1,\n alignSelf: \"center\",\n width: autoSize === \"auto\" ? \"auto\" : \"100%\",\n }}\n />\n </StyledChipWrapper>\n {!disabled && (\n <>\n {loading ? (\n <SpinnerLoader />\n ) : (\n <>\n {showXIcon && (\n <Trigger\n onMouseDown={handleMouseDown}\n onClick={handleDeselect}\n data-testid=\"deselect-all\"\n css={`\n display: flex;\n justify-content: center;\n `}\n >\n <StyledComboBoxCloseSmallIcon />\n </Trigger>\n )}\n {showMenu && (\n <StyledComboBoxCollapseExpandSingleIcon $open={open} />\n )}\n </>\n )}\n </>\n )}\n </StyledInputWrapper>\n </>\n ) : (\n <StyledComboBoxInput\n className={classNames(\"c-combo-box-input\", inputWrapperClassName)}\n onBlur={handleBlur}\n wrapperClick={onOpen}\n onFocus={() => {\n setFocused(!focused);\n onOpen();\n }}\n onClick={onOpen}\n wrapRef={comboBoxRef}\n ref={handleRef}\n value={loading && loadingText ? loadingText : value}\n onKeyDown={handleOnKeyDown}\n onChange={handleOnChange}\n placeholder={placeholder}\n disabled={disabled}\n size={size}\n invalid={invalid}\n $loading={loading}\n startAdornment={startAdornment}\n endAdornment={\n !disabled ? (\n <InputAdornment disablePointerEvents={disabled}>\n {loading ? (\n <SpinnerLoader />\n ) : selected ? (\n <IconButton\n onMouseDown={handleMouseDown}\n onClick={handleDeselect}\n variant=\"text gray\"\n size=\"small\"\n >\n <StyledComboBoxCloseSmallIcon />\n </IconButton>\n ) : null}\n {showMenu && (\n <StyledComboBoxCollapseExpandSingleIcon $open={open} />\n )}\n </InputAdornment>\n ) : null\n }\n />\n )}\n {!disabled ? (\n <ConditionalWrapper\n condition={inPortal}\n wrap={(children) => <Portal>{children}</Portal>}\n >\n <Popper\n anchorEl={comboBoxRef.current}\n open={open}\n placement=\"bottom\"\n style={{\n zIndex: 10,\n width: comboBoxRef.current?.clientWidth,\n }}\n ref={wrapperRef}\n strategy=\"fixed\"\n >\n <RemoveScroll noIsolation allowPinchZoom>\n <StyledComboBoxList\n $width={comboBoxRef.current?.clientWidth}\n $hide={!showMenu}\n >\n <Autocomplete\n {...prop}\n inputEl={childNode}\n selected={selected}\n handleChange={handleChange}\n renderOption={handleRenderOption}\n options={options}\n type={type}\n defaultValue={defaultValue}\n handleEmptyAction={emptyAction}\n />\n </StyledComboBoxList>\n </RemoveScroll>\n </Popper>\n </ConditionalWrapper>\n ) : null}\n </div>\n );\n};\n\nComboBox.displayName = \"ComboBox\";\n"],"mappings":";;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AASA,IAAAC,kBAAA,GAAAD,OAAA;AAEA,IAAAE,WAAA,GAAAC,sBAAA,CAAAH,OAAA;AAGA,IAAAI,OAAA,GAAAJ,OAAA;AAOA,IAAAK,QAAA,GAAAL,OAAA;AACA,IAAAM,iBAAA,GAAAN,OAAA;AACA,IAAAO,iBAAA,GAAAP,OAAA;AACA,IAAAQ,kBAAA,GAAAR,OAAA;AACA,IAAAS,WAAA,GAAAN,sBAAA,CAAAH,OAAA;AACA,IAAAU,aAAA,GAAAV,OAAA;AACA,IAAAW,cAAA,GAAAX,OAAA;AAIA,IAAAY,OAAA,GAAAZ,OAAA;AACA,IAAAa,SAAA,GAAAb,OAAA;AACA,IAAAc,KAAA,GAAAd,OAAA;AACA,IAAAe,WAAA,GAAAf,OAAA;AACA,IAAAgB,eAAA,GAAAhB,OAAA;AACA,IAAAiB,QAAA,GAAAjB,OAAA;AAEA,IAAAkB,cAAA,GAAAlB,OAAA;AACA,IAAAmB,YAAA,GAAAnB,OAAA;AACA,IAAAoB,OAAA,GAAApB,OAAA;AACA,IAAAqB,YAAA,GAAArB,OAAA;AAEA,IAAAsB,cAAA,GAAAtB,OAAA;AACA,IAAAuB,QAAA,GAAAvB,OAAA;AACA,IAAAwB,WAAA,GAAAxB,OAAA;AAAsD,SAAAyB,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAA3B,wBAAA2B,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAjB,CAAA,EAAAc,CAAA,SAAAI,CAAA,GAAAR,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAI,CAAA,KAAAA,CAAA,CAAAX,GAAA,IAAAW,CAAA,CAAAC,GAAA,IAAAR,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAI,CAAA,IAAAV,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAgB,GAAA,CAAAnB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AA+C/C,MAAMY,QAA4B,GAAGC,IAAA,IAyBtC;EAAA,IAzBuC;IAC3CC,OAAO,GAAG,EAAE;IACZC,QAAQ;IACRC,OAAO,GAAG,KAAK;IACfC,WAAW;IACXC,QAAQ;IACRC,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;IACZ,GAAGC;EACL,CAAC,GAAAxB,IAAA;EACC,MAAMyB,YAAY,GAAG,IAAAC,cAAO,EAAC,MAAM;IACjC,IAAIC,KAAK,GAAG,EAAE;IACd,IAAI,CAACzB,QAAQ,EAAE;MACb,OAAOyB,KAAK;IACd;IACA1B,OAAO,CAAC2B,GAAG,CAAEC,CAAC,IAAK;MACjB,IAAKA,CAAC,EAAwB5B,OAAO,EAAE;QACrC,OAAQ4B,CAAC,CAAuB5B,OAAO,CAAC6B,IAAI,CAAEC,CAAC,IAAK;UAClD,IAAIA,CAAC,CAACC,EAAE,KAAK9B,QAAQ,EAAE;YACrByB,KAAK,GAAGI,CAAC,CAACE,IAAI;YACd;UACF;QACF,CAAC,CAAC;MACJ,CAAC,MAAM;QACL,IAAIJ,CAAC,CAACG,EAAE,KAAK9B,QAAQ,EAAE;UACrByB,KAAK,GAAGE,CAAC,CAACI,IAAI;UACd;QACF;MACF;IACF,CAAC,CAAC;IACF,OAAON,KAAK;EACd,CAAC,EAAE,CAAC1B,OAAO,EAAEC,QAAQ,CAAC,CAAC;EACvB,MAAM,CAACyB,KAAK,EAAEO,QAAQ,CAAC,GAAG,IAAAC,eAAQ,EAACV,YAAY,CAAC;EAChD,MAAM,CAACW,OAAO,EAAEC,UAAU,CAAC,GAAG,IAAAF,eAAQ,EAAU,KAAK,CAAC;EACtD,MAAMG,cAAc,GAAG,IAAAC,kBAAW,EAAE5D,CAAC,IAAKuD,QAAQ,CAACvD,CAAC,CAAC6D,MAAM,CAACb,KAAK,CAAC,EAAE,EAAE,CAAC;EACvE,MAAMc,SAAS,GAAG,IAAAC,aAAM,EAA0B,CAAC;EACnD,MAAMC,UAAU,GAAG,IAAAD,aAAM,EAA0B,IAAI,CAAC;EACxD,MAAME,SAAS,GAAG,IAAAC,mBAAU,EAACJ,SAAS,EAAEE,UAAU,CAAC;EACnD,MAAMG,UAAU,GAAG,IAAAJ,aAAM,EAAiB,IAAI,CAAC;EAC/C,MAAMK,WAAW,GAAG,IAAAL,aAAM,EAAiB,IAAI,CAAC;EAChD,MAAMM,WAAW,GAAG,IAAAN,aAAM,EAAwB,IAAI,CAAC;EAEvD,MAAM,CAACO,IAAI,EAAEC,OAAO,CAAC,GAAG,IAAAf,eAAQ,EAAC,KAAK,CAAC;EACvC,MAAMgB,aAAa,GAAG,IAAAC,kCAAgB,EAAC,CAAC;EAExC,IAAAC,oCAAiB,EAACP,UAAU,EAAGnE,CAAC,IAAK;IACnC,IAAIA,CAAC,CAAC6D,MAAM,IAAIQ,WAAW,CAACM,OAAO,EAAEC,QAAQ,CAAC5E,CAAC,CAAC6D,MAAc,CAAC,EAAE;MAC/D;IACF;IACAU,OAAO,CAAC,KAAK,CAAC;EAChB,CAAC,CAAC;EAEF,MAAMM,eAAe,GAAG,IAAAjB,kBAAW,EAChC5D,CAAC,IAAK;IACL,IAAIA,CAAC,CAAC8E,GAAG,KAAK,QAAQ,IAAIR,IAAI,EAAE;MAC9BC,OAAO,CAAC,KAAK,CAAC;MACdhB,QAAQ,CAACT,YAAY,CAAC;MACtB9C,CAAC,CAAC+E,eAAe,CAAC,CAAC;IACrB;IAEA,IAAI/E,CAAC,CAAC8E,GAAG,KAAK,OAAO,IAAI9C,IAAI,KAAK,UAAU,EAAE;MAC5CuB,QAAQ,CAAC,EAAE,CAAC;IACd;IAEA,IAAIvD,CAAC,CAAC8E,GAAG,KAAK,OAAO,IAAI,CAACR,IAAI,IAAIb,OAAO,EAAE;MACzCc,OAAO,CAAC,IAAI,CAAC;IACf;EACF,CAAC,EACD,CAACd,OAAO,EAAEa,IAAI,EAAExB,YAAY,EAAEd,IAAI,CACpC,CAAC;EAED,IAAAgD,gBAAS,EAAC,MAAM;IACdV,IAAI,IAAIR,SAAS,EAAEa,OAAO,EAAEM,KAAK,CAAC,CAAC;IACnC,CAACX,IAAI,IAAIR,SAAS,EAAEa,OAAO,EAAEO,IAAI,CAAC,CAAC;EACrC,CAAC,EAAE,CAACpB,SAAS,EAAEQ,IAAI,CAAC,CAAC;EAErB,IAAAU,gBAAS,EAAC,MAAM;IACdzB,QAAQ,CAACT,YAAY,CAAC;EACxB,CAAC,EAAE,CAACA,YAAY,CAAC,CAAC;EAElB,IAAAkC,gBAAS,EAAC,MAAM;IACd,IAAI,CAACV,IAAI,IAAI,CAACE,aAAa,IAAI,CAACf,OAAO,EAAE;MACvC,IAAI,OAAOhB,OAAO,KAAK,UAAU,EAAE;QACjCA,OAAO,CAAC,CAAC;MACX;IACF;EACF,CAAC,EAAE,CAACgB,OAAO,EAAEe,aAAa,EAAE/B,OAAO,EAAE6B,IAAI,CAAC,CAAC;EAE3C,MAAMa,WAAW,GAAG,IAAAvB,kBAAW,EAC5BV,CAAC,IAAK;IACLtB,iBAAiB,GAAGsB,CAAC,CAAC;IACtBqB,OAAO,CAAC,KAAK,CAAC;EAChB,CAAC,EACD,CAAC3C,iBAAiB,CACpB,CAAC;EAED,MAAMwD,YAAY,GAAG,IAAAxB,kBAAW,EAC7ByB,aAAa,IAAK;IACjB,IAAIA,aAAa,KAAK9D,QAAQ,IAAI,OAAOG,QAAQ,KAAK,UAAU,EAAE;MAChEA,QAAQ,CAAC2D,aAAa,CAAC;IACzB;IACA,IAAInD,cAAc,EAAE;MAClBqC,OAAO,CAAC,KAAK,CAAC;IAChB;EACF,CAAC,EACD,CAACrC,cAAc,EAAER,QAAQ,EAAEH,QAAQ,CACrC,CAAC;EAED,MAAM+D,MAAM,GAAG,IAAA1B,kBAAW,EAAC,MAAM;IAC/B,IAAI,CAAC/B,QAAQ,EAAE;MACb0C,OAAO,CAAC,IAAI,CAAC;IACf;EACF,CAAC,EAAE,CAAC1C,QAAQ,CAAC,CAAC;EAEd,MAAM0D,kBAAkB,GAAG,IAAA3B,kBAAW,EACpC,CAAC4B,MAAM,EAAEC,KAAK,KAAK;IACjB,IAAI,OAAOtD,YAAY,KAAK,UAAU,EAAE;MACtC,OAAOA,YAAY,CAACqD,MAAM,EAAEC,KAAK,CAAC;IACpC;IACA,IAAIzD,IAAI,KAAK,UAAU,EAAE;MACvB,oBACE5D,MAAA,CAAAiC,OAAA,CAAAqF,aAAA,CAAAtH,MAAA,CAAAiC,OAAA,CAAAsF,QAAA,qBACEvH,MAAA,CAAAiC,OAAA,CAAAqF,aAAA,CAAC9F,cAAA,CAAAgG,aAAa;QACZC,QAAQ,EAAEL,MAAM,CAACM,KAAM;QACvBC,KAAK,EAAEP,MAAM,CAACO,KAAM;QACpBC,SAAS,EAAER,MAAM,CAACQ,SAAU;QAC5B1C,IAAI,EAAEkC,MAAM,CAAClC;MAAK,CACnB,CAAC,eACFlF,MAAA,CAAAiC,OAAA,CAAAqF,aAAA,CAACvG,SAAA,CAAA8G,QAAQ,EAAKR,KAAQ,CACtB,CAAC;IAEP;IACA,oBACErH,MAAA,CAAAiC,OAAA,CAAAqF,aAAA,CAAAtH,MAAA,CAAAiC,OAAA,CAAAsF,QAAA,qBACEvH,MAAA,CAAAiC,OAAA,CAAAqF,aAAA,CAAC9F,cAAA,CAAAgG,aAAa;MACZC,QAAQ,EAAEL,MAAM,CAACM,KAAM;MACvBC,KAAK,EAAEP,MAAM,CAACO,KAAM;MACpBC,SAAS,EAAER,MAAM,CAACQ,SAAU;MAC5B1C,IAAI,EAAEkC,MAAM,CAAClC;IAAK,CACnB,CAAC,eACFlF,MAAA,CAAAiC,OAAA,CAAAqF,aAAA,CAAC/F,YAAA,CAAAuG,WAAW,EAAKT,KAAQ,CACzB,CAAC;EAEP,CAAC,EACD,CAACzD,IAAI,EAAEG,YAAY,CACrB,CAAC;EAED,MAAMgE,cAAc,GAAG,IAAAvC,kBAAW,EAC/B5D,CAAC,IAAK;IACLA,CAAC,CAAC+E,eAAe,CAAC,CAAC;IACnB,IAAI,OAAOpC,UAAU,KAAK,UAAU,EAAE;MACpCA,UAAU,CAAC,CAAC;IACd,CAAC,MAAM,IAAIX,IAAI,KAAK,UAAU,EAAE;MAC9BN,QAAQ,GAAG,EAAE,CAAC;IAChB,CAAC,MAAM;MACLA,QAAQ,GAAG,EAAE,CAAC;IAChB;IAEAgB,OAAO,GAAG,CAAC;IACX6B,OAAO,CAAC,KAAK,CAAC;EAChB,CAAC,EACD,CAACvC,IAAI,EAAEN,QAAQ,EAAEgB,OAAO,EAAEC,UAAU,CACtC,CAAC;EAED,MAAMyD,eAAe,GAAG,IAAAxC,kBAAW,EAAE5D,CAAC,IAAK;IACzCA,CAAC,CAACqG,cAAc,CAAC,CAAC;EACpB,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMC,UAAU,GAAG,IAAA1C,kBAAW,EAAC,MAAM;IACnCL,QAAQ,CAACT,YAAY,CAAC;IACtBY,UAAU,CAAC,CAACD,OAAO,CAAC;EACtB,CAAC,EAAE,CAACA,OAAO,EAAEX,YAAY,CAAC,CAAC;EAE3B,MAAMyD,mBAAmB,GAAG,IAAA3C,kBAAW,EACrC,CAAC4B,MAAM,EAAEgB,KAAK,KAAK;IACjB,IAAI,OAAOvE,UAAU,KAAK,UAAU,EAAE;MACpC,OAAOA,UAAU,CAACuD,MAAM,EAAEgB,KAAK,CAAC;IAClC;IACA,MAAMC,WAAiC,GAAG;MACxC3E,IAAI,EAAE;IACR,CAAC;IACD,QAAQA,IAAI;MACV,KAAK,KAAK;QACR2E,WAAW,CAAC3E,IAAI,GAAG,EAAE;QACrB;MACF,KAAK,OAAO;QACV2E,WAAW,CAAC3E,IAAI,GAAG,EAAE;QACrB;IACJ;IACA,MAAM4E,aAAa,GAAGlB,MAAM,CAACM,KAAK,gBAChC1H,MAAA,CAAAiC,OAAA,CAAAqF,aAAA,CAAAiB,aAAA,MAAAC,SAAA,CAAAvG,OAAA;MAKEwG,GAAG,EAAErB,MAAM,CAACM;IAAM,GACdW,WAAW;MAAAK,KAAA,EAJT;QAAA;QAAA;MAAU,CAAC;MAAAC,MAAA,EACX;QAAA;MAAU;IAAC,EAIlB,CAAC,GACAC,SAAS;IAEb,MAAMvE,OAAO,GAAIzC,CAAC,IAAK;MACrBA,CAAC,CAACqG,cAAc,CAAC,CAAC;MAClBrG,CAAC,CAAC+E,eAAe,CAAC,CAAC;MACnB,IAAIkC,KAAK,CAACC,OAAO,CAAC3F,QAAQ,CAAC,IAAIA,QAAQ,CAAC4F,QAAQ,CAAC3B,MAAM,CAACnC,EAAE,CAAC,EAAE;QAC3D,IAAI,OAAO3B,QAAQ,KAAK,UAAU,EAAE;UAClC,MAAM0F,WAAW,GAAG7F,QAAQ,CAAC8F,MAAM,CAAEC,IAAI,IAAKA,IAAI,KAAK9B,MAAM,CAACnC,EAAE,CAAC;UACjE3B,QAAQ,CAAC0F,WAAW,CAAC;QACvB;MACF;IACF,CAAC;IAED,IAAIG,WAAW,GAAG,IAAI;IACtB,IAAI1F,QAAQ,EAAE;MACZ0F,WAAW,GAAG,KAAK;IACrB;IACA,IAAI/B,MAAM,CAACO,KAAK,EAAE;MAChBwB,WAAW,GAAG,KAAK;IACrB;IAEA,oBACEnJ,MAAA,CAAAiC,OAAA,CAAAqF,aAAA,CAACtG,KAAA,CAAAoI,IAAI;MACHC,SAAS,EAAC,kBAAkB;MAC5Bf,aAAa,EAAEA,aAAc;MAC7BgB,KAAK,EAAElC,MAAM,CAAClC,IAAK;MACnBwB,GAAG,EAAE0B,KAAM;MACXmB,eAAe,EAAEnC,MAAM,CAACO,KAAM;MAC9BA,KAAK,EAAEP,MAAM,CAACoC,SAAU;MACxBnF,OAAO,EAAE8E,WAAW,GAAG9E,OAAO,GAAGuE,SAAU;MAC3ClF,IAAI,EAAEA,IAAK;MACX+F,OAAO,EAAC;IAAW,CACpB,CAAC;EAEN,CAAC,EACD,CAAChG,QAAQ,EAAEH,QAAQ,EAAEO,UAAU,EAAEV,QAAQ,EAAEO,IAAI,CACjD,CAAC;EAED,MAAMgG,QAAQ,GAAG,IAAA/E,cAAO,EAAC,MAAM;IAC7B,IACEf,IAAI,KAAK,UAAU,IACnBsC,IAAI,IACJ2C,KAAK,CAACC,OAAO,CAAC3F,QAAQ,CAAC,IACvBA,QAAQ,CAACwG,MAAM,GAAG,CAAC,EACnB;MACA,OAAO,MAAM;IACf;IACA,OAAOjG,IAAI;EACb,CAAC,EAAE,CAACwC,IAAI,EAAE/C,QAAQ,EAAEO,IAAI,EAAEE,IAAI,CAAC,CAAC;EAEhC,MAAMgG,cAAc,GAAG,IAAAjF,cAAO,EAAC,MAAM;IACnC,IAAIf,IAAI,KAAK,UAAU,IAAIiF,KAAK,CAACC,OAAO,CAAC3F,QAAQ,CAAC,IAAIA,QAAQ,CAACwG,MAAM,GAAG,CAAC,EAAE;MACzE,MAAME,QAAuB,GAAG,EAAE;MAClC,IAAIC,KAAK,GAAG,CAAC;MACb5G,OAAO,CAAC6G,OAAO,CAAC,CAAC3C,MAAM,EAAEgB,KAAK,KAAK;QACjC,MAAM4B,SAAS,GAAG,IAAAC,4BAAa,EAAC7C,MAAM,CAAC;QACvC,IAAIjE,QAAQ,CAAC4F,QAAQ,CAAC3B,MAAM,CAACnC,EAAE,CAAC,IAAI,CAAC+E,SAAS,EAAE;UAC9CF,KAAK,GAAGA,KAAK,GAAG,CAAC;UACjBD,QAAQ,CAACK,IAAI,CAAC/B,mBAAmB,CAACf,MAAM,EAAEgB,KAAK,CAAC,CAAC;QACnD,CAAC,MAAM,IAAI4B,SAAS,EAAE;UACpB,MAAMG,cAAc,GAAG/C,MAAM,CAAClE,OAAO,CAAC+F,MAAM,CAAEmB,CAAC,IAC7CjH,QAAQ,CAAC4F,QAAQ,CAACqB,CAAC,CAACnF,EAAE,CACxB,CAAC;UACD6E,KAAK,GAAGA,KAAK,GAAGK,cAAc,CAACR,MAAM;UACrC,IAAIQ,cAAc,CAACR,MAAM,GAAG,CAAC,EAAE;YAC7BQ,cAAc,CAACJ,OAAO,CAAC,CAACK,CAAC,EAAEC,MAAM,KAAK;cACpCR,QAAQ,CAACK,IAAI,CAAC/B,mBAAmB,CAACiC,CAAC,EAAG,GAAEhC,KAAM,IAAGiC,MAAO,EAAC,CAAC,CAAC;YAC7D,CAAC,CAAC;UACJ;QACF;MACF,CAAC,CAAC;MACF,IAAIC,MAAM,GAAG,CAAC;MACd,IAAI,CAACpE,IAAI,IAAIlC,UAAU,GAAG,CAAC,IAAI6F,QAAQ,CAACF,MAAM,GAAG3F,UAAU,EAAE;QAC3DsG,MAAM,GAAGT,QAAQ,CAACU,MAAM,CACtBvG,UAAU,EACV6F,QAAQ,CAACF,MAAM,GAAG3F,UACpB,CAAC,CAAC2F,MAAM;MACV;MAEA,oBACE3J,MAAA,CAAAiC,OAAA,CAAAqF,aAAA,CAACtH,MAAA,CAAAuH,QAAQ,QACNsC,QAAQ,EACRS,MAAM,GAAG,CAAC,iBACTtK,MAAA,CAAAiC,OAAA,CAAAqF,aAAA,CAAAkD,iBAAA;QACEf,OAAO,EACL/F,IAAI,KAAK,OAAO,GACZ,WAAW,GACXA,IAAI,KAAK,SAAS,GAClB,QAAQ,GACR;MACL,GAOA,OAAOO,gBAAgB,KAAK,UAAU,GACnCA,gBAAgB,CAACqG,MAAM,CAAC,GACvB,IAAGA,MAAO,EACL,CAEN,CAAC;IAEf;IACA,IAAI1G,IAAI,KAAK,QAAQ,IAAIT,QAAQ,EAAE;MACjC,IAAIsH,UAAU;MACdvH,OAAO,CAAC6G,OAAO,CAAE3C,MAAM,IAAK;QAC1B,IAAI,IAAA6C,4BAAa,EAAC7C,MAAM,CAAC,EAAE;UACzBqD,UAAU,GAAGrD,MAAM,CAAClE,OAAO,CAAC6B,IAAI,CAAE2F,KAAK,IAAKA,KAAK,CAACzF,EAAE,KAAK9B,QAAQ,CAAC;QACpE,CAAC,MAAM,IAAI,CAACsH,UAAU,IAAIrD,MAAM,CAACnC,EAAE,KAAK9B,QAAQ,EAAE;UAChDsH,UAAU,GAAGrD,MAAM;QACrB;MACF,CAAC,CAAC;MACF,IAAIqD,UAAU,IAAIA,UAAU,CAAC/C,KAAK,EAAE;QAClC,MAAMiD,UAAU,GAAGjH,IAAI,KAAK,KAAK,GAAG,EAAE,GAAGA,IAAI,KAAK,SAAS,GAAG,EAAE,GAAG,EAAE;QACrE,IAAImF,KAAK,CAACC,OAAO,CAAC2B,UAAU,CAAC/C,KAAK,CAAC,EAAE;UACnC,oBAAO1H,MAAA,CAAAiC,OAAA,CAAAqF,aAAA,CAACjG,YAAA,CAAAuJ,WAAW;YAACnC,GAAG,EAAEgC,UAAU,CAAC/C,KAAM;YAAChE,IAAI,EAAEiH;UAAW,CAAE,CAAC;QACjE;QACA,oBAAO3K,MAAA,CAAAiC,OAAA,CAAAqF,aAAA,CAACxG,OAAA,CAAA+J,MAAM;UAACpC,GAAG,EAAEgC,UAAU,CAAC/C,KAAM;UAAChE,IAAI,EAAEiH;QAAW,CAAE,CAAC;MAC5D;IACF;IAEA,OAAO/B,SAAS;EAClB,CAAC,EAAE,CACDhF,IAAI,EACJT,QAAQ,EACRD,OAAO,EACPgD,IAAI,EACJlC,UAAU,EACVC,gBAAgB,EAChBkE,mBAAmB,EACnBzE,IAAI,CACL,CAAC;EAEF,MAAMoH,SAAS,GACbjC,KAAK,CAACC,OAAO,CAAC3F,QAAQ,CAAC,IAAIS,IAAI,KAAK,UAAU,IAAIT,QAAQ,CAACwG,MAAM,GAAG,CAAC;EAEvE,MAAMoB,WAAW,GACfnH,IAAI,KAAK,UAAU,IAAIiF,KAAK,CAACC,OAAO,CAAC3F,QAAQ,CAAC,IAAIA,QAAQ,CAACwG,MAAM,GAAG,CAAC;EAEvE,MAAMqB,QAAQ,GAAG,IAAArG,cAAO,EACtB,MAAMsG,OAAO,CAAC/H,OAAO,CAACyG,MAAM,IAAInF,YAAY,IAAI0G,MAAM,CAACtG,KAAK,CAAC+E,MAAM,CAAC,GAAG,CAAC,CAAC,EACzE,CAACnF,YAAY,EAAEtB,OAAO,CAACyG,MAAM,EAAE/E,KAAK,CACtC,CAAC;EAED,oBACE5E,MAAA,CAAAiC,OAAA,CAAAqF,aAAA;IAAK+B,SAAS,EAAC;EAAa,GACzBzF,IAAI,KAAK,UAAU,gBAClB5D,MAAA,CAAAiC,OAAA,CAAAqF,aAAA,CAAAtH,MAAA,CAAAiC,OAAA,CAAAsF,QAAA,qBACEvH,MAAA,CAAAiC,OAAA,CAAAqF,aAAA,CAAA6D,yBAAA;IACEC,SAAS,EAAE3H,QAAS;IACpB4H,KAAK,EAAE3H,IAAK;IACZ4H,QAAQ,EAAE3H,OAAQ;IAClB4H,GAAG,EAAEtF,WAAY;IAajBoD,SAAS,EAAE,IAAAmC,mBAAU,EACnB,2BAA2B,EAC3BrH,qBACF,CAAE;IACFsH,OAAO,EAAEA,CAAA,KAAM;MACb7F,UAAU,CAACW,OAAO,EAAEmF,KAAK,CAAC,CAAC;IAC7B,CAAE;IAAAC,MAAA,EAdUjC,QAAQ,KAAK,MAAM,GAAG,MAAM,GAAGd,SAAS;IAAAgD,MAAA,EACpClC,QAAQ,KAAK,MAAM,IAAItF,aAAa,GAC9C,QAAQ,GACRwE,SAAS;IAAAiD,MAAA,EACCnC,QAAQ,KAAK,MAAM,IAAItF,aAAa,GAC9C,MAAM,GACNwE;EAAS,gBAUf5I,MAAA,CAAAiC,OAAA,CAAAqF,aAAA,CAAChH,OAAA,CAAAwL,iBAAiB;IAChBC,SAAS,EAAErC,QAAS;IACpBsC,KAAK,EAAE9F,IAAK;IACZqF,GAAG,EAAEvF;EAAY,GAEhB4D,cAAc,eACf5J,MAAA,CAAAiC,OAAA,CAAAqF,aAAA,CAACnG,QAAA,CAAA8K,WAAW;IACV5C,SAAS,EAAC,mBAAmB;IAC7B6C,MAAM,EAAEhE,UAAW;IACnBiE,OAAO,EAAEA,CAAA,KAAM;MACb7G,UAAU,CAAC,CAACD,OAAO,CAAC;IACtB,CAAE;IACFoG,OAAO,EAAEvE,MAAO;IAChBqE,GAAG,EAAE1F,SAAU;IACfjB,KAAK,EAAExB,OAAO,IAAIC,WAAW,GAAGA,WAAW,GAAGuB,KAAM;IACpDwH,SAAS,EAAE3F,eAAgB;IAC3BnD,QAAQ,EAAEiC,cAAe;IACzBhC,WAAW,EAAE,CAACwH,WAAW,GAAGxH,WAAW,GAAGqF,SAAU;IACpDnF,QAAQ,EAAEA,QAAS;IACnB4H,KAAK,EAAE3H,IAAK;IACZ2I,QAAQ,EAAEjJ,OAAQ;IAClBkJ,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,CAACjG,QAAQ,iBACRzD,MAAA,CAAAiC,OAAA,CAAAqF,aAAA,CAAAtH,MAAA,CAAAiC,OAAA,CAAAsF,QAAA,QACGnE,OAAO,gBACNpD,MAAA,CAAAiC,OAAA,CAAAqF,aAAA,CAAClG,cAAA,CAAAuL,aAAa,MAAE,CAAC,gBAEjB3M,MAAA,CAAAiC,OAAA,CAAAqF,aAAA,CAAAtH,MAAA,CAAAiC,OAAA,CAAAsF,QAAA,QACGuD,SAAS,iBACR9K,MAAA,CAAAiC,OAAA,CAAAqF,aAAA,CAAAsF,cAAA;IACEC,WAAW,EAAE7E,eAAgB;IAC7ByD,OAAO,EAAE1D,cAAe;IACxB,eAAY;EAAc,gBAM1B/H,MAAA,CAAAiC,OAAA,CAAAqF,aAAA,CAAChH,OAAA,CAAAwM,4BAA4B,MAAE,CACxB,CACV,EACA9B,QAAQ,iBACPhL,MAAA,CAAAiC,OAAA,CAAAqF,aAAA,CAAChH,OAAA,CAAAyM,sCAAsC;IAACf,KAAK,EAAE9F;EAAK,CAAE,CAExD,CAEJ,CAEc,CACpB,CAAC,gBAEHlG,MAAA,CAAAiC,OAAA,CAAAqF,aAAA,CAAChH,OAAA,CAAA0M,mBAAmB;IAClB3D,SAAS,EAAE,IAAAmC,mBAAU,EAAC,mBAAmB,EAAErH,qBAAqB,CAAE;IAClE+H,MAAM,EAAEhE,UAAW;IACnB+E,YAAY,EAAE/F,MAAO;IACrBiF,OAAO,EAAEA,CAAA,KAAM;MACb7G,UAAU,CAAC,CAACD,OAAO,CAAC;MACpB6B,MAAM,CAAC,CAAC;IACV,CAAE;IACFuE,OAAO,EAAEvE,MAAO;IAChBgG,OAAO,EAAEjH,WAAY;IACrBsF,GAAG,EAAE1F,SAAU;IACfjB,KAAK,EAAExB,OAAO,IAAIC,WAAW,GAAGA,WAAW,GAAGuB,KAAM;IACpDwH,SAAS,EAAE3F,eAAgB;IAC3BnD,QAAQ,EAAEiC,cAAe;IACzBhC,WAAW,EAAEA,WAAY;IACzBE,QAAQ,EAAEA,QAAS;IACnBC,IAAI,EAAEA,IAAK;IACXC,OAAO,EAAEA,OAAQ;IACjB0I,QAAQ,EAAEjJ,OAAQ;IAClBwG,cAAc,EAAEA,cAAe;IAC/BuD,YAAY,EACV,CAAC1J,QAAQ,gBACPzD,MAAA,CAAAiC,OAAA,CAAAqF,aAAA,CAACpG,eAAA,CAAAkM,cAAc;MAACC,oBAAoB,EAAE5J;IAAS,GAC5CL,OAAO,gBACNpD,MAAA,CAAAiC,OAAA,CAAAqF,aAAA,CAAClG,cAAA,CAAAuL,aAAa,MAAE,CAAC,GACfxJ,QAAQ,gBACVnD,MAAA,CAAAiC,OAAA,CAAAqF,aAAA,CAACrG,WAAA,CAAAqM,UAAU;MACTT,WAAW,EAAE7E,eAAgB;MAC7ByD,OAAO,EAAE1D,cAAe;MACxB0B,OAAO,EAAC,WAAW;MACnB/F,IAAI,EAAC;IAAO,gBAEZ1D,MAAA,CAAAiC,OAAA,CAAAqF,aAAA,CAAChH,OAAA,CAAAwM,4BAA4B,MAAE,CACrB,CAAC,GACX,IAAI,EACP9B,QAAQ,iBACPhL,MAAA,CAAAiC,OAAA,CAAAqF,aAAA,CAAChH,OAAA,CAAAyM,sCAAsC;MAACf,KAAK,EAAE9F;IAAK,CAAE,CAE1C,CAAC,GACf;EACL,CACF,CACF,EACA,CAACzC,QAAQ,gBACRzD,MAAA,CAAAiC,OAAA,CAAAqF,aAAA,CAAC9G,iBAAA,CAAA+M,kBAAkB;IACjBC,SAAS,EAAEtJ,QAAS;IACpBuJ,IAAI,EAAGC,QAAQ,iBAAK1N,MAAA,CAAAiC,OAAA,CAAAqF,aAAA,CAAC/G,QAAA,CAAAoN,MAAM,QAAED,QAAiB;EAAE,gBAEhD1N,MAAA,CAAAiC,OAAA,CAAAqF,aAAA,CAAChG,OAAA,CAAAsM,MAAM;IACLC,QAAQ,EAAE5H,WAAW,CAACM,OAAQ;IAC9BL,IAAI,EAAEA,IAAK;IACX4H,SAAS,EAAC,QAAQ;IAClBxB,KAAK,EAAE;MACLyB,MAAM,EAAE,EAAE;MACVrB,KAAK,EAAEzG,WAAW,CAACM,OAAO,EAAEyH;IAC9B,CAAE;IACFzC,GAAG,EAAExF,UAAW;IAChBkI,QAAQ,EAAC;EAAO,gBAEhBjO,MAAA,CAAAiC,OAAA,CAAAqF,aAAA,CAACnH,kBAAA,CAAA+N,YAAY;IAACC,WAAW;IAACC,cAAc;EAAA,gBACtCpO,MAAA,CAAAiC,OAAA,CAAAqF,aAAA,CAAChH,OAAA,CAAA+N,kBAAkB;IACjBC,MAAM,EAAErI,WAAW,CAACM,OAAO,EAAEyH,WAAY;IACzCO,KAAK,EAAE,CAACvD;EAAS,gBAEjBhL,MAAA,CAAAiC,OAAA,CAAAqF,aAAA,CAAC1G,aAAA,CAAA4N,YAAY,MAAAhG,SAAA,CAAAvG,OAAA,MACPwC,IAAI;IACRgK,OAAO,EAAE/I,SAAU;IACnBvC,QAAQ,EAAEA,QAAS;IACnB6D,YAAY,EAAEA,YAAa;IAC3BjD,YAAY,EAAEoD,kBAAmB;IACjCjE,OAAO,EAAEA,OAAQ;IACjBU,IAAI,EAAEA,IAAK;IACXY,YAAY,EAAEA,YAAa;IAC3BhB,iBAAiB,EAAEuD;EAAY,EAChC,CACiB,CACR,CACR,CACU,CAAC,GACnB,IACD,CAAC;AAEV,CAAC;AAAC2H,OAAA,CAAA1L,QAAA,GAAAA,QAAA;AAEFA,QAAQ,CAAC2L,WAAW,GAAG,UAAU;AAAC,IAAApG,aAAA,OAAAqG,iBAAA,CAAA3M,OAAA,EAAAnB,OAAA,CAAA+J,MAAA,EAAAgE,UAAA;EAAAF,WAAA;EAAAG,WAAA;AAAA,kBAAAC,CAAA,IAAAA,CAAA,CAAArG,KAAA,EAAAqG,CAAA,IAAAA,CAAA,CAAApG,MAAA;AAAA,IAAA6B,iBAAA,OAAAoE,iBAAA,CAAA3M,OAAA,EAAAP,WAAA,CAAAsN,UAAA,EAAAH,UAAA;EAAAF,WAAA;EAAAG,WAAA;AAAA;AAAA,IAAA3D,yBAAA,OAAAyD,iBAAA,CAAA3M,OAAA,EAAAd,QAAA,CAAA8N,kBAAA,EAAAJ,UAAA;EAAAF,WAAA;EAAAG,WAAA;AAAA,uGAAAC,CAAA,IAAAA,CAAA,CAAApD,MAAA,EAAAoD,CAAA,IAAAA,CAAA,CAAAnD,MAAA,EAAAmD,CAAA,IAAAA,CAAA,CAAAlD,MAAA;AAAA,IAAAe,cAAA,OAAAgC,iBAAA,CAAA3M,OAAA,EAAAR,QAAA,CAAAyN,OAAA,EAAAL,UAAA;EAAAF,WAAA;EAAAG,WAAA;AAAA"}
|
|
@@ -1,5 +1,11 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
import { InputProps } from "./Input";
|
|
3
|
+
export interface ValidationProps {
|
|
4
|
+
/** Strength calculating function */
|
|
5
|
+
getStrength: (input: string) => 0 | 1 | 2 | 3 | 4;
|
|
6
|
+
/** Array of strength level strings */
|
|
7
|
+
levels: [string, string, string, string, string];
|
|
8
|
+
}
|
|
3
9
|
export interface InputPasswordProps extends Omit<InputProps, "type" | "size"> {
|
|
4
10
|
/** Input size */
|
|
5
11
|
size?: "regular" | "big" | "biggest";
|
|
@@ -13,16 +19,8 @@ export interface InputPasswordProps extends Omit<InputProps, "type" | "size"> {
|
|
|
13
19
|
showTooltipText?: string;
|
|
14
20
|
/** Hide tooltip text */
|
|
15
21
|
hideTooltipText?: string;
|
|
16
|
-
/**
|
|
17
|
-
|
|
18
|
-
/** Weak strength indicator text */
|
|
19
|
-
weakText?: string;
|
|
20
|
-
/** Okay strength indicator text */
|
|
21
|
-
okayText?: string;
|
|
22
|
-
/** Good strength indicator text */
|
|
23
|
-
goodText?: string;
|
|
24
|
-
/** Strong strength indicator text */
|
|
25
|
-
strongText?: string;
|
|
22
|
+
/** Validation object */
|
|
23
|
+
validation?: ValidationProps;
|
|
26
24
|
/** Error message tooltip text */
|
|
27
25
|
errorMessage?: string;
|
|
28
26
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"InputPassword.d.ts","sourceRoot":"","sources":["../../../../src/components/Input/InputPassword.tsx"],"names":[],"mappings":"AAAA,OAAO,KAMN,MAAM,OAAO,CAAC;AAKf,OAAO,EAAS,UAAU,EAAE,MAAM,SAAS,CAAC;AAwB5C,MAAM,WAAW,kBAAmB,SAAQ,IAAI,CAAC,UAAU,EAAE,MAAM,GAAG,MAAM,CAAC;IAC3E,iBAAiB;IACjB,IAAI,CAAC,EAAE,SAAS,GAAG,KAAK,GAAG,SAAS,CAAC;IACrC,8BAA8B;IAC9B,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,iCAAiC;IACjC,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,kCAAkC;IAClC,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,wBAAwB;IACxB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,wBAAwB;IACxB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,
|
|
1
|
+
{"version":3,"file":"InputPassword.d.ts","sourceRoot":"","sources":["../../../../src/components/Input/InputPassword.tsx"],"names":[],"mappings":"AAAA,OAAO,KAMN,MAAM,OAAO,CAAC;AAKf,OAAO,EAAS,UAAU,EAAE,MAAM,SAAS,CAAC;AAwB5C,MAAM,WAAW,eAAe;IAC9B,oCAAoC;IACpC,WAAW,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IAClD,sCAAsC;IACtC,MAAM,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC;CAClD;AAED,MAAM,WAAW,kBAAmB,SAAQ,IAAI,CAAC,UAAU,EAAE,MAAM,GAAG,MAAM,CAAC;IAC3E,iBAAiB;IACjB,IAAI,CAAC,EAAE,SAAS,GAAG,KAAK,GAAG,SAAS,CAAC;IACrC,8BAA8B;IAC9B,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,iCAAiC;IACjC,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,kCAAkC;IAClC,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,wBAAwB;IACxB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,wBAAwB;IACxB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,wBAAwB;IACxB,UAAU,CAAC,EAAE,eAAe,CAAC;IAC7B,iCAAiC;IACjC,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAgFD,eAAO,MAAM,aAAa,6FAmGzB,CAAC"}
|
|
@@ -95,12 +95,8 @@ const InputPassword = exports.InputPassword = /*#__PURE__*/(0, _react.forwardRef
|
|
|
95
95
|
hideIndicator,
|
|
96
96
|
showTooltipText = "Show",
|
|
97
97
|
hideTooltipText = "Hide",
|
|
98
|
-
value: defaultValue,
|
|
99
|
-
|
|
100
|
-
weakText = "Weak",
|
|
101
|
-
okayText = "Okay",
|
|
102
|
-
goodText = "Good",
|
|
103
|
-
strongText = "Strong",
|
|
98
|
+
value: defaultValue = "",
|
|
99
|
+
validation,
|
|
104
100
|
errorMessage,
|
|
105
101
|
invalid,
|
|
106
102
|
onChange,
|
|
@@ -110,34 +106,12 @@ const InputPassword = exports.InputPassword = /*#__PURE__*/(0, _react.forwardRef
|
|
|
110
106
|
const handleRef = (0, _utils.useForkRef)(ref, inputRef);
|
|
111
107
|
const [showText, setShowText] = (0, _react.useState)(show);
|
|
112
108
|
const [strength, setStrength] = (0, _react.useState)(0);
|
|
113
|
-
const [strengthText, setStrengthText] = (0, _react.useState)(tooShortText);
|
|
114
109
|
const [value, setValue] = (0, _react.useState)(() => defaultValue);
|
|
115
|
-
const calculateStrength = (0, _react.useCallback)(passwordString => {
|
|
116
|
-
let score = 0;
|
|
117
|
-
if (passwordString.length < 4) {
|
|
118
|
-
score = 0;
|
|
119
|
-
setStrengthText(tooShortText);
|
|
120
|
-
} else if (passwordString.length === 4) {
|
|
121
|
-
score = 1;
|
|
122
|
-
setStrengthText(weakText);
|
|
123
|
-
} else if (passwordString.length >= 5 && passwordString.length < 10) {
|
|
124
|
-
score = 2;
|
|
125
|
-
setStrengthText(okayText);
|
|
126
|
-
if (/[A-Z!@#$%^&*()_+\-=[\]{};':"\\|,.<>/?]/.test(passwordString) && passwordString.length >= 5 && passwordString.length < 10) {
|
|
127
|
-
score = 3;
|
|
128
|
-
setStrengthText(goodText);
|
|
129
|
-
}
|
|
130
|
-
} else if (passwordString.length >= 10) {
|
|
131
|
-
score = 4;
|
|
132
|
-
setStrengthText(strongText);
|
|
133
|
-
}
|
|
134
|
-
setStrength(score);
|
|
135
|
-
}, [goodText, okayText, strongText, tooShortText, weakText]);
|
|
136
110
|
const handleChange = (0, _react.useCallback)(e => {
|
|
137
111
|
setValue(e.target.value);
|
|
138
|
-
|
|
112
|
+
typeof validation?.getStrength === "function" && setStrength(validation.getStrength(e.target.value));
|
|
139
113
|
typeof onChange === "function" && onChange(e.target.value);
|
|
140
|
-
}, [
|
|
114
|
+
}, [onChange, validation]);
|
|
141
115
|
const toggleShow = (0, _react.useCallback)(() => {
|
|
142
116
|
inputRef.current?.focus();
|
|
143
117
|
setShowText(prevState => !prevState);
|
|
@@ -171,7 +145,7 @@ const InputPassword = exports.InputPassword = /*#__PURE__*/(0, _react.forwardRef
|
|
|
171
145
|
disabled: disabled,
|
|
172
146
|
toggleShow: toggleShow
|
|
173
147
|
})
|
|
174
|
-
})), !hideIndicator && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_Styles.StyledPasswordIndicatorWrapper, null, [...Array(4)].map((_, index) => /*#__PURE__*/_react.default.createElement(_Styles.StyledPasswordIndicator, {
|
|
148
|
+
})), !hideIndicator && validation?.levels.length === 5 && typeof validation.getStrength === "function" && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_Styles.StyledPasswordIndicatorWrapper, null, [...Array(4)].map((_, index) => /*#__PURE__*/_react.default.createElement(_Styles.StyledPasswordIndicator, {
|
|
175
149
|
key: index,
|
|
176
150
|
$strength: strength,
|
|
177
151
|
$index: index,
|
|
@@ -179,7 +153,7 @@ const InputPassword = exports.InputPassword = /*#__PURE__*/(0, _react.forwardRef
|
|
|
179
153
|
}))), /*#__PURE__*/_react.default.createElement(_Typography.Caption1, {
|
|
180
154
|
align: "right",
|
|
181
155
|
color: "tertiary"
|
|
182
|
-
},
|
|
156
|
+
}, validation.levels[strength])));
|
|
183
157
|
});
|
|
184
158
|
InputPassword.displayName = "InputPassword";
|
|
185
159
|
//# sourceMappingURL=InputPassword.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"InputPassword.js","names":["_react","_interopRequireWildcard","require","_styledComponents","_interopRequireDefault","_Input","_Styles","_utils","_IconButton","_Icons","_Tooltip","_Typography","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","transform","biggest","regular","big","StypedEyeIconSmall","styled","EyeSmallIcon","withConfig","displayName","componentId","StypedEyeOffIconSmall","EyeOffSmallIcon","StypedEyeIcon","EyeIcon","StypedEyeOffIcon","EyeOffIcon","StyledInfoIcon","InfoIcon","StyledInfoSmallIcon","InfoSmallIcon","InputPasswordAdornment","_ref","invalid","errorMessage","size","hideControl","showText","hideTooltipText","showTooltipText","disabled","toggleShow","createElement","Fragment","Tooltip","title","IconButton","variant","type","onClick","InputPassword","exports","forwardRef","_ref2","ref","show","hideIndicator","value","defaultValue","tooShortText","weakText","okayText","goodText","strongText","onChange","rest","inputRef","useRef","handleRef","useForkRef","setShowText","useState","strength","setStrength","strengthText","setStrengthText","setValue","calculateStrength","useCallback","passwordString","score","length","test","handleChange","target","current","focus","prevState","useEffect","style","width","display","flexDirection","Input","_extends2","endAdornment","StyledPasswordIndicatorWrapper","Array","map","_","index","StyledPasswordIndicator","key","$strength","$index","Caption1","align","color"],"sources":["../../../../src/components/Input/InputPassword.tsx"],"sourcesContent":["import React, {\n forwardRef,\n useCallback,\n useEffect,\n useRef,\n useState,\n} from \"react\";\n\nimport styled from \"styled-components\";\nimport tw from \"twin.macro\";\n\nimport { Input, InputProps } from \"./Input\";\nimport {\n StyledPasswordIndicator,\n StyledPasswordIndicatorWrapper,\n} from \"./Styles\";\nimport { useForkRef } from \"../../utils\";\nimport { IconButton } from \"../IconButton\";\nimport {\n EyeIcon,\n EyeOffIcon,\n EyeOffSmallIcon,\n EyeSmallIcon,\n InfoIcon,\n InfoSmallIcon,\n} from \"../Icons\";\nimport { Tooltip } from \"../Tooltip\";\nimport { Caption1 } from \"../Typography\";\n\nconst transform = {\n biggest: \"big\",\n regular: \"small\",\n big: \"medium\",\n} as const;\n\nexport interface InputPasswordProps extends Omit<InputProps, \"type\" | \"size\"> {\n /** Input size */\n size?: \"regular\" | \"big\" | \"biggest\";\n /** Renders with shown text */\n show?: boolean;\n /** Removes show/hide control */\n hideControl?: boolean;\n /** Removes strenght indicator */\n hideIndicator?: boolean;\n /** Show tooltip text */\n showTooltipText?: string;\n /** Hide tooltip text */\n hideTooltipText?: string;\n /** Too short strength indicator text */\n tooShortText?: string;\n /** Weak strength indicator text */\n weakText?: string;\n /** Okay strength indicator text */\n okayText?: string;\n /** Good strength indicator text */\n goodText?: string;\n /** Strong strength indicator text */\n strongText?: string;\n /** Error message tooltip text */\n errorMessage?: string;\n}\n\nconst StypedEyeIconSmall = styled(EyeSmallIcon)`\n ${tw`tw-cursor-pointer`}\n`;\n\nconst StypedEyeOffIconSmall = styled(EyeOffSmallIcon)`\n ${tw`tw-cursor-pointer`}\n`;\n\nconst StypedEyeIcon = styled(EyeIcon)`\n ${tw`tw-cursor-pointer`}\n`;\n\nconst StypedEyeOffIcon = styled(EyeOffIcon)`\n ${tw`tw-cursor-pointer`}\n`;\nconst StyledInfoIcon = styled(InfoIcon)`\n ${tw`tw-cursor-help tw-fill-alert tw-mr-1`}\n`;\n\nconst StyledInfoSmallIcon = styled(InfoSmallIcon)`\n ${tw`tw-cursor-pointer tw-fill-alert tw-mr-1`}\n`;\n\ninterface InputPasswordAdornmentProps {\n invalid?: boolean;\n errorMessage?: string;\n size: \"regular\" | \"big\" | \"biggest\";\n hideControl?: boolean;\n showText: boolean;\n hideTooltipText: string;\n showTooltipText: string;\n disabled?: boolean;\n toggleShow?: () => void;\n}\n\nconst InputPasswordAdornment = ({\n invalid,\n errorMessage,\n size,\n hideControl,\n showText,\n hideTooltipText,\n showTooltipText,\n disabled,\n toggleShow,\n}: InputPasswordAdornmentProps) => (\n <>\n {invalid && errorMessage && (\n <Tooltip title={errorMessage}>\n {size === \"regular\" ? <StyledInfoSmallIcon /> : <StyledInfoIcon />}\n </Tooltip>\n )}\n {!hideControl && (\n <Tooltip title={showText ? hideTooltipText : showTooltipText}>\n <IconButton\n variant=\"text gray\"\n type=\"button\"\n size={transform[size] as \"big\" | \"small\" | \"medium\"}\n disabled={disabled}\n onClick={toggleShow}\n >\n {showText ? (\n size === \"regular\" ? (\n <StypedEyeOffIconSmall />\n ) : (\n <StypedEyeOffIcon />\n )\n ) : size === \"regular\" ? (\n <StypedEyeIconSmall />\n ) : (\n <StypedEyeIcon />\n )}\n </IconButton>\n </Tooltip>\n )}\n </>\n);\n\nexport const InputPassword = forwardRef<HTMLInputElement, InputPasswordProps>(\n (\n {\n size = \"regular\",\n disabled,\n show = false,\n hideControl,\n hideIndicator,\n showTooltipText = \"Show\",\n hideTooltipText = \"Hide\",\n value: defaultValue,\n tooShortText = \"Too short\",\n weakText = \"Weak\",\n okayText = \"Okay\",\n goodText = \"Good\",\n strongText = \"Strong\",\n errorMessage,\n invalid,\n onChange,\n ...rest\n },\n ref\n ) => {\n const inputRef = useRef<HTMLInputElement | null>(null);\n const handleRef = useForkRef(ref, inputRef);\n\n const [showText, setShowText] = useState(show);\n const [strength, setStrength] = useState(0);\n const [strengthText, setStrengthText] = useState(tooShortText);\n const [value, setValue] = useState(() => defaultValue as string);\n\n const calculateStrength = useCallback(\n (passwordString: string) => {\n let score = 0;\n\n if (passwordString.length < 4) {\n score = 0;\n setStrengthText(tooShortText);\n } else if (passwordString.length === 4) {\n score = 1;\n setStrengthText(weakText);\n } else if (passwordString.length >= 5 && passwordString.length < 10) {\n score = 2;\n setStrengthText(okayText);\n if (\n /[A-Z!@#$%^&*()_+\\-=[\\]{};':\"\\\\|,.<>/?]/.test(passwordString) &&\n passwordString.length >= 5 &&\n passwordString.length < 10\n ) {\n score = 3;\n setStrengthText(goodText);\n }\n } else if (passwordString.length >= 10) {\n score = 4;\n setStrengthText(strongText);\n }\n\n setStrength(score);\n },\n [goodText, okayText, strongText, tooShortText, weakText]\n );\n\n const handleChange = useCallback(\n (e) => {\n setValue(e.target.value);\n calculateStrength(e.target.value);\n typeof onChange === \"function\" && onChange(e.target.value);\n },\n [calculateStrength, onChange]\n );\n\n const toggleShow = useCallback(() => {\n inputRef.current?.focus();\n setShowText((prevState) => !prevState);\n }, []);\n\n useEffect(() => {\n setShowText(show);\n }, [show]);\n\n return (\n <div\n style={{\n width: \"fit-content\",\n display: \"flex\",\n flexDirection: \"column\",\n }}\n >\n <Input\n {...rest}\n ref={handleRef}\n size={size}\n value={value}\n disabled={disabled}\n type={showText ? \"text\" : \"password\"}\n onChange={handleChange}\n invalid={invalid}\n data-testid=\"InputPassword\"\n endAdornment={\n <InputPasswordAdornment\n invalid={invalid}\n errorMessage={errorMessage}\n size={size}\n hideControl={hideControl}\n showText={showText}\n hideTooltipText={hideTooltipText}\n showTooltipText={showTooltipText}\n disabled={disabled}\n toggleShow={toggleShow}\n />\n }\n />\n {!hideIndicator && (\n <>\n <StyledPasswordIndicatorWrapper>\n {[...Array(4)].map((_, index) => (\n <StyledPasswordIndicator\n key={index}\n $strength={strength}\n $index={index}\n data-testid={strength >= index + 1 ? \"active\" : \"\"}\n />\n ))}\n </StyledPasswordIndicatorWrapper>\n <Caption1 align=\"right\" color=\"tertiary\">\n {strengthText}\n </Caption1>\n </>\n )}\n </div>\n );\n }\n);\n\nInputPassword.displayName = \"InputPassword\";\n"],"mappings":";;;;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AAQA,IAAAC,iBAAA,GAAAC,sBAAA,CAAAF,OAAA;AAGA,IAAAG,MAAA,GAAAH,OAAA;AACA,IAAAI,OAAA,GAAAJ,OAAA;AAIA,IAAAK,MAAA,GAAAL,OAAA;AACA,IAAAM,WAAA,GAAAN,OAAA;AACA,IAAAO,MAAA,GAAAP,OAAA;AAQA,IAAAQ,QAAA,GAAAR,OAAA;AACA,IAAAS,WAAA,GAAAT,OAAA;AAAyC,SAAAU,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAZ,wBAAAY,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAjB,CAAA,EAAAc,CAAA,SAAAI,CAAA,GAAAR,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAI,CAAA,KAAAA,CAAA,CAAAX,GAAA,IAAAW,CAAA,CAAAC,GAAA,IAAAR,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAI,CAAA,IAAAV,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAgB,GAAA,CAAAnB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAEzC,MAAMY,SAAS,GAAG;EAChBC,OAAO,EAAE,KAAK;EACdC,OAAO,EAAE,OAAO;EAChBC,GAAG,EAAE;AACP,CAAU;AA6BV,MAAMC,kBAAkB,GAAG,IAAAC,yBAAM,EAACC,mBAAY,CAAC,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,aACzC;EAAA;AAAkB,CAAC,CACxB;AAED,MAAMC,qBAAqB,GAAG,IAAAL,yBAAM,EAACM,sBAAe,CAAC,CAAAJ,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,aAC/C;EAAA;AAAkB,CAAC,CACxB;AAED,MAAMG,aAAa,GAAG,IAAAP,yBAAM,EAACQ,cAAO,CAAC,CAAAN,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,aAC/B;EAAA;AAAkB,CAAC,CACxB;AAED,MAAMK,gBAAgB,GAAG,IAAAT,yBAAM,EAACU,iBAAU,CAAC,CAAAR,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,aACrC;EAAA;AAAkB,CAAC,CACxB;AACD,MAAMO,cAAc,GAAG,IAAAX,yBAAM,EAACY,eAAQ,CAAC,CAAAV,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,aACjC;EAAA;EAAA;EAAA;AAAqC,CAAC,CAC3C;AAED,MAAMS,mBAAmB,GAAG,IAAAb,yBAAM,EAACc,oBAAa,CAAC,CAAAZ,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,aAC3C;EAAA;EAAA;EAAA;AAAwC,CAAC,CAC9C;AAcD,MAAMW,sBAAsB,GAAGC,IAAA;EAAA,IAAC;IAC9BC,OAAO;IACPC,YAAY;IACZC,IAAI;IACJC,WAAW;IACXC,QAAQ;IACRC,eAAe;IACfC,eAAe;IACfC,QAAQ;IACRC;EAC2B,CAAC,GAAAT,IAAA;EAAA,oBAC5BtD,MAAA,CAAAkB,OAAA,CAAA8C,aAAA,CAAAhE,MAAA,CAAAkB,OAAA,CAAA+C,QAAA,QACGV,OAAO,IAAIC,YAAY,iBACtBxD,MAAA,CAAAkB,OAAA,CAAA8C,aAAA,CAACtD,QAAA,CAAAwD,OAAO;IAACC,KAAK,EAAEX;EAAa,GAC1BC,IAAI,KAAK,SAAS,gBAAGzD,MAAA,CAAAkB,OAAA,CAAA8C,aAAA,CAACb,mBAAmB,MAAE,CAAC,gBAAGnD,MAAA,CAAAkB,OAAA,CAAA8C,aAAA,CAACf,cAAc,MAAE,CAC1D,CACV,EACA,CAACS,WAAW,iBACX1D,MAAA,CAAAkB,OAAA,CAAA8C,aAAA,CAACtD,QAAA,CAAAwD,OAAO;IAACC,KAAK,EAAER,QAAQ,GAAGC,eAAe,GAAGC;EAAgB,gBAC3D7D,MAAA,CAAAkB,OAAA,CAAA8C,aAAA,CAACxD,WAAA,CAAA4D,UAAU;IACTC,OAAO,EAAC,WAAW;IACnBC,IAAI,EAAC,QAAQ;IACbb,IAAI,EAAExB,SAAS,CAACwB,IAAI,CAAgC;IACpDK,QAAQ,EAAEA,QAAS;IACnBS,OAAO,EAAER;EAAW,GAEnBJ,QAAQ,GACPF,IAAI,KAAK,SAAS,gBAChBzD,MAAA,CAAAkB,OAAA,CAAA8C,aAAA,CAACrB,qBAAqB,MAAE,CAAC,gBAEzB3C,MAAA,CAAAkB,OAAA,CAAA8C,aAAA,CAACjB,gBAAgB,MAAE,CACpB,GACCU,IAAI,KAAK,SAAS,gBACpBzD,MAAA,CAAAkB,OAAA,CAAA8C,aAAA,CAAC3B,kBAAkB,MAAE,CAAC,gBAEtBrC,MAAA,CAAAkB,OAAA,CAAA8C,aAAA,CAACnB,aAAa,MAAE,CAER,CACL,CAEX,CAAC;AAAA,CACJ;AAEM,MAAM2B,aAAa,GAAAC,OAAA,CAAAD,aAAA,gBAAG,IAAAE,iBAAU,EACrC,CAAAC,KAAA,EAoBEC,GAAG,KACA;EAAA,IApBH;IACEnB,IAAI,GAAG,SAAS;IAChBK,QAAQ;IACRe,IAAI,GAAG,KAAK;IACZnB,WAAW;IACXoB,aAAa;IACbjB,eAAe,GAAG,MAAM;IACxBD,eAAe,GAAG,MAAM;IACxBmB,KAAK,EAAEC,YAAY;IACnBC,YAAY,GAAG,WAAW;IAC1BC,QAAQ,GAAG,MAAM;IACjBC,QAAQ,GAAG,MAAM;IACjBC,QAAQ,GAAG,MAAM;IACjBC,UAAU,GAAG,QAAQ;IACrB7B,YAAY;IACZD,OAAO;IACP+B,QAAQ;IACR,GAAGC;EACL,CAAC,GAAAZ,KAAA;EAGD,MAAMa,QAAQ,GAAG,IAAAC,aAAM,EAA0B,IAAI,CAAC;EACtD,MAAMC,SAAS,GAAG,IAAAC,iBAAU,EAACf,GAAG,EAAEY,QAAQ,CAAC;EAE3C,MAAM,CAAC7B,QAAQ,EAAEiC,WAAW,CAAC,GAAG,IAAAC,eAAQ,EAAChB,IAAI,CAAC;EAC9C,MAAM,CAACiB,QAAQ,EAAEC,WAAW,CAAC,GAAG,IAAAF,eAAQ,EAAC,CAAC,CAAC;EAC3C,MAAM,CAACG,YAAY,EAAEC,eAAe,CAAC,GAAG,IAAAJ,eAAQ,EAACZ,YAAY,CAAC;EAC9D,MAAM,CAACF,KAAK,EAAEmB,QAAQ,CAAC,GAAG,IAAAL,eAAQ,EAAC,MAAMb,YAAsB,CAAC;EAEhE,MAAMmB,iBAAiB,GAAG,IAAAC,kBAAW,EAClCC,cAAsB,IAAK;IAC1B,IAAIC,KAAK,GAAG,CAAC;IAEb,IAAID,cAAc,CAACE,MAAM,GAAG,CAAC,EAAE;MAC7BD,KAAK,GAAG,CAAC;MACTL,eAAe,CAAChB,YAAY,CAAC;IAC/B,CAAC,MAAM,IAAIoB,cAAc,CAACE,MAAM,KAAK,CAAC,EAAE;MACtCD,KAAK,GAAG,CAAC;MACTL,eAAe,CAACf,QAAQ,CAAC;IAC3B,CAAC,MAAM,IAAImB,cAAc,CAACE,MAAM,IAAI,CAAC,IAAIF,cAAc,CAACE,MAAM,GAAG,EAAE,EAAE;MACnED,KAAK,GAAG,CAAC;MACTL,eAAe,CAACd,QAAQ,CAAC;MACzB,IACE,wCAAwC,CAACqB,IAAI,CAACH,cAAc,CAAC,IAC7DA,cAAc,CAACE,MAAM,IAAI,CAAC,IAC1BF,cAAc,CAACE,MAAM,GAAG,EAAE,EAC1B;QACAD,KAAK,GAAG,CAAC;QACTL,eAAe,CAACb,QAAQ,CAAC;MAC3B;IACF,CAAC,MAAM,IAAIiB,cAAc,CAACE,MAAM,IAAI,EAAE,EAAE;MACtCD,KAAK,GAAG,CAAC;MACTL,eAAe,CAACZ,UAAU,CAAC;IAC7B;IAEAU,WAAW,CAACO,KAAK,CAAC;EACpB,CAAC,EACD,CAAClB,QAAQ,EAAED,QAAQ,EAAEE,UAAU,EAAEJ,YAAY,EAAEC,QAAQ,CACzD,CAAC;EAED,MAAMuB,YAAY,GAAG,IAAAL,kBAAW,EAC7BvF,CAAC,IAAK;IACLqF,QAAQ,CAACrF,CAAC,CAAC6F,MAAM,CAAC3B,KAAK,CAAC;IACxBoB,iBAAiB,CAACtF,CAAC,CAAC6F,MAAM,CAAC3B,KAAK,CAAC;IACjC,OAAOO,QAAQ,KAAK,UAAU,IAAIA,QAAQ,CAACzE,CAAC,CAAC6F,MAAM,CAAC3B,KAAK,CAAC;EAC5D,CAAC,EACD,CAACoB,iBAAiB,EAAEb,QAAQ,CAC9B,CAAC;EAED,MAAMvB,UAAU,GAAG,IAAAqC,kBAAW,EAAC,MAAM;IACnCZ,QAAQ,CAACmB,OAAO,EAAEC,KAAK,CAAC,CAAC;IACzBhB,WAAW,CAAEiB,SAAS,IAAK,CAACA,SAAS,CAAC;EACxC,CAAC,EAAE,EAAE,CAAC;EAEN,IAAAC,gBAAS,EAAC,MAAM;IACdlB,WAAW,CAACf,IAAI,CAAC;EACnB,CAAC,EAAE,CAACA,IAAI,CAAC,CAAC;EAEV,oBACE7E,MAAA,CAAAkB,OAAA,CAAA8C,aAAA;IACE+C,KAAK,EAAE;MACLC,KAAK,EAAE,aAAa;MACpBC,OAAO,EAAE,MAAM;MACfC,aAAa,EAAE;IACjB;EAAE,gBAEFlH,MAAA,CAAAkB,OAAA,CAAA8C,aAAA,CAAC3D,MAAA,CAAA8G,KAAK,MAAAC,SAAA,CAAAlG,OAAA,MACAqE,IAAI;IACRX,GAAG,EAAEc,SAAU;IACfjC,IAAI,EAAEA,IAAK;IACXsB,KAAK,EAAEA,KAAM;IACbjB,QAAQ,EAAEA,QAAS;IACnBQ,IAAI,EAAEX,QAAQ,GAAG,MAAM,GAAG,UAAW;IACrC2B,QAAQ,EAAEmB,YAAa;IACvBlD,OAAO,EAAEA,OAAQ;IACjB,eAAY,eAAe;IAC3B8D,YAAY,eACVrH,MAAA,CAAAkB,OAAA,CAAA8C,aAAA,CAACX,sBAAsB;MACrBE,OAAO,EAAEA,OAAQ;MACjBC,YAAY,EAAEA,YAAa;MAC3BC,IAAI,EAAEA,IAAK;MACXC,WAAW,EAAEA,WAAY;MACzBC,QAAQ,EAAEA,QAAS;MACnBC,eAAe,EAAEA,eAAgB;MACjCC,eAAe,EAAEA,eAAgB;MACjCC,QAAQ,EAAEA,QAAS;MACnBC,UAAU,EAAEA;IAAW,CACxB;EACF,EACF,CAAC,EACD,CAACe,aAAa,iBACb9E,MAAA,CAAAkB,OAAA,CAAA8C,aAAA,CAAAhE,MAAA,CAAAkB,OAAA,CAAA+C,QAAA,qBACEjE,MAAA,CAAAkB,OAAA,CAAA8C,aAAA,CAAC1D,OAAA,CAAAgH,8BAA8B,QAC5B,CAAC,GAAGC,KAAK,CAAC,CAAC,CAAC,CAAC,CAACC,GAAG,CAAC,CAACC,CAAC,EAAEC,KAAK,kBAC1B1H,MAAA,CAAAkB,OAAA,CAAA8C,aAAA,CAAC1D,OAAA,CAAAqH,uBAAuB;IACtBC,GAAG,EAAEF,KAAM;IACXG,SAAS,EAAE/B,QAAS;IACpBgC,MAAM,EAAEJ,KAAM;IACd,eAAa5B,QAAQ,IAAI4B,KAAK,GAAG,CAAC,GAAG,QAAQ,GAAG;EAAG,CACpD,CACF,CAC6B,CAAC,eACjC1H,MAAA,CAAAkB,OAAA,CAAA8C,aAAA,CAACrD,WAAA,CAAAoH,QAAQ;IAACC,KAAK,EAAC,OAAO;IAACC,KAAK,EAAC;EAAU,GACrCjC,YACO,CACV,CAED,CAAC;AAEV,CACF,CAAC;AAEDxB,aAAa,CAAC/B,WAAW,GAAG,eAAe"}
|
|
1
|
+
{"version":3,"file":"InputPassword.js","names":["_react","_interopRequireWildcard","require","_styledComponents","_interopRequireDefault","_Input","_Styles","_utils","_IconButton","_Icons","_Tooltip","_Typography","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","transform","biggest","regular","big","StypedEyeIconSmall","styled","EyeSmallIcon","withConfig","displayName","componentId","StypedEyeOffIconSmall","EyeOffSmallIcon","StypedEyeIcon","EyeIcon","StypedEyeOffIcon","EyeOffIcon","StyledInfoIcon","InfoIcon","StyledInfoSmallIcon","InfoSmallIcon","InputPasswordAdornment","_ref","invalid","errorMessage","size","hideControl","showText","hideTooltipText","showTooltipText","disabled","toggleShow","createElement","Fragment","Tooltip","title","IconButton","variant","type","onClick","InputPassword","exports","forwardRef","_ref2","ref","show","hideIndicator","value","defaultValue","validation","onChange","rest","inputRef","useRef","handleRef","useForkRef","setShowText","useState","strength","setStrength","setValue","handleChange","useCallback","target","getStrength","current","focus","prevState","useEffect","style","width","display","flexDirection","Input","_extends2","endAdornment","levels","length","StyledPasswordIndicatorWrapper","Array","map","_","index","StyledPasswordIndicator","key","$strength","$index","Caption1","align","color"],"sources":["../../../../src/components/Input/InputPassword.tsx"],"sourcesContent":["import React, {\n forwardRef,\n useCallback,\n useEffect,\n useRef,\n useState,\n} from \"react\";\n\nimport styled from \"styled-components\";\nimport tw from \"twin.macro\";\n\nimport { Input, InputProps } from \"./Input\";\nimport {\n StyledPasswordIndicator,\n StyledPasswordIndicatorWrapper,\n} from \"./Styles\";\nimport { useForkRef } from \"../../utils\";\nimport { IconButton } from \"../IconButton\";\nimport {\n EyeIcon,\n EyeOffIcon,\n EyeOffSmallIcon,\n EyeSmallIcon,\n InfoIcon,\n InfoSmallIcon,\n} from \"../Icons\";\nimport { Tooltip } from \"../Tooltip\";\nimport { Caption1 } from \"../Typography\";\n\nconst transform = {\n biggest: \"big\",\n regular: \"small\",\n big: \"medium\",\n} as const;\n\nexport interface ValidationProps {\n /** Strength calculating function */\n getStrength: (input: string) => 0 | 1 | 2 | 3 | 4;\n /** Array of strength level strings */\n levels: [string, string, string, string, string];\n}\n\nexport interface InputPasswordProps extends Omit<InputProps, \"type\" | \"size\"> {\n /** Input size */\n size?: \"regular\" | \"big\" | \"biggest\";\n /** Renders with shown text */\n show?: boolean;\n /** Removes show/hide control */\n hideControl?: boolean;\n /** Removes strenght indicator */\n hideIndicator?: boolean;\n /** Show tooltip text */\n showTooltipText?: string;\n /** Hide tooltip text */\n hideTooltipText?: string;\n /** Validation object */\n validation?: ValidationProps;\n /** Error message tooltip text */\n errorMessage?: string;\n}\n\nconst StypedEyeIconSmall = styled(EyeSmallIcon)`\n ${tw`tw-cursor-pointer`}\n`;\n\nconst StypedEyeOffIconSmall = styled(EyeOffSmallIcon)`\n ${tw`tw-cursor-pointer`}\n`;\n\nconst StypedEyeIcon = styled(EyeIcon)`\n ${tw`tw-cursor-pointer`}\n`;\n\nconst StypedEyeOffIcon = styled(EyeOffIcon)`\n ${tw`tw-cursor-pointer`}\n`;\nconst StyledInfoIcon = styled(InfoIcon)`\n ${tw`tw-cursor-help tw-fill-alert tw-mr-1`}\n`;\n\nconst StyledInfoSmallIcon = styled(InfoSmallIcon)`\n ${tw`tw-cursor-pointer tw-fill-alert tw-mr-1`}\n`;\n\ninterface InputPasswordAdornmentProps {\n invalid?: boolean;\n errorMessage?: string;\n size: \"regular\" | \"big\" | \"biggest\";\n hideControl?: boolean;\n showText: boolean;\n hideTooltipText: string;\n showTooltipText: string;\n disabled?: boolean;\n toggleShow?: () => void;\n}\n\nconst InputPasswordAdornment = ({\n invalid,\n errorMessage,\n size,\n hideControl,\n showText,\n hideTooltipText,\n showTooltipText,\n disabled,\n toggleShow,\n}: InputPasswordAdornmentProps) => (\n <>\n {invalid && errorMessage && (\n <Tooltip title={errorMessage}>\n {size === \"regular\" ? <StyledInfoSmallIcon /> : <StyledInfoIcon />}\n </Tooltip>\n )}\n {!hideControl && (\n <Tooltip title={showText ? hideTooltipText : showTooltipText}>\n <IconButton\n variant=\"text gray\"\n type=\"button\"\n size={transform[size] as \"big\" | \"small\" | \"medium\"}\n disabled={disabled}\n onClick={toggleShow}\n >\n {showText ? (\n size === \"regular\" ? (\n <StypedEyeOffIconSmall />\n ) : (\n <StypedEyeOffIcon />\n )\n ) : size === \"regular\" ? (\n <StypedEyeIconSmall />\n ) : (\n <StypedEyeIcon />\n )}\n </IconButton>\n </Tooltip>\n )}\n </>\n);\n\nexport const InputPassword = forwardRef<HTMLInputElement, InputPasswordProps>(\n (\n {\n size = \"regular\",\n disabled,\n show = false,\n hideControl,\n hideIndicator,\n showTooltipText = \"Show\",\n hideTooltipText = \"Hide\",\n value: defaultValue = \"\",\n validation,\n errorMessage,\n invalid,\n onChange,\n ...rest\n },\n ref\n ) => {\n const inputRef = useRef<HTMLInputElement | null>(null);\n const handleRef = useForkRef(ref, inputRef);\n\n const [showText, setShowText] = useState(show);\n const [strength, setStrength] = useState(0);\n const [value, setValue] = useState(() => defaultValue as string);\n\n const handleChange = useCallback(\n (e) => {\n setValue(e.target.value);\n typeof validation?.getStrength === \"function\" &&\n setStrength(validation.getStrength(e.target.value));\n typeof onChange === \"function\" && onChange(e.target.value);\n },\n [onChange, validation]\n );\n\n const toggleShow = useCallback(() => {\n inputRef.current?.focus();\n setShowText((prevState) => !prevState);\n }, []);\n\n useEffect(() => {\n setShowText(show);\n }, [show]);\n\n return (\n <div\n style={{\n width: \"fit-content\",\n display: \"flex\",\n flexDirection: \"column\",\n }}\n >\n <Input\n {...rest}\n ref={handleRef}\n size={size}\n value={value}\n disabled={disabled}\n type={showText ? \"text\" : \"password\"}\n onChange={handleChange}\n invalid={invalid}\n data-testid=\"InputPassword\"\n endAdornment={\n <InputPasswordAdornment\n invalid={invalid}\n errorMessage={errorMessage}\n size={size}\n hideControl={hideControl}\n showText={showText}\n hideTooltipText={hideTooltipText}\n showTooltipText={showTooltipText}\n disabled={disabled}\n toggleShow={toggleShow}\n />\n }\n />\n {!hideIndicator &&\n validation?.levels.length === 5 &&\n typeof validation.getStrength === \"function\" && (\n <>\n <StyledPasswordIndicatorWrapper>\n {[...Array(4)].map((_, index) => (\n <StyledPasswordIndicator\n key={index}\n $strength={strength}\n $index={index}\n data-testid={strength >= index + 1 ? \"active\" : \"\"}\n />\n ))}\n </StyledPasswordIndicatorWrapper>\n <Caption1 align=\"right\" color=\"tertiary\">\n {validation.levels[strength]}\n </Caption1>\n </>\n )}\n </div>\n );\n }\n);\n\nInputPassword.displayName = \"InputPassword\";\n"],"mappings":"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"}
|
package/dist/index.js
CHANGED
|
@@ -16208,7 +16208,7 @@
|
|
|
16208
16208
|
onMouseDown: handleMouseDown,
|
|
16209
16209
|
onClick: handleDeselect,
|
|
16210
16210
|
"data-testid": "deselect-all"
|
|
16211
|
-
}, /*#__PURE__*/React__default["default"].createElement(StyledComboBoxCloseSmallIcon, null)), /*#__PURE__*/React__default["default"].createElement(StyledComboBoxCollapseExpandSingleIcon, {
|
|
16211
|
+
}, /*#__PURE__*/React__default["default"].createElement(StyledComboBoxCloseSmallIcon, null)), showMenu && /*#__PURE__*/React__default["default"].createElement(StyledComboBoxCollapseExpandSingleIcon, {
|
|
16212
16212
|
$open: open
|
|
16213
16213
|
}))))) : /*#__PURE__*/React__default["default"].createElement(StyledComboBoxInput, {
|
|
16214
16214
|
className: classNames__default["default"]("c-combo-box-input", inputWrapperClassName),
|