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

package/esm/list/common-hooks/useViewportTracking.js

@@ -1,131 +0,0 @@
-import { useRef, useCallback } from 'react';
-import '../../common-hooks/collectionProvider.js';
-import { useResizeObserver } from '../../common-hooks/use-resize-observer.js';
-import { useIsomorphicLayoutEffect } from '@salt-ds/core';
-
-const HeightOnly = ["height"];
-const HeightWithScroll = ["height", "scrollHeight"];
-const EMPTY_ARRAY = [];
-const ObservedDimensions = {
-  containerOnly: [HeightWithScroll, EMPTY_ARRAY],
-  withContent: [HeightOnly, HeightOnly]
-};
-const getObservedDimensions = (containerOnly) => containerOnly ? ObservedDimensions.containerOnly : ObservedDimensions.withContent;
-const NULL_REF = { current: null };
-const getItemTop = (element, offsetContainer) => {
-  const { transform = "none" } = getComputedStyle(element);
-  if (transform.startsWith("matrix")) {
-    const pos = transform.lastIndexOf(",");
-    return parseInt(transform.slice(pos + 1));
-  } else {
-    let offsetParent = element.offsetParent;
-    if (offsetParent === offsetContainer || offsetContainer === null) {
-      return element.offsetTop;
-    } else {
-      let top = element.offsetTop;
-      while (offsetParent !== null && offsetParent !== offsetContainer) {
-        top += offsetParent.offsetTop;
-        offsetParent = offsetParent.offsetParent;
-      }
-      return top;
-    }
-  }
-};
-const useViewportTracking = ({
-  containerRef,
-  contentRef = NULL_REF,
-  highlightedIdx = -1,
-  indexPositions,
-  stickyHeaders = false
-}) => {
-  const scrolling = useRef(false);
-  const viewport = useRef({
-    height: 0,
-    contentHeight: 0
-  });
-  const scrollTo = useCallback((scrollPos) => {
-    scrolling.current = true;
-    if (containerRef.current) {
-      containerRef.current.scrollTop = scrollPos;
-    }
-    setTimeout(() => {
-      scrolling.current = false;
-    });
-  }, []);
-  const scrollToStart = useCallback(() => scrollTo(0), [scrollTo]);
-  const scrollToEnd = useCallback(() => {
-    scrollTo(viewport.current.contentHeight - viewport.current.height);
-  }, [scrollTo]);
-  const scrollIntoViewIfNeeded = useCallback(
-    (item) => {
-      const offsetContainer = contentRef.current || containerRef.current;
-      if (item.id) {
-        const el = document.getElementById(item.id);
-        if (el && containerRef.current) {
-          const { height: viewportHeight } = viewport.current;
-          const targetEl = el.ariaExpanded && el.firstChild ? el.firstChild : el;
-          const headerHeight = stickyHeaders ? 36 : 0;
-          const itemTop = getItemTop(targetEl, offsetContainer);
-          const itemHeight = targetEl.offsetHeight;
-          const { scrollTop } = containerRef.current;
-          const viewportStart = scrollTop + headerHeight;
-          const viewportEnd = viewportStart + viewportHeight - headerHeight;
-          if (itemTop + itemHeight > viewportEnd || itemTop < viewportStart) {
-            const newScrollTop = itemTop + itemHeight > viewportEnd ? scrollTop + (itemTop + itemHeight) - viewportEnd : itemTop - headerHeight;
-            scrollTo(newScrollTop);
-          }
-        }
-      }
-    },
-    [containerRef, contentRef, scrollTo, stickyHeaders]
-  );
-  useIsomorphicLayoutEffect(() => {
-    const { height, contentHeight } = viewport.current;
-    const item = indexPositions[highlightedIdx];
-    if (contentHeight > height && item) {
-      const [firstItem] = indexPositions;
-      const [lastItem] = indexPositions.slice(-1);
-      if (item === firstItem) {
-        scrollToStart();
-      } else if (item === lastItem) {
-        scrollToEnd();
-      } else {
-        scrollIntoViewIfNeeded(indexPositions[highlightedIdx]);
-      }
-    }
-  }, [
-    highlightedIdx,
-    indexPositions,
-    scrollIntoViewIfNeeded,
-    scrollToEnd,
-    scrollToStart
-  ]);
-  const onContainerResize = useCallback(
-    ({ height, scrollHeight }) => {
-      if (typeof height === "number") {
-        viewport.current.height = height;
-      }
-      if (typeof scrollHeight === "number") {
-        viewport.current.contentHeight = scrollHeight;
-      }
-    },
-    []
-  );
-  const onContentResize = useCallback(({ height }) => {
-    if (typeof height === "number") {
-      viewport.current.contentHeight = height;
-    }
-  }, []);
-  const [containerDimensions, contentDimensions] = getObservedDimensions(
-    contentRef === NULL_REF
-  );
-  useResizeObserver(containerRef, containerDimensions, onContainerResize, true);
-  useResizeObserver(contentRef, contentDimensions, onContentResize, true);
-  return {
-    isScrolling: scrolling,
-    scrollIntoView: scrollIntoViewIfNeeded
-  };
-};
-
-export { useViewportTracking };
-//# sourceMappingURL=useViewportTracking.js.map

