npm - @salt-ds/lab - Versions diffs - 1.0.0-alpha.76 → 1.0.0-alpha.78 - Mend

@salt-ds/lab 1.0.0-alpha.76 → 1.0.0-alpha.78

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

package/dist-es/common-hooks/useSelection.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useSelection.js","sources":["../src/common-hooks/useSelection.ts"],"sourcesContent":["import { useControlled } from \"@salt-ds/core\";\nimport {\n type KeyboardEvent,\n type MouseEvent,\n type SyntheticEvent,\n useCallback,\n useRef,\n} from \"react\";\nimport type { CollectionItem } from \"./collectionTypes\";\nimport type {\n SelectionHookProps,\n SelectionHookResult,\n SelectionStrategy,\n SingleSelectionStrategy,\n} from \"./selectionTypes\";\n\nexport const CHECKBOX = \"checkbox\";\n\nexport const GROUP_SELECTION_NONE = \"none\";\nexport const GROUP_SELECTION_SINGLE = \"single\";\nexport const GROUP_SELECTION_CASCADE = \"cascade\";\n\nexport type GroupSelectionMode = \"none\" \| \"single\" \| \"cascade\";\n\nconst defaultSelectionKeys = [\"Enter\", \" \"];\n\nconst isSelectable = (item?: CollectionItem<unknown>) =>\n item && item.disabled !== true && item.selectable !== false;\n\nconst byItemIndex = (\n i1: CollectionItem<unknown>,\n i2: CollectionItem<unknown>,\n) => (i1.index ?? 0) - (i2.index ?? 0);\n\nexport const groupSelectionEnabled = (\n groupSelection: GroupSelectionMode,\n): boolean => groupSelection && groupSelection !== GROUP_SELECTION_NONE;\n\nexport const useSelection = <\n Item,\n Selection extends SelectionStrategy = \"default\",\n>({\n defaultSelected,\n disableSelection = false,\n // groupSelection = GROUP_SELECTION_NONE,\n highlightedIdx,\n indexPositions,\n label: _label = \"\",\n onSelect,\n onSelectionChange,\n selected: selectedProp,\n selectionStrategy,\n selectionKeys = defaultSelectionKeys,\n tabToSelect,\n}: SelectionHookProps<Item, Selection>): SelectionHookResult<\n Item,\n Selection\n> => {\n type collectionItem = CollectionItem<Item>;\n\n const isDeselectable = selectionStrategy === \"deselectable\";\n const isMultipleSelect = selectionStrategy === \"multiple\";\n const isExtendedSelect = selectionStrategy === \"extended\";\n\n const lastActive = useRef(-1);\n\n const isSelectionEvent = useCallback(\n (evt: KeyboardEvent) => selectionKeys.includes(evt.key),\n [selectionKeys],\n );\n\n const emptyValue = useCallback(<\n Item,\n >(): Selection extends SingleSelectionStrategy\n ? null\n : CollectionItem<Item>[] => {\n type returnType = Selection extends SingleSelectionStrategy\n ? null\n : CollectionItem<Item>[];\n return isMultipleSelect \|\| isExtendedSelect\n ? ([] as unknown as returnType)\n : (null as returnType);\n }, [isMultipleSelect, isExtendedSelect]);\n\n const [selected, setSelected] = useControlled<\n Selection extends SingleSelectionStrategy\n ? CollectionItem<Item> \| null\n : CollectionItem<Item>[]\n >({\n controlled: selectedProp,\n default: defaultSelected ?? emptyValue(),\n name: \"UseSelection\",\n state: \"selected\",\n });\n\n const isItemSelected = useCallback(\n (item: collectionItem) => {\n return Array.isArray(selected)\n ? selected.includes(item)\n : selected === item;\n },\n [selected],\n );\n\n const selectDefault = useCallback((item: collectionItem) => item, []);\n const selectDeselectable = useCallback(\n (item: collectionItem) => (isItemSelected(item) ? null : item),\n [isItemSelected],\n );\n const selectMultiple = useCallback(\n (item: collectionItem) => {\n const nextItems = isItemSelected(item)\n ? (selected as collectionItem[]).filter((i) => i !== item)\n : (selected as collectionItem[]).concat(item);\n nextItems.sort(byItemIndex);\n return nextItems;\n },\n [isItemSelected, selected],\n );\n const selectRange = useCallback(\n (idx: number, preserveExistingSelection?: boolean) => {\n const currentSelection = preserveExistingSelection\n ? (selected as collectionItem[])\n : ([] as collectionItem[]);\n\n const [lastSelectedItem] = (selected as collectionItem[]).slice(-1);\n const lastSelectedItemIndex = lastSelectedItem\n ? indexPositions.indexOf(lastSelectedItem)\n : 0;\n\n const startRegion = Math.min(idx, lastSelectedItemIndex);\n const endRegion = Math.max(idx, lastSelectedItemIndex);\n const rangeSelection = indexPositions.slice(startRegion, endRegion + 1);\n // concat the current selection with a new selection and remove duplicates for overlaps\n const nextItems = [...new Set([...currentSelection, ...rangeSelection])];\n nextItems.sort(byItemIndex);\n return nextItems;\n },\n [indexPositions, selected],\n );\n\n const selectItemAtIndex = useCallback(\n (\n evt: SyntheticEvent,\n idx: number,\n item: collectionItem,\n rangeSelect: boolean,\n preserveExistingSelection?: boolean,\n ) => {\n type returnType = Selection extends SingleSelectionStrategy\n ? CollectionItem<Item> \| null\n : CollectionItem<Item>[];\n let newSelected: returnType;\n if (isMultipleSelect) {\n newSelected = selectMultiple(item) as returnType;\n } else if (isExtendedSelect) {\n if (preserveExistingSelection && !rangeSelect) {\n newSelected = selectMultiple(item) as returnType;\n } else if (rangeSelect) {\n newSelected = selectRange(\n idx,\n preserveExistingSelection,\n ) as returnType;\n } else {\n newSelected = [item] as returnType;\n }\n } else if (isDeselectable) {\n newSelected = selectDeselectable(item) as returnType;\n } else {\n newSelected = selectDefault(item) as returnType;\n }\n\n if (newSelected !== selected) {\n setSelected(newSelected);\n }\n\n // We fire onSelect irrespective of whether selection changes\n onSelect?.(evt, item);\n\n if (newSelected !== selected) {\n if (onSelectionChange) {\n onSelectionChange(evt, newSelected);\n }\n }\n },\n [\n isMultipleSelect,\n isExtendedSelect,\n isDeselectable,\n selected,\n onSelect,\n selectMultiple,\n selectRange,\n selectDeselectable,\n selectDefault,\n onSelectionChange,\n ],\n );\n\n const handleKeyDown = useCallback(\n (evt: KeyboardEvent) => {\n const item = indexPositions[highlightedIdx];\n if (isSelectable(item)) {\n if (isSelectionEvent(evt) \|\| (tabToSelect && evt.key === \"Tab\")) {\n // We do not inhibit Tab behaviour, if we are selecting on Tab then we apply\n // selection as a side effect of the Tab, not as a replacement for Tabbing.\n if (evt.key !== \"Tab\") {\n evt.preventDefault();\n }\n selectItemAtIndex(\n evt,\n highlightedIdx,\n item,\n false,\n evt.ctrlKey \|\| evt.metaKey,\n );\n if (isExtendedSelect) {\n lastActive.current = highlightedIdx;\n }\n }\n }\n },\n [\n indexPositions,\n highlightedIdx,\n isSelectionEvent,\n tabToSelect,\n selectItemAtIndex,\n isExtendedSelect,\n ],\n );\n\n const handleKeyboardNavigation = useCallback(\n (evt: KeyboardEvent, currentIndex: number) => {\n if (isExtendedSelect && evt.shiftKey) {\n const item = indexPositions[currentIndex];\n if (isSelectable(item)) {\n selectItemAtIndex(evt, currentIndex, item, true);\n }\n }\n },\n [isExtendedSelect, indexPositions, selectItemAtIndex],\n );\n\n const handleClick = useCallback(\n (evt: MouseEvent) => {\n const item = indexPositions[highlightedIdx];\n if (!disableSelection && isSelectable(item)) {\n // if (!isCollapsibleItem(item)) {\n evt.preventDefault();\n evt.stopPropagation();\n selectItemAtIndex(\n evt,\n highlightedIdx,\n item,\n evt.shiftKey,\n evt.ctrlKey \|\| evt.metaKey,\n );\n if (isExtendedSelect) {\n lastActive.current = highlightedIdx;\n }\n // }\n }\n },\n [\n disableSelection,\n isExtendedSelect,\n highlightedIdx,\n indexPositions,\n selectItemAtIndex,\n ],\n );\n\n const listHandlers = {\n onClick: handleClick,\n onKeyDown: handleKeyDown,\n onKeyboardNavigation: handleKeyboardNavigation,\n };\n\n return {\n listHandlers,\n selected,\n setSelected,\n };\n};\n"],"names":[],"mappings":"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"}
1	+ {"version":3,"file":"useSelection.js","sources":["../src/common-hooks/useSelection.ts"],"sourcesContent":["import { useControlled } from \"@salt-ds/core\";\nimport {\n type KeyboardEvent,\n type MouseEvent,\n type SyntheticEvent,\n useCallback,\n useRef,\n} from \"react\";\nimport type { CollectionItem } from \"./collectionTypes\";\nimport type {\n SelectionHookProps,\n SelectionHookResult,\n SelectionStrategy,\n SingleSelectionStrategy,\n} from \"./selectionTypes\";\n\nexport const CHECKBOX = \"checkbox\";\n\nexport const GROUP_SELECTION_NONE = \"none\";\nexport const GROUP_SELECTION_SINGLE = \"single\";\nexport const GROUP_SELECTION_CASCADE = \"cascade\";\n\nexport type GroupSelectionMode = \"none\" \| \"single\" \| \"cascade\";\n\nconst defaultSelectionKeys = [\"Enter\", \" \"];\n\nconst isSelectable = (item?: CollectionItem<unknown>) =>\n item && item.disabled !== true && item.selectable !== false;\n\nconst byItemIndex = (\n i1: CollectionItem<unknown>,\n i2: CollectionItem<unknown>,\n) => (i1.index ?? 0) - (i2.index ?? 0);\n\nexport const groupSelectionEnabled = (\n groupSelection: GroupSelectionMode,\n): boolean => groupSelection && groupSelection !== GROUP_SELECTION_NONE;\n\nexport const useSelection = <\n Item,\n Selection extends SelectionStrategy = \"default\",\n>({\n defaultSelected,\n disableSelection = false,\n // groupSelection = GROUP_SELECTION_NONE,\n highlightedIdx,\n indexPositions,\n label: _label = \"\",\n onSelect,\n onSelectionChange,\n selected: selectedProp,\n selectionStrategy,\n selectionKeys = defaultSelectionKeys,\n tabToSelect,\n}: SelectionHookProps<Item, Selection>): SelectionHookResult<\n Item,\n Selection\n> => {\n type collectionItem = CollectionItem<Item>;\n\n const isDeselectable = selectionStrategy === \"deselectable\";\n const isMultipleSelect = selectionStrategy === \"multiple\";\n const isExtendedSelect = selectionStrategy === \"extended\";\n\n const lastActive = useRef(-1);\n\n const isSelectionEvent = useCallback(\n (evt: KeyboardEvent) => selectionKeys.includes(evt.key),\n [selectionKeys],\n );\n\n const emptyValue = useCallback(<\n Item,\n >(): Selection extends SingleSelectionStrategy\n ? null\n : CollectionItem<Item>[] => {\n type returnType = Selection extends SingleSelectionStrategy\n ? null\n : CollectionItem<Item>[];\n return isMultipleSelect \|\| isExtendedSelect\n ? ([] as unknown as returnType)\n : (null as returnType);\n }, [isMultipleSelect, isExtendedSelect]);\n\n const [selected, setSelected] = useControlled<\n Selection extends SingleSelectionStrategy\n ? CollectionItem<Item> \| null\n : CollectionItem<Item>[]\n >({\n controlled: selectedProp,\n default: defaultSelected ?? emptyValue(),\n name: \"UseSelection\",\n state: \"selected\",\n });\n\n const isItemSelected = useCallback(\n (item: collectionItem) => {\n return Array.isArray(selected)\n ? selected.includes(item)\n : selected === item;\n },\n [selected],\n );\n\n const selectDefault = useCallback((item: collectionItem) => item, []);\n const selectDeselectable = useCallback(\n (item: collectionItem) => (isItemSelected(item) ? null : item),\n [isItemSelected],\n );\n const selectMultiple = useCallback(\n (item: collectionItem) => {\n const nextItems = isItemSelected(item)\n ? (selected as collectionItem[]).filter((i) => i !== item)\n : (selected as collectionItem[]).concat(item);\n nextItems.sort(byItemIndex);\n return nextItems;\n },\n [isItemSelected, selected],\n );\n const selectRange = useCallback(\n (idx: number, preserveExistingSelection?: boolean) => {\n const currentSelection = preserveExistingSelection\n ? (selected as collectionItem[])\n : ([] as collectionItem[]);\n\n const [lastSelectedItem] = (selected as collectionItem[]).slice(-1);\n const lastSelectedItemIndex = lastSelectedItem\n ? indexPositions.indexOf(lastSelectedItem)\n : 0;\n\n const startRegion = Math.min(idx, lastSelectedItemIndex);\n const endRegion = Math.max(idx, lastSelectedItemIndex);\n const rangeSelection = indexPositions.slice(startRegion, endRegion + 1);\n // concat the current selection with a new selection and remove duplicates for overlaps\n const nextItems = [...new Set([...currentSelection, ...rangeSelection])];\n nextItems.sort(byItemIndex);\n return nextItems;\n },\n [indexPositions, selected],\n );\n\n const selectItemAtIndex = useCallback(\n (\n evt: SyntheticEvent,\n idx: number,\n item: collectionItem,\n rangeSelect: boolean,\n preserveExistingSelection?: boolean,\n ) => {\n type returnType = Selection extends SingleSelectionStrategy\n ? CollectionItem<Item> \| null\n : CollectionItem<Item>[];\n let newSelected: returnType;\n if (isMultipleSelect) {\n newSelected = selectMultiple(item) as returnType;\n } else if (isExtendedSelect) {\n if (preserveExistingSelection && !rangeSelect) {\n newSelected = selectMultiple(item) as returnType;\n } else if (rangeSelect) {\n newSelected = selectRange(\n idx,\n preserveExistingSelection,\n ) as returnType;\n } else {\n newSelected = [item] as returnType;\n }\n } else if (isDeselectable) {\n newSelected = selectDeselectable(item) as returnType;\n } else {\n newSelected = selectDefault(item) as returnType;\n }\n\n if (newSelected !== selected) {\n setSelected(newSelected);\n }\n\n // We fire onSelect irrespective of whether selection changes\n onSelect?.(evt, item);\n\n if (newSelected !== selected) {\n if (onSelectionChange) {\n onSelectionChange(evt, newSelected);\n }\n }\n },\n [\n isMultipleSelect,\n isExtendedSelect,\n isDeselectable,\n selected,\n onSelect,\n selectMultiple,\n selectRange,\n selectDeselectable,\n selectDefault,\n onSelectionChange,\n ],\n );\n\n const handleKeyDown = useCallback(\n (evt: KeyboardEvent) => {\n const item = indexPositions[highlightedIdx];\n if (isSelectable(item)) {\n if (isSelectionEvent(evt) \|\| (tabToSelect && evt.key === \"Tab\")) {\n // We do not inhibit Tab behaviour, if we are selecting on Tab then we apply\n // selection as a side effect of the Tab, not as a replacement for Tabbing.\n if (evt.key !== \"Tab\") {\n evt.preventDefault();\n }\n selectItemAtIndex(\n evt,\n highlightedIdx,\n item,\n false,\n evt.ctrlKey \|\| evt.metaKey,\n );\n if (isExtendedSelect) {\n lastActive.current = highlightedIdx;\n }\n }\n }\n },\n [\n indexPositions,\n highlightedIdx,\n isSelectionEvent,\n tabToSelect,\n selectItemAtIndex,\n isExtendedSelect,\n ],\n );\n\n const handleKeyboardNavigation = useCallback(\n (evt: KeyboardEvent, currentIndex: number) => {\n if (isExtendedSelect && evt.shiftKey) {\n const item = indexPositions[currentIndex];\n if (isSelectable(item)) {\n selectItemAtIndex(evt, currentIndex, item, true);\n }\n }\n },\n [isExtendedSelect, indexPositions, selectItemAtIndex],\n );\n\n const handleClick = useCallback(\n (evt: MouseEvent) => {\n const item = indexPositions[highlightedIdx];\n if (!disableSelection && isSelectable(item)) {\n // if (!isCollapsibleItem(item)) {\n evt.preventDefault();\n evt.stopPropagation();\n selectItemAtIndex(\n evt,\n highlightedIdx,\n item,\n evt.shiftKey,\n evt.ctrlKey \|\| evt.metaKey,\n );\n if (isExtendedSelect) {\n lastActive.current = highlightedIdx;\n }\n // }\n }\n },\n [\n disableSelection,\n isExtendedSelect,\n highlightedIdx,\n indexPositions,\n selectItemAtIndex,\n ],\n );\n\n const listHandlers = {\n onClick: handleClick,\n onKeyDown: handleKeyDown,\n onKeyboardNavigation: handleKeyboardNavigation,\n };\n\n return {\n listHandlers,\n selected,\n setSelected,\n };\n};\n"],"names":[],"mappings":";;;AAkBO,MAAM,oBAAA,GAAuB;AAMpC,MAAM,oBAAA,GAAuB,CAAC,OAAA,EAAS,GAAG,CAAA;AAE1C,MAAM,YAAA,GAAe,CAAC,IAAA,KACpB,IAAA,IAAQ,KAAK,QAAA,KAAa,IAAA,IAAQ,KAAK,UAAA,KAAe,KAAA;AAExD,MAAM,WAAA,GAAc,CAClB,EAAA,EACA,EAAA,KAAA,CACI,GAAG,KAAA,IAAS,CAAA,KAAM,GAAG,KAAA,IAAS,CAAA,CAAA;AAM7B,MAAM,eAAe,CAG1B;AAAA,EACA,eAAA;AAAA,EACA,gBAAA,GAAmB,KAAA;AAAA;AAAA,EAEnB,cAAA;AAAA,EACA,cAAA;AAAA,EACA,OAAO,MAAA,GAAS,EAAA;AAAA,EAChB,QAAA;AAAA,EACA,iBAAA;AAAA,EACA,QAAA,EAAU,YAAA;AAAA,EACV,iBAAA;AAAA,EACA,aAAA,GAAgB,oBAAA;AAAA,EAChB;AACF,CAAA,KAGK;AAGH,EAAA,MAAM,iBAAiB,iBAAA,KAAsB,cAAA;AAC7C,EAAA,MAAM,mBAAmB,iBAAA,KAAsB,UAAA;AAC/C,EAAA,MAAM,mBAAmB,iBAAA,KAAsB,UAAA;AAE/C,EAAA,MAAM,UAAA,GAAa,OAAO,EAAE,CAAA;AAE5B,EAAA,MAAM,gBAAA,GAAmB,WAAA;AAAA,IACvB,CAAC,GAAA,KAAuB,aAAA,CAAc,QAAA,CAAS,IAAI,GAAG,CAAA;AAAA,IACtD,CAAC,aAAa;AAAA,GAChB;AAEA,EAAA,MAAM,UAAA,GAAa,YAAY,MAID;AAI5B,IAAA,OAAO,gBAAA,IAAoB,gBAAA,GACtB,EAAC,GACD,IAAA;AAAA,EACP,CAAA,EAAG,CAAC,gBAAA,EAAkB,gBAAgB,CAAC,CAAA;AAEvC,EAAA,MAAM,CAAC,QAAA,EAAU,WAAW,CAAA,GAAI,aAAA,CAI9B;AAAA,IACA,UAAA,EAAY,YAAA;AAAA,IACZ,OAAA,EAAS,mBAAmB,UAAA,EAAW;AAAA,IACvC,IAAA,EAAM,cAAA;AAAA,IACN,KAAA,EAAO;AAAA,GACR,CAAA;AAED,EAAA,MAAM,cAAA,GAAiB,WAAA;AAAA,IACrB,CAAC,IAAA,KAAyB;AACxB,MAAA,OAAO,KAAA,CAAM,QAAQ,QAAQ,CAAA,GACzB,SAAS,QAAA,CAAS,IAAI,IACtB,QAAA,KAAa,IAAA;AAAA,IACnB,CAAA;AAAA,IACA,CAAC,QAAQ;AAAA,GACX;AAEA,EAAA,MAAM,gBAAgB,WAAA,CAAY,CAAC,IAAA,KAAyB,IAAA,EAAM,EAAE,CAAA;AACpE,EAAA,MAAM,kBAAA,GAAqB,WAAA;AAAA,IACzB,CAAC,IAAA,KAA0B,cAAA,CAAe,IAAI,IAAI,IAAA,GAAO,IAAA;AAAA,IACzD,CAAC,cAAc;AAAA,GACjB;AACA,EAAA,MAAM,cAAA,GAAiB,WAAA;AAAA,IACrB,CAAC,IAAA,KAAyB;AACxB,MAAA,MAAM,SAAA,GAAY,cAAA,CAAe,IAAI,CAAA,GAChC,QAAA,CAA8B,MAAA,CAAO,CAAC,CAAA,KAAM,CAAA,KAAM,IAAI,CAAA,GACtD,QAAA,CAA8B,OAAO,IAAI,CAAA;AAC9C,MAAA,SAAA,CAAU,KAAK,WAAW,CAAA;AAC1B,MAAA,OAAO,SAAA;AAAA,IACT,CAAA;AAAA,IACA,CAAC,gBAAgB,QAAQ;AAAA,GAC3B;AACA,EAAA,MAAM,WAAA,GAAc,WAAA;AAAA,IAClB,CAAC,KAAa,yBAAA,KAAwC;AACpD,MAAA,MAAM,gBAAA,GAAmB,yBAAA,GACpB,QAAA,GACA,EAAC;AAEN,MAAA,MAAM,CAAC,gBAAgB,CAAA,GAAK,QAAA,CAA8B,MAAM,EAAE,CAAA;AAClE,MAAA,MAAM,qBAAA,GAAwB,gBAAA,GAC1B,cAAA,CAAe,OAAA,CAAQ,gBAAgB,CAAA,GACvC,CAAA;AAEJ,MAAA,MAAM,WAAA,GAAc,IAAA,CAAK,GAAA,CAAI,GAAA,EAAK,qBAAqB,CAAA;AACvD,MAAA,MAAM,SAAA,GAAY,IAAA,CAAK,GAAA,CAAI,GAAA,EAAK,qBAAqB,CAAA;AACrD,MAAA,MAAM,cAAA,GAAiB,cAAA,CAAe,KAAA,CAAM,WAAA,EAAa,YAAY,CAAC,CAAA;AAEtE,MAAA,MAAM,SAAA,GAAY,CAAC,mBAAG,IAAI,GAAA,CAAI,CAAC,GAAG,gBAAA,EAAkB,GAAG,cAAc,CAAC,CAAC,CAAA;AACvE,MAAA,SAAA,CAAU,KAAK,WAAW,CAAA;AAC1B,MAAA,OAAO,SAAA;AAAA,IACT,CAAA;AAAA,IACA,CAAC,gBAAgB,QAAQ;AAAA,GAC3B;AAEA,EAAA,MAAM,iBAAA,GAAoB,WAAA;AAAA,IACxB,CACE,GAAA,EACA,GAAA,EACA,IAAA,EACA,aACA,yBAAA,KACG;AAIH,MAAA,IAAI,WAAA;AACJ,MAAA,IAAI,gBAAA,EAAkB;AACpB,QAAA,WAAA,GAAc,eAAe,IAAI,CAAA;AAAA,MACnC,WAAW,gBAAA,EAAkB;AAC3B,QAAA,IAAI,yBAAA,IAA6B,CAAC,WAAA,EAAa;AAC7C,UAAA,WAAA,GAAc,eAAe,IAAI,CAAA;AAAA,QACnC,WAAW,WAAA,EAAa;AACtB,UAAA,WAAA,GAAc,WAAA;AAAA,YACZ,GAAA;AAAA,YACA;AAAA,WACF;AAAA,QACF,CAAA,MAAO;AACL,UAAA,WAAA,GAAc,CAAC,IAAI,CAAA;AAAA,QACrB;AAAA,MACF,WAAW,cAAA,EAAgB;AACzB,QAAA,WAAA,GAAc,mBAAmB,IAAI,CAAA;AAAA,MACvC,CAAA,MAAO;AACL,QAAA,WAAA,GAAc,cAAc,IAAI,CAAA;AAAA,MAClC;AAEA,MAAA,IAAI,gBAAgB,QAAA,EAAU;AAC5B,QAAA,WAAA,CAAY,WAAW,CAAA;AAAA,MACzB;AAGA,MAAA,QAAA,IAAA,IAAA,GAAA,MAAA,GAAA,QAAA,CAAW,GAAA,EAAK,IAAA,CAAA;AAEhB,MAAA,IAAI,gBAAgB,QAAA,EAAU;AAC5B,QAAA,IAAI,iBAAA,EAAmB;AACrB,UAAA,iBAAA,CAAkB,KAAK,WAAW,CAAA;AAAA,QACpC;AAAA,MACF;AAAA,IACF,CAAA;AAAA,IACA;AAAA,MACE,gBAAA;AAAA,MACA,gBAAA;AAAA,MACA,cAAA;AAAA,MACA,QAAA;AAAA,MACA,QAAA;AAAA,MACA,cAAA;AAAA,MACA,WAAA;AAAA,MACA,kBAAA;AAAA,MACA,aAAA;AAAA,MACA;AAAA;AACF,GACF;AAEA,EAAA,MAAM,aAAA,GAAgB,WAAA;AAAA,IACpB,CAAC,GAAA,KAAuB;AACtB,MAAA,MAAM,IAAA,GAAO,eAAe,cAAc,CAAA;AAC1C,MAAA,IAAI,YAAA,CAAa,IAAI,CAAA,EAAG;AACtB,QAAA,IAAI,iBAAiB,GAAG,CAAA,IAAM,WAAA,IAAe,GAAA,CAAI,QAAQ,KAAA,EAAQ;AAG/D,UAAA,IAAI,GAAA,CAAI,QAAQ,KAAA,EAAO;AACrB,YAAA,GAAA,CAAI,cAAA,EAAe;AAAA,UACrB;AACA,UAAA,iBAAA;AAAA,YACE,GAAA;AAAA,YACA,cAAA;AAAA,YACA,IAAA;AAAA,YACA,KAAA;AAAA,YACA,GAAA,CAAI,WAAW,GAAA,CAAI;AAAA,WACrB;AACA,UAAA,IAAI,gBAAA,EAAkB;AACpB,YAAA,UAAA,CAAW,OAAA,GAAU,cAAA;AAAA,UACvB;AAAA,QACF;AAAA,MACF;AAAA,IACF,CAAA;AAAA,IACA;AAAA,MACE,cAAA;AAAA,MACA,cAAA;AAAA,MACA,gBAAA;AAAA,MACA,WAAA;AAAA,MACA,iBAAA;AAAA,MACA;AAAA;AACF,GACF;AAEA,EAAA,MAAM,wBAAA,GAA2B,WAAA;AAAA,IAC/B,CAAC,KAAoB,YAAA,KAAyB;AAC5C,MAAA,IAAI,gBAAA,IAAoB,IAAI,QAAA,EAAU;AACpC,QAAA,MAAM,IAAA,GAAO,eAAe,YAAY,CAAA;AACxC,QAAA,IAAI,YAAA,CAAa,IAAI,CAAA,EAAG;AACtB,UAAA,iBAAA,CAAkB,GAAA,EAAK,YAAA,EAAc,IAAA,EAAM,IAAI,CAAA;AAAA,QACjD;AAAA,MACF;AAAA,IACF,CAAA;AAAA,IACA,CAAC,gBAAA,EAAkB,cAAA,EAAgB,iBAAiB;AAAA,GACtD;AAEA,EAAA,MAAM,WAAA,GAAc,WAAA;AAAA,IAClB,CAAC,GAAA,KAAoB;AACnB,MAAA,MAAM,IAAA,GAAO,eAAe,cAAc,CAAA;AAC1C,MAAA,IAAI,CAAC,gBAAA,IAAoB,YAAA,CAAa,IAAI,CAAA,EAAG;AAE3C,QAAA,GAAA,CAAI,cAAA,EAAe;AACnB,QAAA,GAAA,CAAI,eAAA,EAAgB;AACpB,QAAA,iBAAA;AAAA,UACE,GAAA;AAAA,UACA,cAAA;AAAA,UACA,IAAA;AAAA,UACA,GAAA,CAAI,QAAA;AAAA,UACJ,GAAA,CAAI,WAAW,GAAA,CAAI;AAAA,SACrB;AACA,QAAA,IAAI,gBAAA,EAAkB;AACpB,UAAA,UAAA,CAAW,OAAA,GAAU,cAAA;AAAA,QACvB;AAAA,MAEF;AAAA,IACF,CAAA;AAAA,IACA;AAAA,MACE,gBAAA;AAAA,MACA,gBAAA;AAAA,MACA,cAAA;AAAA,MACA,cAAA;AAAA,MACA;AAAA;AACF,GACF;AAEA,EAAA,MAAM,YAAA,GAAe;AAAA,IACnB,OAAA,EAAS,WAAA;AAAA,IACT,SAAA,EAAW,aAAA;AAAA,IACX,oBAAA,EAAsB;AAAA,GACxB;AAEA,EAAA,OAAO;AAAA,IACL,YAAA;AAAA,IACA,QAAA;AAAA,IACA;AAAA,GACF;AACF;;;;"}

