@vuu-ui/vuu-ui-controls 0.13.2 → 0.13.4

package/esm/common-hooks/useCollectionItems.js

@@ -1,307 +0,0 @@
-import { useState, useRef, useMemo, useCallback, isValidElement } from 'react';
-import { countChildItems, isDisabled, isFocusable, isHeader, isGroupNode, sourceItems, childItems, isParentPath, replaceCollectionItem } from '../list/common-hooks/utils/collection-item-utils.js';
-import { getDefaultFilter, getDefaultFilterRegex } from '../list/common-hooks/utils/filter-utils.js';
-import { itemToString } from './itemToString.js';
-import { useCollection } from './collectionProvider.js';
-
-const defaultCollectionOptions = {};
-const useCollectionItems = ({
-  children,
-  id: idRoot,
-  options = defaultCollectionOptions,
-  // revealSelected = false,
-  source
-}) => {
-  const { getItemId } = options;
-  const [, forceUpdate] = useState(null);
-  const inheritedCollectionHook = useCollection();
-  const dataRef = useRef([]);
-  const flattenedDataRef = useRef([]);
-  const EMPTY_COLLECTION = useMemo(() => [], []);
-  const filterPattern = useRef(options.filterPattern ?? "");
-  const disableFilter = options.disableFilter ?? false;
-  const {
-    getFilterRegex = getDefaultFilterRegex,
-    noChildrenLabel,
-    itemToString: itemToString$1 = itemToString
-  } = options;
-  const isExpanded = useCallback(() => {
-    return options.defaultExpanded || false;
-  }, [options.defaultExpanded]);
-  const addMetadataToItems = useCallback(
-    (items, indexer, level = 1, path = "", results = [], flattenedCollection2 = [], flattenedSource2 = []) => {
-      items.forEach((item, i, all) => {
-        const isCollapsibleHeader = item.header && options.collapsibleHeaders;
-        const isNonCollapsibleGroupNode = item.childNodes && options.collapsibleHeaders === false;
-        const isLeaf = !item.childNodes || item.childNodes.length === 0;
-        const nonCollapsible = isNonCollapsibleGroupNode || isLeaf && !isCollapsibleHeader;
-        const childPath = path ? `${path}.${i}` : `item-${i}`;
-        const id = item.id ?? (getItemId ? getItemId(i) : `${idRoot}-${childPath}`);
-        const expanded = nonCollapsible ? void 0 : item.expanded ?? isExpanded();
-        const normalisedItem = {
-          ...item,
-          childNodes: void 0,
-          count: !isNonCollapsibleGroupNode && expanded === void 0 ? 0 : countChildItems(item, all, i),
-          description: item.description,
-          disabled: isDisabled(item.value),
-          focusable: isFocusable(item.value) ? void 0 : false,
-          id,
-          index: indexer.value,
-          expanded,
-          level
-        };
-        results.push(normalisedItem);
-        flattenedCollection2.push(normalisedItem);
-        flattenedSource2.push(items[i].value);
-        indexer.value += 1;
-        if (item.childNodes) {
-          const [children2] = addMetadataToItems(
-            item.childNodes,
-            indexer,
-            level + 1,
-            childPath,
-            [],
-            flattenedCollection2,
-            flattenedSource2
-          );
-          normalisedItem.childNodes = children2;
-        }
-      });
-      return [results, flattenedSource2, flattenedCollection2];
-    },
-    [options.collapsibleHeaders, getItemId, idRoot, isExpanded]
-  );
-  const getFilter = useCallback(() => {
-    if (filterPattern.current && !disableFilter) {
-      return getDefaultFilter(filterPattern.current, getFilterRegex);
-    } else {
-      return null;
-    }
-  }, [disableFilter, getFilterRegex]);
-  const collectVisibleItems = useCallback(
-    (items, filter = getFilter(), results = [], idx = { value: 0 }) => {
-      let skipToNextHeader = false;
-      for (const item of items) {
-        if (!(skipToNextHeader && !isHeader(item))) {
-          if (item.value !== null && (filter === null || filter(itemToString$1(item.value)))) {
-            results[idx.value] = item;
-            idx.value += 1;
-          }
-          skipToNextHeader = false;
-          if (isHeader(item) && item.expanded === false) {
-            skipToNextHeader = true;
-          } else if (isGroupNode(item)) {
-            if (item.expanded !== false && item.childNodes) {
-              collectVisibleItems(item.childNodes, filter, results, idx);
-            }
-          }
-        }
-      }
-      return results;
-    },
-    [getFilter, itemToString$1]
-  );
-  const partialCollectionItems = useMemo(() => {
-    return inheritedCollectionHook ? EMPTY_COLLECTION : sourceItems(source, { itemToString: itemToString$1, noChildrenLabel }) || childItems(children) || [];
-  }, [
-    inheritedCollectionHook,
-    EMPTY_COLLECTION,
-    source,
-    itemToString$1,
-    noChildrenLabel,
-    children
-  ]);
-  const [collectionItems, flattenedSource, flattenedCollection] = useMemo(
-    () => inheritedCollectionHook ? [EMPTY_COLLECTION, EMPTY_COLLECTION, EMPTY_COLLECTION] : (
-      // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-      //@ts-ignore
-      addMetadataToItems(partialCollectionItems, { value: 0 })
-    ),
-    [
-      EMPTY_COLLECTION,
-      addMetadataToItems,
-      inheritedCollectionHook,
-      partialCollectionItems
-    ]
-  );
-  flattenedDataRef.current = flattenedCollection;
-  useMemo(
-    () => inheritedCollectionHook ? EMPTY_COLLECTION : dataRef.current = collectVisibleItems(collectionItems),
-    [
-      EMPTY_COLLECTION,
-      collectVisibleItems,
-      collectionItems,
-      inheritedCollectionHook
-    ]
-  );
-  const collectionItemsRef = useRef(collectionItems);
-  const setFilterPattern = useCallback(
-    (pattern = "") => {
-      if (typeof pattern === "string") {
-        filterPattern.current = pattern;
-        dataRef.current = collectVisibleItems(collectionItems);
-        forceUpdate({});
-      }
-    },
-    [collectionItems, collectVisibleItems]
-  );
-  const itemById = useCallback(
-    (id, target = collectionItems) => {
-      const sourceWithId = target.find(
-        (i) => i.id === id || i?.childNodes?.length && isParentPath(i.id, id)
-      );
-      if (sourceWithId?.id === id) {
-        return flattenedSource?.[sourceWithId.index];
-      } else if (sourceWithId) {
-        return itemById(id, sourceWithId.childNodes);
-      }
-      throw Error(`useCollectionData itemById, id ${id} not found `);
-    },
-    [flattenedSource, collectionItems]
-  );
-  const indexOfItemById = useCallback(
-    (id, target = collectionItems) => {
-      const sourceWithId = target.find(
-        (i) => i.id === id || i?.childNodes?.length && isParentPath(i.id, id)
-      );
-      const idx = sourceWithId ? dataRef.current.indexOf(sourceWithId) : -1;
-      if (idx !== -1) {
-        return idx;
-      }
-      throw Error(`useCollectionData indexOfItemById, id ${id} not found `);
-    },
-    [collectionItems]
-  );
-  const toCollectionItem = useCallback(
-    (item) => {
-      const collectionItem = flattenedDataRef.current.find(
-        (i) => isValidElement(i.value) ? i.label === item : i.value === item
-      );
-      if (collectionItem) {
-        return collectionItem;
-      }
-      throw Error(`useCollectionData toCollectionItem, item not found `);
-    },
-    []
-  );
-  const itemToCollectionItem = useCallback(
-    (sel) => {
-      if (sel === null) {
-        return null;
-      } else if (Array.isArray(sel)) {
-        const result = [];
-        for (const item of sel) {
-          const collectionItem = toCollectionItem(item);
-          result.push(collectionItem);
-        }
-        return result;
-      } else if (sel !== void 0) {
-        return toCollectionItem(sel);
-      }
-      return void 0;
-    },
-    [toCollectionItem]
-  );
-  const itemToCollectionItemId = useCallback(
-    (sel) => {
-      if (sel === void 0) {
-        return void 0;
-      }
-      const selectedCollectionItem = itemToCollectionItem(sel);
-      if (Array.isArray(selectedCollectionItem)) {
-        return selectedCollectionItem.map((i) => i.id);
-      } else if (selectedCollectionItem) {
-        return [selectedCollectionItem.id];
-      } else {
-        return [];
-      }
-    },
-    [itemToCollectionItem]
-  );
-  const stringToCollectionItem = useCallback(
-    (value) => {
-      const toCollectionItem2 = (item) => {
-        const collectionItem = flattenedDataRef.current.find(
-          (i) => (
-            // const collectionItem = collectionItemsRef.current.find((i) =>
-            // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-            //@ts-ignore
-            isValidElement(i.value) ? i.label === item : i.value !== null && itemToString$1(i.value) === item
-          )
-        );
-        if (collectionItem) {
-          return collectionItem;
-        }
-      };
-      if (value === null) {
-        return null;
-      } else if (Array.isArray(value)) {
-        const result = [];
-        for (const item of value) {
-          const collectionItem = toCollectionItem2(item);
-          if (collectionItem) {
-            result.push(collectionItem);
-          }
-        }
-        return result;
-      } else if (value !== void 0) {
-        return toCollectionItem2(value);
-      }
-      return void 0;
-    },
-    [itemToString$1]
-  );
-  const itemToId = useCallback((item) => {
-    for (const collectionItem of collectionItemsRef.current) {
-      if (item === collectionItem.value) {
-        return collectionItem.id;
-      }
-    }
-    throw Error("useCollectionData itemToId, item not found");
-  }, []);
-  const collapseGroupItem = useCallback(
-    (item) => {
-      collectionItemsRef.current = replaceCollectionItem(
-        collectionItemsRef.current,
-        item.id,
-        {
-          expanded: false
-        }
-      );
-      dataRef.current = collectVisibleItems(collectionItemsRef.current);
-      forceUpdate({});
-    },
-    [collectVisibleItems]
-  );
-  const expandGroupItem = useCallback(
-    (item) => {
-      collectionItemsRef.current = replaceCollectionItem(
-        collectionItemsRef.current,
-        item.id,
-        {
-          expanded: true
-        }
-      );
-      dataRef.current = collectVisibleItems(collectionItemsRef.current);
-      forceUpdate({});
-    },
-    [collectVisibleItems]
-  );
-  return inheritedCollectionHook || {
-    collapseGroupItem,
-    data: dataRef.current,
-    expandGroupItem,
-    // why not toggle, or just rely on setdata ?
-    setFilterPattern,
-    indexOfItemById,
-    itemById,
-    itemToId,
-    toCollectionItem,
-    itemToCollectionItem,
-    itemToCollectionItemId,
-    stringToCollectionItem
-  };
-};
-
-export { useCollectionItems };
-//# sourceMappingURL=useCollectionItems.js.map

