npm - @salt-ds/lab - Versions diffs - 1.0.0-alpha.75 → 1.0.0-alpha.77 - Mend

@salt-ds/lab 1.0.0-alpha.75 → 1.0.0-alpha.77

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

package/dist-es/tree/Tree.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Tree.js","sources":["../src/tree/Tree.tsx"],"sourcesContent":["import { makePrefixer, useForkRef, useIdMemo } from \"@salt-ds/core\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { clsx } from \"clsx\";\nimport {\n type ForwardedRef,\n forwardRef,\n isValidElement,\n type MouseEvent,\n type ReactElement,\n useCallback,\n useRef,\n} from \"react\";\nimport {\n type CollectionIndexer,\n type CollectionItem,\n calcPreferredHeight,\n closestListItemIndex,\n GROUP_SELECTION_NONE,\n isSelected,\n type SelectHandler,\n type SelectionChangeHandler,\n type SelectionStrategy,\n type SingleSelectionStrategy,\n useAutoSizer,\n useCollectionItems,\n} from \"../common-hooks\";\nimport treeCss from \"./Tree.css\";\nimport { TreeNode } from \"./TreeNode\";\nimport type { TreeProps } from \"./treeTypes\";\nimport { useTree } from \"./useTree\";\n\nconst withBaseName = makePrefixer(\"saltTree\");\n\nconst getSelectedItemsFromSource = (\n source: any[],\n selectionStrategy: SelectionStrategy,\n result: any[] = [],\n) => {\n const isSingleSelection =\n selectionStrategy === \"default\" \|\| selectionStrategy === \"deselectable\";\n for (const item of source) {\n if (item.selected === true) {\n result.push(item);\n if (isSingleSelection) {\n break;\n }\n }\n if (item.childNodes) {\n getSelectedItemsFromSource(item.childNodes, selectionStrategy, result);\n if (isSingleSelection && result.length === 1) {\n break;\n }\n }\n }\n\n return isSingleSelection ? result[0] : result.length > 0 ? result : undefined;\n};\n\nexport const Tree = forwardRef(function Tree<\n Item,\n Selection extends SelectionStrategy = \"deselectable\",\n>(\n {\n className,\n defaultSelected,\n disabled,\n groupSelection = GROUP_SELECTION_NONE,\n height,\n id: idProp,\n onHighlight,\n onToggle,\n onSelect,\n onSelectionChange,\n revealSelected,\n selected: selectedProp,\n selectionStrategy,\n source,\n style: styleProp,\n width,\n ...htmlAttributes\n }: TreeProps<Item, Selection>,\n forwardedRef?: ForwardedRef<HTMLDivElement>,\n) {\n const targetWindow = useWindow();\n useComponentCssInjection({\n testId: \"salt-tree\",\n css: treeCss,\n window: targetWindow,\n });\n\n const id = useIdMemo(idProp);\n const rootRef = useRef(null);\n const contentRef = useRef(null);\n\n const collectionHook = useCollectionItems<Item>({\n id,\n source,\n options: {\n noChildrenLabel: \"No children available\",\n revealSelected: revealSelected\n ? Boolean(selectedProp) \|\| Boolean(defaultSelected) \|\| false\n : undefined,\n },\n });\n\n //------------- from original List\n const preferredHeight =\n height ??\n calcPreferredHeight({\n displayedItemCount: 10,\n itemCount: collectionHook.data.length,\n itemHeight: 36,\n // getItemHeight,\n // itemGapSize,\n });\n\n const autoSize = useAutoSizer({\n containerRef: rootRef,\n responsive: width === undefined \|\| height === undefined,\n height: preferredHeight,\n width,\n });\n //---------------\n\n const handleSelect = useCallback<SelectHandler<CollectionItem<Item>>>(\n (evt, selectedItem) => {\n if (onSelect) {\n if (isValidElement(selectedItem.value)) {\n onSelect(evt, selectedItem.label as any);\n } else if (selectedItem.value !== null) {\n onSelect(evt, selectedItem.value);\n }\n }\n },\n [onSelect],\n );\n\n const handleSelectionChange = useCallback<\n SelectionChangeHandler<CollectionItem<Item>, Selection>\n >(\n (evt, selected) => {\n type returnType = Selection extends SingleSelectionStrategy\n ? Item \| null\n : Item[];\n if (onSelectionChange) {\n onSelectionChange(\n evt,\n Array.isArray(selected)\n ? (selected.map((s) => s.value) as returnType)\n : selected && (selected.value as returnType),\n );\n }\n },\n [onSelectionChange],\n );\n\n // const getSelected = (\n // sel: Item \| null \| Item[]\n // ):\n // \| undefined\n // \| (Selection extends SingleSelectionStrategy\n // ? CollectionItem<Item> \| null\n // : CollectionItem<Item>[]) => {\n // if (sel !== undefined) {\n // return collectionHook.itemToCollectionItem<Selection, typeof sel>(sel);\n // } else if (Array.isArray(source)) {\n // const selected = getSelectedItemsFromSource(\n // source,\n // selectionStrategy ?? \"default\"\n // );\n // return Array.isArray(selected)\n // ? collectionHook.itemToCollectionItem(selected)\n // : selected\n // ? collectionHook.toCollectionItem(selected)\n // : undefined;\n // }\n // };\n\n const {\n focusVisible,\n highlightedIdx,\n highlightItemAtIndex,\n listHandlers,\n listProps,\n listItemHandlers,\n selected,\n } = useTree<Item, Selection>({\n collectionHook,\n containerRef: rootRef,\n contentRef,\n // Note this isn't enough for a Tree, because of nested structure\n defaultSelected: collectionHook.itemToCollectionItem<\n Selection,\n typeof defaultSelected\n >(defaultSelected),\n disabled,\n groupSelection,\n onHighlight,\n onSelect: handleSelect,\n onSelectionChange: handleSelectionChange,\n onToggle,\n selected: collectionHook.itemToCollectionItem<\n Selection,\n typeof selectedProp\n >(selectedProp),\n selectionStrategy,\n });\n\n // TODO move into useTree (see useList)\n const defaultItemHandlers = {\n onMouseEnter: (evt: MouseEvent) => {\n // if (!isScrolling.current) {\n const idx = closestListItemIndex(evt.target as HTMLElement);\n if (idx != null) {\n highlightItemAtIndex(idx);\n }\n // onMouseEnterListItem && onMouseEnterListItem(evt, idx);\n // }\n },\n };\n\n const propsCommonToAllListItems = {\n ...defaultItemHandlers,\n ...listItemHandlers,\n isLeaf: true,\n role: \"treeitem\",\n };\n // const allowGroupSelect = groupSelectionEnabled(groupSelection);\n const allowGroupSelect = false;\n\n /*\n Add a ListItem from source item\n /\n function addLeafNode(\n list: ReactElement[],\n item: CollectionItem<Item>,\n idx: CollectionIndexer,\n ) {\n const itemProps = {\n \"aria-disabled\": disabled \|\| item.disabled,\n \"aria-level\": item.level,\n \"data-idx\": idx.value,\n description: item.description,\n id: item.id,\n key: item.id,\n highlighted: idx.value === highlightedIdx \|\| undefined,\n selected: isSelected<Item>(selected, item),\n className: clsx({\n focusVisible: focusVisible === idx.value,\n }),\n };\n\n list.push(\n <TreeNode\n {...propsCommonToAllListItems}\n {...itemProps}\n label={item.label}\n >\n {/ {item.icon ? <span className={`${classBase}Node-icon`} /> : null} */}\n </TreeNode>,\n );\n idx.value += 1;\n }\n\n function addGroupNode(\n list: ReactElement[],\n items: CollectionItem<Item>[],\n idx: CollectionIndexer,\n id: string,\n title: string,\n ) {\n const { value: i } = idx;\n const item = items[i];\n idx.value += 1;\n list.push(\n <TreeNode\n {...defaultItemHandlers}\n {...listItemHandlers}\n aria-disabled={disabled \|\| item.disabled}\n aria-expanded={item.expanded}\n aria-level={item.level}\n className={clsx({\n focusVisible: focusVisible === i,\n [withBaseName(\"toggle\")]: !allowGroupSelect,\n })}\n // data-icon={child.icon}\n data-idx={i}\n data-selectable\n description={item.description}\n highlighted={i === highlightedIdx}\n id={id}\n key={`header-${i}`}\n label={title}\n selected={isSelected<Item>(selected, item)}\n >\n {item.expanded ? (\n <ul className={withBaseName(\"child-nodes\")} role=\"group\">\n {renderItems(items, idx, (item.level ?? 0) + 1)}\n </ul>\n ) : null}\n </TreeNode>,\n );\n }\n\n const renderItems = (\n items: CollectionItem<Item>[],\n idx: CollectionIndexer = { value: 0 },\n level = 1,\n ): ReactElement[] => {\n const listItems: ReactElement[] = [];\n while (idx.value < items.length) {\n const item = items[idx.value];\n if (item.level != null && item.level < level) {\n break;\n }\n if (item.childNodes != null && item.id != null && item.label != null) {\n addGroupNode(listItems, items, idx, item.id, item.label);\n } else {\n addLeafNode(listItems, item, idx);\n }\n }\n\n return listItems;\n };\n\n function renderEmpty() {\n // if (emptyMessage \|\| showEmptyMessage) {\n // return (\n // <span className={withBaseName(\"empty-message\")}>\n // {emptyMessage ?? defaultEmptyMessage}\n // </span>\n // );\n // } else {\n return null;\n // }\n }\n\n const renderContent = () => {\n if (collectionHook.data.length) {\n return renderItems(collectionHook.data);\n }\n renderEmpty();\n };\n\n return (\n <div\n {...htmlAttributes}\n {...listHandlers}\n {...listProps}\n className={clsx(withBaseName(), className)}\n id={`Tree-${id}`}\n ref={useForkRef(rootRef, forwardedRef)}\n style={{ ...styleProp, ...autoSize }}\n tabIndex={0}\n >\n <ul\n className={withBaseName(\"scrollingContentContainer\")}\n ref={contentRef}\n role=\"tree\"\n // style={{ height: contentHeight }}\n >\n {renderContent()}\n </ul>\n </div>\n );\n});\n"],"names":["Tree","treeCss","selected","id"],"mappings":"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"}
1	+ {"version":3,"file":"Tree.js","sources":["../src/tree/Tree.tsx"],"sourcesContent":["import { makePrefixer, useForkRef, useIdMemo } from \"@salt-ds/core\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { clsx } from \"clsx\";\nimport {\n type ForwardedRef,\n forwardRef,\n isValidElement,\n type MouseEvent,\n type ReactElement,\n useCallback,\n useRef,\n} from \"react\";\nimport {\n type CollectionIndexer,\n type CollectionItem,\n calcPreferredHeight,\n closestListItemIndex,\n GROUP_SELECTION_NONE,\n isSelected,\n type SelectHandler,\n type SelectionChangeHandler,\n type SelectionStrategy,\n type SingleSelectionStrategy,\n useAutoSizer,\n useCollectionItems,\n} from \"../common-hooks\";\nimport treeCss from \"./Tree.css\";\nimport { TreeNode } from \"./TreeNode\";\nimport type { TreeProps } from \"./treeTypes\";\nimport { useTree } from \"./useTree\";\n\nconst withBaseName = makePrefixer(\"saltTree\");\n\nconst getSelectedItemsFromSource = (\n source: any[],\n selectionStrategy: SelectionStrategy,\n result: any[] = [],\n) => {\n const isSingleSelection =\n selectionStrategy === \"default\" \|\| selectionStrategy === \"deselectable\";\n for (const item of source) {\n if (item.selected === true) {\n result.push(item);\n if (isSingleSelection) {\n break;\n }\n }\n if (item.childNodes) {\n getSelectedItemsFromSource(item.childNodes, selectionStrategy, result);\n if (isSingleSelection && result.length === 1) {\n break;\n }\n }\n }\n\n return isSingleSelection ? result[0] : result.length > 0 ? result : undefined;\n};\n\nexport const Tree = forwardRef(function Tree<\n Item,\n Selection extends SelectionStrategy = \"deselectable\",\n>(\n {\n className,\n defaultSelected,\n disabled,\n groupSelection = GROUP_SELECTION_NONE,\n height,\n id: idProp,\n onHighlight,\n onToggle,\n onSelect,\n onSelectionChange,\n revealSelected,\n selected: selectedProp,\n selectionStrategy,\n source,\n style: styleProp,\n width,\n ...htmlAttributes\n }: TreeProps<Item, Selection>,\n forwardedRef?: ForwardedRef<HTMLDivElement>,\n) {\n const targetWindow = useWindow();\n useComponentCssInjection({\n testId: \"salt-tree\",\n css: treeCss,\n window: targetWindow,\n });\n\n const id = useIdMemo(idProp);\n const rootRef = useRef(null);\n const contentRef = useRef(null);\n\n const collectionHook = useCollectionItems<Item>({\n id,\n source,\n options: {\n noChildrenLabel: \"No children available\",\n revealSelected: revealSelected\n ? Boolean(selectedProp) \|\| Boolean(defaultSelected) \|\| false\n : undefined,\n },\n });\n\n //------------- from original List\n const preferredHeight =\n height ??\n calcPreferredHeight({\n displayedItemCount: 10,\n itemCount: collectionHook.data.length,\n itemHeight: 36,\n // getItemHeight,\n // itemGapSize,\n });\n\n const autoSize = useAutoSizer({\n containerRef: rootRef,\n responsive: width === undefined \|\| height === undefined,\n height: preferredHeight,\n width,\n });\n //---------------\n\n const handleSelect = useCallback<SelectHandler<CollectionItem<Item>>>(\n (evt, selectedItem) => {\n if (onSelect) {\n if (isValidElement(selectedItem.value)) {\n onSelect(evt, selectedItem.label as any);\n } else if (selectedItem.value !== null) {\n onSelect(evt, selectedItem.value);\n }\n }\n },\n [onSelect],\n );\n\n const handleSelectionChange = useCallback<\n SelectionChangeHandler<CollectionItem<Item>, Selection>\n >(\n (evt, selected) => {\n type returnType = Selection extends SingleSelectionStrategy\n ? Item \| null\n : Item[];\n if (onSelectionChange) {\n onSelectionChange(\n evt,\n Array.isArray(selected)\n ? (selected.map((s) => s.value) as returnType)\n : selected && (selected.value as returnType),\n );\n }\n },\n [onSelectionChange],\n );\n\n // const getSelected = (\n // sel: Item \| null \| Item[]\n // ):\n // \| undefined\n // \| (Selection extends SingleSelectionStrategy\n // ? CollectionItem<Item> \| null\n // : CollectionItem<Item>[]) => {\n // if (sel !== undefined) {\n // return collectionHook.itemToCollectionItem<Selection, typeof sel>(sel);\n // } else if (Array.isArray(source)) {\n // const selected = getSelectedItemsFromSource(\n // source,\n // selectionStrategy ?? \"default\"\n // );\n // return Array.isArray(selected)\n // ? collectionHook.itemToCollectionItem(selected)\n // : selected\n // ? collectionHook.toCollectionItem(selected)\n // : undefined;\n // }\n // };\n\n const {\n focusVisible,\n highlightedIdx,\n highlightItemAtIndex,\n listHandlers,\n listProps,\n listItemHandlers,\n selected,\n } = useTree<Item, Selection>({\n collectionHook,\n containerRef: rootRef,\n contentRef,\n // Note this isn't enough for a Tree, because of nested structure\n defaultSelected: collectionHook.itemToCollectionItem<\n Selection,\n typeof defaultSelected\n >(defaultSelected),\n disabled,\n groupSelection,\n onHighlight,\n onSelect: handleSelect,\n onSelectionChange: handleSelectionChange,\n onToggle,\n selected: collectionHook.itemToCollectionItem<\n Selection,\n typeof selectedProp\n >(selectedProp),\n selectionStrategy,\n });\n\n // TODO move into useTree (see useList)\n const defaultItemHandlers = {\n onMouseEnter: (evt: MouseEvent) => {\n // if (!isScrolling.current) {\n const idx = closestListItemIndex(evt.target as HTMLElement);\n if (idx != null) {\n highlightItemAtIndex(idx);\n }\n // onMouseEnterListItem && onMouseEnterListItem(evt, idx);\n // }\n },\n };\n\n const propsCommonToAllListItems = {\n ...defaultItemHandlers,\n ...listItemHandlers,\n isLeaf: true,\n role: \"treeitem\",\n };\n // const allowGroupSelect = groupSelectionEnabled(groupSelection);\n const allowGroupSelect = false;\n\n /*\n Add a ListItem from source item\n /\n function addLeafNode(\n list: ReactElement[],\n item: CollectionItem<Item>,\n idx: CollectionIndexer,\n ) {\n const itemProps = {\n \"aria-disabled\": disabled \|\| item.disabled,\n \"aria-level\": item.level,\n \"data-idx\": idx.value,\n description: item.description,\n id: item.id,\n key: item.id,\n highlighted: idx.value === highlightedIdx \|\| undefined,\n selected: isSelected<Item>(selected, item),\n className: clsx({\n focusVisible: focusVisible === idx.value,\n }),\n };\n\n list.push(\n <TreeNode\n {...propsCommonToAllListItems}\n {...itemProps}\n label={item.label}\n >\n {/ {item.icon ? <span className={`${classBase}Node-icon`} /> : null} */}\n </TreeNode>,\n );\n idx.value += 1;\n }\n\n function addGroupNode(\n list: ReactElement[],\n items: CollectionItem<Item>[],\n idx: CollectionIndexer,\n id: string,\n title: string,\n ) {\n const { value: i } = idx;\n const item = items[i];\n idx.value += 1;\n list.push(\n <TreeNode\n {...defaultItemHandlers}\n {...listItemHandlers}\n aria-disabled={disabled \|\| item.disabled}\n aria-expanded={item.expanded}\n aria-level={item.level}\n className={clsx({\n focusVisible: focusVisible === i,\n [withBaseName(\"toggle\")]: !allowGroupSelect,\n })}\n // data-icon={child.icon}\n data-idx={i}\n data-selectable\n description={item.description}\n highlighted={i === highlightedIdx}\n id={id}\n key={`header-${i}`}\n label={title}\n selected={isSelected<Item>(selected, item)}\n >\n {item.expanded ? (\n <ul className={withBaseName(\"child-nodes\")} role=\"group\">\n {renderItems(items, idx, (item.level ?? 0) + 1)}\n </ul>\n ) : null}\n </TreeNode>,\n );\n }\n\n const renderItems = (\n items: CollectionItem<Item>[],\n idx: CollectionIndexer = { value: 0 },\n level = 1,\n ): ReactElement[] => {\n const listItems: ReactElement[] = [];\n while (idx.value < items.length) {\n const item = items[idx.value];\n if (item.level != null && item.level < level) {\n break;\n }\n if (item.childNodes != null && item.id != null && item.label != null) {\n addGroupNode(listItems, items, idx, item.id, item.label);\n } else {\n addLeafNode(listItems, item, idx);\n }\n }\n\n return listItems;\n };\n\n function renderEmpty() {\n // if (emptyMessage \|\| showEmptyMessage) {\n // return (\n // <span className={withBaseName(\"empty-message\")}>\n // {emptyMessage ?? defaultEmptyMessage}\n // </span>\n // );\n // } else {\n return null;\n // }\n }\n\n const renderContent = () => {\n if (collectionHook.data.length) {\n return renderItems(collectionHook.data);\n }\n renderEmpty();\n };\n\n return (\n <div\n {...htmlAttributes}\n {...listHandlers}\n {...listProps}\n className={clsx(withBaseName(), className)}\n id={`Tree-${id}`}\n ref={useForkRef(rootRef, forwardedRef)}\n style={{ ...styleProp, ...autoSize }}\n tabIndex={0}\n >\n <ul\n className={withBaseName(\"scrollingContentContainer\")}\n ref={contentRef}\n role=\"tree\"\n // style={{ height: contentHeight }}\n >\n {renderContent()}\n </ul>\n </div>\n );\n});\n"],"names":["Tree","treeCss","selected","id"],"mappings":"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"}