package/dist-es/common-hooks/useTypeahead.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useTypeahead.js","sources":["../src/common-hooks/useTypeahead.ts"],"sourcesContent":["import { type KeyboardEvent, useCallback, useRef } from \"react\";\nimport type { CollectionItem } from \"./collectionTypes\";\nimport { isCharacterKey, Space } from \"./keyUtils\";\n\ninterface TypeaheadHookProps<Item> {\n disableTypeToSelect?: boolean;\n highlightedIdx: number;\n highlightItemAtIndex: (idx: number) => void;\n applyIncrementalSearch?: boolean;\n typeToNavigate: boolean;\n items: CollectionItem<Item>[];\n}\n\ninterface TypeaheadHookResult {\n onKeyDown?: (e: KeyboardEvent) => void;\n}\n\nexport const useTypeahead = <Item>({\n disableTypeToSelect,\n highlightedIdx,\n highlightItemAtIndex,\n typeToNavigate,\n items,\n applyIncrementalSearch = true,\n}: TypeaheadHookProps<Item>): TypeaheadHookResult => {\n const keyDownTimer = useRef<number \| null>(null);\n const searchChars = useRef(\"\");\n const startIdx = useRef(-1);\n\n const applySearch = useCallback(\n (intermediateSearch?: true \| undefined) => {\n if (intermediateSearch \|\| !applyIncrementalSearch) {\n const regex = new RegExp(`^${searchChars.current}`, \"i\");\n let idx = items.findIndex(\n ({ label }, i) => i > startIdx.current && label && regex.test(label),\n );\n if (idx === -1) {\n idx = items.findIndex(\n ({ label }, i) =>\n i <= startIdx.current && label && regex.test(label),\n );\n }\n if (idx !== -1) {\n highlightItemAtIndex(idx);\n }\n } else {\n searchChars.current = \"\";\n keyDownTimer.current = null;\n startIdx.current = -1;\n }\n },\n [applyIncrementalSearch, highlightItemAtIndex, items],\n );\n\n const handleKeyDown = useCallback(\n (e: KeyboardEvent) => {\n const searchInProgress = startIdx.current !== -1;\n if (isCharacterKey(e) \|\| (searchInProgress && e.key === Space)) {\n if (typeToNavigate) {\n e.preventDefault();\n e.stopPropagation();\n // If we type the same key repeatedly, we cycle through the matches\n if (startIdx.current === -1 \|\| e.key === searchChars.current) {\n startIdx.current = highlightedIdx;\n }\n if (keyDownTimer.current !== null) {\n clearTimeout(keyDownTimer.current);\n keyDownTimer.current = null;\n }\n if (e.key !== searchChars.current) {\n searchChars.current += e.key;\n }\n if (applyIncrementalSearch) {\n applySearch(true);\n }\n // keyDownTimer.current = window.setTimeout(applySearch, 100);\n keyDownTimer.current = window.setTimeout(() => {\n applySearch();\n }, 100);\n }\n }\n },\n [typeToNavigate, applyIncrementalSearch, highlightedIdx, applySearch],\n );\n\n return {\n onKeyDown: disableTypeToSelect ? undefined : handleKeyDown,\n };\n};\n"],"names":[],"mappings":";;;AAiBO,MAAM,eAAe,CAAO;AAAA,EACjC,mBAAA;AAAA,EACA,cAAA;AAAA,EACA,oBAAA;AAAA,EACA,cAAA;AAAA,EACA,KAAA;AAAA,EACA,~~sBAAyB~~,~~GAAA~~;AAC3B,~~CAAqD~~,~~KAAA~~;AACnD,~~EAAM~~,~~MAAA~~,YAAA,GAAe,OAAsB,IAAI,CAAA;AAC/C,~~EAAM~~,~~MAAA~~,WAAA,GAAc,OAAO,EAAE,CAAA;AAC7B,~~EAAM~~,~~MAAA~~,QAAA,GAAW,OAAO,EAAE,CAAA;AAE1B,EAAA,MAAM,~~WAAc~~,~~GAAA~~,WAAA;AAAA,IAClB,CAAC,~~kBAA0C~~,~~KAAA~~;AACzC,~~MAAI~~,~~IAAA~~,kBAAA,IAAsB,CAAC,~~sBAAwB~~,~~EAAA~~;AACjD,QAAA,MAAM,QAAQ,IAAI,MAAA,CAAO,IAAI,~~WAAY~~,~~CAAA~~,OAAO,IAAI,GAAG,CAAA;AACvD,QAAA,IAAI,MAAM,~~KAAM~~,~~CAAA~~,SAAA;AAAA,UACd,CAAC,EAAE,KAAA,~~EAAS~~,~~EAAA~~,CAAA,KAAM,~~CAAI~~,~~GAAA~~,QAAA,CAAS,~~OAAW~~,~~IAAA~~,KAAA,IAAS,~~KAAM~~,~~CAAA~~,IAAA,CAAK,KAAK;AAAA,SACrE;AACA,QAAA,IAAI,QAAQ,EAAI~~,EAAA~~;AACd,UAAA,GAAA,GAAM,~~KAAM~~,~~CAAA~~,SAAA;AAAA,YACV,CAAC,EAAE,KAAA,~~EAAS~~,~~EAAA~~,CAAA,KACV,~~CAAK~~,~~IAAA~~,QAAA,CAAS,~~OAAW~~,~~IAAA~~,KAAA,IAAS,~~KAAM~~,~~CAAA~~,IAAA,CAAK,KAAK;AAAA,WACtD;AAAA;~~AAEF~~,QAAA,IAAI,QAAQ,EAAI~~,EAAA~~;AACd,UAAA,oBAAA,CAAqB,GAAG,CAAA;AAAA;~~AAC1B~~,~~OACK~~,~~MAAA~~;AACL,QAAA,WAAA,CAAY,~~OAAU~~,~~GAAA~~,EAAA;AACtB,QAAA,YAAA,CAAa,~~OAAU~~,~~GAAA~~,IAAA;AACvB,QAAA,QAAA,CAAS,~~OAAU~~,~~GAAA~~,EAAA;AAAA;~~AACrB~~,~~KACF~~;AAAA,IACA,CAAC,~~sBAAwB~~,~~EAAA~~,oBAAA,EAAsB,KAAK;AAAA,GACtD;AAEA,EAAA,MAAM,~~aAAgB~~,~~GAAA~~,WAAA;AAAA,IACpB,CAAC,~~CAAqB~~,~~KAAA~~;AACpB,MAAM,~~MAAA,~~gBAAA,GAAmB,SAAS,~~OAAY~~,~~KAAA~~,EAAA;AAC9C,MAAA,IAAI,eAAe,CAAC,CAAA,IAAM,~~gBAAoB~~,~~IAAA~~,CAAA,CAAE,QAAQ,~~KAAQ~~,~~EAAA~~;AAC9D,QAAoB;AAClB,UAAA,CAAA,CAAE,~~cAAe~~,~~EAAA~~;AACjB,UAAA,CAAA,CAAE,~~eAAgB~~,~~EAAA~~;AAElB,UAAA,IAAI,SAAS,~~OAAY~~,~~KAAA~~,EAAA,IAAM,CAAE,~~CAAA,~~GAAA,KAAQ,YAAY,~~OAAS~~,~~EAAA~~;AAC5D,YAAA,QAAA,CAAS,~~OAAU~~,~~GAAA~~,cAAA;AAAA;~~AAErB~~,~~UAAI~~,~~IAAA~~,YAAA,CAAa,YAAY,~~IAAM~~,~~EAAA~~;AACjC,YAAA,YAAA,CAAa,aAAa,OAAO,CAAA;AACjC,YAAA,YAAA,CAAa,~~OAAU~~,~~GAAA~~,IAAA;AAAA;~~AAEzB~~,~~UAAI~~,~~IAAA~~,CAAA,CAAE,~~GAAQ~~,~~KAAA~~,WAAA,CAAY,~~OAAS~~,~~EAAA~~;AACjC,YAAA,WAAA,CAAY,WAAW,CAAE,~~CAAA,~~GAAA;AAAA;~~AAE3B~~,UAAA,IAAI,~~sBAAwB~~,~~EAAA~~;AAC1B,YAAA,WAAA,CAAY,IAAI,CAAA;AAAA;~~AAGlB~~,~~UAAa~~,YAAA,~~CAAA~~,OAAA,GAAU,~~MAAO~~,~~CAAA~~,UAAA,CAAW,MAAM;AAC7C,~~YAAY~~,WAAA,~~EAAA~~;AAAA,~~aACX~~,GAAG,CAAA;AAAA;~~AACR~~;~~AACF~~,~~KACF~~;AAAA,IACA,CAAC,cAAA,EAAgB,~~sBAAwB~~,~~EAAA~~,cAAA,EAAgB,WAAW;AAAA,GACtE;AAEA,~~EAAO~~,~~OAAA~~;AAAA,IACL,SAAA,EAAW,sBAAsB,~~MAAY~~,~~GAAA~~;AAAA,GAC/C;AACF;;;;"}
1	+ {"version":3,"file":"useTypeahead.js","sources":["../src/common-hooks/useTypeahead.ts"],"sourcesContent":["import { type KeyboardEvent, useCallback, useRef } from \"react\";\nimport type { CollectionItem } from \"./collectionTypes\";\nimport { isCharacterKey, Space } from \"./keyUtils\";\n\ninterface TypeaheadHookProps<Item> {\n disableTypeToSelect?: boolean;\n highlightedIdx: number;\n highlightItemAtIndex: (idx: number) => void;\n applyIncrementalSearch?: boolean;\n typeToNavigate: boolean;\n items: CollectionItem<Item>[];\n}\n\ninterface TypeaheadHookResult {\n onKeyDown?: (e: KeyboardEvent) => void;\n}\n\nexport const useTypeahead = <Item>({\n disableTypeToSelect,\n highlightedIdx,\n highlightItemAtIndex,\n typeToNavigate,\n items,\n applyIncrementalSearch = true,\n}: TypeaheadHookProps<Item>): TypeaheadHookResult => {\n const keyDownTimer = useRef<number \| null>(null);\n const searchChars = useRef(\"\");\n const startIdx = useRef(-1);\n\n const applySearch = useCallback(\n (intermediateSearch?: true \| undefined) => {\n if (intermediateSearch \|\| !applyIncrementalSearch) {\n const regex = new RegExp(`^${searchChars.current}`, \"i\");\n let idx = items.findIndex(\n ({ label }, i) => i > startIdx.current && label && regex.test(label),\n );\n if (idx === -1) {\n idx = items.findIndex(\n ({ label }, i) =>\n i <= startIdx.current && label && regex.test(label),\n );\n }\n if (idx !== -1) {\n highlightItemAtIndex(idx);\n }\n } else {\n searchChars.current = \"\";\n keyDownTimer.current = null;\n startIdx.current = -1;\n }\n },\n [applyIncrementalSearch, highlightItemAtIndex, items],\n );\n\n const handleKeyDown = useCallback(\n (e: KeyboardEvent) => {\n const searchInProgress = startIdx.current !== -1;\n if (isCharacterKey(e) \|\| (searchInProgress && e.key === Space)) {\n if (typeToNavigate) {\n e.preventDefault();\n e.stopPropagation();\n // If we type the same key repeatedly, we cycle through the matches\n if (startIdx.current === -1 \|\| e.key === searchChars.current) {\n startIdx.current = highlightedIdx;\n }\n if (keyDownTimer.current !== null) {\n clearTimeout(keyDownTimer.current);\n keyDownTimer.current = null;\n }\n if (e.key !== searchChars.current) {\n searchChars.current += e.key;\n }\n if (applyIncrementalSearch) {\n applySearch(true);\n }\n // keyDownTimer.current = window.setTimeout(applySearch, 100);\n keyDownTimer.current = window.setTimeout(() => {\n applySearch();\n }, 100);\n }\n }\n },\n [typeToNavigate, applyIncrementalSearch, highlightedIdx, applySearch],\n );\n\n return {\n onKeyDown: disableTypeToSelect ? undefined : handleKeyDown,\n };\n};\n"],"names":[],"mappings":"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"}

package/dist-es/common-hooks/useViewportTracking.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useViewportTracking.js","sources":["../src/common-hooks/useViewportTracking.ts"],"sourcesContent":["import { useIsomorphicLayoutEffect } from \"@salt-ds/core\";\nimport {\n type MutableRefObject,\n type RefObject,\n useCallback,\n useRef,\n} from \"react\";\nimport { type ResizeHandler, useResizeObserver } from \"../responsive\";\nimport type { CollectionItem } from \"./collectionTypes\";\n\nconst HeightOnly = [\"height\"];\nconst HeightWithScroll = [\"height\", \"scrollHeight\"];\nconst EMPTY_ARRAY: string[] = [];\n\nconst ObservedDimensions = {\n containerOnly: [HeightWithScroll, EMPTY_ARRAY],\n withContent: [HeightOnly, HeightOnly],\n};\nconst getObservedDimensions = (containerOnly: boolean) =>\n containerOnly\n ? ObservedDimensions.containerOnly\n : ObservedDimensions.withContent;\n\nconst NULL_REF = { current: null };\n\nconst getItemTop = (\n element: HTMLElement,\n offsetContainer: HTMLElement \| null,\n) => {\n const { transform = \"none\" } = getComputedStyle(element);\n if (transform.startsWith(\"matrix\")) {\n const pos = transform.lastIndexOf(\",\");\n return Number.parseInt(transform.slice(pos + 1), 10);\n }\n let offsetParent = element.offsetParent as HTMLElement;\n if (offsetParent === offsetContainer \|\| offsetContainer === null) {\n return element.offsetTop;\n }\n let top = element.offsetTop;\n while (offsetParent !== null && offsetParent !== offsetContainer) {\n top += offsetParent.offsetTop;\n offsetParent = offsetParent.offsetParent as HTMLElement;\n }\n return top;\n};\n\nexport interface ViewportTrackingProps<Item> {\n containerRef: RefObject<HTMLElement>;\n contentRef?: RefObject<HTMLElement>;\n highlightedIdx?: number;\n indexPositions: CollectionItem<Item>[];\n stickyHeaders?: boolean;\n}\n\nexport interface ViewportTrackingResult<Item> {\n isScrolling: MutableRefObject<boolean>;\n scrollIntoView: (item: CollectionItem<Item>) => void;\n}\n\nexport const useViewportTracking = <Item>({\n containerRef,\n contentRef = NULL_REF,\n highlightedIdx = -1,\n indexPositions,\n stickyHeaders = false,\n}: ViewportTrackingProps<Item>): ViewportTrackingResult<Item> => {\n const scrolling = useRef<boolean>(false);\n const viewport = useRef({\n height: 0,\n contentHeight: 0,\n });\n\n const scrollTo = useCallback(\n (scrollPos: number) => {\n scrolling.current = true;\n if (containerRef.current) {\n containerRef.current.scrollTop = scrollPos;\n }\n setTimeout(() => {\n scrolling.current = false;\n });\n },\n [containerRef],\n );\n\n const scrollToStart = useCallback(() => scrollTo(0), [scrollTo]);\n\n const scrollToEnd = useCallback(() => {\n scrollTo(viewport.current.contentHeight - viewport.current.height);\n }, [scrollTo]);\n\n const scrollIntoViewIfNeeded = useCallback(\n (item: CollectionItem<Item>) => {\n const offsetContainer = contentRef.current \|\| containerRef.current;\n if (item.id) {\n const el = document.getElementById(item.id);\n if (el && containerRef.current) {\n const { height: viewportHeight } = viewport.current;\n const targetEl =\n el.ariaExpanded && el.firstChild\n ? (el.firstChild as HTMLElement)\n : el;\n const headerHeight = stickyHeaders ? 36 : 0;\n const itemTop = getItemTop(targetEl, offsetContainer);\n const itemHeight = targetEl.offsetHeight;\n const { scrollTop } = containerRef.current;\n const viewportStart = scrollTop + headerHeight;\n const viewportEnd = viewportStart + viewportHeight - headerHeight;\n\n if (itemTop + itemHeight > viewportEnd \|\| itemTop < viewportStart) {\n const newScrollTop =\n itemTop + itemHeight > viewportEnd\n ? scrollTop + (itemTop + itemHeight) - viewportEnd\n : itemTop - headerHeight;\n\n scrollTo(newScrollTop);\n }\n }\n }\n },\n [containerRef, contentRef, scrollTo, stickyHeaders],\n );\n\n useIsomorphicLayoutEffect(() => {\n const { height, contentHeight } = viewport.current;\n const item = indexPositions[highlightedIdx];\n if (contentHeight > height && item) {\n const [firstItem] = indexPositions;\n const [lastItem] = indexPositions.slice(-1);\n if (item === firstItem) {\n scrollToStart();\n } else if (item === lastItem) {\n scrollToEnd();\n } else {\n scrollIntoViewIfNeeded(indexPositions[highlightedIdx]);\n }\n }\n }, [\n highlightedIdx,\n indexPositions,\n scrollIntoViewIfNeeded,\n scrollToEnd,\n scrollToStart,\n ]);\n\n const onContainerResize: ResizeHandler = useCallback(\n ({ height, scrollHeight }) => {\n if (typeof height === \"number\") {\n viewport.current.height = height;\n }\n if (typeof scrollHeight === \"number\") {\n viewport.current.contentHeight = scrollHeight;\n }\n },\n [],\n );\n\n const onContentResize: ResizeHandler = useCallback(({ height }) => {\n if (typeof height === \"number\") {\n viewport.current.contentHeight = height;\n }\n }, []);\n\n // If we only have a container, then we will observe its height and scrollHeight,\n // contentRef will be null, so second call to observer will observe nothing.\n // If we have both container and content, then we observe the height of each.\n const [containerDimensions, contentDimensions] = getObservedDimensions(\n contentRef === NULL_REF,\n );\n useResizeObserver(containerRef, containerDimensions, onContainerResize, true);\n useResizeObserver(contentRef, contentDimensions, onContentResize, true);\n\n return {\n isScrolling: scrolling,\n scrollIntoView: scrollIntoViewIfNeeded,\n };\n};\n"],"names":[],"mappings":"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"}
1	+ {"version":3,"file":"useViewportTracking.js","sources":["../src/common-hooks/useViewportTracking.ts"],"sourcesContent":["import { useIsomorphicLayoutEffect } from \"@salt-ds/core\";\nimport {\n type MutableRefObject,\n type RefObject,\n useCallback,\n useRef,\n} from \"react\";\nimport { type ResizeHandler, useResizeObserver } from \"../responsive\";\nimport type { CollectionItem } from \"./collectionTypes\";\n\nconst HeightOnly = [\"height\"];\nconst HeightWithScroll = [\"height\", \"scrollHeight\"];\nconst EMPTY_ARRAY: string[] = [];\n\nconst ObservedDimensions = {\n containerOnly: [HeightWithScroll, EMPTY_ARRAY],\n withContent: [HeightOnly, HeightOnly],\n};\nconst getObservedDimensions = (containerOnly: boolean) =>\n containerOnly\n ? ObservedDimensions.containerOnly\n : ObservedDimensions.withContent;\n\nconst NULL_REF = { current: null };\n\nconst getItemTop = (\n element: HTMLElement,\n offsetContainer: HTMLElement \| null,\n) => {\n const { transform = \"none\" } = getComputedStyle(element);\n if (transform.startsWith(\"matrix\")) {\n const pos = transform.lastIndexOf(\",\");\n return Number.parseInt(transform.slice(pos + 1), 10);\n }\n let offsetParent = element.offsetParent as HTMLElement;\n if (offsetParent === offsetContainer \|\| offsetContainer === null) {\n return element.offsetTop;\n }\n let top = element.offsetTop;\n while (offsetParent !== null && offsetParent !== offsetContainer) {\n top += offsetParent.offsetTop;\n offsetParent = offsetParent.offsetParent as HTMLElement;\n }\n return top;\n};\n\nexport interface ViewportTrackingProps<Item> {\n containerRef: RefObject<HTMLElement>;\n contentRef?: RefObject<HTMLElement>;\n highlightedIdx?: number;\n indexPositions: CollectionItem<Item>[];\n stickyHeaders?: boolean;\n}\n\nexport interface ViewportTrackingResult<Item> {\n isScrolling: MutableRefObject<boolean>;\n scrollIntoView: (item: CollectionItem<Item>) => void;\n}\n\nexport const useViewportTracking = <Item>({\n containerRef,\n contentRef = NULL_REF,\n highlightedIdx = -1,\n indexPositions,\n stickyHeaders = false,\n}: ViewportTrackingProps<Item>): ViewportTrackingResult<Item> => {\n const scrolling = useRef<boolean>(false);\n const viewport = useRef({\n height: 0,\n contentHeight: 0,\n });\n\n const scrollTo = useCallback(\n (scrollPos: number) => {\n scrolling.current = true;\n if (containerRef.current) {\n containerRef.current.scrollTop = scrollPos;\n }\n setTimeout(() => {\n scrolling.current = false;\n });\n },\n [containerRef],\n );\n\n const scrollToStart = useCallback(() => scrollTo(0), [scrollTo]);\n\n const scrollToEnd = useCallback(() => {\n scrollTo(viewport.current.contentHeight - viewport.current.height);\n }, [scrollTo]);\n\n const scrollIntoViewIfNeeded = useCallback(\n (item: CollectionItem<Item>) => {\n const offsetContainer = contentRef.current \|\| containerRef.current;\n if (item.id) {\n const el = document.getElementById(item.id);\n if (el && containerRef.current) {\n const { height: viewportHeight } = viewport.current;\n const targetEl =\n el.ariaExpanded && el.firstChild\n ? (el.firstChild as HTMLElement)\n : el;\n const headerHeight = stickyHeaders ? 36 : 0;\n const itemTop = getItemTop(targetEl, offsetContainer);\n const itemHeight = targetEl.offsetHeight;\n const { scrollTop } = containerRef.current;\n const viewportStart = scrollTop + headerHeight;\n const viewportEnd = viewportStart + viewportHeight - headerHeight;\n\n if (itemTop + itemHeight > viewportEnd \|\| itemTop < viewportStart) {\n const newScrollTop =\n itemTop + itemHeight > viewportEnd\n ? scrollTop + (itemTop + itemHeight) - viewportEnd\n : itemTop - headerHeight;\n\n scrollTo(newScrollTop);\n }\n }\n }\n },\n [containerRef, contentRef, scrollTo, stickyHeaders],\n );\n\n useIsomorphicLayoutEffect(() => {\n const { height, contentHeight } = viewport.current;\n const item = indexPositions[highlightedIdx];\n if (contentHeight > height && item) {\n const [firstItem] = indexPositions;\n const [lastItem] = indexPositions.slice(-1);\n if (item === firstItem) {\n scrollToStart();\n } else if (item === lastItem) {\n scrollToEnd();\n } else {\n scrollIntoViewIfNeeded(indexPositions[highlightedIdx]);\n }\n }\n }, [\n highlightedIdx,\n indexPositions,\n scrollIntoViewIfNeeded,\n scrollToEnd,\n scrollToStart,\n ]);\n\n const onContainerResize: ResizeHandler = useCallback(\n ({ height, scrollHeight }) => {\n if (typeof height === \"number\") {\n viewport.current.height = height;\n }\n if (typeof scrollHeight === \"number\") {\n viewport.current.contentHeight = scrollHeight;\n }\n },\n [],\n );\n\n const onContentResize: ResizeHandler = useCallback(({ height }) => {\n if (typeof height === \"number\") {\n viewport.current.contentHeight = height;\n }\n }, []);\n\n // If we only have a container, then we will observe its height and scrollHeight,\n // contentRef will be null, so second call to observer will observe nothing.\n // If we have both container and content, then we observe the height of each.\n const [containerDimensions, contentDimensions] = getObservedDimensions(\n contentRef === NULL_REF,\n );\n useResizeObserver(containerRef, containerDimensions, onContainerResize, true);\n useResizeObserver(contentRef, contentDimensions, onContentResize, true);\n\n return {\n isScrolling: scrolling,\n scrollIntoView: scrollIntoViewIfNeeded,\n };\n};\n"],"names":[],"mappings":"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"}