package/esm/common-hooks/useCollectionItems.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useCollectionItems.js","sources":["../../src/common-hooks/useCollectionItems.ts"],"sourcesContent":["import { useCallback, useMemo, useRef, useState, isValidElement } from \"react\";\nimport {\n  CollectionItem,\n  CollectionIndexer,\n  CollectionHookProps,\n  CollectionHookResult,\n} from \"./collectionTypes\";\nimport {\n  isHeader,\n  isGroupNode,\n  childItems,\n  countChildItems,\n  FilterPredicate,\n  getDefaultFilter,\n  getDefaultFilterRegex,\n  isDisabled,\n  isFocusable,\n  isParentPath,\n  replaceCollectionItem,\n  sourceItems,\n} from \"../list/common-hooks/utils\";\nimport { itemToString as defaultItemToString } from \"./itemToString\";\n\nimport { useCollection } from \"./collectionProvider\";\n\nconst defaultCollectionOptions = {};\n\nexport const useCollectionItems = <Item>({\n  children,\n  id: idRoot,\n  options = defaultCollectionOptions,\n  // revealSelected = false,\n  source,\n}: CollectionHookProps<Item>): CollectionHookResult<Item> => {\n  const { getItemId } = options;\n  const [, forceUpdate] = useState<unknown>(null);\n  const inheritedCollectionHook = useCollection<Item>();\n  const dataRef = useRef<CollectionItem<Item>[]>([]);\n  const flattenedDataRef = useRef<CollectionItem<Item>[]>([]);\n  const EMPTY_COLLECTION: CollectionItem<Item>[] = useMemo(() => [], []);\n  const filterPattern = useRef<string>(options.filterPattern ?? \"\");\n  const disableFilter = options.disableFilter ?? false;\n\n  // destructure individual option values so we can safely reference them in dependency arrays\n  const {\n    getFilterRegex = getDefaultFilterRegex,\n    noChildrenLabel,\n    itemToString = defaultItemToString,\n  } = options;\n\n  const isExpanded = useCallback(() => {\n    // We can't do this here because itemToId won't work until we complete this phase\n    // if (Array.isArray(revealSelected)) {\n    //   const selectedIds = revealSelected.map(itemToId);\n    //   return selectedIds.some((id) => isParentPath(path, id));\n    // }\n    return options.defaultExpanded || false;\n  }, [options.defaultExpanded]);\n\n  const addMetadataToItems = useCallback(\n    <Item>(\n      items: CollectionItem<Item>[],\n      indexer: CollectionIndexer,\n      level = 1,\n      path = \"\",\n      results: CollectionItem<Item>[] = [],\n      flattenedCollection: CollectionItem<Item>[] = [],\n      flattenedSource: (Item | null)[] = [],\n    ): [CollectionItem<Item>[], (Item | null)[], CollectionItem<Item>[]] => {\n      items.forEach((item, i, all) => {\n        const isCollapsibleHeader = item.header && options.collapsibleHeaders;\n        const isNonCollapsibleGroupNode =\n          item.childNodes && options.collapsibleHeaders === false;\n        const isLeaf = !item.childNodes || item.childNodes.length === 0;\n        const nonCollapsible =\n          isNonCollapsibleGroupNode || (isLeaf && !isCollapsibleHeader);\n        const childPath = path ? `${path}.${i}` : `item-${i}`;\n        // getItemId is backward compatible with earlier List implementation.\n        // It is not appropriate for a nested source structure, where index\n        // will not always be an absolute offset.\n        const id =\n          item.id ?? (getItemId ? getItemId(i) : `${idRoot}-${childPath}`);\n\n        const expanded = nonCollapsible\n          ? undefined\n          : (item.expanded ?? isExpanded());\n        //TODO dev time check - if id is provided by user, make sure\n        // hierarchical pattern is consistent\n        const normalisedItem: CollectionItem<Item> = {\n          ...item,\n          childNodes: undefined,\n          count:\n            !isNonCollapsibleGroupNode && expanded === undefined\n              ? 0\n              : countChildItems(item, all, i),\n          description: item.description,\n          disabled: isDisabled(item.value),\n          focusable: isFocusable(item.value) ? undefined : false,\n          id,\n          index: indexer.value,\n          expanded,\n          level,\n        };\n        results.push(normalisedItem);\n        flattenedCollection.push(normalisedItem);\n        flattenedSource.push(items[i].value);\n\n        indexer.value += 1;\n\n        // if ((isNonCollapsibleGroupNode || expanded !== undefined) && !isCollapsibleHeader) {\n        if (item.childNodes) {\n          const [children] = addMetadataToItems<Item>(\n            item.childNodes,\n            indexer,\n            level + 1,\n            childPath,\n            [],\n            flattenedCollection,\n            flattenedSource,\n          );\n          normalisedItem.childNodes = children;\n        }\n      });\n      return [results, flattenedSource, flattenedCollection];\n    },\n    [options.collapsibleHeaders, getItemId, idRoot, isExpanded],\n  );\n\n  const getFilter = useCallback(() => {\n    if (filterPattern.current && !disableFilter) {\n      return getDefaultFilter(filterPattern.current, getFilterRegex);\n    } else {\n      return null;\n    }\n  }, [disableFilter, getFilterRegex]);\n\n  const collectVisibleItems = useCallback(\n    (\n      items: CollectionItem<Item>[],\n      filter: null | FilterPredicate = getFilter(),\n      results: CollectionItem<Item>[] = [],\n      idx: { value: number } = { value: 0 },\n    ): CollectionItem<Item>[] => {\n      let skipToNextHeader = false;\n      for (const item of items) {\n        if (!(skipToNextHeader && !isHeader(item))) {\n          if (\n            item.value !== null &&\n            (filter === null || filter(itemToString(item.value)))\n          ) {\n            results[idx.value] = item;\n            idx.value += 1;\n          }\n          skipToNextHeader = false;\n          if (isHeader(item) && item.expanded === false) {\n            skipToNextHeader = true;\n          } else if (isGroupNode(item)) {\n            if (item.expanded !== false && item.childNodes) {\n              collectVisibleItems(item.childNodes, filter, results, idx);\n            }\n          }\n        }\n      }\n      return results;\n    },\n    [getFilter, itemToString],\n  );\n\n  // Stage 1 - convert source or children to CollectionItems.\n  const partialCollectionItems = useMemo(() => {\n    return inheritedCollectionHook\n      ? EMPTY_COLLECTION\n      : sourceItems<Item>(source, { itemToString, noChildrenLabel }) ||\n          childItems(children) ||\n          [];\n  }, [\n    inheritedCollectionHook,\n    EMPTY_COLLECTION,\n    source,\n    itemToString,\n    noChildrenLabel,\n    children,\n  ]);\n\n  // Stage 2 - extend the collectionItems with additional metadata\n  const [collectionItems, flattenedSource, flattenedCollection] = useMemo(\n    () =>\n      inheritedCollectionHook\n        ? [EMPTY_COLLECTION, EMPTY_COLLECTION, EMPTY_COLLECTION]\n        : // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n          //@ts-ignore\n          addMetadataToItems<Item>(partialCollectionItems, { value: 0 }),\n    [\n      EMPTY_COLLECTION,\n      addMetadataToItems,\n      inheritedCollectionHook,\n      partialCollectionItems,\n    ],\n  );\n  flattenedDataRef.current = flattenedCollection;\n\n  // Stage 3 prepare the list of visible items, this is what will be rendered\n  useMemo(\n    () =>\n      inheritedCollectionHook\n        ? EMPTY_COLLECTION\n        : (dataRef.current = collectVisibleItems(collectionItems)),\n    [\n      EMPTY_COLLECTION,\n      collectVisibleItems,\n      collectionItems,\n      inheritedCollectionHook,\n    ],\n  );\n\n  const collectionItemsRef = useRef(collectionItems);\n\n  const setFilterPattern = useCallback(\n    (pattern = \"\") => {\n      if (typeof pattern === \"string\") {\n        filterPattern.current = pattern;\n        dataRef.current = collectVisibleItems(collectionItems);\n        forceUpdate({});\n      }\n    },\n    [collectionItems, collectVisibleItems],\n  );\n\n  const itemById = useCallback(\n    (\n      id: string,\n      target: CollectionItem<Item>[] = collectionItems,\n    ): Item | never => {\n      const sourceWithId = target.find(\n        (i) => i.id === id || (i?.childNodes?.length && isParentPath(i.id, id)),\n      );\n      if (sourceWithId?.id === id) {\n        //TODO do we need the flattered source at all ?\n        return flattenedSource?.[sourceWithId.index!] as Item;\n      } else if (sourceWithId) {\n        return itemById(id, sourceWithId.childNodes);\n      }\n      throw Error(`useCollectionData itemById, id ${id} not found `);\n    },\n    [flattenedSource, collectionItems],\n  );\n\n  const indexOfItemById = useCallback(\n    (\n      id: string,\n      target: CollectionItem<Item>[] = collectionItems,\n    ): number | never => {\n      const sourceWithId = target.find(\n        (i) => i.id === id || (i?.childNodes?.length && isParentPath(i.id, id)),\n      );\n      const idx = sourceWithId ? dataRef.current.indexOf(sourceWithId) : -1;\n      if (idx !== -1) {\n        return idx;\n      }\n      throw Error(`useCollectionData indexOfItemById, id ${id} not found `);\n    },\n    [collectionItems],\n  );\n\n  const toCollectionItem = useCallback(\n    (item: Item): CollectionItem<Item> | never => {\n      // TODO what about Tree structures, we need to search flattened source\n      const collectionItem = flattenedDataRef.current.find((i) =>\n        isValidElement(i.value) ? i.label === item : i.value === item,\n      );\n      if (collectionItem) {\n        return collectionItem;\n      }\n      throw Error(`useCollectionData toCollectionItem, item not found `);\n    },\n    [],\n  );\n\n  // TODO types need more work, these are correct but we\n  // don't really want references to Selection in here\n  const itemToCollectionItem = useCallback(\n    (sel: Item) => {\n      if (sel === null) {\n        return null;\n      } else if (Array.isArray(sel)) {\n        const result: CollectionItem<Item>[] = [];\n        for (const item of sel) {\n          const collectionItem = toCollectionItem(item);\n          result.push(collectionItem);\n        }\n        return result;\n      } else if (sel !== undefined) {\n        return toCollectionItem(sel as Item);\n      }\n\n      return undefined;\n    },\n    [toCollectionItem],\n  );\n\n  const itemToCollectionItemId = useCallback(\n    (sel: Item) => {\n      if (sel === undefined) {\n        return undefined;\n      }\n\n      const selectedCollectionItem = itemToCollectionItem(sel);\n      if (Array.isArray(selectedCollectionItem)) {\n        return selectedCollectionItem.map((i) => i.id);\n      } else if (selectedCollectionItem) {\n        return [selectedCollectionItem.id];\n      } else {\n        return [];\n      }\n    },\n    [itemToCollectionItem],\n  );\n\n  const stringToCollectionItem = useCallback(\n    (value: string | null | undefined) => {\n      const toCollectionItem = (\n        item: string,\n      ): undefined | CollectionItem<Item> | never => {\n        // TODO what about Tree structures, we need to search flattened source\n        const collectionItem = flattenedDataRef.current.find((i) =>\n          // const collectionItem = collectionItemsRef.current.find((i) =>\n          // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n          //@ts-ignore\n          isValidElement(i.value)\n            ? i.label === item\n            : i.value !== null && itemToString(i.value) === item,\n        );\n        if (collectionItem) {\n          return collectionItem;\n        }\n      };\n\n      if (value === null) {\n        return null;\n      } else if (Array.isArray(value)) {\n        const result: CollectionItem<Item>[] = [];\n        for (const item of value) {\n          const collectionItem = toCollectionItem(item);\n          if (collectionItem) {\n            result.push(collectionItem);\n          }\n        }\n        return result;\n      } else if (value !== undefined) {\n        return toCollectionItem(value);\n      }\n\n      return undefined;\n    },\n    [itemToString],\n  );\n\n  const itemToId = useCallback((item: Item): string => {\n    for (const collectionItem of collectionItemsRef.current) {\n      if (item === collectionItem.value) {\n        return collectionItem.id;\n      }\n    }\n    throw Error(\"useCollectionData itemToId, item not found\");\n  }, []);\n\n  const collapseGroupItem = useCallback(\n    (item: CollectionItem<Item>) => {\n      collectionItemsRef.current = replaceCollectionItem(\n        collectionItemsRef.current,\n        item.id,\n        {\n          expanded: false,\n        },\n      );\n      dataRef.current = collectVisibleItems(collectionItemsRef.current);\n      forceUpdate({});\n    },\n    [collectVisibleItems],\n  );\n\n  const expandGroupItem = useCallback(\n    (item: CollectionItem<Item>) => {\n      collectionItemsRef.current = replaceCollectionItem<Item>(\n        collectionItemsRef.current,\n        item.id,\n        {\n          expanded: true,\n        },\n      );\n      dataRef.current = collectVisibleItems(collectionItemsRef.current);\n      forceUpdate({});\n    },\n    [collectVisibleItems],\n  );\n\n  // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n  // @ts-ignore\n  return (\n    inheritedCollectionHook || {\n      collapseGroupItem,\n      data: dataRef.current,\n      expandGroupItem, // why not toggle, or just rely on setdata ?\n      setFilterPattern,\n      indexOfItemById,\n      itemById,\n      itemToId,\n      toCollectionItem,\n      itemToCollectionItem,\n      itemToCollectionItemId,\n      stringToCollectionItem,\n    }\n  );\n};\n"],"names":["itemToString","defaultItemToString","flattenedCollection","flattenedSource","children","toCollectionItem"],"mappings":"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"}

