npm - @activecollab/components - Versions diffs - 1.0.205 → 1.0.207 - Mend

@activecollab/components 1.0.205 → 1.0.207

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.

Files changed (1562) hide show

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../src/components/ComboBox/ComboBox.tsx"],"names":["React","useCallback","useState","useEffect","useRef","useMemo","Fragment","RadioButton","Autocomplete","Button","isOptionGroup","useForkRef","Popper","RemoveScroll","SpinnerLoader","OptionContent","StyledComboBoxCloseSmallIcon","StyledComboBoxCollapseExpandSingleIcon","StyledComboBoxInput","StyledComboBoxList","StyledChipWrapper","InputAdornment","Checkbox","Chip","StyledInput","StyledInputWrapper","useOnClickOutside","Avatar","Trigger","Typography","Portal","ConditionalWrapper","classNames","ComboBox","options","selected","loading","loadingText","onChange","placeholder","handleEmptyAction","disabled","size","invalid","type","renderChip","forceCloseMenu","renderOption","limitChips","hiddenNumberText","inPortal","inputWrapperClassName","scrollWrapper","prop","selectedName","value","map","v","find","q","id","name","setValue","handleOnChange","e","target","childNode","setChildNode","elementRef","handleRef","wrapperRef","chipWrapper","comboBoxRef","open","setOpen","current","contains","handleOnKeyDown","key","stopPropagation","focus","blur","emptyAction","handleChange","selectedValue","onOpen","handleRenderOption","option","props","image","color","textColor","handleDeselect","handleMouseDown","preventDefault","handleBlur","renderChipAdornment","index","avatarProps","leftAdornment","undefined","onClose","Array","isArray","includes","newSelected","filter","item","showOnClose","autoSize","length","startAdornment","elements","total","forEach","isGrouped","push","groupedOptions","o","_index","hidden","splice","showXIcon","hasSelected","display","flex","alignSelf","width","children","zIndex","clientWidth","displayName"],"mappings":"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","sourcesContent":["import React, {\n FC,\n useCallback,\n useState,\n useEffect,\n useRef,\n useMemo,\n Fragment,\n} from \"react\";\nimport { RadioButton } from \"../RadioButton\";\nimport { Autocomplete } from \"../Autocomplete\";\nimport { Button } from \"../Button/Button\";\nimport {\n IAutocompleteProps,\n isOptionGroup,\n} from \"../Autocomplete/Autocomplete\";\nimport useForkRef from \"../../utils/useForkRef\";\nimport { Popper } from \"../Popper\";\nimport { IOptionGroupProps, IOptionItemProps } from \"../Select\";\nimport { RemoveScroll } from \"react-remove-scroll\";\nimport { SpinnerLoader } from \"../Loaders/Spinner/SpinnerLoader\";\nimport { OptionContent } from \"../Select/OptionContent/OptionContent\";\nimport {\n StyledComboBoxCloseSmallIcon,\n StyledComboBoxCollapseExpandSingleIcon,\n StyledComboBoxInput,\n StyledComboBoxList,\n StyledChipWrapper,\n} from \"./Styles\";\nimport { InputSize } from \"../Input/types\";\nimport { InputAdornment } from \"../Input/InputAdornment\";\nimport { Checkbox } from \"../Checkbox\";\nimport { Chip } from \"../Chip\";\nimport { StyledInput, StyledInputWrapper } from \"../Input/Styles\";\nimport { useOnClickOutside } from \"../../hooks/useOnClickOutside\";\nimport { Avatar, IAvatar } from \"../Avatar\";\nimport { Trigger } from \"../Trigger\";\nimport { Typography } from \"../Typography/Typography\";\nimport tw from \"twin.macro\";\nimport { Portal } from \"../../helpers\";\nimport { ConditionalWrapper } from \"../../helpers/ConditionWrapper/ConditionWrapper\";\nimport classNames from \"classnames\";\n\nexport interface IComboBoxProps\n extends Omit<IAutocompleteProps, \"handleChange\" \| \"inputEl\"> {\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}\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 ...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 handleOnChange = useCallback((e) => setValue(e.target.value), []);\n const [childNode, setChildNode] = useState<HTMLInputElement \| null>();\n const elementRef = useRef<HTMLInputElement \| null>(null);\n const handleRef = useForkRef(setChildNode, 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\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 if (e.key === \"Enter\" && type === \"multiple\") {\n setValue(\"\");\n }\n },\n [open, selectedName, type]\n );\n\n useEffect(() => {\n open && childNode?.focus();\n !open && childNode?.blur();\n }, [childNode, open]);\n\n useEffect(() => {\n setValue(selectedName);\n }, [selectedName]);\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 onChange?.(selectedValue);\n if (forceCloseMenu) {\n setOpen(false);\n }\n },\n [forceCloseMenu, onChange]\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 (type === \"multiple\") {\n onChange?.([]);\n } else {\n onChange?.(\"\");\n }\n\n setOpen(false);\n },\n [type, onChange]\n );\n\n const handleMouseDown = useCallback((e) => {\n e.preventDefault();\n }, []);\n\n const handleBlur = useCallback(() => {\n setValue(selectedName);\n }, [selectedName]);\n\n const renderChipAdornment = useCallback(\n (option, index) => {\n if (typeof renderChip === \"function\") {\n return renderChip(option, index);\n }\n const avatarProps: Partial<IAvatar> = {\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={\"#303037\"}\n onClose={showOnClose ? onClose : undefined}\n size={size}\n variant={\"Caption 2\"}\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 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 return (\n <div className=\"c-combo-box\">\n {type === \"multiple\" ? (\n <>\n <StyledInputWrapper\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?.focus();\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={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 onFocus={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 <Button\n onMouseDown={handleMouseDown}\n onClick={handleDeselect}\n variant=\"text gray\"\n size=\"small\"\n >\n <StyledComboBoxCloseSmallIcon />\n </Button>\n ) : null}\n <StyledComboBoxCollapseExpandSingleIcon $open={open} />\n </InputAdornment>\n ) : null\n }\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 $width={comboBoxRef.current?.clientWidth}>\n <Autocomplete\n {...prop}\n inputEl={childNode}\n selected={selected}\n handleChange={handleChange}\n renderOption={handleRenderOption}\n options={options}\n type={type}\n handleEmptyAction={emptyAction}\n />\n </StyledComboBoxList>\n </RemoveScroll>\n </Popper>\n </ConditionalWrapper>\n ) : null}\n </div>\n );\n};\n\nComboBox.displayName = \"ComboBox\";\n"],"file":"ComboBox.js"}
1	+ {"version":3,"file":"ComboBox.js","names":["React","useCallback","useState","useEffect","useRef","useMemo","Fragment","RadioButton","Autocomplete","Button","isOptionGroup","useForkRef","Popper","RemoveScroll","SpinnerLoader","OptionContent","StyledComboBoxCloseSmallIcon","StyledComboBoxCollapseExpandSingleIcon","StyledComboBoxInput","StyledComboBoxList","StyledChipWrapper","InputAdornment","Checkbox","Chip","StyledInput","StyledInputWrapper","useOnClickOutside","Avatar","Trigger","Typography","Portal","ConditionalWrapper","classNames","ComboBox","options","selected","loading","loadingText","onChange","placeholder","handleEmptyAction","disabled","size","invalid","type","renderChip","forceCloseMenu","renderOption","limitChips","hiddenNumberText","inPortal","inputWrapperClassName","scrollWrapper","prop","selectedName","value","map","v","find","q","id","name","setValue","handleOnChange","e","target","childNode","setChildNode","elementRef","handleRef","wrapperRef","chipWrapper","comboBoxRef","open","setOpen","current","contains","handleOnKeyDown","key","stopPropagation","focus","blur","emptyAction","handleChange","selectedValue","onOpen","handleRenderOption","option","props","image","color","textColor","handleDeselect","handleMouseDown","preventDefault","handleBlur","renderChipAdornment","index","avatarProps","leftAdornment","undefined","onClose","Array","isArray","includes","newSelected","filter","item","showOnClose","autoSize","length","startAdornment","elements","total","forEach","isGrouped","push","groupedOptions","o","_index","hidden","splice","showXIcon","hasSelected","display","flex","alignSelf","width","children","zIndex","clientWidth","displayName"],"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 { RadioButton } from \"../RadioButton\";\nimport { Autocomplete } from \"../Autocomplete\";\nimport { Button } from \"../Button/Button\";\nimport {\n IAutocompleteProps,\n isOptionGroup,\n} from \"../Autocomplete/Autocomplete\";\nimport useForkRef from \"../../utils/useForkRef\";\nimport { Popper } from \"../Popper\";\nimport { IOptionGroupProps, IOptionItemProps } from \"../Select\";\nimport { RemoveScroll } from \"react-remove-scroll\";\nimport { SpinnerLoader } from \"../Loaders/Spinner/SpinnerLoader\";\nimport { OptionContent } from \"../Select/OptionContent/OptionContent\";\nimport {\n StyledComboBoxCloseSmallIcon,\n StyledComboBoxCollapseExpandSingleIcon,\n StyledComboBoxInput,\n StyledComboBoxList,\n StyledChipWrapper,\n} from \"./Styles\";\nimport { InputSize } from \"../Input/types\";\nimport { InputAdornment } from \"../Input/InputAdornment\";\nimport { Checkbox } from \"../Checkbox\";\nimport { Chip } from \"../Chip\";\nimport { StyledInput, StyledInputWrapper } from \"../Input/Styles\";\nimport { useOnClickOutside } from \"../../hooks/useOnClickOutside\";\nimport { Avatar, IAvatar } from \"../Avatar\";\nimport { Trigger } from \"../Trigger\";\nimport { Typography } from \"../Typography/Typography\";\nimport tw from \"twin.macro\";\nimport { Portal } from \"../../helpers\";\nimport { ConditionalWrapper } from \"../../helpers/ConditionWrapper/ConditionWrapper\";\nimport classNames from \"classnames\";\n\nexport interface IComboBoxProps\n extends Omit<IAutocompleteProps, \"handleChange\" \| \"inputEl\"> {\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}\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 ...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 handleOnChange = useCallback((e) => setValue(e.target.value), []);\n const [childNode, setChildNode] = useState<HTMLInputElement \| null>();\n const elementRef = useRef<HTMLInputElement \| null>(null);\n const handleRef = useForkRef(setChildNode, 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\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 if (e.key === \"Enter\" && type === \"multiple\") {\n setValue(\"\");\n }\n },\n [open, selectedName, type]\n );\n\n useEffect(() => {\n open && childNode?.focus();\n !open && childNode?.blur();\n }, [childNode, open]);\n\n useEffect(() => {\n setValue(selectedName);\n }, [selectedName]);\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 onChange?.(selectedValue);\n if (forceCloseMenu) {\n setOpen(false);\n }\n },\n [forceCloseMenu, onChange]\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 (type === \"multiple\") {\n onChange?.([]);\n } else {\n onChange?.(\"\");\n }\n\n setOpen(false);\n },\n [type, onChange]\n );\n\n const handleMouseDown = useCallback((e) => {\n e.preventDefault();\n }, []);\n\n const handleBlur = useCallback(() => {\n setValue(selectedName);\n }, [selectedName]);\n\n const renderChipAdornment = useCallback(\n (option, index) => {\n if (typeof renderChip === \"function\") {\n return renderChip(option, index);\n }\n const avatarProps: Partial<IAvatar> = {\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={\"#303037\"}\n onClose={showOnClose ? onClose : undefined}\n size={size}\n variant={\"Caption 2\"}\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 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 return (\n <div className=\"c-combo-box\">\n {type === \"multiple\" ? (\n <>\n <StyledInputWrapper\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?.focus();\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={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 onFocus={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 <Button\n onMouseDown={handleMouseDown}\n onClick={handleDeselect}\n variant=\"text gray\"\n size=\"small\"\n >\n <StyledComboBoxCloseSmallIcon />\n </Button>\n ) : null}\n <StyledComboBoxCollapseExpandSingleIcon $open={open} />\n </InputAdornment>\n ) : null\n }\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 $width={comboBoxRef.current?.clientWidth}>\n <Autocomplete\n {...prop}\n inputEl={childNode}\n selected={selected}\n handleChange={handleChange}\n renderOption={handleRenderOption}\n options={options}\n type={type}\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,OAAOA,KAAK,IAEVC,WAAW,EACXC,QAAQ,EACRC,SAAS,EACTC,MAAM,EACNC,OAAO,EACPC,QAAQ,QACH,OAAO;AACd,SAASC,WAAW,QAAQ,gBAAgB;AAC5C,SAASC,YAAY,QAAQ,iBAAiB;AAC9C,SAASC,MAAM,QAAQ,kBAAkB;AACzC,SAEEC,aAAa,QACR,8BAA8B;AACrC,OAAOC,UAAU,MAAM,wBAAwB;AAC/C,SAASC,MAAM,QAAQ,WAAW;AAElC,SAASC,YAAY,QAAQ,qBAAqB;AAClD,SAASC,aAAa,QAAQ,kCAAkC;AAChE,SAASC,aAAa,QAAQ,uCAAuC;AACrE,SACEC,4BAA4B,EAC5BC,sCAAsC,EACtCC,mBAAmB,EACnBC,kBAAkB,EAClBC,iBAAiB,QACZ,UAAU;AAEjB,SAASC,cAAc,QAAQ,yBAAyB;AACxD,SAASC,QAAQ,QAAQ,aAAa;AACtC,SAASC,IAAI,QAAQ,SAAS;AAC9B,SAASC,WAAW,EAAEC,kBAAkB,QAAQ,iBAAiB;AACjE,SAASC,iBAAiB,QAAQ,+BAA+B;AACjE,SAASC,MAAM,QAAiB,WAAW;AAC3C,SAASC,OAAO,QAAQ,YAAY;AACpC,SAASC,UAAU,QAAQ,0BAA0B;AAErD,SAASC,MAAM,QAAQ,eAAe;AACtC,SAASC,kBAAkB,QAAQ,iDAAiD;AACpF,OAAOC,UAAU,MAAM,YAAY;AAuCnC,OAAO,IAAMC,QAA4B,GAAG,SAA/BA,QAA4B,OAqBnC;EAAA;EAAA,wBApBJC,OAAO;IAAPA,OAAO,6BAAG,EAAE;IACZC,QAAQ,QAARA,QAAQ;IAAA,oBACRC,OAAO;IAAPA,OAAO,6BAAG,KAAK;IACfC,WAAW,QAAXA,WAAW;IACXC,QAAQ,QAARA,QAAQ;IACRC,WAAW,QAAXA,WAAW;IACXC,iBAAiB,QAAjBA,iBAAiB;IAAA,qBACjBC,QAAQ;IAARA,QAAQ,8BAAG,KAAK;IAAA,iBAChBC,IAAI;IAAJA,IAAI,0BAAG,SAAS;IAAA,oBAChBC,OAAO;IAAPA,OAAO,6BAAG,KAAK;IAAA,iBACfC,IAAI;IAAJA,IAAI,0BAAG,QAAQ;IACfC,UAAU,QAAVA,UAAU;IAAA,2BACVC,cAAc;IAAdA,cAAc,oCAAGF,IAAI,KAAK,QAAQ;IAClCG,YAAY,QAAZA,YAAY;IAAA,uBACZC,UAAU;IAAVA,UAAU,gCAAG,CAAC;IACdC,gBAAgB,QAAhBA,gBAAgB;IAAA,qBAChBC,QAAQ;IAARA,QAAQ,8BAAG,KAAK;IAChBC,qBAAqB,QAArBA,qBAAqB;IACrBC,aAAa,QAAbA,aAAa;IACVC,IAAI;EAEP,IAAMC,YAAY,GAAGjD,OAAO,CAAC,YAAM;IACjC,IAAIkD,KAAK,GAAG,EAAE;IACd,IAAI,CAACpB,QAAQ,EAAE;MACb,OAAOoB,KAAK;IACd;IACArB,OAAO,CAACsB,GAAG,CAAC,UAACC,CAAC,EAAK;MACjB,IAAKA,CAAC,YAADA,CAAC,CAAwBvB,OAAO,EAAE;QACrC,OAAQuB,CAAC,CAAuBvB,OAAO,CAACwB,IAAI,CAAC,UAACC,CAAC,EAAK;UAClD,IAAIA,CAAC,CAACC,EAAE,KAAKzB,QAAQ,EAAE;YACrBoB,KAAK,GAAGI,CAAC,CAACE,IAAI;YACd;UACF;QACF,CAAC,CAAC;MACJ,CAAC,MAAM;QACL,IAAIJ,CAAC,CAACG,EAAE,KAAKzB,QAAQ,EAAE;UACrBoB,KAAK,GAAGE,CAAC,CAACI,IAAI;UACd;QACF;MACF;IACF,CAAC,CAAC;IACF,OAAON,KAAK;EACd,CAAC,EAAE,CAACrB,OAAO,EAAEC,QAAQ,CAAC,CAAC;EACvB,gBAA0BjC,QAAQ,CAACoD,YAAY,CAAC;IAAzCC,KAAK;IAAEO,QAAQ;EACtB,IAAMC,cAAc,GAAG9D,WAAW,CAAC,UAAC+D,CAAC;IAAA,OAAKF,QAAQ,CAACE,CAAC,CAACC,MAAM,CAACV,KAAK,CAAC;EAAA,GAAE,EAAE,CAAC;EACvE,iBAAkCrD,QAAQ,EAA2B;IAA9DgE,SAAS;IAAEC,YAAY;EAC9B,IAAMC,UAAU,GAAGhE,MAAM,CAA0B,IAAI,CAAC;EACxD,IAAMiE,SAAS,GAAG1D,UAAU,CAACwD,YAAY,EAAEC,UAAU,CAAC;EACtD,IAAME,UAAU,GAAGlE,MAAM,CAAiB,IAAI,CAAC;EAC/C,IAAMmE,WAAW,GAAGnE,MAAM,CAAiB,IAAI,CAAC;EAChD,IAAMoE,WAAW,GAAGpE,MAAM,CAAwB,IAAI,CAAC;EAEvD,iBAAwBF,QAAQ,CAAC,KAAK,CAAC;IAAhCuE,IAAI;IAAEC,OAAO;EAEpBhD,iBAAiB,CAAC4C,UAAU,EAAE,UAACN,CAAC,EAAK;IAAA;IACnC,IAAIA,CAAC,CAACC,MAAM,4BAAIO,WAAW,CAACG,OAAO,aAAnB,qBAAqBC,QAAQ,CAACZ,CAAC,CAACC,MAAM,CAAS,EAAE;MAC/D;IACF;IACAS,OAAO,CAAC,KAAK,CAAC;EAChB,CAAC,CAAC;EAEF,IAAMG,eAAe,GAAG5E,WAAW,CACjC,UAAC+D,CAAC,EAAK;IACL,IAAIA,CAAC,CAACc,GAAG,KAAK,QAAQ,IAAIL,IAAI,EAAE;MAC9BC,OAAO,CAAC,KAAK,CAAC;MACdZ,QAAQ,CAACR,YAAY,CAAC;MACtBU,CAAC,CAACe,eAAe,EAAE;IACrB;IACA,IAAIf,CAAC,CAACc,GAAG,KAAK,OAAO,IAAIlC,IAAI,KAAK,UAAU,EAAE;MAC5CkB,QAAQ,CAAC,EAAE,CAAC;IACd;EACF,CAAC,EACD,CAACW,IAAI,EAAEnB,YAAY,EAAEV,IAAI,CAAC,CAC3B;EAEDzC,SAAS,CAAC,YAAM;IACdsE,IAAI,KAAIP,SAAS,oBAATA,SAAS,CAAEc,KAAK,EAAE;IAC1B,CAACP,IAAI,KAAIP,SAAS,oBAATA,SAAS,CAAEe,IAAI,EAAE;EAC5B,CAAC,EAAE,CAACf,SAAS,EAAEO,IAAI,CAAC,CAAC;EAErBtE,SAAS,CAAC,YAAM;IACd2D,QAAQ,CAACR,YAAY,CAAC;EACxB,CAAC,EAAE,CAACA,YAAY,CAAC,CAAC;EAElB,IAAM4B,WAAW,GAAGjF,WAAW,CAC7B,UAACwD,CAAC,EAAK;IACLjB,iBAAiB,oBAAjBA,iBAAiB,CAAGiB,CAAC,CAAC;IACtBiB,OAAO,CAAC,KAAK,CAAC;EAChB,CAAC,EACD,CAAClC,iBAAiB,CAAC,CACpB;EAED,IAAM2C,YAAY,GAAGlF,WAAW,CAC9B,UAACmF,aAAa,EAAK;IACjB9C,QAAQ,oBAARA,QAAQ,CAAG8C,aAAa,CAAC;IACzB,IAAItC,cAAc,EAAE;MAClB4B,OAAO,CAAC,KAAK,CAAC;IAChB;EACF,CAAC,EACD,CAAC5B,cAAc,EAAER,QAAQ,CAAC,CAC3B;EAED,IAAM+C,MAAM,GAAGpF,WAAW,CAAC,YAAM;IAC/B,IAAI,CAACwC,QAAQ,EAAE;MACbiC,OAAO,CAAC,IAAI,CAAC;IACf;EACF,CAAC,EAAE,CAACjC,QAAQ,CAAC,CAAC;EAEd,IAAM6C,kBAAkB,GAAGrF,WAAW,CACpC,UAACsF,MAAM,EAAEC,KAAK,EAAK;IACjB,IAAI,OAAOzC,YAAY,KAAK,UAAU,EAAE;MACtC,OAAOA,YAAY,CAACwC,MAAM,EAAEC,KAAK,CAAC;IACpC;IACA,IAAI5C,IAAI,KAAK,UAAU,EAAE;MACvB,oBACE,uDACE,oBAAC,aAAa;QACZ,QAAQ,EAAE2C,MAAM,CAACE,KAAM;QACvB,KAAK,EAAEF,MAAM,CAACG,KAAM;QACpB,SAAS,EAAEH,MAAM,CAACI,SAAU;QAC5B,IAAI,EAAEJ,MAAM,CAAC1B;MAAK,EAClB,eACF,oBAAC,QAAQ,EAAK2B,KAAK,CAAI,CACtB;IAEP;IACA,oBACE,uDACE,oBAAC,aAAa;MACZ,QAAQ,EAAED,MAAM,CAACE,KAAM;MACvB,KAAK,EAAEF,MAAM,CAACG,KAAM;MACpB,SAAS,EAAEH,MAAM,CAACI,SAAU;MAC5B,IAAI,EAAEJ,MAAM,CAAC1B;IAAK,EAClB,eACF,oBAAC,WAAW,EAAK2B,KAAK,CAAI,CACzB;EAEP,CAAC,EACD,CAAC5C,IAAI,EAAEG,YAAY,CAAC,CACrB;EAED,IAAM6C,cAAc,GAAG3F,WAAW,CAChC,UAAC+D,CAAC,EAAK;IACLA,CAAC,CAACe,eAAe,EAAE;IACnB,IAAInC,IAAI,KAAK,UAAU,EAAE;MACvBN,QAAQ,oBAARA,QAAQ,CAAG,EAAE,CAAC;IAChB,CAAC,MAAM;MACLA,QAAQ,oBAARA,QAAQ,CAAG,EAAE,CAAC;IAChB;IAEAoC,OAAO,CAAC,KAAK,CAAC;EAChB,CAAC,EACD,CAAC9B,IAAI,EAAEN,QAAQ,CAAC,CACjB;EAED,IAAMuD,eAAe,GAAG5F,WAAW,CAAC,UAAC+D,CAAC,EAAK;IACzCA,CAAC,CAAC8B,cAAc,EAAE;EACpB,CAAC,EAAE,EAAE,CAAC;EAEN,IAAMC,UAAU,GAAG9F,WAAW,CAAC,YAAM;IACnC6D,QAAQ,CAACR,YAAY,CAAC;EACxB,CAAC,EAAE,CAACA,YAAY,CAAC,CAAC;EAElB,IAAM0C,mBAAmB,GAAG/F,WAAW,CACrC,UAACsF,MAAM,EAAEU,KAAK,EAAK;IACjB,IAAI,OAAOpD,UAAU,KAAK,UAAU,EAAE;MACpC,OAAOA,UAAU,CAAC0C,MAAM,EAAEU,KAAK,CAAC;IAClC;IACA,IAAMC,WAA6B,GAAG;MACpCxD,IAAI,EAAE;IACR,CAAC;IACD,QAAQA,IAAI;MACV,KAAK,KAAK;QACRwD,WAAW,CAACxD,IAAI,GAAG,EAAE;QACrB;MACF,KAAK,OAAO;QACVwD,WAAW,CAACxD,IAAI,GAAG,EAAE;QACrB;IAAM;IAEV,IAAMyD,aAAa,GAAGZ,MAAM,CAACE,KAAK,gBAChC;MAKE,GAAG,EAAEF,MAAM,CAACE;IAAM,GACdS,WAAW;MAAA,OAJT;QAAA;QAAA;MAAU,CAAC;MAAA,QACX;QAAA;MAAU;IAAC,GAIjB,GACAE,SAAS;IAEb,IAAMC,OAAO,GAAG,SAAVA,OAAO,CAAIrC,CAAC,EAAK;MACrBA,CAAC,CAAC8B,cAAc,EAAE;MAClB9B,CAAC,CAACe,eAAe,EAAE;MACnB,IAAIuB,KAAK,CAACC,OAAO,CAACpE,QAAQ,CAAC,IAAIA,QAAQ,CAACqE,QAAQ,CAACjB,MAAM,CAAC3B,EAAE,CAAC,EAAE;QAC3D,IAAI,OAAOtB,QAAQ,KAAK,UAAU,EAAE;UAClC,IAAMmE,WAAW,GAAGtE,QAAQ,CAACuE,MAAM,CAAC,UAACC,IAAI;YAAA,OAAKA,IAAI,KAAKpB,MAAM,CAAC3B,EAAE;UAAA,EAAC;UACjEtB,QAAQ,CAACmE,WAAW,CAAC;QACvB;MACF;IACF,CAAC;IAED,IAAIG,WAAW,GAAG,IAAI;IACtB,IAAInE,QAAQ,EAAE;MACZmE,WAAW,GAAG,KAAK;IACrB;IACA,IAAIrB,MAAM,CAACG,KAAK,EAAE;MAChBkB,WAAW,GAAG,KAAK;IACrB;IAEA,oBACE,oBAAC,IAAI;MACH,SAAS,EAAE,kBAAmB;MAC9B,aAAa,EAAET,aAAc;MAC7B,KAAK,EAAEZ,MAAM,CAAC1B,IAAK;MACnB,GAAG,EAAEoC,KAAM;MACX,eAAe,EAAEV,MAAM,CAACG,KAAM;MAC9B,KAAK,EAAE,SAAU;MACjB,OAAO,EAAEkB,WAAW,GAAGP,OAAO,GAAGD,SAAU;MAC3C,IAAI,EAAE1D,IAAK;MACX,OAAO,EAAE;IAAY,EACrB;EAEN,CAAC,EACD,CAACD,QAAQ,EAAEH,QAAQ,EAAEO,UAAU,EAAEV,QAAQ,EAAEO,IAAI,CAAC,CACjD;EAED,IAAMmE,QAAQ,GAAGxG,OAAO,CAAC,YAAM;IAC7B,IACEuC,IAAI,KAAK,UAAU,IACnB6B,IAAI,IACJ6B,KAAK,CAACC,OAAO,CAACpE,QAAQ,CAAC,IACvBA,QAAQ,CAAC2E,MAAM,GAAG,CAAC,EACnB;MACA,OAAO,MAAM;IACf;IACA,OAAOpE,IAAI;EACb,CAAC,EAAE,CAAC+B,IAAI,EAAEtC,QAAQ,EAAEO,IAAI,EAAEE,IAAI,CAAC,CAAC;EAEhC,IAAMmE,cAAc,GAAG1G,OAAO,CAAC,YAAM;IACnC,IAAIuC,IAAI,KAAK,UAAU,IAAI0D,KAAK,CAACC,OAAO,CAACpE,QAAQ,CAAC,IAAIA,QAAQ,CAAC2E,MAAM,GAAG,CAAC,EAAE;MACzE,IAAME,QAAuB,GAAG,EAAE;MAClC,IAAIC,KAAK,GAAG,CAAC;MACb/E,OAAO,CAACgF,OAAO,CAAC,UAAC3B,MAAM,EAAEU,KAAK,EAAK;QACjC,IAAMkB,SAAS,GAAGzG,aAAa,CAAC6E,MAAM,CAAC;QACvC,IAAIpD,QAAQ,CAACqE,QAAQ,CAACjB,MAAM,CAAC3B,EAAE,CAAC,IAAI,CAACuD,SAAS,EAAE;UAC9CF,KAAK,GAAGA,KAAK,GAAG,CAAC;UACjBD,QAAQ,CAACI,IAAI,CAACpB,mBAAmB,CAACT,MAAM,EAAEU,KAAK,CAAC,CAAC;QACnD,CAAC,MAAM,IAAIkB,SAAS,EAAE;UACpB,IAAME,cAAc,GAAG9B,MAAM,CAACrD,OAAO,CAACwE,MAAM,CAAC,UAACY,CAAC;YAAA,OAC7CnF,QAAQ,CAACqE,QAAQ,CAACc,CAAC,CAAC1D,EAAE,CAAC;UAAA,EACxB;UACDqD,KAAK,GAAGA,KAAK,GAAGI,cAAc,CAACP,MAAM;UACrC,IAAIO,cAAc,CAACP,MAAM,GAAG,CAAC,EAAE;YAC7BO,cAAc,CAACH,OAAO,CAAC,UAACI,CAAC,EAAEC,MAAM,EAAK;cACpCP,QAAQ,CAACI,IAAI,CAACpB,mBAAmB,CAACsB,CAAC,EAAKrB,KAAK,SAAIsB,MAAM,CAAG,CAAC;YAC7D,CAAC,CAAC;UACJ;QACF;MACF,CAAC,CAAC;MACF,IAAIC,OAAM,GAAG,CAAC;MACd,IAAI,CAAC/C,IAAI,IAAIzB,UAAU,GAAG,CAAC,IAAIgE,QAAQ,CAACF,MAAM,GAAG9D,UAAU,EAAE;QAC3DwE,OAAM,GAAGR,QAAQ,CAACS,MAAM,CACtBzE,UAAU,EACVgE,QAAQ,CAACF,MAAM,GAAG9D,UAAU,CAC7B,CAAC8D,MAAM;MACV;MAEA,oBACE,oBAAC,QAAQ,QACNE,QAAQ,EACRQ,OAAM,GAAG,CAAC,iBACT;QACE,OAAO,EACL9E,IAAI,KAAK,OAAO,GACZ,WAAW,GACXA,IAAI,KAAK,SAAS,GAClB,QAAQ,GACR;MACL,GAOA,OAAOO,gBAAgB,KAAK,UAAU,GACnCA,gBAAgB,CAACuE,OAAM,CAAC,SACpBA,OAAQ,CAEnB,CACQ;IAEf;IACA,OAAOpB,SAAS;EAClB,CAAC,EAAE,CACDxD,IAAI,EACJT,QAAQ,EACRD,OAAO,EACPuC,IAAI,EACJzB,UAAU,EACVC,gBAAgB,EAChB+C,mBAAmB,EACnBtD,IAAI,CACL,CAAC;EAEF,IAAMgF,SAAS,GACbpB,KAAK,CAACC,OAAO,CAACpE,QAAQ,CAAC,IAAIS,IAAI,KAAK,UAAU,IAAIT,QAAQ,CAAC2E,MAAM,GAAG,CAAC;EAEvE,IAAMa,WAAW,GACf/E,IAAI,KAAK,UAAU,IAAI0D,KAAK,CAACC,OAAO,CAACpE,QAAQ,CAAC,IAAIA,QAAQ,CAAC2E,MAAM,GAAG,CAAC;EAEvE,oBACE;IAAK,SAAS,EAAC;EAAa,GACzBlE,IAAI,KAAK,UAAU,gBAClB,uDACE;IACE,KAAK,EAAEF,IAAK;IACZ,QAAQ,EAAEC,OAAQ;IAClB,GAAG,EAAE6B,WAAY;IAajB,SAAS,EAAExC,UAAU,CACnB,2BAA2B,EAC3BmB,qBAAqB,CACrB;IACF,OAAO,EAAE,mBAAM;MAAA;MACb,uBAAAiB,UAAU,CAACO,OAAO,qBAAlB,oBAAoBK,KAAK,EAAE;IAC7B,CAAE;IAAA,QAdU6B,QAAQ,KAAK,MAAM,GAAG,MAAM,GAAGT,SAAS;IAAA,QACpCS,QAAQ,KAAK,MAAM,IAAIzD,aAAa,GAC9C,QAAQ,GACRgD,SAAS;IAAA,QACCS,QAAQ,KAAK,MAAM,IAAIzD,aAAa,GAC9C,MAAM,GACNgD;EAAS,gBAUf,oBAAC,iBAAiB;IAChB,SAAS,EAAES,QAAS;IACpB,KAAK,EAAEpC,IAAK;IACZ,GAAG,EAAEF;EAAY,GAEhBwC,cAAc,eACf,oBAAC,WAAW;IACV,SAAS,EAAE,mBAAoB;IAC/B,MAAM,EAAEhB,UAAW;IACnB,OAAO,EAAEV,MAAO;IAChB,GAAG,EAAEhB,SAAU;IACf,KAAK,EAAEjC,OAAO,IAAIC,WAAW,GAAGA,WAAW,GAAGkB,KAAM;IACpD,SAAS,EAAEsB,eAAgB;IAC3B,QAAQ,EAAEd,cAAe;IACzB,WAAW,EAAE,CAAC4D,WAAW,GAAGpF,WAAW,GAAG6D,SAAU;IACpD,QAAQ,EAAE3D,QAAS;IACnB,KAAK,EAAEC,IAAK;IACZ,QAAQ,EAAEN,OAAQ;IAClB,KAAK,EAAE;MACLwF,OAAO,EAAE,MAAM;MACfC,IAAI,EAAE,CAAC;MACPC,SAAS,EAAE,QAAQ;MACnBC,KAAK,EAAElB,QAAQ,KAAK,MAAM,GAAG,MAAM,GAAG;IACxC;EAAE,EACF,CACgB,EACnB,CAACpE,QAAQ,iBACR,0CACGL,OAAO,gBACN,oBAAC,aAAa,OAAG,gBAEjB,0CACGsF,SAAS,iBACR;IACE,WAAW,EAAE7B,eAAgB;IAC7B,OAAO,EAAED,cAAe;IACxB,eAAa;EAAe,gBAM5B,oBAAC,4BAA4B,OAAG,CAEnC,eACD,oBAAC,sCAAsC;IAAC,KAAK,EAAEnB;EAAK,EAAG,CAE1D,CAEJ,CACkB,CACpB,gBAEH,oBAAC,mBAAmB;IAClB,SAAS,EAAEzC,UAAU,CAAC,mBAAmB,EAAEmB,qBAAqB,CAAE;IAClE,MAAM,EAAE4C,UAAW;IACnB,OAAO,EAAEV,MAAO;IAChB,OAAO,EAAEb,WAAY;IACrB,GAAG,EAAEH,SAAU;IACf,KAAK,EAAEjC,OAAO,IAAIC,WAAW,GAAGA,WAAW,GAAGkB,KAAM;IACpD,SAAS,EAAEsB,eAAgB;IAC3B,QAAQ,EAAEd,cAAe;IACzB,WAAW,EAAExB,WAAY;IACzB,QAAQ,EAAEE,QAAS;IACnB,IAAI,EAAEC,IAAK;IACX,OAAO,EAAEC,OAAQ;IACjB,QAAQ,EAAEP,OAAQ;IAClB,cAAc,EAAE2E,cAAe;IAC/B,YAAY,EACV,CAACtE,QAAQ,gBACP,oBAAC,cAAc;MAAC,oBAAoB,EAAEA;IAAS,GAC5CL,OAAO,gBACN,oBAAC,aAAa,OAAG,GACfD,QAAQ,gBACV,oBAAC,MAAM;MACL,WAAW,EAAE0D,eAAgB;MAC7B,OAAO,EAAED,cAAe;MACxB,OAAO,EAAC,WAAW;MACnB,IAAI,EAAC;IAAO,gBAEZ,oBAAC,4BAA4B,OAAG,CACzB,GACP,IAAI,eACR,oBAAC,sCAAsC;MAAC,KAAK,EAAEnB;IAAK,EAAG,CACxC,GACf;EACL,EAEJ,EAEA,CAAChC,QAAQ,gBACR,oBAAC,kBAAkB;IACjB,SAAS,EAAES,QAAS;IACpB,IAAI,EAAE,cAAC8E,QAAQ;MAAA,oBAAK,oBAAC,MAAM,QAAEA,QAAQ,CAAU;IAAA;EAAC,gBAEhD,oBAAC,MAAM;IACL,QAAQ,EAAExD,WAAW,CAACG,OAAQ;IAC9B,IAAI,EAAEF,IAAK;IACX,SAAS,EAAC,QAAQ;IAClB,KAAK,EAAE;MACLwD,MAAM,EAAE,EAAE;MACVF,KAAK,2BAAEvD,WAAW,CAACG,OAAO,qBAAnB,sBAAqBuD;IAC9B,CAAE;IACF,GAAG,EAAE5D,UAAW;IAChB,QAAQ,EAAE;EAAQ,gBAElB,oBAAC,YAAY;IAAC,WAAW;IAAC,cAAc;EAAA,gBACtC,oBAAC,kBAAkB;IAAC,MAAM,2BAAEE,WAAW,CAACG,OAAO,qBAAnB,sBAAqBuD;EAAY,gBAC3D,oBAAC,YAAY,eACP7E,IAAI;IACR,OAAO,EAAEa,SAAU;IACnB,QAAQ,EAAE/B,QAAS;IACnB,YAAY,EAAEgD,YAAa;IAC3B,YAAY,EAAEG,kBAAmB;IACjC,OAAO,EAAEpD,OAAQ;IACjB,IAAI,EAAEU,IAAK;IACX,iBAAiB,EAAEsC;EAAY,GAC/B,CACiB,CACR,CACR,CACU,GACnB,IAAI,CACJ;AAEV,CAAC;AAEDjD,QAAQ,CAACkG,WAAW,GAAG,UAAU;AAAC;EAAA;EAAA;AAAA;EAAA;AAAA;EAAA;AAAA;AAAA;EAAA;EAAA;AAAA;AAAA;EAAA;EAAA;AAAA;EAAA;AAAA;EAAA;AAAA;EAAA;AAAA;AAAA;EAAA;EAAA;AAAA"}

