npm - @activecollab/components - Versions diffs - 1.0.225 → 1.0.227 - Mend

@activecollab/components 1.0.225 → 1.0.227

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 (49) hide show

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

	@@ -1 +1 @@
1	- {"version":3,"file":"Breadcrumbs.js","names":["React","useRef","useMemo","useEffect","useState","useForkRef","useResizeObserver","Menu","ListItem","Button","TreeDotsIcon","StyledNavElement","StyledOList","StyledMenuList","StyledListWrapper","StyledBreadcrumbListItem","Breadcrumbs","forwardRef","ref","children","className","separator","rest","internalRef","listWrapperRef","olRef","widthCollectionRef","handleRef","menuBreadcrumbs","setMenuBreadcrumbs","dimensions","childDimensions","parentWidth","width","childWidth","childrenCollection","Children","toArray","slice","length","menuCollection","listCollection","current","diffWidth","separatorWidth","querySelectorAll","offsetWidth","breadcrumbItems","childWidthCollection","maxIndex","currentIndex","childSumWidth","result","push","pop","oldVal","total","collection","sumWidth","lastWidth","totalToDecrease","newValue","end","map","child","index","displayName"],"sources":["../../../../src/components/Breadcrumbs/Breadcrumbs.tsx"],"sourcesContent":["import React, {\n ReactElement,\n useRef,\n useMemo,\n useEffect,\n useState,\n} from \"react\";\nimport { useForkRef, useResizeObserver } from \"../../utils\";\nimport { Menu } from \"../Menu\";\nimport { ListItem } from \"../List\";\nimport { Button } from \"../Button\";\nimport { TreeDotsIcon } from \"../Icons\";\nimport {\n StyledNavElement,\n StyledOList,\n StyledMenuList,\n StyledListWrapper,\n StyledBreadcrumbListItem,\n} from \"./Styles\";\n\nexport interface BreadcrumbsProps {\n /** Separator element */\n separator?: ReactElement \| string;\n}\n\nexport const Breadcrumbs = React.forwardRef<\n HTMLElement,\n BreadcrumbsProps &\n Omit<React.ComponentPropsWithoutRef<\"nav\">, keyof BreadcrumbsProps>\n>(({ children, className, separator = \"/\", ...rest }, ref) => {\n const internalRef = useRef<HTMLElement \| null>(null);\n const listWrapperRef = useRef<HTMLDivElement \| null>(null);\n const olRef = useRef<HTMLOListElement \| null>(null);\n const widthCollectionRef = useRef<number[]>([]);\n const handleRef = useForkRef(ref, internalRef);\n const [menuBreadcrumbs, setMenuBreadcrumbs] = useState(0);\n const dimensions = useResizeObserver(internalRef);\n const childDimensions = useResizeObserver(listWrapperRef);\n\n const parentWidth = dimensions?.width ?? 0;\n const childWidth = childDimensions?.width ?? 0;\n\n const childrenCollection = useMemo(\n () => React.Children.toArray(children),\n [children]\n );\n\n const [menuCollection, listCollection] = useMemo(() => {\n return [\n childrenCollection.slice(0, menuBreadcrumbs),\n childrenCollection.slice(menuBreadcrumbs, childrenCollection.length),\n ];\n }, [childrenCollection, menuBreadcrumbs]);\n\n useEffect(() => {\n widthCollectionRef.current = [];\n setMenuBreadcrumbs(0);\n }, [childrenCollection.length]);\n\n useEffect(() => {\n const diffWidth = childWidth - parentWidth;\n\n if (diffWidth > 0) {\n const separatorWidth =\n (\n olRef.current?.querySelectorAll(\n `[data-role=\"separator\"]`\n )[0] as HTMLLIElement\n )?.offsetWidth ?? 0;\n const breadcrumbItems =\n olRef.current?.querySelectorAll(`[data-role=\"item\"]`) ?? [];\n const childWidthCollection: number[] = [];\n\n const maxIndex = (breadcrumbItems?.length ?? 1) - 1;\n let currentIndex = 0;\n let childSumWidth = 0;\n\n while (diffWidth > childSumWidth && maxIndex >= currentIndex) {\n const childWidth =\n (breadcrumbItems[currentIndex] as HTMLLIElement)?.offsetWidth ?? 0;\n const result = separatorWidth + childWidth;\n childWidthCollection.push(result);\n childSumWidth += result;\n currentIndex += 1;\n }\n\n if (childWidthCollection.length === listCollection.length) {\n childWidthCollection.pop();\n }\n\n widthCollectionRef.current = [\n ...widthCollectionRef.current,\n ...childWidthCollection,\n ];\n\n setMenuBreadcrumbs((oldVal) => oldVal + childWidthCollection.length);\n }\n }, [listCollection.length, parentWidth, childWidth]);\n\n useEffect(() => {\n const diffWidth = parentWidth - childWidth;\n\n if (diffWidth > 0 && widthCollectionRef.current.length > 0) {\n const total = widthCollectionRef.current.length;\n const collection = [...widthCollectionRef.current];\n\n let sumWidth = 0;\n\n while (diffWidth > sumWidth && collection.length > 0) {\n const lastWidth = collection[collection.length - 1] ?? 0;\n if (diffWidth < lastWidth + sumWidth) {\n sumWidth = diffWidth;\n } else {\n sumWidth += collection.pop() ?? 0;\n }\n }\n\n const totalToDecrease = total - collection.length;\n\n setMenuBreadcrumbs((oldVal) => {\n const newValue = oldVal - totalToDecrease;\n return newValue > 0 ? newValue : 0;\n });\n\n const end = total - totalToDecrease;\n\n widthCollectionRef.current =\n end > 0 ? widthCollectionRef.current.slice(0, end) : [];\n }\n }, [parentWidth, childWidth]);\n\n return (\n <StyledNavElement className={className} ref={handleRef} {...rest}>\n <StyledListWrapper ref={listWrapperRef}>\n <StyledOList ref={olRef}>\n {menuCollection.length > 0 ? (\n <StyledBreadcrumbListItem data-role=\"menu\">\n <Menu\n target={\n <Button variant=\"text gray\">\n <TreeDotsIcon />\n </Button>\n }\n >\n <StyledMenuList>\n {menuCollection.map((child, index) => (\n <ListItem key={index}>{child}</ListItem>\n ))}\n </StyledMenuList>\n </Menu>\n </StyledBreadcrumbListItem>\n ) : null}\n {listCollection.map((child, index) => {\n return (\n <React.Fragment key={index}>\n {index > 0 \|\| menuCollection.length > 0 ? (\n <StyledBreadcrumbListItem data-role=\"separator\">\n {separator}\n </StyledBreadcrumbListItem>\n ) : null}\n <StyledBreadcrumbListItem data-role=\"item\">\n {child}\n </StyledBreadcrumbListItem>\n </React.Fragment>\n );\n })}\n </StyledOList>\n </StyledListWrapper>\n </StyledNavElement>\n );\n});\n\nBreadcrumbs.displayName = \"Breadcrumbs\";\n"],"mappings":"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"}
1	+ {"version":3,"file":"Breadcrumbs.js","names":["React","useRef","useMemo","useEffect","useState","useForkRef","useResizeObserver","Menu","ListItem","IconButton","TreeDotsIcon","StyledNavElement","StyledOList","StyledMenuList","StyledListWrapper","StyledBreadcrumbListItem","Breadcrumbs","forwardRef","ref","children","className","separator","rest","internalRef","listWrapperRef","olRef","widthCollectionRef","handleRef","menuBreadcrumbs","setMenuBreadcrumbs","dimensions","childDimensions","parentWidth","width","childWidth","childrenCollection","Children","toArray","slice","length","menuCollection","listCollection","current","diffWidth","separatorWidth","querySelectorAll","offsetWidth","breadcrumbItems","childWidthCollection","maxIndex","currentIndex","childSumWidth","result","push","pop","oldVal","total","collection","sumWidth","lastWidth","totalToDecrease","newValue","end","map","child","index","displayName"],"sources":["../../../../src/components/Breadcrumbs/Breadcrumbs.tsx"],"sourcesContent":["import React, {\n ReactElement,\n useRef,\n useMemo,\n useEffect,\n useState,\n} from \"react\";\nimport { useForkRef, useResizeObserver } from \"../../utils\";\nimport { Menu } from \"../Menu\";\nimport { ListItem } from \"../List\";\nimport { IconButton } from \"../IconButton\";\nimport { TreeDotsIcon } from \"../Icons\";\nimport {\n StyledNavElement,\n StyledOList,\n StyledMenuList,\n StyledListWrapper,\n StyledBreadcrumbListItem,\n} from \"./Styles\";\n\nexport interface BreadcrumbsProps {\n /** Separator element */\n separator?: ReactElement \| string;\n}\n\nexport const Breadcrumbs = React.forwardRef<\n HTMLElement,\n BreadcrumbsProps &\n Omit<React.ComponentPropsWithoutRef<\"nav\">, keyof BreadcrumbsProps>\n>(({ children, className, separator = \"/\", ...rest }, ref) => {\n const internalRef = useRef<HTMLElement \| null>(null);\n const listWrapperRef = useRef<HTMLDivElement \| null>(null);\n const olRef = useRef<HTMLOListElement \| null>(null);\n const widthCollectionRef = useRef<number[]>([]);\n const handleRef = useForkRef(ref, internalRef);\n const [menuBreadcrumbs, setMenuBreadcrumbs] = useState(0);\n const dimensions = useResizeObserver(internalRef);\n const childDimensions = useResizeObserver(listWrapperRef);\n\n const parentWidth = dimensions?.width ?? 0;\n const childWidth = childDimensions?.width ?? 0;\n\n const childrenCollection = useMemo(\n () => React.Children.toArray(children),\n [children]\n );\n\n const [menuCollection, listCollection] = useMemo(() => {\n return [\n childrenCollection.slice(0, menuBreadcrumbs),\n childrenCollection.slice(menuBreadcrumbs, childrenCollection.length),\n ];\n }, [childrenCollection, menuBreadcrumbs]);\n\n useEffect(() => {\n widthCollectionRef.current = [];\n setMenuBreadcrumbs(0);\n }, [childrenCollection.length]);\n\n useEffect(() => {\n const diffWidth = childWidth - parentWidth;\n\n if (diffWidth > 0) {\n const separatorWidth =\n (\n olRef.current?.querySelectorAll(\n `[data-role=\"separator\"]`\n )[0] as HTMLLIElement\n )?.offsetWidth ?? 0;\n const breadcrumbItems =\n olRef.current?.querySelectorAll(`[data-role=\"item\"]`) ?? [];\n const childWidthCollection: number[] = [];\n\n const maxIndex = (breadcrumbItems?.length ?? 1) - 1;\n let currentIndex = 0;\n let childSumWidth = 0;\n\n while (diffWidth > childSumWidth && maxIndex >= currentIndex) {\n const childWidth =\n (breadcrumbItems[currentIndex] as HTMLLIElement)?.offsetWidth ?? 0;\n const result = separatorWidth + childWidth;\n childWidthCollection.push(result);\n childSumWidth += result;\n currentIndex += 1;\n }\n\n if (childWidthCollection.length === listCollection.length) {\n childWidthCollection.pop();\n }\n\n widthCollectionRef.current = [\n ...widthCollectionRef.current,\n ...childWidthCollection,\n ];\n\n setMenuBreadcrumbs((oldVal) => oldVal + childWidthCollection.length);\n }\n }, [listCollection.length, parentWidth, childWidth]);\n\n useEffect(() => {\n const diffWidth = parentWidth - childWidth;\n\n if (diffWidth > 0 && widthCollectionRef.current.length > 0) {\n const total = widthCollectionRef.current.length;\n const collection = [...widthCollectionRef.current];\n\n let sumWidth = 0;\n\n while (diffWidth > sumWidth && collection.length > 0) {\n const lastWidth = collection[collection.length - 1] ?? 0;\n if (diffWidth < lastWidth + sumWidth) {\n sumWidth = diffWidth;\n } else {\n sumWidth += collection.pop() ?? 0;\n }\n }\n\n const totalToDecrease = total - collection.length;\n\n setMenuBreadcrumbs((oldVal) => {\n const newValue = oldVal - totalToDecrease;\n return newValue > 0 ? newValue : 0;\n });\n\n const end = total - totalToDecrease;\n\n widthCollectionRef.current =\n end > 0 ? widthCollectionRef.current.slice(0, end) : [];\n }\n }, [parentWidth, childWidth]);\n\n return (\n <StyledNavElement className={className} ref={handleRef} {...rest}>\n <StyledListWrapper ref={listWrapperRef}>\n <StyledOList ref={olRef}>\n {menuCollection.length > 0 ? (\n <StyledBreadcrumbListItem data-role=\"menu\">\n <Menu\n target={\n <IconButton variant=\"text gray\">\n <TreeDotsIcon />\n </IconButton>\n }\n >\n <StyledMenuList>\n {menuCollection.map((child, index) => (\n <ListItem key={index}>{child}</ListItem>\n ))}\n </StyledMenuList>\n </Menu>\n </StyledBreadcrumbListItem>\n ) : null}\n {listCollection.map((child, index) => {\n return (\n <React.Fragment key={index}>\n {index > 0 \|\| menuCollection.length > 0 ? (\n <StyledBreadcrumbListItem data-role=\"separator\">\n {separator}\n </StyledBreadcrumbListItem>\n ) : null}\n <StyledBreadcrumbListItem data-role=\"item\">\n {child}\n </StyledBreadcrumbListItem>\n </React.Fragment>\n );\n })}\n </StyledOList>\n </StyledListWrapper>\n </StyledNavElement>\n );\n});\n\nBreadcrumbs.displayName = \"Breadcrumbs\";\n"],"mappings":"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"}

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