package/dist-es/common-hooks/utils/collection-item-utils.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"collection-item-utils.js","sources":["../src/common-hooks/utils/collection-item-utils.ts"],"sourcesContent":["import {\n Children,\n isValidElement,\n type ReactElement,\n type ReactNode,\n} from \"react\";\n\n// TODO how do we configure these\nimport { ListItemGroup } from \"../../list/ListItemGroup\";\nimport { ListItemHeader } from \"../../list/ListItemHeader\";\nimport type {\n CollectionItem,\n CollectionOptions,\n SourceGroup,\n} from \"../collectionTypes\";\nimport { itemToString as defaultItemToString } from \"../itemToString\";\n\ntype NonFocusableElement = ReactElement<{ focusable: false }>;\ntype DisablableElement = ReactElement<{ disabled: boolean }>;\ntype SelectableElement = ReactElement<{ selectable: boolean }>;\n\nexport const sourceItemHasProp = (\n item: unknown,\n propertyName: string,\n): boolean => {\n return (\n item !== null &&\n typeof item === \"object\" &&\n Object.hasOwn(item, propertyName)\n );\n};\n\nexport const isHeader = (item: unknown): boolean =>\n sourceItemHasProp(item, \"header\");\n\nexport const isGroupNode = (item: unknown): boolean =>\n sourceItemHasProp(item, \"childNodes\");\n\nconst childItemHasProp = (item: ReactElement, propertyName: string) => {\n return item && Object.hasOwn(item.props, propertyName);\n};\n\nexport const isDisabled = (item: unknown): boolean => {\n if (isValidElement(item as DisablableElement)) {\n if (childItemHasProp(item as DisablableElement, \"disabled\")) {\n return (item as DisablableElement).props.disabled === true;\n }\n } else if (sourceItemHasProp(item, \"disabled\")) {\n return (item as { disabled: boolean }).disabled === true;\n }\n\n return false;\n};\n\nexport const isFocusable = (item: unknown): boolean => {\n if (isValidElement(item as NonFocusableElement)) {\n if (childItemHasProp(item as NonFocusableElement, \"focusable\")) {\n return (item as NonFocusableElement).props.focusable;\n }\n }\n return true;\n};\n\nexport const countChildItems = <Item>(\n item: CollectionItem<Item>,\n items: CollectionItem<Item>[],\n idx: number,\n): number => {\n if (item.childNodes) {\n return item.childNodes.length;\n }\n if (item.header) {\n let i = idx + 1;\n let count = 0;\n while (i < items.length && !items[i].header) {\n count++;\n i++;\n }\n return count;\n }\n return 0;\n};\n\nexport const getChildLabel = (\n element: ReactElement<{\n children?: ReactNode;\n label?: string;\n title?: string;\n }>,\n): string \| undefined => {\n if (typeof element.props.children === \"string\") {\n return element.props.children;\n }\n if (element.props.title) {\n return element.props.title;\n }\n if (element.props.label) {\n return element.props.label;\n }\n};\n\nconst childIsHeader = (child: ReactElement) =>\n child.type === ListItemHeader \|\| childItemHasProp(child, \"data-header\");\n\nexport const childIsGroup = (child: ReactElement): boolean =>\n child.type === ListItemGroup \|\| childItemHasProp(child, \"data-group\");\n\nconst childIsSelectable = (child: ReactElement) => {\n if (childItemHasProp(child, \"selectable\")) {\n return (child as SelectableElement).props.selectable === true;\n }\n return !childIsGroup(child) && !childIsHeader(child);\n};\n\nexport const getChildNodes = (\n element: ReactElement,\n): CollectionItem<ReactElement>[] \| undefined => {\n if (childIsGroup(element)) {\n const {\n props: { children },\n } = element as ReactElement<{ children?: ReactNode }>;\n if (typeof children !== \"string\") {\n return childItems(children);\n }\n }\n};\n\nconst mapReactElementChildren = (\n children: ReactNode,\n fn: (el: ReactElement) => CollectionItem<ReactElement>,\n): CollectionItem<ReactElement>[] => {\n const childElements: CollectionItem<ReactElement>[] = [];\n Children.forEach(children, (child) => {\n if (isValidElement(child)) {\n childElements.push(fn(child));\n }\n });\n return childElements;\n};\n\ntype ListItemElementProps = {\n \"data-id\"?: string;\n disabled?: boolean;\n id?: string;\n \"data-expanded\"?: boolean;\n expanded?: boolean;\n};\n\ntype CollectionItemWithoutId<T> = Omit<CollectionItem<T>, \"id\">;\n\nexport const sourceItems = <T>(\n source?: ReadonlyArray<T>,\n options?: CollectionOptions<T>,\n): CollectionItemWithoutId<T>[] \| undefined => {\n if (Array.isArray(source)) {\n if (source.length === 0 && options?.noChildrenLabel) {\n return [\n {\n label: options.noChildrenLabel,\n value: null,\n },\n ];\n }\n return source.map(\n (item: { description?: string; expanded?: boolean }) =>\n ({\n childNodes: sourceItems(\n (item as unknown as SourceGroup<T>).childNodes,\n options,\n ),\n description: item.description,\n expanded: item.expanded,\n value: item,\n label:\n options?.itemToString?.(item as T) ?? defaultItemToString(item),\n }) as CollectionItemWithoutId<T>,\n );\n }\n if (source) {\n throw Error(\"list-child-items expects source to be an array\");\n }\n};\n\nexport const childItems = (\n children: ReactNode,\n): CollectionItem<ReactElement>[] \| undefined => {\n if (children) {\n return mapReactElementChildren(children, (child) => {\n const {\n \"data-id\": dataId,\n disabled,\n id = dataId,\n \"data-expanded\": dataExpanded,\n expanded = dataExpanded,\n } = (child as ReactElement<ListItemElementProps>).props;\n return {\n childNodes: getChildNodes(child),\n disabled,\n expanded,\n header: childIsHeader(child),\n id,\n label: getChildLabel(child),\n selectable: childIsSelectable(child),\n value: child,\n } as CollectionItem<ReactElement>;\n });\n }\n};\n\nconst PathSeparators = new Set<string>([\"/\", \"-\", \".\"]);\n// TODO where do we define or identify separators\nconst isPathSeparator = (char: string) => PathSeparators.has(char);\n\nexport const isParentPath = (parentPath: string, childPath: string): boolean =>\n childPath.startsWith(parentPath) &&\n isPathSeparator(childPath[parentPath.length]);\n\nconst PATH_SEPARATORS = new Set([\".\", \"/\"]);\n\nfunction isDescendantOf(basePath: string, targetPath: string) {\n if (!targetPath.startsWith(basePath)) {\n return false;\n }\n return PATH_SEPARATORS.has(targetPath.charAt(basePath.length));\n}\n\nexport function replaceCollectionItem<Item>(\n nodes: CollectionItem<Item>[],\n id: string,\n props: Partial<CollectionItem<Item>>,\n): CollectionItem<Item>[] {\n let childNodes: CollectionItem<Item>[];\n const newNodes: CollectionItem<Item>[] = nodes.map((node) => {\n if (node.id === id) {\n return {\n ...node,\n ...props,\n };\n }\n if (isDescendantOf(node.id, id) && node.childNodes) {\n childNodes = replaceCollectionItem<Item>(node.childNodes, id, props);\n return {\n ...node,\n childNodes,\n };\n }\n return node;\n });\n\n return newNodes;\n}\n"],"names":["defaultItemToString"],"mappings":"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"}
1	+ {"version":3,"file":"collection-item-utils.js","sources":["../src/common-hooks/utils/collection-item-utils.ts"],"sourcesContent":["import {\n Children,\n isValidElement,\n type ReactElement,\n type ReactNode,\n} from \"react\";\n\n// TODO how do we configure these\nimport { ListItemGroup } from \"../../list/ListItemGroup\";\nimport { ListItemHeader } from \"../../list/ListItemHeader\";\nimport type {\n CollectionItem,\n CollectionOptions,\n SourceGroup,\n} from \"../collectionTypes\";\nimport { itemToString as defaultItemToString } from \"../itemToString\";\n\ntype NonFocusableElement = ReactElement<{ focusable: false }>;\ntype DisablableElement = ReactElement<{ disabled: boolean }>;\ntype SelectableElement = ReactElement<{ selectable: boolean }>;\n\nexport const sourceItemHasProp = (\n item: unknown,\n propertyName: string,\n): boolean => {\n return (\n item !== null &&\n typeof item === \"object\" &&\n Object.hasOwn(item, propertyName)\n );\n};\n\nexport const isHeader = (item: unknown): boolean =>\n sourceItemHasProp(item, \"header\");\n\nexport const isGroupNode = (item: unknown): boolean =>\n sourceItemHasProp(item, \"childNodes\");\n\nconst childItemHasProp = (item: ReactElement, propertyName: string) => {\n return item && Object.hasOwn(item.props, propertyName);\n};\n\nexport const isDisabled = (item: unknown): boolean => {\n if (isValidElement(item as DisablableElement)) {\n if (childItemHasProp(item as DisablableElement, \"disabled\")) {\n return (item as DisablableElement).props.disabled === true;\n }\n } else if (sourceItemHasProp(item, \"disabled\")) {\n return (item as { disabled: boolean }).disabled === true;\n }\n\n return false;\n};\n\nexport const isFocusable = (item: unknown): boolean => {\n if (isValidElement(item as NonFocusableElement)) {\n if (childItemHasProp(item as NonFocusableElement, \"focusable\")) {\n return (item as NonFocusableElement).props.focusable;\n }\n }\n return true;\n};\n\nexport const countChildItems = <Item>(\n item: CollectionItem<Item>,\n items: CollectionItem<Item>[],\n idx: number,\n): number => {\n if (item.childNodes) {\n return item.childNodes.length;\n }\n if (item.header) {\n let i = idx + 1;\n let count = 0;\n while (i < items.length && !items[i].header) {\n count++;\n i++;\n }\n return count;\n }\n return 0;\n};\n\nexport const getChildLabel = (\n element: ReactElement<{\n children?: ReactNode;\n label?: string;\n title?: string;\n }>,\n): string \| undefined => {\n if (typeof element.props.children === \"string\") {\n return element.props.children;\n }\n if (element.props.title) {\n return element.props.title;\n }\n if (element.props.label) {\n return element.props.label;\n }\n};\n\nconst childIsHeader = (child: ReactElement) =>\n child.type === ListItemHeader \|\| childItemHasProp(child, \"data-header\");\n\nexport const childIsGroup = (child: ReactElement): boolean =>\n child.type === ListItemGroup \|\| childItemHasProp(child, \"data-group\");\n\nconst childIsSelectable = (child: ReactElement) => {\n if (childItemHasProp(child, \"selectable\")) {\n return (child as SelectableElement).props.selectable === true;\n }\n return !childIsGroup(child) && !childIsHeader(child);\n};\n\nexport const getChildNodes = (\n element: ReactElement,\n): CollectionItem<ReactElement>[] \| undefined => {\n if (childIsGroup(element)) {\n const {\n props: { children },\n } = element as ReactElement<{ children?: ReactNode }>;\n if (typeof children !== \"string\") {\n return childItems(children);\n }\n }\n};\n\nconst mapReactElementChildren = (\n children: ReactNode,\n fn: (el: ReactElement) => CollectionItem<ReactElement>,\n): CollectionItem<ReactElement>[] => {\n const childElements: CollectionItem<ReactElement>[] = [];\n Children.forEach(children, (child) => {\n if (isValidElement(child)) {\n childElements.push(fn(child));\n }\n });\n return childElements;\n};\n\ntype ListItemElementProps = {\n \"data-id\"?: string;\n disabled?: boolean;\n id?: string;\n \"data-expanded\"?: boolean;\n expanded?: boolean;\n};\n\ntype CollectionItemWithoutId<T> = Omit<CollectionItem<T>, \"id\">;\n\nexport const sourceItems = <T>(\n source?: ReadonlyArray<T>,\n options?: CollectionOptions<T>,\n): CollectionItemWithoutId<T>[] \| undefined => {\n if (Array.isArray(source)) {\n if (source.length === 0 && options?.noChildrenLabel) {\n return [\n {\n label: options.noChildrenLabel,\n value: null,\n },\n ];\n }\n return source.map(\n (item: { description?: string; expanded?: boolean }) =>\n ({\n childNodes: sourceItems(\n (item as unknown as SourceGroup<T>).childNodes,\n options,\n ),\n description: item.description,\n expanded: item.expanded,\n value: item,\n label:\n options?.itemToString?.(item as T) ?? defaultItemToString(item),\n }) as CollectionItemWithoutId<T>,\n );\n }\n if (source) {\n throw Error(\"list-child-items expects source to be an array\");\n }\n};\n\nexport const childItems = (\n children: ReactNode,\n): CollectionItem<ReactElement>[] \| undefined => {\n if (children) {\n return mapReactElementChildren(children, (child) => {\n const {\n \"data-id\": dataId,\n disabled,\n id = dataId,\n \"data-expanded\": dataExpanded,\n expanded = dataExpanded,\n } = (child as ReactElement<ListItemElementProps>).props;\n return {\n childNodes: getChildNodes(child),\n disabled,\n expanded,\n header: childIsHeader(child),\n id,\n label: getChildLabel(child),\n selectable: childIsSelectable(child),\n value: child,\n } as CollectionItem<ReactElement>;\n });\n }\n};\n\nconst PathSeparators = new Set<string>([\"/\", \"-\", \".\"]);\n// TODO where do we define or identify separators\nconst isPathSeparator = (char: string) => PathSeparators.has(char);\n\nexport const isParentPath = (parentPath: string, childPath: string): boolean =>\n childPath.startsWith(parentPath) &&\n isPathSeparator(childPath[parentPath.length]);\n\nconst PATH_SEPARATORS = new Set([\".\", \"/\"]);\n\nfunction isDescendantOf(basePath: string, targetPath: string) {\n if (!targetPath.startsWith(basePath)) {\n return false;\n }\n return PATH_SEPARATORS.has(targetPath.charAt(basePath.length));\n}\n\nexport function replaceCollectionItem<Item>(\n nodes: CollectionItem<Item>[],\n id: string,\n props: Partial<CollectionItem<Item>>,\n): CollectionItem<Item>[] {\n let childNodes: CollectionItem<Item>[];\n const newNodes: CollectionItem<Item>[] = nodes.map((node) => {\n if (node.id === id) {\n return {\n ...node,\n ...props,\n };\n }\n if (isDescendantOf(node.id, id) && node.childNodes) {\n childNodes = replaceCollectionItem<Item>(node.childNodes, id, props);\n return {\n ...node,\n childNodes,\n };\n }\n return node;\n });\n\n return newNodes;\n}\n"],"names":["defaultItemToString"],"mappings":"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"}

package/dist-es/common-hooks/utils/filter-utils.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"filter-utils.js","sources":["../src/common-hooks/utils/filter-utils.ts"],"sourcesContent":["import { escapeRegExp } from \"../../utils\";\n\nexport type GetFilterRegex = (inputValue: string) => RegExp;\n\nexport type FilterPredicate = (item: string) => boolean;\n\nconst leftTrim = (value: string) =>\n value ? value.replace(/^\\s+/g, \"\") : value;\n\nexport const getDefaultFilterRegex: GetFilterRegex = (value) =>\n new RegExp(`(${escapeRegExp(leftTrim(value))})`, \"gi\");\n\nexport const getDefaultFilter =\n (inputValue = \"\", getFilterRegex: GetFilterRegex = getDefaultFilterRegex) =>\n (itemValue = \"\"): boolean =>\n Boolean(itemValue.length) &&\n Boolean(inputValue.length) &&\n itemValue.match(getFilterRegex(inputValue)) !== null;\n"],"names":[],"mappings":";;;;AAMA,MAAM,QAAA,GAAW,CAAC,KAChB,KAAA,~~KAAA,~~GAAQ,MAAM,~~OAAQ~~,~~CAAA~~,OAAA,EAAS,EAAE,~~CAAI~~,~~GAAA~~,KAAA;AAEhC,MAAM,~~qBAAwC~~,~~GAAA~~,CAAC,KACpD,~~KAAA,~~IAAI,~~MAAO~~,~~CAAA~~,CAAA,CAAA,EAAI,~~YAAa~~,~~CAAA~~,QAAA,CAAS,KAAK,CAAC,CAAC,CAAA,CAAA,CAAA,EAAK,IAAI;~~AAE1C~~,~~MAAA~~,gBAAA,GACX,CAAC,~~UAAa~~,~~GAAA~~,EAAA,EAAI,iBAAiC,~~qBACnD~~,~~KAAA~~,CAAC,~~SAAY~~,~~GAAA~~,EAAA,KACX,~~OAAQ~~,~~CAAA~~,SAAA,CAAU,MAAM,~~CACxB~~,~~IAAA~~,OAAA,CAAQ,WAAW,MAAM,CAAA,IACzB,UAAU,~~KAAM~~,~~CAAA~~,cAAA,CAAe,UAAU,CAAC,~~CAAM~~,~~KAAA~~;;;;"}
1	+ {"version":3,"file":"filter-utils.js","sources":["../src/common-hooks/utils/filter-utils.ts"],"sourcesContent":["import { escapeRegExp } from \"../../utils\";\n\nexport type GetFilterRegex = (inputValue: string) => RegExp;\n\nexport type FilterPredicate = (item: string) => boolean;\n\nconst leftTrim = (value: string) =>\n value ? value.replace(/^\\s+/g, \"\") : value;\n\nexport const getDefaultFilterRegex: GetFilterRegex = (value) =>\n new RegExp(`(${escapeRegExp(leftTrim(value))})`, \"gi\");\n\nexport const getDefaultFilter =\n (inputValue = \"\", getFilterRegex: GetFilterRegex = getDefaultFilterRegex) =>\n (itemValue = \"\"): boolean =>\n Boolean(itemValue.length) &&\n Boolean(inputValue.length) &&\n itemValue.match(getFilterRegex(inputValue)) !== null;\n"],"names":[],"mappings":";;;;AAMA,MAAM,QAAA,GAAW,CAAC,KAAA,KAChB,KAAA,GAAQ,MAAM,OAAA,CAAQ,OAAA,EAAS,EAAE,CAAA,GAAI,KAAA;AAEhC,MAAM,qBAAA,GAAwC,CAAC,KAAA,KACpD,IAAI,MAAA,CAAO,CAAA,CAAA,EAAI,YAAA,CAAa,QAAA,CAAS,KAAK,CAAC,CAAC,CAAA,CAAA,CAAA,EAAK,IAAI;AAEhD,MAAM,gBAAA,GACX,CAAC,UAAA,GAAa,EAAA,EAAI,iBAAiC,qBAAA,KACnD,CAAC,SAAA,GAAY,EAAA,KACX,OAAA,CAAQ,SAAA,CAAU,MAAM,CAAA,IACxB,OAAA,CAAQ,WAAW,MAAM,CAAA,IACzB,UAAU,KAAA,CAAM,cAAA,CAAe,UAAU,CAAC,CAAA,KAAM;;;;"}

package/dist-es/common-hooks/utils/isSelected.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"isSelected.js","sources":["../src/common-hooks/utils/isSelected.ts"],"sourcesContent":["import type { CollectionItem } from \"../collectionTypes\";\n\nexport function isSelected<Item>(\n selected: CollectionItem<Item> \| CollectionItem<Item>[] \| null,\n item: CollectionItem<Item>,\n): boolean {\n const isSelected = Array.isArray(selected)\n ? selected.includes(item)\n : selected === item;\n return isSelected;\n}\n"],"names":["isSelected"],"mappings":"~~AAEgB~~,~~SAAA~~,UAAA,CACd,UACA,~~IACS~~,~~EAAA~~;AACT,~~EAAMA~~,~~MAAAA~~,WAAAA,GAAa,MAAM,~~OAAQ~~,~~CAAA~~,QAAQ,IACrC,~~QAAS~~,~~CAAA~~,QAAA,CAAS,IAAI,CAAA,GACtB,~~QAAa~~,~~KAAA~~,IAAA;AACjB,~~EAAOA~~,~~OAAAA~~,WAAAA;AACT;;;;"}
1	+ {"version":3,"file":"isSelected.js","sources":["../src/common-hooks/utils/isSelected.ts"],"sourcesContent":["import type { CollectionItem } from \"../collectionTypes\";\n\nexport function isSelected<Item>(\n selected: CollectionItem<Item> \| CollectionItem<Item>[] \| null,\n item: CollectionItem<Item>,\n): boolean {\n const isSelected = Array.isArray(selected)\n ? selected.includes(item)\n : selected === item;\n return isSelected;\n}\n"],"names":["isSelected"],"mappings":"AAEO,SAAS,UAAA,CACd,UACA,IAAA,EACS;AACT,EAAA,MAAMA,WAAAA,GAAa,MAAM,OAAA,CAAQ,QAAQ,IACrC,QAAA,CAAS,QAAA,CAAS,IAAI,CAAA,GACtB,QAAA,KAAa,IAAA;AACjB,EAAA,OAAOA,WAAAA;AACT;;;;"}

package/dist-es/contact-details/ContactAction.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ContactAction.js","sources":["../src/contact-details/ContactAction.tsx"],"sourcesContent":["import {\n Button,\n type ButtonProps,\n Tooltip,\n type TooltipProps,\n} from \"@salt-ds/core\";\nimport type { IconProps } from \"@salt-ds/icons\";\nimport { type ComponentType, forwardRef } from \"react\";\n\nexport type ContactActionProps = ButtonProps & {\n accessibleText?: string;\n tooltipProps?: TooltipProps;\n} & (\n \| {\n label: string;\n icon?: ComponentType<IconProps>;\n }\n \| {\n label?: string;\n icon: ComponentType<IconProps>;\n }\n );\n\nexport const ContactAction = forwardRef<HTMLButtonElement, ContactActionProps>(\n function ContactAction(props, ref) {\n const { label, icon, accessibleText, tooltipProps, ...restProps } = props;\n\n const Icon = icon;\n\n return (\n <Tooltip\n placement=\"top\"\n disabled={!accessibleText}\n content={accessibleText}\n {...tooltipProps}\n >\n <Button variant=\"secondary\" ref={ref} {...restProps}>\n {label ? label : Icon ? <Icon /> : null}\n </Button>\n </Tooltip>\n );\n },\n);\n"],"names":["ContactAction"],"mappings":";;;;AAuBO,MAAM,~~aAAgB~~,~~GAAA~~,UAAA;AAAA,EAC3B,SAASA,~~cAAc~~,~~CAAA~~,KAAA,EAAO,~~GAAK~~,~~EAAA~~;AACjC,IAAA,MAAM,EAAE,~~KAAO~~,~~EAAA~~,IAAA,EAAM,gBAAgB,~~YAAc~~,~~EAAA~~,GAAG,~~WAAc~~,~~GAAA~~,KAAA;AAEpE,IAAA,MAAM,~~IAAO~~,~~GAAA~~,IAAA;AAEb,~~IACE~~,~~uBAAA~~,GAAA;AAAA,MAAC,OAAA;AAAA,MAAA;AAAA,QACC,~~SAAU~~,~~EAAA~~,KAAA;AAAA,QACV,UAAU,CAAC,cAAA;AAAA,QACX,~~OAAS~~,~~EAAA~~,cAAA;AAAA,QACR,GAAG,YAAA;AAAA,QAEJ,~~QAAC~~,kBAAA,GAAA,~~CAAA~~,MAAA,EAAA,EAAO,~~OAAQ~~,~~EAAA~~,WAAA,EAAY,~~GAAW~~,~~EAAA~~,GAAG,~~SACvC~~,~~EAAA~~,QAAA,EAAA,KAAA,GAAQ,~~KAAQ~~,~~GAAA~~,IAAA,~~mBAAQ~~,GAAA,~~CAAA~~,IAAA,EAAA,EAAK,IAAK,~~IACrC~~,~~EAAA~~;AAAA;AAAA,KACF;AAAA;~~AAGN~~;;;;"}
1	+ {"version":3,"file":"ContactAction.js","sources":["../src/contact-details/ContactAction.tsx"],"sourcesContent":["import {\n Button,\n type ButtonProps,\n Tooltip,\n type TooltipProps,\n} from \"@salt-ds/core\";\nimport type { IconProps } from \"@salt-ds/icons\";\nimport { type ComponentType, forwardRef } from \"react\";\n\nexport type ContactActionProps = ButtonProps & {\n accessibleText?: string;\n tooltipProps?: TooltipProps;\n} & (\n \| {\n label: string;\n icon?: ComponentType<IconProps>;\n }\n \| {\n label?: string;\n icon: ComponentType<IconProps>;\n }\n );\n\nexport const ContactAction = forwardRef<HTMLButtonElement, ContactActionProps>(\n function ContactAction(props, ref) {\n const { label, icon, accessibleText, tooltipProps, ...restProps } = props;\n\n const Icon = icon;\n\n return (\n <Tooltip\n placement=\"top\"\n disabled={!accessibleText}\n content={accessibleText}\n {...tooltipProps}\n >\n <Button variant=\"secondary\" ref={ref} {...restProps}>\n {label ? label : Icon ? <Icon /> : null}\n </Button>\n </Tooltip>\n );\n },\n);\n"],"names":["ContactAction"],"mappings":";;;;AAuBO,MAAM,aAAA,GAAgB,UAAA;AAAA,EAC3B,SAASA,cAAAA,CAAc,KAAA,EAAO,GAAA,EAAK;AACjC,IAAA,MAAM,EAAE,KAAA,EAAO,IAAA,EAAM,gBAAgB,YAAA,EAAc,GAAG,WAAU,GAAI,KAAA;AAEpE,IAAA,MAAM,IAAA,GAAO,IAAA;AAEb,IAAA,uBACE,GAAA;AAAA,MAAC,OAAA;AAAA,MAAA;AAAA,QACC,SAAA,EAAU,KAAA;AAAA,QACV,UAAU,CAAC,cAAA;AAAA,QACX,OAAA,EAAS,cAAA;AAAA,QACR,GAAG,YAAA;AAAA,QAEJ,QAAA,kBAAA,GAAA,CAAC,MAAA,EAAA,EAAO,OAAA,EAAQ,WAAA,EAAY,GAAA,EAAW,GAAG,SAAA,EACvC,QAAA,EAAA,KAAA,GAAQ,KAAA,GAAQ,IAAA,mBAAO,GAAA,CAAC,IAAA,EAAA,EAAK,IAAK,IAAA,EACrC;AAAA;AAAA,KACF;AAAA,EAEJ;AACF;;;;"}