package/dist/esm/components/ComboBox/Styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"~~sources~~":["~~../../../../src/components/ComboBox/~~Styles.ts"],"names":["styled","css","CollapseExpandSingleIcon","CloseSmallIcon","Input","StyledInputWrapper","StyledComboBoxInput","displayName","StyledIconDefaults","StyledComboBoxCollapseExpandSingleIcon","props","$open","StyledComboBoxCloseSmallIcon","StyledComboBoxList","div","$width","StyledChipWrapper","$autoSize"],"~~mappings~~":"AAAA,OAAOA,MAAP,IAAiBC,GAAjB,QAA4B,mBAA5B;AACA,SAASC,wBAAT,EAAmCC,cAAnC,QAAyD,qBAAzD;AACA,SAASC,KAAT,QAAsB,UAAtB;AACA,SAASC,kBAAT,QAAmC,iBAAnC;AAGA,OAAO,IAAMC,mBAAmB,GAAGN,MAAM,CAACI,KAAD,CAAT;AAAA;AAAA;AAAA,0DAAzB;AAMPE,mBAAmB,CAACC,WAApB,GAAkC,qBAAlC;AAEA,IAAMC,kBAAkB,GAAGP,GAAH,mCAAxB;AAKA,OAAO,IAAMQ,sCAAsC,GAAGT,MAAM,CAC1DE,wBAD0D,CAAT;AAAA;AAAA;AAAA,wEAG/~~CM,kBAH+C,EAO~~/C,UAACE,KAAD;AAAA,SACAA,KAAK,CAACC,KAAN,IACAV,GADA,6BADA;AAAA,CAP+C,CAA5C;AAcPQ,sCAAsC,CAACF,WAAvC,GACE,wCADF;AAGA,OAAO,IAAMK,4BAA4B,GAAGZ,MAAM,CAACG,cAAD,CAAT;AAAA;AAAA;AAAA,sJACrCK,kBADqC,EAOrCF,mBAPqC,EAOPD,kBAPO,CAAlC;AAaPO,4BAA4B,CAACL,WAA7B,GAA2C,8BAA3C;AAEA,OAAO,IAAMM,kBAAkB,GAAGb,MAAM,CAACc,GAAV;AAAA;AAAA;AAAA,oLAOpB,UAACJ,KAAD;AAAA,SAAcA,KAAK,CAACK,MAApB;AAAA,CAPoB,CAAxB;AAUPF,kBAAkB,CAACN,WAAnB,GAAiC,oBAAjC;AAEA,OAAO,IAAMS,iBAAiB,GAAGhB,MAAM,CAACc,GAAV;AAAA;AAAA;AAAA,+CAIxB;AAAA;AAAA,CAJwB,EAKxB;AAAA;AAAA,CALwB,EAMxB;AAAA;AAAA,CANwB,EAQhB;AAAA,MAAGH,KAAH,QAAGA,KAAH;AAAA,SAAgBA,KAAK,GAAG,MAAH,GAAY,QAAjC;AAAA,CARgB,EAU1B;AAAA,MAAGM,SAAH,SAAGA,SAAH;AAAA,SACAA,SAAS,KAAK,MAAd,IACAhB,GADA,iBAEM;AAAA;AAAA,GAFN,EAGM;AAAA;AAAA,GAHN,CADA;AAAA,CAV0B,EAiB1B;AAAA,MAAGgB,SAAH,SAAGA,SAAH;AAAA,SACAA,SAAS,KAAK,MAAd,IACAhB,GADA,yBADA;AAAA,CAjB0B,CAAvB;AAuBPe,iBAAiB,CAACT,WAAlB,GAAgC,mBAAhC","sourcesContent":["import styled, { css } from \"styled-components\";\nimport { CollapseExpandSingleIcon, CloseSmallIcon } from \"../Icons/collection\";\nimport { Input } from \"../Input\";\nimport { StyledInputWrapper } from \"../Input/Styles\";\nimport tw from \"twin.macro\";\n\nexport const StyledComboBoxInput = styled(Input)<{ $loading?: boolean }>`\n overflow: hidden;\n text-overflow: ellipsis;\n width: 100%;\n`;\n\nStyledComboBoxInput.displayName = \"StyledComboBoxInput\";\n\nconst StyledIconDefaults = css`\n flex-shrink: 0;\n cursor: pointer;\n`;\n\nexport const StyledComboBoxCollapseExpandSingleIcon = styled(\n CollapseExpandSingleIcon\n)<{ $open?: boolean }>`\n ${StyledIconDefaults};\n color: var(--color-theme-600);\n transform: rotate(180deg);\n\n ${(props) =>\n props.$open &&\n css`\n transform: rotate(0deg);\n `}\n`;\n\nStyledComboBoxCollapseExpandSingleIcon.displayName =\n \"StyledComboBoxCollapseExpandSingleIcon\";\n\nexport const StyledComboBoxCloseSmallIcon = styled(CloseSmallIcon)`\n ${StyledIconDefaults};\n opacity: 0;\n transition-property: all;\n transition-duration: 0.2s;\n transition-delay: 0.5s;\n\n ${StyledComboBoxInput}:hover, ${StyledInputWrapper}:hover & {\n opacity: 1;\n transition-delay: 0s;\n }\n`;\n\nStyledComboBoxCloseSmallIcon.displayName = \"StyledComboBoxCloseSmallIcon\";\n\nexport const StyledComboBoxList = styled.div<{ $width?: number }>`\n min-width: 260px;\n background-color: var(--page-paper-main);\n border-radius: 8px;\n border: 1px solid var(--border-primary);\n box-shadow: var(--shadow-tertiary);\n margin: 8px 0;\n width: ${(props) => `${props.$width}px`};\n`;\n\nStyledComboBoxList.displayName = \"StyledComboBoxList\";\n\nexport const StyledChipWrapper = styled.div<{\n $autoSize: string;\n $open?: boolean;\n}>`\n ${tw`tw-flex`};\n ${tw`tw-gap-1`};\n ${tw`tw-flex-1`};\n\n overflow: ${({ $open }) => ($open ? \"auto\" : \"hidden\")};\n\n ${({ $autoSize }) =>\n $autoSize === \"auto\" &&\n css`\n ${tw`tw-flex-wrap`};\n ${tw`tw-w-full`};\n `}\n\n ${({ $autoSize }) =>\n $autoSize !== \"auto\" &&\n css`\n align-items: center;\n `}\n`;\nStyledChipWrapper.displayName = \"StyledChipWrapper\";\n"],"~~file~~":"~~Styles.js~~"}
1	+ {"version":3,"file":"Styles.js","names":["styled","css","CollapseExpandSingleIcon","CloseSmallIcon","Input","StyledInputWrapper","StyledComboBoxInput","displayName","StyledIconDefaults","StyledComboBoxCollapseExpandSingleIcon","props","$open","StyledComboBoxCloseSmallIcon","StyledComboBoxList","div","$width","StyledChipWrapper","$autoSize"],"sources":["../../../../src/components/ComboBox/Styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\nimport { CollapseExpandSingleIcon, CloseSmallIcon } from \"../Icons/collection\";\nimport { Input } from \"../Input\";\nimport { StyledInputWrapper } from \"../Input/Styles\";\nimport tw from \"twin.macro\";\n\nexport const StyledComboBoxInput = styled(Input)<{ $loading?: boolean }>`\n overflow: hidden;\n text-overflow: ellipsis;\n width: 100%;\n`;\n\nStyledComboBoxInput.displayName = \"StyledComboBoxInput\";\n\nconst StyledIconDefaults = css`\n flex-shrink: 0;\n cursor: pointer;\n`;\n\nexport const StyledComboBoxCollapseExpandSingleIcon = styled(\n CollapseExpandSingleIcon\n)<{ $open?: boolean }>`\n ${StyledIconDefaults};\n color: var(--color-theme-600);\n transform: rotate(180deg);\n\n ${(props) =>\n props.$open &&\n css`\n transform: rotate(0deg);\n `}\n`;\n\nStyledComboBoxCollapseExpandSingleIcon.displayName =\n \"StyledComboBoxCollapseExpandSingleIcon\";\n\nexport const StyledComboBoxCloseSmallIcon = styled(CloseSmallIcon)`\n ${StyledIconDefaults};\n opacity: 0;\n transition-property: all;\n transition-duration: 0.2s;\n transition-delay: 0.5s;\n\n ${StyledComboBoxInput}:hover, ${StyledInputWrapper}:hover & {\n opacity: 1;\n transition-delay: 0s;\n }\n`;\n\nStyledComboBoxCloseSmallIcon.displayName = \"StyledComboBoxCloseSmallIcon\";\n\nexport const StyledComboBoxList = styled.div<{ $width?: number }>`\n min-width: 260px;\n background-color: var(--page-paper-main);\n border-radius: 8px;\n border: 1px solid var(--border-primary);\n box-shadow: var(--shadow-tertiary);\n margin: 8px 0;\n width: ${(props) => `${props.$width}px`};\n`;\n\nStyledComboBoxList.displayName = \"StyledComboBoxList\";\n\nexport const StyledChipWrapper = styled.div<{\n $autoSize: string;\n $open?: boolean;\n}>`\n ${tw`tw-flex`};\n ${tw`tw-gap-1`};\n ${tw`tw-flex-1`};\n\n overflow: ${({ $open }) => ($open ? \"auto\" : \"hidden\")};\n\n ${({ $autoSize }) =>\n $autoSize === \"auto\" &&\n css`\n ${tw`tw-flex-wrap`};\n ${tw`tw-w-full`};\n `}\n\n ${({ $autoSize }) =>\n $autoSize !== \"auto\" &&\n css`\n align-items: center;\n `}\n`;\nStyledChipWrapper.displayName = \"StyledChipWrapper\";\n"],"mappings":"AAAA,OAAOA,MAAM,IAAIC,GAAG,QAAQ,mBAAmB;AAC/C,SAASC,wBAAwB,EAAEC,cAAc,QAAQ,qBAAqB;AAC9E,SAASC,KAAK,QAAQ,UAAU;AAChC,SAASC,kBAAkB,QAAQ,iBAAiB;AAGpD,OAAO,IAAMC,mBAAmB,GAAGN,MAAM,CAACI,KAAK,CAAC;EAAA;EAAA;AAAA,0DAI/C;AAEDE,mBAAmB,CAACC,WAAW,GAAG,qBAAqB;AAEvD,IAAMC,kBAAkB,GAAGP,GAAG,mCAG7B;AAED,OAAO,IAAMQ,sCAAsC,GAAGT,MAAM,CAC1DE,wBAAwB,CACzB;EAAA;EAAA;AAAA,wEACGM,kBAAkB,EAIlB,UAACE,KAAK;EAAA,OACNA,KAAK,CAACC,KAAK,IACXV,GAAG,6BAEF;AAAA,EACJ;AAEDQ,sCAAsC,CAACF,WAAW,GAChD,wCAAwC;AAE1C,OAAO,IAAMK,4BAA4B,GAAGZ,MAAM,CAACG,cAAc,CAAC;EAAA;EAAA;AAAA,sJAC9DK,kBAAkB,EAMlBF,mBAAmB,EAAWD,kBAAkB,CAInD;AAEDO,4BAA4B,CAACL,WAAW,GAAG,8BAA8B;AAEzE,OAAO,IAAMM,kBAAkB,GAAGb,MAAM,CAACc,GAAG;EAAA;EAAA;AAAA,oLAOjC,UAACJ,KAAK;EAAA,OAAQA,KAAK,CAACK,MAAM;AAAA,CAAI,CACxC;AAEDF,kBAAkB,CAACN,WAAW,GAAG,oBAAoB;AAErD,OAAO,IAAMS,iBAAiB,GAAGhB,MAAM,CAACc,GAAG;EAAA;EAAA;AAAA,+CAIrC;EAAA;AAAQ,CAAC,EACT;EAAA;AAAS,CAAC,EACV;EAAA;AAAU,CAAC,EAEH;EAAA,IAAGH,KAAK,QAALA,KAAK;EAAA,OAAQA,KAAK,GAAG,MAAM,GAAG,QAAQ;AAAA,CAAC,EAEpD;EAAA,IAAGM,SAAS,SAATA,SAAS;EAAA,OACZA,SAAS,KAAK,MAAM,IACpBhB,GAAG,iBACG;IAAA;EAAa,CAAC,EACd;IAAA;EAAU,CAAC,CAChB;AAAA,GAED;EAAA,IAAGgB,SAAS,SAATA,SAAS;EAAA,OACZA,SAAS,KAAK,MAAM,IACpBhB,GAAG,yBAEF;AAAA,EACJ;AACDe,iBAAiB,CAACT,WAAW,GAAG,mBAAmB"}