package/esm/list/common-hooks/useViewportTracking.js.map

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

package/esm/list/common-hooks/utils/collection-item-utils.js

@@ -1,168 +0,0 @@
-import { isValidElement, Children } from 'react';
-import { ListItemGroup } from '../../ListItemGroup.js';
-import { ListItemHeader } from '../../ListItemHeader.js';
-import { itemToString } from '../../../common-hooks/itemToString.js';
-
-const sourceItemHasProp = (item, propertyName) => {
-  return item !== null && Object.prototype.hasOwnProperty.call(item, propertyName);
-};
-const isHeader = (item) => sourceItemHasProp(item, "header");
-const isGroupNode = (item) => sourceItemHasProp(item, "childNodes");
-const childItemHasProp = (item, propertyName) => {
-  return item && Object.prototype.hasOwnProperty.call(item.props, propertyName);
-};
-const isDisabled = (item) => {
-  if (isValidElement(item)) {
-    if (childItemHasProp(item, "disabled")) {
-      return item.props.disabled === true;
-    }
-  } else if (sourceItemHasProp(item, "disabled")) {
-    return item.disabled === true;
-  }
-  return false;
-};
-const isFocusable = (item) => {
-  if (isValidElement(item)) {
-    if (childItemHasProp(item, "focusable")) {
-      return item.props.focusable;
-    }
-  }
-  return true;
-};
-const countChildItems = (item, items, idx) => {
-  if (item.childNodes) {
-    return item.childNodes.length;
-  } else if (item.header) {
-    let i = idx + 1;
-    let count = 0;
-    while (i < items.length && !items[i].header) {
-      count++;
-      i++;
-    }
-    return count;
-  } else {
-    return 0;
-  }
-};
-const getChildLabel = (element) => {
-  if (typeof element.props.children === "string") {
-    return element.props.children;
-  } else if (element.props.title) {
-    return element.props.title;
-  } else if (element.props.label) {
-    return element.props.label;
-  }
-};
-const childIsHeader = (child) => child.type === ListItemHeader || childItemHasProp(child, "data-header");
-const childIsGroup = (child) => child.type === ListItemGroup || childItemHasProp(child, "data-group");
-const childIsSelectable = (child) => {
-  if (childItemHasProp(child, "selectable")) {
-    return child.props.selectable === true;
-  } else {
-    return !childIsGroup(child) && !childIsHeader(child);
-  }
-};
-const getChildNodes = (element) => {
-  if (childIsGroup(element)) {
-    const {
-      props: { children }
-    } = element;
-    if (typeof children !== "string") {
-      return childItems(children);
-    }
-  }
-};
-const mapReactElementChildren = (children, fn) => {
-  const childElements = [];
-  Children.forEach(children, (child) => {
-    if (isValidElement(child)) {
-      childElements.push(fn(child));
-    }
-  });
-  return childElements;
-};
-const sourceItems = (source, options) => {
-  if (Array.isArray(source)) {
-    if (source.length === 0 && options?.noChildrenLabel) {
-      return [
-        {
-          label: options.noChildrenLabel,
-          value: null
-        }
-      ];
-    } else {
-      return source.map(
-        (item) => ({
-          childNodes: sourceItems(
-            item.childNodes,
-            options
-          ),
-          description: item.description,
-          expanded: item.expanded,
-          value: item,
-          label: options?.itemToString?.(item) ?? itemToString(item)
-        })
-      );
-    }
-  } else if (source) {
-    throw Error("list-child-items expects source to be an array");
-  }
-};
-const childItems = (children) => {
-  if (children) {
-    return mapReactElementChildren(children, (child) => {
-      const {
-        "data-id": dataId,
-        disabled,
-        id = dataId,
-        "data-expanded": dataExpanded,
-        expanded = dataExpanded
-      } = child.props;
-      return {
-        childNodes: getChildNodes(child),
-        disabled,
-        expanded,
-        header: childIsHeader(child),
-        id,
-        // eslint-disable-next-line @typescript-eslint/no-explicit-any
-        label: getChildLabel(child),
-        selectable: childIsSelectable(child),
-        value: child
-      };
-    });
-  }
-};
-const PathSeparators = /* @__PURE__ */ new Set(["/", "-", "."]);
-const isPathSeparator = (char) => PathSeparators.has(char);
-const isParentPath = (parentPath, childPath) => childPath.startsWith(parentPath) && isPathSeparator(childPath[parentPath.length]);
-const PATH_SEPARATORS = /* @__PURE__ */ new Set([".", "/"]);
-function isDescendantOf(basePath, targetPath) {
-  if (!targetPath.startsWith(basePath)) {
-    return false;
-  } else {
-    return PATH_SEPARATORS.has(targetPath.charAt(basePath.length));
-  }
-}
-function replaceCollectionItem(nodes, id, props) {
-  let childNodes;
-  const newNodes = nodes.map((node) => {
-    if (node.id === id) {
-      return {
-        ...node,
-        ...props
-      };
-    } else if (isDescendantOf(node.id, id) && node.childNodes) {
-      childNodes = replaceCollectionItem(node.childNodes, id, props);
-      return {
-        ...node,
-        childNodes
-      };
-    } else {
-      return node;
-    }
-  });
-  return newNodes;
-}
-
-export { childIsGroup, childItems, countChildItems, getChildLabel, getChildNodes, isDisabled, isFocusable, isGroupNode, isHeader, isParentPath, replaceCollectionItem, sourceItemHasProp, sourceItems };
-//# sourceMappingURL=collection-item-utils.js.map