package/dist-es/tree/TreeNode.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"TreeNode.js","sources":["../src/tree/TreeNode.tsx"],"sourcesContent":["import { makePrefixer } from \"@salt-ds/core\";\nimport { TriangleRightIcon } from \"@salt-ds/icons\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { clsx } from \"clsx\";\nimport type { HTMLAttributes, MouseEventHandler, ReactNode } from \"react\";\n\nimport treeNodeCss from \"./TreeNode.css\";\n\nconst withBaseName = makePrefixer(\"saltTreeNode\");\nexport interface TreeNodeProps\n extends Omit<HTMLAttributes<HTMLLIElement>, \"onMouseEnter\"> {\n children?: ReactNode;\n description?: string;\n highlighted?: boolean;\n idx?: number;\n isLeaf?: boolean;\n label?: string;\n onMouseEnter?: MouseEventHandler;\n selected?: boolean;\n}\n\nexport const TreeNode = ({\n \"aria-level\": ariaLevel,\n children,\n className: classNameProp,\n description,\n highlighted,\n idx,\n isLeaf = false,\n label,\n onMouseEnter,\n selected,\n ...props\n}: TreeNodeProps) => {\n const targetWindow = useWindow();\n useComponentCssInjection({\n testId: \"salt-tree-node\",\n css: treeNodeCss,\n window: targetWindow,\n });\n\n const className = clsx(withBaseName(), classNameProp, {\n [withBaseName(\"highlighted\")]: highlighted,\n });\n\n return (\n <li {...props} className={className} role=\"presentation\">\n <div\n aria-level={ariaLevel}\n aria-selected={selected \|\| undefined}\n className={withBaseName(\"item\")}\n onMouseEnter={onMouseEnter}\n role=\"treeitem\"\n >\n {isLeaf === false ? (\n <span className={withBaseName(\"toggle\")} data-toggle={true}>\n <TriangleRightIcon />\n </span>\n ) : null}\n <div className={withBaseName(\"label\")}>\n {/* {child.icon ? <span className={`${classBase}Node-icon`} /> : null} */}\n {label}\n </div>\n {description !== undefined ? (\n <div className={withBaseName(\"description\")}>{description}</div>\n ) : null}\n </div>\n {children}\n </li>\n );\n};\n"],"names":["treeNodeCss"],"mappings":";;;;;;;;AASA,MAAM,YAAA,GAAe,aAAa,cAAc,CAAA;AAazC,MAAM,WAAW,CAAC;AAAA,EACvB,~~YAAc~~,~~EAAA~~,SAAA;AAAA,EACd,QAAA;AAAA,EACA,~~SAAW~~,~~EAAA~~,aAAA;AAAA,EACX,WAAA;AAAA,EACA,WAAA;AAAA,EACA,GAAA;AAAA,EACA,~~MAAS~~,~~GAAA~~,KAAA;AAAA,EACT,KAAA;AAAA,EACA,YAAA;AAAA,EACA,QAAA;AAAA,EACA,GAAG;AACL,~~CAAqB~~,~~KAAA~~;AACnB,EAAA,MAAM,eAAe,~~SAAU~~,~~EAAA~~;AAC/B,~~EAAyB~~,wBAAA,~~CAAA~~;AAAA,IACvB,~~MAAQ~~,~~EAAA~~,gBAAA;AAAA,IACR,~~GAAK~~,~~EAAAA~~,QAAA;AAAA,IACL,~~MAAQ~~,~~EAAA~~;AAAA,GACT,CAAA;AAED,EAAA,MAAM,~~SAAY~~,~~GAAA~~,IAAA,CAAK,~~YAAa~~,~~EAAA~~,EAAG,~~aAAe~~,~~EAAA~~;AAAA,IACpD,CAAC,YAAA,CAAa,aAAa,CAAC,GAAG;AAAA,GAChC,CAAA;AAED,EAAA,4BACG,~~IAAI~~,EAAA,~~EAAA~~,GAAG,~~KAAO~~,~~EAAA~~,SAAA,EAAsB,MAAK,~~cACxC~~,~~EAAA~~,QAAA,EAAA;AAAA,oBAAA,IAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,~~YAAY~~,~~EAAA~~,SAAA;AAAA,QACZ,iBAAe,~~QAAY~~,~~IAAA~~,MAAA;AAAA,QAC3B,SAAA,EAAW,aAAa,MAAM,CAAA;AAAA,QAC9B,YAAA;AAAA,QACA,~~IAAK~~,~~EAAA~~,UAAA;AAAA,QAEJ,QAAA,EAAA;AAAA,UAAA,MAAA,KAAW,~~KACV~~,~~mBAAA~~,GAAA,CAAC,~~MAAK~~,EAAA,~~EAAA~~,SAAA,EAAW,~~YAAa~~,~~CAAA~~,QAAQ,~~CAAG~~,~~EAAA~~,aAAA,EAAa,~~IACpD~~,~~EAAA~~,QAAA,kBAAA,GAAA,CAAC,~~iBAAkB~~,EAAA,~~EAAA~~,CAAA,EACrB,~~CACE~~,~~GAAA~~,IAAA;AAAA,8BACH,~~KAAI~~,EAAA,~~EAAA~~,SAAA,EAAW,~~YAAa~~,~~CAAA~~,OAAO,GAEjC,~~QACH~~,EAAA,KAAA,~~EAAA~~,CAAA;AAAA,UACC,WAAA,KAAgB,~~yBACd~~,GAAA,~~CAAA~~,KAAA,EAAA,EAAI,WAAW,~~YAAa~~,~~CAAA~~,aAAa,~~CAAI~~,~~EAAA~~,QAAA,EAAA,WAAA,EAAY,~~CACxD~~,~~GAAA~~;AAAA;AAAA;AAAA,KACN;AAAA,IACC;AAAA,~~GACH~~,~~EAAA~~,CAAA;AAEJ;;;;"}
1	+ {"version":3,"file":"TreeNode.js","sources":["../src/tree/TreeNode.tsx"],"sourcesContent":["import { makePrefixer } from \"@salt-ds/core\";\nimport { TriangleRightIcon } from \"@salt-ds/icons\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { clsx } from \"clsx\";\nimport type { HTMLAttributes, MouseEventHandler, ReactNode } from \"react\";\n\nimport treeNodeCss from \"./TreeNode.css\";\n\nconst withBaseName = makePrefixer(\"saltTreeNode\");\nexport interface TreeNodeProps\n extends Omit<HTMLAttributes<HTMLLIElement>, \"onMouseEnter\"> {\n children?: ReactNode;\n description?: string;\n highlighted?: boolean;\n idx?: number;\n isLeaf?: boolean;\n label?: string;\n onMouseEnter?: MouseEventHandler;\n selected?: boolean;\n}\n\nexport const TreeNode = ({\n \"aria-level\": ariaLevel,\n children,\n className: classNameProp,\n description,\n highlighted,\n idx,\n isLeaf = false,\n label,\n onMouseEnter,\n selected,\n ...props\n}: TreeNodeProps) => {\n const targetWindow = useWindow();\n useComponentCssInjection({\n testId: \"salt-tree-node\",\n css: treeNodeCss,\n window: targetWindow,\n });\n\n const className = clsx(withBaseName(), classNameProp, {\n [withBaseName(\"highlighted\")]: highlighted,\n });\n\n return (\n <li {...props} className={className} role=\"presentation\">\n <div\n aria-level={ariaLevel}\n aria-selected={selected \|\| undefined}\n className={withBaseName(\"item\")}\n onMouseEnter={onMouseEnter}\n role=\"treeitem\"\n >\n {isLeaf === false ? (\n <span className={withBaseName(\"toggle\")} data-toggle={true}>\n <TriangleRightIcon />\n </span>\n ) : null}\n <div className={withBaseName(\"label\")}>\n {/* {child.icon ? <span className={`${classBase}Node-icon`} /> : null} */}\n {label}\n </div>\n {description !== undefined ? (\n <div className={withBaseName(\"description\")}>{description}</div>\n ) : null}\n </div>\n {children}\n </li>\n );\n};\n"],"names":["treeNodeCss"],"mappings":";;;;;;;;AASA,MAAM,YAAA,GAAe,aAAa,cAAc,CAAA;AAazC,MAAM,WAAW,CAAC;AAAA,EACvB,YAAA,EAAc,SAAA;AAAA,EACd,QAAA;AAAA,EACA,SAAA,EAAW,aAAA;AAAA,EACX,WAAA;AAAA,EACA,WAAA;AAAA,EACA,GAAA;AAAA,EACA,MAAA,GAAS,KAAA;AAAA,EACT,KAAA;AAAA,EACA,YAAA;AAAA,EACA,QAAA;AAAA,EACA,GAAG;AACL,CAAA,KAAqB;AACnB,EAAA,MAAM,eAAe,SAAA,EAAU;AAC/B,EAAA,wBAAA,CAAyB;AAAA,IACvB,MAAA,EAAQ,gBAAA;AAAA,IACR,GAAA,EAAKA,QAAA;AAAA,IACL,MAAA,EAAQ;AAAA,GACT,CAAA;AAED,EAAA,MAAM,SAAA,GAAY,IAAA,CAAK,YAAA,EAAa,EAAG,aAAA,EAAe;AAAA,IACpD,CAAC,YAAA,CAAa,aAAa,CAAC,GAAG;AAAA,GAChC,CAAA;AAED,EAAA,4BACG,IAAA,EAAA,EAAI,GAAG,KAAA,EAAO,SAAA,EAAsB,MAAK,cAAA,EACxC,QAAA,EAAA;AAAA,oBAAA,IAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,YAAA,EAAY,SAAA;AAAA,QACZ,iBAAe,QAAA,IAAY,MAAA;AAAA,QAC3B,SAAA,EAAW,aAAa,MAAM,CAAA;AAAA,QAC9B,YAAA;AAAA,QACA,IAAA,EAAK,UAAA;AAAA,QAEJ,QAAA,EAAA;AAAA,UAAA,MAAA,KAAW,KAAA,mBACV,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAW,YAAA,CAAa,QAAQ,CAAA,EAAG,aAAA,EAAa,IAAA,EACpD,QAAA,kBAAA,GAAA,CAAC,iBAAA,EAAA,EAAkB,CAAA,EACrB,CAAA,GACE,IAAA;AAAA,8BACH,KAAA,EAAA,EAAI,SAAA,EAAW,YAAA,CAAa,OAAO,GAEjC,QAAA,EAAA,KAAA,EACH,CAAA;AAAA,UACC,WAAA,KAAgB,yBACf,GAAA,CAAC,KAAA,EAAA,EAAI,WAAW,YAAA,CAAa,aAAa,CAAA,EAAI,QAAA,EAAA,WAAA,EAAY,CAAA,GACxD;AAAA;AAAA;AAAA,KACN;AAAA,IACC;AAAA,GAAA,EACH,CAAA;AAEJ;;;;"}

package/dist-es/tree/use-tree-keyboard-navigation.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"use-tree-keyboard-navigation.js","sources":["../src/tree/use-tree-keyboard-navigation.ts"],"sourcesContent":["import { type KeyboardEvent, useCallback } from \"react\";\nimport type { CollectionHookResult, CollectionItem } from \"../common-hooks\";\nimport { ArrowLeft } from \"../common-hooks/keyUtils\";\n\nexport const getNodeParentPath = ({ id }: CollectionItem<any>) => {\n let pos = id.lastIndexOf(\"-\");\n if (pos !== -1) {\n // using the built-in hierarchical id scheme\n // rootId-n-n.n\n const path = id.slice(pos + 1);\n const steps = path.split(\".\");\n if (steps.length === 1) {\n return null;\n }\n steps.pop();\n return `${id.slice(0, pos)}-${steps.join(\".\")}`;\n }\n\n pos = id.lastIndexOf(\"/\");\n if (pos !== -1) {\n // using a path scheme step/step/step\n return id.slice(0, pos);\n }\n};\n\ninterface TreeNavigationHookProps<Item> {\n collectionHook: CollectionHookResult<Item>;\n highlightedIdx: number;\n highlightItemAtIndex: (index: number) => void;\n}\n\ninterface TreeNavigationHookResult {\n listHandlers: {\n onKeyDown: (evt: KeyboardEvent) => void;\n };\n}\n\n// we need a way to set highlightedIdx when selection changes\nexport const useKeyboardNavigation = <Item>({\n collectionHook,\n highlightedIdx,\n highlightItemAtIndex,\n}: TreeNavigationHookProps<Item>): TreeNavigationHookResult => {\n const handleKeyDown = useCallback(\n (e: KeyboardEvent) => {\n if (e.key === ArrowLeft) {\n const node = collectionHook.data[highlightedIdx];\n const parentId = getNodeParentPath(node);\n if (parentId) {\n highlightItemAtIndex(\n collectionHook.data.findIndex((item) => item.id === parentId),\n );\n }\n }\n },\n [highlightedIdx, highlightItemAtIndex],\n );\n\n const listHandlers = {\n onKeyDown: handleKeyDown,\n };\n\n return {\n listHandlers,\n };\n};\n"],"names":[],"mappings":";;;AAIO,MAAM,~~iBAAoB~~,~~GAAA~~,CAAC,EAAE,EAAA,~~EAA8B~~,~~KAAA~~;AAChE,~~EAAI~~,~~IAAA~~,GAAA,GAAM,~~EAAG~~,~~CAAA~~,WAAA,CAAY,GAAG,CAAA;AAC5B,EAAA,IAAI,QAAQ,EAAI~~,EAAA~~;AAGd,IAAA,MAAM,~~IAAO~~,~~GAAA~~,EAAA,CAAG,~~KAAM~~,~~CAAA~~,GAAA,GAAM,CAAC,CAAA;AAC7B,~~IAAM~~,~~MAAA~~,KAAA,GAAQ,~~IAAK~~,~~CAAA~~,KAAA,CAAM,GAAG,CAAA;AAC5B,IAAI,~~IAAA,~~KAAA,CAAM,WAAW,~~CAAG~~,~~EAAA~~;AACtB,~~MAAO~~,~~OAAA~~,IAAA;AAAA;~~AAET~~,IAAA,KAAA,CAAM,~~GAAI~~,~~EAAA~~;AACV,~~IAAO~~,~~OAAA~~,CAAA,EAAG,~~EAAG~~,~~CAAA~~,KAAA,CAAM,~~CAAG~~,~~EAAA~~,GAAG,CAAC,~~CAAI~~,CAAA,~~EAAA~~,KAAA,CAAM,~~IAAK~~,~~CAAA~~,GAAG,CAAC,CAAA,CAAA;AAAA~~;AAG~~/C,~~EAAM~~,GAAA,~~GAAA~~,EAAA,CAAG,YAAY,GAAG,CAAA;AACxB,EAAA,IAAI,QAAQ,EAAI~~,EAAA~~;AAEd,~~IAAO~~,~~OAAA~~,EAAA,CAAG,~~KAAM~~,~~CAAA~~,CAAA,EAAG,GAAG,CAAA;AAAA;~~AAE1B~~;AAeO,MAAM,wBAAwB,CAAO;AAAA,EAC1C,cAAA;AAAA,EACA,cAAA;AAAA,EACA;AACF,~~CAA~~+D~~,KAAA~~;AAC7D,EAAA,MAAM,~~aAAgB~~,~~GAAA~~,WAAA;AAAA,IACpB,CAAC,~~CAAqB~~,~~KAAA~~;AACpB,~~MAAI~~,~~IAAA~~,CAAA,CAAE,QAAQ,~~SAAW~~,~~EAAA~~;AACvB,~~QAAM~~,~~MAAA~~,IAAA,GAAO,~~cAAe~~,~~CAAA~~,IAAA,CAAK,cAAc,CAAA;AAC/C,~~QAAM~~,~~MAAA~~,QAAA,GAAW,kBAAkB,IAAI,CAAA;AACvC,QAAA,IAAI,~~QAAU~~,~~EAAA~~;AACZ,UAAA,oBAAA;AAAA,YACE,eAAe,~~IAAK~~,~~CAAA~~,SAAA,CAAU,CAAC,~~IAAS~~,~~KAAA~~,IAAA,CAAK,OAAO,QAAQ;AAAA,WAC9D;AAAA;~~AACF~~;~~AACF~~,~~KACF~~;AAAA,IACA,CAAC,gBAAgB,oBAAoB;AAAA,GACvC;AAEA,EAAA,MAAM,~~YAAe~~,~~GAAA~~;AAAA,IACnB,~~SAAW~~,~~EAAA~~;AAAA,GACb;AAEA,~~EAAO~~,~~OAAA~~;AAAA,IACL;AAAA,GACF;AACF;;;;"}
1	+ {"version":3,"file":"use-tree-keyboard-navigation.js","sources":["../src/tree/use-tree-keyboard-navigation.ts"],"sourcesContent":["import { type KeyboardEvent, useCallback } from \"react\";\nimport type { CollectionHookResult, CollectionItem } from \"../common-hooks\";\nimport { ArrowLeft } from \"../common-hooks/keyUtils\";\n\nexport const getNodeParentPath = ({ id }: CollectionItem<any>) => {\n let pos = id.lastIndexOf(\"-\");\n if (pos !== -1) {\n // using the built-in hierarchical id scheme\n // rootId-n-n.n\n const path = id.slice(pos + 1);\n const steps = path.split(\".\");\n if (steps.length === 1) {\n return null;\n }\n steps.pop();\n return `${id.slice(0, pos)}-${steps.join(\".\")}`;\n }\n\n pos = id.lastIndexOf(\"/\");\n if (pos !== -1) {\n // using a path scheme step/step/step\n return id.slice(0, pos);\n }\n};\n\ninterface TreeNavigationHookProps<Item> {\n collectionHook: CollectionHookResult<Item>;\n highlightedIdx: number;\n highlightItemAtIndex: (index: number) => void;\n}\n\ninterface TreeNavigationHookResult {\n listHandlers: {\n onKeyDown: (evt: KeyboardEvent) => void;\n };\n}\n\n// we need a way to set highlightedIdx when selection changes\nexport const useKeyboardNavigation = <Item>({\n collectionHook,\n highlightedIdx,\n highlightItemAtIndex,\n}: TreeNavigationHookProps<Item>): TreeNavigationHookResult => {\n const handleKeyDown = useCallback(\n (e: KeyboardEvent) => {\n if (e.key === ArrowLeft) {\n const node = collectionHook.data[highlightedIdx];\n const parentId = getNodeParentPath(node);\n if (parentId) {\n highlightItemAtIndex(\n collectionHook.data.findIndex((item) => item.id === parentId),\n );\n }\n }\n },\n [highlightedIdx, highlightItemAtIndex],\n );\n\n const listHandlers = {\n onKeyDown: handleKeyDown,\n };\n\n return {\n listHandlers,\n };\n};\n"],"names":[],"mappings":";;;AAIO,MAAM,iBAAA,GAAoB,CAAC,EAAE,EAAA,EAAG,KAA2B;AAChE,EAAA,IAAI,GAAA,GAAM,EAAA,CAAG,WAAA,CAAY,GAAG,CAAA;AAC5B,EAAA,IAAI,QAAQ,EAAA,EAAI;AAGd,IAAA,MAAM,IAAA,GAAO,EAAA,CAAG,KAAA,CAAM,GAAA,GAAM,CAAC,CAAA;AAC7B,IAAA,MAAM,KAAA,GAAQ,IAAA,CAAK,KAAA,CAAM,GAAG,CAAA;AAC5B,IAAA,IAAI,KAAA,CAAM,WAAW,CAAA,EAAG;AACtB,MAAA,OAAO,IAAA;AAAA,IACT;AACA,IAAA,KAAA,CAAM,GAAA,EAAI;AACV,IAAA,OAAO,CAAA,EAAG,EAAA,CAAG,KAAA,CAAM,CAAA,EAAG,GAAG,CAAC,CAAA,CAAA,EAAI,KAAA,CAAM,IAAA,CAAK,GAAG,CAAC,CAAA,CAAA;AAAA,EAC/C;AAEA,EAAA,GAAA,GAAM,EAAA,CAAG,YAAY,GAAG,CAAA;AACxB,EAAA,IAAI,QAAQ,EAAA,EAAI;AAEd,IAAA,OAAO,EAAA,CAAG,KAAA,CAAM,CAAA,EAAG,GAAG,CAAA;AAAA,EACxB;AACF;AAeO,MAAM,wBAAwB,CAAO;AAAA,EAC1C,cAAA;AAAA,EACA,cAAA;AAAA,EACA;AACF,CAAA,KAA+D;AAC7D,EAAA,MAAM,aAAA,GAAgB,WAAA;AAAA,IACpB,CAAC,CAAA,KAAqB;AACpB,MAAA,IAAI,CAAA,CAAE,QAAQ,SAAA,EAAW;AACvB,QAAA,MAAM,IAAA,GAAO,cAAA,CAAe,IAAA,CAAK,cAAc,CAAA;AAC/C,QAAA,MAAM,QAAA,GAAW,kBAAkB,IAAI,CAAA;AACvC,QAAA,IAAI,QAAA,EAAU;AACZ,UAAA,oBAAA;AAAA,YACE,eAAe,IAAA,CAAK,SAAA,CAAU,CAAC,IAAA,KAAS,IAAA,CAAK,OAAO,QAAQ;AAAA,WAC9D;AAAA,QACF;AAAA,MACF;AAAA,IACF,CAAA;AAAA,IACA,CAAC,gBAAgB,oBAAoB;AAAA,GACvC;AAEA,EAAA,MAAM,YAAA,GAAe;AAAA,IACnB,SAAA,EAAW;AAAA,GACb;AAEA,EAAA,OAAO;AAAA,IACL;AAAA,GACF;AACF;;;;"}

