npm - @activecollab/components - Versions diffs - 2.0.304 → 2.0.305 - Mend

@activecollab/components 2.0.304 → 2.0.305

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

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

	@@ -1 +1 @@
1	- {"version":3,"file":"Autocomplete.js","names":["React","useCallback","useState","useMemo","useEffect","useRef","useVirtualizer","handleKeyboardMovement","StyledAutocompleteBody","StyledAutocompleteNewItem","StyledAutocompleteScrollShadow","highlightText","Option","StyledOption","OptionGroup","isOptionGroup","item","options","undefined","Autocomplete","_ref","type","inputEl","selected","emptyValue","noResultText","renderOption","option","name","defaultValue","sortDirection","handleChange","optionClassName","handleEmptyAction","disabledInternalSort","AutocompleteClassName","handleDefaultOptionChange","preselectDefaultValue","keepSameOptionsOrder","autoHeightMax","clearInputOnSelect","mixedOptions","filterCriteria","disableVirtualization","listContainerRef","itemRef","selectedOptions","Array","isArray","handleSort","opts","_opts$","isGrouped","sortOptions","a","b","aSelected","includes","id","bSelected","aMixed","bMixed","map","group","sortedGroupOptions","sort","_extends","sortList","_options$","sortedOptions","localeCompare","sortedList","setSortedList","hover","setHover","by","filter","setFilter","handleEmpty","e","button","_inputEl$current","current","focus","onAddNewMouseEnter","showAddNew","trim","every","v","toLowerCase","filterOptions","trimmedFilter","matchesFilter","hidden","nameMatch","hovered","reduce","acc","groupedOption","filteredOptions","length","list","showDefaultOption","flatOptions","showNoResultCondition","virtualItems","items","push","forEach","index","shouldUseVirtualization","rowVirtualizer","count","getScrollElement","estimateSize","overscan","gap","handleInputChange","target","key","value","handleHoverCallback","toggleSelected","result","_id","dispatchEvent","Event","bubbles","handleMouseEnter","handleClick","preventDefault","handleRenderOption","createElement","checked","tooltip","renderOptions","onChange","ref","onMouseEnter","onClick","className","handleOnMouseLeave","findIndex","scrollToIndex","align","handleOnKeyDown","listenerTarget","addEventListener","removeEventListener","isDefaultOptionSelected","renderVirtualItem","virtualItem","String","_StyledStyledOption","onMouseDown","$isHidden","_ref2","onScroll","onMouseLeave","style","height","Math","min","getTotalSize","overflow","width","position","getVirtualItems","virtualRow","top","left","transform","start","Fragment","displayName","_styled","withConfig","componentId"],"sources":["../../../../src/components/Autocomplete/Autocomplete.tsx"],"sourcesContent":["import React, {\n type FC,\n useCallback,\n useState,\n useMemo,\n useEffect,\n useRef,\n type ReactNode,\n type ReactElement,\n type MutableRefObject,\n} from \"react\";\n\nimport { useVirtualizer } from \"@tanstack/react-virtual\";\n\nimport { handleKeyboardMovement } from \"./HandleKeyboard\";\nimport {\n StyledAutocompleteBody,\n StyledAutocompleteNewItem,\n StyledAutocompleteScrollShadow,\n} from \"./Styles\";\nimport highlightText from \"../../hooks/useHighlightText\";\nimport { type IOptionItemProps, Option } from \"../Select/Option\";\nimport { StyledOption } from \"../Select/Option/Styles\";\nimport { type IOptionGroupProps, OptionGroup } from \"../Select/OptionGroup\";\n\nexport function isOptionGroup(\n item: IOptionGroupProps \| IOptionItemProps\n): item is IOptionGroupProps {\n return (item as IOptionGroupProps).options !== undefined;\n}\n\nexport interface IAutocompleteProps {\n /** Select type: single or multiple /\n type?: \"single\" \| \"multiple\";\n /* List of options or group options /\n options?: (IOptionGroupProps \| IOptionItemProps)[];\n /* Selected values /\n selected?: (string \| number)[] \| string \| number;\n /* Mixed options values /\n mixedOptions?: (string \| number)[];\n /* Input Element. /\n inputEl?: MutableRefObject<HTMLInputElement \| null \| undefined>;\n /* Text for empty value /\n emptyValue?: string;\n /* Text for No result /\n noResultText?: string;\n /* Render option /\n renderOption?: (\n option: Record<string, ReactNode>,\n data: Record<string, unknown>\n ) => string \| ReactElement;\n /* Default value that renders on top of list /\n defaultValue?: string;\n /* Sort direction for labels /\n sortDirection?: \"asc\" \| \"desc\";\n /* handleChange callback /\n handleChange?: (\n e: (string \| number)[] \| string \| number \| null \| undefined\n ) => void;\n /* ClassName for single option /\n optionClassName?: string;\n /* handleEmptyAction /\n handleEmptyAction?: (e: string \| number) => void;\n /* Disable sorting options /\n disabledInternalSort?: boolean;\n /* ClassName for Autocomplete component /\n AutocompleteClassName?: string;\n /* handleDefaultOptionChange callback /\n handleDefaultOptionChange?: () => void;\n /* Should default value be selected /\n preselectDefaultValue?: boolean;\n /* Should order stay the same after choosing an option /\n keepSameOptionsOrder?: boolean;\n /* Set max height property for scrollbars /\n autoHeightMax?: number;\n /* Clear input on select - works in single mode /\n clearInputOnSelect?: boolean;\n /* Custom filter function for additional filtering criteria */\n filterCriteria?: (option: IOptionItemProps, filter: string) => boolean;\n disableVirtualization?: boolean;\n}\n\ninterface IHover {\n item: number \| string \| undefined \| null;\n by: \"mouse\" \| \"keyboard\" \| undefined;\n}\n\ninterface VirtualItem {\n type: \"default\" \| \"option\" \| \"group\" \| \"addNew\" \| \"noResult\";\n id: string \| number;\n item?: IOptionItemProps \| IOptionGroupProps;\n index?: number;\n}\n\nexport const Autocomplete: FC<IAutocompleteProps> = ({\n type,\n options = [],\n inputEl,\n selected = [],\n emptyValue,\n noResultText,\n renderOption = (option) => option?.name,\n defaultValue,\n sortDirection = \"asc\",\n handleChange,\n optionClassName,\n handleEmptyAction,\n disabledInternalSort,\n AutocompleteClassName,\n handleDefaultOptionChange,\n preselectDefaultValue,\n keepSameOptionsOrder = false,\n autoHeightMax = 340,\n clearInputOnSelect,\n mixedOptions = [],\n filterCriteria,\n disableVirtualization,\n}) => {\n const listContainerRef = useRef<HTMLDivElement>(null);\n const itemRef = useRef<HTMLLIElement>(null);\n\n const selectedOptions = useMemo(() => {\n if (Array.isArray(selected)) {\n return selected;\n }\n return [selected];\n }, [selected]);\n\n const handleSort = useCallback(\n (opts) => {\n if (keepSameOptionsOrder) {\n return opts;\n }\n\n const isGrouped = Array.isArray(opts[0]?.options);\n\n const sortOptions = (a, b) => {\n const aSelected = selectedOptions.includes(a.id);\n const bSelected = selectedOptions.includes(b.id);\n const aMixed = mixedOptions.includes(a.id);\n const bMixed = mixedOptions.includes(b.id);\n\n if (aSelected && !bSelected) {\n return -1;\n }\n if (!aSelected && bSelected) {\n return 1;\n }\n if (aMixed && !bMixed) {\n return -1;\n }\n if (!aMixed && bMixed) {\n return 1;\n }\n return 0;\n };\n\n if (isGrouped) {\n return opts.map((group) => {\n const sortedGroupOptions = group.options.sort(sortOptions);\n\n return {\n ...group,\n options: sortedGroupOptions,\n };\n });\n } else {\n return opts.sort(sortOptions);\n }\n },\n // eslint-disable-next-line react-hooks/exhaustive-deps\n [mixedOptions, selectedOptions]\n );\n\n const sortList = useCallback(\n (options) => {\n if (disabledInternalSort) {\n return handleSort([...options]);\n }\n\n const isGrouped = Array.isArray(options[0]?.options);\n\n if (isGrouped) {\n const sortedOptions = options.map((group) => {\n const sortedGroupOptions = group.options.sort((a, b) =>\n sortDirection === \"asc\"\n ? a.name.localeCompare(b.name)\n : b.name.localeCompare(a.name)\n );\n\n return {\n ...group,\n options: handleSort(sortedGroupOptions),\n };\n });\n\n return handleSort(sortedOptions);\n } else {\n const sortedOptions = options.sort((a, b) =>\n sortDirection === \"asc\"\n ? a.name.localeCompare(b.name)\n : b.name.localeCompare(a.name)\n );\n\n return handleSort(sortedOptions);\n }\n },\n [sortDirection, disabledInternalSort, handleSort]\n );\n\n const [sortedList, setSortedList] = useState(() => sortList(options));\n\n useEffect(() => {\n setSortedList(sortList(options));\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [options]);\n\n const [hover, setHover] = useState<IHover>({\n item: undefined,\n by: undefined,\n });\n const [filter, setFilter] = useState(\"\");\n\n const handleEmpty = useCallback(\n (e) => {\n if (e && e.button !== 0) {\n return;\n }\n if (handleEmptyAction) {\n inputEl?.current?.focus();\n setFilter(\"\");\n handleEmptyAction(filter);\n }\n },\n [filter, handleEmptyAction, inputEl]\n );\n\n const onAddNewMouseEnter = useCallback(\n () => setHover({ item: \"addNew\", by: \"mouse\" }),\n []\n );\n\n const showAddNew = useMemo(() => {\n return !!(\n emptyValue &&\n filter.trim() &&\n options.every((option) => {\n if (isOptionGroup(option)) {\n return option.options.every(\n (v) => v.name.toLowerCase() !== filter.trim().toLowerCase()\n );\n }\n return option.name.toLowerCase() !== filter.trim().toLowerCase();\n })\n );\n }, [emptyValue, filter, options]);\n\n const filterOptions = useCallback(\n (options, filter) => {\n const trimmedFilter = filter.trim();\n const isGrouped = options[0] && isOptionGroup(options[0]);\n\n const matchesFilter = (option: IOptionItemProps) => {\n if (option.hidden) {\n return false;\n }\n\n const nameMatch = option.name\n .toLowerCase()\n .includes(trimmedFilter.toLowerCase());\n\n if (filterCriteria && trimmedFilter) {\n return nameMatch \|\| filterCriteria(option, trimmedFilter);\n }\n\n return nameMatch;\n };\n\n if (isGrouped) {\n let hovered = false;\n return options.reduce((acc, groupedOption) => {\n const filteredOptions = groupedOption.options.filter(matchesFilter);\n\n if (filteredOptions.length > 0) {\n if (!hovered && filter) {\n setHover({ item: filteredOptions[0].id, by: \"keyboard\" });\n }\n hovered = true;\n return [...acc, { ...groupedOption, options: filteredOptions }];\n }\n return [...acc];\n }, []);\n } else {\n const filteredOptions = options.filter(matchesFilter);\n\n if (filter && filteredOptions.length > 0) {\n setHover({ item: filteredOptions[0].id, by: \"keyboard\" });\n }\n if (filteredOptions.length === 0 && emptyValue) {\n setHover({ item: \"addNew\", by: \"keyboard\" });\n }\n return filteredOptions;\n }\n },\n [emptyValue, filterCriteria]\n );\n\n const list = useMemo(\n () => filterOptions(sortedList, filter),\n [filter, filterOptions, sortedList]\n );\n\n const showDefaultOption = useMemo(\n () => !!defaultValue && !filter,\n [defaultValue, filter]\n );\n\n const flatOptions = useMemo(() => {\n const options = list.reduce(\n (\n acc: (IOptionItemProps \| IOptionGroupProps \| [])[],\n option: IOptionItemProps \| IOptionGroupProps\n ) => {\n if (!isOptionGroup(option)) {\n return [...acc, option];\n }\n return [...acc, ...option.options];\n },\n []\n );\n return filterOptions(options, filter);\n }, [filter, filterOptions, list]);\n\n const showNoResultCondition = useMemo(\n () =>\n noResultText &&\n !showAddNew &&\n list.length < 1 &&\n ((defaultValue && filter) \|\| !defaultValue),\n [noResultText, showAddNew, list.length, defaultValue, filter]\n );\n\n const virtualItems = useMemo(() => {\n const items: VirtualItem[] = [];\n\n if (showDefaultOption) {\n items.push({\n type: \"default\",\n id: \"default\",\n });\n }\n\n list.forEach((item, index) => {\n if (isOptionGroup(item)) {\n items.push({\n type: \"group\",\n id: item.id,\n item,\n });\n\n item.options.forEach((option) => {\n items.push({\n type: \"option\",\n id: option.id,\n item: option,\n index,\n });\n });\n } else {\n items.push({\n type: \"option\",\n id: item.id,\n item,\n index,\n });\n }\n });\n\n if (showNoResultCondition) {\n items.push({\n type: \"noResult\",\n id: \"noResult\",\n });\n }\n\n if (showAddNew) {\n items.push({\n type: \"addNew\",\n id: \"addNew\",\n });\n }\n\n return items;\n }, [list, showDefaultOption, showNoResultCondition, showAddNew]);\n\n const shouldUseVirtualization =\n !disableVirtualization && virtualItems.length > 40;\n\n const rowVirtualizer = useVirtualizer({\n count: virtualItems.length,\n getScrollElement: () => listContainerRef.current,\n estimateSize: () => 28,\n overscan: 5,\n gap: 4,\n });\n\n const handleInputChange = useCallback((e) => {\n if (\n e.target &&\n !(e.key === \"ArrowDown\") &&\n !(e.key === \"ArrowUp\") &&\n !(e.key === \"Enter\")\n ) {\n setFilter(e.target.value);\n }\n }, []);\n\n const handleHoverCallback = useCallback(\n (e: number \| string \| undefined): void => {\n setHover({ item: e, by: \"mouse\" });\n },\n []\n );\n\n const toggleSelected = useCallback(\n (id) => {\n let result;\n\n if (id !== null) {\n if (type === \"multiple\") {\n if (selectedOptions.includes(id)) {\n result = selectedOptions.filter((_id) => _id !== id);\n } else {\n result = [...selectedOptions, id];\n }\n } else {\n result = id;\n }\n if (clearInputOnSelect && inputEl?.current) {\n inputEl.current.value = \"\";\n inputEl.current.dispatchEvent(new Event(\"change\", { bubbles: true }));\n }\n setFilter(\"\");\n } else {\n if (typeof handleDefaultOptionChange === \"function\") {\n handleDefaultOptionChange();\n return;\n }\n }\n\n if (typeof handleChange === \"function\") {\n handleChange(result);\n }\n },\n [\n clearInputOnSelect,\n handleChange,\n handleDefaultOptionChange,\n inputEl,\n selectedOptions,\n type,\n ]\n );\n\n const handleMouseEnter = useCallback((e) => {\n if (e === undefined \|\| e === null) {\n return setHover({ item: null, by: \"mouse\" });\n }\n setHover({ item: e, by: \"mouse\" });\n }, []);\n\n const handleClick = useCallback(\n (e) => {\n e.preventDefault();\n toggleSelected(hover.item);\n },\n [toggleSelected, hover]\n );\n\n const handleRenderOption = useCallback(\n (item: IOptionItemProps \| IOptionGroupProps, index) => {\n if (isOptionGroup(item)) {\n return (\n <OptionGroup\n checked={selectedOptions}\n name={item.name}\n tooltip={item.tooltip}\n key={item.id}\n setHover={handleHoverCallback}\n id={item.id}\n hover={hover.item}\n options={item.options}\n renderOptions={handleRenderOption}\n type={type}\n onChange={handleChange}\n filter={filter}\n mixedOptions={mixedOptions}\n />\n );\n }\n return (\n <Option\n name={item.name}\n ref={hover.item === item.id ? itemRef : null}\n key={index}\n tooltip={item.tooltip}\n onMouseEnter={handleMouseEnter}\n onClick={handleClick}\n id={item.id}\n hover={item.id === hover.item}\n className={optionClassName}\n renderOption={renderOption(\n { ...item, name: highlightText(item.name, filter) },\n {\n id: `option_${item.id}`,\n checked: selectedOptions && selectedOptions.includes(item.id),\n hover: hover.item === item.id,\n onChange: () => null,\n }\n )}\n />\n );\n },\n [\n handleClick,\n handleMouseEnter,\n hover.item,\n optionClassName,\n renderOption,\n filter,\n selectedOptions,\n handleHoverCallback,\n type,\n handleChange,\n mixedOptions,\n ]\n );\n\n const handleOnMouseLeave = useCallback(() => {\n setHover({ item: undefined, by: \"mouse\" });\n }, []);\n\n useEffect(() => {\n if (hover.by === \"keyboard\" && hover.item !== undefined) {\n const index = virtualItems.findIndex((item) => item.id === hover.item);\n if (index !== -1) {\n rowVirtualizer.scrollToIndex(index, { align: \"center\" });\n }\n }\n }, [hover, rowVirtualizer, virtualItems]);\n\n const handleOnKeyDown = useCallback(\n (e) => {\n if (e.key === \"Enter\") {\n e.preventDefault();\n\n if (hover.item === undefined && filter === \"\") {\n return;\n }\n if (hover.item === \"addNew\") {\n handleEmpty(null);\n return;\n }\n if (hover.item === null && handleDefaultOptionChange) {\n handleDefaultOptionChange();\n return;\n }\n\n if (typeof hover.item !== \"undefined\" \|\| hover.item !== null) {\n toggleSelected(hover.item);\n setFilter(\"\");\n }\n return;\n }\n setHover({\n item: handleKeyboardMovement(\n e,\n hover.item,\n flatOptions,\n showAddNew,\n showDefaultOption\n ),\n by: \"keyboard\",\n });\n },\n [\n filter,\n flatOptions,\n toggleSelected,\n handleDefaultOptionChange,\n handleEmpty,\n hover,\n showAddNew,\n showDefaultOption,\n ]\n );\n\n useEffect(() => {\n const listenerTarget = inputEl?.current;\n if (!listenerTarget) return;\n\n listenerTarget.addEventListener(\"input\", handleInputChange);\n listenerTarget.addEventListener(\"keydown\", handleOnKeyDown);\n return () => {\n listenerTarget.removeEventListener(\"input\", handleInputChange);\n listenerTarget.removeEventListener(\"keydown\", handleOnKeyDown);\n };\n }, [handleInputChange, handleOnKeyDown, inputEl]);\n\n const isDefaultOptionSelected = useCallback(() => {\n if (preselectDefaultValue) {\n return selectedOptions.length < 1 \|\| selectedOptions[0] === \"\";\n } else {\n return (\n selectedOptions[0] === null \|\|\n selectedOptions.length === flatOptions.length\n );\n }\n }, [flatOptions.length, preselectDefaultValue, selectedOptions]);\n\n const renderVirtualItem = useCallback(\n (virtualItem: VirtualItem, index: number) => {\n switch (virtualItem.type) {\n case \"default\":\n return (\n <Option\n name={String(defaultValue)}\n ref={hover.item === null ? itemRef : null}\n hover={hover.item === null}\n onMouseEnter={handleMouseEnter}\n onClick={(e) => {\n e.preventDefault();\n toggleSelected(null);\n }}\n renderOption={renderOption(\n { name: defaultValue, id: null },\n {\n checked: isDefaultOptionSelected(),\n hover: hover.item === null,\n onChange: () => null,\n }\n )}\n />\n );\n\n case \"group\":\n if (!virtualItem.item \|\| !isOptionGroup(virtualItem.item))\n return null;\n return (\n <OptionGroup\n checked={selectedOptions}\n name={virtualItem.item.name}\n tooltip={virtualItem.item.tooltip}\n key={virtualItem.item.id}\n setHover={handleHoverCallback}\n id={virtualItem.item.id}\n hover={hover.item}\n options={virtualItem.item.options}\n renderOptions={handleRenderOption}\n type={type}\n onChange={handleChange}\n filter={filter}\n mixedOptions={mixedOptions}\n />\n );\n\n case \"option\":\n if (!virtualItem.item \|\| isOptionGroup(virtualItem.item)) return null;\n return (\n <Option\n name={(virtualItem.item as IOptionItemProps).name}\n ref={hover.item === virtualItem.id ? itemRef : null}\n key={index}\n tooltip={(virtualItem.item as IOptionItemProps).tooltip}\n onMouseEnter={() => handleMouseEnter(virtualItem.id)}\n onClick={handleClick}\n id={virtualItem.id}\n hover={virtualItem.id === hover.item}\n className={optionClassName}\n renderOption={renderOption(\n {\n ...(virtualItem.item as IOptionItemProps),\n name: highlightText(\n (virtualItem.item as IOptionItemProps).name,\n filter\n ),\n },\n {\n id: `option_${virtualItem.id}`,\n checked:\n selectedOptions && selectedOptions.includes(virtualItem.id),\n hover: hover.item === virtualItem.id,\n onChange: () => null,\n }\n )}\n />\n );\n\n case \"noResult\":\n return <StyledOption css=\"cursor: auto\">{noResultText}</StyledOption>;\n\n case \"addNew\":\n return (\n <StyledAutocompleteNewItem\n ref={hover.item === \"addNew\" ? itemRef : null}\n key=\"emptyValue\"\n hover={hover.item === \"addNew\"}\n onMouseDown={handleEmpty}\n onMouseEnter={onAddNewMouseEnter}\n >\n {emptyValue}\n </StyledAutocompleteNewItem>\n );\n\n default:\n return null;\n }\n },\n [\n defaultValue,\n hover.item,\n handleMouseEnter,\n renderOption,\n isDefaultOptionSelected,\n selectedOptions,\n handleHoverCallback,\n handleRenderOption,\n type,\n handleChange,\n filter,\n mixedOptions,\n handleClick,\n optionClassName,\n noResultText,\n handleEmpty,\n onAddNewMouseEnter,\n emptyValue,\n toggleSelected,\n ]\n );\n\n return (\n <StyledAutocompleteScrollShadow\n className={AutocompleteClassName}\n $isHidden={\n !defaultValue && !emptyValue && !noResultText && list.length < 1\n }\n >\n {({ onScroll }) => (\n <StyledAutocompleteBody key=\"body\" onMouseLeave={handleOnMouseLeave}>\n <div\n ref={listContainerRef}\n style={{\n height: `${Math.min(\n rowVirtualizer.getTotalSize() + 12,\n autoHeightMax\n )}px`,\n overflow: \"auto\",\n }}\n onScroll={(e) => {\n if (onScroll) onScroll(e);\n }}\n >\n <div\n style={{\n height: `${rowVirtualizer.getTotalSize()}px`,\n width: \"100%\",\n position: \"relative\",\n }}\n >\n {shouldUseVirtualization\n ? rowVirtualizer.getVirtualItems().map((virtualRow) => {\n const item = virtualItems[virtualRow.index];\n return (\n <div\n key={virtualRow.index}\n data-index={virtualRow.index}\n style={{\n position: \"absolute\",\n top: 0,\n left: 0,\n width: \"100%\",\n transform: `translateY(${virtualRow.start}px)`,\n }}\n >\n {renderVirtualItem(item, virtualRow.index)}\n </div>\n );\n })\n : virtualItems.map((item, index) => (\n <React.Fragment key={index}>\n {renderVirtualItem(item, index)}\n </React.Fragment>\n ))}\n </div>\n </div>\n </StyledAutocompleteBody>\n )}\n </StyledAutocompleteScrollShadow>\n );\n};\n\nAutocomplete.displayName = \"Autocomplete\";\n"],"mappings":"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","ignoreList":[]}
1	+ {"version":3,"file":"Autocomplete.js","names":["React","useCallback","useState","useMemo","useEffect","useRef","useVirtualizer","handleKeyboardMovement","StyledAutocompleteBody","StyledAutocompleteNewItem","StyledAutocompleteScrollShadow","highlightText","Option","StyledOption","OptionGroup","isOptionGroup","item","options","undefined","Autocomplete","_ref","type","_ref$options","inputEl","_ref$selected","selected","emptyValue","noResultText","_ref$renderOption","renderOption","option","name","defaultValue","_ref$sortDirection","sortDirection","handleChange","optionClassName","handleEmptyAction","disabledInternalSort","AutocompleteClassName","handleDefaultOptionChange","preselectDefaultValue","_ref$keepSameOptionsO","keepSameOptionsOrder","_ref$autoHeightMax","autoHeightMax","clearInputOnSelect","_ref$mixedOptions","mixedOptions","filterCriteria","disableVirtualization","listContainerRef","itemRef","selectedOptions","Array","isArray","handleSort","opts","_opts$","isGrouped","sortOptions","a","b","aSelected","includes","id","bSelected","aMixed","bMixed","map","group","sortedGroupOptions","sort","_extends","sortList","_options$","sortedOptions","localeCompare","_useState","sortedList","setSortedList","_useState2","by","hover","setHover","_useState3","filter","setFilter","handleEmpty","e","button","_inputEl$current","current","focus","onAddNewMouseEnter","showAddNew","trim","every","v","toLowerCase","filterOptions","trimmedFilter","matchesFilter","hidden","nameMatch","hovered","reduce","acc","groupedOption","filteredOptions","length","list","showDefaultOption","flatOptions","showNoResultCondition","virtualItems","items","push","forEach","index","shouldUseVirtualization","rowVirtualizer","count","getScrollElement","estimateSize","overscan","gap","handleInputChange","target","key","value","handleHoverCallback","toggleSelected","result","_id","dispatchEvent","Event","bubbles","handleMouseEnter","handleClick","preventDefault","handleRenderOption","createElement","checked","tooltip","renderOptions","onChange","ref","onMouseEnter","onClick","className","handleOnMouseLeave","findIndex","scrollToIndex","align","handleOnKeyDown","listenerTarget","addEventListener","removeEventListener","isDefaultOptionSelected","renderVirtualItem","virtualItem","String","_StyledStyledOption","onMouseDown","$isHidden","_ref2","onScroll","onMouseLeave","style","height","Math","min","getTotalSize","overflow","width","position","getVirtualItems","virtualRow","top","left","transform","start","Fragment","displayName","_styled","withConfig","componentId"],"sources":["../../../../src/components/Autocomplete/Autocomplete.tsx"],"sourcesContent":["import React, {\n type FC,\n useCallback,\n useState,\n useMemo,\n useEffect,\n useRef,\n type ReactNode,\n type ReactElement,\n type MutableRefObject,\n} from \"react\";\n\nimport { useVirtualizer } from \"@tanstack/react-virtual\";\n\nimport { handleKeyboardMovement } from \"./HandleKeyboard\";\nimport {\n StyledAutocompleteBody,\n StyledAutocompleteNewItem,\n StyledAutocompleteScrollShadow,\n} from \"./Styles\";\nimport highlightText from \"../../hooks/useHighlightText\";\nimport { type IOptionItemProps, Option } from \"../Select/Option\";\nimport { StyledOption } from \"../Select/Option/Styles\";\nimport { type IOptionGroupProps, OptionGroup } from \"../Select/OptionGroup\";\n\nexport function isOptionGroup(\n item: IOptionGroupProps \| IOptionItemProps\n): item is IOptionGroupProps {\n return (item as IOptionGroupProps).options !== undefined;\n}\n\nexport interface IAutocompleteProps {\n /** Select type: single or multiple /\n type?: \"single\" \| \"multiple\";\n /* List of options or group options /\n options?: (IOptionGroupProps \| IOptionItemProps)[];\n /* Selected values /\n selected?: (string \| number)[] \| string \| number;\n /* Mixed options values /\n mixedOptions?: (string \| number)[];\n /* Input Element. /\n inputEl?: MutableRefObject<HTMLInputElement \| null \| undefined>;\n /* Text for empty value /\n emptyValue?: string;\n /* Text for No result /\n noResultText?: string;\n /* Render option /\n renderOption?: (\n option: Record<string, ReactNode>,\n data: Record<string, unknown>\n ) => string \| ReactElement;\n /* Default value that renders on top of list /\n defaultValue?: string;\n /* Sort direction for labels /\n sortDirection?: \"asc\" \| \"desc\";\n /* handleChange callback /\n handleChange?: (\n e: (string \| number)[] \| string \| number \| null \| undefined\n ) => void;\n /* ClassName for single option /\n optionClassName?: string;\n /* handleEmptyAction /\n handleEmptyAction?: (e: string \| number) => void;\n /* Disable sorting options /\n disabledInternalSort?: boolean;\n /* ClassName for Autocomplete component /\n AutocompleteClassName?: string;\n /* handleDefaultOptionChange callback /\n handleDefaultOptionChange?: () => void;\n /* Should default value be selected /\n preselectDefaultValue?: boolean;\n /* Should order stay the same after choosing an option /\n keepSameOptionsOrder?: boolean;\n /* Set max height property for scrollbars /\n autoHeightMax?: number;\n /* Clear input on select - works in single mode /\n clearInputOnSelect?: boolean;\n /* Custom filter function for additional filtering criteria */\n filterCriteria?: (option: IOptionItemProps, filter: string) => boolean;\n disableVirtualization?: boolean;\n}\n\ninterface IHover {\n item: number \| string \| undefined \| null;\n by: \"mouse\" \| \"keyboard\" \| undefined;\n}\n\ninterface VirtualItem {\n type: \"default\" \| \"option\" \| \"group\" \| \"addNew\" \| \"noResult\";\n id: string \| number;\n item?: IOptionItemProps \| IOptionGroupProps;\n index?: number;\n}\n\nexport const Autocomplete: FC<IAutocompleteProps> = ({\n type,\n options = [],\n inputEl,\n selected = [],\n emptyValue,\n noResultText,\n renderOption = (option) => option?.name,\n defaultValue,\n sortDirection = \"asc\",\n handleChange,\n optionClassName,\n handleEmptyAction,\n disabledInternalSort,\n AutocompleteClassName,\n handleDefaultOptionChange,\n preselectDefaultValue,\n keepSameOptionsOrder = false,\n autoHeightMax = 340,\n clearInputOnSelect,\n mixedOptions = [],\n filterCriteria,\n disableVirtualization,\n}) => {\n const listContainerRef = useRef<HTMLDivElement>(null);\n const itemRef = useRef<HTMLLIElement>(null);\n\n const selectedOptions = useMemo(() => {\n if (Array.isArray(selected)) {\n return selected;\n }\n return [selected];\n }, [selected]);\n\n const handleSort = useCallback(\n (opts) => {\n if (keepSameOptionsOrder) {\n return opts;\n }\n\n const isGrouped = Array.isArray(opts[0]?.options);\n\n const sortOptions = (a, b) => {\n const aSelected = selectedOptions.includes(a.id);\n const bSelected = selectedOptions.includes(b.id);\n const aMixed = mixedOptions.includes(a.id);\n const bMixed = mixedOptions.includes(b.id);\n\n if (aSelected && !bSelected) {\n return -1;\n }\n if (!aSelected && bSelected) {\n return 1;\n }\n if (aMixed && !bMixed) {\n return -1;\n }\n if (!aMixed && bMixed) {\n return 1;\n }\n return 0;\n };\n\n if (isGrouped) {\n return opts.map((group) => {\n const sortedGroupOptions = group.options.sort(sortOptions);\n\n return {\n ...group,\n options: sortedGroupOptions,\n };\n });\n } else {\n return opts.sort(sortOptions);\n }\n },\n // eslint-disable-next-line react-hooks/exhaustive-deps\n [mixedOptions, selectedOptions]\n );\n\n const sortList = useCallback(\n (options) => {\n if (disabledInternalSort) {\n return handleSort([...options]);\n }\n\n const isGrouped = Array.isArray(options[0]?.options);\n\n if (isGrouped) {\n const sortedOptions = options.map((group) => {\n const sortedGroupOptions = group.options.sort((a, b) =>\n sortDirection === \"asc\"\n ? a.name.localeCompare(b.name)\n : b.name.localeCompare(a.name)\n );\n\n return {\n ...group,\n options: handleSort(sortedGroupOptions),\n };\n });\n\n return handleSort(sortedOptions);\n } else {\n const sortedOptions = options.sort((a, b) =>\n sortDirection === \"asc\"\n ? a.name.localeCompare(b.name)\n : b.name.localeCompare(a.name)\n );\n\n return handleSort(sortedOptions);\n }\n },\n [sortDirection, disabledInternalSort, handleSort]\n );\n\n const [sortedList, setSortedList] = useState(() => sortList(options));\n\n useEffect(() => {\n setSortedList(sortList(options));\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [options]);\n\n const [hover, setHover] = useState<IHover>({\n item: undefined,\n by: undefined,\n });\n const [filter, setFilter] = useState(\"\");\n\n const handleEmpty = useCallback(\n (e) => {\n if (e && e.button !== 0) {\n return;\n }\n if (handleEmptyAction) {\n inputEl?.current?.focus();\n setFilter(\"\");\n handleEmptyAction(filter);\n }\n },\n [filter, handleEmptyAction, inputEl]\n );\n\n const onAddNewMouseEnter = useCallback(\n () => setHover({ item: \"addNew\", by: \"mouse\" }),\n []\n );\n\n const showAddNew = useMemo(() => {\n return !!(\n emptyValue &&\n filter.trim() &&\n options.every((option) => {\n if (isOptionGroup(option)) {\n return option.options.every(\n (v) => v.name.toLowerCase() !== filter.trim().toLowerCase()\n );\n }\n return option.name.toLowerCase() !== filter.trim().toLowerCase();\n })\n );\n }, [emptyValue, filter, options]);\n\n const filterOptions = useCallback(\n (options, filter) => {\n const trimmedFilter = filter.trim();\n const isGrouped = options[0] && isOptionGroup(options[0]);\n\n const matchesFilter = (option: IOptionItemProps) => {\n if (option.hidden) {\n return false;\n }\n\n const nameMatch = option.name\n .toLowerCase()\n .includes(trimmedFilter.toLowerCase());\n\n if (filterCriteria && trimmedFilter) {\n return nameMatch \|\| filterCriteria(option, trimmedFilter);\n }\n\n return nameMatch;\n };\n\n if (isGrouped) {\n let hovered = false;\n return options.reduce((acc, groupedOption) => {\n const filteredOptions = groupedOption.options.filter(matchesFilter);\n\n if (filteredOptions.length > 0) {\n if (!hovered && filter) {\n setHover({ item: filteredOptions[0].id, by: \"keyboard\" });\n }\n hovered = true;\n return [...acc, { ...groupedOption, options: filteredOptions }];\n }\n return [...acc];\n }, []);\n } else {\n const filteredOptions = options.filter(matchesFilter);\n\n if (filter && filteredOptions.length > 0) {\n setHover({ item: filteredOptions[0].id, by: \"keyboard\" });\n }\n if (filteredOptions.length === 0 && emptyValue) {\n setHover({ item: \"addNew\", by: \"keyboard\" });\n }\n return filteredOptions;\n }\n },\n [emptyValue, filterCriteria]\n );\n\n const list = useMemo(\n () => filterOptions(sortedList, filter),\n [filter, filterOptions, sortedList]\n );\n\n const showDefaultOption = useMemo(\n () => !!defaultValue && !filter,\n [defaultValue, filter]\n );\n\n const flatOptions = useMemo(() => {\n const options = list.reduce(\n (\n acc: (IOptionItemProps \| IOptionGroupProps \| [])[],\n option: IOptionItemProps \| IOptionGroupProps\n ) => {\n if (!isOptionGroup(option)) {\n return [...acc, option];\n }\n return [...acc, ...option.options];\n },\n []\n );\n return filterOptions(options, filter);\n }, [filter, filterOptions, list]);\n\n const showNoResultCondition = useMemo(\n () =>\n noResultText &&\n !showAddNew &&\n list.length < 1 &&\n ((defaultValue && filter) \|\| !defaultValue),\n [noResultText, showAddNew, list.length, defaultValue, filter]\n );\n\n const virtualItems = useMemo(() => {\n const items: VirtualItem[] = [];\n\n if (showDefaultOption) {\n items.push({\n type: \"default\",\n id: \"default\",\n });\n }\n\n list.forEach((item, index) => {\n if (isOptionGroup(item)) {\n items.push({\n type: \"group\",\n id: item.id,\n item,\n });\n\n item.options.forEach((option) => {\n items.push({\n type: \"option\",\n id: option.id,\n item: option,\n index,\n });\n });\n } else {\n items.push({\n type: \"option\",\n id: item.id,\n item,\n index,\n });\n }\n });\n\n if (showNoResultCondition) {\n items.push({\n type: \"noResult\",\n id: \"noResult\",\n });\n }\n\n if (showAddNew) {\n items.push({\n type: \"addNew\",\n id: \"addNew\",\n });\n }\n\n return items;\n }, [list, showDefaultOption, showNoResultCondition, showAddNew]);\n\n const shouldUseVirtualization =\n !disableVirtualization && virtualItems.length > 40;\n\n const rowVirtualizer = useVirtualizer({\n count: virtualItems.length,\n getScrollElement: () => listContainerRef.current,\n estimateSize: () => 28,\n overscan: 5,\n gap: 4,\n });\n\n const handleInputChange = useCallback((e) => {\n if (\n e.target &&\n !(e.key === \"ArrowDown\") &&\n !(e.key === \"ArrowUp\") &&\n !(e.key === \"Enter\")\n ) {\n setFilter(e.target.value);\n }\n }, []);\n\n const handleHoverCallback = useCallback(\n (e: number \| string \| undefined): void => {\n setHover({ item: e, by: \"mouse\" });\n },\n []\n );\n\n const toggleSelected = useCallback(\n (id) => {\n let result;\n\n if (id !== null) {\n if (type === \"multiple\") {\n if (selectedOptions.includes(id)) {\n result = selectedOptions.filter((_id) => _id !== id);\n } else {\n result = [...selectedOptions, id];\n }\n } else {\n result = id;\n }\n if (clearInputOnSelect && inputEl?.current) {\n inputEl.current.value = \"\";\n inputEl.current.dispatchEvent(new Event(\"change\", { bubbles: true }));\n }\n setFilter(\"\");\n } else {\n if (typeof handleDefaultOptionChange === \"function\") {\n handleDefaultOptionChange();\n return;\n }\n }\n\n if (typeof handleChange === \"function\") {\n handleChange(result);\n }\n },\n [\n clearInputOnSelect,\n handleChange,\n handleDefaultOptionChange,\n inputEl,\n selectedOptions,\n type,\n ]\n );\n\n const handleMouseEnter = useCallback((e) => {\n if (e === undefined \|\| e === null) {\n return setHover({ item: null, by: \"mouse\" });\n }\n setHover({ item: e, by: \"mouse\" });\n }, []);\n\n const handleClick = useCallback(\n (e) => {\n e.preventDefault();\n toggleSelected(hover.item);\n },\n [toggleSelected, hover]\n );\n\n const handleRenderOption = useCallback(\n (item: IOptionItemProps \| IOptionGroupProps, index) => {\n if (isOptionGroup(item)) {\n return (\n <OptionGroup\n checked={selectedOptions}\n name={item.name}\n tooltip={item.tooltip}\n key={item.id}\n setHover={handleHoverCallback}\n id={item.id}\n hover={hover.item}\n options={item.options}\n renderOptions={handleRenderOption}\n type={type}\n onChange={handleChange}\n filter={filter}\n mixedOptions={mixedOptions}\n />\n );\n }\n return (\n <Option\n name={item.name}\n ref={hover.item === item.id ? itemRef : null}\n key={index}\n tooltip={item.tooltip}\n onMouseEnter={handleMouseEnter}\n onClick={handleClick}\n id={item.id}\n hover={item.id === hover.item}\n className={optionClassName}\n renderOption={renderOption(\n { ...item, name: highlightText(item.name, filter) },\n {\n id: `option_${item.id}`,\n checked: selectedOptions && selectedOptions.includes(item.id),\n hover: hover.item === item.id,\n onChange: () => null,\n }\n )}\n />\n );\n },\n [\n handleClick,\n handleMouseEnter,\n hover.item,\n optionClassName,\n renderOption,\n filter,\n selectedOptions,\n handleHoverCallback,\n type,\n handleChange,\n mixedOptions,\n ]\n );\n\n const handleOnMouseLeave = useCallback(() => {\n setHover({ item: undefined, by: \"mouse\" });\n }, []);\n\n useEffect(() => {\n if (hover.by === \"keyboard\" && hover.item !== undefined) {\n const index = virtualItems.findIndex((item) => item.id === hover.item);\n if (index !== -1) {\n rowVirtualizer.scrollToIndex(index, { align: \"center\" });\n }\n }\n }, [hover, rowVirtualizer, virtualItems]);\n\n const handleOnKeyDown = useCallback(\n (e) => {\n if (e.key === \"Enter\") {\n e.preventDefault();\n\n if (hover.item === undefined && filter === \"\") {\n return;\n }\n if (hover.item === \"addNew\") {\n handleEmpty(null);\n return;\n }\n if (hover.item === null && handleDefaultOptionChange) {\n handleDefaultOptionChange();\n return;\n }\n\n if (typeof hover.item !== \"undefined\" \|\| hover.item !== null) {\n toggleSelected(hover.item);\n setFilter(\"\");\n }\n return;\n }\n setHover({\n item: handleKeyboardMovement(\n e,\n hover.item,\n flatOptions,\n showAddNew,\n showDefaultOption\n ),\n by: \"keyboard\",\n });\n },\n [\n filter,\n flatOptions,\n toggleSelected,\n handleDefaultOptionChange,\n handleEmpty,\n hover,\n showAddNew,\n showDefaultOption,\n ]\n );\n\n useEffect(() => {\n const listenerTarget = inputEl?.current;\n if (!listenerTarget) return;\n\n listenerTarget.addEventListener(\"input\", handleInputChange);\n listenerTarget.addEventListener(\"keydown\", handleOnKeyDown);\n return () => {\n listenerTarget.removeEventListener(\"input\", handleInputChange);\n listenerTarget.removeEventListener(\"keydown\", handleOnKeyDown);\n };\n }, [handleInputChange, handleOnKeyDown, inputEl]);\n\n const isDefaultOptionSelected = useCallback(() => {\n if (preselectDefaultValue) {\n return selectedOptions.length < 1 \|\| selectedOptions[0] === \"\";\n } else {\n return (\n selectedOptions[0] === null \|\|\n selectedOptions.length === flatOptions.length\n );\n }\n }, [flatOptions.length, preselectDefaultValue, selectedOptions]);\n\n const renderVirtualItem = useCallback(\n (virtualItem: VirtualItem, index: number) => {\n switch (virtualItem.type) {\n case \"default\":\n return (\n <Option\n name={String(defaultValue)}\n ref={hover.item === null ? itemRef : null}\n hover={hover.item === null}\n onMouseEnter={handleMouseEnter}\n onClick={(e) => {\n e.preventDefault();\n toggleSelected(null);\n }}\n renderOption={renderOption(\n { name: defaultValue, id: null },\n {\n checked: isDefaultOptionSelected(),\n hover: hover.item === null,\n onChange: () => null,\n }\n )}\n />\n );\n\n case \"group\":\n if (!virtualItem.item \|\| !isOptionGroup(virtualItem.item))\n return null;\n return (\n <OptionGroup\n checked={selectedOptions}\n name={virtualItem.item.name}\n tooltip={virtualItem.item.tooltip}\n key={virtualItem.item.id}\n setHover={handleHoverCallback}\n id={virtualItem.item.id}\n hover={hover.item}\n options={virtualItem.item.options}\n renderOptions={handleRenderOption}\n type={type}\n onChange={handleChange}\n filter={filter}\n mixedOptions={mixedOptions}\n />\n );\n\n case \"option\":\n if (!virtualItem.item \|\| isOptionGroup(virtualItem.item)) return null;\n return (\n <Option\n name={(virtualItem.item as IOptionItemProps).name}\n ref={hover.item === virtualItem.id ? itemRef : null}\n key={index}\n tooltip={(virtualItem.item as IOptionItemProps).tooltip}\n onMouseEnter={() => handleMouseEnter(virtualItem.id)}\n onClick={handleClick}\n id={virtualItem.id}\n hover={virtualItem.id === hover.item}\n className={optionClassName}\n renderOption={renderOption(\n {\n ...(virtualItem.item as IOptionItemProps),\n name: highlightText(\n (virtualItem.item as IOptionItemProps).name,\n filter\n ),\n },\n {\n id: `option_${virtualItem.id}`,\n checked:\n selectedOptions && selectedOptions.includes(virtualItem.id),\n hover: hover.item === virtualItem.id,\n onChange: () => null,\n }\n )}\n />\n );\n\n case \"noResult\":\n return <StyledOption css=\"cursor: auto\">{noResultText}</StyledOption>;\n\n case \"addNew\":\n return (\n <StyledAutocompleteNewItem\n ref={hover.item === \"addNew\" ? itemRef : null}\n key=\"emptyValue\"\n hover={hover.item === \"addNew\"}\n onMouseDown={handleEmpty}\n onMouseEnter={onAddNewMouseEnter}\n >\n {emptyValue}\n </StyledAutocompleteNewItem>\n );\n\n default:\n return null;\n }\n },\n [\n defaultValue,\n hover.item,\n handleMouseEnter,\n renderOption,\n isDefaultOptionSelected,\n selectedOptions,\n handleHoverCallback,\n handleRenderOption,\n type,\n handleChange,\n filter,\n mixedOptions,\n handleClick,\n optionClassName,\n noResultText,\n handleEmpty,\n onAddNewMouseEnter,\n emptyValue,\n toggleSelected,\n ]\n );\n\n return (\n <StyledAutocompleteScrollShadow\n className={AutocompleteClassName}\n $isHidden={\n !defaultValue && !emptyValue && !noResultText && list.length < 1\n }\n >\n {({ onScroll }) => (\n <StyledAutocompleteBody key=\"body\" onMouseLeave={handleOnMouseLeave}>\n <div\n ref={listContainerRef}\n style={{\n height: `${Math.min(\n rowVirtualizer.getTotalSize() + 12,\n autoHeightMax\n )}px`,\n overflow: \"auto\",\n }}\n onScroll={(e) => {\n if (onScroll) onScroll(e);\n }}\n >\n <div\n style={{\n height: `${rowVirtualizer.getTotalSize()}px`,\n width: \"100%\",\n position: \"relative\",\n }}\n >\n {shouldUseVirtualization\n ? rowVirtualizer.getVirtualItems().map((virtualRow) => {\n const item = virtualItems[virtualRow.index];\n return (\n <div\n key={virtualRow.index}\n data-index={virtualRow.index}\n style={{\n position: \"absolute\",\n top: 0,\n left: 0,\n width: \"100%\",\n transform: `translateY(${virtualRow.start}px)`,\n }}\n >\n {renderVirtualItem(item, virtualRow.index)}\n </div>\n );\n })\n : virtualItems.map((item, index) => (\n <React.Fragment key={index}>\n {renderVirtualItem(item, index)}\n </React.Fragment>\n ))}\n </div>\n </div>\n </StyledAutocompleteBody>\n )}\n </StyledAutocompleteScrollShadow>\n );\n};\n\nAutocomplete.displayName = \"Autocomplete\";\n"],"mappings":"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","ignoreList":[]}

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