package/esm/list/common-hooks/utils/collection-item-utils.js.map

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

package/esm/list/common-hooks/utils/filter-utils.js

@@ -1,8 +0,0 @@
-import { escapeRegExp } from '../../../utils/escapeRegExp.js';
-
-const leftTrim = (value) => value ? value.replace(/^\s+/g, "") : value;
-const getDefaultFilterRegex = (value) => new RegExp(`(${escapeRegExp(leftTrim(value))})`, "gi");
-const getDefaultFilter = (inputValue = "", getFilterRegex = getDefaultFilterRegex) => (itemValue = "") => Boolean(itemValue.length) && Boolean(inputValue.length) && itemValue.match(getFilterRegex(inputValue)) !== null;
-
-export { getDefaultFilter, getDefaultFilterRegex };
-//# sourceMappingURL=filter-utils.js.map

package/esm/list/common-hooks/utils/filter-utils.js.map

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

package/esm/list/common-hooks/utils/isSelected.js

@@ -1,7 +0,0 @@
-function isSelected(selectedId, item) {
-  const isSelected2 = Array.isArray(selectedId) ? selectedId.includes(item.id) : selectedId === item.id;
-  return isSelected2;
-}
-
-export { isSelected };
-//# sourceMappingURL=isSelected.js.map

package/esm/list/common-hooks/utils/isSelected.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"isSelected.js","sources":["../../../../src/list/common-hooks/utils/isSelected.ts"],"sourcesContent":["import { CollectionItem } from \"../../../common-hooks/collectionTypes\";\n\nexport function isSelected<Item>(\n  selectedId: string | string[] | null,\n  item: CollectionItem<Item>\n): boolean {\n  const isSelected = Array.isArray(selectedId)\n    ? selectedId.includes(item.id)\n    : selectedId === item.id;\n  return isSelected;\n}\n"],"names":["isSelected"],"mappings":"AAEgB,SAAA,UAAA,CACd,YACA,IACS,EAAA;AACT,EAAMA,MAAAA,WAAAA,GAAa,KAAM,CAAA,OAAA,CAAQ,UAAU,CAAA,GACvC,UAAW,CAAA,QAAA,CAAS,IAAK,CAAA,EAAE,CAC3B,GAAA,UAAA,KAAe,IAAK,CAAA,EAAA;AACxB,EAAOA,OAAAA,WAAAA;AACT;;;;"}

package/esm/list/useList.js