package/dist-es/tree/useTree.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useTree.js","sources":["../src/tree/useTree.ts"],"sourcesContent":["import {\n type KeyboardEvent,\n type MouseEvent,\n useCallback,\n useRef,\n} from \"react\";\nimport {\n closestListItemIndex,\n type ListHandlers,\n type SelectionStrategy,\n useCollapsibleGroups,\n useKeyboardNavigation,\n useSelection,\n useViewportTracking,\n} from \"../common-hooks\";\nimport type { ListControlProps } from \"../list/listTypes\";\nimport type { TreeHookProps, TreeHookResult } from \"./treeTypes\";\nimport { useKeyboardNavigation as useTreeNavigation } from \"./use-tree-keyboard-navigation\";\n\nexport const useTree = <Item, Selection extends SelectionStrategy = \"default\">({\n collectionHook,\n containerRef,\n contentRef = containerRef,\n defaultSelected,\n disabled,\n onSelect,\n onSelectionChange,\n onToggle,\n onHighlight: onHighlightProp,\n selected: selectedProp,\n selectionStrategy,\n}: // totalItemCount,\nTreeHookProps<Item, Selection>): TreeHookResult<Item, Selection> => {\n const lastSelection = useRef(selectedProp \|\| defaultSelected);\n\n const handleKeyboardNavigation = (\n evt: KeyboardEvent<HTMLElement>,\n nextIdx: number,\n ) => {\n selectionHook.listHandlers.onKeyboardNavigation?.(evt, nextIdx);\n };\n\n const { highlightedIndex: highlightedIdx, ...keyboardHook } =\n useKeyboardNavigation<Item, Selection>({\n containerRef,\n indexPositions: collectionHook.data,\n onHighlight: onHighlightProp,\n onKeyboardNavigation: handleKeyboardNavigation,\n selected: lastSelection.current,\n });\n\n const collapsibleHook = useCollapsibleGroups<Item>({\n collapsibleHeaders: true,\n collectionHook,\n highlightedIdx,\n onToggle,\n });\n\n const selectionHook = useSelection({\n defaultSelected,\n // groupSelection,\n highlightedIdx,\n indexPositions: collectionHook.data,\n onSelect,\n onSelectionChange,\n selected: selectedProp,\n selectionStrategy: selectionStrategy,\n });\n\n const treeNavigationHook = useTreeNavigation<Item>({\n collectionHook,\n highlightedIdx,\n highlightItemAtIndex: keyboardHook.setHighlightedIndex,\n });\n\n const handleClick = useCallback(\n (evt: MouseEvent<HTMLElement>) => {\n collapsibleHook?.onClick?.(evt);\n if (!evt.defaultPrevented) {\n selectionHook.listHandlers.onClick?.(evt);\n }\n },\n [collapsibleHook, selectionHook],\n );\n\n const handleKeyDown = useCallback(\n (evt: KeyboardEvent<HTMLElement>) => {\n keyboardHook.listProps.onKeyDown?.(evt);\n if (!evt.defaultPrevented) {\n selectionHook.listHandlers.onKeyDown?.(evt);\n }\n if (!evt.defaultPrevented) {\n collapsibleHook?.onKeyDown?.(evt);\n }\n if (!evt.defaultPrevented) {\n treeNavigationHook.listHandlers.onKeyDown?.(evt);\n }\n },\n [\n collapsibleHook.onKeyDown,\n keyboardHook.listProps,\n selectionHook.listHandlers,\n treeNavigationHook.listHandlers,\n ],\n );\n\n // This is only appropriate when we are directly controlling a List,\n // not when a control is manipulating the list\n const { isScrolling } = useViewportTracking({\n containerRef,\n contentRef,\n highlightedIdx,\n indexPositions: collectionHook.data,\n });\n\n const handleMouseMove = useCallback(\n (evt: MouseEvent) => {\n if (!isScrolling.current && !disabled) {\n keyboardHook.listProps.onMouseMove();\n const idx = closestListItemIndex(evt.target as HTMLElement);\n if (idx !== undefined && idx !== highlightedIdx) {\n const item = collectionHook.data[idx];\n if (item.disabled) {\n keyboardHook.setHighlightedIndex(-1);\n } else {\n keyboardHook.setHighlightedIndex(idx);\n }\n }\n }\n },\n [\n collectionHook.data,\n disabled,\n keyboardHook.setHighlightedIndex,\n highlightedIdx,\n isScrolling,\n ],\n );\n\n const getActiveDescendant = () =>\n highlightedIdx === undefined \|\| highlightedIdx === -1\n ? undefined\n : collectionHook.data[highlightedIdx]?.id;\n\n // We need this on reEntry for navigation hook to handle focus\n lastSelection.current = selectionHook.selected;\n\n const listProps: ListControlProps = {\n \"aria-activedescendant\": getActiveDescendant(),\n onBlur: keyboardHook.listProps.onBlur,\n onFocus: keyboardHook.listProps.onFocus,\n onKeyDown: handleKeyDown,\n onMouseDownCapture: keyboardHook.listProps.onMouseDownCapture,\n onMouseLeave: keyboardHook.listProps.onMouseLeave,\n };\n\n const listHandlers: ListHandlers = /listHandlersProp \|\| / {\n onClick: handleClick,\n // MouseEnter would be much better for this. There is a bug in Cypress\n // wheby it emits spurious MouseEnter (and MouseOver) events around\n // keypress events, which break many tests.\n onMouseMove: handleMouseMove,\n };\n\n const listItemHandlers = {\n onClick: handleClick,\n };\n\n return {\n focusVisible: keyboardHook.focusVisible,\n highlightedIdx,\n highlightItemAtIndex: keyboardHook.setHighlightedIndex,\n listHandlers,\n listProps,\n listItemHandlers,\n selected: selectionHook.selected,\n setSelected: selectionHook.setSelected,\n };\n};\n"],"names":["useTreeNavigation"],"mappings":";;;;;;;;;;;AAmBO,MAAM,UAAU,CAAwD;AAAA,EAC7E,cAAA;AAAA,EACA,YAAA;AAAA,EACA,~~UAAa~~,~~GAAA~~,YAAA;AAAA,EACb,eAAA;AAAA,EACA,QAAA;AAAA,EACA,QAAA;AAAA,EACA,iBAAA;AAAA,EACA,QAAA;AAAA,EACA,~~WAAa~~,~~EAAA~~,eAAA;AAAA,EACb,~~QAAU~~,~~EAAA~~,YAAA;AAAA,EACV;AACF,~~CACoE~~,~~KAAA~~;AAClE,~~EAAM~~,~~MAAA~~,aAAA,GAAgB,~~MAAO~~,~~CAAA~~,YAAA,IAAgB,eAAe,CAAA;AAE5D,~~EAAM~~,~~MAAA~~,wBAAA,GAA2B,CAC/B,GAAA,EACA,~~OACG~~,~~KAAA~~;AAtCP,IAAA,IAAA,EAAA,EAAA,EAAA;AAuCI,~~IAAc~~,CAAA,EAAA,GAAA,CAAA,EAAA,GAAA,aAAA,~~CAAA~~,YAAA,EAAa,~~oBAA3B~~,~~KAAA~~,IAAA,GAAA,MAAA,GAAA,EAAA,CAAA,IAAA,CAAA,EAAA,EAAkD,~~GAAK~~,~~EAAA~~,OAAA,CAAA;AAAA,~~GACzD~~;AAEA,EAAA,MAAM,EAAE,~~gBAAkB~~,~~EAAA~~,cAAA,EAAgB,GAAG,YAAA,KAC3C,~~qBAAuC~~,~~CAAA~~;AAAA,IACrC,YAAA;AAAA,IACA,gBAAgB,~~cAAe~~,~~CAAA~~,IAAA;AAAA,IAC/B,~~WAAa~~,~~EAAA~~,eAAA;AAAA,IACb,~~oBAAsB~~,~~EAAA~~,wBAAA;AAAA,IACtB,UAAU,~~aAAc~~,~~CAAA~~;AAAA,GACzB,CAAA;AAEH,EAAA,MAAM,kBAAkB,~~oBAA2B~~,~~CAAA~~;AAAA,IACjD,~~kBAAoB~~,~~EAAA~~,IAAA;AAAA,IACpB,cAAA;AAAA,IACA,cAAA;AAAA,IACA;AAAA,GACD,CAAA;AAED,EAAA,MAAM,gBAAgB,~~YAAa~~,~~CAAA~~;AAAA,IACjC,eAAA;AAAA;AAAA,IAEA,cAAA;AAAA,IACA,gBAAgB,~~cAAe~~,~~CAAA~~,IAAA;AAAA,IAC/B,QAAA;AAAA,IACA,iBAAA;AAAA,IACA,~~QAAU~~,~~EAAA~~,YAAA;AAAA,IACV;AAAA,GACD,CAAA;AAED,EAAA,MAAM,qBAAqBA,~~uBAAwB~~,~~CAAA~~;AAAA,IACjD,cAAA;AAAA,IACA,cAAA;AAAA,IACA,sBAAsB,~~YAAa~~,~~CAAA~~;AAAA,GACpC,CAAA;AAED,EAAA,MAAM,~~WAAc~~,~~GAAA~~,WAAA;AAAA,IAClB,CAAC,~~GAAiC~~,~~KAAA~~;AA5EtC,MAAA,IAAA,EAAA,EAAA,EAAA,EAAA,EAAA;AA6EM,MAAA,CAAA,EAAA,GAAA,eAAA,IAAA,IAAA,GAAA,MAAA,GAAA,eAAA,CAAiB,YAAjB,~~IAA2B~~,GAAA,MAAA,GAAA,EAAA,CAAA,IAAA,CAAA,eAAA,~~EAAA~~,GAAA,CAAA;AAC3B,~~MAAI~~,~~IAAA~~,CAAC,IAAI,~~gBAAkB~~,~~EAAA~~;AACzB,~~QAAc~~,CAAA,EAAA,GAAA,CAAA,EAAA,GAAA,aAAA,~~CAAA~~,YAAA,EAAa,YAA3B,~~IAAqC~~,GAAA,MAAA,GAAA,EAAA,CAAA,IAAA,CAAA,EAAA,~~EAAA~~,GAAA,CAAA;AAAA;~~AACvC~~,~~KACF~~;AAAA,IACA,CAAC,iBAAiB,aAAa;AAAA,GACjC;AAEA,EAAA,MAAM,~~aAAgB~~,~~GAAA~~,WAAA;AAAA,IACpB,CAAC,~~GAAoC~~,~~KAAA~~;AAtFzC,MAAA,IAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA;AAuFM,~~MAAa~~,CAAA,EAAA,GAAA,CAAA,EAAA,GAAA,YAAA,~~CAAA~~,SAAA,EAAU,cAAvB,~~IAAmC~~,GAAA,MAAA,GAAA,EAAA,CAAA,IAAA,CAAA,EAAA,~~EAAA~~,GAAA,CAAA;AACnC,~~MAAI~~,~~IAAA~~,CAAC,IAAI,~~gBAAkB~~,~~EAAA~~;AACzB,~~QAAc~~,CAAA,EAAA,GAAA,CAAA,EAAA,GAAA,aAAA,~~CAAA~~,YAAA,EAAa,cAA3B,~~IAAuC~~,GAAA,MAAA,GAAA,EAAA,CAAA,IAAA,CAAA,EAAA,~~EAAA~~,GAAA,CAAA;AAAA;~~AAEzC~~,~~MAAI~~,~~IAAA~~,CAAC,IAAI,~~gBAAkB~~,~~EAAA~~;AACzB,QAAA,CAAA,EAAA,GAAA,eAAA,IAAA,IAAA,GAAA,MAAA,GAAA,eAAA,CAAiB,cAAjB,~~IAA6B~~,GAAA,MAAA,GAAA,EAAA,CAAA,IAAA,CAAA,eAAA,~~EAAA~~,GAAA,CAAA;AAAA~~;AAE~~/B,~~MAAI~~,~~IAAA~~,CAAC,IAAI,~~gBAAkB~~,~~EAAA~~;AACzB,~~QAAmB~~,CAAA,EAAA,GAAA,CAAA,EAAA,GAAA,kBAAA,~~CAAA~~,YAAA,EAAa,cAAhC,~~IAA4C~~,GAAA,MAAA,GAAA,EAAA,CAAA,IAAA,CAAA,EAAA,~~EAAA~~,GAAA,CAAA;AAAA;~~AAC9C~~,~~KACF~~;AAAA,IACA;AAAA,MACE,~~eAAgB~~,~~CAAA~~,SAAA;AAAA,MAChB,~~YAAa~~,~~CAAA~~,SAAA;AAAA,MACb,~~aAAc~~,~~CAAA~~,YAAA;AAAA,MACd,~~kBAAmB~~,~~CAAA~~;AAAA;AACrB,GACF;AAIA,~~EAAM~~,~~MAAA~~,EAAE,~~WAAY~~,~~EAAA~~,GAAI,~~mBAAoB~~,~~CAAA~~;AAAA,IAC1C,YAAA;AAAA,IACA,UAAA;AAAA,IACA,cAAA;AAAA,IACA,gBAAgB,~~cAAe~~,~~CAAA~~;AAAA,GAChC,CAAA;AAED,EAAA,MAAM,~~eAAkB~~,~~GAAA~~,WAAA;AAAA,IACtB,CAAC,~~GAAoB~~,~~KAAA~~;AACnB,MAAA,IAAI,CAAC,WAAA,CAAY,~~OAAW~~,~~IAAA~~,CAAC,~~QAAU~~,~~EAAA~~;AACrC,QAAA,YAAA,CAAa,UAAU,~~WAAY~~,~~EAAA~~;AACnC,~~QAAM~~,~~MAAA~~,GAAA,GAAM,~~oBAAqB~~,~~CAAA~~,GAAA,CAAI,MAAqB,CAAA;AAC1D,~~QAAI~~,~~IAAA~~,GAAA,KAAQ,~~MAAa~~,~~IAAA~~,GAAA,KAAQ,~~cAAgB~~,~~EAAA~~;AAC/C,~~UAAM~~,~~MAAA~~,IAAA,GAAO,~~cAAe~~,~~CAAA~~,IAAA,CAAK,GAAG,CAAA;AACpC,UAAA,IAAI,KAAK,~~QAAU~~,~~EAAA~~;AACjB,YAAA,YAAA,CAAa,oBAAoB,EAAE,CAAA;AAAA,~~WAC9B~~,~~MAAA~~;AACL,YAAA,YAAA,CAAa,oBAAoB,GAAG,CAAA;AAAA;~~AACtC~~;~~AACF~~;~~AACF~~,~~KACF~~;AAAA,IACA;AAAA,MACE,~~cAAe~~,~~CAAA~~,IAAA;AAAA,MACf,QAAA;AAAA,MACA,~~YAAa~~,~~CAAA~~,mBAAA;AAAA,MACb,cAAA;AAAA,MACA;AAAA;AACF,GACF;AAEA,EAAA,MAAM,sBAAsB,MAAG;AA3IjC,IAAA,IAAA,EAAA;AA4II,~~IAAmB~~,OAAA,cAAA,~~KAAA~~,MAAA,IAAa,mBAAmB,~~EAC~~/C,~~GAAA,~~MAAA,GAAA,CACA,oBAAe,~~IAAK~~,~~CAAA~~,cAAc,MAAlC,~~IAAqC~~,GAAA,MAAA,GAAA,EAAA,~~CAAA~~,EAAA;AAAA,~~GAAA~~;AAG3C,EAAA,aAAA,CAAc,UAAU,~~aAAc~~,~~CAAA~~,QAAA;AAEtC,EAAA,MAAM,~~SAA8B~~,~~GAAA~~;AAAA,IAClC,yBAAyB,~~mBAAoB~~,~~EAAA~~;AAAA,IAC7C,MAAA,EAAQ,aAAa,~~SAAU~~,~~CAAA~~,MAAA;AAAA,IAC/B,OAAA,EAAS,aAAa,~~SAAU~~,~~CAAA~~,OAAA;AAAA,IAChC,~~SAAW~~,~~EAAA~~,aAAA;AAAA,IACX,kBAAA,EAAoB,aAAa,~~SAAU~~,~~CAAA~~,kBAAA;AAAA,IAC3C,YAAA,EAAc,aAAa,~~SAAU~~,~~CAAA~~;AAAA,GACvC;AAEA,~~EAAM~~,~~MAAA~~,YAAA;AAAA;AAAA,IAAsD;AAAA,MAC1D,~~OAAS~~,~~EAAA~~,WAAA;AAAA;AAAA;AAAA;AAAA,MAIT,~~WAAa~~,~~EAAA~~;AAAA;AACf,GAAA;AAEA,EAAA,MAAM,~~gBAAmB~~,~~GAAA~~;AAAA,IACvB,~~OAAS~~,~~EAAA~~;AAAA,GACX;AAEA,~~EAAO~~,~~OAAA~~;AAAA,IACL,cAAc,~~YAAa~~,~~CAAA~~,YAAA;AAAA,IAC3B,cAAA;AAAA,IACA,sBAAsB,~~YAAa~~,~~CAAA~~,mBAAA;AAAA,IACnC,YAAA;AAAA,IACA,SAAA;AAAA,IACA,gBAAA;AAAA,IACA,UAAU,~~aAAc~~,~~CAAA~~,QAAA;AAAA,IACxB,aAAa,~~aAAc~~,~~CAAA~~;AAAA,GAC7B;AACF;;;;"}
1	+ {"version":3,"file":"useTree.js","sources":["../src/tree/useTree.ts"],"sourcesContent":["import {\n type KeyboardEvent,\n type MouseEvent,\n useCallback,\n useRef,\n} from \"react\";\nimport {\n closestListItemIndex,\n type ListHandlers,\n type SelectionStrategy,\n useCollapsibleGroups,\n useKeyboardNavigation,\n useSelection,\n useViewportTracking,\n} from \"../common-hooks\";\nimport type { ListControlProps } from \"../list/listTypes\";\nimport type { TreeHookProps, TreeHookResult } from \"./treeTypes\";\nimport { useKeyboardNavigation as useTreeNavigation } from \"./use-tree-keyboard-navigation\";\n\nexport const useTree = <Item, Selection extends SelectionStrategy = \"default\">({\n collectionHook,\n containerRef,\n contentRef = containerRef,\n defaultSelected,\n disabled,\n onSelect,\n onSelectionChange,\n onToggle,\n onHighlight: onHighlightProp,\n selected: selectedProp,\n selectionStrategy,\n}: // totalItemCount,\nTreeHookProps<Item, Selection>): TreeHookResult<Item, Selection> => {\n const lastSelection = useRef(selectedProp \|\| defaultSelected);\n\n const handleKeyboardNavigation = (\n evt: KeyboardEvent<HTMLElement>,\n nextIdx: number,\n ) => {\n selectionHook.listHandlers.onKeyboardNavigation?.(evt, nextIdx);\n };\n\n const { highlightedIndex: highlightedIdx, ...keyboardHook } =\n useKeyboardNavigation<Item, Selection>({\n containerRef,\n indexPositions: collectionHook.data,\n onHighlight: onHighlightProp,\n onKeyboardNavigation: handleKeyboardNavigation,\n selected: lastSelection.current,\n });\n\n const collapsibleHook = useCollapsibleGroups<Item>({\n collapsibleHeaders: true,\n collectionHook,\n highlightedIdx,\n onToggle,\n });\n\n const selectionHook = useSelection({\n defaultSelected,\n // groupSelection,\n highlightedIdx,\n indexPositions: collectionHook.data,\n onSelect,\n onSelectionChange,\n selected: selectedProp,\n selectionStrategy: selectionStrategy,\n });\n\n const treeNavigationHook = useTreeNavigation<Item>({\n collectionHook,\n highlightedIdx,\n highlightItemAtIndex: keyboardHook.setHighlightedIndex,\n });\n\n const handleClick = useCallback(\n (evt: MouseEvent<HTMLElement>) => {\n collapsibleHook?.onClick?.(evt);\n if (!evt.defaultPrevented) {\n selectionHook.listHandlers.onClick?.(evt);\n }\n },\n [collapsibleHook, selectionHook],\n );\n\n const handleKeyDown = useCallback(\n (evt: KeyboardEvent<HTMLElement>) => {\n keyboardHook.listProps.onKeyDown?.(evt);\n if (!evt.defaultPrevented) {\n selectionHook.listHandlers.onKeyDown?.(evt);\n }\n if (!evt.defaultPrevented) {\n collapsibleHook?.onKeyDown?.(evt);\n }\n if (!evt.defaultPrevented) {\n treeNavigationHook.listHandlers.onKeyDown?.(evt);\n }\n },\n [\n collapsibleHook.onKeyDown,\n keyboardHook.listProps,\n selectionHook.listHandlers,\n treeNavigationHook.listHandlers,\n ],\n );\n\n // This is only appropriate when we are directly controlling a List,\n // not when a control is manipulating the list\n const { isScrolling } = useViewportTracking({\n containerRef,\n contentRef,\n highlightedIdx,\n indexPositions: collectionHook.data,\n });\n\n const handleMouseMove = useCallback(\n (evt: MouseEvent) => {\n if (!isScrolling.current && !disabled) {\n keyboardHook.listProps.onMouseMove();\n const idx = closestListItemIndex(evt.target as HTMLElement);\n if (idx !== undefined && idx !== highlightedIdx) {\n const item = collectionHook.data[idx];\n if (item.disabled) {\n keyboardHook.setHighlightedIndex(-1);\n } else {\n keyboardHook.setHighlightedIndex(idx);\n }\n }\n }\n },\n [\n collectionHook.data,\n disabled,\n keyboardHook.setHighlightedIndex,\n highlightedIdx,\n isScrolling,\n ],\n );\n\n const getActiveDescendant = () =>\n highlightedIdx === undefined \|\| highlightedIdx === -1\n ? undefined\n : collectionHook.data[highlightedIdx]?.id;\n\n // We need this on reEntry for navigation hook to handle focus\n lastSelection.current = selectionHook.selected;\n\n const listProps: ListControlProps = {\n \"aria-activedescendant\": getActiveDescendant(),\n onBlur: keyboardHook.listProps.onBlur,\n onFocus: keyboardHook.listProps.onFocus,\n onKeyDown: handleKeyDown,\n onMouseDownCapture: keyboardHook.listProps.onMouseDownCapture,\n onMouseLeave: keyboardHook.listProps.onMouseLeave,\n };\n\n const listHandlers: ListHandlers = /listHandlersProp \|\| / {\n onClick: handleClick,\n // MouseEnter would be much better for this. There is a bug in Cypress\n // wheby it emits spurious MouseEnter (and MouseOver) events around\n // keypress events, which break many tests.\n onMouseMove: handleMouseMove,\n };\n\n const listItemHandlers = {\n onClick: handleClick,\n };\n\n return {\n focusVisible: keyboardHook.focusVisible,\n highlightedIdx,\n highlightItemAtIndex: keyboardHook.setHighlightedIndex,\n listHandlers,\n listProps,\n listItemHandlers,\n selected: selectionHook.selected,\n setSelected: selectionHook.setSelected,\n };\n};\n"],"names":["useTreeNavigation"],"mappings":"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"}