@@ -30,16 +30,18 @@ import { SkeletonLoader } from "../Loaders";
  * https://design.activecollab.com/docs/components/avatar
  */
 export const Avatar = /*#__PURE__*/forwardRef((_ref, ref) => {
-  let {
-      url,
-      alt = "Avatar Image",
-      size = 24,
-      className,
-      imgClassName,
-      children
-    } = _ref,
+  let url = _ref.url,
+    _ref$alt = _ref.alt,
+    alt = _ref$alt === void 0 ? "Avatar Image" : _ref$alt,
+    _ref$size = _ref.size,
+    size = _ref$size === void 0 ? 24 : _ref$size,
+    className = _ref.className,
+    imgClassName = _ref.imgClassName,
+    children = _ref.children,
     rest = _objectWithoutPropertiesLoose(_ref, _excluded);
-  const [imageLoaded, setImageLoaded] = useState(false);
+  const _useState = useState(false),
+    imageLoaded = _useState[0],
+    setImageLoaded = _useState[1];
   return /*#__PURE__*/React.createElement(StyledWrapper, {
     className: className
   }, children, /*#__PURE__*/React.createElement(StyledAvatar, _extends({

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

	@@ -1 +1 @@
1	- {"version":3,"file":"Avatar.js","names":["React","forwardRef","useState","StyledAvatar","StyledWrapper","SkeletonLoader","Avatar","_ref","ref","url","alt","size","className","imgClassName","children","rest","_objectWithoutPropertiesLoose","_excluded","imageLoaded","setImageLoaded","createElement","_extends","src","width","height","onLoad","role","style","display","borderRadius","displayName"],"sources":["../../../../src/components/Avatar/Avatar.tsx"],"sourcesContent":["import React, { forwardRef, PropsWithChildren, useState } from \"react\";\n\nimport { StyledAvatar, StyledWrapper } from \"./Styles\";\nimport { SkeletonLoader } from \"../Loaders\";\n\nexport interface AvatarProps extends React.ComponentPropsWithoutRef<\"img\"> {\n /** Path url. /\n url: string;\n /* Alt text. /\n alt?: string;\n /* Image size. /\n size?: number;\n /* Custom class. /\n className?: string;\n /* img custom class. /\n imgClassName?: string;\n}\n\n/\n @component Avatar\n * @description\n * The Avatar component is used to represent user, and displays the profile picture, initials or fallback icon.\n \n @prop {url} - The image url of the Avatar.\n * @prop {size} - controls the size of an Avatar (width and height) in pixels.\n * @prop {alt} - alt attribute of the img.\n * @prop {imgClassName} - class name that attaches to img element nested in Wrapper\n \n @example\n * <Avatar url=\"https://faces-img.xcdn.link/image-lorem-face-954.jpg\" alt=\"Profile picture of John\" />\n \n @example\n * <Avatar\n * url=\"https://faces-img.xcdn.link/image-lorem-face-954.jpg\"\n * alt=\"Profile picture of John\">\n * <Badge size={8} backgroundColor=\"green\" position=\"bottom-left\" />\n * </Avatar>\n \n @see\n * https://system.activecollab.com/?path=/story/components-button-indicators-avatar--avatar\n * @see\n * https://design.activecollab.com/docs/components/avatar\n */\nexport const Avatar = forwardRef<\n HTMLImageElement,\n PropsWithChildren<AvatarProps>\n>(\n (\n {\n url,\n alt = \"Avatar Image\",\n size = 24,\n className,\n imgClassName,\n children,\n ...rest\n },\n ref\n ) => {\n const [imageLoaded, setImageLoaded] = useState<boolean>(false);\n\n return (\n <StyledWrapper className={className}>\n {children}\n\n <StyledAvatar\n ref={ref}\n src={url}\n alt={alt}\n width={size}\n height={size}\n onLoad={() => {\n setImageLoaded(true);\n }}\n role=\"img\"\n className={imgClassName}\n style={{ display: imageLoaded ? \"block\" : \"none\" }}\n {...rest}\n />\n {!imageLoaded && (\n <SkeletonLoader\n data-testid=\"loader\"\n style={{ width: size, height: size, borderRadius: \"100%\" }}\n />\n )}\n </StyledWrapper>\n );\n }\n);\n\nAvatar.displayName = \"Avatar\";\n"],"mappings":";;;AAAA,OAAOA,KAAK,IAAIC,UAAU,EAAqBC,QAAQ,QAAQ,OAAO;AAEtE,SAASC,YAAY,EAAEC,aAAa,QAAQ,UAAU;AACtD,SAASC,cAAc,QAAQ,YAAY;AAe3C;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,MAAM,gBAAGL,UAAU,CAI9B,CAAAM,IAAA,EAUEC,GAAG,KACA;EAAA,~~IAVH;MACEC~~,GAAG;~~MACHC~~,GAAG,GAAG,cAAc;~~MACpBC~~,IAAI,~~GAAG~~,EAAE;~~MACTC~~,SAAS;~~MACTC~~,YAAY;~~MACZC;IAEF~~,~~CAAC~~,~~GAAAP~~,IAAA;~~IADIQ~~,IAAI,GAAAC,6BAAA,~~CAAAT~~,IAAA,~~EAAAU~~,SAAA;EAIT,~~MAAM~~,~~CAACC~~,~~WAAW~~,~~EAAEC~~,~~cAAc~~,CAAC,~~GAAGjB~~,~~QAAQ~~,~~CAAU~~,~~KAAK~~,~~CAAC~~;~~EAE9D~~,~~oBACEF~~,KAAA,~~CAAAoB~~,aAAA,~~CAAChB~~,aAAa;~~IAACQ~~,SAAS,EAAEA;EAAU,GACjCE,QAAQ,~~eAETd~~,KAAA,~~CAAAoB~~,aAAA,~~CAACjB~~,YAAY,~~EAAAkB~~,QAAA;~~IACXb~~,GAAG,EAAEA,GAAI;~~IACTc~~,GAAG,~~EAAEb~~,GAAI;~~IACTC~~,GAAG,EAAEA,GAAI;~~IACTa~~,KAAK,~~EAAEZ~~,IAAK;~~IACZa~~,MAAM,~~EAAEb~~,IAAK;~~IACbc~~,MAAM,EAAEA,CAAA,KAAM;MACZN,cAAc,CAAC,IAAI,CAAC;IACtB,CAAE;IACFO,IAAI,EAAC,KAAK;~~IACVd~~,SAAS,EAAEC,YAAa;~~IACxBc~~,KAAK,EAAE;MAAEC,OAAO,EAAEV,WAAW,GAAG,OAAO,GAAG;IAAO;EAAE,GAC/CH,IAAI,CACT,CAAC,EACD,~~CAACG~~,WAAW,~~iBACXlB~~,KAAA,~~CAAAoB~~,aAAA,~~CAACf~~,cAAc;IACb,eAAY,QAAQ;~~IACpBsB~~,KAAK,EAAE;MAAEJ,KAAK,~~EAAEZ~~,IAAI;~~MAAEa~~,MAAM,~~EAAEb~~,IAAI;~~MAAEkB~~,YAAY,EAAE;IAAO;EAAE,CAC5D,CAEU,CAAC;AAEpB,CACF,CAAC;~~AAEDvB~~,MAAM,~~CAACwB~~,WAAW,GAAG,QAAQ","ignoreList":[]}
1	+ {"version":3,"file":"Avatar.js","names":["React","forwardRef","useState","StyledAvatar","StyledWrapper","SkeletonLoader","Avatar","_ref","ref","url","_ref$alt","alt","_ref$size","size","className","imgClassName","children","rest","_objectWithoutPropertiesLoose","_excluded","_useState","imageLoaded","setImageLoaded","createElement","_extends","src","width","height","onLoad","role","style","display","borderRadius","displayName"],"sources":["../../../../src/components/Avatar/Avatar.tsx"],"sourcesContent":["import React, { forwardRef, PropsWithChildren, useState } from \"react\";\n\nimport { StyledAvatar, StyledWrapper } from \"./Styles\";\nimport { SkeletonLoader } from \"../Loaders\";\n\nexport interface AvatarProps extends React.ComponentPropsWithoutRef<\"img\"> {\n /** Path url. /\n url: string;\n /* Alt text. /\n alt?: string;\n /* Image size. /\n size?: number;\n /* Custom class. /\n className?: string;\n /* img custom class. /\n imgClassName?: string;\n}\n\n/\n @component Avatar\n * @description\n * The Avatar component is used to represent user, and displays the profile picture, initials or fallback icon.\n \n @prop {url} - The image url of the Avatar.\n * @prop {size} - controls the size of an Avatar (width and height) in pixels.\n * @prop {alt} - alt attribute of the img.\n * @prop {imgClassName} - class name that attaches to img element nested in Wrapper\n \n @example\n * <Avatar url=\"https://faces-img.xcdn.link/image-lorem-face-954.jpg\" alt=\"Profile picture of John\" />\n \n @example\n * <Avatar\n * url=\"https://faces-img.xcdn.link/image-lorem-face-954.jpg\"\n * alt=\"Profile picture of John\">\n * <Badge size={8} backgroundColor=\"green\" position=\"bottom-left\" />\n * </Avatar>\n \n @see\n * https://system.activecollab.com/?path=/story/components-button-indicators-avatar--avatar\n * @see\n * https://design.activecollab.com/docs/components/avatar\n */\nexport const Avatar = forwardRef<\n HTMLImageElement,\n PropsWithChildren<AvatarProps>\n>(\n (\n {\n url,\n alt = \"Avatar Image\",\n size = 24,\n className,\n imgClassName,\n children,\n ...rest\n },\n ref\n ) => {\n const [imageLoaded, setImageLoaded] = useState<boolean>(false);\n\n return (\n <StyledWrapper className={className}>\n {children}\n\n <StyledAvatar\n ref={ref}\n src={url}\n alt={alt}\n width={size}\n height={size}\n onLoad={() => {\n setImageLoaded(true);\n }}\n role=\"img\"\n className={imgClassName}\n style={{ display: imageLoaded ? \"block\" : \"none\" }}\n {...rest}\n />\n {!imageLoaded && (\n <SkeletonLoader\n data-testid=\"loader\"\n style={{ width: size, height: size, borderRadius: \"100%\" }}\n />\n )}\n </StyledWrapper>\n );\n }\n);\n\nAvatar.displayName = \"Avatar\";\n"],"mappings":";;;AAAA,OAAOA,KAAK,IAAIC,UAAU,EAAqBC,QAAQ,QAAQ,OAAO;AAEtE,SAASC,YAAY,EAAEC,aAAa,QAAQ,UAAU;AACtD,SAASC,cAAc,QAAQ,YAAY;AAe3C;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,MAAM,gBAAGL,UAAU,CAI9B,CAAAM,IAAA,EAUEC,GAAG,KACA;EAAA,IATDC,GAAG,GAAAF,IAAA,CAAHE,GAAG;IAAAC,QAAA,GAAAH,IAAA,CACHI,GAAG;IAAHA,GAAG,GAAAD,QAAA,cAAG,cAAc,GAAAA,QAAA;IAAAE,SAAA,GAAAL,IAAA,CACpBM,IAAI;IAAJA,IAAI,GAAAD,SAAA,cAAG,EAAE,GAAAA,SAAA;IACTE,SAAS,GAAAP,IAAA,CAATO,SAAS;IACTC,YAAY,GAAAR,IAAA,CAAZQ,YAAY;IACZC,QAAQ,GAAAT,IAAA,CAARS,QAAQ;IACLC,IAAI,GAAAC,6BAAA,CAAAX,IAAA,EAAAY,SAAA;EAIT,MAAAC,SAAA,GAAsClB,QAAQ,CAAU,KAAK,CAAC;IAAvDmB,WAAW,GAAAD,SAAA;IAAEE,cAAc,GAAAF,SAAA;EAElC,oBACEpB,KAAA,CAAAuB,aAAA,CAACnB,aAAa;IAACU,SAAS,EAAEA;EAAU,GACjCE,QAAQ,eAEThB,KAAA,CAAAuB,aAAA,CAACpB,YAAY,EAAAqB,QAAA;IACXhB,GAAG,EAAEA,GAAI;IACTiB,GAAG,EAAEhB,GAAI;IACTE,GAAG,EAAEA,GAAI;IACTe,KAAK,EAAEb,IAAK;IACZc,MAAM,EAAEd,IAAK;IACbe,MAAM,EAAEA,CAAA,KAAM;MACZN,cAAc,CAAC,IAAI,CAAC;IACtB,CAAE;IACFO,IAAI,EAAC,KAAK;IACVf,SAAS,EAAEC,YAAa;IACxBe,KAAK,EAAE;MAAEC,OAAO,EAAEV,WAAW,GAAG,OAAO,GAAG;IAAO;EAAE,GAC/CJ,IAAI,CACT,CAAC,EACD,CAACI,WAAW,iBACXrB,KAAA,CAAAuB,aAAA,CAAClB,cAAc;IACb,eAAY,QAAQ;IACpByB,KAAK,EAAE;MAAEJ,KAAK,EAAEb,IAAI;MAAEc,MAAM,EAAEd,IAAI;MAAEmB,YAAY,EAAE;IAAO;EAAE,CAC5D,CAEU,CAAC;AAEpB,CACF,CAAC;AAED1B,MAAM,CAAC2B,WAAW,GAAG,QAAQ","ignoreList":[]}

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

@@ -8,13 +8,13 @@ import { Tooltip } from "../Tooltip";
 import { Typography } from "../Typography/Typography";
 export const AvatarGroup = /*#__PURE__*/forwardRef((_ref, ref) => {
   var _Children$toArray;
-  let {
-      limit,
-      size = 34,
-      children,
-      hasTooltip = false,
-      className
-    } = _ref,
+  let limit = _ref.limit,
+    _ref$size = _ref.size,
+    size = _ref$size === void 0 ? 34 : _ref$size,
+    children = _ref.children,
+    _ref$hasTooltip = _ref.hasTooltip,
+    hasTooltip = _ref$hasTooltip === void 0 ? false : _ref$hasTooltip,
+    className = _ref.className,
     rest = _objectWithoutPropertiesLoose(_ref, _excluded);
   // always display counter with min +2 as +1 can takes space of an 1 more Avatar
   const minChildren = Children.count(children) - limit > 1 ? false : true;
@@ -28,9 +28,8 @@ export const AvatarGroup = /*#__PURE__*/forwardRef((_ref, ref) => {
   // get all names indexed above limit number from alt tag on Avatar for counter tooltip
   const nameArr = (_Children$toArray = Children.toArray(children)) == null ? void 0 : _Children$toArray.slice(limit).map(item => {
-    const {
-      props
-    } = item;
+    const _ref2 = item,
+      props = _ref2.props;
     return props.alt;
   });
   return /*#__PURE__*/React.createElement(AvatarGroupsStyles, _extends({

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

	@@ -1 +1 @@
1	- {"version":3,"file":"AvatarGroup.js","names":["React","Children","cloneElement","useMemo","forwardRef","AvatarGroupsStyles","LengthCountStyles","Tooltip","Typography","AvatarGroup","_ref","ref","_Children$toArray","limit","size","children","hasTooltip","className","rest","_objectWithoutPropertiesLoose","_excluded","minChildren","count","gap","_children","toArray","slice","handleVariant","nameArr","map","item","props","alt","createElement","_extends","child","index","tooltipText","title","disable","key","style","marginLeft","outline","_StyledTooltip","join","_StyledLengthCountStyles","role","$_css","variant","weight","displayName","_styled","whiteSpace","lineHeight","_styled2","withConfig","componentId","p"],"sources":["../../../../src/components/AvatarGroup/AvatarGroup.tsx"],"sourcesContent":["import React, {\n Children,\n cloneElement,\n PropsWithChildren,\n ReactElement,\n useMemo,\n forwardRef,\n} from \"react\";\n\nimport { AvatarGroupsStyles, LengthCountStyles } from \"./Styles\";\nimport { AvatarProps } from \"../Avatar/Avatar\";\nimport { Tooltip } from \"../Tooltip\";\nimport { Typography } from \"../Typography/Typography\";\n\nexport interface AvatarGroupsProps {\n limit: number;\n size?: number;\n hasTooltip?: boolean;\n className?: string;\n}\n\nexport const AvatarGroup = forwardRef<\n HTMLDivElement,\n PropsWithChildren<AvatarGroupsProps>\n>(\n (\n { limit, size = 34, children, hasTooltip = false, className, ...rest },\n ref\n ) => {\n // always display counter with min +2 as +1 can takes space of an 1 more Avatar\n const minChildren = Children.count(children) - limit > 1 ? false : true;\n // gap between Avatars\n const gap = 8;\n\n const _children = minChildren\n ? Children.toArray(children)\n : Children.toArray(children).slice(0, limit);\n\n const handleVariant = useMemo(() => {\n if (size >= 34) return \"Caption 1\";\n return \"Caption 2\";\n }, [size]);\n\n // get all names indexed above limit number from alt tag on Avatar for counter tooltip\n const nameArr = Children.toArray(children)\n ?.slice(limit)\n .map((item) => {\n const { props } = item as ReactElement;\n return props.alt;\n });\n\n return (\n <AvatarGroupsStyles\n className={className}\n hasTooltip={hasTooltip}\n ref={ref}\n {...rest}\n >\n {_children.map((child, index) => {\n const item = child as ReactElement<AvatarProps>;\n const tooltipText = item.props.alt;\n const alt = `Image of ${tooltipText}`;\n return (\n <Tooltip\n title={tooltipText ? tooltipText : \"\"}\n disable={!hasTooltip}\n key={alt}\n >\n {cloneElement(item, {\n ...item.props,\n size: size,\n alt: alt,\n style: {\n // component preserves it's width\n marginLeft: `-${index === 0 ? null : gap}px`,\n outline: \"1px solid var(--page-paper-main)\",\n },\n })}\n </Tooltip>\n );\n })}\n\n {limit >= Children.count(children) \|\| minChildren ? null : (\n <Tooltip\n title={nameArr.join(\",\\n\")}\n disable={!hasTooltip}\n css={{\n whiteSpace: \"break-spaces\",\n lineHeight: \"18px\",\n }}\n >\n <LengthCountStyles\n size={size}\n role=\"status\"\n aria-label=\"Rest of the users\"\n css={{\n marginLeft: `-${gap}px`,\n }}\n >\n <Typography variant={handleVariant} weight=\"medium\">\n +{Children.count(children) - limit}\n </Typography>\n </LengthCountStyles>\n </Tooltip>\n )}\n </AvatarGroupsStyles>\n );\n }\n);\n\nAvatarGroup.displayName = \"AvatarGroup\";\n"],"mappings":";;;;AAAA,OAAOA,KAAK,IACVC,QAAQ,EACRC,YAAY,EAGZC,OAAO,EACPC,UAAU,QACL,OAAO;AAEd,SAASC,kBAAkB,EAAEC,iBAAiB,QAAQ,UAAU;AAEhE,SAASC,OAAO,QAAQ,YAAY;AACpC,SAASC,UAAU,QAAQ,0BAA0B;AASrD,OAAO,MAAMC,WAAW,gBAAGL,UAAU,CAInC,CAAAM,IAAA,EAEEC,GAAG,KACA;EAAA,IAAAC,iBAAA;EAAA,~~IAFH;MAAEC~~,KAAK;~~MAAEC~~,IAAI,~~GAAG~~,EAAE;~~MAAEC~~,QAAQ;~~MAAEC~~,UAAU,~~GAAG~~,KAAK;~~MAAEC;IAAmB~~,~~CAAC~~,~~GAAAP~~,IAAA;~~IAANQ~~,IAAI,GAAAC,6BAAA,~~CAAAT~~,IAAA,~~EAAAU~~,SAAA;EAGpE;EACA,MAAMC,WAAW,~~GAAGpB~~,QAAQ,~~CAACqB~~,KAAK,~~CAACP~~,QAAQ,CAAC,~~GAAGF~~,KAAK,GAAG,CAAC,GAAG,KAAK,GAAG,IAAI;EACvE;EACA,~~MAAMU~~,GAAG,GAAG,CAAC;EAEb,MAAMC,SAAS,GAAGH,WAAW,~~GACzBpB~~,QAAQ,~~CAACwB~~,OAAO,~~CAACV~~,QAAQ,CAAC,~~GAC1Bd~~,QAAQ,~~CAACwB~~,OAAO,~~CAACV~~,QAAQ,CAAC,~~CAACW~~,KAAK,CAAC,CAAC,~~EAAEb~~,KAAK,CAAC;EAE9C,~~MAAMc~~,aAAa,~~GAAGxB~~,OAAO,CAAC,MAAM;IAClC,~~IAAIW~~,IAAI,IAAI,EAAE,EAAE,OAAO,WAAW;IAClC,OAAO,WAAW;EACpB,CAAC,EAAE,CAACA,IAAI,CAAC,CAAC;;EAEV;EACA,~~MAAMc~~,OAAO,~~IAAAhB~~,iBAAA,GAAGX,QAAQ,~~CAACwB~~,OAAO,~~CAACV~~,QAAQ,CAAC,~~qBAA1BH~~,iBAAA,~~CACZc~~,KAAK,~~CAACb~~,KAAK,CAAC,~~CACbgB~~,GAAG,CAAEC,IAAI,IAAK;IACb,~~MAAM~~;~~MAAEC;IAAM~~,~~CAAC~~,~~GAAGD~~,~~IAAoB~~;~~IACtC~~,~~OAAOC~~,KAAK,CAACC,GAAG;EAClB,CAAC,CAAC;EAEJ,~~oBACEhC~~,KAAA,~~CAAAiC~~,aAAA,~~CAAC5B~~,kBAAkB,~~EAAA6B~~,QAAA;~~IACjBjB~~,SAAS,EAAEA,SAAU;IACrBD,UAAU,EAAEA,UAAW;~~IACvBL~~,GAAG,EAAEA;EAAI,~~GACLO~~,IAAI,GAEPM,SAAS,CAACK,GAAG,CAAC,~~CAACM~~,KAAK,EAAEC,KAAK,KAAK;IAC/B,~~MAAMN~~,IAAI,~~GAAGK~~,KAAkC;IAC/C,MAAME,WAAW,~~GAAGP~~,IAAI,~~CAACC~~,KAAK,CAACC,GAAG;IAClC,MAAMA,GAAG,iBAAeK,WAAa;IACrC,~~oBACErC~~,KAAA,~~CAAAiC~~,aAAA,~~CAAC1B~~,OAAO;~~MACN+B~~,KAAK,EAAED,WAAW,GAAGA,WAAW,GAAG,EAAG;MACtCE,OAAO,EAAE,~~CAACvB~~,UAAW;~~MACrBwB~~,GAAG,EAAER;IAAI,~~gBAER9B~~,YAAY,~~CAAC4B~~,IAAI,~~EAAAI~~,QAAA,~~KACbJ~~,IAAI,~~CAACC~~,KAAK;~~MACbjB~~,IAAI,EAAEA,IAAI;~~MACVkB~~,GAAG,EAAEA,GAAG;MACRS,KAAK,EAAE;QACL;QACAC,UAAU,SAAMN,KAAK,KAAK,CAAC,GAAG,IAAI,~~GAAGb~~,GAAG,QAAI;~~QAC5CoB~~,OAAO,EAAE;MACX;IAAC,EACF,CACM,CAAC;EAEd,CAAC,CAAC,~~EAED9B~~,KAAK,IAAIZ,QAAQ,~~CAACqB~~,KAAK,~~CAACP~~,QAAQ,CAAC,~~IAAIM~~,WAAW,GAAG,IAAI,~~gBACtDrB~~,KAAA,~~CAAAiC~~,aAAA,CAAAW,cAAA;IACEN,KAAK,~~EAAEV~~,OAAO,~~CAACiB~~,IAAI,CAAC,KAAK,CAAE;IAC3BN,OAAO,EAAE,~~CAACvB~~;EAAW,~~gBAMrBhB~~,KAAA,~~CAAAiC~~,aAAA,CAAAa,wBAAA;~~IACEhC~~,IAAI,EAAEA,IAAK;~~IACXiC~~,IAAI,EAAC,QAAQ;IACb,cAAW,mBAAmB;IAAAC,KAAA,~~QAEZzB~~,GAAG;EAAA,~~gBAGrBvB~~,KAAA,~~CAAAiC~~,aAAA,~~CAACzB~~,UAAU;~~IAACyC~~,OAAO,~~EAAEtB~~,aAAc;~~IAACuB~~,MAAM,EAAC;EAAQ,GAAC,GACjD,~~EAACjD~~,QAAQ,~~CAACqB~~,KAAK,~~CAACP~~,QAAQ,CAAC,~~GAAGF~~,KACnB,CACK,CACZ,CAEO,CAAC;AAEzB,CACF,CAAC;AAEDJ,WAAW,~~CAAC0C~~,WAAW,GAAG,aAAa;AAAC,IAAAP,cAAA,GAAAQ,OAAA,~~CAAA7C~~,OAAA,EAxBvB;~~EACH8C~~,UAAU,EAAE,cAAc;EAC1BC,UAAU,EAAE;AACd,CAAC;AAAA,IAAAR,wBAAA,GAAAS,QAAA,~~CAAAjD~~,iBAAA,~~EAAAkD~~,UAAA;EAAAL,WAAA;EAAAM,WAAA;AAAA,GAAAC,CAAA,KAMM;EACHhB,UAAU,EAAAgB,CAAA,CAAAV;AACZ,CAAC","ignoreList":[]}
1	+ {"version":3,"file":"AvatarGroup.js","names":["React","Children","cloneElement","useMemo","forwardRef","AvatarGroupsStyles","LengthCountStyles","Tooltip","Typography","AvatarGroup","_ref","ref","_Children$toArray","limit","_ref$size","size","children","_ref$hasTooltip","hasTooltip","className","rest","_objectWithoutPropertiesLoose","_excluded","minChildren","count","gap","_children","toArray","slice","handleVariant","nameArr","map","item","_ref2","props","alt","createElement","_extends","child","index","tooltipText","title","disable","key","style","marginLeft","outline","_StyledTooltip","join","_StyledLengthCountStyles","role","$_css","variant","weight","displayName","_styled","whiteSpace","lineHeight","_styled2","withConfig","componentId","p"],"sources":["../../../../src/components/AvatarGroup/AvatarGroup.tsx"],"sourcesContent":["import React, {\n Children,\n cloneElement,\n PropsWithChildren,\n ReactElement,\n useMemo,\n forwardRef,\n} from \"react\";\n\nimport { AvatarGroupsStyles, LengthCountStyles } from \"./Styles\";\nimport { AvatarProps } from \"../Avatar/Avatar\";\nimport { Tooltip } from \"../Tooltip\";\nimport { Typography } from \"../Typography/Typography\";\n\nexport interface AvatarGroupsProps {\n limit: number;\n size?: number;\n hasTooltip?: boolean;\n className?: string;\n}\n\nexport const AvatarGroup = forwardRef<\n HTMLDivElement,\n PropsWithChildren<AvatarGroupsProps>\n>(\n (\n { limit, size = 34, children, hasTooltip = false, className, ...rest },\n ref\n ) => {\n // always display counter with min +2 as +1 can takes space of an 1 more Avatar\n const minChildren = Children.count(children) - limit > 1 ? false : true;\n // gap between Avatars\n const gap = 8;\n\n const _children = minChildren\n ? Children.toArray(children)\n : Children.toArray(children).slice(0, limit);\n\n const handleVariant = useMemo(() => {\n if (size >= 34) return \"Caption 1\";\n return \"Caption 2\";\n }, [size]);\n\n // get all names indexed above limit number from alt tag on Avatar for counter tooltip\n const nameArr = Children.toArray(children)\n ?.slice(limit)\n .map((item) => {\n const { props } = item as ReactElement;\n return props.alt;\n });\n\n return (\n <AvatarGroupsStyles\n className={className}\n hasTooltip={hasTooltip}\n ref={ref}\n {...rest}\n >\n {_children.map((child, index) => {\n const item = child as ReactElement<AvatarProps>;\n const tooltipText = item.props.alt;\n const alt = `Image of ${tooltipText}`;\n return (\n <Tooltip\n title={tooltipText ? tooltipText : \"\"}\n disable={!hasTooltip}\n key={alt}\n >\n {cloneElement(item, {\n ...item.props,\n size: size,\n alt: alt,\n style: {\n // component preserves it's width\n marginLeft: `-${index === 0 ? null : gap}px`,\n outline: \"1px solid var(--page-paper-main)\",\n },\n })}\n </Tooltip>\n );\n })}\n\n {limit >= Children.count(children) \|\| minChildren ? null : (\n <Tooltip\n title={nameArr.join(\",\\n\")}\n disable={!hasTooltip}\n css={{\n whiteSpace: \"break-spaces\",\n lineHeight: \"18px\",\n }}\n >\n <LengthCountStyles\n size={size}\n role=\"status\"\n aria-label=\"Rest of the users\"\n css={{\n marginLeft: `-${gap}px`,\n }}\n >\n <Typography variant={handleVariant} weight=\"medium\">\n +{Children.count(children) - limit}\n </Typography>\n </LengthCountStyles>\n </Tooltip>\n )}\n </AvatarGroupsStyles>\n );\n }\n);\n\nAvatarGroup.displayName = \"AvatarGroup\";\n"],"mappings":"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","ignoreList":[]}

package/dist/esm/components/AvatarGroup/Styles.js CHANGED Viewed

@@ -4,14 +4,10 @@ export const AvatarGroupsStyles = styled.div.withConfig({
   displayName: "Styles__AvatarGroupsStyles",
   componentId: "sc-1padv46-0"
 })(["", " align-items:center;align-items:center;border-radius:var(--ac-br-6);cursor:", ";display:flex;justify-content:center;padding:", ";user-select:none;width:fit-content;&:hover{background-color:", ";transition:all 0.2s ease-in-out;}"], FontStyle, _ref => {
-  let {
-    hasTooltip
-  } = _ref;
+  let hasTooltip = _ref.hasTooltip;
   return hasTooltip ? "default" : "pointer";
 }, _ref2 => {
-  let {
-    hasTooltip
-  } = _ref2;
+  let hasTooltip = _ref2.hasTooltip;
   return hasTooltip ? "5px 0" : "5px";
 }, props => !props.hasTooltip && "var(--color-theme-300)");
 export const LengthCountStyles = styled.div.withConfig({

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

	@@ -1 +1 @@
1	- {"version":3,"file":"Styles.js","names":["styled","FontStyle","AvatarGroupsStyles","div","withConfig","displayName","componentId","_ref","hasTooltip","_ref2","props","LengthCountStyles","size"],"sources":["../../../../src/components/AvatarGroup/Styles.ts"],"sourcesContent":["import styled from \"styled-components\";\n\nimport { FontStyle } from \"../FontStyle\";\n\nexport const AvatarGroupsStyles = styled.div<{\n hasTooltip: boolean;\n}>`\n ${FontStyle}\n align-items: center;\n align-items: center;\n border-radius: var(--ac-br-6);\n cursor: ${({ hasTooltip }) => (hasTooltip ? \"default\" : \"pointer\")};\n display: flex;\n justify-content: center;\n padding: ${({ hasTooltip }) => (hasTooltip ? \"5px 0\" : \"5px\")};\n user-select: none;\n width: fit-content;\n\n &:hover {\n background-color: ${(props) =>\n !props.hasTooltip && \"var(--color-theme-300)\"};\n transition: all 0.2s ease-in-out;\n }\n`;\n\ninterface LengthCountStylesProps {\n size: number;\n}\n\nexport const LengthCountStyles = styled.div<LengthCountStylesProps>`\n align-items: center;\n background-color: var(--color-theme-400);\n block-size: ${(props) => props.size + \"px\"};\n border-radius: var(--ac-br-rounded);\n display: flex;\n inline-size: ${(props) => props.size + \"px\"};\n justify-content: center;\n outline: 1px solid var(--page-paper-main);\n z-index: 99;\n`;\n"],"mappings":"AAAA,OAAOA,MAAM,MAAM,mBAAmB;AAEtC,SAASC,SAAS,QAAQ,cAAc;AAExC,OAAO,MAAMC,kBAAkB,GAAGF,MAAM,CAACG,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,gPAGxCL,SAAS,EAIDM,IAAA;EAAA,~~IAAC;IAAEC;EAAW~~,~~CAAC~~,GAAAD,IAAA;EAAA,~~OAAMC~~,UAAU,GAAG,SAAS,GAAG,SAAS;AAAA,CAAC,EAGvDC,KAAA;EAAA,~~IAAC;IAAED;EAAW~~,~~CAAC~~,GAAAC,KAAA;EAAA,~~OAAMD~~,UAAU,GAAG,OAAO,GAAG,KAAK;AAAA,CAAC,EAKtCE,KAAK,IACxB,CAACA,KAAK,CAACF,UAAU,IAAI,wBAAwB,CAGlD;AAMD,OAAO,MAAMG,iBAAiB,GAAGX,MAAM,CAACG,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,gOAG1BI,KAAK,IAAKA,KAAK,CAACE,IAAI,GAAG,IAAI,EAG1BF,KAAK,IAAKA,KAAK,CAACE,IAAI,GAAG,IAAI,CAI5C","ignoreList":[]}
1	+ {"version":3,"file":"Styles.js","names":["styled","FontStyle","AvatarGroupsStyles","div","withConfig","displayName","componentId","_ref","hasTooltip","_ref2","props","LengthCountStyles","size"],"sources":["../../../../src/components/AvatarGroup/Styles.ts"],"sourcesContent":["import styled from \"styled-components\";\n\nimport { FontStyle } from \"../FontStyle\";\n\nexport const AvatarGroupsStyles = styled.div<{\n hasTooltip: boolean;\n}>`\n ${FontStyle}\n align-items: center;\n align-items: center;\n border-radius: var(--ac-br-6);\n cursor: ${({ hasTooltip }) => (hasTooltip ? \"default\" : \"pointer\")};\n display: flex;\n justify-content: center;\n padding: ${({ hasTooltip }) => (hasTooltip ? \"5px 0\" : \"5px\")};\n user-select: none;\n width: fit-content;\n\n &:hover {\n background-color: ${(props) =>\n !props.hasTooltip && \"var(--color-theme-300)\"};\n transition: all 0.2s ease-in-out;\n }\n`;\n\ninterface LengthCountStylesProps {\n size: number;\n}\n\nexport const LengthCountStyles = styled.div<LengthCountStylesProps>`\n align-items: center;\n background-color: var(--color-theme-400);\n block-size: ${(props) => props.size + \"px\"};\n border-radius: var(--ac-br-rounded);\n display: flex;\n inline-size: ${(props) => props.size + \"px\"};\n justify-content: center;\n outline: 1px solid var(--page-paper-main);\n z-index: 99;\n`;\n"],"mappings":"AAAA,OAAOA,MAAM,MAAM,mBAAmB;AAEtC,SAASC,SAAS,QAAQ,cAAc;AAExC,OAAO,MAAMC,kBAAkB,GAAGF,MAAM,CAACG,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,gPAGxCL,SAAS,EAIDM,IAAA;EAAA,IAAGC,UAAU,GAAAD,IAAA,CAAVC,UAAU;EAAA,OAAQA,UAAU,GAAG,SAAS,GAAG,SAAS;AAAA,CAAC,EAGvDC,KAAA;EAAA,IAAGD,UAAU,GAAAC,KAAA,CAAVD,UAAU;EAAA,OAAQA,UAAU,GAAG,OAAO,GAAG,KAAK;AAAA,CAAC,EAKtCE,KAAK,IACxB,CAACA,KAAK,CAACF,UAAU,IAAI,wBAAwB,CAGlD;AAMD,OAAO,MAAMG,iBAAiB,GAAGX,MAAM,CAACG,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,gOAG1BI,KAAK,IAAKA,KAAK,CAACE,IAAI,GAAG,IAAI,EAG1BF,KAAK,IAAKA,KAAK,CAACE,IAAI,GAAG,IAAI,CAI5C","ignoreList":[]}

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

@@ -21,14 +21,15 @@ import { StyledBadge } from "./Styles";
  * https://system.activecollab.com/?path=/story/components-button-indicators-badge--badge
  */
 export const Badge = _ref => {
-  let {
-    dimension = 8,
-    className,
-    position = "bottom-left",
-    backgroundColor,
-    value,
-    isStandalone = false
-  } = _ref;
+  let _ref$dimension = _ref.dimension,
+    dimension = _ref$dimension === void 0 ? 8 : _ref$dimension,
+    className = _ref.className,
+    _ref$position = _ref.position,
+    position = _ref$position === void 0 ? "bottom-left" : _ref$position,
+    backgroundColor = _ref.backgroundColor,
+    value = _ref.value,
+    _ref$isStandalone = _ref.isStandalone,
+    isStandalone = _ref$isStandalone === void 0 ? false : _ref$isStandalone;
   return /*#__PURE__*/React.createElement(StyledBadge, {
     className: classNames("c-badge", className),
     dimension: dimension,

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

	@@ -1 +1 @@
1	- {"version":3,"file":"Badge.js","names":["React","classNames","StyledBadge","Badge","_ref","dimension","className","position","backgroundColor","value","isStandalone","createElement","role"],"sources":["../../../../src/components/Badge/Badge.tsx"],"sourcesContent":["import React from \"react\";\n\nimport classNames from \"classnames\";\n\nimport { StyledBadge } from \"./Styles\";\n\ntype Position = \"top-left\" \| \"top-right\" \| \"bottom-right\" \| \"bottom-left\";\n\nexport interface BadgeProps {\n position?: Position;\n dimension?: number;\n className?: string;\n backgroundColor?: string;\n value?: number;\n isStandalone?: boolean;\n}\n\n/*\n @component Badge\n * @description\n * In some products, you might need to show a badge on the right corner of the avatar.\n * We call this a badge. Here's an example that shows if the user is online.\n \n @prop {position} - dictates the position of a badge.\n * @prop {dimension} - controls the size of a badge (width and height) in pixels.\n * @prop {backgroundColor} - background-color of a badge.\n \n @example\n * <IconButton variant=\"text gray\" size=\"big\">\n * <BellOffIcon />\n * <Badge position=\"top-right\" backgroundColor=\"red\" dimension={16} />\n * </IconButton>\n \n @see\n * https://system.activecollab.com/?path=/story/components-button-indicators-badge--badge\n */\nexport const Badge = ({\n dimension = 8,\n className,\n position = \"bottom-left\",\n backgroundColor,\n\n value,\n isStandalone = false,\n}: BadgeProps) => {\n return (\n <StyledBadge\n className={classNames(\"c-badge\", className)}\n dimension={dimension}\n position={position}\n isStandalone={isStandalone}\n backgroundColor={backgroundColor}\n role=\"status\"\n value={value}\n >\n {value && value > 100 ? 99 + \"+\" : value}\n </StyledBadge>\n );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,OAAOC,UAAU,MAAM,YAAY;AAEnC,SAASC,WAAW,QAAQ,UAAU;AAatC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,KAAK,GAAGC,IAAA,IAQH;EAAA,~~IARI~~;~~IACpBC~~,SAAS,~~GAAG~~,CAAC;~~IACbC~~,SAAS;~~IACTC~~,QAAQ,~~GAAG~~,aAAa;~~IACxBC~~,eAAe;IAEfC,KAAK~~;IACLC~~,~~YAAY~~,~~GAAG~~;~~EACL~~,~~CAAC~~,~~GAAAN~~,IAAA;~~EACX~~,~~oBACEJ~~,KAAA,~~CAAAW~~,aAAA,~~CAACT~~,WAAW;~~IACVI~~,SAAS,~~EAAEL~~,UAAU,CAAC,SAAS,~~EAAEK~~,SAAS,CAAE;IAC5CD,SAAS,EAAEA,SAAU;~~IACrBE~~,QAAQ,EAAEA,QAAS;~~IACnBG~~,YAAY,EAAEA,YAAa;~~IAC3BF~~,eAAe,EAAEA,eAAgB;~~IACjCI~~,IAAI,EAAC,QAAQ;~~IACbH~~,KAAK,EAAEA;EAAM,GAEZA,KAAK,IAAIA,KAAK,GAAG,GAAG,GAAG,EAAE,GAAG,GAAG,GAAGA,KACxB,CAAC;AAElB,CAAC","ignoreList":[]}
1	+ {"version":3,"file":"Badge.js","names":["React","classNames","StyledBadge","Badge","_ref","_ref$dimension","dimension","className","_ref$position","position","backgroundColor","value","_ref$isStandalone","isStandalone","createElement","role"],"sources":["../../../../src/components/Badge/Badge.tsx"],"sourcesContent":["import React from \"react\";\n\nimport classNames from \"classnames\";\n\nimport { StyledBadge } from \"./Styles\";\n\ntype Position = \"top-left\" \| \"top-right\" \| \"bottom-right\" \| \"bottom-left\";\n\nexport interface BadgeProps {\n position?: Position;\n dimension?: number;\n className?: string;\n backgroundColor?: string;\n value?: number;\n isStandalone?: boolean;\n}\n\n/*\n @component Badge\n * @description\n * In some products, you might need to show a badge on the right corner of the avatar.\n * We call this a badge. Here's an example that shows if the user is online.\n \n @prop {position} - dictates the position of a badge.\n * @prop {dimension} - controls the size of a badge (width and height) in pixels.\n * @prop {backgroundColor} - background-color of a badge.\n \n @example\n * <IconButton variant=\"text gray\" size=\"big\">\n * <BellOffIcon />\n * <Badge position=\"top-right\" backgroundColor=\"red\" dimension={16} />\n * </IconButton>\n \n @see\n * https://system.activecollab.com/?path=/story/components-button-indicators-badge--badge\n */\nexport const Badge = ({\n dimension = 8,\n className,\n position = \"bottom-left\",\n backgroundColor,\n\n value,\n isStandalone = false,\n}: BadgeProps) => {\n return (\n <StyledBadge\n className={classNames(\"c-badge\", className)}\n dimension={dimension}\n position={position}\n isStandalone={isStandalone}\n backgroundColor={backgroundColor}\n role=\"status\"\n value={value}\n >\n {value && value > 100 ? 99 + \"+\" : value}\n </StyledBadge>\n );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,OAAOC,UAAU,MAAM,YAAY;AAEnC,SAASC,WAAW,QAAQ,UAAU;AAatC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,KAAK,GAAGC,IAAA,IAQH;EAAA,IAAAC,cAAA,GAAAD,IAAA,CAPhBE,SAAS;IAATA,SAAS,GAAAD,cAAA,cAAG,CAAC,GAAAA,cAAA;IACbE,SAAS,GAAAH,IAAA,CAATG,SAAS;IAAAC,aAAA,GAAAJ,IAAA,CACTK,QAAQ;IAARA,QAAQ,GAAAD,aAAA,cAAG,aAAa,GAAAA,aAAA;IACxBE,eAAe,GAAAN,IAAA,CAAfM,eAAe;IAEfC,KAAK,GAAAP,IAAA,CAALO,KAAK;IAAAC,iBAAA,GAAAR,IAAA,CACLS,YAAY;IAAZA,YAAY,GAAAD,iBAAA,cAAG,KAAK,GAAAA,iBAAA;EAEpB,oBACEZ,KAAA,CAAAc,aAAA,CAACZ,WAAW;IACVK,SAAS,EAAEN,UAAU,CAAC,SAAS,EAAEM,SAAS,CAAE;IAC5CD,SAAS,EAAEA,SAAU;IACrBG,QAAQ,EAAEA,QAAS;IACnBI,YAAY,EAAEA,YAAa;IAC3BH,eAAe,EAAEA,eAAgB;IACjCK,IAAI,EAAC,QAAQ;IACbJ,KAAK,EAAEA;EAAM,GAEZA,KAAK,IAAIA,KAAK,GAAG,GAAG,GAAG,EAAE,GAAG,GAAG,GAAGA,KACxB,CAAC;AAElB,CAAC","ignoreList":[]}

package/dist/esm/components/Badge/Styles.js CHANGED Viewed

@@ -4,29 +4,19 @@ export const StyledBadge = styled.div.withConfig({
   displayName: "Styles__StyledBadge",
   componentId: "sc-6o8do5-0"
 })(["", " align-items:center;background-color:", ";border:", ";block-size:", ";border-radius:100%;color:var(--color-theme-100);display:flex;font-size:10px;font-weight:500;inline-size:", ";justify-content:center;padding:", ";pointer-events:none;position:absolute;z-index:1;", " ", " ", " ", " ", ""], FontStyle, props => !props.backgroundColor ? "var(--color-primary)" : props.backgroundColor, props => props.isStandalone ? "none" : "2px solid var(--page-paper-main)", props => props.dimension + "px", props => props.dimension + "px", props => props.value && (props.value > 99 ? "4px" : props.value < 100 && "2px"), _ref => {
-  let {
-    isStandalone
-  } = _ref;
+  let isStandalone = _ref.isStandalone;
   return isStandalone && css(["position:static;z-index:0;"]);
 }, _ref2 => {
-  let {
-    position
-  } = _ref2;
+  let position = _ref2.position;
   return position === "top-left" && css(["inset-block-start:0;inset-inline-start:0;"]);
 }, _ref3 => {
-  let {
-    position
-  } = _ref3;
+  let position = _ref3.position;
   return position === "top-right" && css(["inset-block-start:0;inset-inline-end:0;"]);
 }, _ref4 => {
-  let {
-    position
-  } = _ref4;
+  let position = _ref4.position;
   return position === "bottom-right" && css(["inset-block-end:0;inset-inline-end:0;"]);
 }, _ref5 => {
-  let {
-    position
-  } = _ref5;
+  let position = _ref5.position;
   return position === "bottom-left" && css(["inset-block-end:0;inset-inline-start:0;"]);
 });
 //# sourceMappingURL=Styles.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"Styles.js","names":["styled","css","FontStyle","StyledBadge","div","withConfig","displayName","componentId","props","backgroundColor","isStandalone","dimension","value","_ref","_ref2","position","_ref3","_ref4","_ref5"],"sources":["../../../../src/components/Badge/Styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\n\nimport { BadgeProps } from \"./Badge\";\nimport { FontStyle } from \"../FontStyle\";\n\nexport const StyledBadge = styled.div<Partial<BadgeProps>>`\n ${FontStyle}\n align-items: center;\n background-color: ${(props) =>\n !props.backgroundColor ? \"var(--color-primary)\" : props.backgroundColor};\n border: ${(props) =>\n props.isStandalone ? \"none\" : \"2px solid var(--page-paper-main)\"};\n block-size: ${(props) => props.dimension + \"px\"};\n border-radius: 100%;\n color: var(--color-theme-100);\n display: flex;\n font-size: 10px;\n font-weight: 500;\n inline-size: ${(props) => props.dimension + \"px\"};\n justify-content: center;\n padding: ${(props) =>\n props.value && (props.value > 99 ? \"4px\" : props.value < 100 && \"2px\")};\n pointer-events: none;\n position: absolute;\n z-index: 1;\n\n ${({ isStandalone }) =>\n isStandalone &&\n css`\n position: static;\n z-index: 0;\n `}\n\n ${({ position }) =>\n position === \"top-left\" &&\n css`\n inset-block-start: 0;\n inset-inline-start: 0;\n `}\n\n ${({ position }) =>\n position === \"top-right\" &&\n css`\n inset-block-start: 0;\n inset-inline-end: 0;\n `}\n\n ${({ position }) =>\n position === \"bottom-right\" &&\n css`\n inset-block-end: 0;\n inset-inline-end: 0;\n `}\n\n ${({ position }) =>\n position === \"bottom-left\" &&\n css`\n inset-block-end: 0;\n inset-inline-start: 0;\n `}\n`;\n"],"mappings":"AAAA,OAAOA,MAAM,IAAIC,GAAG,QAAQ,mBAAmB;AAG/C,SAASC,SAAS,QAAQ,cAAc;AAExC,OAAO,MAAMC,WAAW,GAAGH,MAAM,CAACI,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,4SACjCL,SAAS,EAEUM,KAAK,IACxB,CAACA,KAAK,CAACC,eAAe,GAAG,sBAAsB,GAAGD,KAAK,CAACC,eAAe,EAC9DD,KAAK,IACdA,KAAK,CAACE,YAAY,GAAG,MAAM,GAAG,kCAAkC,EACnDF,KAAK,IAAKA,KAAK,CAACG,SAAS,GAAG,IAAI,EAM/BH,KAAK,IAAKA,KAAK,CAACG,SAAS,GAAG,IAAI,EAEpCH,KAAK,IACfA,KAAK,CAACI,KAAK,KAAKJ,KAAK,CAACI,KAAK,GAAG,EAAE,GAAG,KAAK,GAAGJ,KAAK,CAACI,KAAK,GAAG,GAAG,IAAI,KAAK,CAAC,EAKtEC,IAAA;EAAA,~~IAAC;IAAEH;EAAa~~,~~CAAC~~,GAAAG,IAAA;EAAA,~~OACjBH~~,YAAY,IACZT,GAAG,gCAGF;AAAA,GAEDa,KAAA;EAAA,~~IAAC;IAAEC;EAAS~~,~~CAAC~~,GAAAD,KAAA;EAAA,~~OACbC~~,QAAQ,KAAK,UAAU,IACvBd,GAAG,+CAGF;AAAA,GAEDe,KAAA;EAAA,~~IAAC;IAAED;EAAS~~,~~CAAC~~,GAAAC,KAAA;EAAA,~~OACbD~~,QAAQ,KAAK,WAAW,IACxBd,GAAG,6CAGF;AAAA,GAECgB,KAAA;EAAA,~~IAAC;IAAEF;EAAS~~,~~CAAC~~,GAAAE,KAAA;EAAA,~~OACfF~~,QAAQ,KAAK,cAAc,IAC3Bd,GAAG,2CAGF;AAAA,GAECiB,KAAA;EAAA,~~IAAC;IAAEH;EAAS~~,~~CAAC~~,GAAAG,KAAA;EAAA,~~OACfH~~,QAAQ,KAAK,aAAa,IAC1Bd,GAAG,6CAGF;AAAA,EACJ","ignoreList":[]}
1	+ {"version":3,"file":"Styles.js","names":["styled","css","FontStyle","StyledBadge","div","withConfig","displayName","componentId","props","backgroundColor","isStandalone","dimension","value","_ref","_ref2","position","_ref3","_ref4","_ref5"],"sources":["../../../../src/components/Badge/Styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\n\nimport { BadgeProps } from \"./Badge\";\nimport { FontStyle } from \"../FontStyle\";\n\nexport const StyledBadge = styled.div<Partial<BadgeProps>>`\n ${FontStyle}\n align-items: center;\n background-color: ${(props) =>\n !props.backgroundColor ? \"var(--color-primary)\" : props.backgroundColor};\n border: ${(props) =>\n props.isStandalone ? \"none\" : \"2px solid var(--page-paper-main)\"};\n block-size: ${(props) => props.dimension + \"px\"};\n border-radius: 100%;\n color: var(--color-theme-100);\n display: flex;\n font-size: 10px;\n font-weight: 500;\n inline-size: ${(props) => props.dimension + \"px\"};\n justify-content: center;\n padding: ${(props) =>\n props.value && (props.value > 99 ? \"4px\" : props.value < 100 && \"2px\")};\n pointer-events: none;\n position: absolute;\n z-index: 1;\n\n ${({ isStandalone }) =>\n isStandalone &&\n css`\n position: static;\n z-index: 0;\n `}\n\n ${({ position }) =>\n position === \"top-left\" &&\n css`\n inset-block-start: 0;\n inset-inline-start: 0;\n `}\n\n ${({ position }) =>\n position === \"top-right\" &&\n css`\n inset-block-start: 0;\n inset-inline-end: 0;\n `}\n\n ${({ position }) =>\n position === \"bottom-right\" &&\n css`\n inset-block-end: 0;\n inset-inline-end: 0;\n `}\n\n ${({ position }) =>\n position === \"bottom-left\" &&\n css`\n inset-block-end: 0;\n inset-inline-start: 0;\n `}\n`;\n"],"mappings":"AAAA,OAAOA,MAAM,IAAIC,GAAG,QAAQ,mBAAmB;AAG/C,SAASC,SAAS,QAAQ,cAAc;AAExC,OAAO,MAAMC,WAAW,GAAGH,MAAM,CAACI,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,4SACjCL,SAAS,EAEUM,KAAK,IACxB,CAACA,KAAK,CAACC,eAAe,GAAG,sBAAsB,GAAGD,KAAK,CAACC,eAAe,EAC9DD,KAAK,IACdA,KAAK,CAACE,YAAY,GAAG,MAAM,GAAG,kCAAkC,EACnDF,KAAK,IAAKA,KAAK,CAACG,SAAS,GAAG,IAAI,EAM/BH,KAAK,IAAKA,KAAK,CAACG,SAAS,GAAG,IAAI,EAEpCH,KAAK,IACfA,KAAK,CAACI,KAAK,KAAKJ,KAAK,CAACI,KAAK,GAAG,EAAE,GAAG,KAAK,GAAGJ,KAAK,CAACI,KAAK,GAAG,GAAG,IAAI,KAAK,CAAC,EAKtEC,IAAA;EAAA,IAAGH,YAAY,GAAAG,IAAA,CAAZH,YAAY;EAAA,OACfA,YAAY,IACZT,GAAG,gCAGF;AAAA,GAEDa,KAAA;EAAA,IAAGC,QAAQ,GAAAD,KAAA,CAARC,QAAQ;EAAA,OACXA,QAAQ,KAAK,UAAU,IACvBd,GAAG,+CAGF;AAAA,GAEDe,KAAA;EAAA,IAAGD,QAAQ,GAAAC,KAAA,CAARD,QAAQ;EAAA,OACXA,QAAQ,KAAK,WAAW,IACxBd,GAAG,6CAGF;AAAA,GAECgB,KAAA;EAAA,IAAGF,QAAQ,GAAAE,KAAA,CAARF,QAAQ;EAAA,OACbA,QAAQ,KAAK,cAAc,IAC3Bd,GAAG,2CAGF;AAAA,GAECiB,KAAA;EAAA,IAAGH,QAAQ,GAAAG,KAAA,CAARH,QAAQ;EAAA,OACbA,QAAQ,KAAK,aAAa,IAC1Bd,GAAG,6CAGF;AAAA,EACJ","ignoreList":[]}

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

@@ -10,26 +10,29 @@ import { ListItem } from "../List";
 import { Menu } from "../Menu";
 export const Breadcrumbs = /*#__PURE__*/React.forwardRef((_ref, ref) => {
   var _dimensions$width, _childDimensions$widt;
-  let {
-      children,
-      className,
-      separator = "/"
-    } = _ref,
+  let children = _ref.children,
+    className = _ref.className,
+    _ref$separator = _ref.separator,
+    separator = _ref$separator === void 0 ? "/" : _ref$separator,
     rest = _objectWithoutPropertiesLoose(_ref, _excluded);
   const internalRef = useRef(null);
   const listWrapperRef = useRef(null);
   const olRef = useRef(null);
   const widthCollectionRef = useRef([]);
   const handleRef = useForkRef(ref, internalRef);
-  const [menuBreadcrumbs, setMenuBreadcrumbs] = useState(0);
+  const _useState = useState(0),
+    menuBreadcrumbs = _useState[0],
+    setMenuBreadcrumbs = _useState[1];
   const dimensions = useResizeObserver(internalRef);
   const childDimensions = useResizeObserver(listWrapperRef);
   const parentWidth = (_dimensions$width = dimensions == null ? void 0 : dimensions.width) != null ? _dimensions$width : 0;
   const childWidth = (_childDimensions$widt = childDimensions == null ? void 0 : childDimensions.width) != null ? _childDimensions$widt : 0;
   const childrenCollection = useMemo(() => React.Children.toArray(children), [children]);
-  const [menuCollection, listCollection] = useMemo(() => {
-    return [childrenCollection.slice(0, menuBreadcrumbs), childrenCollection.slice(menuBreadcrumbs, childrenCollection.length)];
-  }, [childrenCollection, menuBreadcrumbs]);
+  const _useMemo = useMemo(() => {
+      return [childrenCollection.slice(0, menuBreadcrumbs), childrenCollection.slice(menuBreadcrumbs, childrenCollection.length)];
+    }, [childrenCollection, menuBreadcrumbs]),
+    menuCollection = _useMemo[0],
+    listCollection = _useMemo[1];
   useEffect(() => {
     widthCollectionRef.current = [];
     setMenuBreadcrumbs(0);

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

	@@ -1 +1 @@
1	- {"version":3,"file":"Breadcrumbs.js","names":["React","useRef","useMemo","useEffect","useState","StyledNavElement","StyledOList","StyledMenuList","StyledListWrapper","StyledBreadcrumbListItem","useForkRef","useResizeObserver","IconButton","TreeDotsIcon","ListItem","Menu","Breadcrumbs","forwardRef","_ref","ref","_dimensions$width","_childDimensions$widt","children","className","separator","rest","_objectWithoutPropertiesLoose","_excluded","internalRef","listWrapperRef","olRef","widthCollectionRef","handleRef","menuBreadcrumbs","setMenuBreadcrumbs","dimensions","childDimensions","parentWidth","width","childWidth","childrenCollection","Children","toArray","menuCollection","listCollection","slice","length","current","diffWidth","_offsetWidth","_olRef$current","_olRef$current$queryS","_olRef$current2","_breadcrumbItems$leng","separatorWidth","querySelectorAll","offsetWidth","breadcrumbItems","childWidthCollection","maxIndex","currentIndex","childSumWidth","_offsetWidth2","_breadcrumbItems$curr","result","push","pop","oldVal","total","collection","sumWidth","_collection","lastWidth","_collection$pop","totalToDecrease","newValue","end","createElement","_extends","target","variant","map","child","index","key","Fragment","displayName"],"sources":["../../../../src/components/Breadcrumbs/Breadcrumbs.tsx"],"sourcesContent":["import React, {\n ReactElement,\n useRef,\n useMemo,\n useEffect,\n useState,\n} from \"react\";\n\nimport {\n StyledNavElement,\n StyledOList,\n StyledMenuList,\n StyledListWrapper,\n StyledBreadcrumbListItem,\n} from \"./Styles\";\nimport { useForkRef, useResizeObserver } from \"../../utils\";\nimport { IconButton } from \"../IconButton\";\nimport { TreeDotsIcon } from \"../Icons\";\nimport { ListItem } from \"../List\";\nimport { Menu } from \"../Menu\";\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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","ignoreList":[]}
1	+ {"version":3,"file":"Breadcrumbs.js","names":["React","useRef","useMemo","useEffect","useState","StyledNavElement","StyledOList","StyledMenuList","StyledListWrapper","StyledBreadcrumbListItem","useForkRef","useResizeObserver","IconButton","TreeDotsIcon","ListItem","Menu","Breadcrumbs","forwardRef","_ref","ref","_dimensions$width","_childDimensions$widt","children","className","_ref$separator","separator","rest","_objectWithoutPropertiesLoose","_excluded","internalRef","listWrapperRef","olRef","widthCollectionRef","handleRef","_useState","menuBreadcrumbs","setMenuBreadcrumbs","dimensions","childDimensions","parentWidth","width","childWidth","childrenCollection","Children","toArray","_useMemo","slice","length","menuCollection","listCollection","current","diffWidth","_offsetWidth","_olRef$current","_olRef$current$queryS","_olRef$current2","_breadcrumbItems$leng","separatorWidth","querySelectorAll","offsetWidth","breadcrumbItems","childWidthCollection","maxIndex","currentIndex","childSumWidth","_offsetWidth2","_breadcrumbItems$curr","result","push","pop","oldVal","total","collection","sumWidth","_collection","lastWidth","_collection$pop","totalToDecrease","newValue","end","createElement","_extends","target","variant","map","child","index","key","Fragment","displayName"],"sources":["../../../../src/components/Breadcrumbs/Breadcrumbs.tsx"],"sourcesContent":["import React, {\n ReactElement,\n useRef,\n useMemo,\n useEffect,\n useState,\n} from \"react\";\n\nimport {\n StyledNavElement,\n StyledOList,\n StyledMenuList,\n StyledListWrapper,\n StyledBreadcrumbListItem,\n} from \"./Styles\";\nimport { useForkRef, useResizeObserver } from \"../../utils\";\nimport { IconButton } from \"../IconButton\";\nimport { TreeDotsIcon } from \"../Icons\";\nimport { ListItem } from \"../List\";\nimport { Menu } from \"../Menu\";\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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","ignoreList":[]}