package/dist/esm/components/ComboBox/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"~~sources~~":["~~../../../../src/components/ComboBox/~~index.ts"],"names":[],"~~mappings~~":"~~AAAA,cAAc,YAAd~~","sourcesContent":["export * from \"./ComboBox\";\n"],"~~file~~":"~~index.js~~"}
1	+ {"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/ComboBox/index.ts"],"sourcesContent":["export * from \"./ComboBox\";\n"],"mappings":"AAAA,cAAc,YAAY"}

package/dist/esm/components/CompleteCheckbox/CompleteCheckbox.js CHANGED Viewed

@@ -3,16 +3,16 @@ import classnames from "classnames";
 import { StyledCompleteCheckbox } from "./Styles";
 export var CompleteCheckbox = function CompleteCheckbox(_ref) {
   var _ref$completed = _ref.completed,
-      completed = _ref$completed === void 0 ? false : _ref$completed,
-      _ref$disabled = _ref.disabled,
-      disabled = _ref$disabled === void 0 ? false : _ref$disabled,
-      _ref$animate = _ref.animate,
-      animate = _ref$animate === void 0 ? false : _ref$animate,
-      onClick = _ref.onClick,
-      className = _ref.className,
-      _ref$primary = _ref.primary,
-      primary = _ref$primary === void 0 ? false : _ref$primary,
-      checkMarkClassName = _ref.checkMarkClassName;
+    completed = _ref$completed === void 0 ? false : _ref$completed,
+    _ref$disabled = _ref.disabled,
+    disabled = _ref$disabled === void 0 ? false : _ref$disabled,
+    _ref$animate = _ref.animate,
+    animate = _ref$animate === void 0 ? false : _ref$animate,
+    onClick = _ref.onClick,
+    className = _ref.className,
+    _ref$primary = _ref.primary,
+    primary = _ref$primary === void 0 ? false : _ref$primary,
+    checkMarkClassName = _ref.checkMarkClassName;
   return /*#__PURE__*/React.createElement(StyledCompleteCheckbox, {
     onClick: onClick,
     className: classnames("c-complete-checkbox", className),

package/dist/esm/components/CompleteCheckbox/CompleteCheckbox.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"~~sources~~":["~~../../../../src/components/~~CompleteCheckbox~~/CompleteCheckbox~~.~~tsx~~"],"names":["React","classnames","StyledCompleteCheckbox","CompleteCheckbox","completed","disabled","animate","onClick","className","primary","checkMarkClassName","displayName"],"~~mappings~~":"~~AAAA,OAAOA,KAAP,MAAsC,OAAtC;AACA,OAAOC,UAAP,MAAuB,YAAvB;AACA,SAASC,sBAAT,QAAuC,UAAvC;AAmBA,OAAO,IAAMC,gBAA4C,GAAG,SAA~~/CA,gBAA+C,OAQtD;AAAA,4BAPJC,SAOI;AAAA,MAPJA,SAOI,+BAPQ,KAOR;AAAA,2BANJC,QAMI;AAAA,MANJA,QAMI,8BANO,KAMP;AAAA,0BALJC,OAKI;AAAA,MALJA,OAKI,6BALM,KAKN;AAAA,MAJJC,OAII,QAJJA,OAII;AAAA,MAHJC,SAGI,QAHJA,SAGI;AAAA,0BAFJC,OAEI;AAAA,MAFJA,OAEI,6BAFM,KAEN;AAAA,MADJC,kBACI,QADJA,kBACI;AACJ,sBACE,oBAAC,sBAAD;AACE,IAAA,OAAO,EAAEH,OADX;AAEE,IAAA,SAAS,EAAEN,UAAU,CAAC,qBAAD,EAAwBO,SAAxB,CAFvB;AAGE,IAAA,QAAQ,EAAEC,OAHZ;AAIE,IAAA,UAAU,EAAEL,SAJd;AAKE,IAAA,SAAS,EAAEC,QALb;AAME,IAAA,UAAU,EAAE,CAACA,QAAD,IAAaD,SAAb,IAA0BE,OANxC;AAOE,IAAA,mBAAmB,EAAE,CAAC,CAACI;AAPzB,kBASE;AAAK,IAAA,OAAO,EAAC,WAAb;AAAyB,IAAA,SAAS,EAAEA;AAApC,kBACE;AAAM,IAAA,CAAC,EAAC;AAAR,IADF,eAEE;AAAU,IAAA,MAAM,EAAC;AAAjB,IAFF,CATF,CADF;AAgBD,CAzBM;AA2BPP,gBAAgB,CAACQ,WAAjB,GAA+B,kBAA/B","sourcesContent":["import React, { FC, MouseEvent } from \"react\";\nimport classnames from \"classnames\";\nimport { StyledCompleteCheckbox } from \"./Styles\";\n\nexport interface ICompleteCheckboxProps {\n /** Change completed state of checkbox /\n completed?: boolean;\n /* Callback /\n onClick?: (event: MouseEvent) => void;\n /* Make component disabled for interaction /\n disabled?: boolean;\n /* Animation (works only when is completed and not disabled) /\n animate?: boolean;\n /* Class names /\n className?: string \| undefined;\n /* Set green color for checkbox /\n primary?: boolean;\n /* Set checkmark height and width */\n checkMarkClassName?: string;\n}\n\nexport const CompleteCheckbox: FC<ICompleteCheckboxProps> = ({\n completed = false,\n disabled = false,\n animate = false,\n onClick,\n className,\n primary = false,\n checkMarkClassName,\n}) => {\n return (\n <StyledCompleteCheckbox\n onClick={onClick}\n className={classnames(\"c-complete-checkbox\", className)}\n $primary={primary}\n $completed={completed}\n $disabled={disabled}\n $animation={!disabled && completed && animate}\n $checkMarkClassName={!!checkMarkClassName}\n >\n <svg viewBox=\"0 0 48 48\" className={checkMarkClassName}>\n <path d=\"M7,7l5.7,5.7 M0,24h8 M7,41l5.7-5.7 M24,48v-8 M41,41l-5.7-5.7 M48,24h-8 M41,7l-5.7,5.7 M24,0v8\" />\n <polyline points=\"19.5,24 22.5,27 28.5,21\" />\n </svg>\n </StyledCompleteCheckbox>\n );\n};\n\nCompleteCheckbox.displayName = \"CompleteCheckbox\";\n"],"~~file~~":"~~CompleteCheckbox.js~~"}
1	+ {"version":3,"file":"CompleteCheckbox.js","names":["React","classnames","StyledCompleteCheckbox","CompleteCheckbox","completed","disabled","animate","onClick","className","primary","checkMarkClassName","displayName"],"sources":["../../../../src/components/CompleteCheckbox/CompleteCheckbox.tsx"],"sourcesContent":["import React, { FC, MouseEvent } from \"react\";\nimport classnames from \"classnames\";\nimport { StyledCompleteCheckbox } from \"./Styles\";\n\nexport interface ICompleteCheckboxProps {\n /** Change completed state of checkbox /\n completed?: boolean;\n /* Callback /\n onClick?: (event: MouseEvent) => void;\n /* Make component disabled for interaction /\n disabled?: boolean;\n /* Animation (works only when is completed and not disabled) /\n animate?: boolean;\n /* Class names /\n className?: string \| undefined;\n /* Set green color for checkbox /\n primary?: boolean;\n /* Set checkmark height and width */\n checkMarkClassName?: string;\n}\n\nexport const CompleteCheckbox: FC<ICompleteCheckboxProps> = ({\n completed = false,\n disabled = false,\n animate = false,\n onClick,\n className,\n primary = false,\n checkMarkClassName,\n}) => {\n return (\n <StyledCompleteCheckbox\n onClick={onClick}\n className={classnames(\"c-complete-checkbox\", className)}\n $primary={primary}\n $completed={completed}\n $disabled={disabled}\n $animation={!disabled && completed && animate}\n $checkMarkClassName={!!checkMarkClassName}\n >\n <svg viewBox=\"0 0 48 48\" className={checkMarkClassName}>\n <path d=\"M7,7l5.7,5.7 M0,24h8 M7,41l5.7-5.7 M24,48v-8 M41,41l-5.7-5.7 M48,24h-8 M41,7l-5.7,5.7 M24,0v8\" />\n <polyline points=\"19.5,24 22.5,27 28.5,21\" />\n </svg>\n </StyledCompleteCheckbox>\n );\n};\n\nCompleteCheckbox.displayName = \"CompleteCheckbox\";\n"],"mappings":"AAAA,OAAOA,KAAK,MAA0B,OAAO;AAC7C,OAAOC,UAAU,MAAM,YAAY;AACnC,SAASC,sBAAsB,QAAQ,UAAU;AAmBjD,OAAO,IAAMC,gBAA4C,GAAG,SAA/CA,gBAA4C,OAQnD;EAAA,0BAPJC,SAAS;IAATA,SAAS,+BAAG,KAAK;IAAA,qBACjBC,QAAQ;IAARA,QAAQ,8BAAG,KAAK;IAAA,oBAChBC,OAAO;IAAPA,OAAO,6BAAG,KAAK;IACfC,OAAO,QAAPA,OAAO;IACPC,SAAS,QAATA,SAAS;IAAA,oBACTC,OAAO;IAAPA,OAAO,6BAAG,KAAK;IACfC,kBAAkB,QAAlBA,kBAAkB;EAElB,oBACE,oBAAC,sBAAsB;IACrB,OAAO,EAAEH,OAAQ;IACjB,SAAS,EAAEN,UAAU,CAAC,qBAAqB,EAAEO,SAAS,CAAE;IACxD,QAAQ,EAAEC,OAAQ;IAClB,UAAU,EAAEL,SAAU;IACtB,SAAS,EAAEC,QAAS;IACpB,UAAU,EAAE,CAACA,QAAQ,IAAID,SAAS,IAAIE,OAAQ;IAC9C,mBAAmB,EAAE,CAAC,CAACI;EAAmB,gBAE1C;IAAK,OAAO,EAAC,WAAW;IAAC,SAAS,EAAEA;EAAmB,gBACrD;IAAM,CAAC,EAAC;EAA+F,EAAG,eAC1G;IAAU,MAAM,EAAC;EAAyB,EAAG,CACzC,CACiB;AAE7B,CAAC;AAEDP,gBAAgB,CAACQ,WAAW,GAAG,kBAAkB"}

package/dist/esm/components/CompleteCheckbox/Styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"~~sources~~":["~~../../../../src/components/CompleteCheckbox/~~Styles.ts"],"names":["styled","css","keyframes","burstScale","burstAnimation","StyledCompleteCheckbox","div","props","$primary","$completed","$disabled","$animation","$checkMarkClassName","displayName"],"~~mappings~~":"AAAA,OAAOA,MAAP,IAAiBC,GAAjB,EAAsBC,SAAtB,QAAuC,mBAAvC;AAWA,IAAMC,UAAU,GAAGD,SAAH,sDAAhB;AASA,IAAME,cAAc,GAAGF,SAAH,wDAApB;AASA,OAAO,IAAMG,sBAAsB,GAAGL,MAAM,CAACM,GAAV;AAAA;AAAA;AAAA,qYAC7B;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,CAD6B,EAM3B;AAAA;AAAA;AAAA,CAN2B,EAmB/~~B,UAACC,KAAD;AAAA,SACAA,KAAK,CAACC,QAAN,IACAP,GADA,4CADA;AAAA,CAnB+B,EAoC7B,UAACM,KAAD;AAAA,SACAA,KAAK,CAACC,QAAN,IACAP,GADA,oCADA;AAAA,CApC6B,EA2C~~/B,UAACM,KAAD;AAAA,SACAA,KAAK,CAACE,UAAN,IACAR,GADA,+RAMI,CAACM,KAAK,CAACC,QAAP,IACFP,GADE,qEAEI;AAAA;AAAA;AAAA,GAFJ,CANJ,EAeMM,KAAK,CAACC,QAAN,IACFP,GADE,uDAfN,EAwBMM,KAAK,CAACC,QAAN,IACFP,GADE,oCAxBN,CADA;AAAA,CA3C+B,EAiF/B,UAACM,KAAD;AAAA,SACA,CAACA,KAAK,CAACE,UAAP,IACA,CAACF,KAAK,CAACG,SADP,IAEAT,GAFA,8JAOM,CAACM,KAAK,CAACC,QAAP,IACFP,GADE,kEAPN,CADA;AAAA,CAjF+B,EAoG/B,UAACM,KAAD;AAAA,SACAA,KAAK,CAACI,UAAN,IACAV,GADA,mFAIiBE,UAJjB,EAKQC,cALR,CADA;AAAA,CApG+B,EA8G/B,UAACG,KAAD;AAAA,SACAA,KAAK,CAACG,SAAN,IACAT,GADA,wBAEM;AAAA;AAAA,GAFN,CADA;AAAA,CA9G+B,EAqH/B,UAACM,KAAD;AAAA,SACA,CAACA,KAAK,CAACK,mBAAP,IACAX,GADA,gBAGQ;AAAA;AAAA;AAAA,GAHR,CADA;AAAA,CArH+B,CAA5B;AA8HPI,sBAAsB,CAACQ,WAAvB,GAAqC,wBAArC","sourcesContent":["import styled, { css, keyframes } from \"styled-components\";\nimport tw from \"twin.macro\";\n\ninterface StyledCompleteCheckboxProps {\n $primary?: boolean;\n $completed?: boolean;\n $disabled?: boolean;\n $animation?: boolean;\n $checkMarkClassName?: boolean;\n}\n\nconst burstScale = keyframes`\n from {\n transform: scale(0);\n }\n to {\n transform: scale(1);\n }\n`;\n\nconst burstAnimation = keyframes`\n from {\n stroke-dashoffset: 0;\n }\n to {\n stroke-dashoffset: 8;\n }\n`;\n\nexport const StyledCompleteCheckbox = styled.div<StyledCompleteCheckboxProps>`\n ${tw`tw-w-6 tw-h-6 tw-rounded-full tw-border tw-border-solid tw-relative tw-cursor-pointer`}\n border-color: var(--color-theme-600);\n transition: ease 0.3s all;\n\n svg {\n ${tw`tw-absolute tw-pointer-events-none`}\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n }\n\n svg path {\n fill: none;\n stroke: #32b370;\n stroke-width: 3;\n transform: scale(0);\n }\n\n ${(props) =>\n props.$primary &&\n css`\n svg path {\n stroke: var(--color-primary);\n }\n `}\n\n svg polyline {\n fill: none;\n stroke-width: 2;\n stroke-linecap: round;\n stroke-linejoin: round;\n transition: 0.3s;\n stroke-dasharray: 13;\n stroke-dashoffset: 13;\n stroke: #d2d2d2;\n ${(props) =>\n props.$primary &&\n css`\n stroke: var(--color-theme-500);\n `}\n }\n\n ${(props) =>\n props.$completed &&\n css`\n box-shadow: inset 0 0 0 12px var(--color-primary);\n border-color: var(--color-primary);\n border-width: 0px;\n\n ${!props.$primary &&\n css`\n ${tw`tw-border tw-border-solid`}\n box-shadow: inset 0 0 0 12px #84cc7c;\n border-color: #84cc7c;\n `}\n\n &:hover {\n box-shadow: inset 0 0 0 12px #84cc7c;\n ${props.$primary &&\n css`\n box-shadow: inset 0 0 0 12px var(--color-primary);\n `}\n }\n\n svg polyline {\n stroke-dashoffset: 0;\n stroke: #fff;\n ${props.$primary &&\n css`\n stroke: var(--color-theme-100);\n `}\n }\n\n svg path {\n stroke-dasharray: 8;\n stroke-dashoffset: 0;\n transform-origin: 24px 24px;\n }\n `}\n\n ${(props) =>\n !props.$completed &&\n !props.$disabled &&\n css`\n &:hover {\n border: 1px solid var(--color-primary);\n box-shadow: inset 0 0 0 2px var(--color-primary);\n border-width: 0px;\n ${!props.$primary &&\n css`\n border: 1px solid #84cc7c;\n box-shadow: inset 0 0 0 2px #84cc7c;\n `}\n svg polyline {\n stroke-dashoffset: 0;\n }\n }\n `}\n\n ${(props) =>\n props.$animation &&\n css`\n /* Delay of 0.01s is for safari transform bug. */\n svg path {\n animation: ${burstScale} 0.6s ease 0s 1 normal,\n ${burstAnimation} 0.4s ease 0.2s 1 normal;\n }\n `}\n\n ${(props) =>\n props.$disabled &&\n css`\n ${tw`tw-cursor-default`}\n opacity: 0.5;\n `}\n\n ${(props) =>\n !props.$checkMarkClassName &&\n css`\n svg {\n ${tw`tw-w-12 tw-h-12`}\n }\n `}\n`;\n\nStyledCompleteCheckbox.displayName = \"StyledCompleteCheckbox\";\n"],"~~file~~":"~~Styles.js~~"}
1	+ {"version":3,"file":"Styles.js","names":["styled","css","keyframes","burstScale","burstAnimation","StyledCompleteCheckbox","div","props","$primary","$completed","$disabled","$animation","$checkMarkClassName","displayName"],"sources":["../../../../src/components/CompleteCheckbox/Styles.ts"],"sourcesContent":["import styled, { css, keyframes } from \"styled-components\";\nimport tw from \"twin.macro\";\n\ninterface StyledCompleteCheckboxProps {\n $primary?: boolean;\n $completed?: boolean;\n $disabled?: boolean;\n $animation?: boolean;\n $checkMarkClassName?: boolean;\n}\n\nconst burstScale = keyframes`\n from {\n transform: scale(0);\n }\n to {\n transform: scale(1);\n }\n`;\n\nconst burstAnimation = keyframes`\n from {\n stroke-dashoffset: 0;\n }\n to {\n stroke-dashoffset: 8;\n }\n`;\n\nexport const StyledCompleteCheckbox = styled.div<StyledCompleteCheckboxProps>`\n ${tw`tw-w-6 tw-h-6 tw-rounded-full tw-border tw-border-solid tw-relative tw-cursor-pointer`}\n border-color: var(--color-theme-600);\n transition: ease 0.3s all;\n\n svg {\n ${tw`tw-absolute tw-pointer-events-none`}\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n }\n\n svg path {\n fill: none;\n stroke: #32b370;\n stroke-width: 3;\n transform: scale(0);\n }\n\n ${(props) =>\n props.$primary &&\n css`\n svg path {\n stroke: var(--color-primary);\n }\n `}\n\n svg polyline {\n fill: none;\n stroke-width: 2;\n stroke-linecap: round;\n stroke-linejoin: round;\n transition: 0.3s;\n stroke-dasharray: 13;\n stroke-dashoffset: 13;\n stroke: #d2d2d2;\n ${(props) =>\n props.$primary &&\n css`\n stroke: var(--color-theme-500);\n `}\n }\n\n ${(props) =>\n props.$completed &&\n css`\n box-shadow: inset 0 0 0 12px var(--color-primary);\n border-color: var(--color-primary);\n border-width: 0px;\n\n ${!props.$primary &&\n css`\n ${tw`tw-border tw-border-solid`}\n box-shadow: inset 0 0 0 12px #84cc7c;\n border-color: #84cc7c;\n `}\n\n &:hover {\n box-shadow: inset 0 0 0 12px #84cc7c;\n ${props.$primary &&\n css`\n box-shadow: inset 0 0 0 12px var(--color-primary);\n `}\n }\n\n svg polyline {\n stroke-dashoffset: 0;\n stroke: #fff;\n ${props.$primary &&\n css`\n stroke: var(--color-theme-100);\n `}\n }\n\n svg path {\n stroke-dasharray: 8;\n stroke-dashoffset: 0;\n transform-origin: 24px 24px;\n }\n `}\n\n ${(props) =>\n !props.$completed &&\n !props.$disabled &&\n css`\n &:hover {\n border: 1px solid var(--color-primary);\n box-shadow: inset 0 0 0 2px var(--color-primary);\n border-width: 0px;\n ${!props.$primary &&\n css`\n border: 1px solid #84cc7c;\n box-shadow: inset 0 0 0 2px #84cc7c;\n `}\n svg polyline {\n stroke-dashoffset: 0;\n }\n }\n `}\n\n ${(props) =>\n props.$animation &&\n css`\n /* Delay of 0.01s is for safari transform bug. */\n svg path {\n animation: ${burstScale} 0.6s ease 0s 1 normal,\n ${burstAnimation} 0.4s ease 0.2s 1 normal;\n }\n `}\n\n ${(props) =>\n props.$disabled &&\n css`\n ${tw`tw-cursor-default`}\n opacity: 0.5;\n `}\n\n ${(props) =>\n !props.$checkMarkClassName &&\n css`\n svg {\n ${tw`tw-w-12 tw-h-12`}\n }\n `}\n`;\n\nStyledCompleteCheckbox.displayName = \"StyledCompleteCheckbox\";\n"],"mappings":"AAAA,OAAOA,MAAM,IAAIC,GAAG,EAAEC,SAAS,QAAQ,mBAAmB;AAW1D,IAAMC,UAAU,GAAGD,SAAS,sDAO3B;AAED,IAAME,cAAc,GAAGF,SAAS,wDAO/B;AAED,OAAO,IAAMG,sBAAsB,GAAGL,MAAM,CAACM,GAAG;EAAA;EAAA;AAAA,qYAC1C;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAsF,CAAC,EAKrF;EAAA;EAAA;AAAmC,CAAC,EAaxC,UAACC,KAAK;EAAA,OACNA,KAAK,CAACC,QAAQ,IACdP,GAAG,4CAIF;AAAA,GAWC,UAACM,KAAK;EAAA,OACNA,KAAK,CAACC,QAAQ,IACdP,GAAG,oCAEF;AAAA,GAGH,UAACM,KAAK;EAAA,OACNA,KAAK,CAACE,UAAU,IAChBR,GAAG,+RAKC,CAACM,KAAK,CAACC,QAAQ,IACjBP,GAAG,qEACG;IAAA;IAAA;EAA0B,CAAC,CAGhC,EAIGM,KAAK,CAACC,QAAQ,IAChBP,GAAG,uDAEF,EAMCM,KAAK,CAACC,QAAQ,IAChBP,GAAG,oCAEF,CAQJ;AAAA,GAED,UAACM,KAAK;EAAA,OACN,CAACA,KAAK,CAACE,UAAU,IACjB,CAACF,KAAK,CAACG,SAAS,IAChBT,GAAG,8JAKG,CAACM,KAAK,CAACC,QAAQ,IACjBP,GAAG,kEAGF,CAKJ;AAAA,GAED,UAACM,KAAK;EAAA,OACNA,KAAK,CAACI,UAAU,IAChBV,GAAG,mFAGcE,UAAU,EACnBC,cAAc,CAErB;AAAA,GAED,UAACG,KAAK;EAAA,OACNA,KAAK,CAACG,SAAS,IACfT,GAAG,wBACG;IAAA;EAAkB,CAAC,CAExB;AAAA,GAED,UAACM,KAAK;EAAA,OACN,CAACA,KAAK,CAACK,mBAAmB,IAC1BX,GAAG,gBAEK;IAAA;IAAA;EAAgB,CAAC,CAExB;AAAA,EACJ;AAEDI,sBAAsB,CAACQ,WAAW,GAAG,wBAAwB"}

package/dist/esm/components/CompleteCheckbox/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"~~sources~~":["~~../../../../src/components/CompleteCheckbox/~~index.ts"],"names":[],"~~mappings~~":"~~AAAA,cAAc,oBAAd~~","sourcesContent":["export * from \"./CompleteCheckbox\";\n"],"~~file~~":"~~index.js~~"}
1	+ {"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/CompleteCheckbox/index.ts"],"sourcesContent":["export * from \"./CompleteCheckbox\";\n"],"mappings":"AAAA,cAAc,oBAAoB"}