package/dist-es/utils/escapeRegExp.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"escapeRegExp.js","sources":["../src/utils/escapeRegExp.ts"],"sourcesContent":["const regExp = /[.*+?^${}()\|[\\]\\\\]/g;\n\nexport function escapeRegExp(string: string): string {\n return string.replace(regExp, \"\\\\$&\");\n}\n"],"names":[],"mappings":"AAAA,MAAM,~~MAAS~~,~~GAAA~~,qBAAA;AAER,SAAS,aAAa,~~MAAwB~~,~~EAAA~~;AACnD,~~EAAO~~,~~OAAA~~,MAAA,CAAO,~~OAAQ~~,~~CAAA~~,MAAA,EAAQ,MAAM,CAAA;AACtC;;;;"}
1	+ {"version":3,"file":"escapeRegExp.js","sources":["../src/utils/escapeRegExp.ts"],"sourcesContent":["const regExp = /[.*+?^${}()\|[\\]\\\\]/g;\n\nexport function escapeRegExp(string: string): string {\n return string.replace(regExp, \"\\\\$&\");\n}\n"],"names":[],"mappings":"AAAA,MAAM,MAAA,GAAS,qBAAA;AAER,SAAS,aAAa,MAAA,EAAwB;AACnD,EAAA,OAAO,MAAA,CAAO,OAAA,CAAQ,MAAA,EAAQ,MAAM,CAAA;AACtC;;;;"}

package/dist-es/utils/forwardCallbackProps.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"forwardCallbackProps.js","sources":["../src/utils/forwardCallbackProps.ts"],"sourcesContent":["/\n When we clone a React element and inject props, if any of these are\n callback props, make sure original callback props are also invoked.\n\n React.cloneElement(\n element,\n forwardCallbackProps(element.props, overrideProps)\n )\n /\n\ntype Props = Record<string, any>;\n\nexport const forwardCallbackProps = <P1 extends Props, P2 extends Props>(\n ownProps: P1,\n overrideProps: P2,\n): P1 & P2 => {\n const props = Object.keys(ownProps).reduce<Props>(\n (map, name) => {\n const ownProp = ownProps[name];\n const overrideProp = overrideProps[name];\n if (typeof ownProp === \"function\" && typeof overrideProp === \"function\") {\n map[name] = (...args: unknown[]) => {\n ownProp(...args);\n overrideProp(...args);\n };\n }\n return map;\n },\n { ...overrideProps },\n );\n\n return props as P1 & P2;\n};\n"],"names":[],"mappings":"~~AAYa~~,~~MAAA~~,oBAAA,GAAuB,CAClC,QAAA,EACA,~~aACY~~,~~KAAA~~;AACZ,EAAA,MAAM,~~KAAQ~~,~~GAAA~~,MAAA,CAAO,~~IAAK~~,~~CAAA~~,QAAQ,CAAE,~~CAAA,~~MAAA;AAAA,IAClC,CAAC,KAAK,~~IAAS~~,~~KAAA~~;AACb,MAAM,~~MAAA,~~OAAA,GAAU,SAAS,IAAI,CAAA;AAC7B,MAAM,~~MAAA,~~YAAA,GAAe,cAAc,IAAI,CAAA;AACvC,MAAA,IAAI,OAAO,OAAA,KAAY,~~UAAc~~,~~IAAA~~,OAAO,iBAAiB,~~UAAY~~,~~EAAA~~;AACvE,~~QAAI~~,GAAA,~~CAAA~~,IAAI,~~CAAI~~,~~GAAA~~,CAAA,GAAI,~~IAAoB~~,~~KAAA~~;AAClC,UAAA,OAAA,CAAQ,GAAG,IAAI,CAAA;AACf,UAAA,YAAA,CAAa,GAAG,IAAI,CAAA;AAAA,~~SACtB~~;AAAA;~~AAEF~~,~~MAAO~~,~~OAAA~~,GAAA;AAAA,~~KACT~~;AAAA,IACA,EAAE,GAAG,~~aAAc~~;~~AAAA~~,GACrB;AAEA,~~EAAO~~,~~OAAA~~,KAAA;AACT;;;;"}
1	+ {"version":3,"file":"forwardCallbackProps.js","sources":["../src/utils/forwardCallbackProps.ts"],"sourcesContent":["/\n When we clone a React element and inject props, if any of these are\n callback props, make sure original callback props are also invoked.\n\n React.cloneElement(\n element,\n forwardCallbackProps(element.props, overrideProps)\n )\n /\n\ntype Props = Record<string, any>;\n\nexport const forwardCallbackProps = <P1 extends Props, P2 extends Props>(\n ownProps: P1,\n overrideProps: P2,\n): P1 & P2 => {\n const props = Object.keys(ownProps).reduce<Props>(\n (map, name) => {\n const ownProp = ownProps[name];\n const overrideProp = overrideProps[name];\n if (typeof ownProp === \"function\" && typeof overrideProp === \"function\") {\n map[name] = (...args: unknown[]) => {\n ownProp(...args);\n overrideProp(...args);\n };\n }\n return map;\n },\n { ...overrideProps },\n );\n\n return props as P1 & P2;\n};\n"],"names":[],"mappings":"AAYO,MAAM,oBAAA,GAAuB,CAClC,QAAA,EACA,aAAA,KACY;AACZ,EAAA,MAAM,KAAA,GAAQ,MAAA,CAAO,IAAA,CAAK,QAAQ,CAAA,CAAE,MAAA;AAAA,IAClC,CAAC,KAAK,IAAA,KAAS;AACb,MAAA,MAAM,OAAA,GAAU,SAAS,IAAI,CAAA;AAC7B,MAAA,MAAM,YAAA,GAAe,cAAc,IAAI,CAAA;AACvC,MAAA,IAAI,OAAO,OAAA,KAAY,UAAA,IAAc,OAAO,iBAAiB,UAAA,EAAY;AACvE,QAAA,GAAA,CAAI,IAAI,CAAA,GAAI,CAAA,GAAI,IAAA,KAAoB;AAClC,UAAA,OAAA,CAAQ,GAAG,IAAI,CAAA;AACf,UAAA,YAAA,CAAa,GAAG,IAAI,CAAA;AAAA,QACtB,CAAA;AAAA,MACF;AACA,MAAA,OAAO,GAAA;AAAA,IACT,CAAA;AAAA,IACA,EAAE,GAAG,aAAA;AAAc,GACrB;AAEA,EAAA,OAAO,KAAA;AACT;;;;"}

package/dist-es/utils/isEmail.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"isEmail.js","sources":["../src/utils/isEmail.ts"],"sourcesContent":["export const isEmail = (value?: string): boolean => {\n return !!value && /^\\w+([.-]?\\w+)@\\w+([.-]?\\w+)(\\.\\w{2,3})+$/.test(value);\n};\n"],"names":[],"mappings":"~~AAAa~~,~~MAAA~~,OAAA,GAAU,CAAC,KAA4B~~,KAAA~~;AAClD,EAAA,OAAO,CAAC,CAAC,~~KAAS~~,~~IAAA~~,6CAAA,CAA8C,KAAK,KAAK,CAAA;AAC5E;;;;"}
1	+ {"version":3,"file":"isEmail.js","sources":["../src/utils/isEmail.ts"],"sourcesContent":["export const isEmail = (value?: string): boolean => {\n return !!value && /^\\w+([.-]?\\w+)@\\w+([.-]?\\w+)(\\.\\w{2,3})+$/.test(value);\n};\n"],"names":[],"mappings":"AAAO,MAAM,OAAA,GAAU,CAAC,KAAA,KAA4B;AAClD,EAAA,OAAO,CAAC,CAAC,KAAA,IAAS,6CAAA,CAA8C,KAAK,KAAK,CAAA;AAC5E;;;;"}

package/dist-es/utils/isPlainObject.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"isPlainObject.js","sources":["../src/utils/isPlainObject.ts"],"sourcesContent":["export const isPlainObject = (obj: Record<never, never>): boolean =>\n Object.prototype.toString.call(obj) === \"[object Object]\";\n"],"names":[],"mappings":"~~AAAa~~,~~MAAA~~,aAAA,GAAgB,CAAC,~~GAC5B~~,~~KAAA~~,MAAA,CAAO,UAAU,~~QAAS~~,~~CAAA~~,IAAA,CAAK,GAAG,~~CAAM~~,~~KAAA~~;;;;"}
1	+ {"version":3,"file":"isPlainObject.js","sources":["../src/utils/isPlainObject.ts"],"sourcesContent":["export const isPlainObject = (obj: Record<never, never>): boolean =>\n Object.prototype.toString.call(obj) === \"[object Object]\";\n"],"names":[],"mappings":"AAAO,MAAM,aAAA,GAAgB,CAAC,GAAA,KAC5B,MAAA,CAAO,UAAU,QAAA,CAAS,IAAA,CAAK,GAAG,CAAA,KAAM;;;;"}