package/dist-es/contact-details/ContactActions.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ContactActions.js","sources":["../src/contact-details/ContactActions.tsx"],"sourcesContent":["import { makePrefixer } from \"@salt-ds/core\";\nimport { forwardRef, type HTMLAttributes } from \"react\";\nimport { useContactDetailsContext } from \"./internal\";\n\nconst withBaseName = makePrefixer(\"saltContactActions\");\n\nexport interface ContactActionsProps extends HTMLAttributes<HTMLDivElement> {}\n\nexport const ContactActions = forwardRef<HTMLDivElement, ContactActionsProps>(\n (props, ref) => {\n const { children, ...restProps } = props;\n const { variant } = useContactDetailsContext();\n if (variant === \"mini\") {\n return null;\n }\n return (\n <div {...restProps} ref={ref} className={withBaseName()}>\n {children}\n </div>\n );\n },\n);\n"],"names":[],"mappings":";;;;;;AAIA,MAAM,YAAA,GAAe,aAAa,oBAAoB,CAAA;AAI/C,MAAM,~~cAAiB~~,~~GAAA~~,UAAA;AAAA,EAC5B,CAAC,OAAO,~~GAAQ~~,~~KAAA~~;AACd,IAAA,MAAM,EAAE,QAAA,EAAU,GAAG,SAAA,~~EAAc~~,~~GAAA~~,KAAA;AACnC,~~IAAM~~,~~MAAA~~,EAAE,~~OAAQ~~,~~EAAA~~,GAAI,~~wBAAyB~~,~~EAAA~~;AAC7C,IAAA,IAAI,YAAY,~~MAAQ~~,~~EAAA~~;AACtB,~~MAAO~~,~~OAAA~~,IAAA;AAAA;~~AAET~~,~~IACE~~,~~uBAAA~~,GAAA,CAAC,SAAK,GAAG,SAAA,EAAW,KAAU,~~SAAW~~,~~EAAA~~,YAAA,IACtC,~~QACH~~,~~EAAA~~,CAAA;AAAA;~~AAGN~~;;;;"}
1	+ {"version":3,"file":"ContactActions.js","sources":["../src/contact-details/ContactActions.tsx"],"sourcesContent":["import { makePrefixer } from \"@salt-ds/core\";\nimport { forwardRef, type HTMLAttributes } from \"react\";\nimport { useContactDetailsContext } from \"./internal\";\n\nconst withBaseName = makePrefixer(\"saltContactActions\");\n\nexport interface ContactActionsProps extends HTMLAttributes<HTMLDivElement> {}\n\nexport const ContactActions = forwardRef<HTMLDivElement, ContactActionsProps>(\n (props, ref) => {\n const { children, ...restProps } = props;\n const { variant } = useContactDetailsContext();\n if (variant === \"mini\") {\n return null;\n }\n return (\n <div {...restProps} ref={ref} className={withBaseName()}>\n {children}\n </div>\n );\n },\n);\n"],"names":[],"mappings":";;;;;;AAIA,MAAM,YAAA,GAAe,aAAa,oBAAoB,CAAA;AAI/C,MAAM,cAAA,GAAiB,UAAA;AAAA,EAC5B,CAAC,OAAO,GAAA,KAAQ;AACd,IAAA,MAAM,EAAE,QAAA,EAAU,GAAG,SAAA,EAAU,GAAI,KAAA;AACnC,IAAA,MAAM,EAAE,OAAA,EAAQ,GAAI,wBAAA,EAAyB;AAC7C,IAAA,IAAI,YAAY,MAAA,EAAQ;AACtB,MAAA,OAAO,IAAA;AAAA,IACT;AACA,IAAA,uBACE,GAAA,CAAC,SAAK,GAAG,SAAA,EAAW,KAAU,SAAA,EAAW,YAAA,IACtC,QAAA,EACH,CAAA;AAAA,EAEJ;AACF;;;;"}

package/dist-es/contact-details/ContactAvatar.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ContactAvatar.js","sources":["../src/contact-details/ContactAvatar.tsx"],"sourcesContent":["import { Avatar, type AvatarProps, makePrefixer } from \"@salt-ds/core\";\nimport { clsx } from \"clsx\";\nimport { forwardRef, useEffect } from \"react\";\nimport { useContactDetailsContext } from \"./internal\";\n\nconst withBaseName = makePrefixer(\"saltContactAvatar\");\n\nexport type ContactAvatarProps = AvatarProps;\n\nexport const ContactAvatar = forwardRef<HTMLDivElement, ContactAvatarProps>(\n (props, ref) => {\n const { className, ...restProps } = props;\n const context = useContactDetailsContext();\n const { variant, primary, isStacked, setHasAvatar } = context;\n\n useEffect(() => {\n setHasAvatar(true);\n return () => {\n setHasAvatar(false);\n };\n }, [setHasAvatar]);\n\n if (variant === \"mini\") {\n return null;\n }\n\n const avatarSize = variant === \"default\" ? 3 : 2;\n return (\n <Avatar\n {...restProps}\n ref={ref}\n aria-hidden={true}\n className={clsx(\n withBaseName(),\n {\n [withBaseName(\"stacked\")]: isStacked,\n },\n className,\n )}\n size={avatarSize}\n >\n {primary\n ? primary\n .split(\" \")\n .map((x) => x.charAt(0))\n .slice(0, 2)\n : null}\n </Avatar>\n );\n },\n);\n"],"names":[],"mappings":";;;;;;;AAKA,MAAM,YAAA,GAAe,aAAa,mBAAmB,CAAA;AAI9C,MAAM,~~aAAgB~~,~~GAAA~~,UAAA;AAAA,EAC3B,CAAC,OAAO,~~GAAQ~~,~~KAAA~~;AACd,IAAA,MAAM,EAAE,SAAA,EAAW,GAAG,SAAA,~~EAAc~~,~~GAAA~~,KAAA;AACpC,IAAA,MAAM,UAAU,~~wBAAyB~~,~~EAAA~~;AACzC,IAAA,MAAM,EAAE,OAAA,EAAS,~~OAAS~~,~~EAAA~~,SAAA,EAAW,~~cAAiB~~,~~GAAA~~,OAAA;AAEtD,IAAA,SAAA,CAAU,MAAM;AACd,MAAA,YAAA,CAAa,IAAI,CAAA;AACjB,MAAA,OAAO,MAAM;AACX,QAAA,YAAA,CAAa,KAAK,CAAA;AAAA,~~OACpB~~;AAAA,~~KACF~~,EAAG,CAAC,YAAY,CAAC,CAAA;AAEjB,IAAA,IAAI,YAAY,~~MAAQ~~,~~EAAA~~;AACtB,~~MAAO~~,~~OAAA~~,IAAA;AAAA;~~AAGT~~,~~IAAM~~,~~MAAA~~,UAAA,GAAa,~~OAAY~~,~~KAAA~~,SAAA,GAAY,~~CAAI~~,~~GAAA~~,CAAA;AAC/C,~~IACE~~,~~uBAAA~~,GAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACE,GAAG,SAAA;AAAA,QACJ,GAAA;AAAA,QACA,~~aAAa~~,~~EAAA~~,IAAA;AAAA,QACb,~~SAAW~~,~~EAAA~~,IAAA;AAAA,UACT,~~YAAa~~,~~EAAA~~;AAAA,UACb;AAAA,YACE,CAAC,YAAA,CAAa,SAAS,CAAC,GAAG;AAAA,WAC7B;AAAA,UACA;AAAA,SACF;AAAA,QACA,~~IAAM~~,~~EAAA~~,UAAA;AAAA,QAEL,oBACG,~~OACG~~,~~CAAA~~,KAAA,CAAM,GAAG,CAAA,CACT,IAAI,CAAC,CAAA,KAAM,CAAE,~~CAAA,~~MAAA,CAAO,CAAC,CAAC,CAAA,CACtB,~~KAAM~~,~~CAAA~~,CAAA,EAAG,CAAC,~~CACb~~,~~GAAA~~;AAAA;AAAA,KACN;AAAA;~~AAGN~~;;;;"}
1	+ {"version":3,"file":"ContactAvatar.js","sources":["../src/contact-details/ContactAvatar.tsx"],"sourcesContent":["import { Avatar, type AvatarProps, makePrefixer } from \"@salt-ds/core\";\nimport { clsx } from \"clsx\";\nimport { forwardRef, useEffect } from \"react\";\nimport { useContactDetailsContext } from \"./internal\";\n\nconst withBaseName = makePrefixer(\"saltContactAvatar\");\n\nexport type ContactAvatarProps = AvatarProps;\n\nexport const ContactAvatar = forwardRef<HTMLDivElement, ContactAvatarProps>(\n (props, ref) => {\n const { className, ...restProps } = props;\n const context = useContactDetailsContext();\n const { variant, primary, isStacked, setHasAvatar } = context;\n\n useEffect(() => {\n setHasAvatar(true);\n return () => {\n setHasAvatar(false);\n };\n }, [setHasAvatar]);\n\n if (variant === \"mini\") {\n return null;\n }\n\n const avatarSize = variant === \"default\" ? 3 : 2;\n return (\n <Avatar\n {...restProps}\n ref={ref}\n aria-hidden={true}\n className={clsx(\n withBaseName(),\n {\n [withBaseName(\"stacked\")]: isStacked,\n },\n className,\n )}\n size={avatarSize}\n >\n {primary\n ? primary\n .split(\" \")\n .map((x) => x.charAt(0))\n .slice(0, 2)\n : null}\n </Avatar>\n );\n },\n);\n"],"names":[],"mappings":";;;;;;;AAKA,MAAM,YAAA,GAAe,aAAa,mBAAmB,CAAA;AAI9C,MAAM,aAAA,GAAgB,UAAA;AAAA,EAC3B,CAAC,OAAO,GAAA,KAAQ;AACd,IAAA,MAAM,EAAE,SAAA,EAAW,GAAG,SAAA,EAAU,GAAI,KAAA;AACpC,IAAA,MAAM,UAAU,wBAAA,EAAyB;AACzC,IAAA,MAAM,EAAE,OAAA,EAAS,OAAA,EAAS,SAAA,EAAW,cAAa,GAAI,OAAA;AAEtD,IAAA,SAAA,CAAU,MAAM;AACd,MAAA,YAAA,CAAa,IAAI,CAAA;AACjB,MAAA,OAAO,MAAM;AACX,QAAA,YAAA,CAAa,KAAK,CAAA;AAAA,MACpB,CAAA;AAAA,IACF,CAAA,EAAG,CAAC,YAAY,CAAC,CAAA;AAEjB,IAAA,IAAI,YAAY,MAAA,EAAQ;AACtB,MAAA,OAAO,IAAA;AAAA,IACT;AAEA,IAAA,MAAM,UAAA,GAAa,OAAA,KAAY,SAAA,GAAY,CAAA,GAAI,CAAA;AAC/C,IAAA,uBACE,GAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACE,GAAG,SAAA;AAAA,QACJ,GAAA;AAAA,QACA,aAAA,EAAa,IAAA;AAAA,QACb,SAAA,EAAW,IAAA;AAAA,UACT,YAAA,EAAa;AAAA,UACb;AAAA,YACE,CAAC,YAAA,CAAa,SAAS,CAAC,GAAG;AAAA,WAC7B;AAAA,UACA;AAAA,SACF;AAAA,QACA,IAAA,EAAM,UAAA;AAAA,QAEL,oBACG,OAAA,CACG,KAAA,CAAM,GAAG,CAAA,CACT,IAAI,CAAC,CAAA,KAAM,CAAA,CAAE,MAAA,CAAO,CAAC,CAAC,CAAA,CACtB,KAAA,CAAM,CAAA,EAAG,CAAC,CAAA,GACb;AAAA;AAAA,KACN;AAAA,EAEJ;AACF;;;;"}

package/dist-es/contact-details/ContactDetails.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ContactDetails.js","sources":["../src/contact-details/ContactDetails.tsx"],"sourcesContent":["import { makePrefixer, useForkRef } from \"@salt-ds/core\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { clsx } from \"clsx\";\nimport { forwardRef, type HTMLAttributes, useState } from \"react\";\nimport contactDetailsCss from \"./ContactDetails.css\";\nimport { ContactDetailsContext, useComponentSize } from \"./internal\";\n\nconst withBaseName = makePrefixer(\"saltContactDetails\");\n\nexport type ContactDetailsVariant = \"default\" \| \"compact\" \| \"mini\";\n\nexport interface ContactDetailsProps extends HTMLAttributes<HTMLDivElement> {\n variant?: ContactDetailsVariant;\n stackAtBreakpoint?: number;\n embedded?: boolean;\n}\n\nfunction getClassName(variant: ContactDetailsVariant, isStacked?: boolean) {\n return withBaseName(`${variant}${isStacked ? \"-stacked\" : \"\"}`);\n}\n\nexport const ContactDetails = forwardRef<HTMLDivElement, ContactDetailsProps>(\n function ContactDetails(props, externalRef) {\n const {\n children,\n variant = \"default\",\n className,\n stackAtBreakpoint = 300,\n embedded,\n ...restProps\n } = props;\n\n const targetWindow = useWindow();\n useComponentCssInjection({\n testId: \"salt-contact-details\",\n css: contactDetailsCss,\n window: targetWindow,\n });\n\n const [hasAvatar, setHasAvatar] = useState<boolean>(false);\n const [primary, setPrimary] = useState<string>();\n const [primaryId, setPrimaryId] = useState<string>();\n\n const [secondary, setSecondary] = useState<string>();\n const [secondaryId, setSecondaryId] = useState<string>();\n\n const [tertiary, setTertiary] = useState<string>();\n const [tertiaryId, setTertiaryId] = useState<string>();\n\n const [containerRef, componentSize] =\n useComponentSize<HTMLDivElement>(stackAtBreakpoint);\n\n const isStacked = componentSize && componentSize.width < stackAtBreakpoint;\n\n variant === \"compact\" &&\n isStacked &&\n console.log(\"componentSize\", componentSize.width, containerRef.current);\n\n const ref = useForkRef(externalRef, containerRef);\n\n const contextValue = {\n variant,\n hasAvatar,\n setHasAvatar,\n isStacked,\n primary,\n setPrimary,\n primaryId,\n setPrimaryId,\n secondary,\n setSecondary,\n secondaryId,\n setSecondaryId,\n tertiary,\n setTertiary,\n tertiaryId,\n setTertiaryId,\n };\n\n const showNoAvatar = !hasAvatar && !embedded && variant !== \"mini\";\n\n return (\n <ContactDetailsContext.Provider value={contextValue}>\n <div\n {...restProps}\n ref={ref}\n className={clsx(\n withBaseName(),\n getClassName(variant, isStacked),\n {\n [withBaseName(\"embedded\")]: embedded,\n [withBaseName(\"noAvatar\")]: showNoAvatar,\n },\n className,\n )}\n role=\"article\"\n aria-roledescription=\"Contact Card\"\n >\n {children}\n {showNoAvatar ? (\n <div className={withBaseName(\"noAvatar-indicator\")} />\n ) : null}\n </div>\n </ContactDetailsContext.Provider>\n );\n },\n);\n"],"names":["ContactDetails","contactDetailsCss"],"mappings":";;;;;;;;;;;AAQA,MAAM,YAAA,GAAe,aAAa,oBAAoB,CAAA;AAUtD,SAAS,YAAA,CAAa,SAAgC,~~SAAqB~~,~~EAAA~~;AACzE,EAAA,OAAO,aAAa,~~CAAG~~,~~EAAA~~,OAAO,GAAG,~~SAAY~~,~~GAAA~~,UAAA,GAAa,EAAE,CAAE,CAAA~~,CAAA~~;AAChE;AAEO,MAAM,~~cAAiB~~,~~GAAA~~,UAAA;AAAA,EAC5B,SAASA,~~eAAe~~,~~CAAA~~,KAAA,EAAO,~~WAAa~~,~~EAAA~~;AAC1C,~~IAAM~~,~~MAAA~~;AAAA,MACJ,QAAA;AAAA,MACA,~~OAAU~~,~~GAAA~~,SAAA;AAAA,MACV,SAAA;AAAA,MACA,~~iBAAoB~~,~~GAAA~~,GAAA;AAAA,MACpB,QAAA;AAAA,MACA,GAAG;AAAA,~~KACD~~,~~GAAA~~,KAAA;AAEJ,IAAA,MAAM,eAAe,~~SAAU~~,~~EAAA~~;AAC/B,~~IAAyB~~,wBAAA,~~CAAA~~;AAAA,MACvB,~~MAAQ~~,~~EAAA~~,sBAAA;AAAA,MACR,~~GAAK~~,~~EAAAC~~,QAAA;AAAA,MACL,~~MAAQ~~,~~EAAA~~;AAAA,KACT,CAAA;AAED,IAAA,MAAM,CAAC,SAAA,EAAW,YAAY,CAAA,GAAI,SAAkB,KAAK,CAAA;AACzD,IAAA,MAAM,CAAC,OAAA,EAAS,UAAU,CAAA,GAAI,~~QAAiB~~,~~EAAA~~;AAC/C,IAAA,MAAM,CAAC,SAAA,EAAW,YAAY,CAAA,GAAI,~~QAAiB~~,~~EAAA~~;AAEnD,IAAA,MAAM,CAAC,SAAA,EAAW,YAAY,CAAA,GAAI,~~QAAiB~~,~~EAAA~~;AACnD,IAAA,MAAM,CAAC,WAAA,EAAa,cAAc,CAAA,GAAI,~~QAAiB~~,~~EAAA~~;AAEvD,IAAA,MAAM,CAAC,QAAA,EAAU,WAAW,CAAA,GAAI,~~QAAiB~~,~~EAAA~~;AACjD,IAAA,MAAM,CAAC,UAAA,EAAY,aAAa,CAAA,GAAI,~~QAAiB~~,~~EAAA~~;AAErD,IAAA,MAAM,CAAC,YAAA,EAAc,aAAa,CAAA,GAChC,iBAAiC,iBAAiB,CAAA;AAEpD,~~IAAM~~,~~MAAA~~,SAAA,GAAY,~~aAAiB~~,~~IAAA~~,aAAA,CAAc,~~KAAQ~~,~~GAAA~~,iBAAA;AAEzD,~~IAAY~~,OAAA,~~KAAA~~,SAAA,IACV,aACA,~~OAAQ~~,~~CAAA~~,GAAA,CAAI,iBAAiB,~~aAAc~~,~~CAAA~~,KAAA,EAAO,aAAa,OAAO,CAAA;AAExE,~~IAAM~~,~~MAAA~~,GAAA,GAAM,~~UAAW~~,~~CAAA~~,WAAA,EAAa,YAAY,CAAA;AAEhD,IAAA,MAAM,~~YAAe~~,~~GAAA~~;AAAA,MACnB,OAAA;AAAA,MACA,SAAA;AAAA,MACA,YAAA;AAAA,MACA,SAAA;AAAA,MACA,OAAA;AAAA,MACA,UAAA;AAAA,MACA,SAAA;AAAA,MACA,YAAA;AAAA,MACA,SAAA;AAAA,MACA,YAAA;AAAA,MACA,WAAA;AAAA,MACA,cAAA;AAAA,MACA,QAAA;AAAA,MACA,WAAA;AAAA,MACA,UAAA;AAAA,MACA;AAAA,KACF;AAEA,IAAA,MAAM,~~YAAe~~,~~GAAA~~,CAAC,~~SAAa~~,~~IAAA~~,CAAC,YAAY,~~OAAY~~,~~KAAA~~,MAAA;AAE5D,IAAA,~~uBACG~~,GAAA,~~CAAA~~,qBAAA,CAAsB,~~QAAtB~~,~~EAAA~~,EAA+B,OAAO,~~YACrC~~,~~EAAA~~,QAAA,kBAAA,IAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACE,GAAG,SAAA;AAAA,QACJ,GAAA;AAAA,QACA,~~SAAW~~,~~EAAA~~,IAAA;AAAA,UACT,~~YAAa~~,~~EAAA~~;AAAA,UACb,YAAA,CAAa,SAAS,SAAS,CAAA;AAAA,UAC/B;AAAA,YACE,CAAC,YAAA,CAAa,UAAU,CAAC,GAAG,QAAA;AAAA,YAC5B,CAAC,YAAA,CAAa,UAAU,CAAC,GAAG;AAAA,WAC9B;AAAA,UACA;AAAA,SACF;AAAA,QACA,~~IAAK~~,~~EAAA~~,SAAA;AAAA,QACL,~~sBAAqB~~,~~EAAA~~,cAAA;AAAA,QAEpB,QAAA,EAAA;AAAA,UAAA,QAAA;AAAA,UACA,+~~BACE~~,GAAA,~~CAAA~~,KAAA,EAAA,EAAI,WAAW,~~YAAa~~,~~CAAA~~,oBAAoB,GAAG,~~CAClD~~,~~GAAA~~;AAAA;AAAA;AAAA,~~KAER~~,~~EAAA~~,CAAA;AAAA;~~AAGN~~;;;;"}
1	+ {"version":3,"file":"ContactDetails.js","sources":["../src/contact-details/ContactDetails.tsx"],"sourcesContent":["import { makePrefixer, useForkRef } from \"@salt-ds/core\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { clsx } from \"clsx\";\nimport { forwardRef, type HTMLAttributes, useState } from \"react\";\nimport contactDetailsCss from \"./ContactDetails.css\";\nimport { ContactDetailsContext, useComponentSize } from \"./internal\";\n\nconst withBaseName = makePrefixer(\"saltContactDetails\");\n\nexport type ContactDetailsVariant = \"default\" \| \"compact\" \| \"mini\";\n\nexport interface ContactDetailsProps extends HTMLAttributes<HTMLDivElement> {\n variant?: ContactDetailsVariant;\n stackAtBreakpoint?: number;\n embedded?: boolean;\n}\n\nfunction getClassName(variant: ContactDetailsVariant, isStacked?: boolean) {\n return withBaseName(`${variant}${isStacked ? \"-stacked\" : \"\"}`);\n}\n\nexport const ContactDetails = forwardRef<HTMLDivElement, ContactDetailsProps>(\n function ContactDetails(props, externalRef) {\n const {\n children,\n variant = \"default\",\n className,\n stackAtBreakpoint = 300,\n embedded,\n ...restProps\n } = props;\n\n const targetWindow = useWindow();\n useComponentCssInjection({\n testId: \"salt-contact-details\",\n css: contactDetailsCss,\n window: targetWindow,\n });\n\n const [hasAvatar, setHasAvatar] = useState<boolean>(false);\n const [primary, setPrimary] = useState<string>();\n const [primaryId, setPrimaryId] = useState<string>();\n\n const [secondary, setSecondary] = useState<string>();\n const [secondaryId, setSecondaryId] = useState<string>();\n\n const [tertiary, setTertiary] = useState<string>();\n const [tertiaryId, setTertiaryId] = useState<string>();\n\n const [containerRef, componentSize] =\n useComponentSize<HTMLDivElement>(stackAtBreakpoint);\n\n const isStacked = componentSize && componentSize.width < stackAtBreakpoint;\n\n variant === \"compact\" &&\n isStacked &&\n console.log(\"componentSize\", componentSize.width, containerRef.current);\n\n const ref = useForkRef(externalRef, containerRef);\n\n const contextValue = {\n variant,\n hasAvatar,\n setHasAvatar,\n isStacked,\n primary,\n setPrimary,\n primaryId,\n setPrimaryId,\n secondary,\n setSecondary,\n secondaryId,\n setSecondaryId,\n tertiary,\n setTertiary,\n tertiaryId,\n setTertiaryId,\n };\n\n const showNoAvatar = !hasAvatar && !embedded && variant !== \"mini\";\n\n return (\n <ContactDetailsContext.Provider value={contextValue}>\n <div\n {...restProps}\n ref={ref}\n className={clsx(\n withBaseName(),\n getClassName(variant, isStacked),\n {\n [withBaseName(\"embedded\")]: embedded,\n [withBaseName(\"noAvatar\")]: showNoAvatar,\n },\n className,\n )}\n role=\"article\"\n aria-roledescription=\"Contact Card\"\n >\n {children}\n {showNoAvatar ? (\n <div className={withBaseName(\"noAvatar-indicator\")} />\n ) : null}\n </div>\n </ContactDetailsContext.Provider>\n );\n },\n);\n"],"names":["ContactDetails","contactDetailsCss"],"mappings":";;;;;;;;;;;AAQA,MAAM,YAAA,GAAe,aAAa,oBAAoB,CAAA;AAUtD,SAAS,YAAA,CAAa,SAAgC,SAAA,EAAqB;AACzE,EAAA,OAAO,aAAa,CAAA,EAAG,OAAO,GAAG,SAAA,GAAY,UAAA,GAAa,EAAE,CAAA,CAAE,CAAA;AAChE;AAEO,MAAM,cAAA,GAAiB,UAAA;AAAA,EAC5B,SAASA,eAAAA,CAAe,KAAA,EAAO,WAAA,EAAa;AAC1C,IAAA,MAAM;AAAA,MACJ,QAAA;AAAA,MACA,OAAA,GAAU,SAAA;AAAA,MACV,SAAA;AAAA,MACA,iBAAA,GAAoB,GAAA;AAAA,MACpB,QAAA;AAAA,MACA,GAAG;AAAA,KACL,GAAI,KAAA;AAEJ,IAAA,MAAM,eAAe,SAAA,EAAU;AAC/B,IAAA,wBAAA,CAAyB;AAAA,MACvB,MAAA,EAAQ,sBAAA;AAAA,MACR,GAAA,EAAKC,QAAA;AAAA,MACL,MAAA,EAAQ;AAAA,KACT,CAAA;AAED,IAAA,MAAM,CAAC,SAAA,EAAW,YAAY,CAAA,GAAI,SAAkB,KAAK,CAAA;AACzD,IAAA,MAAM,CAAC,OAAA,EAAS,UAAU,CAAA,GAAI,QAAA,EAAiB;AAC/C,IAAA,MAAM,CAAC,SAAA,EAAW,YAAY,CAAA,GAAI,QAAA,EAAiB;AAEnD,IAAA,MAAM,CAAC,SAAA,EAAW,YAAY,CAAA,GAAI,QAAA,EAAiB;AACnD,IAAA,MAAM,CAAC,WAAA,EAAa,cAAc,CAAA,GAAI,QAAA,EAAiB;AAEvD,IAAA,MAAM,CAAC,QAAA,EAAU,WAAW,CAAA,GAAI,QAAA,EAAiB;AACjD,IAAA,MAAM,CAAC,UAAA,EAAY,aAAa,CAAA,GAAI,QAAA,EAAiB;AAErD,IAAA,MAAM,CAAC,YAAA,EAAc,aAAa,CAAA,GAChC,iBAAiC,iBAAiB,CAAA;AAEpD,IAAA,MAAM,SAAA,GAAY,aAAA,IAAiB,aAAA,CAAc,KAAA,GAAQ,iBAAA;AAEzD,IAAA,OAAA,KAAY,SAAA,IACV,aACA,OAAA,CAAQ,GAAA,CAAI,iBAAiB,aAAA,CAAc,KAAA,EAAO,aAAa,OAAO,CAAA;AAExE,IAAA,MAAM,GAAA,GAAM,UAAA,CAAW,WAAA,EAAa,YAAY,CAAA;AAEhD,IAAA,MAAM,YAAA,GAAe;AAAA,MACnB,OAAA;AAAA,MACA,SAAA;AAAA,MACA,YAAA;AAAA,MACA,SAAA;AAAA,MACA,OAAA;AAAA,MACA,UAAA;AAAA,MACA,SAAA;AAAA,MACA,YAAA;AAAA,MACA,SAAA;AAAA,MACA,YAAA;AAAA,MACA,WAAA;AAAA,MACA,cAAA;AAAA,MACA,QAAA;AAAA,MACA,WAAA;AAAA,MACA,UAAA;AAAA,MACA;AAAA,KACF;AAEA,IAAA,MAAM,YAAA,GAAe,CAAC,SAAA,IAAa,CAAC,YAAY,OAAA,KAAY,MAAA;AAE5D,IAAA,uBACE,GAAA,CAAC,qBAAA,CAAsB,QAAA,EAAtB,EAA+B,OAAO,YAAA,EACrC,QAAA,kBAAA,IAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACE,GAAG,SAAA;AAAA,QACJ,GAAA;AAAA,QACA,SAAA,EAAW,IAAA;AAAA,UACT,YAAA,EAAa;AAAA,UACb,YAAA,CAAa,SAAS,SAAS,CAAA;AAAA,UAC/B;AAAA,YACE,CAAC,YAAA,CAAa,UAAU,CAAC,GAAG,QAAA;AAAA,YAC5B,CAAC,YAAA,CAAa,UAAU,CAAC,GAAG;AAAA,WAC9B;AAAA,UACA;AAAA,SACF;AAAA,QACA,IAAA,EAAK,SAAA;AAAA,QACL,sBAAA,EAAqB,cAAA;AAAA,QAEpB,QAAA,EAAA;AAAA,UAAA,QAAA;AAAA,UACA,+BACC,GAAA,CAAC,KAAA,EAAA,EAAI,WAAW,YAAA,CAAa,oBAAoB,GAAG,CAAA,GAClD;AAAA;AAAA;AAAA,KACN,EACF,CAAA;AAAA,EAEJ;AACF;;;;"}