package/esm/common-hooks/useSelection.js

@@ -1,205 +0,0 @@
-import { getElementDataIndex, getElementByDataIndex, isSelectableElement } from '@vuu-ui/vuu-utils';
-import { useRef, useCallback } from 'react';
-import { selectionIsDisallowed } from './selectionTypes.js';
-import { useControlled } from './useControlled.js';
-
-const CHECKBOX = "checkbox";
-const GROUP_SELECTION_NONE = "none";
-const GROUP_SELECTION_SINGLE = "single";
-const GROUP_SELECTION_CASCADE = "cascade";
-const defaultSelectionKeys = ["Enter", " "];
-const groupSelectionEnabled = (groupSelection) => groupSelection && groupSelection !== GROUP_SELECTION_NONE;
-const useSelection = ({
-  containerRef,
-  defaultSelected,
-  disableSelection = false,
-  // groupSelection = GROUP_SELECTION_NONE,
-  highlightedIndex,
-  itemQuery,
-  onClick,
-  // label,
-  onSelect,
-  onSelectionChange,
-  selected: selectedProp,
-  selectionStrategy,
-  selectionKeys = defaultSelectionKeys,
-  tabToSelect
-}) => {
-  const isDeselectable = selectionStrategy === "deselectable";
-  const isMultipleSelect = selectionStrategy === "multiple";
-  const isExtendedSelect = selectionStrategy === "extended";
-  const lastActive = useRef(-1);
-  const isSelectionEvent = useCallback(
-    (evt) => selectionKeys.includes(evt.key),
-    [selectionKeys]
-  );
-  const [selected, setSelected] = useControlled({
-    controlled: selectedProp,
-    default: defaultSelected ?? [],
-    name: "UseSelection",
-    state: "selected"
-  });
-  const isItemSelected = useCallback(
-    (itemId) => selected.includes(itemId),
-    [selected]
-  );
-  const selectDeselectable = useCallback(
-    (itemId) => isItemSelected(itemId) ? [] : [itemId],
-    [isItemSelected]
-  );
-  const selectMultiple = useCallback(
-    (itemId) => {
-      const nextItems = isItemSelected(itemId) ? selected.filter((i) => i !== itemId) : selected.concat(itemId);
-      nextItems.sort();
-      return nextItems;
-    },
-    [isItemSelected, selected]
-  );
-  const selectRange = useCallback(
-    (idx, preserveExistingSelection) => {
-      const currentSelection = preserveExistingSelection ? selected : [];
-      const [lastSelectedItemId] = selected.slice(-1);
-      const lastSelectedItemIndex = lastSelectedItemId ? getElementDataIndex(document.getElementById(lastSelectedItemId)) : 0;
-      const startRegion = Math.min(idx, lastSelectedItemIndex);
-      const endRegion = Math.max(idx, lastSelectedItemIndex);
-      const container = containerRef.current;
-      const allItems = Array.from(
-        container.querySelectorAll(itemQuery)
-      );
-      const rangeSelection = allItems.slice(startRegion, endRegion + 1).map((el) => el.id);
-      const nextItems = [.../* @__PURE__ */ new Set([...currentSelection, ...rangeSelection])];
-      nextItems.sort();
-      return nextItems;
-    },
-    [containerRef, itemQuery, selected]
-  );
-  const selectItemAtIndex = useCallback(
-    (evt, idx, rangeSelect, preserveExistingSelection) => {
-      const { current: container } = containerRef;
-      const { id } = getElementByDataIndex(container, idx, true);
-      let newSelected;
-      if (isMultipleSelect) {
-        newSelected = selectMultiple(id);
-      } else if (isExtendedSelect) {
-        if (preserveExistingSelection && !rangeSelect) {
-          newSelected = selectMultiple(id);
-        } else if (rangeSelect) {
-          newSelected = selectRange(idx, preserveExistingSelection);
-        } else {
-          newSelected = [id];
-        }
-      } else if (isDeselectable) {
-        newSelected = selectDeselectable(id);
-      } else {
-        newSelected = [id];
-      }
-      if (newSelected !== selected) {
-        setSelected(newSelected);
-      }
-      onSelect?.(evt, id);
-      if (newSelected !== selected) {
-        if (onSelectionChange) {
-          onSelectionChange(evt, newSelected);
-        }
-      }
-    },
-    [
-      containerRef,
-      isMultipleSelect,
-      isExtendedSelect,
-      isDeselectable,
-      selected,
-      onSelect,
-      selectMultiple,
-      selectRange,
-      selectDeselectable,
-      setSelected,
-      onSelectionChange
-    ]
-  );
-  const handleKeyDown = useCallback(
-    (evt) => {
-      const { current: container } = containerRef;
-      const element = getElementByDataIndex(container, highlightedIndex);
-      if (isSelectableElement(element)) {
-        if (isSelectionEvent(evt) || tabToSelect && evt.key === "Tab") {
-          if (evt.key !== "Tab") {
-            evt.preventDefault();
-          }
-          selectItemAtIndex(
-            evt,
-            highlightedIndex,
-            false,
-            evt.ctrlKey || evt.metaKey
-          );
-          if (isExtendedSelect) {
-            lastActive.current = highlightedIndex;
-          }
-        }
-      }
-    },
-    [
-      highlightedIndex,
-      containerRef,
-      isSelectionEvent,
-      tabToSelect,
-      selectItemAtIndex,
-      isExtendedSelect
-    ]
-  );
-  const handleKeyboardNavigation = useCallback(
-    (evt, currentIndex) => {
-      if (isExtendedSelect && evt.shiftKey) {
-        const { current: container } = containerRef;
-        const element = getElementByDataIndex(container, currentIndex);
-        if (isSelectableElement(element)) {
-          selectItemAtIndex(evt, currentIndex, true);
-        }
-      }
-    },
-    [isExtendedSelect, containerRef, selectItemAtIndex]
-  );
-  const handleClick = useCallback(
-    (evt) => {
-      const { current: container } = containerRef;
-      const element = getElementByDataIndex(container, highlightedIndex);
-      if (!disableSelection && isSelectableElement(element)) {
-        evt.preventDefault();
-        evt.stopPropagation();
-        selectItemAtIndex(
-          evt,
-          highlightedIndex,
-          evt.shiftKey,
-          evt.ctrlKey || evt.metaKey
-        );
-        if (isExtendedSelect) {
-          lastActive.current = highlightedIndex;
-        }
-      }
-      onClick?.(evt);
-    },
-    [
-      containerRef,
-      highlightedIndex,
-      disableSelection,
-      onClick,
-      selectItemAtIndex,
-      isExtendedSelect
-    ]
-  );
-  const listHandlers = selectionIsDisallowed(selectionStrategy) ? {
-    onClick
-  } : {
-    onClick: handleClick,
-    onKeyDown: handleKeyDown,
-    onKeyboardNavigation: handleKeyboardNavigation
-  };
-  return {
-    listHandlers,
-    selected,
-    setSelected
-  };
-};
-
-export { CHECKBOX, GROUP_SELECTION_CASCADE, GROUP_SELECTION_NONE, GROUP_SELECTION_SINGLE, groupSelectionEnabled, useSelection };
-//# sourceMappingURL=useSelection.js.map