package/dist/esm/components/ConfirmDialog/ConfirmDialog.js CHANGED Viewed

@@ -5,20 +5,20 @@ import { Button } from "../Button/Button";
 import { Body2 } from "../Typography/Variants/Body2";
 export var ConfirmDialog = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var _ref$open = _ref.open,
-      open = _ref$open === void 0 ? false : _ref$open,
-      onCancel = _ref.onCancel,
-      onConfirm = _ref.onConfirm,
-      className = _ref.className,
-      _ref$dialogTitle = _ref.dialogTitle,
-      dialogTitle = _ref$dialogTitle === void 0 ? "Discard changes?" : _ref$dialogTitle,
-      _ref$dialogContent = _ref.dialogContent,
-      dialogContent = _ref$dialogContent === void 0 ? "All unsaved changes will be lost." : _ref$dialogContent,
-      _ref$confirmBtnText = _ref.confirmBtnText,
-      confirmBtnText = _ref$confirmBtnText === void 0 ? "OK" : _ref$confirmBtnText,
-      _ref$cancelBtnText = _ref.cancelBtnText,
-      cancelBtnText = _ref$cancelBtnText === void 0 ? "Cancel" : _ref$cancelBtnText,
-      _ref$shouldShowCancel = _ref.shouldShowCancelButton,
-      shouldShowCancelButton = _ref$shouldShowCancel === void 0 ? true : _ref$shouldShowCancel;
+    open = _ref$open === void 0 ? false : _ref$open,
+    onCancel = _ref.onCancel,
+    onConfirm = _ref.onConfirm,
+    className = _ref.className,
+    _ref$dialogTitle = _ref.dialogTitle,
+    dialogTitle = _ref$dialogTitle === void 0 ? "Discard changes?" : _ref$dialogTitle,
+    _ref$dialogContent = _ref.dialogContent,
+    dialogContent = _ref$dialogContent === void 0 ? "All unsaved changes will be lost." : _ref$dialogContent,
+    _ref$confirmBtnText = _ref.confirmBtnText,
+    confirmBtnText = _ref$confirmBtnText === void 0 ? "OK" : _ref$confirmBtnText,
+    _ref$cancelBtnText = _ref.cancelBtnText,
+    cancelBtnText = _ref$cancelBtnText === void 0 ? "Cancel" : _ref$cancelBtnText,
+    _ref$shouldShowCancel = _ref.shouldShowCancelButton,
+    shouldShowCancelButton = _ref$shouldShowCancel === void 0 ? true : _ref$shouldShowCancel;
   return /*#__PURE__*/React.createElement(Dialog, {
     ref: ref,
     open: open,

package/dist/esm/components/ConfirmDialog/ConfirmDialog.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"~~sources~~":["~~../../../../src/components/~~ConfirmDialog~~/ConfirmDialog~~.~~tsx~~"],"names":["React","forwardRef","classnames","Dialog","DialogTitle","DialogContent","DialogActions","DialogContentDivider","Button","Body2","ConfirmDialog","ref","open","onCancel","onConfirm","className","dialogTitle","dialogContent","confirmBtnText","cancelBtnText","shouldShowCancelButton","marginRight","displayName"],"~~mappings~~":"AAAA,OAAOA,KAAP,IAAgBC,UAAhB,QAAkC,OAAlC;AACA,OAAOC,UAAP,MAAuB,YAAvB;AACA,SACEC,MADF,EAEEC,WAFF,EAGEC,aAHF,EAIEC,aAJF,EAKEC,oBALF,QAMO,WANP;AAOA,SAASC,MAAT,QAAuB,kBAAvB;AACA,SAASC,KAAT,QAAsB,8BAAtB;AAcA,OAAO,IAAMC,aAAa,gBAAGT,UAAU,CACrC,gBAYEU,GAZF,EAaK;AAAA,uBAXDC,IAWC;AAAA,MAXDA,IAWC,0BAXM,KAWN;AAAA,MAVDC,QAUC,QAVDA,QAUC;AAAA,MATDC,SASC,QATDA,SASC;AAAA,MARDC,SAQC,QARDA,SAQC;AAAA,8BAPDC,WAOC;AAAA,MAPDA,WAOC,iCAPa,kBAOb;AAAA,gCANDC,aAMC;AAAA,MANDA,aAMC,mCANe,mCAMf;AAAA,iCALDC,cAKC;AAAA,MALDA,cAKC,oCALgB,IAKhB;AAAA,gCAJDC,aAIC;AAAA,MAJDA,aAIC,mCAJe,QAIf;AAAA,mCAHDC,sBAGC;AAAA,MAHDA,sBAGC,sCAHwB,IAGxB;AACH,sBACE,oBAAC,MAAD;AACE,IAAA,GAAG,EAAET,GADP;AAEE,IAAA,IAAI,EAAEC,IAFR;AAGE,IAAA,OAAO,EAAEC,QAHX;AAIE,IAAA,SAAS,EAAEX,UAAU,CAAC,kBAAD,EAAqBa,SAArB;AAJvB,kBAME,oBAAC,WAAD,QAAcC,WAAd,CANF,eAOE,oBAAC,oBAAD,OAPF,eAQE,oBAAC,aAAD,qBACE,oBAAC,KAAD;AAAO,IAAA,UAAU,EAAC,OAAlB;AAA0B,IAAA,KAAK,EAAC,WAAhC;AAA4C,IAAA,UAAU,EAAC;AAAvD,KACGC,aADH,CADF,CARF,eAaE,oBAAC,oBAAD,OAbF,eAcE,oBAAC,aAAD,qBACE,oBAAC,MAAD;AACE,IAAA,OAAO,EAAC,SADV;AAEE,IAAA,KAAK,EAAE;AAAEI,MAAAA,WAAW,EAAE;AAAf,KAFT;AAGE,IAAA,OAAO,EAAEP;AAHX,KAKGI,cALH,CADF,EAQGE,sBAAsB,gBACrB,oBAAC,MAAD;AACE,IAAA,OAAO,EAAC,WADV;AAEE,mBAAY,QAFd;AAGE,IAAA,OAAO,EAAEP,QAHX;AAIE,IAAA,IAAI,EAAC;AAJP,KAMGM,aANH,CADqB,GASnB,IAjBN,CAdF,CADF;AAoCD,CAnDoC,CAAhC;AAsDPT,aAAa,CAACY,WAAd,GAA4B,eAA5B","sourcesContent":["import React, { forwardRef } from \"react\";\nimport classnames from \"classnames\";\nimport {\n Dialog,\n DialogTitle,\n DialogContent,\n DialogActions,\n DialogContentDivider,\n} from \"../Dialog\";\nimport { Button } from \"../Button/Button\";\nimport { Body2 } from \"../Typography/Variants/Body2\";\n\nexport interface IConfirmDialog {\n open?: boolean;\n onCancel?: () => void;\n onConfirm?: () => void;\n className?: string;\n dialogTitle?: string;\n dialogContent?: string;\n confirmBtnText?: string;\n cancelBtnText?: string;\n shouldShowCancelButton?: boolean;\n}\n\nexport const ConfirmDialog = forwardRef<HTMLDivElement, IConfirmDialog>(\n (\n {\n open = false,\n onCancel,\n onConfirm,\n className,\n dialogTitle = \"Discard changes?\",\n dialogContent = \"All unsaved changes will be lost.\",\n confirmBtnText = \"OK\",\n cancelBtnText = \"Cancel\",\n shouldShowCancelButton = true,\n },\n ref\n ) => {\n return (\n <Dialog\n ref={ref}\n open={open}\n onClose={onCancel}\n className={classnames(\"c-confirm-dialog\", className)}\n >\n <DialogTitle>{dialogTitle}</DialogTitle>\n <DialogContentDivider />\n <DialogContent>\n <Body2 lineHeight=\"loose\" color=\"secondary\" whitespace=\"pre-line\">\n {dialogContent}\n </Body2>\n </DialogContent>\n <DialogContentDivider />\n <DialogActions>\n <Button\n variant=\"primary\"\n style={{ marginRight: \"12px\" }}\n onClick={onConfirm}\n >\n {confirmBtnText}\n </Button>\n {shouldShowCancelButton ? (\n <Button\n variant=\"secondary\"\n data-action=\"cancel\"\n onClick={onCancel}\n type=\"button\"\n >\n {cancelBtnText}\n </Button>\n ) : null}\n </DialogActions>\n </Dialog>\n );\n }\n);\n\nConfirmDialog.displayName = \"ConfirmDialog\";\n"],"~~file~~":"~~ConfirmDialog.js~~"}
1	+ {"version":3,"file":"ConfirmDialog.js","names":["React","forwardRef","classnames","Dialog","DialogTitle","DialogContent","DialogActions","DialogContentDivider","Button","Body2","ConfirmDialog","ref","open","onCancel","onConfirm","className","dialogTitle","dialogContent","confirmBtnText","cancelBtnText","shouldShowCancelButton","marginRight","displayName"],"sources":["../../../../src/components/ConfirmDialog/ConfirmDialog.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\nimport classnames from \"classnames\";\nimport {\n Dialog,\n DialogTitle,\n DialogContent,\n DialogActions,\n DialogContentDivider,\n} from \"../Dialog\";\nimport { Button } from \"../Button/Button\";\nimport { Body2 } from \"../Typography/Variants/Body2\";\n\nexport interface IConfirmDialog {\n open?: boolean;\n onCancel?: () => void;\n onConfirm?: () => void;\n className?: string;\n dialogTitle?: string;\n dialogContent?: string;\n confirmBtnText?: string;\n cancelBtnText?: string;\n shouldShowCancelButton?: boolean;\n}\n\nexport const ConfirmDialog = forwardRef<HTMLDivElement, IConfirmDialog>(\n (\n {\n open = false,\n onCancel,\n onConfirm,\n className,\n dialogTitle = \"Discard changes?\",\n dialogContent = \"All unsaved changes will be lost.\",\n confirmBtnText = \"OK\",\n cancelBtnText = \"Cancel\",\n shouldShowCancelButton = true,\n },\n ref\n ) => {\n return (\n <Dialog\n ref={ref}\n open={open}\n onClose={onCancel}\n className={classnames(\"c-confirm-dialog\", className)}\n >\n <DialogTitle>{dialogTitle}</DialogTitle>\n <DialogContentDivider />\n <DialogContent>\n <Body2 lineHeight=\"loose\" color=\"secondary\" whitespace=\"pre-line\">\n {dialogContent}\n </Body2>\n </DialogContent>\n <DialogContentDivider />\n <DialogActions>\n <Button\n variant=\"primary\"\n style={{ marginRight: \"12px\" }}\n onClick={onConfirm}\n >\n {confirmBtnText}\n </Button>\n {shouldShowCancelButton ? (\n <Button\n variant=\"secondary\"\n data-action=\"cancel\"\n onClick={onCancel}\n type=\"button\"\n >\n {cancelBtnText}\n </Button>\n ) : null}\n </DialogActions>\n </Dialog>\n );\n }\n);\n\nConfirmDialog.displayName = \"ConfirmDialog\";\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,OAAOC,UAAU,MAAM,YAAY;AACnC,SACEC,MAAM,EACNC,WAAW,EACXC,aAAa,EACbC,aAAa,EACbC,oBAAoB,QACf,WAAW;AAClB,SAASC,MAAM,QAAQ,kBAAkB;AACzC,SAASC,KAAK,QAAQ,8BAA8B;AAcpD,OAAO,IAAMC,aAAa,gBAAGT,UAAU,CACrC,gBAYEU,GAAG,EACA;EAAA,qBAXDC,IAAI;IAAJA,IAAI,0BAAG,KAAK;IACZC,QAAQ,QAARA,QAAQ;IACRC,SAAS,QAATA,SAAS;IACTC,SAAS,QAATA,SAAS;IAAA,wBACTC,WAAW;IAAXA,WAAW,iCAAG,kBAAkB;IAAA,0BAChCC,aAAa;IAAbA,aAAa,mCAAG,mCAAmC;IAAA,2BACnDC,cAAc;IAAdA,cAAc,oCAAG,IAAI;IAAA,0BACrBC,aAAa;IAAbA,aAAa,mCAAG,QAAQ;IAAA,6BACxBC,sBAAsB;IAAtBA,sBAAsB,sCAAG,IAAI;EAI/B,oBACE,oBAAC,MAAM;IACL,GAAG,EAAET,GAAI;IACT,IAAI,EAAEC,IAAK;IACX,OAAO,EAAEC,QAAS;IAClB,SAAS,EAAEX,UAAU,CAAC,kBAAkB,EAAEa,SAAS;EAAE,gBAErD,oBAAC,WAAW,QAAEC,WAAW,CAAe,eACxC,oBAAC,oBAAoB,OAAG,eACxB,oBAAC,aAAa,qBACZ,oBAAC,KAAK;IAAC,UAAU,EAAC,OAAO;IAAC,KAAK,EAAC,WAAW;IAAC,UAAU,EAAC;EAAU,GAC9DC,aAAa,CACR,CACM,eAChB,oBAAC,oBAAoB,OAAG,eACxB,oBAAC,aAAa,qBACZ,oBAAC,MAAM;IACL,OAAO,EAAC,SAAS;IACjB,KAAK,EAAE;MAAEI,WAAW,EAAE;IAAO,CAAE;IAC/B,OAAO,EAAEP;EAAU,GAElBI,cAAc,CACR,EACRE,sBAAsB,gBACrB,oBAAC,MAAM;IACL,OAAO,EAAC,WAAW;IACnB,eAAY,QAAQ;IACpB,OAAO,EAAEP,QAAS;IAClB,IAAI,EAAC;EAAQ,GAEZM,aAAa,CACP,GACP,IAAI,CACM,CACT;AAEb,CAAC,CACF;AAEDT,aAAa,CAACY,WAAW,GAAG,eAAe"}

package/dist/esm/components/ConfirmDialog/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"~~sources~~":["~~../../../../src/components/ConfirmDialog/~~index.ts"],"names":[],"~~mappings~~":"~~AAAA,cAAc,iBAAd~~","sourcesContent":["export * from \"./ConfirmDialog\";\n"],"~~file~~":"~~index.js~~"}
1	+ {"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/ConfirmDialog/index.ts"],"sourcesContent":["export * from \"./ConfirmDialog\";\n"],"mappings":"AAAA,cAAc,iBAAiB"}