package/dist-es/contact-details/ContactFavoriteToggle.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ContactFavoriteToggle.js","sources":["../src/contact-details/ContactFavoriteToggle.tsx"],"sourcesContent":["import { type TooltipProps, useControlled, useId } from \"@salt-ds/core\";\nimport { forwardRef } from \"react\";\nimport {\n FavoriteToggleWithTooltip,\n type FavoriteToggleWithTooltipProps,\n} from \"./internal\";\n\nexport interface ContactFavoriteToggleProps\n extends FavoriteToggleWithTooltipProps {\n isFavorite?: boolean;\n defaultIsFavorite?: boolean;\n onChange?: (isFavorite: boolean) => void;\n tooltipProps?: TooltipProps;\n}\n\nexport const ContactFavoriteToggle = forwardRef<\n HTMLSpanElement,\n ContactFavoriteToggleProps\n>(function ContactFavoriteToggle(props, ref) {\n const {\n id: idProp,\n isFavorite: isFavoriteProp,\n defaultIsFavorite = false,\n onChange: onChangeProp,\n tooltipProps,\n ...restProps\n } = props;\n\n const id = useId(idProp);\n\n const [isFavorite, setIsFavorite] = useControlled({\n controlled: isFavoriteProp,\n default: defaultIsFavorite,\n name: \"ContactDetails\",\n state: \"isFavorite\",\n });\n\n const onChange = (isSelected: boolean) => {\n setIsFavorite(isSelected);\n if (onChangeProp) {\n onChangeProp(isSelected);\n }\n };\n\n const tooltipTitle = `${isFavorite ? \"Remove\" : \"Mark\"} as favorite`;\n\n return (\n <FavoriteToggleWithTooltip\n {...restProps}\n id={id}\n ref={ref}\n tooltipProps={tooltipProps}\n aria-label=\"Favorite\"\n isSelected={isFavorite}\n onChange={onChange}\n tooltipTitle={tooltipTitle}\n />\n );\n});\n"],"names":["ContactFavoriteToggle"],"mappings":";;;;;;AAeO,MAAM,~~qBAAwB~~,~~GAAA~~,UAAA,CAGnC,SAASA,sBAAAA,CAAsB,OAAO,~~GAAK~~,~~EAAA~~;AAC3C,~~EAAM~~,~~MAAA~~;AAAA,IACJ,EAAI,~~EAAA,~~MAAA;AAAA,IACJ,~~UAAY~~,~~EAAA~~,cAAA;AAAA,IACZ,~~iBAAoB~~,~~GAAA~~,KAAA;AAAA,IACpB,~~QAAU~~,~~EAAA~~,YAAA;AAAA,IACV,YAAA;AAAA,IACA,GAAG;AAAA,~~GACD~~,~~GAAA~~,KAAA;AAEJ,~~EAAM~~,~~MAAA~~,EAAA,GAAK,MAAM,MAAM,CAAA;AAEvB,EAAA,MAAM,CAAC,UAAA,EAAY,aAAa,CAAA,GAAI,~~aAAc~~,~~CAAA~~;AAAA,IAChD,~~UAAY~~,~~EAAA~~,cAAA;AAAA,IACZ,~~OAAS~~,~~EAAA~~,iBAAA;AAAA,IACT,~~IAAM~~,~~EAAA~~,gBAAA;AAAA,IACN,~~KAAO~~,~~EAAA~~;AAAA,GACR,CAAA;AAED,~~EAAM~~,~~MAAA~~,QAAA,GAAW,CAAC,~~UAAwB~~,~~KAAA~~;AACxC,IAAA,aAAA,CAAc,UAAU,CAAA;AACxB,IAAA,IAAI,~~YAAc~~,~~EAAA~~;AAChB,MAAA,YAAA,CAAa,UAAU,CAAA;AAAA;~~AACzB~~,~~GACF~~;AAEA,EAAA,MAAM,~~YAAe~~,~~GAAA~~,CAAA,EAAG,~~UAAa~~,~~GAAA~~,QAAA,GAAW,MAAM,CAAA,YAAA,CAAA;AAEtD,~~EACE~~,~~uBAAA~~,GAAA;AAAA,IAAC,yBAAA;AAAA,IAAA;AAAA,MACE,GAAG,SAAA;AAAA,MACJ,EAAA;AAAA,MACA,GAAA;AAAA,MACA,YAAA;AAAA,MACA,~~YAAW~~,~~EAAA~~,UAAA;AAAA,MACX,~~UAAY~~,~~EAAA~~,UAAA;AAAA,MACZ,QAAA;AAAA,MACA;AAAA;AAAA,GACF;AAEJ,CAAC;;;;"}
1	+ {"version":3,"file":"ContactFavoriteToggle.js","sources":["../src/contact-details/ContactFavoriteToggle.tsx"],"sourcesContent":["import { type TooltipProps, useControlled, useId } from \"@salt-ds/core\";\nimport { forwardRef } from \"react\";\nimport {\n FavoriteToggleWithTooltip,\n type FavoriteToggleWithTooltipProps,\n} from \"./internal\";\n\nexport interface ContactFavoriteToggleProps\n extends FavoriteToggleWithTooltipProps {\n isFavorite?: boolean;\n defaultIsFavorite?: boolean;\n onChange?: (isFavorite: boolean) => void;\n tooltipProps?: TooltipProps;\n}\n\nexport const ContactFavoriteToggle = forwardRef<\n HTMLSpanElement,\n ContactFavoriteToggleProps\n>(function ContactFavoriteToggle(props, ref) {\n const {\n id: idProp,\n isFavorite: isFavoriteProp,\n defaultIsFavorite = false,\n onChange: onChangeProp,\n tooltipProps,\n ...restProps\n } = props;\n\n const id = useId(idProp);\n\n const [isFavorite, setIsFavorite] = useControlled({\n controlled: isFavoriteProp,\n default: defaultIsFavorite,\n name: \"ContactDetails\",\n state: \"isFavorite\",\n });\n\n const onChange = (isSelected: boolean) => {\n setIsFavorite(isSelected);\n if (onChangeProp) {\n onChangeProp(isSelected);\n }\n };\n\n const tooltipTitle = `${isFavorite ? \"Remove\" : \"Mark\"} as favorite`;\n\n return (\n <FavoriteToggleWithTooltip\n {...restProps}\n id={id}\n ref={ref}\n tooltipProps={tooltipProps}\n aria-label=\"Favorite\"\n isSelected={isFavorite}\n onChange={onChange}\n tooltipTitle={tooltipTitle}\n />\n );\n});\n"],"names":["ContactFavoriteToggle"],"mappings":";;;;;;AAeO,MAAM,qBAAA,GAAwB,UAAA,CAGnC,SAASA,sBAAAA,CAAsB,OAAO,GAAA,EAAK;AAC3C,EAAA,MAAM;AAAA,IACJ,EAAA,EAAI,MAAA;AAAA,IACJ,UAAA,EAAY,cAAA;AAAA,IACZ,iBAAA,GAAoB,KAAA;AAAA,IACpB,QAAA,EAAU,YAAA;AAAA,IACV,YAAA;AAAA,IACA,GAAG;AAAA,GACL,GAAI,KAAA;AAEJ,EAAA,MAAM,EAAA,GAAK,MAAM,MAAM,CAAA;AAEvB,EAAA,MAAM,CAAC,UAAA,EAAY,aAAa,CAAA,GAAI,aAAA,CAAc;AAAA,IAChD,UAAA,EAAY,cAAA;AAAA,IACZ,OAAA,EAAS,iBAAA;AAAA,IACT,IAAA,EAAM,gBAAA;AAAA,IACN,KAAA,EAAO;AAAA,GACR,CAAA;AAED,EAAA,MAAM,QAAA,GAAW,CAAC,UAAA,KAAwB;AACxC,IAAA,aAAA,CAAc,UAAU,CAAA;AACxB,IAAA,IAAI,YAAA,EAAc;AAChB,MAAA,YAAA,CAAa,UAAU,CAAA;AAAA,IACzB;AAAA,EACF,CAAA;AAEA,EAAA,MAAM,YAAA,GAAe,CAAA,EAAG,UAAA,GAAa,QAAA,GAAW,MAAM,CAAA,YAAA,CAAA;AAEtD,EAAA,uBACE,GAAA;AAAA,IAAC,yBAAA;AAAA,IAAA;AAAA,MACE,GAAG,SAAA;AAAA,MACJ,EAAA;AAAA,MACA,GAAA;AAAA,MACA,YAAA;AAAA,MACA,YAAA,EAAW,UAAA;AAAA,MACX,UAAA,EAAY,UAAA;AAAA,MACZ,QAAA;AAAA,MACA;AAAA;AAAA,GACF;AAEJ,CAAC;;;;"}

package/dist-es/contact-details/ContactMetadata.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ContactMetadata.js","sources":["../src/contact-details/ContactMetadata.tsx"],"sourcesContent":["import { Button, makePrefixer, useIcon, useId } from \"@salt-ds/core\";\nimport { clsx } from \"clsx\";\nimport { forwardRef, type HTMLAttributes, useState } from \"react\";\nimport { useContactDetailsContext } from \"./internal\";\n\nconst withBaseName = makePrefixer(\"saltContactMetadata\");\n\nexport interface ContactMetadataProps extends HTMLAttributes<HTMLDivElement> {\n collapsible?: boolean;\n collapseButtonId?: string;\n}\n\nexport const ContactMetadata = forwardRef<HTMLDivElement, ContactMetadataProps>(\n function ContactMetadata(props, ref) {\n const { collapsible, children, collapseButtonId, className, ...restProps } =\n props;\n const { primaryId, variant, isStacked } = useContactDetailsContext();\n const { CollapseIcon, ExpandIcon } = useIcon();\n const [showMetadata, setShowMetadata] = useState<boolean>(!collapsible);\n const id = useId(collapseButtonId);\n\n const toggleShowMetadata = () => {\n setShowMetadata(!showMetadata);\n };\n\n if (variant !== \"default\") {\n return null;\n }\n\n const variantClassName = withBaseName(isStacked ? \"stacked\" : \"default\");\n\n return (\n <>\n {collapsible ? (\n <Button\n aria-expanded={showMetadata}\n aria-label={showMetadata ? \"Collapse\" : \"Expand\"}\n aria-labelledby={`${id} ${primaryId}`}\n id={id}\n onClick={toggleShowMetadata}\n variant=\"secondary\"\n className={withBaseName(\"expander\")}\n >\n {showMetadata ? <CollapseIcon /> : <ExpandIcon />}\n </Button>\n ) : null}\n {!collapsible \|\| showMetadata ? (\n <div\n {...restProps}\n ref={ref}\n className={clsx(withBaseName(), variantClassName, className)}\n >\n {collapsible ? <div className={withBaseName(\"separator\")} /> : null}\n {children}\n </div>\n ) : null}\n </>\n );\n },\n);\n"],"names":["ContactMetadata"],"mappings":";;;;;;;AAKA,MAAM,YAAA,GAAe,aAAa,qBAAqB,CAAA;AAOhD,MAAM,~~eAAkB~~,~~GAAA~~,UAAA;AAAA,EAC7B,SAASA,~~gBAAgB~~,~~CAAA~~,KAAA,EAAO,~~GAAK~~,~~EAAA~~;AACnC,IAAA,MAAM,EAAE,~~WAAa~~,~~EAAA~~,QAAA,EAAU,kBAAkB,~~SAAW~~,~~EAAA~~,GAAG,~~WAC7D~~,~~GAAA~~,KAAA;AACF,IAAA,MAAM,EAAE,SAAA,EAAW,~~OAAS~~,~~EAAA~~,SAAA,KAAc,~~wBAAyB~~,~~EAAA~~;AACnE,IAAA,MAAM,EAAE,YAAA,EAAc,~~UAAW~~,~~EAAA~~,GAAI,~~OAAQ~~,~~EAAA~~;AAC7C,IAAA,MAAM,CAAC,~~YAAc~~,~~EAAA~~,eAAe,~~CAAI~~,~~GAAA~~,QAAA,CAAkB,CAAC,WAAW,CAAA;AACtE,~~IAAM~~,~~MAAA~~,EAAA,GAAK,MAAM,gBAAgB,CAAA;AAEjC,IAAA,MAAM,qBAAqB,MAAM;AAC/B,MAAA,eAAA,CAAgB,CAAC,YAAY,CAAA;AAAA,~~KAC~~/B;AAEA,IAAA,IAAI,YAAY,~~SAAW~~,~~EAAA~~;AACzB,~~MAAO~~,~~OAAA~~,IAAA;AAAA;~~AAGT~~,IAAA,MAAM,~~gBAAmB~~,~~GAAA~~,YAAA,CAAa,~~SAAY~~,~~GAAA~~,SAAA,GAAY,SAAS,CAAA;AAEvE,IAAA,~~uBAEK~~,IAAA,CAAA,QAAA,EAAA,~~EAAA~~,QAAA,EAAA;AAAA,~~MACC~~,WAAA,~~mBAAA~~,GAAA;AAAA,QAAC,MAAA;AAAA,QAAA;AAAA,UACC,~~eAAe~~,~~EAAA~~,YAAA;AAAA,UACf,YAAA,EAAY,eAAe,~~UAAa~~,~~GAAA~~,QAAA;AAAA,UACxC,~~iBAAiB~~,~~EAAA~~,CAAA,EAAG,EAAE,CAAA,CAAA,EAAI,SAAS,CAAA,CAAA;AAAA,UACnC,EAAA;AAAA,UACA,~~OAAS~~,~~EAAA~~,kBAAA;AAAA,UACT,~~OAAQ~~,~~EAAA~~,WAAA;AAAA,UACR,SAAA,EAAW,aAAa,UAAU,CAAA;AAAA,UAEjC,~~QAAe~~,EAAA,YAAA,~~mBAAA~~,GAAA,CAAC,~~YAAa~~,EAAA,~~EAAA~~,CAAA,uBAAM,~~UAAW~~,EAAA,~~EAAA~~;AAAA;AAAA,~~OAE/C~~,~~GAAA~~,IAAA;AAAA,MACH,CAAC,eAAe,~~YACf~~,~~mBAAA~~,IAAA;AAAA,QAAC,KAAA;AAAA,QAAA;AAAA,UACE,GAAG,SAAA;AAAA,UACJ,GAAA;AAAA,UACA,~~SAAW~~,~~EAAA~~,IAAA,CAAK,~~YAAa~~,~~EAAA~~,EAAG,kBAAkB,SAAS,CAAA;AAAA,UAE1D,QAAA,EAAA;AAAA,YAAA,WAAA,uBAAe,~~KAAI~~,EAAA,~~EAAA~~,SAAA,EAAW,~~YAAa~~,~~CAAA~~,WAAW,GAAG,~~CAAK~~,~~GAAA~~,IAAA;AAAA,YAC9D;AAAA;AAAA;AAAA,~~OAED~~,~~GAAA~~;AAAA,~~KACN~~,~~EAAA~~,CAAA;AAAA;~~AAGN~~;;;;"}
1	+ {"version":3,"file":"ContactMetadata.js","sources":["../src/contact-details/ContactMetadata.tsx"],"sourcesContent":["import { Button, makePrefixer, useIcon, useId } from \"@salt-ds/core\";\nimport { clsx } from \"clsx\";\nimport { forwardRef, type HTMLAttributes, useState } from \"react\";\nimport { useContactDetailsContext } from \"./internal\";\n\nconst withBaseName = makePrefixer(\"saltContactMetadata\");\n\nexport interface ContactMetadataProps extends HTMLAttributes<HTMLDivElement> {\n collapsible?: boolean;\n collapseButtonId?: string;\n}\n\nexport const ContactMetadata = forwardRef<HTMLDivElement, ContactMetadataProps>(\n function ContactMetadata(props, ref) {\n const { collapsible, children, collapseButtonId, className, ...restProps } =\n props;\n const { primaryId, variant, isStacked } = useContactDetailsContext();\n const { CollapseIcon, ExpandIcon } = useIcon();\n const [showMetadata, setShowMetadata] = useState<boolean>(!collapsible);\n const id = useId(collapseButtonId);\n\n const toggleShowMetadata = () => {\n setShowMetadata(!showMetadata);\n };\n\n if (variant !== \"default\") {\n return null;\n }\n\n const variantClassName = withBaseName(isStacked ? \"stacked\" : \"default\");\n\n return (\n <>\n {collapsible ? (\n <Button\n aria-expanded={showMetadata}\n aria-label={showMetadata ? \"Collapse\" : \"Expand\"}\n aria-labelledby={`${id} ${primaryId}`}\n id={id}\n onClick={toggleShowMetadata}\n variant=\"secondary\"\n className={withBaseName(\"expander\")}\n >\n {showMetadata ? <CollapseIcon /> : <ExpandIcon />}\n </Button>\n ) : null}\n {!collapsible \|\| showMetadata ? (\n <div\n {...restProps}\n ref={ref}\n className={clsx(withBaseName(), variantClassName, className)}\n >\n {collapsible ? <div className={withBaseName(\"separator\")} /> : null}\n {children}\n </div>\n ) : null}\n </>\n );\n },\n);\n"],"names":["ContactMetadata"],"mappings":";;;;;;;AAKA,MAAM,YAAA,GAAe,aAAa,qBAAqB,CAAA;AAOhD,MAAM,eAAA,GAAkB,UAAA;AAAA,EAC7B,SAASA,gBAAAA,CAAgB,KAAA,EAAO,GAAA,EAAK;AACnC,IAAA,MAAM,EAAE,WAAA,EAAa,QAAA,EAAU,kBAAkB,SAAA,EAAW,GAAG,WAAU,GACvE,KAAA;AACF,IAAA,MAAM,EAAE,SAAA,EAAW,OAAA,EAAS,SAAA,KAAc,wBAAA,EAAyB;AACnE,IAAA,MAAM,EAAE,YAAA,EAAc,UAAA,EAAW,GAAI,OAAA,EAAQ;AAC7C,IAAA,MAAM,CAAC,YAAA,EAAc,eAAe,CAAA,GAAI,QAAA,CAAkB,CAAC,WAAW,CAAA;AACtE,IAAA,MAAM,EAAA,GAAK,MAAM,gBAAgB,CAAA;AAEjC,IAAA,MAAM,qBAAqB,MAAM;AAC/B,MAAA,eAAA,CAAgB,CAAC,YAAY,CAAA;AAAA,IAC/B,CAAA;AAEA,IAAA,IAAI,YAAY,SAAA,EAAW;AACzB,MAAA,OAAO,IAAA;AAAA,IACT;AAEA,IAAA,MAAM,gBAAA,GAAmB,YAAA,CAAa,SAAA,GAAY,SAAA,GAAY,SAAS,CAAA;AAEvE,IAAA,uBACE,IAAA,CAAA,QAAA,EAAA,EACG,QAAA,EAAA;AAAA,MAAA,WAAA,mBACC,GAAA;AAAA,QAAC,MAAA;AAAA,QAAA;AAAA,UACC,eAAA,EAAe,YAAA;AAAA,UACf,YAAA,EAAY,eAAe,UAAA,GAAa,QAAA;AAAA,UACxC,iBAAA,EAAiB,CAAA,EAAG,EAAE,CAAA,CAAA,EAAI,SAAS,CAAA,CAAA;AAAA,UACnC,EAAA;AAAA,UACA,OAAA,EAAS,kBAAA;AAAA,UACT,OAAA,EAAQ,WAAA;AAAA,UACR,SAAA,EAAW,aAAa,UAAU,CAAA;AAAA,UAEjC,QAAA,EAAA,YAAA,mBAAe,GAAA,CAAC,YAAA,EAAA,EAAa,CAAA,uBAAM,UAAA,EAAA,EAAW;AAAA;AAAA,OACjD,GACE,IAAA;AAAA,MACH,CAAC,eAAe,YAAA,mBACf,IAAA;AAAA,QAAC,KAAA;AAAA,QAAA;AAAA,UACE,GAAG,SAAA;AAAA,UACJ,GAAA;AAAA,UACA,SAAA,EAAW,IAAA,CAAK,YAAA,EAAa,EAAG,kBAAkB,SAAS,CAAA;AAAA,UAE1D,QAAA,EAAA;AAAA,YAAA,WAAA,uBAAe,KAAA,EAAA,EAAI,SAAA,EAAW,YAAA,CAAa,WAAW,GAAG,CAAA,GAAK,IAAA;AAAA,YAC9D;AAAA;AAAA;AAAA,OACH,GACE;AAAA,KAAA,EACN,CAAA;AAAA,EAEJ;AACF;;;;"}