@@ -5,7 +5,7 @@ var _excluded = ["options", "selected", "loading", "loadingText", "onChange", "p
 import React, { useCallback, useState, useEffect, useRef, useMemo, Fragment } from "react";
 import { RadioButton } from "../RadioButton";
 import { Autocomplete } from "../Autocomplete";
-import { Button } from "../Button/Button";
+import { IconButton } from "../IconButton";
 import { isOptionGroup } from "../Autocomplete/Autocomplete";
 import useForkRef from "../../utils/useForkRef";
 import { Popper } from "../Popper";
@@ -322,7 +322,7 @@ export var ComboBox = function ComboBox(_ref) {
     startAdornment: startAdornment,
     endAdornment: !disabled ? /*#__PURE__*/React.createElement(InputAdornment, {
       disablePointerEvents: disabled
-    }, loading ? /*#__PURE__*/React.createElement(SpinnerLoader, null) : selected ? /*#__PURE__*/React.createElement(Button, {
+    }, loading ? /*#__PURE__*/React.createElement(SpinnerLoader, null) : selected ? /*#__PURE__*/React.createElement(IconButton, {
       onMouseDown: handleMouseDown,
       onClick: handleDeselect,
       variant: "text gray",

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

	@@ -1 +1 @@
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":"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"}
1	+ {"version":3,"file":"ComboBox.js","names":["React","useCallback","useState","useEffect","useRef","useMemo","Fragment","RadioButton","Autocomplete","IconButton","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 { IconButton } from \"../IconButton\";\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 <IconButton\n onMouseDown={handleMouseDown}\n onClick={handleDeselect}\n variant=\"text gray\"\n size=\"small\"\n >\n <StyledComboBoxCloseSmallIcon />\n </IconButton>\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":"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"}

package/dist/esm/components/Filter/Submenu.js CHANGED Viewed

@@ -1,6 +1,6 @@
 import React, { useRef, useEffect } from "react";
 import { MenuHeader } from "../Menu";
-import { Button } from "../Button";
+import { IconButton } from "../IconButton";
 import { ArrowLeftIcon } from "../Icons";
 import { useResizeObserver } from "../../utils";
 export var Submenu = function Submenu(_ref) {
@@ -22,7 +22,7 @@ export var Submenu = function Submenu(_ref) {
     ref: ref
   }, /*#__PURE__*/React.createElement(MenuHeader, {
     title: title,
-    leftElement: /*#__PURE__*/React.createElement(Button, {
+    leftElement: /*#__PURE__*/React.createElement(IconButton, {
       onClick: onBack,
       variant: "text gray",
       size: "small"

package/dist/esm/components/Filter/Submenu.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Submenu.js","names":["React","useRef","useEffect","MenuHeader","~~Button~~","ArrowLeftIcon","useResizeObserver","Submenu","onBack","onHeightChange","style","children","title","ref","dimensions","height"],"sources":["../../../../src/components/Filter/Submenu.tsx"],"sourcesContent":["import React, { useRef, useEffect, FC, HTMLAttributes } from \"react\";\nimport { MenuHeader } from \"../Menu\";\nimport { ~~Button~~ } from \"../~~Button~~\";\nimport { ArrowLeftIcon } from \"../Icons\";\nimport { useResizeObserver } from \"../../utils\";\n\ninterface SubmenuProps {\n title: string;\n onBack: () => void;\n onHeightChange: (height: number) => void;\n}\n\nexport const Submenu: FC<SubmenuProps & HTMLAttributes<HTMLDivElement>> = ({\n onBack,\n onHeightChange,\n style,\n children,\n title,\n}) => {\n const ref = useRef(null);\n const dimensions = useResizeObserver(ref);\n const height = dimensions?.height;\n\n useEffect(() => {\n if (height && height > 0) {\n onHeightChange(height);\n }\n }, [height, onHeightChange]);\n\n return (\n <div style={style} ref={ref}>\n <MenuHeader\n title={title}\n leftElement={\n <~~Button~~ onClick={onBack} variant=\"text gray\" size=\"small\">\n <ArrowLeftIcon />\n </~~Button~~>\n }\n />\n {children}\n </div>\n );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,MAAM,EAAEC,SAAS,QAA4B,OAAO;AACpE,SAASC,UAAU,QAAQ,SAAS;AACpC,SAASC,~~MAAM~~,QAAQ,~~WAAW~~;~~AAClC~~,SAASC,aAAa,QAAQ,UAAU;AACxC,SAASC,iBAAiB,QAAQ,aAAa;AAQ/C,OAAO,IAAMC,OAA0D,GAAG,SAA7DA,OAA0D,OAMjE;EAAA,IALJC,MAAM,QAANA,MAAM;IACNC,cAAc,QAAdA,cAAc;IACdC,KAAK,QAALA,KAAK;IACLC,QAAQ,QAARA,QAAQ;IACRC,KAAK,QAALA,KAAK;EAEL,IAAMC,GAAG,GAAGZ,MAAM,CAAC,IAAI,CAAC;EACxB,IAAMa,UAAU,GAAGR,iBAAiB,CAACO,GAAG,CAAC;EACzC,IAAME,MAAM,GAAGD,UAAU,oBAAVA,UAAU,CAAEC,MAAM;EAEjCb,SAAS,CAAC,YAAM;IACd,IAAIa,MAAM,IAAIA,MAAM,GAAG,CAAC,EAAE;MACxBN,cAAc,CAACM,MAAM,CAAC;IACxB;EACF,CAAC,EAAE,CAACA,MAAM,EAAEN,cAAc,CAAC,CAAC;EAE5B,oBACE;IAAK,KAAK,EAAEC,KAAM;IAAC,GAAG,EAAEG;EAAI,gBAC1B,oBAAC,UAAU;IACT,KAAK,EAAED,KAAM;IACb,WAAW,eACT,oBAAC,~~MAAM~~;MAAC,OAAO,EAAEJ,MAAO;MAAC,OAAO,EAAC,WAAW;MAAC,IAAI,EAAC;IAAO,~~gBACvD~~,oBAAC,aAAa,OAAG;EAEpB,EACD,EACDG,QAAQ,CACL;AAEV,CAAC"}
1	+ {"version":3,"file":"Submenu.js","names":["React","useRef","useEffect","MenuHeader","IconButton","ArrowLeftIcon","useResizeObserver","Submenu","onBack","onHeightChange","style","children","title","ref","dimensions","height"],"sources":["../../../../src/components/Filter/Submenu.tsx"],"sourcesContent":["import React, { useRef, useEffect, FC, HTMLAttributes } from \"react\";\nimport { MenuHeader } from \"../Menu\";\nimport { IconButton } from \"../IconButton\";\nimport { ArrowLeftIcon } from \"../Icons\";\nimport { useResizeObserver } from \"../../utils\";\n\ninterface SubmenuProps {\n title: string;\n onBack: () => void;\n onHeightChange: (height: number) => void;\n}\n\nexport const Submenu: FC<SubmenuProps & HTMLAttributes<HTMLDivElement>> = ({\n onBack,\n onHeightChange,\n style,\n children,\n title,\n}) => {\n const ref = useRef(null);\n const dimensions = useResizeObserver(ref);\n const height = dimensions?.height;\n\n useEffect(() => {\n if (height && height > 0) {\n onHeightChange(height);\n }\n }, [height, onHeightChange]);\n\n return (\n <div style={style} ref={ref}>\n <MenuHeader\n title={title}\n leftElement={\n <IconButton onClick={onBack} variant=\"text gray\" size=\"small\">\n <ArrowLeftIcon />\n </IconButton>\n }\n />\n {children}\n </div>\n );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,MAAM,EAAEC,SAAS,QAA4B,OAAO;AACpE,SAASC,UAAU,QAAQ,SAAS;AACpC,SAASC,UAAU,QAAQ,eAAe;AAC1C,SAASC,aAAa,QAAQ,UAAU;AACxC,SAASC,iBAAiB,QAAQ,aAAa;AAQ/C,OAAO,IAAMC,OAA0D,GAAG,SAA7DA,OAA0D,OAMjE;EAAA,IALJC,MAAM,QAANA,MAAM;IACNC,cAAc,QAAdA,cAAc;IACdC,KAAK,QAALA,KAAK;IACLC,QAAQ,QAARA,QAAQ;IACRC,KAAK,QAALA,KAAK;EAEL,IAAMC,GAAG,GAAGZ,MAAM,CAAC,IAAI,CAAC;EACxB,IAAMa,UAAU,GAAGR,iBAAiB,CAACO,GAAG,CAAC;EACzC,IAAME,MAAM,GAAGD,UAAU,oBAAVA,UAAU,CAAEC,MAAM;EAEjCb,SAAS,CAAC,YAAM;IACd,IAAIa,MAAM,IAAIA,MAAM,GAAG,CAAC,EAAE;MACxBN,cAAc,CAACM,MAAM,CAAC;IACxB;EACF,CAAC,EAAE,CAACA,MAAM,EAAEN,cAAc,CAAC,CAAC;EAE5B,oBACE;IAAK,KAAK,EAAEC,KAAM;IAAC,GAAG,EAAEG;EAAI,gBAC1B,oBAAC,UAAU;IACT,KAAK,EAAED,KAAM;IACb,WAAW,eACT,oBAAC,UAAU;MAAC,OAAO,EAAEJ,MAAO;MAAC,OAAO,EAAC,WAAW;MAAC,IAAI,EAAC;IAAO,gBAC3D,oBAAC,aAAa,OAAG;EAEpB,EACD,EACDG,QAAQ,CACL;AAEV,CAAC"}

package/dist/esm/components/ProgressPie/ProgressPie.d.ts ADDED Viewed

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import { ProgressRingProps } from "../ProgressRing";
+export declare const ProgressPie: {
+    ({ radius, ...rest }: Omit<ProgressRingProps, "stroke" | "fontSize" | "showPercentage">): JSX.Element;
+    displayName: string;
+};
+//# sourceMappingURL=ProgressPie.d.ts.map

package/dist/esm/components/ProgressPie/ProgressPie.d.ts.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"ProgressPie.d.ts","sourceRoot":"","sources":["../../../../src/components/ProgressPie/ProgressPie.tsx"],"names":[],"mappings":";AACA,OAAO,EAAgB,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AAElE,eAAO,MAAM,WAAW;0BAGrB,KAAK,iBAAiB,EAAE,QAAQ,GAAG,UAAU,GAAG,gBAAgB,CAAC;;CAEnE,CAAC"}

package/dist/esm/components/ProgressPie/ProgressPie.js ADDED Viewed

@@ -0,0 +1,16 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+var _excluded = ["radius"];
+import React from "react";
+import { ProgressRing } from "../ProgressRing";
+export var ProgressPie = function ProgressPie(_ref) {
+  var _ref$radius = _ref.radius,
+    radius = _ref$radius === void 0 ? 20 : _ref$radius,
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded);
+  return /*#__PURE__*/React.createElement(ProgressRing, _extends({}, rest, {
+    stroke: radius,
+    radius: radius
+  }));
+};
+ProgressPie.displayName = "ProgressPie";
+//# sourceMappingURL=ProgressPie.js.map

package/dist/esm/components/ProgressPie/ProgressPie.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"ProgressPie.js","names":["React","ProgressRing","ProgressPie","radius","rest","displayName"],"sources":["../../../../src/components/ProgressPie/ProgressPie.tsx"],"sourcesContent":["import React from \"react\";\nimport { ProgressRing, ProgressRingProps } from \"../ProgressRing\";\n\nexport const ProgressPie = ({\n radius = 20,\n ...rest\n}: Omit<ProgressRingProps, \"stroke\" | \"fontSize\" | \"showPercentage\">) => {\n return <ProgressRing {...rest} stroke={radius} radius={radius} />;\n};\n\nProgressPie.displayName = \"ProgressPie\";\n"],"mappings":";;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,YAAY,QAA2B,iBAAiB;AAEjE,OAAO,IAAMC,WAAW,GAAG,SAAdA,WAAW,OAGiD;EAAA,uBAFvEC,MAAM;IAANA,MAAM,4BAAG,EAAE;IACRC,IAAI;EAEP,oBAAO,oBAAC,YAAY,eAAKA,IAAI;IAAE,MAAM,EAAED,MAAO;IAAC,MAAM,EAAEA;EAAO,GAAG;AACnE,CAAC;AAEDD,WAAW,CAACG,WAAW,GAAG,aAAa"}

package/dist/esm/components/ProgressPie/index.d.ts ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ export * from "./ProgressPie";
2	+ //# sourceMappingURL=index.d.ts.map

package/dist/esm/components/ProgressPie/index.d.ts.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/ProgressPie/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC"}

package/dist/esm/components/ProgressPie/index.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ export * from "./ProgressPie";
2	+ //# sourceMappingURL=index.js.map

package/dist/esm/components/ProgressPie/index.js.map ADDED Viewed

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

package/dist/esm/components/ProgressRing/ProgressRing.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
-import { FC } from "react";
-export interface IProgressRingProps {
+/// <reference types="react" />
+export interface ProgressRingProps {
     progress?: number;
     backgroundColor?: string;
     progressColor?: string;
@@ -9,5 +9,8 @@ export interface IProgressRingProps {
     showPercentage?: boolean;
     fontSize?: number;
 }
-export declare const ProgressRing: FC<IProgressRingProps>;
+export declare const ProgressRing: {
+    ({ backgroundColor, progressColor, progress, radius, stroke, className, showPercentage, fontSize, }: ProgressRingProps): JSX.Element;
+    displayName: string;
+};
 //# sourceMappingURL=ProgressRing.d.ts.map

package/dist/esm/components/ProgressRing/ProgressRing.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ProgressRing.d.ts","sourceRoot":"","sources":["../../../../src/components/ProgressRing/ProgressRing.tsx"],"names":[],"mappings":"~~AAAA,OAAc,EAAE,EAAE,EAAW,MAAM,OAAO,CAAC~~;~~AAS3C~~,MAAM,WAAW,~~kBAAkB~~;~~IAEjC~~,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB,eAAe,CAAC,EAAE,MAAM,CAAC;IAEzB,aAAa,CAAC,EAAE,MAAM,CAAC;IAEvB,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,cAAc,CAAC,EAAE,OAAO,CAAC;IAEzB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,eAAO,MAAM,YAAY,~~EAAE~~,~~EAAE,~~CAAC~~,kBAAkB,CAyE/C,CAAC~~"}
1	+ {"version":3,"file":"ProgressRing.d.ts","sourceRoot":"","sources":["../../../../src/components/ProgressRing/ProgressRing.tsx"],"names":[],"mappings":";AASA,MAAM,WAAW,iBAAiB;IAEhC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB,eAAe,CAAC,EAAE,MAAM,CAAC;IAEzB,aAAa,CAAC,EAAE,MAAM,CAAC;IAEvB,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,cAAc,CAAC,EAAE,OAAO,CAAC;IAEzB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,eAAO,MAAM,YAAY;yGAStB,iBAAiB;;CAoEnB,CAAC"}

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

@@ -14,6 +14,10 @@ export var ProgressRing = function ProgressRing(_ref) {
     _ref$showPercentage = _ref.showPercentage,
     showPercentage = _ref$showPercentage === void 0 ? false : _ref$showPercentage,
     fontSize = _ref.fontSize;
+  if (stroke > radius) {
+    console.warn("Stroke can not have value greater than the radius.");
+    stroke = radius;
+  }
   var progressNumber = useMemo(function () {
     var width = progress;
     if (progress > 100) {

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

	@@ -1 +1 @@
1	- {"version":3,"file":"ProgressRing.js","names":["React","useMemo","StyledBackgroundCircle","StyledForegroundCircle","StyledSvg","StyledProgressRingPercentage","classNames","ProgressRing","backgroundColor","progressColor","progress","radius","stroke","className","showPercentage","fontSize","progressNumber","width","normalizedRadius","circumference","Math","PI","strokeDashoffsetOuter","strokeDashoffsetInner","displayName"],"sources":["../../../../src/components/ProgressRing/ProgressRing.tsx"],"sourcesContent":["import React, { ~~FC,~~ useMemo } from \"react\";\nimport {\n StyledBackgroundCircle,\n StyledForegroundCircle,\n StyledSvg,\n StyledProgressRingPercentage,\n} from \"./Styles\";\nimport classNames from \"classnames\";\n\nexport interface ~~IProgressRingProps~~ {\n /** Progress prop can be number. /\n progress?: number;\n /* Custom classname for styling. /\n backgroundColor?: string;\n /* Custom classname for styling. /\n progressColor?: string;\n /* Custom classname for styling. /\n radius?: number;\n /* Custom classname for styling. /\n stroke?: number;\n /* Applies passed classes /\n className?: string;\n /* Should the percentage be displayed inside ring or not /\n showPercentage?: boolean;\n /* Size of displayed percentage /\n fontSize?: number;\n}\n\nexport const ProgressRing: ~~FC<IProgressRingProps>~~ = ({\n backgroundColor,\n progressColor,\n progress = 0,\n radius = 20,\n stroke = 3,\n className,\n showPercentage = false,\n fontSize,\n}) => {\n const progressNumber = useMemo(() => {\n let width = progress;\n if (progress > 100) {\n width = 100;\n }\n if (progress < 0) {\n width = 0;\n }\n return width;\n }, [progress]);\n\n const normalizedRadius = useMemo(() => radius - stroke / 2, [radius, stroke]);\n const circumference = useMemo(\n () => normalizedRadius 2 * Math.PI,\n [normalizedRadius]\n );\n const strokeDashoffsetOuter = useMemo(\n () => circumference - ((100 - progressNumber) / 100) * circumference,\n [circumference, progressNumber]\n );\n const strokeDashoffsetInner = useMemo(\n () => circumference - (progressNumber / 100) * circumference,\n [circumference, progressNumber]\n );\n\n return (\n <StyledSvg\n height={radius * 2}\n width={radius * 2}\n className={classNames(className)}\n >\n <StyledBackgroundCircle\n $color={backgroundColor}\n $strokeDashOffset={-strokeDashoffsetOuter}\n strokeWidth={stroke}\n strokeDasharray={`${circumference} ${circumference}`}\n r={normalizedRadius}\n cx={radius}\n cy={radius}\n />\n <StyledForegroundCircle\n $color={progressColor}\n $strokeDashOffset={strokeDashoffsetInner}\n strokeWidth={stroke}\n strokeDasharray={`${circumference} ${circumference}`}\n r={normalizedRadius}\n cx={radius}\n cy={radius}\n />\n {showPercentage ? (\n <StyledProgressRingPercentage\n $color={progressColor}\n $fontSize={fontSize}\n x=\"50%\"\n y=\"-50%\"\n dominantBaseline=\"central\"\n textAnchor=\"middle\"\n >\n {progressNumber}%\n </StyledProgressRingPercentage>\n ) : null}\n </StyledSvg>\n );\n};\n\nProgressRing.displayName = \"ProgressRing\";\n"],"mappings":"AAAA,OAAOA,KAAK,~~IAAQC~~,OAAO,QAAQ,OAAO;~~AAC1C~~,SACEC,sBAAsB,EACtBC,sBAAsB,EACtBC,SAAS,EACTC,4BAA4B,QACvB,UAAU;AACjB,OAAOC,UAAU,MAAM,YAAY;AAqBnC,OAAO,IAAMC,~~YAAoC~~,GAAG,~~SAAvCA~~,~~YAAoC~~,~~OAS3C~~;EAAA,~~IARJC~~,eAAe,QAAfA,eAAe;IACfC,aAAa,QAAbA,aAAa;IAAA,qBACbC,QAAQ;IAARA,QAAQ,8BAAG,CAAC;IAAA,mBACZC,MAAM;IAANA,MAAM,4BAAG,EAAE;IAAA,mBACXC,MAAM;IAANA,MAAM,4BAAG,CAAC;IACVC,SAAS,QAATA,SAAS;IAAA,2BACTC,cAAc;IAAdA,cAAc,oCAAG,KAAK;IACtBC,QAAQ,QAARA,QAAQ;EAER,~~IAAMC~~,cAAc,~~GAAGf~~,OAAO,CAAC,YAAM;IACnC,~~IAAIgB~~,KAAK,~~GAAGP~~,QAAQ;IACpB,IAAIA,QAAQ,GAAG,GAAG,EAAE;~~MAClBO~~,KAAK,GAAG,GAAG;IACb;IACA,~~IAAIP~~,QAAQ,GAAG,CAAC,EAAE;~~MAChBO~~,KAAK,GAAG,CAAC;IACX;IACA,OAAOA,KAAK;EACd,CAAC,EAAE,~~CAACP~~,QAAQ,CAAC,CAAC;EAEd,~~IAAMQ~~,gBAAgB,~~GAAGjB~~,OAAO,CAAC;IAAA,OAAMU,MAAM,GAAGC,MAAM,GAAG,CAAC;EAAA,GAAE,CAACD,MAAM,EAAEC,MAAM,CAAC,CAAC;EAC7E,~~IAAMO~~,aAAa,~~GAAGlB~~,OAAO,CAC3B;IAAA,~~OAAMiB~~,gBAAgB,GAAG,CAAC,GAAGE,IAAI,CAACC,EAAE;EAAA,GACpC,CAACH,gBAAgB,CAAC,CACnB;EACD,IAAMI,qBAAqB,~~GAAGrB~~,OAAO,CACnC;IAAA,~~OAAMkB~~,aAAa,GAAI,CAAC,GAAG,GAAGH,cAAc,IAAI,GAAG,GAAIG,aAAa;EAAA,GACpE,CAACA,aAAa,EAAEH,cAAc,CAAC,CAChC;EACD,IAAMO,qBAAqB,~~GAAGtB~~,OAAO,CACnC;IAAA,~~OAAMkB~~,aAAa,GAAIH,cAAc,GAAG,GAAG,GAAIG,aAAa;EAAA,GAC5D,CAACA,aAAa,EAAEH,cAAc,CAAC,CAChC;EAED,oBACE,oBAAC,SAAS;IACR,MAAM,~~EAAEL~~,MAAM,GAAG,CAAE;IACnB,KAAK,EAAEA,MAAM,GAAG,CAAE;IAClB,SAAS,EAAEL,UAAU,CAACO,SAAS;EAAE,gBAEjC,oBAAC,sBAAsB;IACrB,MAAM,EAAEL,eAAgB;IACxB,iBAAiB,EAAE,~~CAACc~~,qBAAsB;IAC1C,WAAW,~~EAAEV~~,MAAO;IACpB,eAAe,~~EAAKO~~,aAAa,SAAIA,aAAgB;IACrD,CAAC,EAAED,gBAAiB;IACpB,EAAE,~~EAAEP~~,MAAO;IACX,EAAE,EAAEA;EAAO,EACX,eACF,oBAAC,sBAAsB;IACrB,MAAM,EAAEF,aAAc;IACtB,iBAAiB,~~EAAEc~~,qBAAsB;IACzC,WAAW,~~EAAEX~~,MAAO;IACpB,eAAe,~~EAAKO~~,aAAa,SAAIA,aAAgB;IACrD,CAAC,EAAED,gBAAiB;IACpB,EAAE,~~EAAEP~~,MAAO;IACX,EAAE,EAAEA;EAAO,EACX,EACDG,cAAc,gBACb,oBAAC,4BAA4B;IAC3B,MAAM,EAAEL,aAAc;IACtB,SAAS,EAAEM,QAAS;IACpB,CAAC,EAAC,KAAK;IACP,CAAC,EAAC,MAAM;IACR,gBAAgB,EAAC,SAAS;IAC1B,UAAU,EAAC;EAAQ,~~GAElBC~~,cAAc,MACc,GAC7B,IAAI,CACE;AAEhB,CAAC;~~AAEDT~~,YAAY,~~CAACiB~~,WAAW,GAAG,cAAc"}
1	+ {"version":3,"file":"ProgressRing.js","names":["React","useMemo","StyledBackgroundCircle","StyledForegroundCircle","StyledSvg","StyledProgressRingPercentage","classNames","ProgressRing","backgroundColor","progressColor","progress","radius","stroke","className","showPercentage","fontSize","console","warn","progressNumber","width","normalizedRadius","circumference","Math","PI","strokeDashoffsetOuter","strokeDashoffsetInner","displayName"],"sources":["../../../../src/components/ProgressRing/ProgressRing.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport {\n StyledBackgroundCircle,\n StyledForegroundCircle,\n StyledSvg,\n StyledProgressRingPercentage,\n} from \"./Styles\";\nimport classNames from \"classnames\";\n\nexport interface ProgressRingProps {\n /** Progress prop can be number. /\n progress?: number;\n /* Custom classname for styling. /\n backgroundColor?: string;\n /* Custom classname for styling. /\n progressColor?: string;\n /* Custom classname for styling. /\n radius?: number;\n /* Custom classname for styling. /\n stroke?: number;\n /* Applies passed classes /\n className?: string;\n /* Should the percentage be displayed inside ring or not /\n showPercentage?: boolean;\n /* Size of displayed percentage /\n fontSize?: number;\n}\n\nexport const ProgressRing = ({\n backgroundColor,\n progressColor,\n progress = 0,\n radius = 20,\n stroke = 3,\n className,\n showPercentage = false,\n fontSize,\n}: ProgressRingProps) => {\n if (stroke > radius) {\n console.warn(\"Stroke can not have value greater than the radius.\");\n stroke = radius;\n }\n const progressNumber = useMemo(() => {\n let width = progress;\n if (progress > 100) {\n width = 100;\n }\n if (progress < 0) {\n width = 0;\n }\n return width;\n }, [progress]);\n\n const normalizedRadius = useMemo(() => radius - stroke / 2, [radius, stroke]);\n const circumference = useMemo(\n () => normalizedRadius 2 * Math.PI,\n [normalizedRadius]\n );\n const strokeDashoffsetOuter = useMemo(\n () => circumference - ((100 - progressNumber) / 100) * circumference,\n [circumference, progressNumber]\n );\n const strokeDashoffsetInner = useMemo(\n () => circumference - (progressNumber / 100) * circumference,\n [circumference, progressNumber]\n );\n\n return (\n <StyledSvg\n height={radius * 2}\n width={radius * 2}\n className={classNames(className)}\n >\n <StyledBackgroundCircle\n $color={backgroundColor}\n $strokeDashOffset={-strokeDashoffsetOuter}\n strokeWidth={stroke}\n strokeDasharray={`${circumference} ${circumference}`}\n r={normalizedRadius}\n cx={radius}\n cy={radius}\n />\n <StyledForegroundCircle\n $color={progressColor}\n $strokeDashOffset={strokeDashoffsetInner}\n strokeWidth={stroke}\n strokeDasharray={`${circumference} ${circumference}`}\n r={normalizedRadius}\n cx={radius}\n cy={radius}\n />\n {showPercentage ? (\n <StyledProgressRingPercentage\n $color={progressColor}\n $fontSize={fontSize}\n x=\"50%\"\n y=\"-50%\"\n dominantBaseline=\"central\"\n textAnchor=\"middle\"\n >\n {progressNumber}%\n </StyledProgressRingPercentage>\n ) : null}\n </StyledSvg>\n );\n};\n\nProgressRing.displayName = \"ProgressRing\";\n"],"mappings":"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"}

package/dist/esm/components/SelectDate/DatePickerForm.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import React, { useCallback } from "react";
 import MomentLocaleUtils from "react-day-picker/moment";
 import { DatePicker } from "../DatePicker/DatePicker";
-import { Button } from "../Button/Button";
+import { IconButton } from "../IconButton";
 import CancelCrossIcon from "../Icons/collection/CancelCross";
 import { Tooltip } from "../Tooltip/Tooltip";
 import { StyledButtonClose, StyledButtonCloseColored, StyledButtonSave, StyledSelectDateButtons, StyledSelectDateDatePicker, StyledSelectDateFooter } from "./Styles";
@@ -69,7 +69,7 @@ export var DatePickerForm = function DatePickerForm(_ref) {
     popperTooltipStyle: {
       zIndex: 1301
     }
-  }, /*#__PURE__*/React.createElement(Button, {
+  }, /*#__PURE__*/React.createElement(IconButton, {
     size: "small",
     variant: "text gray",
     onClick: onCancel

package/dist/esm/components/SelectDate/DatePickerForm.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"DatePickerForm.js","names":["React","useCallback","MomentLocaleUtils","DatePicker","~~Button~~","CancelCrossIcon","Tooltip","StyledButtonClose","StyledButtonCloseColored","StyledButtonSave","StyledSelectDateButtons","StyledSelectDateDatePicker","StyledSelectDateFooter","DatePickerForm","mode","saveButtonText","cancelButtonText","clearButtonText","onSave","onCancel","onClear","dateRequired","firstDayOfWeek","selectedDays","selectionMode","onChange","onDayClick","onMonthChange","month","disabledSaveButton","modifiers","renderDay","handleOnKeyDown","e","key","zIndex","displayName"],"sources":["../../../../src/components/SelectDate/DatePickerForm.tsx"],"sourcesContent":["import React, { FC, ReactNode, MouseEvent, useCallback } from \"react\";\nimport { RangeModifier, Modifiers, DayModifiers } from \"react-day-picker\";\nimport MomentLocaleUtils from \"react-day-picker/moment\";\nimport { DatePicker } from \"../DatePicker/DatePicker\";\nimport { ~~Button~~ } from \"../~~Button/Button~~\";\nimport CancelCrossIcon from \"../Icons/collection/CancelCross\";\nimport { Tooltip } from \"../Tooltip/Tooltip\";\nimport {\n StyledButtonClose,\n StyledButtonCloseColored,\n StyledButtonSave,\n StyledSelectDateButtons,\n StyledSelectDateDatePicker,\n StyledSelectDateFooter,\n} from \"./Styles\";\n\ninterface IDatePickerForm {\n mode: \"instant\" \| \"atomic\";\n saveButtonText?: string;\n cancelButtonText?: string;\n clearButtonText?: string;\n onSave?: () => void;\n onCancel?: (event: MouseEvent<HTMLElement>) => void;\n onClear?: () => void;\n onChange?: (dates?: { from: Date; to: Date }) => void;\n /** Called when day is clicked /\n onDayClick?: (day: Date, modifiers: DayModifiers) => void;\n /* Set selected day or days /\n selectedDays?: RangeModifier;\n /* Modifiers /\n modifiers?: Partial<Modifiers>;\n /* Render day callback /\n renderDay?: (date: Date, modifiers: DayModifiers) => ReactNode;\n /* Set selection range /\n selectionMode?: string;\n /* Set is date required /\n dateRequired?: boolean;\n /* Set first day of week /\n firstDayOfWeek?: number;\n /* on month change callback /\n onMonthChange?: (month: Date) => void;\n /* Selected month */\n month: Date;\n disabledSaveButton?: boolean;\n}\n\nexport const DatePickerForm: FC<IDatePickerForm> = ({\n mode,\n saveButtonText = \"Save\",\n cancelButtonText = \"Cancel\",\n clearButtonText = \"Clear\",\n onSave,\n onCancel,\n onClear,\n dateRequired = false,\n firstDayOfWeek = 0,\n selectedDays,\n selectionMode = \"custom\",\n onChange,\n onDayClick,\n onMonthChange,\n month,\n disabledSaveButton = false,\n modifiers,\n renderDay,\n}) => {\n const handleOnKeyDown = useCallback(\n (e) => {\n if (e.key === \"Enter\" && typeof onSave === \"function\") {\n onSave();\n } else if (\n (e.key === \"Esc\" \|\| e.key === \"Escape\") &&\n typeof onCancel === \"function\"\n ) {\n onCancel(e);\n }\n },\n [onSave, onCancel]\n );\n\n return (\n <div onKeyDown={handleOnKeyDown} tabIndex={-1} className=\"date-picker-form\">\n <StyledSelectDateDatePicker>\n <DatePicker\n month={month}\n onMonthChange={onMonthChange}\n onChange={onChange}\n onDayClick={onDayClick}\n selectedDays={selectedDays}\n selectionMode={selectionMode}\n dateRequired={dateRequired}\n firstDayOfWeek={firstDayOfWeek}\n modifiers={modifiers}\n renderDay={renderDay}\n localeUtils={MomentLocaleUtils}\n />\n </StyledSelectDateDatePicker>\n {mode === \"atomic\" \|\| !dateRequired ? (\n <StyledSelectDateFooter className=\"date-picker-footer\" $mode={mode}>\n {mode === \"atomic\" ? (\n <StyledSelectDateButtons className=\"date-picker-buttons\">\n <StyledButtonSave\n size=\"small\"\n variant=\"primary\"\n onClick={onSave}\n disabled={disabledSaveButton}\n >\n {saveButtonText}\n </StyledButtonSave>\n <Tooltip\n title={cancelButtonText}\n popperTooltipStyle={{ zIndex: 1301 }}\n >\n <~~Button~~ size=\"small\" variant=\"text gray\" onClick={onCancel}>\n <CancelCrossIcon />\n </~~Button~~>\n </Tooltip>\n {!dateRequired ? (\n <StyledButtonClose\n size=\"small\"\n onClick={onClear}\n variant=\"text gray\"\n >\n {clearButtonText}\n </StyledButtonClose>\n ) : null}\n </StyledSelectDateButtons>\n ) : (\n !dateRequired && (\n <StyledButtonCloseColored\n size=\"small\"\n onClick={onClear}\n variant=\"text colored\"\n >\n {clearButtonText}\n </StyledButtonCloseColored>\n )\n )}\n </StyledSelectDateFooter>\n ) : null}\n </div>\n );\n};\n\nDatePickerForm.displayName = \"DatePickerForm\";\n"],"mappings":"AAAA,OAAOA,KAAK,IAA+BC,WAAW,QAAQ,OAAO;AAErE,OAAOC,iBAAiB,MAAM,yBAAyB;AACvD,SAASC,UAAU,QAAQ,0BAA0B;AACrD,SAASC,~~MAAM~~,QAAQ,~~kBAAkB~~;~~AACzC~~,OAAOC,eAAe,MAAM,iCAAiC;AAC7D,SAASC,OAAO,QAAQ,oBAAoB;AAC5C,SACEC,iBAAiB,EACjBC,wBAAwB,EACxBC,gBAAgB,EAChBC,uBAAuB,EACvBC,0BAA0B,EAC1BC,sBAAsB,QACjB,UAAU;AAgCjB,OAAO,IAAMC,cAAmC,GAAG,SAAtCA,cAAmC,OAmB1C;EAAA,IAlBJC,IAAI,QAAJA,IAAI;IAAA,2BACJC,cAAc;IAAdA,cAAc,oCAAG,MAAM;IAAA,6BACvBC,gBAAgB;IAAhBA,gBAAgB,sCAAG,QAAQ;IAAA,4BAC3BC,eAAe;IAAfA,eAAe,qCAAG,OAAO;IACzBC,MAAM,QAANA,MAAM;IACNC,QAAQ,QAARA,QAAQ;IACRC,OAAO,QAAPA,OAAO;IAAA,yBACPC,YAAY;IAAZA,YAAY,kCAAG,KAAK;IAAA,2BACpBC,cAAc;IAAdA,cAAc,oCAAG,CAAC;IAClBC,YAAY,QAAZA,YAAY;IAAA,0BACZC,aAAa;IAAbA,aAAa,mCAAG,QAAQ;IACxBC,QAAQ,QAARA,QAAQ;IACRC,UAAU,QAAVA,UAAU;IACVC,aAAa,QAAbA,aAAa;IACbC,KAAK,QAALA,KAAK;IAAA,6BACLC,kBAAkB;IAAlBA,kBAAkB,sCAAG,KAAK;IAC1BC,SAAS,QAATA,SAAS;IACTC,SAAS,QAATA,SAAS;EAET,IAAMC,eAAe,GAAG/B,WAAW,CACjC,UAACgC,CAAC,EAAK;IACL,IAAIA,CAAC,CAACC,GAAG,KAAK,OAAO,IAAI,OAAOhB,MAAM,KAAK,UAAU,EAAE;MACrDA,MAAM,EAAE;IACV,CAAC,MAAM,IACL,CAACe,CAAC,CAACC,GAAG,KAAK,KAAK,IAAID,CAAC,CAACC,GAAG,KAAK,QAAQ,KACtC,OAAOf,QAAQ,KAAK,UAAU,EAC9B;MACAA,QAAQ,CAACc,CAAC,CAAC;IACb;EACF,CAAC,EACD,CAACf,MAAM,EAAEC,QAAQ,CAAC,CACnB;EAED,oBACE;IAAK,SAAS,EAAEa,eAAgB;IAAC,QAAQ,EAAE,CAAC,CAAE;IAAC,SAAS,EAAC;EAAkB,gBACzE,oBAAC,0BAA0B,qBACzB,oBAAC,UAAU;IACT,KAAK,EAAEJ,KAAM;IACb,aAAa,EAAED,aAAc;IAC7B,QAAQ,EAAEF,QAAS;IACnB,UAAU,EAAEC,UAAW;IACvB,YAAY,EAAEH,YAAa;IAC3B,aAAa,EAAEC,aAAc;IAC7B,YAAY,EAAEH,YAAa;IAC3B,cAAc,EAAEC,cAAe;IAC/B,SAAS,EAAEQ,SAAU;IACrB,SAAS,EAAEC,SAAU;IACrB,WAAW,EAAE7B;EAAkB,EAC/B,CACyB,EAC5BY,IAAI,KAAK,QAAQ,IAAI,CAACO,YAAY,gBACjC,oBAAC,sBAAsB;IAAC,SAAS,EAAC,oBAAoB;IAAC,KAAK,EAAEP;EAAK,GAChEA,IAAI,KAAK,QAAQ,gBAChB,oBAAC,uBAAuB;IAAC,SAAS,EAAC;EAAqB,gBACtD,oBAAC,gBAAgB;IACf,IAAI,EAAC,OAAO;IACZ,OAAO,EAAC,SAAS;IACjB,OAAO,EAAEI,MAAO;IAChB,QAAQ,EAAEW;EAAmB,GAE5Bd,cAAc,CACE,eACnB,oBAAC,OAAO;IACN,KAAK,EAAEC,gBAAiB;IACxB,kBAAkB,EAAE;MAAEmB,MAAM,EAAE;IAAK;EAAE,gBAErC,oBAAC,~~MAAM~~;IAAC,IAAI,EAAC,OAAO;IAAC,OAAO,EAAC,WAAW;IAAC,OAAO,EAAEhB;EAAS,~~gBACzD~~,oBAAC,eAAe,OAAG,~~CACZ~~,~~CACD~~,EACT,CAACE,YAAY,gBACZ,oBAAC,iBAAiB;IAChB,IAAI,EAAC,OAAO;IACZ,OAAO,EAAED,OAAQ;IACjB,OAAO,EAAC;EAAW,GAElBH,eAAe,CACE,GAClB,IAAI,CACgB,GAE1B,CAACI,YAAY,iBACX,oBAAC,wBAAwB;IACvB,IAAI,EAAC,OAAO;IACZ,OAAO,EAAED,OAAQ;IACjB,OAAO,EAAC;EAAc,GAErBH,eAAe,CAGrB,CACsB,GACvB,IAAI,CACJ;AAEV,CAAC;AAEDJ,cAAc,CAACuB,WAAW,GAAG,gBAAgB"}
1	+ {"version":3,"file":"DatePickerForm.js","names":["React","useCallback","MomentLocaleUtils","DatePicker","IconButton","CancelCrossIcon","Tooltip","StyledButtonClose","StyledButtonCloseColored","StyledButtonSave","StyledSelectDateButtons","StyledSelectDateDatePicker","StyledSelectDateFooter","DatePickerForm","mode","saveButtonText","cancelButtonText","clearButtonText","onSave","onCancel","onClear","dateRequired","firstDayOfWeek","selectedDays","selectionMode","onChange","onDayClick","onMonthChange","month","disabledSaveButton","modifiers","renderDay","handleOnKeyDown","e","key","zIndex","displayName"],"sources":["../../../../src/components/SelectDate/DatePickerForm.tsx"],"sourcesContent":["import React, { FC, ReactNode, MouseEvent, useCallback } from \"react\";\nimport { RangeModifier, Modifiers, DayModifiers } from \"react-day-picker\";\nimport MomentLocaleUtils from \"react-day-picker/moment\";\nimport { DatePicker } from \"../DatePicker/DatePicker\";\nimport { IconButton } from \"../IconButton\";\nimport CancelCrossIcon from \"../Icons/collection/CancelCross\";\nimport { Tooltip } from \"../Tooltip/Tooltip\";\nimport {\n StyledButtonClose,\n StyledButtonCloseColored,\n StyledButtonSave,\n StyledSelectDateButtons,\n StyledSelectDateDatePicker,\n StyledSelectDateFooter,\n} from \"./Styles\";\n\ninterface IDatePickerForm {\n mode: \"instant\" \| \"atomic\";\n saveButtonText?: string;\n cancelButtonText?: string;\n clearButtonText?: string;\n onSave?: () => void;\n onCancel?: (event: MouseEvent<HTMLElement>) => void;\n onClear?: () => void;\n onChange?: (dates?: { from: Date; to: Date }) => void;\n /** Called when day is clicked /\n onDayClick?: (day: Date, modifiers: DayModifiers) => void;\n /* Set selected day or days /\n selectedDays?: RangeModifier;\n /* Modifiers /\n modifiers?: Partial<Modifiers>;\n /* Render day callback /\n renderDay?: (date: Date, modifiers: DayModifiers) => ReactNode;\n /* Set selection range /\n selectionMode?: string;\n /* Set is date required /\n dateRequired?: boolean;\n /* Set first day of week /\n firstDayOfWeek?: number;\n /* on month change callback /\n onMonthChange?: (month: Date) => void;\n /* Selected month */\n month: Date;\n disabledSaveButton?: boolean;\n}\n\nexport const DatePickerForm: FC<IDatePickerForm> = ({\n mode,\n saveButtonText = \"Save\",\n cancelButtonText = \"Cancel\",\n clearButtonText = \"Clear\",\n onSave,\n onCancel,\n onClear,\n dateRequired = false,\n firstDayOfWeek = 0,\n selectedDays,\n selectionMode = \"custom\",\n onChange,\n onDayClick,\n onMonthChange,\n month,\n disabledSaveButton = false,\n modifiers,\n renderDay,\n}) => {\n const handleOnKeyDown = useCallback(\n (e) => {\n if (e.key === \"Enter\" && typeof onSave === \"function\") {\n onSave();\n } else if (\n (e.key === \"Esc\" \|\| e.key === \"Escape\") &&\n typeof onCancel === \"function\"\n ) {\n onCancel(e);\n }\n },\n [onSave, onCancel]\n );\n\n return (\n <div onKeyDown={handleOnKeyDown} tabIndex={-1} className=\"date-picker-form\">\n <StyledSelectDateDatePicker>\n <DatePicker\n month={month}\n onMonthChange={onMonthChange}\n onChange={onChange}\n onDayClick={onDayClick}\n selectedDays={selectedDays}\n selectionMode={selectionMode}\n dateRequired={dateRequired}\n firstDayOfWeek={firstDayOfWeek}\n modifiers={modifiers}\n renderDay={renderDay}\n localeUtils={MomentLocaleUtils}\n />\n </StyledSelectDateDatePicker>\n {mode === \"atomic\" \|\| !dateRequired ? (\n <StyledSelectDateFooter className=\"date-picker-footer\" $mode={mode}>\n {mode === \"atomic\" ? (\n <StyledSelectDateButtons className=\"date-picker-buttons\">\n <StyledButtonSave\n size=\"small\"\n variant=\"primary\"\n onClick={onSave}\n disabled={disabledSaveButton}\n >\n {saveButtonText}\n </StyledButtonSave>\n <Tooltip\n title={cancelButtonText}\n popperTooltipStyle={{ zIndex: 1301 }}\n >\n <IconButton size=\"small\" variant=\"text gray\" onClick={onCancel}>\n <CancelCrossIcon />\n </IconButton>\n </Tooltip>\n {!dateRequired ? (\n <StyledButtonClose\n size=\"small\"\n onClick={onClear}\n variant=\"text gray\"\n >\n {clearButtonText}\n </StyledButtonClose>\n ) : null}\n </StyledSelectDateButtons>\n ) : (\n !dateRequired && (\n <StyledButtonCloseColored\n size=\"small\"\n onClick={onClear}\n variant=\"text colored\"\n >\n {clearButtonText}\n </StyledButtonCloseColored>\n )\n )}\n </StyledSelectDateFooter>\n ) : null}\n </div>\n );\n};\n\nDatePickerForm.displayName = \"DatePickerForm\";\n"],"mappings":"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"}

package/dist/esm/components/Wizard/Step.js CHANGED Viewed

@@ -1,6 +1,6 @@
 import React, { useCallback } from "react";
-import { Button } from "../Button";
 import { ArrowBackMobileIcon, CancelCrossIcon } from "../Icons";
+import { IconButton } from "../IconButton";
 import { StepActionButton } from "./StepActionButton";
 import { Dialog } from "../Dialog";
 import { Caption2, Header3 } from "../Typography";
@@ -28,12 +28,12 @@ export var Step = function Step(_ref) {
     }
     return onNextButtonClick && onNextButtonClick();
   }, [isLast, onClose, onNextButtonClick]);
-  return !skip ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(StyledStepHeader, null, /*#__PURE__*/React.createElement(StyledStepHeaderLeft, null, index && index > 0 ? /*#__PURE__*/React.createElement(Button, {
+  return !skip ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(StyledStepHeader, null, /*#__PURE__*/React.createElement(StyledStepHeaderLeft, null, index && index > 0 ? /*#__PURE__*/React.createElement(IconButton, {
     onClick: onPreviousButtonClick,
     variant: "text gray",
     className: "tw--ml-3 tw-mr-2",
     disabled: changingStepInProgress
-  }, /*#__PURE__*/React.createElement(ArrowBackMobileIcon, null)) : null, /*#__PURE__*/React.createElement(StyledStepTitle, null, /*#__PURE__*/React.createElement(Caption2, null, title), /*#__PURE__*/React.createElement(Header3, null, subtitle))), /*#__PURE__*/React.createElement(Button, {
+  }, /*#__PURE__*/React.createElement(ArrowBackMobileIcon, null)) : null, /*#__PURE__*/React.createElement(StyledStepTitle, null, /*#__PURE__*/React.createElement(Caption2, null, title), /*#__PURE__*/React.createElement(Header3, null, subtitle))), /*#__PURE__*/React.createElement(IconButton, {
     onClick: onClose,
     variant: "text gray",
     disabled: changingStepInProgress

package/dist/esm/components/Wizard/Step.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Step.js","names":["React","useCallback","~~Button~~","~~ArrowBackMobileIcon~~","~~CancelCrossIcon~~","StepActionButton","Dialog","Caption2","Header3","StyledStepTitle","StyledStepHeaderLeft","StyledStepHeader","StyledCustomStep","Step","index","isLast","subtitle","title","onNextButtonClick","onPreviousButtonClick","onClose","children","actionLabel","shouldRenderNextButton","changingStepInProgress","skip","onActionButtonClick","displayName"],"sources":["../../../../src/components/Wizard/Step.tsx"],"sourcesContent":["import React, { FC, ReactNode, useCallback } from \"react\";\nimport { ~~Button~~ } from \"../~~Button~~\";\nimport { ~~ArrowBackMobileIcon,~~ ~~CancelCrossIcon~~ } from \"../~~Icons~~\";\nimport { StepActionButton } from \"./StepActionButton\";\nimport { Dialog } from \"../Dialog\";\nimport { Caption2, Header3 } from \"../Typography\";\nimport {\n StyledStepTitle,\n StyledStepHeaderLeft,\n StyledStepHeader,\n StyledCustomStep,\n} from \"./Styles\";\n\nexport interface IStep {\n index?: number;\n isLast?: boolean;\n subtitle: string;\n title?: string;\n onNextButtonClick?: () => void;\n onPreviousButtonClick?: () => void;\n onClose?: () => void;\n children: ReactNode;\n actionLabel?: string;\n shouldRenderNextButton?: boolean;\n changingStepInProgress?: boolean;\n skip?: boolean;\n}\n\nexport const Step: FC<IStep> = ({\n index,\n isLast,\n subtitle,\n title,\n onNextButtonClick,\n onPreviousButtonClick,\n onClose,\n children,\n actionLabel = \"Proceed\",\n shouldRenderNextButton = true,\n changingStepInProgress = false,\n skip = false,\n}) => {\n const onActionButtonClick = useCallback(() => {\n if (isLast && onClose) {\n return onClose();\n }\n\n return onNextButtonClick && onNextButtonClick();\n }, [isLast, onClose, onNextButtonClick]);\n\n return !skip ? (\n <>\n <StyledStepHeader>\n <StyledStepHeaderLeft>\n {index && index > 0 ? (\n <~~Button~~\n onClick={onPreviousButtonClick}\n variant=\"text gray\"\n className=\"tw--ml-3 tw-mr-2\"\n disabled={changingStepInProgress}\n >\n <ArrowBackMobileIcon />\n </~~Button~~>\n ) : null}\n <StyledStepTitle>\n <Caption2>{title}</Caption2>\n <Header3>{subtitle}</Header3>\n </StyledStepTitle>\n </StyledStepHeaderLeft>\n <~~Button~~\n onClick={onClose}\n variant=\"text gray\"\n disabled={changingStepInProgress}\n >\n <CancelCrossIcon />\n </~~Button~~>\n </StyledStepHeader>\n <Dialog.ContentDivider />\n {shouldRenderNextButton ? (\n <>\n <Dialog.Content>{children}</Dialog.Content>\n <Dialog.ContentDivider />\n <Dialog.Actions>\n <StepActionButton\n isLast={isLast}\n actionLabel={actionLabel}\n onNextButtonClick={onActionButtonClick}\n />\n </Dialog.Actions>\n </>\n ) : (\n <StyledCustomStep>{children}</StyledCustomStep>\n )}\n </>\n ) : null;\n};\n\nStep.displayName = \"Step\";\n"],"mappings":"AAAA,OAAOA,KAAK,IAAmBC,WAAW,QAAQ,OAAO;AACzD,SAASC,~~MAAM,QAAQ,WAAW;AAClC,SAASC,~~mBAAmB,EAAEC,eAAe,QAAQ,UAAU;AAC/D,SAASC,gBAAgB,QAAQ,oBAAoB;AACrD,SAASC,MAAM,QAAQ,WAAW;AAClC,SAASC,QAAQ,EAAEC,OAAO,QAAQ,eAAe;AACjD,SACEC,eAAe,EACfC,oBAAoB,EACpBC,gBAAgB,EAChBC,gBAAgB,QACX,UAAU;AAiBjB,OAAO,IAAMC,IAAe,GAAG,SAAlBA,IAAe,OAatB;EAAA,IAZJC,KAAK,QAALA,KAAK;IACLC,MAAM,QAANA,MAAM;IACNC,QAAQ,QAARA,QAAQ;IACRC,KAAK,QAALA,KAAK;IACLC,iBAAiB,QAAjBA,iBAAiB;IACjBC,qBAAqB,QAArBA,qBAAqB;IACrBC,OAAO,QAAPA,OAAO;IACPC,QAAQ,QAARA,QAAQ;IAAA,wBACRC,WAAW;IAAXA,WAAW,iCAAG,SAAS;IAAA,6BACvBC,sBAAsB;IAAtBA,sBAAsB,sCAAG,IAAI;IAAA,6BAC7BC,sBAAsB;IAAtBA,sBAAsB,sCAAG,KAAK;IAAA,iBAC9BC,IAAI;IAAJA,IAAI,0BAAG,KAAK;EAEZ,IAAMC,mBAAmB,GAAGzB,WAAW,CAAC,YAAM;IAC5C,IAAIc,MAAM,IAAIK,OAAO,EAAE;MACrB,OAAOA,OAAO,EAAE;IAClB;IAEA,OAAOF,iBAAiB,IAAIA,iBAAiB,EAAE;EACjD,CAAC,EAAE,CAACH,MAAM,EAAEK,OAAO,EAAEF,iBAAiB,CAAC,CAAC;EAExC,OAAO,CAACO,IAAI,gBACV,uDACE,oBAAC,gBAAgB,qBACf,oBAAC,oBAAoB,QAClBX,KAAK,IAAIA,KAAK,GAAG,CAAC,gBACjB,oBAAC,~~MAAM~~;~~IACL~~,OAAO,EAAEK,qBAAsB;IAC/B,OAAO,EAAC,WAAW;IACnB,SAAS,EAAC,kBAAkB;IAC5B,QAAQ,EAAEK;EAAuB,gBAEjC,oBAAC,mBAAmB,OAAG,~~CAChB~~,~~GACP~~,IAAI,eACR,oBAAC,eAAe,qBACd,oBAAC,QAAQ,QAAEP,KAAK,CAAY,eAC5B,oBAAC,OAAO,QAAED,QAAQ,CAAW,CACb,CACG,eACvB,oBAAC,~~MAAM~~;~~IACL~~,OAAO,EAAEI,OAAQ;IACjB,OAAO,EAAC,WAAW;IACnB,QAAQ,EAAEI;EAAuB,gBAEjC,oBAAC,eAAe,OAAG,~~CACZ~~,~~CACQ~~,eACnB,oBAAC,MAAM,CAAC,cAAc,OAAG,EACxBD,sBAAsB,gBACrB,uDACE,oBAAC,MAAM,CAAC,OAAO,QAAEF,QAAQ,CAAkB,eAC3C,oBAAC,MAAM,CAAC,cAAc,OAAG,eACzB,oBAAC,MAAM,CAAC,OAAO,qBACb,oBAAC,gBAAgB;IACf,MAAM,EAAEN,MAAO;IACf,WAAW,EAAEO,WAAY;IACzB,iBAAiB,EAAEI;EAAoB,EACvC,CACa,CAChB,gBAEH,oBAAC,gBAAgB,QAAEL,QAAQ,CAC5B,CACA,GACD,IAAI;AACV,CAAC;AAEDR,IAAI,CAACc,WAAW,GAAG,MAAM"}
1	+ {"version":3,"file":"Step.js","names":["React","useCallback","ArrowBackMobileIcon","CancelCrossIcon","IconButton","StepActionButton","Dialog","Caption2","Header3","StyledStepTitle","StyledStepHeaderLeft","StyledStepHeader","StyledCustomStep","Step","index","isLast","subtitle","title","onNextButtonClick","onPreviousButtonClick","onClose","children","actionLabel","shouldRenderNextButton","changingStepInProgress","skip","onActionButtonClick","displayName"],"sources":["../../../../src/components/Wizard/Step.tsx"],"sourcesContent":["import React, { FC, ReactNode, useCallback } from \"react\";\nimport { ArrowBackMobileIcon, CancelCrossIcon } from \"../Icons\";\nimport { IconButton } from \"../IconButton\";\nimport { StepActionButton } from \"./StepActionButton\";\nimport { Dialog } from \"../Dialog\";\nimport { Caption2, Header3 } from \"../Typography\";\nimport {\n StyledStepTitle,\n StyledStepHeaderLeft,\n StyledStepHeader,\n StyledCustomStep,\n} from \"./Styles\";\n\nexport interface IStep {\n index?: number;\n isLast?: boolean;\n subtitle: string;\n title?: string;\n onNextButtonClick?: () => void;\n onPreviousButtonClick?: () => void;\n onClose?: () => void;\n children: ReactNode;\n actionLabel?: string;\n shouldRenderNextButton?: boolean;\n changingStepInProgress?: boolean;\n skip?: boolean;\n}\n\nexport const Step: FC<IStep> = ({\n index,\n isLast,\n subtitle,\n title,\n onNextButtonClick,\n onPreviousButtonClick,\n onClose,\n children,\n actionLabel = \"Proceed\",\n shouldRenderNextButton = true,\n changingStepInProgress = false,\n skip = false,\n}) => {\n const onActionButtonClick = useCallback(() => {\n if (isLast && onClose) {\n return onClose();\n }\n\n return onNextButtonClick && onNextButtonClick();\n }, [isLast, onClose, onNextButtonClick]);\n\n return !skip ? (\n <>\n <StyledStepHeader>\n <StyledStepHeaderLeft>\n {index && index > 0 ? (\n <IconButton\n onClick={onPreviousButtonClick}\n variant=\"text gray\"\n className=\"tw--ml-3 tw-mr-2\"\n disabled={changingStepInProgress}\n >\n <ArrowBackMobileIcon />\n </IconButton>\n ) : null}\n <StyledStepTitle>\n <Caption2>{title}</Caption2>\n <Header3>{subtitle}</Header3>\n </StyledStepTitle>\n </StyledStepHeaderLeft>\n <IconButton\n onClick={onClose}\n variant=\"text gray\"\n disabled={changingStepInProgress}\n >\n <CancelCrossIcon />\n </IconButton>\n </StyledStepHeader>\n <Dialog.ContentDivider />\n {shouldRenderNextButton ? (\n <>\n <Dialog.Content>{children}</Dialog.Content>\n <Dialog.ContentDivider />\n <Dialog.Actions>\n <StepActionButton\n isLast={isLast}\n actionLabel={actionLabel}\n onNextButtonClick={onActionButtonClick}\n />\n </Dialog.Actions>\n </>\n ) : (\n <StyledCustomStep>{children}</StyledCustomStep>\n )}\n </>\n ) : null;\n};\n\nStep.displayName = \"Step\";\n"],"mappings":"AAAA,OAAOA,KAAK,IAAmBC,WAAW,QAAQ,OAAO;AACzD,SAASC,mBAAmB,EAAEC,eAAe,QAAQ,UAAU;AAC/D,SAASC,UAAU,QAAQ,eAAe;AAC1C,SAASC,gBAAgB,QAAQ,oBAAoB;AACrD,SAASC,MAAM,QAAQ,WAAW;AAClC,SAASC,QAAQ,EAAEC,OAAO,QAAQ,eAAe;AACjD,SACEC,eAAe,EACfC,oBAAoB,EACpBC,gBAAgB,EAChBC,gBAAgB,QACX,UAAU;AAiBjB,OAAO,IAAMC,IAAe,GAAG,SAAlBA,IAAe,OAatB;EAAA,IAZJC,KAAK,QAALA,KAAK;IACLC,MAAM,QAANA,MAAM;IACNC,QAAQ,QAARA,QAAQ;IACRC,KAAK,QAALA,KAAK;IACLC,iBAAiB,QAAjBA,iBAAiB;IACjBC,qBAAqB,QAArBA,qBAAqB;IACrBC,OAAO,QAAPA,OAAO;IACPC,QAAQ,QAARA,QAAQ;IAAA,wBACRC,WAAW;IAAXA,WAAW,iCAAG,SAAS;IAAA,6BACvBC,sBAAsB;IAAtBA,sBAAsB,sCAAG,IAAI;IAAA,6BAC7BC,sBAAsB;IAAtBA,sBAAsB,sCAAG,KAAK;IAAA,iBAC9BC,IAAI;IAAJA,IAAI,0BAAG,KAAK;EAEZ,IAAMC,mBAAmB,GAAGzB,WAAW,CAAC,YAAM;IAC5C,IAAIc,MAAM,IAAIK,OAAO,EAAE;MACrB,OAAOA,OAAO,EAAE;IAClB;IAEA,OAAOF,iBAAiB,IAAIA,iBAAiB,EAAE;EACjD,CAAC,EAAE,CAACH,MAAM,EAAEK,OAAO,EAAEF,iBAAiB,CAAC,CAAC;EAExC,OAAO,CAACO,IAAI,gBACV,uDACE,oBAAC,gBAAgB,qBACf,oBAAC,oBAAoB,QAClBX,KAAK,IAAIA,KAAK,GAAG,CAAC,gBACjB,oBAAC,UAAU;IACT,OAAO,EAAEK,qBAAsB;IAC/B,OAAO,EAAC,WAAW;IACnB,SAAS,EAAC,kBAAkB;IAC5B,QAAQ,EAAEK;EAAuB,gBAEjC,oBAAC,mBAAmB,OAAG,CACZ,GACX,IAAI,eACR,oBAAC,eAAe,qBACd,oBAAC,QAAQ,QAAEP,KAAK,CAAY,eAC5B,oBAAC,OAAO,QAAED,QAAQ,CAAW,CACb,CACG,eACvB,oBAAC,UAAU;IACT,OAAO,EAAEI,OAAQ;IACjB,OAAO,EAAC,WAAW;IACnB,QAAQ,EAAEI;EAAuB,gBAEjC,oBAAC,eAAe,OAAG,CACR,CACI,eACnB,oBAAC,MAAM,CAAC,cAAc,OAAG,EACxBD,sBAAsB,gBACrB,uDACE,oBAAC,MAAM,CAAC,OAAO,QAAEF,QAAQ,CAAkB,eAC3C,oBAAC,MAAM,CAAC,cAAc,OAAG,eACzB,oBAAC,MAAM,CAAC,OAAO,qBACb,oBAAC,gBAAgB;IACf,MAAM,EAAEN,MAAO;IACf,WAAW,EAAEO,WAAY;IACzB,iBAAiB,EAAEI;EAAoB,EACvC,CACa,CAChB,gBAEH,oBAAC,gBAAgB,QAAEL,QAAQ,CAC5B,CACA,GACD,IAAI;AACV,CAAC;AAEDR,IAAI,CAACc,WAAW,GAAG,MAAM"}

package/dist/esm/components/index.d.ts CHANGED Viewed

@@ -54,6 +54,7 @@ export * from "./Autocomplete";
 export * from "./ComboBox";
 export * from "./Button/AddToListButton";
 export * from "./ProgressBar";
+export * from "./ProgressPie";
 export * from "./Reactions";
 export * from "./Label";
 export * from "./GlobalStyle";
@@ -68,4 +69,5 @@ export * from "./Entity";
 export * from "./Filter";
 export * from "./Wizard";
 export * from "./IconButton";
+export * from "./Typography";
 //# sourceMappingURL=index.d.ts.map

package/dist/esm/components/index.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC;AAC9B,cAAc,iBAAiB,CAAC;AAChC,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,oBAAoB,CAAC;AACnC,cAAc,SAAS,CAAC;AACxB,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,aAAa,CAAC;AAC5B,cAAc,UAAU,CAAC;AACzB,cAAc,OAAO,CAAC;AACtB,cAAc,WAAW,CAAC;AAC1B,cAAc,OAAO,CAAC;AACtB,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,aAAa,CAAC;AAC5B,cAAc,WAAW,CAAC;AAC1B,cAAc,cAAc,CAAC;AAC7B,cAAc,QAAQ,CAAC;AACvB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC;AAC9B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,SAAS,CAAC;AACxB,cAAc,YAAY,CAAC;AAC3B,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,sBAAsB,CAAC;AACrC,cAAc,WAAW,CAAC;AAC1B,cAAc,aAAa,CAAC;AAC5B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,WAAW,CAAC;AAC1B,cAAc,eAAe,CAAC;AAC9B,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,iBAAiB,CAAC;AAChC,cAAc,UAAU,CAAC;AACzB,cAAc,iBAAiB,CAAC;AAChC,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC;AAC7B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,YAAY,CAAC;AAC3B,cAAc,0BAA0B,CAAC;AACzC,cAAc,eAAe,CAAC;AAC9B,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC;AACxB,cAAc,eAAe,CAAC;AAC9B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,mBAAmB,CAAC;AAClC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,WAAW,CAAC;AAC1B,cAAc,OAAO,CAAC;AACtB,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC"}
1	+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC;AAC9B,cAAc,iBAAiB,CAAC;AAChC,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,oBAAoB,CAAC;AACnC,cAAc,SAAS,CAAC;AACxB,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,aAAa,CAAC;AAC5B,cAAc,UAAU,CAAC;AACzB,cAAc,OAAO,CAAC;AACtB,cAAc,WAAW,CAAC;AAC1B,cAAc,OAAO,CAAC;AACtB,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,aAAa,CAAC;AAC5B,cAAc,WAAW,CAAC;AAC1B,cAAc,cAAc,CAAC;AAC7B,cAAc,QAAQ,CAAC;AACvB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC;AAC9B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,SAAS,CAAC;AACxB,cAAc,YAAY,CAAC;AAC3B,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,sBAAsB,CAAC;AACrC,cAAc,WAAW,CAAC;AAC1B,cAAc,aAAa,CAAC;AAC5B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,WAAW,CAAC;AAC1B,cAAc,eAAe,CAAC;AAC9B,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,iBAAiB,CAAC;AAChC,cAAc,UAAU,CAAC;AACzB,cAAc,iBAAiB,CAAC;AAChC,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC;AAC7B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,YAAY,CAAC;AAC3B,cAAc,0BAA0B,CAAC;AACzC,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC;AAC9B,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC;AACxB,cAAc,eAAe,CAAC;AAC9B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,mBAAmB,CAAC;AAClC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,WAAW,CAAC;AAC1B,cAAc,OAAO,CAAC;AACtB,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC"}

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

@@ -54,6 +54,7 @@ export * from "./Autocomplete";
 export * from "./ComboBox";
 export * from "./Button/AddToListButton";
 export * from "./ProgressBar";
+export * from "./ProgressPie";
 export * from "./Reactions";
 export * from "./Label";
 export * from "./GlobalStyle";
@@ -68,4 +69,5 @@ export * from "./Entity";
 export * from "./Filter";
 export * from "./Wizard";
 export * from "./IconButton";
+export * from "./Typography";
 //# sourceMappingURL=index.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","names":[],"sources":["../../../src/components/index.ts"],"sourcesContent":["export * from \"./Button\";\nexport * from \"./ButtonGroup\";\nexport * from \"./Breadcrumbs\";\nexport * from \"./CounterButton\";\nexport * from \"./Steppers\";\nexport * from \"./Tables\";\nexport * from \"./CompleteCheckbox\";\nexport * from \"./Paper\";\nexport * from \"./ScaleBar\";\nexport * from \"./Card\";\nexport * from \"./EntityCard\";\nexport * from \"./Signifier\";\nexport * from \"./Avatar\";\nexport * from \"./Tag\";\nexport * from \"./Loaders\";\nexport * from \"./Nav\";\nexport * from \"./Bubble\";\nexport * from \"./Input\";\nexport * from \"./Menu\";\nexport * from \"./Expanders\";\nexport * from \"./Pickers\";\nexport * from \"./DatePicker\";\nexport * from \"./List\";\nexport * from \"./MenuSelector\";\nexport * from \"./MultiAvatar\";\nexport * from \"./RadioButton\";\nexport * from \"./ScrollShadow\";\nexport * from \"./Icons\";\nexport * from \"./Textarea\";\nexport * from \"./Modal\";\nexport * from \"./Sheet\";\nexport * from \"./Header\";\nexport * from \"./AutoResizeTextarea\";\nexport * from \"./Overlay\";\nexport * from \"./Accordion\";\nexport * from \"./Choose\";\nexport * from \"./Links\";\nexport * from \"./SelectDate\";\nexport * from \"./Popper\";\nexport * from \"./ToastMessage\";\nexport * from \"./Tooltip\";\nexport * from \"./Transitions\";\nexport * from \"./Pressed\";\nexport * from \"./Window\";\nexport * from \"./ValueButton\";\nexport * from \"./Select\";\nexport * from \"./SelectTrigger\";\nexport * from \"./Dialog\";\nexport * from \"./ConfirmDialog\";\nexport * from \"./Checkbox\";\nexport * from \"./Toggle\";\nexport * from \"./Typography\";\nexport * from \"./Autocomplete\";\nexport * from \"./ComboBox\";\nexport * from \"./Button/AddToListButton\";\nexport * from \"./ProgressBar\";\nexport * from \"./Reactions\";\nexport * from \"./Label\";\nexport * from \"./GlobalStyle\";\nexport * from \"./ProgressRing\";\nexport * from \"./EditableContent\";\nexport * from \"./EditableText\";\nexport * from \"./Folder\";\nexport * from \"./Chip\";\nexport * from \"./Trigger\";\nexport * from \"./Dot\";\nexport * from \"./Entity\";\nexport * from \"./Filter\";\nexport * from \"./Wizard\";\nexport * from \"./IconButton\";\n"],"mappings":"AAAA,cAAc,UAAU;AACxB,cAAc,eAAe;AAC7B,cAAc,eAAe;AAC7B,cAAc,iBAAiB;AAC/B,cAAc,YAAY;AAC1B,cAAc,UAAU;AACxB,cAAc,oBAAoB;AAClC,cAAc,SAAS;AACvB,cAAc,YAAY;AAC1B,cAAc,QAAQ;AACtB,cAAc,cAAc;AAC5B,cAAc,aAAa;AAC3B,cAAc,UAAU;AACxB,cAAc,OAAO;AACrB,cAAc,WAAW;AACzB,cAAc,OAAO;AACrB,cAAc,UAAU;AACxB,cAAc,SAAS;AACvB,cAAc,QAAQ;AACtB,cAAc,aAAa;AAC3B,cAAc,WAAW;AACzB,cAAc,cAAc;AAC5B,cAAc,QAAQ;AACtB,cAAc,gBAAgB;AAC9B,cAAc,eAAe;AAC7B,cAAc,eAAe;AAC7B,cAAc,gBAAgB;AAC9B,cAAc,SAAS;AACvB,cAAc,YAAY;AAC1B,cAAc,SAAS;AACvB,cAAc,SAAS;AACvB,cAAc,UAAU;AACxB,cAAc,sBAAsB;AACpC,cAAc,WAAW;AACzB,cAAc,aAAa;AAC3B,cAAc,UAAU;AACxB,cAAc,SAAS;AACvB,cAAc,cAAc;AAC5B,cAAc,UAAU;AACxB,cAAc,gBAAgB;AAC9B,cAAc,WAAW;AACzB,cAAc,eAAe;AAC7B,cAAc,WAAW;AACzB,cAAc,UAAU;AACxB,cAAc,eAAe;AAC7B,cAAc,UAAU;AACxB,cAAc,iBAAiB;AAC/B,cAAc,UAAU;AACxB,cAAc,iBAAiB;AAC/B,cAAc,YAAY;AAC1B,cAAc,UAAU;AACxB,cAAc,cAAc;AAC5B,cAAc,gBAAgB;AAC9B,cAAc,YAAY;AAC1B,cAAc,0BAA0B;AACxC,cAAc,eAAe;AAC7B,cAAc,aAAa;AAC3B,cAAc,SAAS;AACvB,cAAc,eAAe;AAC7B,cAAc,gBAAgB;AAC9B,cAAc,mBAAmB;AACjC,cAAc,gBAAgB;AAC9B,cAAc,UAAU;AACxB,cAAc,QAAQ;AACtB,cAAc,WAAW;AACzB,cAAc,OAAO;AACrB,cAAc,UAAU;AACxB,cAAc,UAAU;AACxB,cAAc,UAAU;AACxB,cAAc,cAAc"}
1	+ {"version":3,"file":"index.js","names":[],"sources":["../../../src/components/index.ts"],"sourcesContent":["export * from \"./Button\";\nexport * from \"./ButtonGroup\";\nexport * from \"./Breadcrumbs\";\nexport * from \"./CounterButton\";\nexport * from \"./Steppers\";\nexport * from \"./Tables\";\nexport * from \"./CompleteCheckbox\";\nexport * from \"./Paper\";\nexport * from \"./ScaleBar\";\nexport * from \"./Card\";\nexport * from \"./EntityCard\";\nexport * from \"./Signifier\";\nexport * from \"./Avatar\";\nexport * from \"./Tag\";\nexport * from \"./Loaders\";\nexport * from \"./Nav\";\nexport * from \"./Bubble\";\nexport * from \"./Input\";\nexport * from \"./Menu\";\nexport * from \"./Expanders\";\nexport * from \"./Pickers\";\nexport * from \"./DatePicker\";\nexport * from \"./List\";\nexport * from \"./MenuSelector\";\nexport * from \"./MultiAvatar\";\nexport * from \"./RadioButton\";\nexport * from \"./ScrollShadow\";\nexport * from \"./Icons\";\nexport * from \"./Textarea\";\nexport * from \"./Modal\";\nexport * from \"./Sheet\";\nexport * from \"./Header\";\nexport * from \"./AutoResizeTextarea\";\nexport * from \"./Overlay\";\nexport * from \"./Accordion\";\nexport * from \"./Choose\";\nexport * from \"./Links\";\nexport * from \"./SelectDate\";\nexport * from \"./Popper\";\nexport * from \"./ToastMessage\";\nexport * from \"./Tooltip\";\nexport * from \"./Transitions\";\nexport * from \"./Pressed\";\nexport * from \"./Window\";\nexport * from \"./ValueButton\";\nexport * from \"./Select\";\nexport * from \"./SelectTrigger\";\nexport * from \"./Dialog\";\nexport * from \"./ConfirmDialog\";\nexport * from \"./Checkbox\";\nexport * from \"./Toggle\";\nexport * from \"./Typography\";\nexport * from \"./Autocomplete\";\nexport * from \"./ComboBox\";\nexport * from \"./Button/AddToListButton\";\nexport * from \"./ProgressBar\";\nexport * from \"./ProgressPie\";\nexport * from \"./Reactions\";\nexport * from \"./Label\";\nexport * from \"./GlobalStyle\";\nexport * from \"./ProgressRing\";\nexport * from \"./EditableContent\";\nexport * from \"./EditableText\";\nexport * from \"./Folder\";\nexport * from \"./Chip\";\nexport * from \"./Trigger\";\nexport * from \"./Dot\";\nexport * from \"./Entity\";\nexport * from \"./Filter\";\nexport * from \"./Wizard\";\nexport * from \"./IconButton\";\nexport * from \"./Typography\";\n"],"mappings":"AAAA,cAAc,UAAU;AACxB,cAAc,eAAe;AAC7B,cAAc,eAAe;AAC7B,cAAc,iBAAiB;AAC/B,cAAc,YAAY;AAC1B,cAAc,UAAU;AACxB,cAAc,oBAAoB;AAClC,cAAc,SAAS;AACvB,cAAc,YAAY;AAC1B,cAAc,QAAQ;AACtB,cAAc,cAAc;AAC5B,cAAc,aAAa;AAC3B,cAAc,UAAU;AACxB,cAAc,OAAO;AACrB,cAAc,WAAW;AACzB,cAAc,OAAO;AACrB,cAAc,UAAU;AACxB,cAAc,SAAS;AACvB,cAAc,QAAQ;AACtB,cAAc,aAAa;AAC3B,cAAc,WAAW;AACzB,cAAc,cAAc;AAC5B,cAAc,QAAQ;AACtB,cAAc,gBAAgB;AAC9B,cAAc,eAAe;AAC7B,cAAc,eAAe;AAC7B,cAAc,gBAAgB;AAC9B,cAAc,SAAS;AACvB,cAAc,YAAY;AAC1B,cAAc,SAAS;AACvB,cAAc,SAAS;AACvB,cAAc,UAAU;AACxB,cAAc,sBAAsB;AACpC,cAAc,WAAW;AACzB,cAAc,aAAa;AAC3B,cAAc,UAAU;AACxB,cAAc,SAAS;AACvB,cAAc,cAAc;AAC5B,cAAc,UAAU;AACxB,cAAc,gBAAgB;AAC9B,cAAc,WAAW;AACzB,cAAc,eAAe;AAC7B,cAAc,WAAW;AACzB,cAAc,UAAU;AACxB,cAAc,eAAe;AAC7B,cAAc,UAAU;AACxB,cAAc,iBAAiB;AAC/B,cAAc,UAAU;AACxB,cAAc,iBAAiB;AAC/B,cAAc,YAAY;AAC1B,cAAc,UAAU;AACxB,cAAc,cAAc;AAC5B,cAAc,gBAAgB;AAC9B,cAAc,YAAY;AAC1B,cAAc,0BAA0B;AACxC,cAAc,eAAe;AAC7B,cAAc,eAAe;AAC7B,cAAc,aAAa;AAC3B,cAAc,SAAS;AACvB,cAAc,eAAe;AAC7B,cAAc,gBAAgB;AAC9B,cAAc,mBAAmB;AACjC,cAAc,gBAAgB;AAC9B,cAAc,UAAU;AACxB,cAAc,QAAQ;AACtB,cAAc,WAAW;AACzB,cAAc,OAAO;AACrB,cAAc,UAAU;AACxB,cAAc,UAAU;AACxB,cAAc,UAAU;AACxB,cAAc,cAAc;AAC5B,cAAc,cAAc"}