package/dist/esm/components/CounterButton/CounterButton.js CHANGED Viewed

@@ -8,15 +8,14 @@ import CloseSmallIcon from "../Icons/collection/CloseSmall";
 import { StyledCounterButton, StyledCounterButtonCounter, StyledCounterButtonLabel, StyledCounterButtonReset, StyledCounterButtonWrapper } from "./Styles";
 export var CounterButton = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var label = _ref.label,
-      icon = _ref.icon,
-      active = _ref.active,
-      _ref$counter = _ref.counter,
-      counter = _ref$counter === void 0 ? 0 : _ref$counter,
-      tooltipText = _ref.tooltipText,
-      onClearAll = _ref.onClearAll,
-      className = _ref.className,
-      args = _objectWithoutPropertiesLoose(_ref, _excluded);
+    icon = _ref.icon,
+    active = _ref.active,
+    _ref$counter = _ref.counter,
+    counter = _ref$counter === void 0 ? 0 : _ref$counter,
+    tooltipText = _ref.tooltipText,
+    onClearAll = _ref.onClearAll,
+    className = _ref.className,
+    args = _objectWithoutPropertiesLoose(_ref, _excluded);
   return /*#__PURE__*/React.createElement(StyledCounterButtonWrapper, {
     ref: ref,
     className: className

package/dist/esm/components/CounterButton/CounterButton.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"~~sources~~":["~~../../../../src/components/~~CounterButton~~/CounterButton~~.~~tsx~~"],"names":["React","forwardRef","classNames","Tooltip","CloseSmallIcon","StyledCounterButton","StyledCounterButtonCounter","StyledCounterButtonLabel","StyledCounterButtonReset","StyledCounterButtonWrapper","CounterButton","ref","label","icon","active","counter","tooltipText","onClearAll","className","args","cloneElement","displayName"],"~~mappings~~":";;;AAAA,OAAOA,KAAP,IAAgBC,UAAhB,QAAgD,OAAhD;AACA,OAAOC,UAAP,MAAuB,YAAvB;AACA,SAASC,OAAT,QAAwB,oBAAxB;AACA,OAAOC,cAAP,MAA2B,gCAA3B;AACA,SACEC,mBADF,EAEEC,0BAFF,EAGEC,wBAHF,EAIEC,wBAJF,EAKEC,0BALF,QAMO,UANP;AAyBA,OAAO,IAAMC,aAAa,gBAAGT,UAAU,CACrC,gBAWEU,GAXF,EAYK;AAAA,MAVDC,KAUC,QAVDA,KAUC;AAAA,MATDC,IASC,QATDA,IASC;AAAA,MARDC,MAQC,QARDA,MAQC;AAAA,0BAPDC,OAOC;AAAA,MAPDA,OAOC,6BAPS,CAOT;AAAA,MANDC,WAMC,QANDA,WAMC;AAAA,MALDC,UAKC,QALDA,UAKC;AAAA,MAJDC,SAIC,QAJDA,SAIC;AAAA,MAHEC,IAGF;;AACH,sBACE,oBAAC,0BAAD;AAA4B,IAAA,GAAG,EAAER,GAAjC;AAAsC,IAAA,SAAS,EAAEO;AAAjD,kBACE,oBAAC,mBAAD;AACE,IAAA,SAAS,EAAEhB,UAAU,CAAC,kBAAD,EAAqB;AACxC,oCAA8Ba;AADU,KAArB;AADvB,KAIMI,IAJN;AAKE,IAAA,OAAO,EAAE,WALX;AAME,IAAA,OAAO,EAAEJ,OAAO,GAAG,CAAV,IAAeD,MAN1B;AAOE,IAAA,SAAS,EAAEC,OAAO,GAAG;AAPvB,MASGF,IAAI,iBACHb,KAAK,CAACoB,YAAN,CAAmBP,IAAnB,EAAyB;AACvBK,IAAAA,SAAS,EAAEhB,UAAU,CAAC,wBAAD;AADE,GAAzB,CAVJ,EAaGU,KAAK,iBACJ,oBAAC,wBAAD;AACE,IAAA,KAAK,EAAC,WADR;AAEE,IAAA,MAAM,EAAC,QAFT;AAGE,IAAA,SAAS,EAAE,yBAHb;AAIE,IAAA,OAAO,EAAEG,OAAO,GAAG,CAAV,IAAeD;AAJ1B,KAMGF,KANH,CAdJ,EAuBGG,OAAO,GAAG,CAAV,gBACC,oBAAC,0BAAD;AAA4B,IAAA,SAAS,EAAE;AAAvC,KACGA,OADH,CADD,GAIG,IA3BN,CADF,EA8BGA,OAAO,GAAG,CAAV,gBACC,oBAAC,OAAD;AACE,IAAA,KAAK,OAAKC,WADZ;AAEE,IAAA,sBAAsB,EAAC;AAFzB,kBAIE,oBAAC,wBAAD;AACE,IAAA,OAAO,EAAC,cADV;AAEE,IAAA,SAAS,EAAC,yBAFZ;AAGE,IAAA,OAAO,EAAEC;AAHX,kBAKE,oBAAC,cAAD,OALF,CAJF,CADD,GAaG,IA3CN,CADF;AA+CD,CA7DoC,CAAhC;AAgEPP,aAAa,CAACW,WAAd,GAA4B,eAA5B","sourcesContent":["import React, { forwardRef, ReactElement } from \"react\";\nimport classNames from \"classnames\";\nimport { Tooltip } from \"../Tooltip/Tooltip\";\nimport CloseSmallIcon from \"../Icons/collection/CloseSmall\";\nimport {\n StyledCounterButton,\n StyledCounterButtonCounter,\n StyledCounterButtonLabel,\n StyledCounterButtonReset,\n StyledCounterButtonWrapper,\n} from \"./Styles\";\n\nexport interface ICounterButtonProps {\n /** Set active state /\n active?: boolean;\n /* Label for value /\n label?: string;\n /* Icon /\n icon?: ReactElement;\n /* Number of applied filters /\n counter?: number;\n /* OnClearAll callback /\n onClearAll: (event?) => void;\n /* Tooltip content /\n tooltipText?: string;\n /* Applies passed classes */\n className?: string;\n}\n\nexport const CounterButton = forwardRef<HTMLDivElement, ICounterButtonProps>(\n (\n {\n label,\n icon,\n active,\n counter = 0,\n tooltipText,\n onClearAll,\n className,\n ...args\n },\n ref\n ) => {\n return (\n <StyledCounterButtonWrapper ref={ref} className={className}>\n <StyledCounterButton\n className={classNames(\"c-counter-button\", {\n \"c-counter-button__selected\": counter,\n })}\n {...args}\n variant={\"text gray\"}\n $active={counter > 0 \|\| active}\n $selected={counter > 0}\n >\n {icon &&\n React.cloneElement(icon, {\n className: classNames(\"c-counter-button__icon\"),\n })}\n {label && (\n <StyledCounterButtonLabel\n color=\"secondary\"\n weight=\"medium\"\n className={\"c-counter-button__label\"}\n $active={counter > 0 \|\| active}\n >\n {label}\n </StyledCounterButtonLabel>\n )}\n {counter > 0 ? (\n <StyledCounterButtonCounter className={\"c-counter-button__counter\"}>\n {counter}\n </StyledCounterButtonCounter>\n ) : null}\n </StyledCounterButton>\n {counter > 0 ? (\n <Tooltip\n title={`${tooltipText}`}\n popperTooltipClassName=\"z-index-1300\"\n >\n <StyledCounterButtonReset\n variant=\"text colored\"\n className=\"c-counter-button__reset\"\n onClick={onClearAll}\n >\n <CloseSmallIcon />\n </StyledCounterButtonReset>\n </Tooltip>\n ) : null}\n </StyledCounterButtonWrapper>\n );\n }\n);\n\nCounterButton.displayName = \"CounterButton\";\n"],"~~file~~":"~~CounterButton.js~~"}
1	+ {"version":3,"file":"CounterButton.js","names":["React","forwardRef","classNames","Tooltip","CloseSmallIcon","StyledCounterButton","StyledCounterButtonCounter","StyledCounterButtonLabel","StyledCounterButtonReset","StyledCounterButtonWrapper","CounterButton","ref","label","icon","active","counter","tooltipText","onClearAll","className","args","cloneElement","displayName"],"sources":["../../../../src/components/CounterButton/CounterButton.tsx"],"sourcesContent":["import React, { forwardRef, ReactElement } from \"react\";\nimport classNames from \"classnames\";\nimport { Tooltip } from \"../Tooltip/Tooltip\";\nimport CloseSmallIcon from \"../Icons/collection/CloseSmall\";\nimport {\n StyledCounterButton,\n StyledCounterButtonCounter,\n StyledCounterButtonLabel,\n StyledCounterButtonReset,\n StyledCounterButtonWrapper,\n} from \"./Styles\";\n\nexport interface ICounterButtonProps {\n /** Set active state /\n active?: boolean;\n /* Label for value /\n label?: string;\n /* Icon /\n icon?: ReactElement;\n /* Number of applied filters /\n counter?: number;\n /* OnClearAll callback /\n onClearAll: (event?) => void;\n /* Tooltip content /\n tooltipText?: string;\n /* Applies passed classes */\n className?: string;\n}\n\nexport const CounterButton = forwardRef<HTMLDivElement, ICounterButtonProps>(\n (\n {\n label,\n icon,\n active,\n counter = 0,\n tooltipText,\n onClearAll,\n className,\n ...args\n },\n ref\n ) => {\n return (\n <StyledCounterButtonWrapper ref={ref} className={className}>\n <StyledCounterButton\n className={classNames(\"c-counter-button\", {\n \"c-counter-button__selected\": counter,\n })}\n {...args}\n variant={\"text gray\"}\n $active={counter > 0 \|\| active}\n $selected={counter > 0}\n >\n {icon &&\n React.cloneElement(icon, {\n className: classNames(\"c-counter-button__icon\"),\n })}\n {label && (\n <StyledCounterButtonLabel\n color=\"secondary\"\n weight=\"medium\"\n className={\"c-counter-button__label\"}\n $active={counter > 0 \|\| active}\n >\n {label}\n </StyledCounterButtonLabel>\n )}\n {counter > 0 ? (\n <StyledCounterButtonCounter className={\"c-counter-button__counter\"}>\n {counter}\n </StyledCounterButtonCounter>\n ) : null}\n </StyledCounterButton>\n {counter > 0 ? (\n <Tooltip\n title={`${tooltipText}`}\n popperTooltipClassName=\"z-index-1300\"\n >\n <StyledCounterButtonReset\n variant=\"text colored\"\n className=\"c-counter-button__reset\"\n onClick={onClearAll}\n >\n <CloseSmallIcon />\n </StyledCounterButtonReset>\n </Tooltip>\n ) : null}\n </StyledCounterButtonWrapper>\n );\n }\n);\n\nCounterButton.displayName = \"CounterButton\";\n"],"mappings":";;;AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAsB,OAAO;AACvD,OAAOC,UAAU,MAAM,YAAY;AACnC,SAASC,OAAO,QAAQ,oBAAoB;AAC5C,OAAOC,cAAc,MAAM,gCAAgC;AAC3D,SACEC,mBAAmB,EACnBC,0BAA0B,EAC1BC,wBAAwB,EACxBC,wBAAwB,EACxBC,0BAA0B,QACrB,UAAU;AAmBjB,OAAO,IAAMC,aAAa,gBAAGT,UAAU,CACrC,gBAWEU,GAAG,EACA;EAAA,IAVDC,KAAK,QAALA,KAAK;IACLC,IAAI,QAAJA,IAAI;IACJC,MAAM,QAANA,MAAM;IAAA,oBACNC,OAAO;IAAPA,OAAO,6BAAG,CAAC;IACXC,WAAW,QAAXA,WAAW;IACXC,UAAU,QAAVA,UAAU;IACVC,SAAS,QAATA,SAAS;IACNC,IAAI;EAIT,oBACE,oBAAC,0BAA0B;IAAC,GAAG,EAAER,GAAI;IAAC,SAAS,EAAEO;EAAU,gBACzD,oBAAC,mBAAmB;IAClB,SAAS,EAAEhB,UAAU,CAAC,kBAAkB,EAAE;MACxC,4BAA4B,EAAEa;IAChC,CAAC;EAAE,GACCI,IAAI;IACR,OAAO,EAAE,WAAY;IACrB,OAAO,EAAEJ,OAAO,GAAG,CAAC,IAAID,MAAO;IAC/B,SAAS,EAAEC,OAAO,GAAG;EAAE,IAEtBF,IAAI,iBACHb,KAAK,CAACoB,YAAY,CAACP,IAAI,EAAE;IACvBK,SAAS,EAAEhB,UAAU,CAAC,wBAAwB;EAChD,CAAC,CAAC,EACHU,KAAK,iBACJ,oBAAC,wBAAwB;IACvB,KAAK,EAAC,WAAW;IACjB,MAAM,EAAC,QAAQ;IACf,SAAS,EAAE,yBAA0B;IACrC,OAAO,EAAEG,OAAO,GAAG,CAAC,IAAID;EAAO,GAE9BF,KAAK,CAET,EACAG,OAAO,GAAG,CAAC,gBACV,oBAAC,0BAA0B;IAAC,SAAS,EAAE;EAA4B,GAChEA,OAAO,CACmB,GAC3B,IAAI,CACY,EACrBA,OAAO,GAAG,CAAC,gBACV,oBAAC,OAAO;IACN,KAAK,OAAKC,WAAc;IACxB,sBAAsB,EAAC;EAAc,gBAErC,oBAAC,wBAAwB;IACvB,OAAO,EAAC,cAAc;IACtB,SAAS,EAAC,yBAAyB;IACnC,OAAO,EAAEC;EAAW,gBAEpB,oBAAC,cAAc,OAAG,CACO,CACnB,GACR,IAAI,CACmB;AAEjC,CAAC,CACF;AAEDP,aAAa,CAACW,WAAW,GAAG,eAAe"}

package/dist/esm/components/CounterButton/Styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"~~sources~~":["~~../../../../src/components/CounterButton/~~Styles.ts"],"names":["styled","css","Body2","Button","BoxSizingStyle","FontStyle","StyledCounterButtonWrapper","div","displayName","StyledCounterButton","props","$active","$selected","StyledCounterButtonCounter","StyledCounterButtonReset","StyledCounterButtonLabel"],"~~mappings~~":"~~AAAA,OAAOA,MAAP,IAAiBC,GAAjB,QAA4B,mBAA5B;AAEA,SAASC,KAAT,QAAsB,8BAAtB;AACA,SAASC,MAAT,QAAuB,kBAAvB;AACA,SAASC,cAAT,QAA+B,mBAA~~/B;AACA,SAASC,SAAT,QAA0B,cAA1B;AAOA,OAAO,IAAMC,0BAA0B,GAAGN,MAAM,CAACO,GAAV;AAAA;AAAA;AAAA,0CACjC;AAAA;AAAA,CADiC,EAEnCF,SAFmC,EAGnCD,cAHmC,CAAhC;AAOPE,0BAA0B,CAACE,WAA3B,GAAyC,4BAAzC;AAEA,OAAO,IAAMC,mBAAmB,GAAGT,MAAM,CAACG,MAAD,CAAT;AAAA;AAAA;AAAA,kBAC5B,UAACO,KAAD;AAAA,SACAA,KAAK,CAACC,OAAN,IACAV,GADA,gGADA;AAAA,CAD4B,EAe5B,UAACS,KAAD;AAAA,SACAA,KAAK,CAACE,SAAN,IACAX,GADA,uGADA;AAAA,CAf4B,CAAzB;AAwBPQ,mBAAmB,CAACD,WAApB,GAAkC,qBAAlC;AAEA,OAAO,IAAMK,0BAA0B,GAAGb,MAAM,CAACO,GAAV;AAAA;AAAA;AAAA,6MAAhC;AAaPM,0BAA0B,CAACL,WAA3B,GAAyC,4BAAzC;AAEA,OAAO,IAAMM,wBAAwB,GAAGd,MAAM,CAACG,MAAD,CAAT;AAAA;AAAA;AAAA,+MAA9B;AAYPW,wBAAwB,CAACN,WAAzB,GAAuC,0BAAvC;AAEA,OAAO,IAAMO,wBAAwB,GAAGf,MAAM,CAACE,KAAD,CAAT;AAAA;AAAA;AAAA,qCAC/~~B;AAAA;AAAA,CAD+B,EAGjCO,mBAHiC,EAI~~/~~B,UAACC,KAAD;AAAA,SACA,CAACA,KAAK,CAACC,OAAP,IACAV,GADA,mCADA;AAAA,CAJ+B,EAWjC,UAACS,KAAD;AAAA,SACAA,KAAK,CAACC,OAAN,IACAV,GADA,iCADA;AAAA,CAXiC,CAA9B;AAkBPc,wBAAwB,CAACP,WAAzB,GAAuC,0BAAvC~~","sourcesContent":["import styled, { css } from \"styled-components\";\nimport tw from \"twin.macro\";\nimport { Body2 } from \"../Typography/Variants/Body2\";\nimport { Button } from \"../Button/Button\";\nimport { BoxSizingStyle } from \"../BoxSizingStyle\";\nimport { FontStyle } from \"../FontStyle\";\n\ninterface StyledCounterButtonProps {\n $active?: boolean;\n $selected?: boolean;\n}\n\nexport const StyledCounterButtonWrapper = styled.div`\n ${tw`tw-flex`}\n ${FontStyle}\n ${BoxSizingStyle}\n width: fit-content;\n`;\n\nStyledCounterButtonWrapper.displayName = \"StyledCounterButtonWrapper\";\n\nexport const StyledCounterButton = styled(Button)<StyledCounterButtonProps>`\n ${(props) =>\n props.$active &&\n css`\n padding: 0 8px;\n\n svg {\n fill: var(--color-primary);\n }\n\n &:hover {\n background: var(--color-primary-300);\n }\n `}\n\n ${(props) =>\n props.$selected &&\n css`\n border-top-right-radius: 0;\n border-bottom-right-radius: 0;\n background-color: var(--color-primary-200);\n `}\n`;\n\nStyledCounterButton.displayName = \"StyledCounterButton\";\n\nexport const StyledCounterButtonCounter = styled.div<{ $selected?: boolean }>`\n border-radius: 50%;\n background-color: var(--color-primary);\n color: var(--page-paper-main);\n line-height: 15px;\n width: 15px;\n font-weight: bold;\n font-size: 10px;\n text-align: center;\n margin-left: 4px;\n margin-right: -6px;\n`;\n\nStyledCounterButtonCounter.displayName = \"StyledCounterButtonCounter\";\n\nexport const StyledCounterButtonReset = styled(Button)`\n background-color: var(--color-primary-200);\n border-top-left-radius: 0;\n border-bottom-left-radius: 0;\n\n &:hover {\n background-color: var(--color-primary-300);\n border-top-left-radius: 0;\n border-bottom-left-radius: 0;\n }\n`;\n\nStyledCounterButtonReset.displayName = \"StyledCounterButtonReset\";\n\nexport const StyledCounterButtonLabel = styled(Body2)<{ $active?: boolean }>`\n ${tw`tw-pointer-events-none`}\n\n ${StyledCounterButton}:hover && {\n ${(props) =>\n !props.$active &&\n css`\n color: var(--color-theme-900);\n `}\n }\n\n ${(props) =>\n props.$active &&\n css`\n color: var(--color-primary);\n `}\n`;\n\nStyledCounterButtonLabel.displayName = \"StyledCounterButtonLabel\";\n"],"~~file~~":"~~Styles.js~~"}
1	+ {"version":3,"file":"Styles.js","names":["styled","css","Body2","Button","BoxSizingStyle","FontStyle","StyledCounterButtonWrapper","div","displayName","StyledCounterButton","props","$active","$selected","StyledCounterButtonCounter","StyledCounterButtonReset","StyledCounterButtonLabel"],"sources":["../../../../src/components/CounterButton/Styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\nimport tw from \"twin.macro\";\nimport { Body2 } from \"../Typography/Variants/Body2\";\nimport { Button } from \"../Button/Button\";\nimport { BoxSizingStyle } from \"../BoxSizingStyle\";\nimport { FontStyle } from \"../FontStyle\";\n\ninterface StyledCounterButtonProps {\n $active?: boolean;\n $selected?: boolean;\n}\n\nexport const StyledCounterButtonWrapper = styled.div`\n ${tw`tw-flex`}\n ${FontStyle}\n ${BoxSizingStyle}\n width: fit-content;\n`;\n\nStyledCounterButtonWrapper.displayName = \"StyledCounterButtonWrapper\";\n\nexport const StyledCounterButton = styled(Button)<StyledCounterButtonProps>`\n ${(props) =>\n props.$active &&\n css`\n padding: 0 8px;\n\n svg {\n fill: var(--color-primary);\n }\n\n &:hover {\n background: var(--color-primary-300);\n }\n `}\n\n ${(props) =>\n props.$selected &&\n css`\n border-top-right-radius: 0;\n border-bottom-right-radius: 0;\n background-color: var(--color-primary-200);\n `}\n`;\n\nStyledCounterButton.displayName = \"StyledCounterButton\";\n\nexport const StyledCounterButtonCounter = styled.div<{ $selected?: boolean }>`\n border-radius: 50%;\n background-color: var(--color-primary);\n color: var(--page-paper-main);\n line-height: 15px;\n width: 15px;\n font-weight: bold;\n font-size: 10px;\n text-align: center;\n margin-left: 4px;\n margin-right: -6px;\n`;\n\nStyledCounterButtonCounter.displayName = \"StyledCounterButtonCounter\";\n\nexport const StyledCounterButtonReset = styled(Button)`\n background-color: var(--color-primary-200);\n border-top-left-radius: 0;\n border-bottom-left-radius: 0;\n\n &:hover {\n background-color: var(--color-primary-300);\n border-top-left-radius: 0;\n border-bottom-left-radius: 0;\n }\n`;\n\nStyledCounterButtonReset.displayName = \"StyledCounterButtonReset\";\n\nexport const StyledCounterButtonLabel = styled(Body2)<{ $active?: boolean }>`\n ${tw`tw-pointer-events-none`}\n\n ${StyledCounterButton}:hover && {\n ${(props) =>\n !props.$active &&\n css`\n color: var(--color-theme-900);\n `}\n }\n\n ${(props) =>\n props.$active &&\n css`\n color: var(--color-primary);\n `}\n`;\n\nStyledCounterButtonLabel.displayName = \"StyledCounterButtonLabel\";\n"],"mappings":"AAAA,OAAOA,MAAM,IAAIC,GAAG,QAAQ,mBAAmB;AAE/C,SAASC,KAAK,QAAQ,8BAA8B;AACpD,SAASC,MAAM,QAAQ,kBAAkB;AACzC,SAASC,cAAc,QAAQ,mBAAmB;AAClD,SAASC,SAAS,QAAQ,cAAc;AAOxC,OAAO,IAAMC,0BAA0B,GAAGN,MAAM,CAACO,GAAG;EAAA;EAAA;AAAA,0CAC9C;EAAA;AAAQ,CAAC,EACXF,SAAS,EACTD,cAAc,CAEjB;AAEDE,0BAA0B,CAACE,WAAW,GAAG,4BAA4B;AAErE,OAAO,IAAMC,mBAAmB,GAAGT,MAAM,CAACG,MAAM,CAAC;EAAA;EAAA;AAAA,kBAC7C,UAACO,KAAK;EAAA,OACNA,KAAK,CAACC,OAAO,IACbV,GAAG,gGAUF;AAAA,GAED,UAACS,KAAK;EAAA,OACNA,KAAK,CAACE,SAAS,IACfX,GAAG,uGAIF;AAAA,EACJ;AAEDQ,mBAAmB,CAACD,WAAW,GAAG,qBAAqB;AAEvD,OAAO,IAAMK,0BAA0B,GAAGb,MAAM,CAACO,GAAG;EAAA;EAAA;AAAA,6MAWnD;AAEDM,0BAA0B,CAACL,WAAW,GAAG,4BAA4B;AAErE,OAAO,IAAMM,wBAAwB,GAAGd,MAAM,CAACG,MAAM,CAAC;EAAA;EAAA;AAAA,+MAUrD;AAEDW,wBAAwB,CAACN,WAAW,GAAG,0BAA0B;AAEjE,OAAO,IAAMO,wBAAwB,GAAGf,MAAM,CAACE,KAAK,CAAC;EAAA;EAAA;AAAA,qCAC/C;EAAA;AAAuB,CAAC,EAE1BO,mBAAmB,EACjB,UAACC,KAAK;EAAA,OACN,CAACA,KAAK,CAACC,OAAO,IACdV,GAAG,mCAEF;AAAA,GAGH,UAACS,KAAK;EAAA,OACNA,KAAK,CAACC,OAAO,IACbV,GAAG,iCAEF;AAAA,EACJ;AAEDc,wBAAwB,CAACP,WAAW,GAAG,0BAA0B"}