package/dist-es/utils/partition.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"partition.js","sources":["../src/utils/partition.ts"],"sourcesContent":["export function partition<T = unknown>(\n array: T[],\n predicate: (value: T) => boolean,\n pass: T[] = [],\n fail: T[] = [],\n): [T[], T[]] {\n for (let i = 0, len = array.length; i < len; i++) {\n (predicate(array[i]) ? pass : fail).push(array[i]);\n }\n return [pass, fail];\n}\n"],"names":[],"mappings":"~~AAAgB~~,~~SAAA~~,SAAA,CACd,OACA,~~SACA~~,~~EAAA~~,IAAA,GAAY,~~EACZ~~,~~EAAA~~,IAAA,GAAY,~~EACA~~,~~EAAA~~;AACZ,EAAA,KAAA,IAAS,IAAI,~~CAAG~~,~~EAAA~~,GAAA,GAAM,MAAM,~~MAAQ~~,~~EAAA~~,CAAA,GAAI,KAAK,~~CAAK~~,EAAA,~~EAAA~~;AAChD,~~IAAC~~,~~CAAA~~,SAAA,CAAU,~~KAAM~~,~~CAAA~~,CAAC,CAAC,CAAA,GAAI,OAAO,~~IAAM~~,~~EAAA~~,IAAA,CAAK,~~KAAM~~,~~CAAA~~,CAAC,CAAC,CAAA;AAAA;~~AAEnD~~,~~EAAO~~,~~OAAA~~,CAAC,MAAM,IAAI,CAAA;AACpB;;;;"}
1	+ {"version":3,"file":"partition.js","sources":["../src/utils/partition.ts"],"sourcesContent":["export function partition<T = unknown>(\n array: T[],\n predicate: (value: T) => boolean,\n pass: T[] = [],\n fail: T[] = [],\n): [T[], T[]] {\n for (let i = 0, len = array.length; i < len; i++) {\n (predicate(array[i]) ? pass : fail).push(array[i]);\n }\n return [pass, fail];\n}\n"],"names":[],"mappings":"AAAO,SAAS,SAAA,CACd,OACA,SAAA,EACA,IAAA,GAAY,EAAC,EACb,IAAA,GAAY,EAAC,EACD;AACZ,EAAA,KAAA,IAAS,IAAI,CAAA,EAAG,GAAA,GAAM,MAAM,MAAA,EAAQ,CAAA,GAAI,KAAK,CAAA,EAAA,EAAK;AAChD,IAAA,CAAC,SAAA,CAAU,KAAA,CAAM,CAAC,CAAC,CAAA,GAAI,OAAO,IAAA,EAAM,IAAA,CAAK,KAAA,CAAM,CAAC,CAAC,CAAA;AAAA,EACnD;AACA,EAAA,OAAO,CAAC,MAAM,IAAI,CAAA;AACpB;;;;"}

package/dist-es/utils/useClickOutside.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useClickOutside.js","sources":["../src/utils/useClickOutside.ts"],"sourcesContent":["import { type Ref, useEffect, useRef } from \"react\";\n\nconst defaultTriggerEvents: MouseEvents[] = [\"mousedown\"];\n\ntype MouseEvents = keyof {\n [K in keyof GlobalEventHandlersEventMap as GlobalEventHandlersEventMap[K] extends MouseEvent\n ? K\n : never]: GlobalEventHandlersEventMap[K];\n};\n\nexport function useClickOutside<Element extends HTMLElement>(\n handler: () => void,\n triggerEvents?: MouseEvents[],\n containers?: HTMLElement[],\n): Ref<Element> {\n const ref = useRef<Element>(null);\n\n useEffect(() => {\n const handleEvent = (event: MouseEvent) => {\n if (Array.isArray(containers)) {\n const shouldCallHandler = containers.every((node) => {\n return !node?.contains(event.target as Node);\n });\n shouldCallHandler && handler();\n } else if (!ref.current?.contains(event.target as Node)) {\n handler();\n }\n };\n\n const events = triggerEvents ?? defaultTriggerEvents;\n\n events.forEach((event) => {\n document.addEventListener(event, handleEvent);\n });\n\n return () => {\n events.forEach((event) => {\n document.removeEventListener(event, handleEvent);\n });\n };\n }, [handler, containers, triggerEvents]);\n\n return ref;\n}\n"],"names":[],"mappings":";;AAEA,MAAM,oBAAA,GAAsC,CAAC,WAAW,CAAA;~~AAQxC~~,~~SAAA~~,eAAA,CACd,~~OACA~~,~~EAAA~~,aAAA,EACA,~~UACc~~,~~EAAA~~;AACd,~~EAAM~~,~~MAAA~~,GAAA,GAAM,OAAgB,IAAI,CAAA;AAEhC,EAAA,SAAA,CAAU,MAAM;AACd,~~IAAM~~,~~MAAA~~,WAAA,GAAc,CAAC,KAAsB~~,KAAA~~;AAlB/C,MAAA,IAAA,EAAA;AAmBM,~~MAAI~~,~~IAAA~~,KAAA,CAAM,~~OAAQ~~,~~CAAA~~,UAAU,~~CAAG~~,~~EAAA~~;AAC7B,QAAA,MAAM,~~iBAAoB~~,~~GAAA~~,UAAA,CAAW,~~KAAM~~,~~CAAA~~,CAAC,~~IAAS~~,~~KAAA~~;AACnD,~~UAAO~~,~~OAAA~~,EAAC,~~IAAM~~,IAAA,IAAA,GAAA,MAAA,GAAA,IAAA,~~CAAA~~,QAAA,CAAS,~~KAAM~~,~~CAAA~~,MAAA,CAAA,CAAA;AAAA,~~SAC9B~~,CAAA;AACD,QAAA,iBAAA,IAAqB,~~OAAQ~~,~~EAAA~~;AAAA,~~iBACpB~~,~~EAAC~~,~~CAAA~~,EAAA,GAAA,GAAA,CAAI,YAAJ,~~IAAa~~,GAAA,MAAA,GAAA,EAAA,~~CAAA~~,QAAA,CAAS,MAAM,~~MAAiB~~,CAAA,CAAA,~~EAAA~~;AACvD,~~QAAQ~~,OAAA,~~EAAA~~;AAAA;~~AACV~~,~~KACF~~;AAEA,IAAA,MAAM,SAAS,~~aAAiB~~,~~IAAA~~,oBAAA;AAEhC,~~IAAO~~,MAAA,~~CAAA~~,OAAA,CAAQ,CAAC,KAAU~~,KAAA~~;AACxB,~~MAAS~~,QAAA,~~CAAA~~,gBAAA,CAAiB,OAAO,WAAW,CAAA;AAAA,~~KAC7C~~,CAAA;AAED,IAAA,OAAO,MAAM;AACX,~~MAAO~~,MAAA,~~CAAA~~,OAAA,CAAQ,CAAC,KAAU~~,KAAA~~;AACxB,~~QAAS~~,QAAA,~~CAAA~~,mBAAA,CAAoB,OAAO,WAAW,CAAA;AAAA,~~OAChD~~,CAAA;AAAA,~~KACH~~;AAAA,~~GACC~~,~~EAAA~~,CAAC,~~OAAS~~,~~EAAA~~,UAAA,EAAY,aAAa,CAAC,CAAA;AAEvC,~~EAAO~~,~~OAAA~~,GAAA;AACT;;;;"}
1	+ {"version":3,"file":"useClickOutside.js","sources":["../src/utils/useClickOutside.ts"],"sourcesContent":["import { type Ref, useEffect, useRef } from \"react\";\n\nconst defaultTriggerEvents: MouseEvents[] = [\"mousedown\"];\n\ntype MouseEvents = keyof {\n [K in keyof GlobalEventHandlersEventMap as GlobalEventHandlersEventMap[K] extends MouseEvent\n ? K\n : never]: GlobalEventHandlersEventMap[K];\n};\n\nexport function useClickOutside<Element extends HTMLElement>(\n handler: () => void,\n triggerEvents?: MouseEvents[],\n containers?: HTMLElement[],\n): Ref<Element> {\n const ref = useRef<Element>(null);\n\n useEffect(() => {\n const handleEvent = (event: MouseEvent) => {\n if (Array.isArray(containers)) {\n const shouldCallHandler = containers.every((node) => {\n return !node?.contains(event.target as Node);\n });\n shouldCallHandler && handler();\n } else if (!ref.current?.contains(event.target as Node)) {\n handler();\n }\n };\n\n const events = triggerEvents ?? defaultTriggerEvents;\n\n events.forEach((event) => {\n document.addEventListener(event, handleEvent);\n });\n\n return () => {\n events.forEach((event) => {\n document.removeEventListener(event, handleEvent);\n });\n };\n }, [handler, containers, triggerEvents]);\n\n return ref;\n}\n"],"names":[],"mappings":";;AAEA,MAAM,oBAAA,GAAsC,CAAC,WAAW,CAAA;AAQjD,SAAS,eAAA,CACd,OAAA,EACA,aAAA,EACA,UAAA,EACc;AACd,EAAA,MAAM,GAAA,GAAM,OAAgB,IAAI,CAAA;AAEhC,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,MAAM,WAAA,GAAc,CAAC,KAAA,KAAsB;AAlB/C,MAAA,IAAA,EAAA;AAmBM,MAAA,IAAI,KAAA,CAAM,OAAA,CAAQ,UAAU,CAAA,EAAG;AAC7B,QAAA,MAAM,iBAAA,GAAoB,UAAA,CAAW,KAAA,CAAM,CAAC,IAAA,KAAS;AACnD,UAAA,OAAO,EAAC,IAAA,IAAA,IAAA,GAAA,MAAA,GAAA,IAAA,CAAM,QAAA,CAAS,KAAA,CAAM,MAAA,CAAA,CAAA;AAAA,QAC/B,CAAC,CAAA;AACD,QAAA,iBAAA,IAAqB,OAAA,EAAQ;AAAA,MAC/B,WAAW,EAAA,CAAC,EAAA,GAAA,GAAA,CAAI,YAAJ,IAAA,GAAA,MAAA,GAAA,EAAA,CAAa,QAAA,CAAS,MAAM,MAAA,CAAA,CAAA,EAAiB;AACvD,QAAA,OAAA,EAAQ;AAAA,MACV;AAAA,IACF,CAAA;AAEA,IAAA,MAAM,SAAS,aAAA,IAAiB,oBAAA;AAEhC,IAAA,MAAA,CAAO,OAAA,CAAQ,CAAC,KAAA,KAAU;AACxB,MAAA,QAAA,CAAS,gBAAA,CAAiB,OAAO,WAAW,CAAA;AAAA,IAC9C,CAAC,CAAA;AAED,IAAA,OAAO,MAAM;AACX,MAAA,MAAA,CAAO,OAAA,CAAQ,CAAC,KAAA,KAAU;AACxB,QAAA,QAAA,CAAS,mBAAA,CAAoB,OAAO,WAAW,CAAA;AAAA,MACjD,CAAC,CAAA;AAAA,IACH,CAAA;AAAA,EACF,CAAA,EAAG,CAAC,OAAA,EAAS,UAAA,EAAY,aAAa,CAAC,CAAA;AAEvC,EAAA,OAAO,GAAA;AACT;;;;"}

package/dist-es/utils/useEventCallback.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useEventCallback.js","sources":["../src/utils/useEventCallback.ts"],"sourcesContent":["import { useIsomorphicLayoutEffect } from \"@salt-ds/core\";\nimport { useCallback, useRef } from \"react\";\n\n/*\n https://github.com/facebook/react/issues/14099#issuecomment-440013892\n */\nexport function useEventCallback<Args extends unknown[], Return>(\n fn: (...args: Args) => Return,\n): (...args: Args) => Return {\n const ref = useRef(fn);\n useIsomorphicLayoutEffect(() => {\n ref.current = fn;\n });\n return useCallback(\n (...args: Args) =>\n // biome-ignore lint/complexity/noCommaOperator: This is a valid use case for the comma operator\n (void 0, ref.current)(...args),\n [],\n );\n}\n"],"names":[],"mappings":";;;AAMO,SAAS,iBACd,EAC2B~~,EAAA~~;AAC3B,~~EAAM~~,~~MAAA~~,GAAA,GAAM,OAAO,EAAE,CAAA;AACrB,EAAA,yBAAA,CAA0B,MAAM;AAC9B,IAAA,GAAA,CAAI,~~OAAU~~,~~GAAA~~,EAAA;AAAA,~~GACf~~,CAAA;AACD,~~EAAO~~,~~OAAA~~,WAAA;AAAA,IACL,~~CAAI~~,~~GAAA~~,IAAA;AAAA;AAAA,MAAA,IAEO,GAAA,CAAI,~~OAAS~~,~~EAAA~~,GAAG,IAAI;AAAA,KAAA;AAAA,IAC/B;AAAC,GACH;AACF;;;;"}
1	+ {"version":3,"file":"useEventCallback.js","sources":["../src/utils/useEventCallback.ts"],"sourcesContent":["import { useIsomorphicLayoutEffect } from \"@salt-ds/core\";\nimport { useCallback, useRef } from \"react\";\n\n/*\n https://github.com/facebook/react/issues/14099#issuecomment-440013892\n */\nexport function useEventCallback<Args extends unknown[], Return>(\n fn: (...args: Args) => Return,\n): (...args: Args) => Return {\n const ref = useRef(fn);\n useIsomorphicLayoutEffect(() => {\n ref.current = fn;\n });\n return useCallback(\n (...args: Args) =>\n // biome-ignore lint/complexity/noCommaOperator: This is a valid use case for the comma operator\n (void 0, ref.current)(...args),\n [],\n );\n}\n"],"names":[],"mappings":";;;AAMO,SAAS,iBACd,EAAA,EAC2B;AAC3B,EAAA,MAAM,GAAA,GAAM,OAAO,EAAE,CAAA;AACrB,EAAA,yBAAA,CAA0B,MAAM;AAC9B,IAAA,GAAA,CAAI,OAAA,GAAU,EAAA;AAAA,EAChB,CAAC,CAAA;AACD,EAAA,OAAO,WAAA;AAAA,IACL,CAAA,GAAI,IAAA;AAAA;AAAA,MAAA,IAEO,GAAA,CAAI,OAAA,EAAS,GAAG,IAAI;AAAA,KAAA;AAAA,IAC/B;AAAC,GACH;AACF;;;;"}

package/dist-es/utils/useIsViewportLargerThanBreakpoint.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useIsViewportLargerThanBreakpoint.js","sources":["../src/utils/useIsViewportLargerThanBreakpoint.ts"],"sourcesContent":["import {\n type Breakpoints,\n useCurrentBreakpoint,\n useOrderedBreakpoints,\n} from \"@salt-ds/core\";\n\nexport const useIsViewportLargerThanBreakpoint = (\n targetedBreakpoint: keyof Breakpoints,\n): boolean => {\n const orderedBreakpoints = useOrderedBreakpoints();\n const index = orderedBreakpoints.indexOf(targetedBreakpoint);\n const currentBreakpoint = useCurrentBreakpoint();\n const currentBreakpointIndex = orderedBreakpoints.indexOf(currentBreakpoint);\n return index >= currentBreakpointIndex;\n};\n"],"names":[],"mappings":";;~~AAMa~~,~~MAAA~~,iCAAA,GAAoC,CAC/C,~~kBACY~~,~~KAAA~~;AACZ,EAAA,MAAM,qBAAqB,~~qBAAsB~~,~~EAAA~~;AACjD,~~EAAM~~,~~MAAA~~,KAAA,GAAQ,~~kBAAmB~~,~~CAAA~~,OAAA,CAAQ,kBAAkB,CAAA;AAC3D,EAAA,MAAM,oBAAoB,~~oBAAqB~~,~~EAAA~~;AAC/C,~~EAAM~~,~~MAAA~~,sBAAA,GAAyB,~~kBAAmB~~,~~CAAA~~,OAAA,CAAQ,iBAAiB,CAAA;AAC3E,EAAA,OAAO,~~KAAS~~,~~IAAA~~,sBAAA;AAClB;;;;"}
1	+ {"version":3,"file":"useIsViewportLargerThanBreakpoint.js","sources":["../src/utils/useIsViewportLargerThanBreakpoint.ts"],"sourcesContent":["import {\n type Breakpoints,\n useCurrentBreakpoint,\n useOrderedBreakpoints,\n} from \"@salt-ds/core\";\n\nexport const useIsViewportLargerThanBreakpoint = (\n targetedBreakpoint: keyof Breakpoints,\n): boolean => {\n const orderedBreakpoints = useOrderedBreakpoints();\n const index = orderedBreakpoints.indexOf(targetedBreakpoint);\n const currentBreakpoint = useCurrentBreakpoint();\n const currentBreakpointIndex = orderedBreakpoints.indexOf(currentBreakpoint);\n return index >= currentBreakpointIndex;\n};\n"],"names":[],"mappings":";;AAMO,MAAM,iCAAA,GAAoC,CAC/C,kBAAA,KACY;AACZ,EAAA,MAAM,qBAAqB,qBAAA,EAAsB;AACjD,EAAA,MAAM,KAAA,GAAQ,kBAAA,CAAmB,OAAA,CAAQ,kBAAkB,CAAA;AAC3D,EAAA,MAAM,oBAAoB,oBAAA,EAAqB;AAC/C,EAAA,MAAM,sBAAA,GAAyB,kBAAA,CAAmB,OAAA,CAAQ,iBAAiB,CAAA;AAC3E,EAAA,OAAO,KAAA,IAAS,sBAAA;AAClB;;;;"}

package/dist-es/utils/useLayoutEffectOnce.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useLayoutEffectOnce.js","sources":["../src/utils/useLayoutEffectOnce.ts"],"sourcesContent":["import { useIsomorphicLayoutEffect } from \"@salt-ds/core\";\nimport { type DependencyList, type EffectCallback, useRef } from \"react\";\nexport const useLayoutEffectOnce = (\n condition: boolean,\n callback: EffectCallback,\n dependencies: DependencyList,\n): void => {\n const hasRun = useRef(false);\n // biome-ignore lint/correctness/useExhaustiveDependencies: dependencies are forwarded to the hook\n useIsomorphicLayoutEffect(() => {\n if (condition && !hasRun.current) {\n hasRun.current = true;\n callback();\n }\n }, dependencies);\n};\n"],"names":[],"mappings":";;;AAEO,MAAM,~~mBAAsB~~,~~GAAA~~,CACjC,~~SACA~~,~~EAAA~~,QAAA,EACA,~~YACS~~,~~KAAA~~;AACT,~~EAAM~~,~~MAAA~~,MAAA,GAAS,OAAO,KAAK,CAAA;AAE3B,EAAA,yBAAA,CAA0B,MAAM;AAC9B,IAAI,~~IAAA,~~SAAA,IAAa,CAAC,MAAA,CAAO,~~OAAS~~,~~EAAA~~;AAChC,MAAA,MAAA,CAAO,~~OAAU~~,~~GAAA~~,IAAA;AACjB,~~MAAS~~,QAAA,~~EAAA~~;AAAA;~~AACX~~,~~KACC~~,YAAY,CAAA;AACjB;;;;"}
1	+ {"version":3,"file":"useLayoutEffectOnce.js","sources":["../src/utils/useLayoutEffectOnce.ts"],"sourcesContent":["import { useIsomorphicLayoutEffect } from \"@salt-ds/core\";\nimport { type DependencyList, type EffectCallback, useRef } from \"react\";\nexport const useLayoutEffectOnce = (\n condition: boolean,\n callback: EffectCallback,\n dependencies: DependencyList,\n): void => {\n const hasRun = useRef(false);\n // biome-ignore lint/correctness/useExhaustiveDependencies: dependencies are forwarded to the hook\n useIsomorphicLayoutEffect(() => {\n if (condition && !hasRun.current) {\n hasRun.current = true;\n callback();\n }\n }, dependencies);\n};\n"],"names":[],"mappings":";;;AAEO,MAAM,mBAAA,GAAsB,CACjC,SAAA,EACA,QAAA,EACA,YAAA,KACS;AACT,EAAA,MAAM,MAAA,GAAS,OAAO,KAAK,CAAA;AAE3B,EAAA,yBAAA,CAA0B,MAAM;AAC9B,IAAA,IAAI,SAAA,IAAa,CAAC,MAAA,CAAO,OAAA,EAAS;AAChC,MAAA,MAAA,CAAO,OAAA,GAAU,IAAA;AACjB,MAAA,QAAA,EAAS;AAAA,IACX;AAAA,EACF,GAAG,YAAY,CAAA;AACjB;;;;"}