package/esm/common-hooks/useSelection.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useSelection.js","sources":["../../src/common-hooks/useSelection.ts"],"sourcesContent":["import {\n  getElementByDataIndex,\n  getElementDataIndex,\n  isSelectableElement,\n} from \"@vuu-ui/vuu-utils\";\nimport {\n  KeyboardEvent,\n  MouseEvent,\n  SyntheticEvent,\n  useCallback,\n  useRef,\n} from \"react\";\nimport {\n  SelectionHookProps,\n  SelectionHookResult,\n  selectionIsDisallowed,\n} from \"./selectionTypes\";\nimport { useControlled } from \"./useControlled\";\n\nexport const CHECKBOX = \"checkbox\";\n\nexport const GROUP_SELECTION_NONE = \"none\";\nexport const GROUP_SELECTION_SINGLE = \"single\";\nexport const GROUP_SELECTION_CASCADE = \"cascade\";\n\nexport type GroupSelectionMode = \"none\" | \"single\" | \"cascade\";\n\nconst defaultSelectionKeys = [\"Enter\", \" \"];\n\nexport const groupSelectionEnabled = (\n  groupSelection: GroupSelectionMode,\n): boolean => groupSelection && groupSelection !== GROUP_SELECTION_NONE;\n\nexport const useSelection = ({\n  containerRef,\n  defaultSelected,\n  disableSelection = false,\n  // groupSelection = GROUP_SELECTION_NONE,\n  highlightedIndex,\n  itemQuery,\n  onClick,\n  // label,\n  onSelect,\n  onSelectionChange,\n  selected: selectedProp,\n  selectionStrategy,\n  selectionKeys = defaultSelectionKeys,\n  tabToSelect,\n}: SelectionHookProps): SelectionHookResult => {\n  const isDeselectable = selectionStrategy === \"deselectable\";\n  const isMultipleSelect = selectionStrategy === \"multiple\";\n  const isExtendedSelect = selectionStrategy === \"extended\";\n  const lastActive = useRef(-1);\n\n  const isSelectionEvent = useCallback(\n    (evt: KeyboardEvent) => selectionKeys.includes(evt.key),\n    [selectionKeys],\n  );\n\n  const [selected, setSelected] = useControlled<string[]>({\n    controlled: selectedProp,\n    default: defaultSelected ?? [],\n    name: \"UseSelection\",\n    state: \"selected\",\n  });\n\n  const isItemSelected = useCallback(\n    (itemId: string) => selected.includes(itemId),\n    [selected],\n  );\n\n  const selectDeselectable = useCallback(\n    (itemId: string) => (isItemSelected(itemId) ? [] : [itemId]),\n    [isItemSelected],\n  );\n  const selectMultiple = useCallback(\n    (itemId: string) => {\n      const nextItems = isItemSelected(itemId)\n        ? (selected as string[]).filter((i) => i !== itemId)\n        : (selected as string[]).concat(itemId);\n      nextItems.sort();\n      return nextItems;\n    },\n    [isItemSelected, selected],\n  );\n  const selectRange = useCallback(\n    (idx: number, preserveExistingSelection?: boolean) => {\n      const currentSelection = preserveExistingSelection\n        ? (selected as string[])\n        : ([] as string[]);\n\n      const [lastSelectedItemId] = (selected as string[]).slice(-1);\n      const lastSelectedItemIndex = lastSelectedItemId\n        ? getElementDataIndex(document.getElementById(lastSelectedItemId))\n        : 0;\n\n      const startRegion = Math.min(idx, lastSelectedItemIndex);\n      const endRegion = Math.max(idx, lastSelectedItemIndex);\n\n      const container = containerRef.current as HTMLElement;\n      const allItems = Array.from(\n        container.querySelectorAll(itemQuery),\n      ) as HTMLElement[];\n      const rangeSelection = allItems\n        .slice(startRegion, endRegion + 1)\n        .map((el) => el.id);\n      // concat the current selection with a new selection and remove duplicates for overlaps\n      const nextItems = [...new Set([...currentSelection, ...rangeSelection])];\n      nextItems.sort();\n      return nextItems;\n    },\n    [containerRef, itemQuery, selected],\n  );\n\n  const selectItemAtIndex = useCallback(\n    (\n      evt: SyntheticEvent,\n      idx: number,\n      rangeSelect: boolean,\n      preserveExistingSelection?: boolean,\n    ) => {\n      const { current: container } = containerRef;\n      const { id } = getElementByDataIndex(container, idx, true);\n\n      let newSelected;\n      if (isMultipleSelect) {\n        newSelected = selectMultiple(id);\n      } else if (isExtendedSelect) {\n        if (preserveExistingSelection && !rangeSelect) {\n          newSelected = selectMultiple(id);\n        } else if (rangeSelect) {\n          newSelected = selectRange(idx, preserveExistingSelection);\n        } else {\n          newSelected = [id];\n        }\n      } else if (isDeselectable) {\n        newSelected = selectDeselectable(id);\n      } else {\n        newSelected = [id];\n      }\n\n      if (newSelected !== selected) {\n        setSelected(newSelected);\n      }\n\n      // We fire onSelect irrespective of whether selection changes\n      onSelect?.(evt, id);\n\n      if (newSelected !== selected) {\n        if (onSelectionChange) {\n          onSelectionChange(evt, newSelected);\n        }\n      }\n    },\n    [\n      containerRef,\n      isMultipleSelect,\n      isExtendedSelect,\n      isDeselectable,\n      selected,\n      onSelect,\n      selectMultiple,\n      selectRange,\n      selectDeselectable,\n      setSelected,\n      onSelectionChange,\n    ],\n  );\n\n  const handleKeyDown = useCallback(\n    (evt: KeyboardEvent) => {\n      const { current: container } = containerRef;\n      const element = getElementByDataIndex(container, highlightedIndex);\n      if (isSelectableElement(element)) {\n        if (isSelectionEvent(evt) || (tabToSelect && evt.key === \"Tab\")) {\n          // We do not inhibit Tab behaviour, if we are selecting on Tab then we apply\n          // selection as a side effect of the Tab, not as a replacement for Tabbing.\n          if (evt.key !== \"Tab\") {\n            evt.preventDefault();\n          }\n          selectItemAtIndex(\n            evt,\n            highlightedIndex,\n            false,\n            evt.ctrlKey || evt.metaKey,\n          );\n          if (isExtendedSelect) {\n            lastActive.current = highlightedIndex;\n          }\n        }\n      }\n    },\n    [\n      highlightedIndex,\n      containerRef,\n      isSelectionEvent,\n      tabToSelect,\n      selectItemAtIndex,\n      isExtendedSelect,\n    ],\n  );\n\n  const handleKeyboardNavigation = useCallback(\n    (evt: KeyboardEvent, currentIndex: number) => {\n      if (isExtendedSelect && evt.shiftKey) {\n        const { current: container } = containerRef;\n        const element = getElementByDataIndex(container, currentIndex);\n        if (isSelectableElement(element)) {\n          selectItemAtIndex(evt, currentIndex, true);\n        }\n      }\n    },\n    [isExtendedSelect, containerRef, selectItemAtIndex],\n  );\n\n  const handleClick = useCallback(\n    (evt: MouseEvent) => {\n      const { current: container } = containerRef;\n      const element = getElementByDataIndex(container, highlightedIndex);\n      if (!disableSelection && isSelectableElement(element)) {\n        evt.preventDefault();\n        evt.stopPropagation();\n        selectItemAtIndex(\n          evt,\n          highlightedIndex,\n          evt.shiftKey,\n          evt.ctrlKey || evt.metaKey,\n        );\n        if (isExtendedSelect) {\n          lastActive.current = highlightedIndex;\n        }\n      }\n      onClick?.(evt);\n    },\n    [\n      containerRef,\n      highlightedIndex,\n      disableSelection,\n      onClick,\n      selectItemAtIndex,\n      isExtendedSelect,\n    ],\n  );\n\n  const listHandlers = selectionIsDisallowed(selectionStrategy)\n    ? {\n        onClick,\n      }\n    : {\n        onClick: handleClick,\n        onKeyDown: handleKeyDown,\n        onKeyboardNavigation: handleKeyboardNavigation,\n      };\n\n  return {\n    listHandlers,\n    selected,\n    setSelected,\n  };\n};\n"],"names":[],"mappings":"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"}