@@ -1,276 +0,0 @@
-import { useLayoutEffectSkipFirst } from '@vuu-ui/vuu-utils';
-import { useRef, useCallback } from 'react';
-import '../common-hooks/collectionProvider.js';
-import '../common-hooks/use-resize-observer.js';
-import { isSingleSelection, isMultiSelection, hasSelection } from '../common-hooks/selectionTypes.js';
-import '../drag-drop/DragDropProvider.js';
-import { useDragDrop } from '../drag-drop/useDragDrop.js';
-import './common-hooks/keyUtils.js';
-import { useCollapsibleGroups } from './common-hooks/useCollapsibleGroups.js';
-import { closestListItemIndex } from './common-hooks/list-dom-utils.js';
-import { useKeyboardNavigation } from './common-hooks/useKeyboardNavigation.js';
-import { useSelection } from '../common-hooks/useSelection.js';
-import { useTypeahead } from './common-hooks/useTypeahead.js';
-import { useViewportTracking } from './common-hooks/useViewportTracking.js';
-import { useListDrop } from './useListDrop.js';
-
-const useList = ({
-  allowDragDrop = false,
-  collapsibleHeaders,
-  collectionHook: dataHook,
-  contentRef,
-  defaultHighlightedIndex,
-  defaultSelected,
-  disabled,
-  disableAriaActiveDescendant,
-  disableHighlightOnFocus,
-  disableTypeToSelect,
-  highlightedIndex: highlightedIndexProp,
-  id,
-  label = "",
-  listHandlers: listHandlersProp,
-  onClick: onClickProp,
-  onDragStart,
-  onDrop,
-  onHighlight,
-  onKeyboardNavigation,
-  onKeyDown,
-  onMoveListItem,
-  onSelect,
-  onSelectionChange,
-  restoreLastFocus,
-  selected,
-  selectionStrategy,
-  selectionKeys,
-  stickyHeaders,
-  tabToSelect,
-  viewportRange
-}) => {
-  const containerRef = useRef(null);
-  const scrollContainerRef = useRef(null);
-  const lastSelection = useRef(
-    selected || defaultSelected
-  );
-  const handleKeyboardNavigation = (evt, nextIndex) => {
-    selectionHook.listHandlers.onKeyboardNavigation?.(evt, nextIndex);
-    onKeyboardNavigation?.(evt, nextIndex);
-  };
-  const handleSelect = useCallback(
-    (evt, selectedId) => {
-      if (onSelect) {
-        if (selectedId !== null) {
-          onSelect(evt, dataHook.itemById(selectedId));
-        }
-      }
-    },
-    [dataHook, onSelect]
-  );
-  const setContainerRef = useCallback((el) => {
-    if (el) {
-      containerRef.current = el;
-      scrollContainerRef.current = el.querySelector(".vuuList-viewport");
-    }
-  }, []);
-  const handleSelectionChange = useCallback(
-    (evt, selected2) => {
-      if (onSelectionChange) {
-        if (isSingleSelection(selectionStrategy)) {
-          const [selectedItem] = selected2;
-          onSelectionChange(
-            evt,
-            dataHook.itemById(selectedItem)
-          );
-        } else if (isMultiSelection(selectionStrategy)) {
-          const selectedItems = selected2.map((id2) => dataHook.itemById(id2));
-          onSelectionChange(
-            evt,
-            selectedItems
-          );
-        }
-      }
-    },
-    [dataHook, onSelectionChange, selectionStrategy]
-  );
-  const {
-    highlightedIndex,
-    containerProps: {
-      onKeyDown: navigationKeyDown,
-      onMouseMove: navigationMouseMove,
-      ...navigationControlProps
-    },
-    setHighlightedIndex,
-    ...keyboardHook
-  } = useKeyboardNavigation({
-    containerRef: scrollContainerRef,
-    defaultHighlightedIndex,
-    disableHighlightOnFocus,
-    highlightedIndex: highlightedIndexProp,
-    itemCount: dataHook.data.length,
-    label,
-    onHighlight,
-    onKeyboardNavigation: handleKeyboardNavigation,
-    restoreLastFocus,
-    selected: lastSelection.current,
-    viewportItemCount: 10
-  });
-  const collapsibleHook = useCollapsibleGroups({
-    collapsibleHeaders,
-    highlightedIdx: highlightedIndex,
-    collectionHook: dataHook
-  });
-  const handleDragStart = useCallback(
-    (dragDropState) => {
-      setHighlightedIndex(-1);
-      onDragStart?.(dragDropState);
-    },
-    [onDragStart, setHighlightedIndex]
-  );
-  const selectionHook = useSelection({
-    containerRef,
-    defaultSelected,
-    highlightedIndex,
-    itemQuery: ".vuuListItem",
-    label: `${label}:useList`,
-    onClick: onClickProp,
-    onSelect: handleSelect,
-    onSelectionChange: handleSelectionChange,
-    selected,
-    selectionStrategy,
-    selectionKeys,
-    tabToSelect
-  });
-  const { handleDrop, onDropSettle } = useListDrop({
-    dataHook,
-    onDrop,
-    onMoveListItem,
-    selected: selectionHook.selected,
-    setHighlightedIndex,
-    setSelected: selectionHook.setSelected
-  });
-  const { setSelected } = selectionHook;
-  useLayoutEffectSkipFirst(() => {
-    if (hasSelection(lastSelection.current)) {
-      setSelected([]);
-    }
-  }, [selected, dataHook.data, setSelected]);
-  const {
-    onMouseDown,
-    isDragging,
-    isScrolling: isDragDropScrolling,
-    ...dragDropHook
-  } = useDragDrop({
-    allowDragDrop,
-    draggableClassName: "list-item",
-    orientation: "vertical",
-    containerRef,
-    id,
-    itemQuery: ".vuuListItem",
-    onDragStart: handleDragStart,
-    onDrop: handleDrop,
-    onDropSettle,
-    viewportRange
-  });
-  const { onKeyDown: typeaheadOnKeyDown } = useTypeahead({
-    disableTypeToSelect,
-    highlightedIdx: highlightedIndex,
-    highlightItemAtIndex: setHighlightedIndex,
-    typeToNavigate: true,
-    items: dataHook.data
-  });
-  const handleKeyDown = useCallback(
-    (evt) => {
-      if (!evt.defaultPrevented) {
-        typeaheadOnKeyDown?.(evt);
-      }
-      navigationKeyDown(evt);
-      if (!evt.defaultPrevented) {
-        selectionHook.listHandlers.onKeyDown?.(evt);
-      }
-      if (!evt.defaultPrevented) {
-        collapsibleHook?.onKeyDown?.(evt);
-      }
-      if (!evt.defaultPrevented) {
-        onKeyDown?.(evt);
-      }
-    },
-    [
-      collapsibleHook,
-      navigationKeyDown,
-      onKeyDown,
-      selectionHook.listHandlers,
-      typeaheadOnKeyDown
-    ]
-  );
-  const { isScrolling: isViewportScrolling, scrollIntoView } = useViewportTracking({
-    containerRef: scrollContainerRef,
-    contentRef,
-    highlightedIdx: highlightedIndex,
-    indexPositions: dataHook.data,
-    stickyHeaders
-  });
-  const isScrolling = isViewportScrolling.current || isDragDropScrolling.current;
-  const handleMouseMove = useCallback(
-    (evt) => {
-      if (!isScrolling && !disabled && !isDragging) {
-        navigationMouseMove();
-        const idx = closestListItemIndex(evt.target);
-        if (idx !== -1 && idx !== highlightedIndex) {
-          const item = dataHook.data[idx];
-          if (!item || item.disabled) {
-            setHighlightedIndex(-1);
-          } else {
-            setHighlightedIndex(idx);
-          }
-        }
-      }
-    },
-    [
-      isDragging,
-      isScrolling,
-      disabled,
-      setHighlightedIndex,
-      navigationMouseMove,
-      highlightedIndex,
-      dataHook.data
-    ]
-  );
-  const getActiveDescendant = () => highlightedIndex === void 0 || highlightedIndex === -1 || disableAriaActiveDescendant ? void 0 : dataHook.data[highlightedIndex]?.id;
-  lastSelection.current = selectionHook.selected;
-  const listControlProps = {
-    "aria-activedescendant": getActiveDescendant(),
-    onBlur: navigationControlProps.onBlur,
-    onFocus: navigationControlProps.onFocus,
-    onKeyDown: handleKeyDown,
-    onMouseDown,
-    onMouseDownCapture: navigationControlProps.onMouseDownCapture,
-    onMouseLeave: navigationControlProps.onMouseLeave
-  };
-  const listHandlers = listHandlersProp || {
-    onClick: selectionHook.listHandlers.onClick,
-    // MouseEnter would be much better for this. There is a bug in Cypress
-    // wheby it emits spurious MouseEnter (and MouseOver) events around
-    // keypress events, which break many tests.
-    onMouseMove: handleMouseMove
-  };
-  return {
-    containerRef,
-    setContainerRef,
-    focusVisible: keyboardHook.focusVisible,
-    controlledHighlighting: keyboardHook.controlledHighlighting,
-    highlightedIndex,
-    keyboardNavigation: keyboardHook.keyboardNavigation,
-    listHandlers,
-    listItemHeaderHandlers: collapsibleHook,
-    listControlProps,
-    scrollIntoView,
-    //TODO given that we firs onSelect and onSelectionCHange with Item(s), should we return Item(s) here ?
-    selected: selectionHook.selected,
-    setHighlightedIndex,
-    setIgnoreFocus: keyboardHook.setIgnoreFocus,
-    setSelected: selectionHook.setSelected,
-    ...dragDropHook
-  };
-};
-
-export { useList };
-//# sourceMappingURL=useList.js.map