package/dist-es/utils/useLayoutEffectSkipFirst.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useLayoutEffectSkipFirst.js","sources":["../src/utils/useLayoutEffectSkipFirst.ts"],"sourcesContent":["import { useIsomorphicLayoutEffect } from \"@salt-ds/core\";\nimport { type DependencyList, type EffectCallback, useRef } from \"react\";\n\nexport const useLayoutEffectSkipFirst = (\n callback: EffectCallback,\n dependencies: DependencyList,\n): void => {\n const goodToGo = useRef(false);\n // biome-ignore lint/correctness/useExhaustiveDependencies: dependencies are forwarded to the hook\n useIsomorphicLayoutEffect(() => {\n if (goodToGo.current) {\n callback();\n } else {\n goodToGo.current = true;\n }\n }, dependencies);\n};\n"],"names":[],"mappings":";;;~~AAGa~~,~~MAAA~~,wBAAA,GAA2B,CACtC,QAAA,EACA,~~YACS~~,~~KAAA~~;AACT,~~EAAM~~,~~MAAA~~,QAAA,GAAW,OAAO,KAAK,CAAA;AAE7B,EAAA,yBAAA,CAA0B,MAAM;AAC9B,IAAA,IAAI,SAAS,~~OAAS~~,~~EAAA~~;AACpB,~~MAAS~~,QAAA,~~EAAA~~;AAAA,~~KACJ~~,~~MAAA~~;AACL,MAAA,QAAA,CAAS,~~OAAU~~,~~GAAA~~,IAAA;AAAA;~~AACrB~~,~~KACC~~,YAAY,CAAA;AACjB;;;;"}
1	+ {"version":3,"file":"useLayoutEffectSkipFirst.js","sources":["../src/utils/useLayoutEffectSkipFirst.ts"],"sourcesContent":["import { useIsomorphicLayoutEffect } from \"@salt-ds/core\";\nimport { type DependencyList, type EffectCallback, useRef } from \"react\";\n\nexport const useLayoutEffectSkipFirst = (\n callback: EffectCallback,\n dependencies: DependencyList,\n): void => {\n const goodToGo = useRef(false);\n // biome-ignore lint/correctness/useExhaustiveDependencies: dependencies are forwarded to the hook\n useIsomorphicLayoutEffect(() => {\n if (goodToGo.current) {\n callback();\n } else {\n goodToGo.current = true;\n }\n }, dependencies);\n};\n"],"names":[],"mappings":";;;AAGO,MAAM,wBAAA,GAA2B,CACtC,QAAA,EACA,YAAA,KACS;AACT,EAAA,MAAM,QAAA,GAAW,OAAO,KAAK,CAAA;AAE7B,EAAA,yBAAA,CAA0B,MAAM;AAC9B,IAAA,IAAI,SAAS,OAAA,EAAS;AACpB,MAAA,QAAA,EAAS;AAAA,IACX,CAAA,MAAO;AACL,MAAA,QAAA,CAAS,OAAA,GAAU,IAAA;AAAA,IACrB;AAAA,EACF,GAAG,YAAY,CAAA;AACjB;;;;"}

package/dist-es/utils/useOverflowDetection.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useOverflowDetection.js","sources":["../src/utils/useOverflowDetection.ts"],"sourcesContent":["import {\n debounce,\n ownerWindow,\n useIsomorphicLayoutEffect,\n} from \"@salt-ds/core\";\nimport {\n type DependencyList,\n type Ref,\n useCallback,\n useRef,\n useState,\n} from \"react\";\n\nexport function useOverflowDetection<Element extends HTMLElement>(\n dependencies: DependencyList = [],\n): [Ref<Element>, boolean] {\n const targetRef = useRef<Element>(null);\n const [isOverflowed, setOverflowed] = useState(false);\n\n const handleResize = useCallback(\n debounce(() => {\n const { current } = targetRef;\n\n if (!current) {\n // no component to measure yet\n isOverflowed && setOverflowed(false);\n return;\n }\n\n setOverflowed(current.offsetWidth < current.scrollWidth);\n }),\n [isOverflowed],\n );\n\n // check on resizing\n useIsomorphicLayoutEffect(() => {\n // Multi window support\n const win = ownerWindow(targetRef.current);\n\n win.addEventListener(\"resize\", handleResize);\n return () => {\n handleResize.clear();\n win.removeEventListener(\"resize\", handleResize);\n };\n }, [handleResize]);\n\n // We don't put handleResize in the dependency array as it's been handled by the `useLayoutEffect` above\n useIsomorphicLayoutEffect(handleResize, dependencies);\n\n return [targetRef, isOverflowed];\n}\n"],"names":[],"mappings":";;;~~AAagB~~,~~SAAA~~,oBAAA,CACd,~~YAA~~+B,~~GAAA~~,~~EACN,EAAA~~;AACzB,~~EAAM~~,~~MAAA~~,SAAA,GAAY,OAAgB,IAAI,CAAA;AACtC,EAAA,MAAM,CAAC,YAAA,EAAc,aAAa,CAAA,GAAI,SAAS,KAAK,CAAA;AAEpD,EAAA,MAAM,~~YAAe~~,~~GAAA~~,WAAA;AAAA,IACnB,SAAS,MAAM;AACb,MAAM,~~MAAA,~~EAAE,~~SAAY~~,~~GAAA~~,SAAA;AAEpB,MAAA,IAAI,CAAC,~~OAAS~~,~~EAAA~~;AAEZ,QAAA,YAAA,IAAgB,cAAc,KAAK,CAAA;AACnC,QAAA;AAAA;~~AAGF~~,~~MAAc~~,aAAA,~~CAAA~~,OAAA,CAAQ,~~WAAc~~,~~GAAA~~,OAAA,CAAQ,WAAW,CAAA;AAAA,~~KACxD~~,CAAA;AAAA,IACD,CAAC,YAAY;AAAA,GACf;AAGA,EAAA,yBAAA,CAA0B,MAAM;AAE9B,~~IAAM~~,~~MAAA~~,GAAA,GAAM,~~WAAY~~,~~CAAA~~,SAAA,CAAU,OAAO,CAAA;AAEzC,~~IAAI~~,GAAA,~~CAAA~~,gBAAA,CAAiB,UAAU,YAAY,CAAA;AAC3C,IAAA,OAAO,MAAM;AACX,MAAA,YAAA,CAAa,~~KAAM~~,~~EAAA~~;AACnB,~~MAAI~~,GAAA,~~CAAA~~,mBAAA,CAAoB,UAAU,YAAY,CAAA;AAAA,~~KAChD~~;AAAA,~~GACF~~,EAAG,CAAC,YAAY,CAAC,CAAA;AAGjB,EAAA,yBAAA,CAA0B,cAAc,YAAY,CAAA;AAEpD,~~EAAO~~,~~OAAA~~,CAAC,WAAW,YAAY,CAAA;AACjC;;;;"}
1	+ {"version":3,"file":"useOverflowDetection.js","sources":["../src/utils/useOverflowDetection.ts"],"sourcesContent":["import {\n debounce,\n ownerWindow,\n useIsomorphicLayoutEffect,\n} from \"@salt-ds/core\";\nimport {\n type DependencyList,\n type Ref,\n useCallback,\n useRef,\n useState,\n} from \"react\";\n\nexport function useOverflowDetection<Element extends HTMLElement>(\n dependencies: DependencyList = [],\n): [Ref<Element>, boolean] {\n const targetRef = useRef<Element>(null);\n const [isOverflowed, setOverflowed] = useState(false);\n\n const handleResize = useCallback(\n debounce(() => {\n const { current } = targetRef;\n\n if (!current) {\n // no component to measure yet\n isOverflowed && setOverflowed(false);\n return;\n }\n\n setOverflowed(current.offsetWidth < current.scrollWidth);\n }),\n [isOverflowed],\n );\n\n // check on resizing\n useIsomorphicLayoutEffect(() => {\n // Multi window support\n const win = ownerWindow(targetRef.current);\n\n win.addEventListener(\"resize\", handleResize);\n return () => {\n handleResize.clear();\n win.removeEventListener(\"resize\", handleResize);\n };\n }, [handleResize]);\n\n // We don't put handleResize in the dependency array as it's been handled by the `useLayoutEffect` above\n useIsomorphicLayoutEffect(handleResize, dependencies);\n\n return [targetRef, isOverflowed];\n}\n"],"names":[],"mappings":";;;AAaO,SAAS,oBAAA,CACd,YAAA,GAA+B,EAAC,EACP;AACzB,EAAA,MAAM,SAAA,GAAY,OAAgB,IAAI,CAAA;AACtC,EAAA,MAAM,CAAC,YAAA,EAAc,aAAa,CAAA,GAAI,SAAS,KAAK,CAAA;AAEpD,EAAA,MAAM,YAAA,GAAe,WAAA;AAAA,IACnB,SAAS,MAAM;AACb,MAAA,MAAM,EAAE,SAAQ,GAAI,SAAA;AAEpB,MAAA,IAAI,CAAC,OAAA,EAAS;AAEZ,QAAA,YAAA,IAAgB,cAAc,KAAK,CAAA;AACnC,QAAA;AAAA,MACF;AAEA,MAAA,aAAA,CAAc,OAAA,CAAQ,WAAA,GAAc,OAAA,CAAQ,WAAW,CAAA;AAAA,IACzD,CAAC,CAAA;AAAA,IACD,CAAC,YAAY;AAAA,GACf;AAGA,EAAA,yBAAA,CAA0B,MAAM;AAE9B,IAAA,MAAM,GAAA,GAAM,WAAA,CAAY,SAAA,CAAU,OAAO,CAAA;AAEzC,IAAA,GAAA,CAAI,gBAAA,CAAiB,UAAU,YAAY,CAAA;AAC3C,IAAA,OAAO,MAAM;AACX,MAAA,YAAA,CAAa,KAAA,EAAM;AACnB,MAAA,GAAA,CAAI,mBAAA,CAAoB,UAAU,YAAY,CAAA;AAAA,IAChD,CAAA;AAAA,EACF,CAAA,EAAG,CAAC,YAAY,CAAC,CAAA;AAGjB,EAAA,yBAAA,CAA0B,cAAc,YAAY,CAAA;AAEpD,EAAA,OAAO,CAAC,WAAW,YAAY,CAAA;AACjC;;;;"}

package/dist-es/utils/useSlideSelection.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useSlideSelection.js","sources":["../src/utils/useSlideSelection.ts"],"sourcesContent":["import { useState } from \"react\";\nimport type { LayoutAnimationTransition } from \"../deck-layout\";\n\nexport const useSlideSelection = (\n initialValue?: number,\n): [\n LayoutAnimationTransition \| undefined,\n number,\n (sliderIndex: number, transition?: LayoutAnimationTransition) => void,\n] => {\n const [selectedSlide, setSelectedSlide] = useState(initialValue \|\| 0);\n const [selectedTransition, setSelectedTransition] = useState<\n LayoutAnimationTransition \| undefined\n >(undefined);\n\n const handleSlideSelection = (\n sliderIndex: number,\n transition?: LayoutAnimationTransition,\n ) => {\n const newTransition = transition\n ? transition\n : selectedSlide < sliderIndex\n ? \"increase\"\n : \"decrease\";\n setSelectedSlide(sliderIndex);\n setSelectedTransition(newTransition);\n };\n return [selectedTransition, selectedSlide, handleSlideSelection];\n};\n"],"names":[],"mappings":";;~~AAGa~~,~~MAAA~~,iBAAA,GAAoB,CAC/B,~~YAKG~~,~~KAAA~~;AACH,EAAA,MAAM,CAAC,~~aAAe~~,~~EAAA~~,gBAAgB,~~CAAI~~,~~GAAA~~,QAAA,CAAS,gBAAgB,CAAC,CAAA;AACpE,EAAA,MAAM,CAAC,kBAAA,EAAoB,qBAAqB,CAAA,GAAI,SAElD,MAAS,CAAA;AAEX,~~EAAM~~,~~MAAA~~,oBAAA,GAAuB,CAC3B,WAAA,EACA,~~UACG~~,~~KAAA~~;AACH,IAAA,MAAM,~~aAAgB~~,~~GAAA~~,UAAA,GAClB,~~UACA~~,~~GAAA~~,aAAA,GAAgB,cACd,~~UACA~~,~~GAAA~~,UAAA;AACN,IAAA,gBAAA,CAAiB,WAAW,CAAA;AAC5B,IAAA,qBAAA,CAAsB,aAAa,CAAA;AAAA,~~GACrC~~;AACA,~~EAAO~~,~~OAAA~~,CAAC,~~kBAAoB~~,~~EAAA~~,aAAA,EAAe,oBAAoB,CAAA;AACjE;;;;"}
1	+ {"version":3,"file":"useSlideSelection.js","sources":["../src/utils/useSlideSelection.ts"],"sourcesContent":["import { useState } from \"react\";\nimport type { LayoutAnimationTransition } from \"../deck-layout\";\n\nexport const useSlideSelection = (\n initialValue?: number,\n): [\n LayoutAnimationTransition \| undefined,\n number,\n (sliderIndex: number, transition?: LayoutAnimationTransition) => void,\n] => {\n const [selectedSlide, setSelectedSlide] = useState(initialValue \|\| 0);\n const [selectedTransition, setSelectedTransition] = useState<\n LayoutAnimationTransition \| undefined\n >(undefined);\n\n const handleSlideSelection = (\n sliderIndex: number,\n transition?: LayoutAnimationTransition,\n ) => {\n const newTransition = transition\n ? transition\n : selectedSlide < sliderIndex\n ? \"increase\"\n : \"decrease\";\n setSelectedSlide(sliderIndex);\n setSelectedTransition(newTransition);\n };\n return [selectedTransition, selectedSlide, handleSlideSelection];\n};\n"],"names":[],"mappings":";;AAGO,MAAM,iBAAA,GAAoB,CAC/B,YAAA,KAKG;AACH,EAAA,MAAM,CAAC,aAAA,EAAe,gBAAgB,CAAA,GAAI,QAAA,CAAS,gBAAgB,CAAC,CAAA;AACpE,EAAA,MAAM,CAAC,kBAAA,EAAoB,qBAAqB,CAAA,GAAI,SAElD,MAAS,CAAA;AAEX,EAAA,MAAM,oBAAA,GAAuB,CAC3B,WAAA,EACA,UAAA,KACG;AACH,IAAA,MAAM,aAAA,GAAgB,UAAA,GAClB,UAAA,GACA,aAAA,GAAgB,cACd,UAAA,GACA,UAAA;AACN,IAAA,gBAAA,CAAiB,WAAW,CAAA;AAC5B,IAAA,qBAAA,CAAsB,aAAa,CAAA;AAAA,EACrC,CAAA;AACA,EAAA,OAAO,CAAC,kBAAA,EAAoB,aAAA,EAAe,oBAAoB,CAAA;AACjE;;;;"}