package/esm/list/Highlighter.css.js

@@ -1,4 +0,0 @@
-var highlighterCss = ".saltHighlighter-highlight {\n  font-weight: var(--salt-text-fontWeight-strong); /* TODO: Check with design */\n}\n";
-
-export { highlighterCss as default };
-//# sourceMappingURL=Highlighter.css.js.map

package/esm/list/Highlighter.css.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Highlighter.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/esm/list/Highlighter.js

@@ -1,34 +0,0 @@
-import { jsx, Fragment } from 'react/jsx-runtime';
-import { makePrefixer } from '@salt-ds/core';
-import { useComponentCssInjection } from '@salt-ds/styles';
-import { useWindow } from '@salt-ds/window';
-import { escapeRegExp } from '../utils/escapeRegExp.js';
-import highlighterCss from './Highlighter.css.js';
-
-const withBaseName = makePrefixer("saltHighlighter");
-const Highlighter = (props) => {
-  const targetWindow = useWindow();
-  useComponentCssInjection({
-    testId: "vuu-highlighter",
-    css: highlighterCss,
-    window: targetWindow
-  });
-  const { matchPattern, text = "" } = props;
-  const matchRegex = typeof matchPattern === "string" ? new RegExp(`(${escapeRegExp(matchPattern)})`, "gi") : matchPattern;
-  if (matchRegex === void 0) {
-    return /* @__PURE__ */ jsx(Fragment, { children: text });
-  }
-  return /* @__PURE__ */ jsx("span", { children: text.split(matchRegex).map(
-    (part, index) => part.match(matchRegex) ? /* @__PURE__ */ jsx(
-      "strong",
-      {
-        className: withBaseName("highlight"),
-        children: part
-      },
-      `${index}-${part}`
-    ) : part
-  ) });
-};
-
-export { Highlighter };
-//# sourceMappingURL=Highlighter.js.map