package/dist-es/contact-details/ContactMetadataItem.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ContactMetadataItem.js","sources":["../src/contact-details/ContactMetadataItem.tsx"],"sourcesContent":["import { makePrefixer, Text } from \"@salt-ds/core\";\nimport type { IconProps } from \"@salt-ds/icons\";\nimport { type ComponentType, forwardRef, type HTMLAttributes } from \"react\";\nimport { MailLinkComponent } from \"./MailLinkComponent\";\nimport type { ValueComponentProps } from \"./types\";\n\nconst withBaseName = makePrefixer(\"saltContactMetadataItem\");\n\nexport interface ContactMetadataItemProps\n extends HTMLAttributes<HTMLDivElement> {\n label?: string;\n value: string;\n icon?: ComponentType<IconProps>;\n ValueComponent?: ComponentType<ValueComponentProps>;\n}\n\nexport const ContactMetadataItem = forwardRef<\n HTMLDivElement,\n ContactMetadataItemProps\n>(function ContactMetadataItem(props, ref) {\n const { label, value, icon: Icon, ValueComponent, ...restProps } = props;\n return (\n <div {...restProps} ref={ref} className={withBaseName()}>\n {!Icon ? (\n <Text maxRows={1} className={withBaseName(\"label\")} variant=\"secondary\">\n {label}\n </Text>\n ) : null}\n {Icon ? <Icon className={withBaseName(\"icon\")} /> : null}\n\n {ValueComponent ? (\n <ValueComponent value={value} />\n ) : (\n <MailLinkComponent value={value} />\n )}\n </div>\n );\n});\n"],"names":["ContactMetadataItem"],"mappings":";;;;;AAMA,MAAM,YAAA,GAAe,aAAa,yBAAyB,CAAA;AAUpD,MAAM,~~mBAAsB~~,~~GAAA~~,UAAA,CAGjC,SAASA,oBAAAA,CAAoB,OAAO,~~GAAK~~,~~EAAA~~;AACzC,~~EAAM~~,~~MAAA~~,EAAE,OAAO,~~KAAO~~,~~EAAA~~,IAAA,EAAM,MAAM,~~cAAgB~~,~~EAAA~~,GAAG,~~WAAc~~,~~GAAA~~,KAAA;AACnE,EAAA,4BACG,~~KAAK~~,EAAA,~~EAAA~~,GAAG,WAAW,~~GAAU~~,~~EAAA~~,SAAA,EAAW,~~cACtC~~,~~EAAA~~,QAAA,EAAA;AAAA,IAAA,CAAC,~~IACA~~,~~mBAAA~~,GAAA,CAAC,~~IAAK~~,EAAA,~~EAAA~~,OAAA,EAAS,~~CAAG~~,~~EAAA~~,SAAA,EAAW,~~YAAa~~,~~CAAA~~,OAAO,~~CAAG~~,~~EAAA~~,OAAA,EAAQ,~~WACzD~~,~~EAAA~~,QAAA,EAAA,KAAA,EACH,~~CACE~~,~~GAAA~~,IAAA;AAAA,IACH,~~uBAAQ~~,GAAA,~~CAAA~~,IAAA,EAAA,EAAK,WAAW,~~YAAa~~,~~CAAA~~,MAAM,GAAG,~~CAAK~~,~~GAAA~~,IAAA;AAAA,IAEnD,~~iCACE~~,GAAA,~~CAAA~~,cAAA,EAAA,EAAe,OAAc,~~CAE9B~~,~~mBAAA~~,GAAA,CAAC,qBAAkB,~~KAAc~~,~~EAAA~~;AAAA,~~GAErC~~,~~EAAA~~,CAAA;AAEJ,CAAC;;;;"}
1	+ {"version":3,"file":"ContactMetadataItem.js","sources":["../src/contact-details/ContactMetadataItem.tsx"],"sourcesContent":["import { makePrefixer, Text } from \"@salt-ds/core\";\nimport type { IconProps } from \"@salt-ds/icons\";\nimport { type ComponentType, forwardRef, type HTMLAttributes } from \"react\";\nimport { MailLinkComponent } from \"./MailLinkComponent\";\nimport type { ValueComponentProps } from \"./types\";\n\nconst withBaseName = makePrefixer(\"saltContactMetadataItem\");\n\nexport interface ContactMetadataItemProps\n extends HTMLAttributes<HTMLDivElement> {\n label?: string;\n value: string;\n icon?: ComponentType<IconProps>;\n ValueComponent?: ComponentType<ValueComponentProps>;\n}\n\nexport const ContactMetadataItem = forwardRef<\n HTMLDivElement,\n ContactMetadataItemProps\n>(function ContactMetadataItem(props, ref) {\n const { label, value, icon: Icon, ValueComponent, ...restProps } = props;\n return (\n <div {...restProps} ref={ref} className={withBaseName()}>\n {!Icon ? (\n <Text maxRows={1} className={withBaseName(\"label\")} variant=\"secondary\">\n {label}\n </Text>\n ) : null}\n {Icon ? <Icon className={withBaseName(\"icon\")} /> : null}\n\n {ValueComponent ? (\n <ValueComponent value={value} />\n ) : (\n <MailLinkComponent value={value} />\n )}\n </div>\n );\n});\n"],"names":["ContactMetadataItem"],"mappings":";;;;;AAMA,MAAM,YAAA,GAAe,aAAa,yBAAyB,CAAA;AAUpD,MAAM,mBAAA,GAAsB,UAAA,CAGjC,SAASA,oBAAAA,CAAoB,OAAO,GAAA,EAAK;AACzC,EAAA,MAAM,EAAE,OAAO,KAAA,EAAO,IAAA,EAAM,MAAM,cAAA,EAAgB,GAAG,WAAU,GAAI,KAAA;AACnE,EAAA,4BACG,KAAA,EAAA,EAAK,GAAG,WAAW,GAAA,EAAU,SAAA,EAAW,cAAa,EACnD,QAAA,EAAA;AAAA,IAAA,CAAC,IAAA,mBACA,GAAA,CAAC,IAAA,EAAA,EAAK,OAAA,EAAS,CAAA,EAAG,SAAA,EAAW,YAAA,CAAa,OAAO,CAAA,EAAG,OAAA,EAAQ,WAAA,EACzD,QAAA,EAAA,KAAA,EACH,CAAA,GACE,IAAA;AAAA,IACH,uBAAO,GAAA,CAAC,IAAA,EAAA,EAAK,WAAW,YAAA,CAAa,MAAM,GAAG,CAAA,GAAK,IAAA;AAAA,IAEnD,iCACC,GAAA,CAAC,cAAA,EAAA,EAAe,OAAc,CAAA,mBAE9B,GAAA,CAAC,qBAAkB,KAAA,EAAc;AAAA,GAAA,EAErC,CAAA;AAEJ,CAAC;;;;"}

package/dist-es/contact-details/ContactPrimaryInfo.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ContactPrimaryInfo.js","sources":["../src/contact-details/ContactPrimaryInfo.tsx"],"sourcesContent":["import { makePrefixer, Text, useId } from \"@salt-ds/core\";\nimport { clsx } from \"clsx\";\nimport { forwardRef, type HTMLAttributes, useEffect } from \"react\";\nimport { useContactDetailsContext } from \"./internal\";\n\nconst withBaseName = makePrefixer(\"saltContactPrimaryInfo\");\n\nexport interface ContactPrimaryInfoProps\n extends Omit<HTMLAttributes<HTMLDivElement>, \"color\"> {\n text: string;\n}\n\nexport const ContactPrimaryInfo = forwardRef<\n HTMLDivElement,\n ContactPrimaryInfoProps\n>(function ContactPrimaryInfo(props, ref) {\n const {\n id: idProp,\n text,\n className,\n \"aria-level\": ariaLevel = 2,\n ...restProps\n } = props;\n const { setPrimary, setPrimaryId, secondaryId, tertiaryId, variant } =\n useContactDetailsContext();\n const id = useId(idProp);\n\n useEffect(() => {\n setPrimary(text \|\| \"\");\n setPrimaryId(id);\n return () => {\n setPrimary(undefined);\n setPrimaryId(undefined);\n };\n }, [setPrimary, id, text, setPrimaryId]);\n\n return (\n <Text\n {...restProps}\n maxRows={1}\n id={id}\n ref={ref}\n styleAs={variant === \"default\" ? \"h2\" : \"h4\"}\n className={clsx(withBaseName(), className)}\n role=\"heading\"\n aria-labelledby={`${id} ${secondaryId ?? null} ${tertiaryId ?? null}`}\n aria-level={ariaLevel}\n data-testid=\"primary\"\n >\n {text}\n </Text>\n );\n});\n"],"names":["ContactPrimaryInfo"],"mappings":";;;;;;;AAKA,MAAM,YAAA,GAAe,aAAa,wBAAwB,CAAA;AAOnD,MAAM,~~kBAAqB~~,~~GAAA~~,UAAA,CAGhC,SAASA,mBAAAA,CAAmB,OAAO,~~GAAK~~,~~EAAA~~;AACxC,~~EAAM~~,~~MAAA~~;AAAA,IACJ,EAAI,~~EAAA,~~MAAA;AAAA,IACJ,IAAA;AAAA,IACA,SAAA;AAAA,IACA,cAAc,~~SAAY~~,~~GAAA~~,CAAA;AAAA,IAC1B,GAAG;AAAA,~~GACD~~,~~GAAA~~,KAAA;AACJ,EAAA,MAAM,EAAE,~~UAAY~~,~~EAAA~~,YAAA,EAAc,aAAa,~~UAAY~~,~~EAAA~~,OAAA,KACzD,~~wBAAyB~~,~~EAAA~~;AAC3B,~~EAAM~~,~~MAAA~~,EAAA,GAAK,MAAM,MAAM,CAAA;AAEvB,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,UAAA,CAAW,QAAQ,EAAE,CAAA;AACrB,IAAA,YAAA,CAAa,EAAE,CAAA;AACf,IAAA,OAAO,MAAM;AACX,MAAA,UAAA,CAAW,MAAS,CAAA;AACpB,MAAA,YAAA,CAAa,MAAS,CAAA;AAAA,~~KACxB~~;AAAA,~~KACC~~,CAAC,UAAA,EAAY,EAAI,~~EAAA,~~IAAA,EAAM,YAAY,CAAC,CAAA;AAEvC,~~EACE~~,~~uBAAA~~,GAAA;AAAA,IAAC,IAAA;AAAA,IAAA;AAAA,MACE,GAAG,SAAA;AAAA,MACJ,~~OAAS~~,~~EAAA~~,CAAA;AAAA,MACT,EAAA;AAAA,MACA,GAAA;AAAA,MACA,OAAA,EAAS,~~OAAY~~,~~KAAA~~,SAAA,GAAY,~~IAAO~~,~~GAAA~~,IAAA;AAAA,MACxC,~~SAAW~~,~~EAAA~~,IAAA,CAAK,~~YAAa~~,~~EAAA~~,EAAG,SAAS,CAAA;AAAA,MACzC,~~IAAK~~,~~EAAA~~,SAAA;AAAA,MACL,iBAAA,EAAiB,GAAG,EAAE,CAAA,CAAA,EAAI,eAAe,IAAI,CAAA,CAAA,EAAI,cAAc,IAAI,CAAA,CAAA;AAAA,MACnE,~~YAAY~~,~~EAAA~~,SAAA;AAAA,MACZ,~~aAAY~~,~~EAAA~~,SAAA;AAAA,MAEX,QAAA,EAAA;AAAA;AAAA,GACH;AAEJ,CAAC;;;;"}
1	+ {"version":3,"file":"ContactPrimaryInfo.js","sources":["../src/contact-details/ContactPrimaryInfo.tsx"],"sourcesContent":["import { makePrefixer, Text, useId } from \"@salt-ds/core\";\nimport { clsx } from \"clsx\";\nimport { forwardRef, type HTMLAttributes, useEffect } from \"react\";\nimport { useContactDetailsContext } from \"./internal\";\n\nconst withBaseName = makePrefixer(\"saltContactPrimaryInfo\");\n\nexport interface ContactPrimaryInfoProps\n extends Omit<HTMLAttributes<HTMLDivElement>, \"color\"> {\n text: string;\n}\n\nexport const ContactPrimaryInfo = forwardRef<\n HTMLDivElement,\n ContactPrimaryInfoProps\n>(function ContactPrimaryInfo(props, ref) {\n const {\n id: idProp,\n text,\n className,\n \"aria-level\": ariaLevel = 2,\n ...restProps\n } = props;\n const { setPrimary, setPrimaryId, secondaryId, tertiaryId, variant } =\n useContactDetailsContext();\n const id = useId(idProp);\n\n useEffect(() => {\n setPrimary(text \|\| \"\");\n setPrimaryId(id);\n return () => {\n setPrimary(undefined);\n setPrimaryId(undefined);\n };\n }, [setPrimary, id, text, setPrimaryId]);\n\n return (\n <Text\n {...restProps}\n maxRows={1}\n id={id}\n ref={ref}\n styleAs={variant === \"default\" ? \"h2\" : \"h4\"}\n className={clsx(withBaseName(), className)}\n role=\"heading\"\n aria-labelledby={`${id} ${secondaryId ?? null} ${tertiaryId ?? null}`}\n aria-level={ariaLevel}\n data-testid=\"primary\"\n >\n {text}\n </Text>\n );\n});\n"],"names":["ContactPrimaryInfo"],"mappings":";;;;;;;AAKA,MAAM,YAAA,GAAe,aAAa,wBAAwB,CAAA;AAOnD,MAAM,kBAAA,GAAqB,UAAA,CAGhC,SAASA,mBAAAA,CAAmB,OAAO,GAAA,EAAK;AACxC,EAAA,MAAM;AAAA,IACJ,EAAA,EAAI,MAAA;AAAA,IACJ,IAAA;AAAA,IACA,SAAA;AAAA,IACA,cAAc,SAAA,GAAY,CAAA;AAAA,IAC1B,GAAG;AAAA,GACL,GAAI,KAAA;AACJ,EAAA,MAAM,EAAE,UAAA,EAAY,YAAA,EAAc,aAAa,UAAA,EAAY,OAAA,KACzD,wBAAA,EAAyB;AAC3B,EAAA,MAAM,EAAA,GAAK,MAAM,MAAM,CAAA;AAEvB,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,UAAA,CAAW,QAAQ,EAAE,CAAA;AACrB,IAAA,YAAA,CAAa,EAAE,CAAA;AACf,IAAA,OAAO,MAAM;AACX,MAAA,UAAA,CAAW,MAAS,CAAA;AACpB,MAAA,YAAA,CAAa,MAAS,CAAA;AAAA,IACxB,CAAA;AAAA,EACF,GAAG,CAAC,UAAA,EAAY,EAAA,EAAI,IAAA,EAAM,YAAY,CAAC,CAAA;AAEvC,EAAA,uBACE,GAAA;AAAA,IAAC,IAAA;AAAA,IAAA;AAAA,MACE,GAAG,SAAA;AAAA,MACJ,OAAA,EAAS,CAAA;AAAA,MACT,EAAA;AAAA,MACA,GAAA;AAAA,MACA,OAAA,EAAS,OAAA,KAAY,SAAA,GAAY,IAAA,GAAO,IAAA;AAAA,MACxC,SAAA,EAAW,IAAA,CAAK,YAAA,EAAa,EAAG,SAAS,CAAA;AAAA,MACzC,IAAA,EAAK,SAAA;AAAA,MACL,iBAAA,EAAiB,GAAG,EAAE,CAAA,CAAA,EAAI,eAAe,IAAI,CAAA,CAAA,EAAI,cAAc,IAAI,CAAA,CAAA;AAAA,MACnE,YAAA,EAAY,SAAA;AAAA,MACZ,aAAA,EAAY,SAAA;AAAA,MAEX,QAAA,EAAA;AAAA;AAAA,GACH;AAEJ,CAAC;;;;"}

package/dist-es/contact-details/ContactSecondaryInfo.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ContactSecondaryInfo.js","sources":["../src/contact-details/ContactSecondaryInfo.tsx"],"sourcesContent":["import { makePrefixer, Text, useId } from \"@salt-ds/core\";\nimport type { IconProps } from \"@salt-ds/icons\";\nimport { clsx } from \"clsx\";\nimport {\n type ComponentType,\n forwardRef,\n type HTMLAttributes,\n useEffect,\n} from \"react\";\nimport { useContactDetailsContext } from \"./internal\";\nimport type { ValueComponentProps } from \"./types\";\n\nconst withBaseName = makePrefixer(\"saltContactSecondaryInfo\");\n\nexport interface ContactSecondaryInfoProps\n extends Omit<HTMLAttributes<HTMLDivElement>, \"color\"> {\n icon?: ComponentType<IconProps>;\n text: string;\n ValueComponent?: ComponentType<ValueComponentProps>;\n}\n\nexport const ContactSecondaryInfo = forwardRef<\n HTMLDivElement,\n ContactSecondaryInfoProps\n>(function ContactSecondaryInfo(props, ref) {\n const {\n id: idProp,\n text,\n icon: Icon,\n className,\n ValueComponent: _ValueComponent,\n ...restProps\n } = props;\n const { setSecondary, setSecondaryId, variant } = useContactDetailsContext();\n const id = useId(idProp);\n\n useEffect(() => {\n setSecondary(text \|\| \"\");\n setSecondaryId(id);\n return () => {\n setSecondary(undefined);\n setSecondaryId(undefined);\n };\n }, [id, text, setSecondary, setSecondaryId]);\n\n return (\n <Text\n styleAs={variant === \"default\" ? \"h4\" : undefined}\n maxRows={1}\n {...restProps}\n id={id}\n ref={ref}\n className={clsx(withBaseName(), className)}\n data-testid=\"secondary\"\n >\n {Icon ? <Icon className={withBaseName(\"icon\")} /> : null}\n {text}\n </Text>\n );\n});\n"],"names":["ContactSecondaryInfo"],"mappings":";;;;;;;AAYA,MAAM,YAAA,GAAe,aAAa,0BAA0B,CAAA;AASrD,MAAM,~~oBAAuB~~,~~GAAA~~,UAAA,CAGlC,SAASA,qBAAAA,CAAqB,OAAO,~~GAAK~~,~~EAAA~~;AAC1C,~~EAAM~~,~~MAAA~~;AAAA,IACJ,EAAI,~~EAAA,~~MAAA;AAAA,IACJ,IAAA;AAAA,IACA,~~IAAM~~,~~EAAA~~,IAAA;AAAA,IACN,SAAA;AAAA,IACA,~~cAAgB~~,~~EAAA~~,eAAA;AAAA,IAChB,GAAG;AAAA,~~GACD~~,~~GAAA~~,KAAA;AACJ,EAAA,MAAM,EAAE,YAAA,EAAc,~~cAAgB~~,~~EAAA~~,OAAA,KAAY,~~wBAAyB~~,~~EAAA~~;AAC3E,~~EAAM~~,~~MAAA~~,EAAA,GAAK,MAAM,MAAM,CAAA;AAEvB,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,YAAA,CAAa,QAAQ,EAAE,CAAA;AACvB,IAAA,cAAA,CAAe,EAAE,CAAA;AACjB,IAAA,OAAO,MAAM;AACX,MAAA,YAAA,CAAa,MAAS,CAAA;AACtB,MAAA,cAAA,CAAe,MAAS,CAAA;AAAA,~~KAC1B~~;AAAA,~~KACC~~,CAAC,EAAA,EAAI,~~IAAM~~,~~EAAA~~,YAAA,EAAc,cAAc,CAAC,CAAA;AAE3C,~~EACE~~,~~uBAAA~~,IAAA;AAAA,IAAC,IAAA;AAAA,IAAA;AAAA,MACC,OAAA,EAAS,~~OAAY~~,~~KAAA~~,SAAA,GAAY,~~IAAO~~,~~GAAA~~,MAAA;AAAA,MACxC,~~OAAS~~,~~EAAA~~,CAAA;AAAA,MACR,GAAG,SAAA;AAAA,MACJ,EAAA;AAAA,MACA,GAAA;AAAA,MACA,~~SAAW~~,~~EAAA~~,IAAA,CAAK,~~YAAa~~,~~EAAA~~,EAAG,SAAS,CAAA;AAAA,MACzC,~~aAAY~~,~~EAAA~~,WAAA;AAAA,MAEX,QAAA,EAAA;AAAA,QAAA,IAAA,uBAAQ,~~IAAK~~,EAAA,~~EAAA~~,SAAA,EAAW,~~YAAa~~,~~CAAA~~,MAAM,GAAG,~~CAAK~~,~~GAAA~~,IAAA;AAAA,QACnD;AAAA;AAAA;AAAA,GACH;AAEJ,CAAC;;;;"}
1	+ {"version":3,"file":"ContactSecondaryInfo.js","sources":["../src/contact-details/ContactSecondaryInfo.tsx"],"sourcesContent":["import { makePrefixer, Text, useId } from \"@salt-ds/core\";\nimport type { IconProps } from \"@salt-ds/icons\";\nimport { clsx } from \"clsx\";\nimport {\n type ComponentType,\n forwardRef,\n type HTMLAttributes,\n useEffect,\n} from \"react\";\nimport { useContactDetailsContext } from \"./internal\";\nimport type { ValueComponentProps } from \"./types\";\n\nconst withBaseName = makePrefixer(\"saltContactSecondaryInfo\");\n\nexport interface ContactSecondaryInfoProps\n extends Omit<HTMLAttributes<HTMLDivElement>, \"color\"> {\n icon?: ComponentType<IconProps>;\n text: string;\n ValueComponent?: ComponentType<ValueComponentProps>;\n}\n\nexport const ContactSecondaryInfo = forwardRef<\n HTMLDivElement,\n ContactSecondaryInfoProps\n>(function ContactSecondaryInfo(props, ref) {\n const {\n id: idProp,\n text,\n icon: Icon,\n className,\n ValueComponent: _ValueComponent,\n ...restProps\n } = props;\n const { setSecondary, setSecondaryId, variant } = useContactDetailsContext();\n const id = useId(idProp);\n\n useEffect(() => {\n setSecondary(text \|\| \"\");\n setSecondaryId(id);\n return () => {\n setSecondary(undefined);\n setSecondaryId(undefined);\n };\n }, [id, text, setSecondary, setSecondaryId]);\n\n return (\n <Text\n styleAs={variant === \"default\" ? \"h4\" : undefined}\n maxRows={1}\n {...restProps}\n id={id}\n ref={ref}\n className={clsx(withBaseName(), className)}\n data-testid=\"secondary\"\n >\n {Icon ? <Icon className={withBaseName(\"icon\")} /> : null}\n {text}\n </Text>\n );\n});\n"],"names":["ContactSecondaryInfo"],"mappings":";;;;;;;AAYA,MAAM,YAAA,GAAe,aAAa,0BAA0B,CAAA;AASrD,MAAM,oBAAA,GAAuB,UAAA,CAGlC,SAASA,qBAAAA,CAAqB,OAAO,GAAA,EAAK;AAC1C,EAAA,MAAM;AAAA,IACJ,EAAA,EAAI,MAAA;AAAA,IACJ,IAAA;AAAA,IACA,IAAA,EAAM,IAAA;AAAA,IACN,SAAA;AAAA,IACA,cAAA,EAAgB,eAAA;AAAA,IAChB,GAAG;AAAA,GACL,GAAI,KAAA;AACJ,EAAA,MAAM,EAAE,YAAA,EAAc,cAAA,EAAgB,OAAA,KAAY,wBAAA,EAAyB;AAC3E,EAAA,MAAM,EAAA,GAAK,MAAM,MAAM,CAAA;AAEvB,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,YAAA,CAAa,QAAQ,EAAE,CAAA;AACvB,IAAA,cAAA,CAAe,EAAE,CAAA;AACjB,IAAA,OAAO,MAAM;AACX,MAAA,YAAA,CAAa,MAAS,CAAA;AACtB,MAAA,cAAA,CAAe,MAAS,CAAA;AAAA,IAC1B,CAAA;AAAA,EACF,GAAG,CAAC,EAAA,EAAI,IAAA,EAAM,YAAA,EAAc,cAAc,CAAC,CAAA;AAE3C,EAAA,uBACE,IAAA;AAAA,IAAC,IAAA;AAAA,IAAA;AAAA,MACC,OAAA,EAAS,OAAA,KAAY,SAAA,GAAY,IAAA,GAAO,MAAA;AAAA,MACxC,OAAA,EAAS,CAAA;AAAA,MACR,GAAG,SAAA;AAAA,MACJ,EAAA;AAAA,MACA,GAAA;AAAA,MACA,SAAA,EAAW,IAAA,CAAK,YAAA,EAAa,EAAG,SAAS,CAAA;AAAA,MACzC,aAAA,EAAY,WAAA;AAAA,MAEX,QAAA,EAAA;AAAA,QAAA,IAAA,uBAAQ,IAAA,EAAA,EAAK,SAAA,EAAW,YAAA,CAAa,MAAM,GAAG,CAAA,GAAK,IAAA;AAAA,QACnD;AAAA;AAAA;AAAA,GACH;AAEJ,CAAC;;;;"}

package/dist-es/contact-details/ContactTertiaryInfo.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ContactTertiaryInfo.js","sources":["../src/contact-details/ContactTertiaryInfo.tsx"],"sourcesContent":["import { makePrefixer, Text, useId } from \"@salt-ds/core\";\nimport type { IconProps } from \"@salt-ds/icons\";\nimport { clsx } from \"clsx\";\nimport {\n type ComponentType,\n forwardRef,\n type HTMLAttributes,\n useEffect,\n} from \"react\";\nimport { useContactDetailsContext } from \"./internal\";\n\nconst withBaseName = makePrefixer(\"saltContactTertiaryInfo\");\n\nexport interface ContactTertiaryInfoProps\n extends Omit<HTMLAttributes<HTMLDivElement>, \"color\"> {\n icon?: ComponentType<IconProps>;\n text: string;\n}\n\nexport const ContactTertiaryInfo = forwardRef<\n HTMLDivElement,\n ContactTertiaryInfoProps\n>(function ContactTertiaryInfo(props, ref) {\n const { id: idProp, text, icon: Icon, className, ...restProps } = props;\n const { variant, setTertiary, setTertiaryId } = useContactDetailsContext();\n const id = useId(idProp);\n\n useEffect(() => {\n setTertiary(text);\n setTertiaryId(id);\n return () => {\n setTertiary(undefined);\n setTertiaryId(undefined);\n };\n }, [id, text, setTertiary, setTertiaryId]);\n\n if (variant === \"mini\") {\n return null;\n }\n\n return (\n <Text\n {...restProps}\n maxRows={1}\n styleAs={variant === \"default\" ? \"h4\" : undefined}\n id={id}\n ref={ref}\n className={clsx(withBaseName(), className)}\n data-testid=\"tertiary\"\n >\n {Icon ? <Icon className={withBaseName(\"icon\")} /> : null}\n {text}\n </Text>\n );\n});\n"],"names":["ContactTertiaryInfo"],"mappings":";;;;;;;AAWA,MAAM,YAAA,GAAe,aAAa,yBAAyB,CAAA;AAQpD,MAAM,~~mBAAsB~~,~~GAAA~~,UAAA,CAGjC,SAASA,oBAAAA,CAAoB,OAAO,~~GAAK~~,~~EAAA~~;AACzC,~~EAAM~~,~~MAAA~~,EAAE,IAAI,~~MAAQ~~,~~EAAA~~,IAAA,EAAM,MAAM,~~IAAM~~,~~EAAA~~,SAAA,EAAW,GAAG,SAAA,~~EAAc~~,~~GAAA~~,KAAA;AAClE,EAAA,MAAM,EAAE,OAAA,EAAS,~~WAAa~~,~~EAAA~~,aAAA,KAAkB,~~wBAAyB~~,~~EAAA~~;AACzE,~~EAAM~~,~~MAAA~~,EAAA,GAAK,MAAM,MAAM,CAAA;AAEvB,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,WAAA,CAAY,IAAI,CAAA;AAChB,IAAA,aAAA,CAAc,EAAE,CAAA;AAChB,IAAA,OAAO,MAAM;AACX,MAAA,WAAA,CAAY,MAAS,CAAA;AACrB,MAAA,aAAA,CAAc,MAAS,CAAA;AAAA,~~KACzB~~;AAAA,~~KACC~~,CAAC,EAAA,EAAI,~~IAAM~~,~~EAAA~~,WAAA,EAAa,aAAa,CAAC,CAAA;AAEzC,EAAA,IAAI,YAAY,~~MAAQ~~,~~EAAA~~;AACtB,~~IAAO~~,~~OAAA~~,IAAA;AAAA;~~AAGT~~,~~EACE~~,~~uBAAA~~,IAAA;AAAA,IAAC,IAAA;AAAA,IAAA;AAAA,MACE,GAAG,SAAA;AAAA,MACJ,~~OAAS~~,~~EAAA~~,CAAA;AAAA,MACT,OAAA,EAAS,~~OAAY~~,~~KAAA~~,SAAA,GAAY,~~IAAO~~,~~GAAA~~,MAAA;AAAA,MACxC,EAAA;AAAA,MACA,GAAA;AAAA,MACA,~~SAAW~~,~~EAAA~~,IAAA,CAAK,~~YAAa~~,~~EAAA~~,EAAG,SAAS,CAAA;AAAA,MACzC,~~aAAY~~,~~EAAA~~,UAAA;AAAA,MAEX,QAAA,EAAA;AAAA,QAAA,IAAA,uBAAQ,~~IAAK~~,EAAA,~~EAAA~~,SAAA,EAAW,~~YAAa~~,~~CAAA~~,MAAM,GAAG,~~CAAK~~,~~GAAA~~,IAAA;AAAA,QACnD;AAAA;AAAA;AAAA,GACH;AAEJ,CAAC;;;;"}
1	+ {"version":3,"file":"ContactTertiaryInfo.js","sources":["../src/contact-details/ContactTertiaryInfo.tsx"],"sourcesContent":["import { makePrefixer, Text, useId } from \"@salt-ds/core\";\nimport type { IconProps } from \"@salt-ds/icons\";\nimport { clsx } from \"clsx\";\nimport {\n type ComponentType,\n forwardRef,\n type HTMLAttributes,\n useEffect,\n} from \"react\";\nimport { useContactDetailsContext } from \"./internal\";\n\nconst withBaseName = makePrefixer(\"saltContactTertiaryInfo\");\n\nexport interface ContactTertiaryInfoProps\n extends Omit<HTMLAttributes<HTMLDivElement>, \"color\"> {\n icon?: ComponentType<IconProps>;\n text: string;\n}\n\nexport const ContactTertiaryInfo = forwardRef<\n HTMLDivElement,\n ContactTertiaryInfoProps\n>(function ContactTertiaryInfo(props, ref) {\n const { id: idProp, text, icon: Icon, className, ...restProps } = props;\n const { variant, setTertiary, setTertiaryId } = useContactDetailsContext();\n const id = useId(idProp);\n\n useEffect(() => {\n setTertiary(text);\n setTertiaryId(id);\n return () => {\n setTertiary(undefined);\n setTertiaryId(undefined);\n };\n }, [id, text, setTertiary, setTertiaryId]);\n\n if (variant === \"mini\") {\n return null;\n }\n\n return (\n <Text\n {...restProps}\n maxRows={1}\n styleAs={variant === \"default\" ? \"h4\" : undefined}\n id={id}\n ref={ref}\n className={clsx(withBaseName(), className)}\n data-testid=\"tertiary\"\n >\n {Icon ? <Icon className={withBaseName(\"icon\")} /> : null}\n {text}\n </Text>\n );\n});\n"],"names":["ContactTertiaryInfo"],"mappings":";;;;;;;AAWA,MAAM,YAAA,GAAe,aAAa,yBAAyB,CAAA;AAQpD,MAAM,mBAAA,GAAsB,UAAA,CAGjC,SAASA,oBAAAA,CAAoB,OAAO,GAAA,EAAK;AACzC,EAAA,MAAM,EAAE,IAAI,MAAA,EAAQ,IAAA,EAAM,MAAM,IAAA,EAAM,SAAA,EAAW,GAAG,SAAA,EAAU,GAAI,KAAA;AAClE,EAAA,MAAM,EAAE,OAAA,EAAS,WAAA,EAAa,aAAA,KAAkB,wBAAA,EAAyB;AACzE,EAAA,MAAM,EAAA,GAAK,MAAM,MAAM,CAAA;AAEvB,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,WAAA,CAAY,IAAI,CAAA;AAChB,IAAA,aAAA,CAAc,EAAE,CAAA;AAChB,IAAA,OAAO,MAAM;AACX,MAAA,WAAA,CAAY,MAAS,CAAA;AACrB,MAAA,aAAA,CAAc,MAAS,CAAA;AAAA,IACzB,CAAA;AAAA,EACF,GAAG,CAAC,EAAA,EAAI,IAAA,EAAM,WAAA,EAAa,aAAa,CAAC,CAAA;AAEzC,EAAA,IAAI,YAAY,MAAA,EAAQ;AACtB,IAAA,OAAO,IAAA;AAAA,EACT;AAEA,EAAA,uBACE,IAAA;AAAA,IAAC,IAAA;AAAA,IAAA;AAAA,MACE,GAAG,SAAA;AAAA,MACJ,OAAA,EAAS,CAAA;AAAA,MACT,OAAA,EAAS,OAAA,KAAY,SAAA,GAAY,IAAA,GAAO,MAAA;AAAA,MACxC,EAAA;AAAA,MACA,GAAA;AAAA,MACA,SAAA,EAAW,IAAA,CAAK,YAAA,EAAa,EAAG,SAAS,CAAA;AAAA,MACzC,aAAA,EAAY,UAAA;AAAA,MAEX,QAAA,EAAA;AAAA,QAAA,IAAA,uBAAQ,IAAA,EAAA,EAAK,SAAA,EAAW,YAAA,CAAa,MAAM,GAAG,CAAA,GAAK,IAAA;AAAA,QACnD;AAAA;AAAA;AAAA,GACH;AAEJ,CAAC;;;;"}