package/dist-es/window/ElectronWindow.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ElectronWindow.js","sources":["../src/window/ElectronWindow.tsx"],"sourcesContent":["import {\n SaltProvider,\n useForkRef,\n useIsomorphicLayoutEffect,\n} from \"@salt-ds/core\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { forwardRef, useCallback, useEffect, useRef, useState } from \"react\";\nimport ReactDOM from \"react-dom\";\nimport { useWindowParentContext, WindowParentContext } from \"./desktop-utils\";\nimport electronWindowCss from \"./ElectronWindow.css\";\nimport {\n isDesktop,\n Window as SaltWindow,\n type WindowProps,\n} from \"./WindowContext\";\n\nconst Window = forwardRef<HTMLDivElement, WindowProps>(function ElectronWindow(\n { className, children, id = \"dialog\", open = true, style = {}, ...rest },\n forwardedRef,\n): JSX.Element \| null {\n const { top, left, position, ...styleRest } = style;\n\n const targetWindow = useWindow();\n useComponentCssInjection({\n testId: \"salt-electron-window\",\n css: electronWindowCss,\n window: targetWindow,\n });\n\n const [mountNode, setMountNode] = useState<Element \| null>(null);\n const windowRoot = useRef<HTMLDivElement>(null);\n\n const forkedRef = useForkRef(forwardedRef, windowRoot);\n\n if (!mountNode) {\n const win = window.open(\"\", id);\n win?.document.write(\n `<html lang=\"en\"><head><title>${id}</title><base href=\"${location.origin}\"><style>body {margin: 0;}</style></head><body></body></html>`,\n );\n document.head.querySelectorAll(\"style\").forEach((htmlElement) => {\n (win as Window).document.head.appendChild(htmlElement.cloneNode(true));\n });\n const bodyElement = (win as Window).document.body;\n setMountNode(bodyElement);\n }\n\n const parentWindow = useWindowParentContext();\n\n const closeWindow = useCallback(() => {\n // biome-ignore lint/suspicious/noExplicitAny: any is simpler here.\n const { ipcRenderer } = global as any;\n if (ipcRenderer) {\n ipcRenderer.send(\"window-close\", { id: id });\n }\n }, [id]);\n\n // The timeout is required to give the Dialog component time to report the correct height\n // otherwise the window will be smaller than expected\n useEffect(() => {\n setTimeout(() => {\n if (windowRoot.current) {\n const { scrollHeight: height, scrollWidth: width } = windowRoot.current;\n // biome-ignore lint/suspicious/noExplicitAny: any is simpler here.\n const { ipcRenderer } = global as any;\n if (ipcRenderer) {\n ipcRenderer.send(\"window-size\", {\n id: id,\n height: Math.ceil(height + 1),\n width: Math.ceil(width + 1),\n });\n }\n }\n }, 80);\n });\n\n // The timeout is required to allow the window time to be moved into position and scaled\n // before being shown to the user,\n useEffect(() => {\n // biome-ignore lint/suspicious/noExplicitAny: any is simpler here.\n const { ipcRenderer } = global as any;\n if (ipcRenderer) {\n setTimeout(() => {\n ipcRenderer.send(\"window-ready\", { id: id });\n }, 100);\n }\n\n return () => {\n closeWindow();\n };\n }, [closeWindow, id]);\n\n // The timeout is required to give the Dialog component time to report the correct height\n // otherwise the window will be smaller than expected\n useIsomorphicLayoutEffect(() => {\n setTimeout(() => {\n // biome-ignore lint/suspicious/noExplicitAny: any is simpler here.\n const { ipcRenderer } = global as any;\n if (ipcRenderer) {\n ipcRenderer.send(\"window-position\", {\n id: id,\n parentWindowID: parentWindow.id,\n left: style.left,\n top: style.top,\n });\n }\n }, 90);\n }, [style, id, parentWindow.id]);\n\n return mountNode\n ? ReactDOM.createPortal(\n <SaltProvider>\n <WindowParentContext.Provider\n value={{\n top: (style.top as number) + parentWindow.top,\n left: (style.left as number) + parentWindow.left,\n id: id,\n }}\n >\n <div className=\"saltWindow\" ref={forkedRef}>\n <div className={className} style={{ ...styleRest }} {...rest}>\n {children}\n </div>\n </div>\n </WindowParentContext.Provider>\n </SaltProvider>,\n mountNode,\n )\n : null;\n});\n\nexport const ElectronWindow = isDesktop ? Window : SaltWindow;\n"],"names":["ElectronWindow","electronWindowCss","SaltWindow"],"mappings":";;;;;;;;;;AAiBA,MAAM,SAAS,~~UAAwC~~,~~CAAA~~,SAASA,~~eAC9D~~,~~CAAA~~,EAAE,WAAW,~~QAAU~~,~~EAAA~~,EAAA,GAAK,~~QAAU~~,~~EAAA~~,IAAA,GAAO,MAAM,~~KAAQ~~,~~GAAA~~,IAAI,GAAG,IAAA,IAClE,~~YACoB~~,~~EAAA~~;AACpB,EAAA,MAAM,EAAE,~~GAAK~~,~~EAAA~~,IAAA,EAAM,~~QAAU~~,~~EAAA~~,GAAG,~~WAAc~~,~~GAAA~~,KAAA;AAE9C,EAAA,MAAM,eAAe,~~SAAU~~,~~EAAA~~;AAC/B,~~EAAyB~~,wBAAA,~~CAAA~~;AAAA,IACvB,~~MAAQ~~,~~EAAA~~,sBAAA;AAAA,IACR,~~GAAK~~,~~EAAAC~~,QAAA;AAAA,IACL,~~MAAQ~~,~~EAAA~~;AAAA,GACT,CAAA;AAED,EAAA,MAAM,CAAC,SAAA,EAAW,YAAY,CAAA,GAAI,SAAyB,IAAI,CAAA;AAC/D,~~EAAM~~,~~MAAA~~,UAAA,GAAa,OAAuB,IAAI,CAAA;AAE9C,~~EAAM~~,~~MAAA~~,SAAA,GAAY,~~UAAW~~,~~CAAA~~,YAAA,EAAc,UAAU,CAAA;AAErD,EAAA,IAAI,CAAC,~~SAAW~~,~~EAAA~~;AACd,IAAA,MAAM,GAAM,~~GAAA,~~MAAA,CAAO,~~IAAK~~,~~CAAA~~,EAAA,EAAI,EAAE,CAAA;AAC9B,IAAA,GAAA,IAAA,IAAA,GAAA,MAAA,GAAA,GAAA,CAAK,~~QAAS~~,~~CAAA~~,KAAA;AAAA,MACZ,~~CAAgC~~,6BAAA,~~EAAA~~,EAAE,~~CAAuB~~,oBAAA,~~EAAA~~,QAAA,CAAS,MAAM,CAAA,6DAAA;AAAA,KAAA;AAE1E,IAAA,QAAA,CAAS,KAAK,~~gBAAiB~~,~~CAAA~~,OAAO,CAAE,~~CAAA,~~OAAA,CAAQ,CAAC,~~WAAgB~~,~~KAAA~~;AAC/D,MAAC,IAAe,~~QAAS~~,~~CAAA~~,IAAA,CAAK,YAAY,~~WAAY~~,~~CAAA~~,SAAA,CAAU,IAAI,CAAC,CAAA;AAAA,~~KACtE~~,CAAA;AACD,~~IAAM~~,~~MAAA~~,WAAA,GAAe,IAAe,~~QAAS~~,~~CAAA~~,IAAA;AAC7C,IAAA,YAAA,CAAa,WAAW,CAAA;AAAA;~~AAG1B~~,EAAA,MAAM,eAAe,~~sBAAuB~~,~~EAAA~~;AAE5C,~~EAAM~~,~~MAAA~~,WAAA,GAAc,YAAY,MAAM;AAEpC,~~IAAM~~,~~MAAA~~,EAAE,~~aAAgB~~,~~GAAA~~,MAAA;AACxB,IAAA,IAAI,~~WAAa~~,~~EAAA~~;AACf,MAAA,WAAA,CAAY,~~IAAK~~,~~CAAA~~,cAAA,EAAgB,EAAE,EAAA,EAAQ,CAAA;AAAA;~~AAC7C~~,~~GACF~~,EAAG,CAAC,EAAE,CAAC,CAAA;AAIP,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,UAAA,CAAW,MAAM;AACf,MAAA,IAAI,WAAW,~~OAAS~~,~~EAAA~~;AACtB,QAAA,MAAM,EAAE,~~YAAc~~,~~EAAA~~,MAAA,EAAQ,~~WAAa~~,~~EAAA~~,KAAA,KAAU,~~UAAW~~,~~CAAA~~,OAAA;AAEhE,~~QAAM~~,~~MAAA~~,EAAE,~~aAAgB~~,~~GAAA~~,MAAA;AACxB,QAAA,IAAI,~~WAAa~~,~~EAAA~~;AACf,UAAA,WAAA,CAAY,KAAK,~~aAAe~~,~~EAAA~~;AAAA,YAC9B,EAAA;AAAA,YACA,~~MAAQ~~,~~EAAA~~,IAAA,CAAK,~~IAAK~~,~~CAAA~~,MAAA,GAAS,CAAC,CAAA;AAAA,YAC5B,~~KAAO~~,~~EAAA~~,IAAA,CAAK,~~IAAK~~,~~CAAA~~,KAAA,GAAQ,CAAC;AAAA,WAC3B,CAAA;AAAA;~~AACH~~;~~AACF~~,~~OACC~~,EAAE,CAAA;AAAA,~~GACN~~,CAAA;AAID,EAAA,SAAA,CAAU,MAAM;AAEd,~~IAAM~~,~~MAAA~~,EAAE,~~aAAgB~~,~~GAAA~~,MAAA;AACxB,IAAA,IAAI,~~WAAa~~,~~EAAA~~;AACf,MAAA,UAAA,CAAW,MAAM;AACf,QAAA,WAAA,CAAY,~~IAAK~~,~~CAAA~~,cAAA,EAAgB,EAAE,EAAA,EAAQ,CAAA;AAAA,~~SAC1C~~,GAAG,CAAA;AAAA;~~AAGR~~,IAAA,OAAO,MAAM;AACX,~~MAAY~~,WAAA,~~EAAA~~;AAAA,~~KACd~~;AAAA,~~GACC~~,~~EAAA~~,CAAC,~~WAAa~~,~~EAAA~~,EAAE,CAAC,CAAA;AAIpB,EAAA,yBAAA,CAA0B,MAAM;AAC9B,IAAA,UAAA,CAAW,MAAM;AAEf,MAAM,~~MAAA,~~EAAE,~~aAAgB~~,~~GAAA~~,MAAA;AACxB,MAAA,IAAI,~~WAAa~~,~~EAAA~~;AACf,QAAA,WAAA,CAAY,KAAK,~~iBAAmB~~,~~EAAA~~;AAAA,UAClC,EAAA;AAAA,UACA,gBAAgB,~~YAAa~~,~~CAAA~~,EAAA;AAAA,UAC7B,MAAM,~~KAAM~~,~~CAAA~~,IAAA;AAAA,UACZ,KAAK,~~KAAM~~,~~CAAA~~;AAAA,SACZ,CAAA;AAAA;~~AACH~~,~~OACC~~,EAAE,CAAA;AAAA,~~KACJ~~,CAAC,KAAA,EAAO,EAAI,~~EAAA,~~YAAA,CAAa,EAAE,CAAC,CAAA;AAE/B,EAAA,OAAO,YACH,~~QAAS~~,~~CAAA~~,YAAA;AAAA,wBACN,~~YACC~~,EAAA,~~EAAA~~,QAAA,kBAAA,GAAA;AAAA,MAAC,~~mBAAoB~~,~~CAAA~~,QAAA;AAAA,MAApB;AAAA,QACC,~~KAAO~~,~~EAAA~~;AAAA,UACL,GAAA,EAAM,~~KAAM~~,~~CAAA~~,GAAA,GAAiB,~~YAAa~~,~~CAAA~~,GAAA;AAAA,UAC1C,IAAA,EAAO,~~KAAM~~,~~CAAA~~,IAAA,GAAkB,~~YAAa~~,~~CAAA~~,IAAA;AAAA,UAC5C;AAAA,SACF;AAAA,QAEA,8BAAC,~~KAAI~~,EAAA,~~EAAA~~,SAAA,EAAU,~~YAAa~~,~~EAAA~~,GAAA,EAAK,WAC/B,~~QAAC~~,kBAAA,GAAA,~~CAAA~~,KAAA,EAAA,EAAI,~~SAAsB~~,~~EAAA~~,KAAA,EAAO,EAAE,GAAG,SAAA,IAAc,GAAG,IAAA,EACrD,UACH,~~CACF~~,~~EAAA~~;AAAA;AAAA,~~KAEJ~~,~~EAAA~~,CAAA;AAAA,IACA;AAAA,~~GAEF~~,~~GAAA~~,IAAA;AACN,CAAC,CAAA;~~AAEY~~,~~MAAA~~,cAAA,GAAiB,YAAY,~~MAAS~~,~~GAAAC~~;;;;"}
1	+ {"version":3,"file":"ElectronWindow.js","sources":["../src/window/ElectronWindow.tsx"],"sourcesContent":["import {\n SaltProvider,\n useForkRef,\n useIsomorphicLayoutEffect,\n} from \"@salt-ds/core\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { forwardRef, useCallback, useEffect, useRef, useState } from \"react\";\nimport ReactDOM from \"react-dom\";\nimport { useWindowParentContext, WindowParentContext } from \"./desktop-utils\";\nimport electronWindowCss from \"./ElectronWindow.css\";\nimport {\n isDesktop,\n Window as SaltWindow,\n type WindowProps,\n} from \"./WindowContext\";\n\nconst Window = forwardRef<HTMLDivElement, WindowProps>(function ElectronWindow(\n { className, children, id = \"dialog\", open = true, style = {}, ...rest },\n forwardedRef,\n): JSX.Element \| null {\n const { top, left, position, ...styleRest } = style;\n\n const targetWindow = useWindow();\n useComponentCssInjection({\n testId: \"salt-electron-window\",\n css: electronWindowCss,\n window: targetWindow,\n });\n\n const [mountNode, setMountNode] = useState<Element \| null>(null);\n const windowRoot = useRef<HTMLDivElement>(null);\n\n const forkedRef = useForkRef(forwardedRef, windowRoot);\n\n if (!mountNode) {\n const win = window.open(\"\", id);\n win?.document.write(\n `<html lang=\"en\"><head><title>${id}</title><base href=\"${location.origin}\"><style>body {margin: 0;}</style></head><body></body></html>`,\n );\n document.head.querySelectorAll(\"style\").forEach((htmlElement) => {\n (win as Window).document.head.appendChild(htmlElement.cloneNode(true));\n });\n const bodyElement = (win as Window).document.body;\n setMountNode(bodyElement);\n }\n\n const parentWindow = useWindowParentContext();\n\n const closeWindow = useCallback(() => {\n // biome-ignore lint/suspicious/noExplicitAny: any is simpler here.\n const { ipcRenderer } = global as any;\n if (ipcRenderer) {\n ipcRenderer.send(\"window-close\", { id: id });\n }\n }, [id]);\n\n // The timeout is required to give the Dialog component time to report the correct height\n // otherwise the window will be smaller than expected\n useEffect(() => {\n setTimeout(() => {\n if (windowRoot.current) {\n const { scrollHeight: height, scrollWidth: width } = windowRoot.current;\n // biome-ignore lint/suspicious/noExplicitAny: any is simpler here.\n const { ipcRenderer } = global as any;\n if (ipcRenderer) {\n ipcRenderer.send(\"window-size\", {\n id: id,\n height: Math.ceil(height + 1),\n width: Math.ceil(width + 1),\n });\n }\n }\n }, 80);\n });\n\n // The timeout is required to allow the window time to be moved into position and scaled\n // before being shown to the user,\n useEffect(() => {\n // biome-ignore lint/suspicious/noExplicitAny: any is simpler here.\n const { ipcRenderer } = global as any;\n if (ipcRenderer) {\n setTimeout(() => {\n ipcRenderer.send(\"window-ready\", { id: id });\n }, 100);\n }\n\n return () => {\n closeWindow();\n };\n }, [closeWindow, id]);\n\n // The timeout is required to give the Dialog component time to report the correct height\n // otherwise the window will be smaller than expected\n useIsomorphicLayoutEffect(() => {\n setTimeout(() => {\n // biome-ignore lint/suspicious/noExplicitAny: any is simpler here.\n const { ipcRenderer } = global as any;\n if (ipcRenderer) {\n ipcRenderer.send(\"window-position\", {\n id: id,\n parentWindowID: parentWindow.id,\n left: style.left,\n top: style.top,\n });\n }\n }, 90);\n }, [style, id, parentWindow.id]);\n\n return mountNode\n ? ReactDOM.createPortal(\n <SaltProvider>\n <WindowParentContext.Provider\n value={{\n top: (style.top as number) + parentWindow.top,\n left: (style.left as number) + parentWindow.left,\n id: id,\n }}\n >\n <div className=\"saltWindow\" ref={forkedRef}>\n <div className={className} style={{ ...styleRest }} {...rest}>\n {children}\n </div>\n </div>\n </WindowParentContext.Provider>\n </SaltProvider>,\n mountNode,\n )\n : null;\n});\n\nexport const ElectronWindow = isDesktop ? Window : SaltWindow;\n"],"names":["ElectronWindow","electronWindowCss","SaltWindow"],"mappings":";;;;;;;;;;AAiBA,MAAM,SAAS,UAAA,CAAwC,SAASA,eAAAA,CAC9D,EAAE,WAAW,QAAA,EAAU,EAAA,GAAK,QAAA,EAAU,IAAA,GAAO,MAAM,KAAA,GAAQ,IAAI,GAAG,IAAA,IAClE,YAAA,EACoB;AACpB,EAAA,MAAM,EAAE,GAAA,EAAK,IAAA,EAAM,QAAA,EAAU,GAAG,WAAU,GAAI,KAAA;AAE9C,EAAA,MAAM,eAAe,SAAA,EAAU;AAC/B,EAAA,wBAAA,CAAyB;AAAA,IACvB,MAAA,EAAQ,sBAAA;AAAA,IACR,GAAA,EAAKC,QAAA;AAAA,IACL,MAAA,EAAQ;AAAA,GACT,CAAA;AAED,EAAA,MAAM,CAAC,SAAA,EAAW,YAAY,CAAA,GAAI,SAAyB,IAAI,CAAA;AAC/D,EAAA,MAAM,UAAA,GAAa,OAAuB,IAAI,CAAA;AAE9C,EAAA,MAAM,SAAA,GAAY,UAAA,CAAW,YAAA,EAAc,UAAU,CAAA;AAErD,EAAA,IAAI,CAAC,SAAA,EAAW;AACd,IAAA,MAAM,GAAA,GAAM,MAAA,CAAO,IAAA,CAAK,EAAA,EAAI,EAAE,CAAA;AAC9B,IAAA,GAAA,IAAA,IAAA,GAAA,MAAA,GAAA,GAAA,CAAK,QAAA,CAAS,KAAA;AAAA,MACZ,CAAA,6BAAA,EAAgC,EAAE,CAAA,oBAAA,EAAuB,QAAA,CAAS,MAAM,CAAA,6DAAA;AAAA,KAAA;AAE1E,IAAA,QAAA,CAAS,KAAK,gBAAA,CAAiB,OAAO,CAAA,CAAE,OAAA,CAAQ,CAAC,WAAA,KAAgB;AAC/D,MAAC,IAAe,QAAA,CAAS,IAAA,CAAK,YAAY,WAAA,CAAY,SAAA,CAAU,IAAI,CAAC,CAAA;AAAA,IACvE,CAAC,CAAA;AACD,IAAA,MAAM,WAAA,GAAe,IAAe,QAAA,CAAS,IAAA;AAC7C,IAAA,YAAA,CAAa,WAAW,CAAA;AAAA,EAC1B;AAEA,EAAA,MAAM,eAAe,sBAAA,EAAuB;AAE5C,EAAA,MAAM,WAAA,GAAc,YAAY,MAAM;AAEpC,IAAA,MAAM,EAAE,aAAY,GAAI,MAAA;AACxB,IAAA,IAAI,WAAA,EAAa;AACf,MAAA,WAAA,CAAY,IAAA,CAAK,cAAA,EAAgB,EAAE,EAAA,EAAQ,CAAA;AAAA,IAC7C;AAAA,EACF,CAAA,EAAG,CAAC,EAAE,CAAC,CAAA;AAIP,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,UAAA,CAAW,MAAM;AACf,MAAA,IAAI,WAAW,OAAA,EAAS;AACtB,QAAA,MAAM,EAAE,YAAA,EAAc,MAAA,EAAQ,WAAA,EAAa,KAAA,KAAU,UAAA,CAAW,OAAA;AAEhE,QAAA,MAAM,EAAE,aAAY,GAAI,MAAA;AACxB,QAAA,IAAI,WAAA,EAAa;AACf,UAAA,WAAA,CAAY,KAAK,aAAA,EAAe;AAAA,YAC9B,EAAA;AAAA,YACA,MAAA,EAAQ,IAAA,CAAK,IAAA,CAAK,MAAA,GAAS,CAAC,CAAA;AAAA,YAC5B,KAAA,EAAO,IAAA,CAAK,IAAA,CAAK,KAAA,GAAQ,CAAC;AAAA,WAC3B,CAAA;AAAA,QACH;AAAA,MACF;AAAA,IACF,GAAG,EAAE,CAAA;AAAA,EACP,CAAC,CAAA;AAID,EAAA,SAAA,CAAU,MAAM;AAEd,IAAA,MAAM,EAAE,aAAY,GAAI,MAAA;AACxB,IAAA,IAAI,WAAA,EAAa;AACf,MAAA,UAAA,CAAW,MAAM;AACf,QAAA,WAAA,CAAY,IAAA,CAAK,cAAA,EAAgB,EAAE,EAAA,EAAQ,CAAA;AAAA,MAC7C,GAAG,GAAG,CAAA;AAAA,IACR;AAEA,IAAA,OAAO,MAAM;AACX,MAAA,WAAA,EAAY;AAAA,IACd,CAAA;AAAA,EACF,CAAA,EAAG,CAAC,WAAA,EAAa,EAAE,CAAC,CAAA;AAIpB,EAAA,yBAAA,CAA0B,MAAM;AAC9B,IAAA,UAAA,CAAW,MAAM;AAEf,MAAA,MAAM,EAAE,aAAY,GAAI,MAAA;AACxB,MAAA,IAAI,WAAA,EAAa;AACf,QAAA,WAAA,CAAY,KAAK,iBAAA,EAAmB;AAAA,UAClC,EAAA;AAAA,UACA,gBAAgB,YAAA,CAAa,EAAA;AAAA,UAC7B,MAAM,KAAA,CAAM,IAAA;AAAA,UACZ,KAAK,KAAA,CAAM;AAAA,SACZ,CAAA;AAAA,MACH;AAAA,IACF,GAAG,EAAE,CAAA;AAAA,EACP,GAAG,CAAC,KAAA,EAAO,EAAA,EAAI,YAAA,CAAa,EAAE,CAAC,CAAA;AAE/B,EAAA,OAAO,YACH,QAAA,CAAS,YAAA;AAAA,wBACN,YAAA,EAAA,EACC,QAAA,kBAAA,GAAA;AAAA,MAAC,mBAAA,CAAoB,QAAA;AAAA,MAApB;AAAA,QACC,KAAA,EAAO;AAAA,UACL,GAAA,EAAM,KAAA,CAAM,GAAA,GAAiB,YAAA,CAAa,GAAA;AAAA,UAC1C,IAAA,EAAO,KAAA,CAAM,IAAA,GAAkB,YAAA,CAAa,IAAA;AAAA,UAC5C;AAAA,SACF;AAAA,QAEA,8BAAC,KAAA,EAAA,EAAI,SAAA,EAAU,YAAA,EAAa,GAAA,EAAK,WAC/B,QAAA,kBAAA,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAsB,KAAA,EAAO,EAAE,GAAG,SAAA,IAAc,GAAG,IAAA,EACrD,UACH,CAAA,EACF;AAAA;AAAA,KACF,EACF,CAAA;AAAA,IACA;AAAA,GACF,GACA,IAAA;AACN,CAAC,CAAA;AAEM,MAAM,cAAA,GAAiB,YAAY,MAAA,GAASC;;;;"}