package/esm/list/Highlighter.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Highlighter.js","sources":["../../src/list/Highlighter.tsx"],"sourcesContent":["import { makePrefixer } from \"@salt-ds/core\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { ReactElement } from \"react\";\nimport { escapeRegExp } from \"../utils\";\n\nimport highlighterCss from \"./Highlighter.css\";\n\nconst withBaseName = makePrefixer(\"saltHighlighter\");\n\nexport interface HighlighterProps {\n  matchPattern?: RegExp | string;\n  text?: string;\n}\n\nexport const Highlighter = (\n  props: HighlighterProps\n): ReactElement<HighlighterProps> => {\n  const targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"vuu-highlighter\",\n    css: highlighterCss,\n    window: targetWindow,\n  });\n\n  const { matchPattern, text = \"\" } = props;\n\n  const matchRegex =\n    typeof matchPattern === \"string\"\n      ? new RegExp(`(${escapeRegExp(matchPattern)})`, \"gi\")\n      : matchPattern;\n\n  if (matchRegex === undefined) {\n    return <>{text}</>;\n  }\n  return (\n    <span>\n      {text.split(matchRegex).map((part, index) =>\n        part.match(matchRegex) ? (\n          <strong\n            className={withBaseName(\"highlight\")}\n            key={`${index}-${part}`}\n          >\n            {part}\n          </strong>\n        ) : (\n          part\n        )\n      )}\n    </span>\n  );\n};\n"],"names":[],"mappings":";;;;;;;AAQA,MAAM,YAAA,GAAe,aAAa,iBAAiB,CAAA;AAOtC,MAAA,WAAA,GAAc,CACzB,KACmC,KAAA;AACnC,EAAA,MAAM,eAAe,SAAU,EAAA;AAC/B,EAAyB,wBAAA,CAAA;AAAA,IACvB,MAAQ,EAAA,iBAAA;AAAA,IACR,GAAK,EAAA,cAAA;AAAA,IACL,MAAQ,EAAA;AAAA,GACT,CAAA;AAED,EAAA,MAAM,EAAE,YAAA,EAAc,IAAO,GAAA,EAAA,EAAO,GAAA,KAAA;AAEpC,EAAA,MAAM,UACJ,GAAA,OAAO,YAAiB,KAAA,QAAA,GACpB,IAAI,MAAA,CAAO,CAAI,CAAA,EAAA,YAAA,CAAa,YAAY,CAAC,CAAK,CAAA,CAAA,EAAA,IAAI,CAClD,GAAA,YAAA;AAEN,EAAA,IAAI,eAAe,KAAW,CAAA,EAAA;AAC5B,IAAA,uCAAU,QAAK,EAAA,IAAA,EAAA,CAAA;AAAA;AAEjB,EAAA,uBACG,GAAA,CAAA,MAAA,EAAA,EACE,QAAK,EAAA,IAAA,CAAA,KAAA,CAAM,UAAU,CAAE,CAAA,GAAA;AAAA,IAAI,CAAC,IAAM,EAAA,KAAA,KACjC,IAAK,CAAA,KAAA,CAAM,UAAU,CACnB,mBAAA,GAAA;AAAA,MAAC,QAAA;AAAA,MAAA;AAAA,QACC,SAAA,EAAW,aAAa,WAAW,CAAA;AAAA,QAGlC,QAAA,EAAA;AAAA,OAAA;AAAA,MAFI,CAAA,EAAG,KAAK,CAAA,CAAA,EAAI,IAAI,CAAA;AAAA,KAKvB,GAAA;AAAA,GAGN,EAAA,CAAA;AAEJ;;;;"}