package/dist/esm/components/CounterButton/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"~~sources~~":["~~../../../../src/components/CounterButton/~~index.ts"],"names":[],"~~mappings~~":"~~AAAA,cAAc,iBAAd~~","sourcesContent":["export * from \"./CounterButton\";\n"],"~~file~~":"~~index.js~~"}
1	+ {"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/CounterButton/index.ts"],"sourcesContent":["export * from \"./CounterButton\";\n"],"mappings":"AAAA,cAAc,iBAAiB"}

package/dist/esm/components/DatePicker/ClassNames.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"~~sources~~":["~~../../../../src/components/DatePicker/~~ClassNames.~~tsx~~"],"names":["customClassNames","container","wrapper","interactionDisabled","months","month","navBar","navButtonPrev","navButtonNext","navButtonInteractionDisabled","caption","weekdays","weekdaysRow","weekday","body","week","weekNumber","day","footer","todayButton","today","selected","disabled","outside","weekend","userAvailability","nonWorkingDay"],"~~mappings~~":"AAAA,OAAO,IAAMA,gBAAgB,GAAG;AAC9BC,EAAAA,SAAS,EAAE,aADmB;AAE9BC,EAAAA,OAAO,EAAE,qBAFqB;AAG9BC,EAAAA,mBAAmB,EAAE,kCAHS;AAI9BC,EAAAA,MAAM,EAAE,oBAJsB;AAK9BC,EAAAA,KAAK,EAAE,mBALuB;AAO9BC,EAAAA,MAAM,EAAE,oBAPsB;AAQ9BC,EAAAA,aAAa,EAAE,iDARe;AAS9BC,EAAAA,aAAa,EAAE,iDATe;AAU9BC,EAAAA,4BAA4B,EAAE,4CAVA;AAY9BC,EAAAA,OAAO,EAAE,qBAZqB;AAa9BC,EAAAA,QAAQ,EAAE,sBAboB;AAc9BC,EAAAA,WAAW,EAAE,yBAdiB;AAe9BC,EAAAA,OAAO,EAAE,qBAfqB;AAgB9BC,EAAAA,IAAI,EAAE,kBAhBwB;AAiB9BC,EAAAA,IAAI,EAAE,kBAjBwB;AAkB9BC,EAAAA,UAAU,EAAE,wBAlBkB;AAmB9BC,EAAAA,GAAG,EAAE,iBAnByB;AAoB9BC,EAAAA,MAAM,EAAE,oBApBsB;AAqB9BC,EAAAA,WAAW,EAAE,yBArBiB;AAuB9B;AACAC,EAAAA,KAAK,EAAE,wBAxBuB;AAyB9BC,EAAAA,QAAQ,EAAE,2BAzBoB;AA0B9BC,EAAAA,QAAQ,EAAE,2BA1BoB;AA2B9BC,EAAAA,OAAO,EAAE,0BA3BqB;AA6B9B;AACAC,EAAAA,OAAO,EAAE,0BA9BqB;AA+B9BC,EAAAA,gBAAgB,EAAE,mCA/~~BY;AAgC9BC,EAAAA,aAAa,EAAE;AAhCe,CAAzB~~","sourcesContent":["export const customClassNames = {\n container: \"c-DayPicker\",\n wrapper: \"c-DayPicker-wrapper\",\n interactionDisabled: \"c-DayPicker--interactionDisabled\",\n months: \"c-DayPicker-Months\",\n month: \"c-DayPicker-Month\",\n\n navBar: \"c-DayPicker-NavBar\",\n navButtonPrev: \"c-DayPicker-NavButton DayPicker-NavButton--prev\",\n navButtonNext: \"c-DayPicker-NavButton DayPicker-NavButton--next\",\n navButtonInteractionDisabled: \"c-DayPicker-NavButton--interactionDisabled\",\n\n caption: \"c-DayPicker-Caption\",\n weekdays: \"c-DayPicker-Weekdays\",\n weekdaysRow: \"c-DayPicker-WeekdaysRow\",\n weekday: \"c-DayPicker-Weekday\",\n body: \"c-DayPicker-Body\",\n week: \"c-DayPicker-Week\",\n weekNumber: \"c-DayPicker-WeekNumber\",\n day: \"c-DayPicker-Day\",\n footer: \"c-DayPicker-Footer\",\n todayButton: \"c-DayPicker-TodayButton\",\n\n // default modifiers\n today: \"c-DayPicker-Day--today\",\n selected: \"c-DayPicker-Day--selected\",\n disabled: \"c-DayPicker-Day--disabled\",\n outside: \"c-DayPicker-Day--outside\",\n\n // custom modifiers\n weekend: \"c-DayPicker-Day--weekend\",\n userAvailability: \"c-DayPicker-Day--userAvailability\",\n nonWorkingDay: \"c-DayPicker-Day--nonWorkingDay\",\n};\n"],"~~file~~":"~~ClassNames.js~~"}
1	+ {"version":3,"file":"ClassNames.js","names":["customClassNames","container","wrapper","interactionDisabled","months","month","navBar","navButtonPrev","navButtonNext","navButtonInteractionDisabled","caption","weekdays","weekdaysRow","weekday","body","week","weekNumber","day","footer","todayButton","today","selected","disabled","outside","weekend","userAvailability","nonWorkingDay"],"sources":["../../../../src/components/DatePicker/ClassNames.tsx"],"sourcesContent":["export const customClassNames = {\n container: \"c-DayPicker\",\n wrapper: \"c-DayPicker-wrapper\",\n interactionDisabled: \"c-DayPicker--interactionDisabled\",\n months: \"c-DayPicker-Months\",\n month: \"c-DayPicker-Month\",\n\n navBar: \"c-DayPicker-NavBar\",\n navButtonPrev: \"c-DayPicker-NavButton DayPicker-NavButton--prev\",\n navButtonNext: \"c-DayPicker-NavButton DayPicker-NavButton--next\",\n navButtonInteractionDisabled: \"c-DayPicker-NavButton--interactionDisabled\",\n\n caption: \"c-DayPicker-Caption\",\n weekdays: \"c-DayPicker-Weekdays\",\n weekdaysRow: \"c-DayPicker-WeekdaysRow\",\n weekday: \"c-DayPicker-Weekday\",\n body: \"c-DayPicker-Body\",\n week: \"c-DayPicker-Week\",\n weekNumber: \"c-DayPicker-WeekNumber\",\n day: \"c-DayPicker-Day\",\n footer: \"c-DayPicker-Footer\",\n todayButton: \"c-DayPicker-TodayButton\",\n\n // default modifiers\n today: \"c-DayPicker-Day--today\",\n selected: \"c-DayPicker-Day--selected\",\n disabled: \"c-DayPicker-Day--disabled\",\n outside: \"c-DayPicker-Day--outside\",\n\n // custom modifiers\n weekend: \"c-DayPicker-Day--weekend\",\n userAvailability: \"c-DayPicker-Day--userAvailability\",\n nonWorkingDay: \"c-DayPicker-Day--nonWorkingDay\",\n};\n"],"mappings":"AAAA,OAAO,IAAMA,gBAAgB,GAAG;EAC9BC,SAAS,EAAE,aAAa;EACxBC,OAAO,EAAE,qBAAqB;EAC9BC,mBAAmB,EAAE,kCAAkC;EACvDC,MAAM,EAAE,oBAAoB;EAC5BC,KAAK,EAAE,mBAAmB;EAE1BC,MAAM,EAAE,oBAAoB;EAC5BC,aAAa,EAAE,iDAAiD;EAChEC,aAAa,EAAE,iDAAiD;EAChEC,4BAA4B,EAAE,4CAA4C;EAE1EC,OAAO,EAAE,qBAAqB;EAC9BC,QAAQ,EAAE,sBAAsB;EAChCC,WAAW,EAAE,yBAAyB;EACtCC,OAAO,EAAE,qBAAqB;EAC9BC,IAAI,EAAE,kBAAkB;EACxBC,IAAI,EAAE,kBAAkB;EACxBC,UAAU,EAAE,wBAAwB;EACpCC,GAAG,EAAE,iBAAiB;EACtBC,MAAM,EAAE,oBAAoB;EAC5BC,WAAW,EAAE,yBAAyB;EAEtC;EACAC,KAAK,EAAE,wBAAwB;EAC/BC,QAAQ,EAAE,2BAA2B;EACrCC,QAAQ,EAAE,2BAA2B;EACrCC,OAAO,EAAE,0BAA0B;EAEnC;EACAC,OAAO,EAAE,0BAA0B;EACnCC,gBAAgB,EAAE,mCAAmC;EACrDC,aAAa,EAAE;AACjB,CAAC"}