package/dist-es/window/WindowContext.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"WindowContext.js","sources":["../src/window/WindowContext.tsx"],"sourcesContent":["import {\n type ComponentPropsWithoutRef,\n createContext,\n forwardRef,\n useContext,\n} from \"react\";\n\nexport type WindowProps = {\n open?: boolean;\n} & ComponentPropsWithoutRef<\"div\">;\n\nexport const Window = forwardRef<HTMLDivElement, WindowProps>(function Window(\n { children, open, ...props },\n ref,\n) {\n return (\n <div {...props} ref={ref}>\n {children}\n </div>\n );\n});\n\nexport const WindowContext = createContext<typeof Window>(Window);\n\nexport const useWindow = () => useContext(WindowContext);\n\nconst globalObject = typeof global === \"undefined\" ? window : global;\nexport const isDesktop: boolean = (globalObject as any).isDesktop;\n"],"names":["Window"],"mappings":";;;~~AAWa~~,~~MAAA~~,MAAA,GAAS,~~UAAwC~~,~~CAAA~~,SAASA,~~OACrE~~,~~CAAA~~,EAAE,UAAU,~~IAAM~~,~~EAAA~~,GAAG,~~KAAM~~,~~EAAA~~,EAC3B,~~GACA~~,~~EAAA~~;AACA,EAAA,~~uBACG~~,GAAA,~~CAAA~~,KAAA,EAAA,EAAK,GAAG,KAAA,EAAO,KACb,~~QACH~~,~~EAAA~~,CAAA;AAEJ,CAAC;~~AAEY~~,~~MAAA~~,aAAA,GAAgB,cAA6B,MAAM;~~AAEnD~~,~~MAAA~~,SAAA,GAAY,MAAM,UAAA,CAAW,aAAa;AAEvD,MAAM,~~YAAe~~,~~GAAA~~,OAAO,~~MAAW~~,~~KAAA~~,WAAA,GAAc,~~MAAS~~,~~GAAA~~,MAAA;AACvD,MAAM,YAAsB,~~YAAqB~~,~~CAAA~~;;;;"}
1	+ {"version":3,"file":"WindowContext.js","sources":["../src/window/WindowContext.tsx"],"sourcesContent":["import {\n type ComponentPropsWithoutRef,\n createContext,\n forwardRef,\n useContext,\n} from \"react\";\n\nexport type WindowProps = {\n open?: boolean;\n} & ComponentPropsWithoutRef<\"div\">;\n\nexport const Window = forwardRef<HTMLDivElement, WindowProps>(function Window(\n { children, open, ...props },\n ref,\n) {\n return (\n <div {...props} ref={ref}>\n {children}\n </div>\n );\n});\n\nexport const WindowContext = createContext<typeof Window>(Window);\n\nexport const useWindow = () => useContext(WindowContext);\n\nconst globalObject = typeof global === \"undefined\" ? window : global;\nexport const isDesktop: boolean = (globalObject as any).isDesktop;\n"],"names":["Window"],"mappings":";;;AAWO,MAAM,MAAA,GAAS,UAAA,CAAwC,SAASA,OAAAA,CACrE,EAAE,UAAU,IAAA,EAAM,GAAG,KAAA,EAAM,EAC3B,GAAA,EACA;AACA,EAAA,uBACE,GAAA,CAAC,KAAA,EAAA,EAAK,GAAG,KAAA,EAAO,KACb,QAAA,EACH,CAAA;AAEJ,CAAC;AAEM,MAAM,aAAA,GAAgB,cAA6B,MAAM;AAEzD,MAAM,SAAA,GAAY,MAAM,UAAA,CAAW,aAAa;AAEvD,MAAM,YAAA,GAAe,OAAO,MAAA,KAAW,WAAA,GAAc,MAAA,GAAS,MAAA;AACvD,MAAM,YAAsB,YAAA,CAAqB;;;;"}

package/dist-es/window/desktop-utils.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"desktop-utils.js","sources":["../src/window/desktop-utils.ts"],"sourcesContent":["import { createContext, useContext } from \"react\";\n\nexport const WindowParentContext = createContext<{\n top: number;\n left: number;\n id: string;\n}>({ top: 0, left: 0, id: \"\" });\n\nexport const useWindowParentContext = () => useContext(WindowParentContext);\n"],"names":[],"mappings":";;~~AAEa~~,~~MAAA~~,mBAAA,GAAsB,cAIhC,EAAE,GAAA,EAAK,GAAG,~~IAAM~~,~~EAAA~~,CAAA,EAAG,EAAI,EAAA,~~EAAA,~~EAAI;~~AAEjB~~,~~MAAA~~,sBAAA,GAAyB,MAAM,UAAA,CAAW,mBAAmB;;;;"}
1	+ {"version":3,"file":"desktop-utils.js","sources":["../src/window/desktop-utils.ts"],"sourcesContent":["import { createContext, useContext } from \"react\";\n\nexport const WindowParentContext = createContext<{\n top: number;\n left: number;\n id: string;\n}>({ top: 0, left: 0, id: \"\" });\n\nexport const useWindowParentContext = () => useContext(WindowParentContext);\n"],"names":[],"mappings":";;AAEO,MAAM,mBAAA,GAAsB,cAIhC,EAAE,GAAA,EAAK,GAAG,IAAA,EAAM,CAAA,EAAG,EAAA,EAAI,EAAA,EAAI;AAEvB,MAAM,sBAAA,GAAyB,MAAM,UAAA,CAAW,mBAAmB;;;;"}

package/dist-types/calendar/useCalendar.d.ts CHANGED Viewed

@@ -29,12 +29,6 @@ interface UseCalendarBaseProps<TDate> extends UseCalendarSelectionBaseProps<TDat
      * @returns A string reason if the day is highlighted, otherwise `false` or `undefined`.
      */
     isDayHighlighted?: (date: TDate) => string | false | undefined;
-    /**
-     * Function to determine if a day is disabled.
-     * @param date - The date to check.
-     * @returns A string reason if the day is disabled, otherwise `false` or `undefined`.
-     */
-    isDayDisabled?: (date: TDate) => string | false | undefined;
     /**
      * If `true`, hides dates that are out of the selectable range.
      */
@@ -182,13 +176,6 @@ export interface UseCalendarReturn<TDate extends DateFrameworkType> {
          * @returns A string reason if the day is highlighted, otherwise `false` or `undefined`.
          */
         isDayHighlighted: (date: TDate) => string | false | undefined;
-        /**
-         * Determines if a day is disabled.
-         *
-         * @param date - The date to check.
-         * @returns A string reason if the day is disabled, otherwise `false` or `undefined`.
-         */
-        isDayDisabled: (date: TDate) => string | false | undefined;
         /**
          * Determines if a day is visible in the calendar.
          *
@@ -217,6 +204,13 @@ export interface UseCalendarReturn<TDate extends DateFrameworkType> {
          * @returns `true` if the year is outside the allowed range, otherwise `false`.
          */
         isOutsideAllowedYears: (date: TDate) => boolean;
+        /**
+         * Determines if the date range is on the same day
+         *
+         * @param date - The range to check.
+         * @returns `true` if the range start and end date are the same
+         */
+        isSameDay: (date: TDate) => boolean;
         /**
          * Sets the selected date in the calendar.
          *
@@ -231,6 +225,13 @@ export interface UseCalendarReturn<TDate extends DateFrameworkType> {
          * @returns `true` if the date is selected, otherwise `false`.
          */
         isSelected: (date: TDate) => boolean;
+        /**
+         * Determines if a date is hovered.
+         *
+         * @param date - The date to check.
+         * @returns `true` if the date is hovered, otherwise `false`.
+         */
+        isHovered: (date: TDate) => boolean;
         /**
          * Sets the hovered date in the calendar.
          *
@@ -245,13 +246,6 @@ export interface UseCalendarReturn<TDate extends DateFrameworkType> {
          * @returns `true` if the date is part of a selected span, otherwise `false`.
          */
         isSelectedSpan: (date: TDate) => boolean;
-        /**
-         * Determines if a date is part of a hovered span.
-         *
-         * @param date - The date to check.
-         * @returns `true` if the date is part of a hovered span, otherwise `false`.
-         */
-        isHoveredSpan: (date: TDate) => boolean;
         /**
          * Determines if a date is the start of a selected range.
          *
@@ -267,19 +261,26 @@ export interface UseCalendarReturn<TDate extends DateFrameworkType> {
          */
         isSelectedEnd: (date: TDate) => boolean;
         /**
-         * Determines if a date is hovered.
+         * Determines if the hovered and a new date range would be created, if selected.
          *
          * @param date - The date to check.
-         * @returns `true` if the date is hovered, otherwise `false`.
+         * @returns `true` if the date is the start of a hovered offset, otherwise `false`.
          */
-        isHovered: (date: TDate) => boolean;
+        isHoveredStart: (date: TDate) => boolean;
         /**
-         * Determines if a date is part of a hovered offset.
+         * Determines if a date is part of a hovered range.
          *
          * @param date - The date to check.
          * @returns `true` if the date is part of a hovered offset, otherwise `false`.
          */
-        isHoveredOffset: (date: TDate) => boolean;
+        isHoveredSpan: (date: TDate) => boolean;
+        /**
+         * Determines if the hovered and a date range would be completed, if selected.
+         *
+         * @param date - The date to check.
+         * @returns `true` if the date is the end of a hovered offset, otherwise `false`.
+         */
+        isHoveredEnd: (date: TDate) => boolean;
         /**
          * Determines if a day is selectable.
          *

package/dist-types/calendar/useCalendarDay.d.ts CHANGED Viewed

@@ -5,7 +5,7 @@ import type { ComponentPropsWithoutRef } from "react";
  */
 export interface DayStatus {
     /**
-     * If `true`, the day is out of the selectable range.
+     * If `true`, the day is selectable but outside of current month.
      */
     outOfRange?: boolean;
     /**
@@ -28,10 +28,6 @@ export interface DayStatus {
      * If `true`, the day is focused.
      */
     focused?: boolean;
-    /**
-     * If `true`, the day is disabled.
-     */
-    disabled?: boolean;
     /**
      * If `true`, the day is hidden.
      */

package/dist-types/calendar/useCalendarSelection.d.ts CHANGED Viewed

@@ -11,11 +11,11 @@ export type SingleDateSelection<TDate extends DateFrameworkType> = TDate;
  */
 export type DateRangeSelection<TDate extends DateFrameworkType> = {
     /**
-     * The start date of the range.
+     * The start date of the range, or null if empty
      */
     startDate?: TDate | null;
     /**
-     * The end date of the range.
+     * The end date of the range, or null if empty
      */
     endDate?: TDate | null;
 };
@@ -327,15 +327,17 @@ export declare function useCalendarSelection<TDate extends DateFrameworkType>(pr
         focusableDates: TDate[];
     };
     helpers: {
-        isSelected: (date: TDate) => boolean | null | undefined;
-        setSelectedDate: (event: SyntheticEvent<HTMLButtonElement>, newSelectedDate: TDate) => void;
         isHovered: (date: TDate) => boolean;
+        isSelected: (date: TDate) => boolean;
         setHoveredDate: (event: SyntheticEvent, date: TDate | null) => void;
-        isSelectedSpan: (date: TDate) => boolean;
-        isHoveredSpan: (date: TDate) => boolean;
+        isSameDay: (date: TDate) => boolean;
+        setSelectedDate: (event: SyntheticEvent<HTMLButtonElement>, newSelectedDate: TDate) => void;
         isSelectedStart: (date: TDate) => boolean;
+        isSelectedSpan: (date: TDate) => boolean;
         isSelectedEnd: (date: TDate) => boolean;
-        isHoveredOffset: (date: TDate) => boolean;
+        isHoveredStart: (date: TDate) => boolean | null | undefined;
+        isHoveredSpan: (date: TDate) => boolean;
+        isHoveredEnd: (date: TDate) => boolean;
         isDaySelectable: (date: TDate) => boolean;
         setFocusedDate: (event: SyntheticEvent | null, date: TDate | null) => void;
     };
@@ -346,13 +348,14 @@ export declare function useCalendarSelectionDay<TDate extends DateFrameworkType>
     handleClick: MouseEventHandler<HTMLButtonElement>;
     handleKeyDown: KeyboardEventHandler<HTMLButtonElement>;
     status: {
+        hovered: boolean;
         selected: boolean;
-        selectedSpan: boolean;
-        hoveredSpan: boolean;
         selectedStart: boolean;
+        selectedSpan: boolean;
         selectedEnd: boolean;
-        hovered: boolean;
-        hoveredOffset: boolean;
+        hoveredStart: boolean;
+        hoveredSpan: boolean;
+        hoveredEnd: boolean;
     };
     dayProps: {
         className: string;

package/dist-types/date-picker/DatePickerContext.d.ts CHANGED Viewed

@@ -58,12 +58,6 @@ interface DatePickerBaseState<TDate extends DateFrameworkType> {
          * @param event - event that triggered the state change
          */
         cancel: (event?: Event) => void;
-        /**
-         * Function to determine if a day is disabled.
-         * @param date - The date to check.
-         * @returns A string reason if the day is disabled, otherwise `false` or `undefined`.
-         */
-        isDayDisabled?: (date: TDate) => string | false | undefined;
         /**
          * Function to determine if a day is highlighted.
          * @param date - The date to check.

package/dist-types/date-picker/DatePickerRangeGridPanel.d.ts CHANGED Viewed

@@ -8,9 +8,9 @@ import type { DatePickerPanelBaseProps } from "./DatePickerSingleGridPanel";
  */
 export type DatePickerRangeGridPanelProps<TDate extends DateFrameworkType> = DatePickerPanelBaseProps<TDate> & DateRangeSelection<TDate> & {
     onSelectionChange?: (event: SyntheticEvent, selectedDate?: DateRangeSelection<TDate> | null) => void;
-    CalendarProps?: Partial<Omit<CalendarRangeProps<TDate>, "selectionVariant" | "selectedDate" | "defaultSelectedDate" | "onHoveredDateChange" | "onSelectionChange" | "onVisibleMonthChange">>;
+    CalendarProps?: Partial<Omit<CalendarRangeProps<TDate>, "selectionVariant" | "selectedDate" | "defaultSelectedDate" | "multiselect" | "onHoveredDateChange" | "onSelectionChange" | "onVisibleMonthChange">>;
 };
 export declare const DatePickerRangeGridPanel: import("react").ForwardRefExoticComponent<DatePickerPanelBaseProps<unknown> & DateRangeSelection<unknown> & {
     onSelectionChange?: ((event: SyntheticEvent, selectedDate?: DateRangeSelection<unknown> | null | undefined) => void) | undefined;
-    CalendarProps?: Partial<Omit<CalendarRangeProps<unknown>, "onSelectionChange" | "selectionVariant" | "selectedDate" | "defaultSelectedDate" | "onHoveredDateChange" | "onVisibleMonthChange">> | undefined;
+    CalendarProps?: Partial<Omit<CalendarRangeProps<unknown>, "multiselect" | "onSelectionChange" | "selectionVariant" | "selectedDate" | "defaultSelectedDate" | "onHoveredDateChange" | "onVisibleMonthChange">> | undefined;
 } & import("react").RefAttributes<HTMLDivElement>>;