package/dist-es/contact-details/MailLinkComponent.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"MailLinkComponent.js","sources":["../src/contact-details/MailLinkComponent.tsx"],"sourcesContent":["import { Link, Text } from \"@salt-ds/core\";\n\nimport { isEmail } from \"../utils\";\nimport type { ValueComponentProps } from \"./types\";\n\nexport const MailLinkComponent = (props: ValueComponentProps) => {\n const { value, ...restProps } = props;\n\n return isEmail(value) ? (\n <Link href={`mailto:${value}`} tabIndex={0} maxRows={1} {...restProps}>\n {value}\n </Link>\n ) : (\n <Text maxRows={1}>{value}</Text>\n );\n};\n"],"names":[],"mappings":";;;;;~~AAKa~~,~~MAAA~~,iBAAA,GAAoB,CAAC,KAA+B~~,KAAA~~;AAC/D,EAAA,MAAM,EAAE,KAAA,EAAO,GAAG,SAAA,~~EAAc~~,~~GAAA~~,KAAA;AAEhC,~~EAAO~~,~~OAAA~~,OAAA,CAAQ,KAAK,~~CAClB~~,~~mBAAA~~,GAAA,CAAC,QAAK,~~IAAM~~,~~EAAA~~,CAAA,OAAA,EAAU,KAAK,~~CAAI~~,CAAA,~~EAAA~~,QAAA,EAAU,GAAG,~~OAAS~~,~~EAAA~~,CAAA,EAAI,GAAG,~~SACzD~~,~~EAAA~~,QAAA,EAAA,KAAA,EACH,~~oBAEC~~,GAAA,~~CAAA~~,IAAA,EAAA,EAAK,~~OAAS~~,~~EAAA~~,CAAA,EAAI,~~QAAM~~,EAAA,KAAA,~~EAAA~~,CAAA;AAE7B;;;;"}
1	+ {"version":3,"file":"MailLinkComponent.js","sources":["../src/contact-details/MailLinkComponent.tsx"],"sourcesContent":["import { Link, Text } from \"@salt-ds/core\";\n\nimport { isEmail } from \"../utils\";\nimport type { ValueComponentProps } from \"./types\";\n\nexport const MailLinkComponent = (props: ValueComponentProps) => {\n const { value, ...restProps } = props;\n\n return isEmail(value) ? (\n <Link href={`mailto:${value}`} tabIndex={0} maxRows={1} {...restProps}>\n {value}\n </Link>\n ) : (\n <Text maxRows={1}>{value}</Text>\n );\n};\n"],"names":[],"mappings":";;;;;AAKO,MAAM,iBAAA,GAAoB,CAAC,KAAA,KAA+B;AAC/D,EAAA,MAAM,EAAE,KAAA,EAAO,GAAG,SAAA,EAAU,GAAI,KAAA;AAEhC,EAAA,OAAO,OAAA,CAAQ,KAAK,CAAA,mBAClB,GAAA,CAAC,QAAK,IAAA,EAAM,CAAA,OAAA,EAAU,KAAK,CAAA,CAAA,EAAI,QAAA,EAAU,GAAG,OAAA,EAAS,CAAA,EAAI,GAAG,SAAA,EACzD,QAAA,EAAA,KAAA,EACH,oBAEA,GAAA,CAAC,IAAA,EAAA,EAAK,OAAA,EAAS,CAAA,EAAI,QAAA,EAAA,KAAA,EAAM,CAAA;AAE7B;;;;"}

package/dist-es/contact-details/internal/ContactDetailsContext.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ContactDetailsContext.js","sources":["../src/contact-details/internal/ContactDetailsContext.tsx"],"sourcesContent":["import { createContext, useContext } from \"react\";\nimport type { ContactDetailsVariant } from \"../ContactDetails\";\n\nexport interface ContactDetailsContext {\n variant: ContactDetailsVariant;\n\n primary?: string;\n setPrimary: (primary?: string) => void;\n primaryId?: string;\n setPrimaryId: (primaryId?: string) => void;\n\n secondary?: string;\n setSecondary: (secondary?: string) => void;\n secondaryId?: string;\n setSecondaryId: (secondaryId?: string) => void;\n\n tertiary?: string;\n setTertiary: (tertiary?: string) => void;\n tertiaryId?: string;\n setTertiaryId: (tertiaryId?: string) => void;\n\n hasAvatar?: boolean;\n setHasAvatar: (hasAvatar: boolean) => void;\n\n isStacked?: boolean;\n}\n\nexport const ContactDetailsContext = createContext<\n ContactDetailsContext \| undefined\n>(undefined);\n\nexport const useContactDetailsContext = (): ContactDetailsContext => {\n const context = useContext(ContactDetailsContext);\n if (!context) {\n throw new Error(\n \"useContactDetailsContext should be used inside of ContactDetails\",\n );\n }\n return context;\n};\n"],"names":[],"mappings":";;~~AA2Ba~~,~~MAAA~~,qBAAA,GAAwB,cAEnC,MAAS;AAEJ,MAAM,2BAA2B,MAA6B;AACnE,~~EAAM~~,~~MAAA~~,OAAA,GAAU,WAAW,qBAAqB,CAAA;AAChD,EAAA,IAAI,CAAC,~~OAAS~~,~~EAAA~~;AACZ,IAAA,MAAM,IAAI,KAAA;AAAA,MACR;AAAA,KACF;AAAA;~~AAEF~~,~~EAAO~~,~~OAAA~~,OAAA;AACT;;;;"}
1	+ {"version":3,"file":"ContactDetailsContext.js","sources":["../src/contact-details/internal/ContactDetailsContext.tsx"],"sourcesContent":["import { createContext, useContext } from \"react\";\nimport type { ContactDetailsVariant } from \"../ContactDetails\";\n\nexport interface ContactDetailsContext {\n variant: ContactDetailsVariant;\n\n primary?: string;\n setPrimary: (primary?: string) => void;\n primaryId?: string;\n setPrimaryId: (primaryId?: string) => void;\n\n secondary?: string;\n setSecondary: (secondary?: string) => void;\n secondaryId?: string;\n setSecondaryId: (secondaryId?: string) => void;\n\n tertiary?: string;\n setTertiary: (tertiary?: string) => void;\n tertiaryId?: string;\n setTertiaryId: (tertiaryId?: string) => void;\n\n hasAvatar?: boolean;\n setHasAvatar: (hasAvatar: boolean) => void;\n\n isStacked?: boolean;\n}\n\nexport const ContactDetailsContext = createContext<\n ContactDetailsContext \| undefined\n>(undefined);\n\nexport const useContactDetailsContext = (): ContactDetailsContext => {\n const context = useContext(ContactDetailsContext);\n if (!context) {\n throw new Error(\n \"useContactDetailsContext should be used inside of ContactDetails\",\n );\n }\n return context;\n};\n"],"names":[],"mappings":";;AA2BO,MAAM,qBAAA,GAAwB,cAEnC,MAAS;AAEJ,MAAM,2BAA2B,MAA6B;AACnE,EAAA,MAAM,OAAA,GAAU,WAAW,qBAAqB,CAAA;AAChD,EAAA,IAAI,CAAC,OAAA,EAAS;AACZ,IAAA,MAAM,IAAI,KAAA;AAAA,MACR;AAAA,KACF;AAAA,EACF;AACA,EAAA,OAAO,OAAA;AACT;;;;"}

package/dist-es/contact-details/internal/FavoriteToggle.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"FavoriteToggle.js","sources":["../src/contact-details/internal/FavoriteToggle.tsx"],"sourcesContent":["import { useControlled, useForkRef, useIsFocusVisible } from \"@salt-ds/core\";\nimport {\n type FocusEventHandler,\n forwardRef,\n type KeyboardEventHandler,\n type MouseEvent,\n type MouseEventHandler,\n useState,\n} from \"react\";\nimport {\n StarIconContainer,\n type StarIconContainerProps,\n} from \"./StarIconContainer\";\n\nexport interface FavoriteToggleProps\n extends Omit<StarIconContainerProps, \"onChange\"> {\n onBlur?: FocusEventHandler;\n onChange?: (isSelected: boolean) => void;\n onClick?: (event: MouseEvent<HTMLSpanElement>) => void;\n onFocus?: FocusEventHandler;\n onKeyDown?: KeyboardEventHandler<HTMLSpanElement>;\n onMouseEnter?: MouseEventHandler<HTMLSpanElement>;\n onMouseLeave?: MouseEventHandler<HTMLSpanElement>;\n}\n\nexport const FavoriteToggle = forwardRef<HTMLSpanElement, FavoriteToggleProps>(\n function FavoriteToggle(props, ref) {\n const {\n isSelected: isSelectedProp,\n onBlur: onBlurProp,\n onFocus: onFocusProp,\n onClick: onClickProp,\n onChange: onChangeProp,\n onMouseEnter: onMouseEnterProp,\n onMouseLeave: onMouseLeaveProp,\n onKeyDown: onKeyDownProp,\n ...restProps\n } = props;\n\n const {\n isFocusVisibleRef,\n ref: focusVisibleRef,\n onFocus,\n onBlur,\n } = useIsFocusVisible<HTMLSpanElement>();\n\n const [isFocused, setIsFocused] = useState(false);\n const [isHighlighted, setIsHighlighted] = useState(false);\n const [isFocusVisible, setIsFocusVisible] = useState(false);\n\n const [isSelected, setIsSelected] = useControlled({\n controlled: isSelectedProp,\n default: false,\n name: \"FavoriteToggle\",\n state: \"isSelected\",\n });\n\n const toggleSelected = () => {\n setIsSelected((s) => !s);\n if (onChangeProp) {\n onChangeProp(!isSelected);\n }\n };\n\n const handleFocus: FocusEventHandler<HTMLSpanElement> = (event) => {\n if (onFocusProp) {\n onFocusProp(event);\n }\n onFocus(event);\n setIsFocused(true);\n setIsFocusVisible(isFocusVisibleRef.current);\n };\n\n const handleBlur: FocusEventHandler<HTMLSpanElement> = (event) => {\n if (onBlurProp) {\n onBlurProp(event);\n }\n onBlur();\n setIsFocused(false);\n setIsFocusVisible(false);\n };\n\n const handleClick: MouseEventHandler<HTMLSpanElement> = (event) => {\n if (onClickProp) {\n onClickProp(event);\n }\n setIsFocusVisible(isFocusVisibleRef.current);\n toggleSelected();\n };\n\n const handleMouseEnter: MouseEventHandler<HTMLSpanElement> = (event) => {\n if (onMouseEnterProp) {\n onMouseEnterProp(event);\n }\n setIsHighlighted(true);\n };\n\n const handleMouseLeave: MouseEventHandler<HTMLSpanElement> = (event) => {\n if (onMouseLeaveProp) {\n onMouseLeaveProp(event);\n }\n setIsHighlighted(false);\n };\n\n const handleKeyDown: KeyboardEventHandler<HTMLSpanElement> = (event) => {\n if (onKeyDownProp) {\n onKeyDownProp(event);\n }\n setIsFocusVisible(isFocusVisibleRef.current);\n\n if ([\"Enter\", \" \"].includes(event.key)) {\n toggleSelected();\n }\n };\n\n return (\n <StarIconContainer\n isFocusVisible={isFocusVisible}\n isFocused={isFocused}\n isHighlighted={isHighlighted}\n isSelected={isSelected}\n onBlur={handleBlur}\n onClick={handleClick}\n onFocus={handleFocus}\n onKeyDown={handleKeyDown}\n onMouseEnter={handleMouseEnter}\n onMouseLeave={handleMouseLeave}\n ref={useForkRef(focusVisibleRef, ref)}\n tabIndex={0}\n {...restProps}\n />\n );\n },\n);\n"],"names":["FavoriteToggle"],"mappings":";;;;;AAyBO,MAAM,~~cAAiB~~,~~GAAA~~,UAAA;AAAA,EAC5B,SAASA,~~eAAe~~,~~CAAA~~,KAAA,EAAO,~~GAAK~~,~~EAAA~~;AAClC,~~IAAM~~,~~MAAA~~;AAAA,MACJ,~~UAAY~~,~~EAAA~~,cAAA;AAAA,MACZ,~~MAAQ~~,~~EAAA~~,UAAA;AAAA,MACR,~~OAAS~~,~~EAAA~~,WAAA;AAAA,MACT,~~OAAS~~,~~EAAA~~,WAAA;AAAA,MACT,~~QAAU~~,~~EAAA~~,YAAA;AAAA,MACV,~~YAAc~~,~~EAAA~~,gBAAA;AAAA,MACd,~~YAAc~~,~~EAAA~~,gBAAA;AAAA,MACd,~~SAAW~~,~~EAAA~~,aAAA;AAAA,MACX,GAAG;AAAA,~~KACD~~,~~GAAA~~,KAAA;AAEJ,~~IAAM~~,~~MAAA~~;AAAA,MACJ,iBAAA;AAAA,MACA,~~GAAK~~,~~EAAA~~,eAAA;AAAA,MACL,OAAA;AAAA,MACA;AAAA,QACE,~~iBAAmC~~,~~EAAA~~;AAEvC,IAAA,MAAM,CAAC,SAAA,EAAW,YAAY,CAAA,GAAI,SAAS,KAAK,CAAA;AAChD,IAAA,MAAM,CAAC,aAAA,EAAe,gBAAgB,CAAA,GAAI,SAAS,KAAK,CAAA;AACxD,IAAA,MAAM,CAAC,cAAA,EAAgB,iBAAiB,CAAA,GAAI,SAAS,KAAK,CAAA;AAE1D,IAAA,MAAM,CAAC,UAAA,EAAY,aAAa,CAAA,GAAI,~~aAAc~~,~~CAAA~~;AAAA,MAChD,~~UAAY~~,~~EAAA~~,cAAA;AAAA,MACZ,~~OAAS~~,~~EAAA~~,KAAA;AAAA,MACT,~~IAAM~~,~~EAAA~~,gBAAA;AAAA,MACN,~~KAAO~~,~~EAAA~~;AAAA,KACR,CAAA;AAED,IAAA,MAAM,iBAAiB,MAAM;AAC3B,~~MAAc~~,aAAA,~~CAAA~~,CAAC,~~CAAM~~,~~KAAA~~,CAAC,CAAC,CAAA;AACvB,MAAA,IAAI,~~YAAc~~,~~EAAA~~;AAChB,QAAA,YAAA,CAAa,CAAC,UAAU,CAAA;AAAA;~~AAC1B~~,~~KACF~~;AAEA,~~IAAM~~,~~MAAA~~,WAAA,GAAkD,CAAC,KAAU~~,KAAA~~;AACjE,MAAA,IAAI,~~WAAa~~,~~EAAA~~;AACf,QAAA,WAAA,CAAY,KAAK,CAAA;AAAA;~~AAEnB~~,MAAA,OAAA,CAAQ,KAAK,CAAA;AACb,MAAA,YAAA,CAAa,IAAI,CAAA;AACjB,MAAA,iBAAA,CAAkB,kBAAkB,OAAO,CAAA;AAAA,~~KAC7C~~;AAEA,~~IAAM~~,~~MAAA~~,UAAA,GAAiD,CAAC,KAAU~~,KAAA~~;AAChE,MAAA,IAAI,~~UAAY~~,~~EAAA~~;AACd,QAAA,UAAA,CAAW,KAAK,CAAA;AAAA;~~AAElB~~,~~MAAO~~,MAAA,~~EAAA~~;AACP,MAAA,YAAA,CAAa,KAAK,CAAA;AAClB,MAAA,iBAAA,CAAkB,KAAK,CAAA;AAAA,~~KACzB~~;AAEA,~~IAAM~~,~~MAAA~~,WAAA,GAAkD,CAAC,KAAU~~,KAAA~~;AACjE,MAAA,IAAI,~~WAAa~~,~~EAAA~~;AACf,QAAA,WAAA,CAAY,KAAK,CAAA;AAAA;~~AAEnB~~,MAAA,iBAAA,CAAkB,kBAAkB,OAAO,CAAA;AAC3C,~~MAAe~~,cAAA,~~EAAA~~;AAAA,~~KACjB~~;AAEA,~~IAAM~~,~~MAAA~~,gBAAA,GAAuD,CAAC,KAAU~~,KAAA~~;AACtE,MAAA,IAAI,~~gBAAkB~~,~~EAAA~~;AACpB,QAAA,gBAAA,CAAiB,KAAK,CAAA;AAAA;~~AAExB~~,MAAA,gBAAA,CAAiB,IAAI,CAAA;AAAA,~~KACvB~~;AAEA,~~IAAM~~,~~MAAA~~,gBAAA,GAAuD,CAAC,KAAU~~,KAAA~~;AACtE,MAAA,IAAI,~~gBAAkB~~,~~EAAA~~;AACpB,QAAA,gBAAA,CAAiB,KAAK,CAAA;AAAA;~~AAExB~~,MAAA,gBAAA,CAAiB,KAAK,CAAA;AAAA,~~KACxB~~;AAEA,~~IAAM~~,~~MAAA~~,aAAA,GAAuD,CAAC,KAAU~~,KAAA~~;AACtE,MAAA,IAAI,~~aAAe~~,~~EAAA~~;AACjB,QAAA,aAAA,CAAc,KAAK,CAAA;AAAA;~~AAErB~~,MAAA,iBAAA,CAAkB,kBAAkB,OAAO,CAAA;AAE3C,MAAA,IAAI,CAAC,~~OAAS~~,~~EAAA~~,GAAG,EAAE,~~QAAS~~,~~CAAA~~,KAAA,CAAM,GAAG,~~CAAG~~,~~EAAA~~;AACtC,~~QAAe~~,cAAA,~~EAAA~~;AAAA;~~AACjB~~,~~KACF~~;AAEA,~~IACE~~,~~uBAAA~~,GAAA;AAAA,MAAC,iBAAA;AAAA,MAAA;AAAA,QACC,cAAA;AAAA,QACA,SAAA;AAAA,QACA,aAAA;AAAA,QACA,UAAA;AAAA,QACA,~~MAAQ~~,~~EAAA~~,UAAA;AAAA,QACR,~~OAAS~~,~~EAAA~~,WAAA;AAAA,QACT,~~OAAS~~,~~EAAA~~,WAAA;AAAA,QACT,~~SAAW~~,~~EAAA~~,aAAA;AAAA,QACX,~~YAAc~~,~~EAAA~~,gBAAA;AAAA,QACd,~~YAAc~~,~~EAAA~~,gBAAA;AAAA,QACd,GAAA,EAAK,~~UAAW~~,~~CAAA~~,eAAA,EAAiB,GAAG,CAAA;AAAA,QACpC,~~QAAU~~,~~EAAA~~,CAAA;AAAA,QACT,GAAG;AAAA;AAAA,KACN;AAAA;~~AAGN~~;;;;"}
1	+ {"version":3,"file":"FavoriteToggle.js","sources":["../src/contact-details/internal/FavoriteToggle.tsx"],"sourcesContent":["import { useControlled, useForkRef, useIsFocusVisible } from \"@salt-ds/core\";\nimport {\n type FocusEventHandler,\n forwardRef,\n type KeyboardEventHandler,\n type MouseEvent,\n type MouseEventHandler,\n useState,\n} from \"react\";\nimport {\n StarIconContainer,\n type StarIconContainerProps,\n} from \"./StarIconContainer\";\n\nexport interface FavoriteToggleProps\n extends Omit<StarIconContainerProps, \"onChange\"> {\n onBlur?: FocusEventHandler;\n onChange?: (isSelected: boolean) => void;\n onClick?: (event: MouseEvent<HTMLSpanElement>) => void;\n onFocus?: FocusEventHandler;\n onKeyDown?: KeyboardEventHandler<HTMLSpanElement>;\n onMouseEnter?: MouseEventHandler<HTMLSpanElement>;\n onMouseLeave?: MouseEventHandler<HTMLSpanElement>;\n}\n\nexport const FavoriteToggle = forwardRef<HTMLSpanElement, FavoriteToggleProps>(\n function FavoriteToggle(props, ref) {\n const {\n isSelected: isSelectedProp,\n onBlur: onBlurProp,\n onFocus: onFocusProp,\n onClick: onClickProp,\n onChange: onChangeProp,\n onMouseEnter: onMouseEnterProp,\n onMouseLeave: onMouseLeaveProp,\n onKeyDown: onKeyDownProp,\n ...restProps\n } = props;\n\n const {\n isFocusVisibleRef,\n ref: focusVisibleRef,\n onFocus,\n onBlur,\n } = useIsFocusVisible<HTMLSpanElement>();\n\n const [isFocused, setIsFocused] = useState(false);\n const [isHighlighted, setIsHighlighted] = useState(false);\n const [isFocusVisible, setIsFocusVisible] = useState(false);\n\n const [isSelected, setIsSelected] = useControlled({\n controlled: isSelectedProp,\n default: false,\n name: \"FavoriteToggle\",\n state: \"isSelected\",\n });\n\n const toggleSelected = () => {\n setIsSelected((s) => !s);\n if (onChangeProp) {\n onChangeProp(!isSelected);\n }\n };\n\n const handleFocus: FocusEventHandler<HTMLSpanElement> = (event) => {\n if (onFocusProp) {\n onFocusProp(event);\n }\n onFocus(event);\n setIsFocused(true);\n setIsFocusVisible(isFocusVisibleRef.current);\n };\n\n const handleBlur: FocusEventHandler<HTMLSpanElement> = (event) => {\n if (onBlurProp) {\n onBlurProp(event);\n }\n onBlur();\n setIsFocused(false);\n setIsFocusVisible(false);\n };\n\n const handleClick: MouseEventHandler<HTMLSpanElement> = (event) => {\n if (onClickProp) {\n onClickProp(event);\n }\n setIsFocusVisible(isFocusVisibleRef.current);\n toggleSelected();\n };\n\n const handleMouseEnter: MouseEventHandler<HTMLSpanElement> = (event) => {\n if (onMouseEnterProp) {\n onMouseEnterProp(event);\n }\n setIsHighlighted(true);\n };\n\n const handleMouseLeave: MouseEventHandler<HTMLSpanElement> = (event) => {\n if (onMouseLeaveProp) {\n onMouseLeaveProp(event);\n }\n setIsHighlighted(false);\n };\n\n const handleKeyDown: KeyboardEventHandler<HTMLSpanElement> = (event) => {\n if (onKeyDownProp) {\n onKeyDownProp(event);\n }\n setIsFocusVisible(isFocusVisibleRef.current);\n\n if ([\"Enter\", \" \"].includes(event.key)) {\n toggleSelected();\n }\n };\n\n return (\n <StarIconContainer\n isFocusVisible={isFocusVisible}\n isFocused={isFocused}\n isHighlighted={isHighlighted}\n isSelected={isSelected}\n onBlur={handleBlur}\n onClick={handleClick}\n onFocus={handleFocus}\n onKeyDown={handleKeyDown}\n onMouseEnter={handleMouseEnter}\n onMouseLeave={handleMouseLeave}\n ref={useForkRef(focusVisibleRef, ref)}\n tabIndex={0}\n {...restProps}\n />\n );\n },\n);\n"],"names":["FavoriteToggle"],"mappings":"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"}