package/dist/esm/components/DatePicker/CustomNavBarElement.js CHANGED Viewed

@@ -3,25 +3,24 @@ import { DateUtils } from "react-day-picker";
 import { NavBarElement } from "../Pickers/NavBarElement";
 export var CustomNavBarElement = function CustomNavBarElement(_ref) {
   var className = _ref.className,
-      classNames = _ref.classNames,
-      month = _ref.month,
-      showPreviousButton = _ref.showPreviousButton,
-      showNextButton = _ref.showNextButton,
-      labels = _ref.labels,
-      localeUtils = _ref.localeUtils,
-      locale = _ref.locale,
-      _ref$showMonthPicker = _ref.showMonthPicker,
-      showMonthPicker = _ref$showMonthPicker === void 0 ? false : _ref$showMonthPicker,
-      onChangeDirection = _ref.onChangeDirection,
-      onMonthChange = _ref.onMonthChange,
-      onClick = _ref.onClick;
+    classNames = _ref.classNames,
+    month = _ref.month,
+    showPreviousButton = _ref.showPreviousButton,
+    showNextButton = _ref.showNextButton,
+    labels = _ref.labels,
+    localeUtils = _ref.localeUtils,
+    locale = _ref.locale,
+    _ref$showMonthPicker = _ref.showMonthPicker,
+    showMonthPicker = _ref$showMonthPicker === void 0 ? false : _ref$showMonthPicker,
+    onChangeDirection = _ref.onChangeDirection,
+    onMonthChange = _ref.onMonthChange,
+    onClick = _ref.onClick;
   var nextMonth = showMonthPicker ? DateUtils.addMonths(month, 12) : DateUtils.addMonths(month, 1);
   var previousMonth = showMonthPicker ? DateUtils.addMonths(month, -12) : DateUtils.addMonths(month, -1);
   var onNextClick = useCallback(function () {
     if (onChangeDirection) {
       onChangeDirection(true);
     }
     if (onMonthChange) {
       onMonthChange(nextMonth);
     }
@@ -30,7 +29,6 @@ export var CustomNavBarElement = function CustomNavBarElement(_ref) {
     if (onChangeDirection) {
       onChangeDirection(false);
     }
     if (onMonthChange) {
       onMonthChange(previousMonth);
     }

package/dist/esm/components/DatePicker/CustomNavBarElement.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"~~sources~~":["~~../../../../src/components/DatePicker/~~CustomNavBarElement.~~tsx~~"],"names":["React","useCallback","DateUtils","NavBarElement","CustomNavBarElement","className","classNames","month","showPreviousButton","showNextButton","labels","localeUtils","locale","showMonthPicker","onChangeDirection","onMonthChange","onClick","nextMonth","addMonths","previousMonth","onNextClick","onPreviousClick"],"~~mappings~~":"AAAA,OAAOA,KAAP,IAAoBC,WAApB,QAAuC,OAAvC;AACA,SAASC,SAAT,QAA8C,kBAA9C;AACA,SAASC,aAAT,QAA8B,0BAA9B;AASA,OAAO,IAAMC,mBAAkD,GAAG,SAArDA,mBAAqD,OAa5D;AAAA,MAZJC,SAYI,QAZJA,SAYI;AAAA,MAXJC,UAWI,QAXJA,UAWI;AAAA,MAVJC,KAUI,QAVJA,KAUI;AAAA,MATJC,kBASI,QATJA,kBASI;AAAA,MARJC,cAQI,QARJA,cAQI;AAAA,MAPJC,MAOI,QAPJA,MAOI;AAAA,MANJC,WAMI,QANJA,WAMI;AAAA,MALJC,MAKI,QALJA,MAKI;AAAA,kCAJJC,eAII;AAAA,MAJJA,eAII,qCAJc,KAId;AAAA,MAHJC,iBAGI,QAHJA,iBAGI;AAAA,MAFJC,aAEI,QAFJA,aAEI;AAAA,MADJC,OACI,QADJA,OACI;AACJ,MAAMC,SAAS,GAAGJ,eAAe,GAC7BX,SAAS,CAACgB,SAAV,CAAoBX,KAApB,EAA2B,EAA3B,CAD6B,GAE7BL,SAAS,CAACgB,SAAV,CAAoBX,KAApB,EAA2B,CAA3B,CAFJ;AAGA,MAAMY,aAAa,GAAGN,eAAe,GACjCX,SAAS,CAACgB,SAAV,CAAoBX,KAApB,EAA2B,CAAC,EAA5B,CADiC,GAEjCL,SAAS,CAACgB,SAAV,CAAoBX,KAApB,EAA2B,CAAC,CAA5B,CAFJ;AAIA,MAAMa,WAAW,GAAGnB,WAAW,CAAC,YAAM;AACpC,QAAIa,iBAAJ,EAAuB;AACrBA,MAAAA,iBAAiB,CAAC,IAAD,CAAjB;AACD;;AACD,QAAIC,aAAJ,EAAmB;AACjBA,MAAAA,aAAa,CAACE,SAAD,CAAb;AACD;AACF,GAP8B,EAO5B,CAACA,SAAD,EAAYH,iBAAZ,EAA+BC,aAA/~~B,CAP4B,CAA~~/B;AASA,MAAMM,eAAe,GAAGpB,WAAW,CAAC,YAAM;AACxC,QAAIa,iBAAJ,EAAuB;AACrBA,MAAAA,iBAAiB,CAAC,KAAD,CAAjB;AACD;;AACD,QAAIC,aAAJ,EAAmB;AACjBA,MAAAA,aAAa,CAACI,aAAD,CAAb;AACD;AACF,GAPkC,EAOhC,CAACL,iBAAD,EAAoBC,aAApB,EAAmCI,aAAnC,CAPgC,CAAnC;AASA,sBACE,oBAAC,aAAD;AACE,IAAA,SAAS,EAAEd,SADb;AAEE,IAAA,UAAU,EAAEC,UAFd;AAGE,IAAA,KAAK,EAAEC,KAHT;AAIE,IAAA,kBAAkB,EAAEC,kBAJtB;AAKE,IAAA,cAAc,EAAEC,cALlB;AAME,IAAA,MAAM,EAAEC,MANV;AAOE,IAAA,WAAW,EAAEC,WAPf;AAQE,IAAA,MAAM,EAAEC,MARV;AASE,IAAA,aAAa,EAAEO,aATjB;AAUE,IAAA,SAAS,EAAEF,SAVb;AAWE,IAAA,WAAW,EAAEG,WAXf;AAYE,IAAA,eAAe,EAAEC,eAZnB;AAaE,IAAA,OAAO,EAAEL;AAbX,IADF;AAiBD,CAxDM","sourcesContent":["import React, { FC, useCallback } from \"react\";\nimport { DateUtils, NavbarElementProps } from \"react-day-picker\";\nimport { NavBarElement } from \"../Pickers/NavBarElement\";\n\ninterface ICustomNavBarElementProps extends NavbarElementProps {\n showMonthPicker: boolean;\n onChangeDirection?: (direction: boolean) => void;\n onMonthChange?: (month: Date) => void;\n onClick?: () => void;\n}\n\nexport const CustomNavBarElement: FC<ICustomNavBarElementProps> = ({\n className,\n classNames,\n month,\n showPreviousButton,\n showNextButton,\n labels,\n localeUtils,\n locale,\n showMonthPicker = false,\n onChangeDirection,\n onMonthChange,\n onClick,\n}) => {\n const nextMonth = showMonthPicker\n ? DateUtils.addMonths(month, 12)\n : DateUtils.addMonths(month, 1);\n const previousMonth = showMonthPicker\n ? DateUtils.addMonths(month, -12)\n : DateUtils.addMonths(month, -1);\n\n const onNextClick = useCallback(() => {\n if (onChangeDirection) {\n onChangeDirection(true);\n }\n if (onMonthChange) {\n onMonthChange(nextMonth);\n }\n }, [nextMonth, onChangeDirection, onMonthChange]);\n\n const onPreviousClick = useCallback(() => {\n if (onChangeDirection) {\n onChangeDirection(false);\n }\n if (onMonthChange) {\n onMonthChange(previousMonth);\n }\n }, [onChangeDirection, onMonthChange, previousMonth]);\n\n return (\n <NavBarElement\n className={className}\n classNames={classNames}\n month={month}\n showPreviousButton={showPreviousButton}\n showNextButton={showNextButton}\n labels={labels}\n localeUtils={localeUtils}\n locale={locale}\n previousMonth={previousMonth}\n nextMonth={nextMonth}\n onNextClick={onNextClick}\n onPreviousClick={onPreviousClick}\n onClick={onClick}\n />\n );\n};\n"],"~~file~~":"~~CustomNavBarElement.js~~"}
1	+ {"version":3,"file":"CustomNavBarElement.js","names":["React","useCallback","DateUtils","NavBarElement","CustomNavBarElement","className","classNames","month","showPreviousButton","showNextButton","labels","localeUtils","locale","showMonthPicker","onChangeDirection","onMonthChange","onClick","nextMonth","addMonths","previousMonth","onNextClick","onPreviousClick"],"sources":["../../../../src/components/DatePicker/CustomNavBarElement.tsx"],"sourcesContent":["import React, { FC, useCallback } from \"react\";\nimport { DateUtils, NavbarElementProps } from \"react-day-picker\";\nimport { NavBarElement } from \"../Pickers/NavBarElement\";\n\ninterface ICustomNavBarElementProps extends NavbarElementProps {\n showMonthPicker: boolean;\n onChangeDirection?: (direction: boolean) => void;\n onMonthChange?: (month: Date) => void;\n onClick?: () => void;\n}\n\nexport const CustomNavBarElement: FC<ICustomNavBarElementProps> = ({\n className,\n classNames,\n month,\n showPreviousButton,\n showNextButton,\n labels,\n localeUtils,\n locale,\n showMonthPicker = false,\n onChangeDirection,\n onMonthChange,\n onClick,\n}) => {\n const nextMonth = showMonthPicker\n ? DateUtils.addMonths(month, 12)\n : DateUtils.addMonths(month, 1);\n const previousMonth = showMonthPicker\n ? DateUtils.addMonths(month, -12)\n : DateUtils.addMonths(month, -1);\n\n const onNextClick = useCallback(() => {\n if (onChangeDirection) {\n onChangeDirection(true);\n }\n if (onMonthChange) {\n onMonthChange(nextMonth);\n }\n }, [nextMonth, onChangeDirection, onMonthChange]);\n\n const onPreviousClick = useCallback(() => {\n if (onChangeDirection) {\n onChangeDirection(false);\n }\n if (onMonthChange) {\n onMonthChange(previousMonth);\n }\n }, [onChangeDirection, onMonthChange, previousMonth]);\n\n return (\n <NavBarElement\n className={className}\n classNames={classNames}\n month={month}\n showPreviousButton={showPreviousButton}\n showNextButton={showNextButton}\n labels={labels}\n localeUtils={localeUtils}\n locale={locale}\n previousMonth={previousMonth}\n nextMonth={nextMonth}\n onNextClick={onNextClick}\n onPreviousClick={onPreviousClick}\n onClick={onClick}\n />\n );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IAAQC,WAAW,QAAQ,OAAO;AAC9C,SAASC,SAAS,QAA4B,kBAAkB;AAChE,SAASC,aAAa,QAAQ,0BAA0B;AASxD,OAAO,IAAMC,mBAAkD,GAAG,SAArDA,mBAAkD,OAazD;EAAA,IAZJC,SAAS,QAATA,SAAS;IACTC,UAAU,QAAVA,UAAU;IACVC,KAAK,QAALA,KAAK;IACLC,kBAAkB,QAAlBA,kBAAkB;IAClBC,cAAc,QAAdA,cAAc;IACdC,MAAM,QAANA,MAAM;IACNC,WAAW,QAAXA,WAAW;IACXC,MAAM,QAANA,MAAM;IAAA,4BACNC,eAAe;IAAfA,eAAe,qCAAG,KAAK;IACvBC,iBAAiB,QAAjBA,iBAAiB;IACjBC,aAAa,QAAbA,aAAa;IACbC,OAAO,QAAPA,OAAO;EAEP,IAAMC,SAAS,GAAGJ,eAAe,GAC7BX,SAAS,CAACgB,SAAS,CAACX,KAAK,EAAE,EAAE,CAAC,GAC9BL,SAAS,CAACgB,SAAS,CAACX,KAAK,EAAE,CAAC,CAAC;EACjC,IAAMY,aAAa,GAAGN,eAAe,GACjCX,SAAS,CAACgB,SAAS,CAACX,KAAK,EAAE,CAAC,EAAE,CAAC,GAC/BL,SAAS,CAACgB,SAAS,CAACX,KAAK,EAAE,CAAC,CAAC,CAAC;EAElC,IAAMa,WAAW,GAAGnB,WAAW,CAAC,YAAM;IACpC,IAAIa,iBAAiB,EAAE;MACrBA,iBAAiB,CAAC,IAAI,CAAC;IACzB;IACA,IAAIC,aAAa,EAAE;MACjBA,aAAa,CAACE,SAAS,CAAC;IAC1B;EACF,CAAC,EAAE,CAACA,SAAS,EAAEH,iBAAiB,EAAEC,aAAa,CAAC,CAAC;EAEjD,IAAMM,eAAe,GAAGpB,WAAW,CAAC,YAAM;IACxC,IAAIa,iBAAiB,EAAE;MACrBA,iBAAiB,CAAC,KAAK,CAAC;IAC1B;IACA,IAAIC,aAAa,EAAE;MACjBA,aAAa,CAACI,aAAa,CAAC;IAC9B;EACF,CAAC,EAAE,CAACL,iBAAiB,EAAEC,aAAa,EAAEI,aAAa,CAAC,CAAC;EAErD,oBACE,oBAAC,aAAa;IACZ,SAAS,EAAEd,SAAU;IACrB,UAAU,EAAEC,UAAW;IACvB,KAAK,EAAEC,KAAM;IACb,kBAAkB,EAAEC,kBAAmB;IACvC,cAAc,EAAEC,cAAe;IAC/B,MAAM,EAAEC,MAAO;IACf,WAAW,EAAEC,WAAY;IACzB,MAAM,EAAEC,MAAO;IACf,aAAa,EAAEO,aAAc;IAC7B,SAAS,EAAEF,SAAU;IACrB,WAAW,EAAEG,WAAY;IACzB,eAAe,EAAEC,eAAgB;IACjC,OAAO,EAAEL;EAAQ,EACjB;AAEN,CAAC"}