package/esm/list/List.css.js

@@ -1,4 +0,0 @@
-var listCss = ".vuuList {\n  --list-background: var(--salt-container-primary-background);\n  --list-borderStyle: var(\n    --vuuList-borderStyle,\n    var(--salt-container-borderStyle)\n  );\n  --list-borderWidth: var(--salt-size-border);\n  --list-height: auto;\n  --list-item-height: calc(var(--salt-size-base) + var(--salt-spacing-100));\n  --list-item-gap: 0px;\n  --list-maxHeight: 100%;\n  --vuuDraggable-display: block;\n  --vuuDraggable-spacer-height: 0;\n  --vuuDraggable-spacer-width: 100%;\n  --vuuDraggable-transitionProp: height;\n  --vuuMeasuredContainer-height: var(--computed-list-height);\n\n  background: var(--list-background);\n  border: var(--list-borderStyle) var(--list-borderWidth)\n    var(--salt-container-primary-borderColor);\n  height: var(--saltList-height, var(--list-height));\n  max-height: var(--list-maxHeight);\n  outline: none;\n  position: relative;\n  user-select: none;\n  width: var(--saltList-width, auto);\n  padding: 0 1px;\n}\n\n.vuuDraggable-list-item {\n  --vuuList-item-background: var(--salt-selectable-background-hover);\n}\n\n.vuuList-contentSized {\n  box-sizing: content-box;\n}\n\n.vuuList-borderless {\n  --list-borderStyle: none;\n}\n\n/* virtualised list */\n.vuuList-viewport {\n  height: var(--computed-list-height, var(--measured-px-height));\n  overflow: auto;\n}\n\n.vuuListHeader {\n  --saltList-item-background: var(--list-item-header-background);\n  color: var(--list-item-header-color);\n  font-weight: 600;\n}\n\n.vuuListHeader[data-sticky=\"true\"] {\n  --saltList-item-background: var(--list-background);\n  position: sticky;\n  top: 0;\n  z-index: 1;\n}\n\n.vuuList-collapsible .vuuListItemHeader:after {\n  border-width: var(--checkbox-borderWidth);\n  border-color: var(--checkbox-borderColor);\n  content: var(--list-item-header-twisty-content);\n  -webkit-mask: var(--list-svg-chevron-down) center center/12px 12px no-repeat;\n  mask: var(--list-svg-chevron-down) center center/12px 12px no-repeat;\n  background: var(--list-item-header-twisty-color);\n  height: 12px;\n  left: var(--list-item-header-twisty-left);\n  right: var(--list-item-header-twisty-right);\n  margin-top: -8px;\n  position: absolute;\n  top: var(--list-item-header-twisty-top);\n  transition: transform 0.3s;\n  width: 12px;\n}\n.vuuListItemHeader[aria-expanded=\"false\"]:after {\n  transform: rotate(-90deg);\n}\n\n/* Selection */\n\n.vuuList-scrollingContentContainer {\n  box-sizing: inherit;\n  position: relative;\n}\n\n.vuuList-virtualized .vuuListItem {\n  line-height: 30px;\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  will-change: transform;\n}\n.vuuList.saltFocusVisible:after {\n  inset: 2px;\n}\n";
-
-export { listCss as default };
-//# sourceMappingURL=List.css.js.map

package/esm/list/List.css.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"List.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}