package/dist-es/contact-details/internal/FavoriteToggleWithTooltip.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"FavoriteToggleWithTooltip.js","sources":["../src/contact-details/internal/FavoriteToggleWithTooltip.tsx"],"sourcesContent":["import { Tooltip, type TooltipProps } from \"@salt-ds/core\";\nimport { forwardRef } from \"react\";\nimport { FavoriteToggle, type FavoriteToggleProps } from \"./FavoriteToggle\";\n\nexport interface FavoriteToggleWithTooltipProps extends FavoriteToggleProps {\n tooltipProps?: TooltipProps;\n tooltipTitle?: string;\n}\n\nexport const FavoriteToggleWithTooltip = forwardRef<\n HTMLSpanElement,\n FavoriteToggleWithTooltipProps\n>(function FavoriteToggleWithTooltip(props, ref) {\n const {\n tooltipTitle = \"Toggle favorite\",\n tooltipProps,\n ...restProps\n } = props;\n\n return (\n <Tooltip\n enterDelay={1500}\n placement=\"bottom\"\n content={tooltipTitle}\n {...tooltipProps}\n >\n <FavoriteToggle ref={ref} {...restProps} />\n </Tooltip>\n );\n});\n"],"names":["FavoriteToggleWithTooltip"],"mappings":";;;;;AASO,MAAM,~~yBAA4B~~,~~GAAA~~,UAAA,CAGvC,SAASA,0BAAAA,CAA0B,OAAO,~~GAAK~~,~~EAAA~~;AAC/C,~~EAAM~~,~~MAAA~~;AAAA,IACJ,~~YAAe~~,~~GAAA~~,iBAAA;AAAA,IACf,YAAA;AAAA,IACA,GAAG;AAAA,~~GACD~~,~~GAAA~~,KAAA;AAEJ,~~EACE~~,~~uBAAA~~,GAAA;AAAA,IAAC,OAAA;AAAA,IAAA;AAAA,MACC,~~UAAY~~,~~EAAA~~,IAAA;AAAA,MACZ,~~SAAU~~,~~EAAA~~,QAAA;AAAA,MACV,~~OAAS~~,~~EAAA~~,YAAA;AAAA,MACR,GAAG,YAAA;AAAA,MAEJ,~~QAAC~~,kBAAA,GAAA,~~CAAA~~,cAAA,EAAA,EAAe,~~GAAW~~,~~EAAA~~,GAAG,~~SAAW~~,~~EAAA~~;AAAA;AAAA,GAC3C;AAEJ,CAAC;;;;"}
1	+ {"version":3,"file":"FavoriteToggleWithTooltip.js","sources":["../src/contact-details/internal/FavoriteToggleWithTooltip.tsx"],"sourcesContent":["import { Tooltip, type TooltipProps } from \"@salt-ds/core\";\nimport { forwardRef } from \"react\";\nimport { FavoriteToggle, type FavoriteToggleProps } from \"./FavoriteToggle\";\n\nexport interface FavoriteToggleWithTooltipProps extends FavoriteToggleProps {\n tooltipProps?: TooltipProps;\n tooltipTitle?: string;\n}\n\nexport const FavoriteToggleWithTooltip = forwardRef<\n HTMLSpanElement,\n FavoriteToggleWithTooltipProps\n>(function FavoriteToggleWithTooltip(props, ref) {\n const {\n tooltipTitle = \"Toggle favorite\",\n tooltipProps,\n ...restProps\n } = props;\n\n return (\n <Tooltip\n enterDelay={1500}\n placement=\"bottom\"\n content={tooltipTitle}\n {...tooltipProps}\n >\n <FavoriteToggle ref={ref} {...restProps} />\n </Tooltip>\n );\n});\n"],"names":["FavoriteToggleWithTooltip"],"mappings":";;;;;AASO,MAAM,yBAAA,GAA4B,UAAA,CAGvC,SAASA,0BAAAA,CAA0B,OAAO,GAAA,EAAK;AAC/C,EAAA,MAAM;AAAA,IACJ,YAAA,GAAe,iBAAA;AAAA,IACf,YAAA;AAAA,IACA,GAAG;AAAA,GACL,GAAI,KAAA;AAEJ,EAAA,uBACE,GAAA;AAAA,IAAC,OAAA;AAAA,IAAA;AAAA,MACC,UAAA,EAAY,IAAA;AAAA,MACZ,SAAA,EAAU,QAAA;AAAA,MACV,OAAA,EAAS,YAAA;AAAA,MACR,GAAG,YAAA;AAAA,MAEJ,QAAA,kBAAA,GAAA,CAAC,cAAA,EAAA,EAAe,GAAA,EAAW,GAAG,SAAA,EAAW;AAAA;AAAA,GAC3C;AAEJ,CAAC;;;;"}

package/dist-es/contact-details/internal/StarIcon.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"StarIcon.js","sources":["../src/contact-details/internal/StarIcon.tsx"],"sourcesContent":["import { forwardRef } from \"react\";\n\nconst filledPath =\n \"M6,0,4.21,4.05,0,4.58l3.11,3L2.29,12,6,9.5,9.71,12,8.89,7.62l3.11-3L7.79,4.05,6,0Z\";\n\nconst hollowPath =\n \"M6,2.47l.87,2L7.1,5,7.66,5l2.16.27L8.19,6.91l-.38.37.1.53.38,2L6.56,8.67,6,8.29l-.56.38L3.71,9.84l.38-2,.1-.53-.38-.37L2.18,5.31,4.34,5,4.9,5l.23-.52.87-2M6,0,4.21,4.05,0,4.58l3.11,3L2.29,12,6,9.5,9.71,12,8.89,7.62l3.11-3L7.79,4.05,6,0Z\";\n\nexport interface StarIconProps {\n className?: string;\n selected?: boolean;\n highlighted?: boolean;\n}\n\nexport const StarIcon = forwardRef<SVGSVGElement, StarIconProps>(\n function StarIcon({ className, selected, highlighted }, ref) {\n const path = !selected && !highlighted ? hollowPath : filledPath;\n\n return (\n <svg\n aria-hidden=\"true\"\n className={className}\n ref={ref}\n viewBox=\"0 0 12 12\"\n >\n <g fillRule=\"evenodd\">\n <path d={path} />\n </g>\n </svg>\n );\n },\n);\n"],"names":["StarIcon"],"mappings":";;;AAEA,MAAM,~~UACJ~~,~~GAAA~~,oFAAA;AAEF,MAAM,~~UACJ~~,~~GAAA~~,8OAAA;AAQK,MAAM,~~QAAW~~,~~GAAA~~,UAAA;AAAA,EACtB,SAASA,~~SAAS~~,~~CAAA~~,EAAE,WAAW,~~QAAU~~,~~EAAA~~,WAAA,IAAe,~~GAAK~~,~~EAAA~~;AAC3D,IAAA,MAAM,~~IAAO~~,~~GAAA~~,CAAC,~~QAAY~~,~~IAAA~~,CAAC,cAAc,~~UAAa~~,~~GAAA~~,UAAA;AAEtD,~~IACE~~,~~uBAAA~~,GAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,~~aAAY~~,~~EAAA~~,MAAA;AAAA,QACZ,SAAA;AAAA,QACA,GAAA;AAAA,QACA,~~OAAQ~~,~~EAAA~~,WAAA;AAAA,QAER,QAAA,kBAAA,GAAA,CAAC,OAAE,~~QAAS~~,~~EAAA~~,SAAA,EACV,8BAAC,~~MAAK~~,EAAA,~~EAAA~~,CAAA,EAAG,MAAM,~~CACjB~~,~~EAAA~~;AAAA;AAAA,KACF;AAAA;~~AAGN~~;;;;"}
1	+ {"version":3,"file":"StarIcon.js","sources":["../src/contact-details/internal/StarIcon.tsx"],"sourcesContent":["import { forwardRef } from \"react\";\n\nconst filledPath =\n \"M6,0,4.21,4.05,0,4.58l3.11,3L2.29,12,6,9.5,9.71,12,8.89,7.62l3.11-3L7.79,4.05,6,0Z\";\n\nconst hollowPath =\n \"M6,2.47l.87,2L7.1,5,7.66,5l2.16.27L8.19,6.91l-.38.37.1.53.38,2L6.56,8.67,6,8.29l-.56.38L3.71,9.84l.38-2,.1-.53-.38-.37L2.18,5.31,4.34,5,4.9,5l.23-.52.87-2M6,0,4.21,4.05,0,4.58l3.11,3L2.29,12,6,9.5,9.71,12,8.89,7.62l3.11-3L7.79,4.05,6,0Z\";\n\nexport interface StarIconProps {\n className?: string;\n selected?: boolean;\n highlighted?: boolean;\n}\n\nexport const StarIcon = forwardRef<SVGSVGElement, StarIconProps>(\n function StarIcon({ className, selected, highlighted }, ref) {\n const path = !selected && !highlighted ? hollowPath : filledPath;\n\n return (\n <svg\n aria-hidden=\"true\"\n className={className}\n ref={ref}\n viewBox=\"0 0 12 12\"\n >\n <g fillRule=\"evenodd\">\n <path d={path} />\n </g>\n </svg>\n );\n },\n);\n"],"names":["StarIcon"],"mappings":";;;AAEA,MAAM,UAAA,GACJ,oFAAA;AAEF,MAAM,UAAA,GACJ,8OAAA;AAQK,MAAM,QAAA,GAAW,UAAA;AAAA,EACtB,SAASA,SAAAA,CAAS,EAAE,WAAW,QAAA,EAAU,WAAA,IAAe,GAAA,EAAK;AAC3D,IAAA,MAAM,IAAA,GAAO,CAAC,QAAA,IAAY,CAAC,cAAc,UAAA,GAAa,UAAA;AAEtD,IAAA,uBACE,GAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,aAAA,EAAY,MAAA;AAAA,QACZ,SAAA;AAAA,QACA,GAAA;AAAA,QACA,OAAA,EAAQ,WAAA;AAAA,QAER,QAAA,kBAAA,GAAA,CAAC,OAAE,QAAA,EAAS,SAAA,EACV,8BAAC,MAAA,EAAA,EAAK,CAAA,EAAG,MAAM,CAAA,EACjB;AAAA;AAAA,KACF;AAAA,EAEJ;AACF;;;;"}

package/dist-es/contact-details/internal/StarIconContainer.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"StarIconContainer.js","sources":["../src/contact-details/internal/StarIconContainer.tsx"],"sourcesContent":["import { makePrefixer } from \"@salt-ds/core\";\nimport { clsx } from \"clsx\";\nimport { forwardRef, type HTMLAttributes } from \"react\";\nimport { StarIcon } from \"./StarIcon\";\n\nconst withBaseName = makePrefixer(\"saltContactFavoriteToggle\");\n\nexport interface StarIconContainerProps\n extends HTMLAttributes<HTMLSpanElement> {\n className?: string;\n isFocusVisible?: boolean;\n isFocused?: boolean;\n isHighlighted?: boolean;\n isSelected?: boolean;\n}\n\nexport const StarIconContainer = forwardRef<\n HTMLSpanElement,\n StarIconContainerProps\n>(function StarIconContainer(props, ref) {\n const {\n isSelected,\n isHighlighted,\n isFocused,\n isFocusVisible,\n className,\n ...other\n } = props;\n\n return (\n <span\n className={clsx(\n withBaseName(),\n {\n [withBaseName(\"focusVisible\")]: isFocusVisible,\n },\n className,\n )}\n {...other}\n ref={ref}\n >\n <StarIcon\n className={clsx(withBaseName(\"svg\"), {\n [withBaseName(\"focused\")]: isFocusVisible && isFocused,\n [withBaseName(\"selected\")]: isSelected && !isHighlighted,\n [withBaseName(\"selecting\")]: !isSelected && isHighlighted,\n [withBaseName(\"deselected\")]: !isSelected && !isHighlighted,\n [withBaseName(\"deselecting\")]: isSelected && isHighlighted,\n })}\n highlighted={isHighlighted}\n selected={isSelected}\n />\n </span>\n );\n});\n"],"names":["StarIconContainer"],"mappings":";;;;;;AAKA,MAAM,YAAA,GAAe,aAAa,2BAA2B,CAAA;AAWtD,MAAM,~~iBAAoB~~,~~GAAA~~,UAAA,CAG/B,SAASA,kBAAAA,CAAkB,OAAO,~~GAAK~~,~~EAAA~~;AACvC,~~EAAM~~,~~MAAA~~;AAAA,IACJ,UAAA;AAAA,IACA,aAAA;AAAA,IACA,SAAA;AAAA,IACA,cAAA;AAAA,IACA,SAAA;AAAA,IACA,GAAG;AAAA,~~GACD~~,~~GAAA~~,KAAA;AAEJ,~~EACE~~,~~uBAAA~~,GAAA;AAAA,IAAC,MAAA;AAAA,IAAA;AAAA,MACC,~~SAAW~~,~~EAAA~~,IAAA;AAAA,QACT,~~YAAa~~,~~EAAA~~;AAAA,QACb;AAAA,UACE,CAAC,YAAA,CAAa,cAAc,CAAC,GAAG;AAAA,SAClC;AAAA,QACA;AAAA,OACF;AAAA,MACC,GAAG,KAAA;AAAA,MACJ,GAAA;AAAA,MAEA,QAAA,kBAAA,GAAA;AAAA,QAAC,QAAA;AAAA,QAAA;AAAA,UACC,~~SAAW~~,~~EAAA~~,IAAA,CAAK,~~YAAa~~,~~CAAA~~,KAAK,~~CAAG~~,~~EAAA~~;AAAA,YACnC,CAAC,YAAA,CAAa,SAAS,CAAC,GAAG,~~cAAkB~~,~~IAAA~~,SAAA;AAAA,YAC7C,CAAC,~~YAAa~~,~~CAAA~~,UAAU,CAAC,GAAG,cAAc,CAAC,aAAA;AAAA,YAC3C,CAAC,~~YAAa~~,~~CAAA~~,WAAW,CAAC,GAAG,CAAC,~~UAAc~~,~~IAAA~~,aAAA;AAAA,YAC5C,CAAC,~~YAAa~~,~~CAAA~~,YAAY,CAAC,GAAG,CAAC,cAAc,CAAC,aAAA;AAAA,YAC9C,CAAC,YAAA,CAAa,aAAa,CAAC,GAAG,~~UAAc~~,~~IAAA~~;AAAA,WAC9C,CAAA;AAAA,UACD,~~WAAa~~,~~EAAA~~,aAAA;AAAA,UACb,~~QAAU~~,~~EAAA~~;AAAA;AAAA;AACZ;AAAA,GACF;AAEJ,CAAC;;;;"}
1	+ {"version":3,"file":"StarIconContainer.js","sources":["../src/contact-details/internal/StarIconContainer.tsx"],"sourcesContent":["import { makePrefixer } from \"@salt-ds/core\";\nimport { clsx } from \"clsx\";\nimport { forwardRef, type HTMLAttributes } from \"react\";\nimport { StarIcon } from \"./StarIcon\";\n\nconst withBaseName = makePrefixer(\"saltContactFavoriteToggle\");\n\nexport interface StarIconContainerProps\n extends HTMLAttributes<HTMLSpanElement> {\n className?: string;\n isFocusVisible?: boolean;\n isFocused?: boolean;\n isHighlighted?: boolean;\n isSelected?: boolean;\n}\n\nexport const StarIconContainer = forwardRef<\n HTMLSpanElement,\n StarIconContainerProps\n>(function StarIconContainer(props, ref) {\n const {\n isSelected,\n isHighlighted,\n isFocused,\n isFocusVisible,\n className,\n ...other\n } = props;\n\n return (\n <span\n className={clsx(\n withBaseName(),\n {\n [withBaseName(\"focusVisible\")]: isFocusVisible,\n },\n className,\n )}\n {...other}\n ref={ref}\n >\n <StarIcon\n className={clsx(withBaseName(\"svg\"), {\n [withBaseName(\"focused\")]: isFocusVisible && isFocused,\n [withBaseName(\"selected\")]: isSelected && !isHighlighted,\n [withBaseName(\"selecting\")]: !isSelected && isHighlighted,\n [withBaseName(\"deselected\")]: !isSelected && !isHighlighted,\n [withBaseName(\"deselecting\")]: isSelected && isHighlighted,\n })}\n highlighted={isHighlighted}\n selected={isSelected}\n />\n </span>\n );\n});\n"],"names":["StarIconContainer"],"mappings":";;;;;;AAKA,MAAM,YAAA,GAAe,aAAa,2BAA2B,CAAA;AAWtD,MAAM,iBAAA,GAAoB,UAAA,CAG/B,SAASA,kBAAAA,CAAkB,OAAO,GAAA,EAAK;AACvC,EAAA,MAAM;AAAA,IACJ,UAAA;AAAA,IACA,aAAA;AAAA,IACA,SAAA;AAAA,IACA,cAAA;AAAA,IACA,SAAA;AAAA,IACA,GAAG;AAAA,GACL,GAAI,KAAA;AAEJ,EAAA,uBACE,GAAA;AAAA,IAAC,MAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAW,IAAA;AAAA,QACT,YAAA,EAAa;AAAA,QACb;AAAA,UACE,CAAC,YAAA,CAAa,cAAc,CAAC,GAAG;AAAA,SAClC;AAAA,QACA;AAAA,OACF;AAAA,MACC,GAAG,KAAA;AAAA,MACJ,GAAA;AAAA,MAEA,QAAA,kBAAA,GAAA;AAAA,QAAC,QAAA;AAAA,QAAA;AAAA,UACC,SAAA,EAAW,IAAA,CAAK,YAAA,CAAa,KAAK,CAAA,EAAG;AAAA,YACnC,CAAC,YAAA,CAAa,SAAS,CAAC,GAAG,cAAA,IAAkB,SAAA;AAAA,YAC7C,CAAC,YAAA,CAAa,UAAU,CAAC,GAAG,cAAc,CAAC,aAAA;AAAA,YAC3C,CAAC,YAAA,CAAa,WAAW,CAAC,GAAG,CAAC,UAAA,IAAc,aAAA;AAAA,YAC5C,CAAC,YAAA,CAAa,YAAY,CAAC,GAAG,CAAC,cAAc,CAAC,aAAA;AAAA,YAC9C,CAAC,YAAA,CAAa,aAAa,CAAC,GAAG,UAAA,IAAc;AAAA,WAC9C,CAAA;AAAA,UACD,WAAA,EAAa,aAAA;AAAA,UACb,QAAA,EAAU;AAAA;AAAA;AACZ;AAAA,GACF;AAEJ,CAAC;;;;"}

package/dist-es/contact-details/internal/useComponentSize.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useComponentSize.js","sources":["../src/contact-details/internal/useComponentSize.ts"],"sourcesContent":["import { useIsomorphicLayoutEffect } from \"@salt-ds/core\";\nimport { type MutableRefObject, useCallback, useRef, useState } from \"react\";\n\nexport interface ComponentSize {\n height?: number;\n width: number;\n}\n\nexport function useComponentSize<T extends HTMLElement>(\n initialWidth: number,\n): [MutableRefObject<T \| null>, ComponentSize] {\n const [size, setSize] = useState<ComponentSize>({ width: initialWidth });\n const ref = useRef<T>(null);\n\n const handleResize = useCallback(function handleResize({\n width,\n height,\n }: DOMRect) {\n setSize({ width, height });\n }, []);\n\n useIsomorphicLayoutEffect(() => {\n if (!ref.current) {\n if (process.env.NODE_ENV !== \"production\") {\n throw new Error(\n \"ref returned by useComponentSize was not assigned to a component\",\n );\n }\n return;\n }\n handleResize(ref.current.getBoundingClientRect());\n const observer = new ResizeObserver(\n (observerEntries: ResizeObserverEntry[]) => {\n handleResize(observerEntries[0].contentRect);\n },\n );\n observer.observe(ref.current);\n return () => {\n observer.disconnect();\n };\n }, [handleResize]);\n\n return [ref, size];\n}\n"],"names":["handleResize"],"mappings":";;;AAQO,SAAS,iBACd,~~YAC6C~~,~~EAAA~~;AAC7C,~~EAAM~~,~~MAAA~~,CAAC,MAAM,OAAO,CAAA,GAAI,SAAwB,EAAE,KAAA,EAAO,cAAc,CAAA;AACvE,~~EAAM~~,~~MAAA~~,GAAA,GAAM,OAAU,IAAI,CAAA;AAE1B,~~EAAM~~,~~MAAA~~,YAAA,GAAe,~~WAAY~~,~~CAAA~~,SAASA,~~aAAa~~,~~CAAA~~;AAAA,IACrD,KAAA;AAAA,IACA;AAAA,~~GACU~~,~~EAAA~~;AACV,~~IAAQ~~,OAAA,~~CAAA~~,EAAE,~~KAAO~~,~~EAAA~~,MAAA,EAAQ,CAAA;AAAA,~~GAC3B~~,EAAG,EAAE,CAAA;AAEL,EAAA,yBAAA,CAA0B,MAAM;AAC9B,IAAI,~~IAAA,~~CAAC,IAAI,~~OAAS~~,~~EAAA~~;AAChB,~~MAAI~~,~~IAAA~~,OAAA,CAAQ,~~GAAI~~,~~CAAA~~,QAAA,KAAa,~~YAAc~~,~~EAAA~~;AACzC,QAAA,MAAM,IAAI,KAAA;AAAA,UACR;AAAA,SACF;AAAA;~~AAEF~~,MAAA;AAAA;~~AAEF~~,~~IAAa~~,YAAA,~~CAAA~~,GAAA,CAAI,~~OAAQ~~,~~CAAA~~,qBAAA,EAAuB,CAAA;AAChD,IAAA,MAAM,WAAW,IAAI,cAAA;AAAA,MACnB,CAAC,~~eAA2C~~,~~KAAA~~;AAC1C,~~QAAa~~,YAAA,~~CAAA~~,eAAA,CAAgB,CAAC,CAAA,CAAE,WAAW,CAAA;AAAA;~~AAC7C~~,KACF;AACA,~~IAAS~~,QAAA,~~CAAA~~,OAAA,CAAQ,IAAI,OAAO,CAAA;AAC5B,IAAA,OAAO,MAAM;AACX,MAAA,QAAA,CAAS,~~UAAW~~,~~EAAA~~;AAAA,~~KACtB~~;AAAA,~~GACF~~,EAAG,CAAC,YAAY,CAAC,CAAA;AAEjB,~~EAAO~~,~~OAAA~~,CAAC,KAAK,IAAI,CAAA;AACnB;;;;"}
1	+ {"version":3,"file":"useComponentSize.js","sources":["../src/contact-details/internal/useComponentSize.ts"],"sourcesContent":["import { useIsomorphicLayoutEffect } from \"@salt-ds/core\";\nimport { type MutableRefObject, useCallback, useRef, useState } from \"react\";\n\nexport interface ComponentSize {\n height?: number;\n width: number;\n}\n\nexport function useComponentSize<T extends HTMLElement>(\n initialWidth: number,\n): [MutableRefObject<T \| null>, ComponentSize] {\n const [size, setSize] = useState<ComponentSize>({ width: initialWidth });\n const ref = useRef<T>(null);\n\n const handleResize = useCallback(function handleResize({\n width,\n height,\n }: DOMRect) {\n setSize({ width, height });\n }, []);\n\n useIsomorphicLayoutEffect(() => {\n if (!ref.current) {\n if (process.env.NODE_ENV !== \"production\") {\n throw new Error(\n \"ref returned by useComponentSize was not assigned to a component\",\n );\n }\n return;\n }\n handleResize(ref.current.getBoundingClientRect());\n const observer = new ResizeObserver(\n (observerEntries: ResizeObserverEntry[]) => {\n handleResize(observerEntries[0].contentRect);\n },\n );\n observer.observe(ref.current);\n return () => {\n observer.disconnect();\n };\n }, [handleResize]);\n\n return [ref, size];\n}\n"],"names":["handleResize"],"mappings":";;;AAQO,SAAS,iBACd,YAAA,EAC6C;AAC7C,EAAA,MAAM,CAAC,MAAM,OAAO,CAAA,GAAI,SAAwB,EAAE,KAAA,EAAO,cAAc,CAAA;AACvE,EAAA,MAAM,GAAA,GAAM,OAAU,IAAI,CAAA;AAE1B,EAAA,MAAM,YAAA,GAAe,WAAA,CAAY,SAASA,aAAAA,CAAa;AAAA,IACrD,KAAA;AAAA,IACA;AAAA,GACF,EAAY;AACV,IAAA,OAAA,CAAQ,EAAE,KAAA,EAAO,MAAA,EAAQ,CAAA;AAAA,EAC3B,CAAA,EAAG,EAAE,CAAA;AAEL,EAAA,yBAAA,CAA0B,MAAM;AAC9B,IAAA,IAAI,CAAC,IAAI,OAAA,EAAS;AAChB,MAAA,IAAI,OAAA,CAAQ,GAAA,CAAI,QAAA,KAAa,YAAA,EAAc;AACzC,QAAA,MAAM,IAAI,KAAA;AAAA,UACR;AAAA,SACF;AAAA,MACF;AACA,MAAA;AAAA,IACF;AACA,IAAA,YAAA,CAAa,GAAA,CAAI,OAAA,CAAQ,qBAAA,EAAuB,CAAA;AAChD,IAAA,MAAM,WAAW,IAAI,cAAA;AAAA,MACnB,CAAC,eAAA,KAA2C;AAC1C,QAAA,YAAA,CAAa,eAAA,CAAgB,CAAC,CAAA,CAAE,WAAW,CAAA;AAAA,MAC7C;AAAA,KACF;AACA,IAAA,QAAA,CAAS,OAAA,CAAQ,IAAI,OAAO,CAAA;AAC5B,IAAA,OAAO,MAAM;AACX,MAAA,QAAA,CAAS,UAAA,EAAW;AAAA,IACtB,CAAA;AAAA,EACF,CAAA,EAAG,CAAC,YAAY,CAAC,CAAA;AAEjB,EAAA,OAAO,CAAC,KAAK,IAAI,CAAA;AACnB;;;;"}