@vuu-ui/vuu-ui-controls 0.9.1 → 0.9.3

package/cjs/tree/key-code.js

@@ -1,62 +0,0 @@
-'use strict';
-
-function union(set1, ...sets) {
-  const result = new Set(set1);
-  for (const set of sets) {
-    for (const element of set) {
-      result.add(element);
-    }
-  }
-  return result;
-}
-const ArrowUp = "ArrowUp";
-const ArrowDown = "ArrowDown";
-const ArrowLeft = "ArrowLeft";
-const ArrowRight = "ArrowRight";
-const Enter = "Enter";
-const Delete = "Delete";
-const actionKeys = /* @__PURE__ */ new Set([Enter, Delete]);
-const focusKeys = /* @__PURE__ */ new Set(["Tab"]);
-const arrowLeftRightKeys = /* @__PURE__ */ new Set(["ArrowRight", "ArrowLeft"]);
-const verticalNavigationKeys = /* @__PURE__ */ new Set(["Home", "End", "ArrowDown", "ArrowUp"]);
-const horizontalNavigationKeys = /* @__PURE__ */ new Set([
-  "Home",
-  "End",
-  "ArrowRight",
-  "ArrowLeft"
-]);
-const functionKeys = /* @__PURE__ */ new Set([
-  "F1",
-  "F2",
-  "F3",
-  "F4",
-  "F5",
-  "F6",
-  "F7",
-  "F8",
-  "F9",
-  "F10",
-  "F11",
-  "F12"
-]);
-union(
-  actionKeys,
-  horizontalNavigationKeys,
-  verticalNavigationKeys,
-  arrowLeftRightKeys,
-  functionKeys,
-  focusKeys
-);
-const isNavigationKey = ({ key }, orientation = "vertical") => {
-  const navigationKeys = orientation === "vertical" ? verticalNavigationKeys : horizontalNavigationKeys;
-  return navigationKeys.has(key);
-};
-
-exports.ArrowDown = ArrowDown;
-exports.ArrowLeft = ArrowLeft;
-exports.ArrowRight = ArrowRight;
-exports.ArrowUp = ArrowUp;
-exports.Delete = Delete;
-exports.Enter = Enter;
-exports.isNavigationKey = isNavigationKey;
-//# sourceMappingURL=key-code.js.map

package/cjs/tree/key-code.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"key-code.js","sources":["../../src/tree/key-code.ts"],"sourcesContent":["import { KeyboardEvent } from \"react\";\n\nfunction union(set1: Set<string>, ...sets: Set<string>[]) {\n  const result = new Set(set1);\n  for (const set of sets) {\n    for (const element of set) {\n      result.add(element);\n    }\n  }\n  return result;\n}\n\nexport const ArrowUp = \"ArrowUp\";\nexport const ArrowDown = \"ArrowDown\";\nexport const ArrowLeft = \"ArrowLeft\";\nexport const Backspace = \"Backspace\";\nexport const ArrowRight = \"ArrowRight\";\nexport const Enter = \"Enter\";\nexport const Escape = \"Escape\";\nexport const Delete = \"Delete\";\n\nconst actionKeys = new Set([Enter, Delete]);\nconst focusKeys = new Set([\"Tab\"]);\n// const navigationKeys = new Set([\"Home\", \"End\", \"ArrowRight\", \"ArrowLeft\",\"ArrowDown\", \"ArrowUp\"]);\nconst arrowLeftRightKeys = new Set([\"ArrowRight\", \"ArrowLeft\"]);\nconst verticalNavigationKeys = new Set([\"Home\", \"End\", \"ArrowDown\", \"ArrowUp\"]);\nconst horizontalNavigationKeys = new Set([\n  \"Home\",\n  \"End\",\n  \"ArrowRight\",\n  \"ArrowLeft\",\n]);\nconst functionKeys = new Set([\n  \"F1\",\n  \"F2\",\n  \"F3\",\n  \"F4\",\n  \"F5\",\n  \"F6\",\n  \"F7\",\n  \"F8\",\n  \"F9\",\n  \"F10\",\n  \"F11\",\n  \"F12\",\n]);\nconst specialKeys = union(\n  actionKeys,\n  horizontalNavigationKeys,\n  verticalNavigationKeys,\n  arrowLeftRightKeys,\n  functionKeys,\n  focusKeys\n);\nexport const isCharacterKey = (evt: KeyboardEvent) => {\n  if (specialKeys.has(evt.key)) {\n    return false;\n  }\n  if (typeof evt.which === \"number\" && evt.which > 0) {\n    return !evt.ctrlKey && !evt.metaKey && !evt.altKey && evt.which !== 8;\n  }\n};\n\nexport const isNavigationKey = (\n  { key }: KeyboardEvent,\n  orientation = \"vertical\"\n) => {\n  const navigationKeys =\n    orientation === \"vertical\"\n      ? verticalNavigationKeys\n      : horizontalNavigationKeys;\n  return navigationKeys.has(key);\n};\n"],"names":[],"mappings":";;AAEA,SAAS,KAAA,CAAM,SAAsB,IAAqB,EAAA;AACxD,EAAM,MAAA,MAAA,GAAS,IAAI,GAAA,CAAI,IAAI,CAAA,CAAA;AAC3B,EAAA,KAAA,MAAW,OAAO,IAAM,EAAA;AACtB,IAAA,KAAA,MAAW,WAAW,GAAK,EAAA;AACzB,MAAA,MAAA,CAAO,IAAI,OAAO,CAAA,CAAA;AAAA,KACpB;AAAA,GACF;AACA,EAAO,OAAA,MAAA,CAAA;AACT,CAAA;AAEO,MAAM,OAAU,GAAA,UAAA;AAChB,MAAM,SAAY,GAAA,YAAA;AAClB,MAAM,SAAY,GAAA,YAAA;AAElB,MAAM,UAAa,GAAA,aAAA;AACnB,MAAM,KAAQ,GAAA,QAAA;AAEd,MAAM,MAAS,GAAA,SAAA;AAEtB,MAAM,6BAAiB,IAAA,GAAA,CAAI,CAAC,KAAA,EAAO,MAAM,CAAC,CAAA,CAAA;AAC1C,MAAM,SAAY,mBAAA,IAAI,GAAI,CAAA,CAAC,KAAK,CAAC,CAAA,CAAA;AAEjC,MAAM,qCAAyB,IAAA,GAAA,CAAI,CAAC,YAAA,EAAc,WAAW,CAAC,CAAA,CAAA;AAC9D,MAAM,sBAAA,uBAA6B,GAAI,CAAA,CAAC,QAAQ,KAAO,EAAA,WAAA,EAAa,SAAS,CAAC,CAAA,CAAA;AAC9E,MAAM,wBAAA,uBAA+B,GAAI,CAAA;AAAA,EACvC,MAAA;AAAA,EACA,KAAA;AAAA,EACA,YAAA;AAAA,EACA,WAAA;AACF,CAAC,CAAA,CAAA;AACD,MAAM,YAAA,uBAAmB,GAAI,CAAA;AAAA,EAC3B,IAAA;AAAA,EACA,IAAA;AAAA,EACA,IAAA;AAAA,EACA,IAAA;AAAA,EACA,IAAA;AAAA,EACA,IAAA;AAAA,EACA,IAAA;AAAA,EACA,IAAA;AAAA,EACA,IAAA;AAAA,EACA,KAAA;AAAA,EACA,KAAA;AAAA,EACA,KAAA;AACF,CAAC,CAAA,CAAA;AACmB,KAAA;AAAA,EAClB,UAAA;AAAA,EACA,wBAAA;AAAA,EACA,sBAAA;AAAA,EACA,kBAAA;AAAA,EACA,YAAA;AAAA,EACA,SAAA;AACF,EAAA;AAUO,MAAM,kBAAkB,CAC7B,EAAE,GAAI,EAAA,EACN,cAAc,UACX,KAAA;AACH,EAAM,MAAA,cAAA,GACJ,WAAgB,KAAA,UAAA,GACZ,sBACA,GAAA,wBAAA,CAAA;AACN,EAAO,OAAA,cAAA,CAAe,IAAI,GAAG,CAAA,CAAA;AAC/B;;;;;;;;;;"}

package/cjs/tree/list-dom-utils.js

@@ -1,19 +0,0 @@
-'use strict';
-
-function listItemIndex(listItemEl) {
-  if (listItemEl) {
-    let idx = listItemEl.dataset.idx;
-    if (idx) {
-      return parseInt(idx, 10);
-    } else if (idx = listItemEl.ariaPosInSet ?? "-1") {
-      return parseInt(idx, 10) - 1;
-    }
-  }
-}
-const closestListItem = (el) => el.closest("[data-idx],[aria-posinset]");
-const closestListItemIndex = (el) => listItemIndex(closestListItem(el));
-
-exports.closestListItem = closestListItem;
-exports.closestListItemIndex = closestListItemIndex;
-exports.listItemIndex = listItemIndex;
-//# sourceMappingURL=list-dom-utils.js.map

package/cjs/tree/list-dom-utils.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"list-dom-utils.js","sources":["../../src/tree/list-dom-utils.ts"],"sourcesContent":["export const listItemElement = (listEl: HTMLElement, listItemIdx: number) =>\n  listEl.querySelector(`:scope > [data-idx=\"${listItemIdx}\"]`);\n\nexport function listItemIndex(listItemEl: HTMLElement) {\n  if (listItemEl) {\n    let idx = listItemEl.dataset.idx;\n    if (idx) {\n      return parseInt(idx, 10);\n      // eslint-disable-next-line no-cond-assign\n    } else if ((idx = listItemEl.ariaPosInSet ?? \"-1\")) {\n      return parseInt(idx, 10) - 1;\n    }\n  }\n}\n\nexport const listItemId = (el: HTMLElement | null) => el?.id;\n\nexport const closestListItem = (el: HTMLElement) =>\n  el.closest(\"[data-idx],[aria-posinset]\") as HTMLElement;\n\nexport const closestListItemId = (el: HTMLElement) =>\n  listItemId(closestListItem(el));\n\nexport const closestListItemIndex = (el: HTMLElement) =>\n  listItemIndex(closestListItem(el));\n"],"names":[],"mappings":";;AAGO,SAAS,cAAc,UAAyB,EAAA;AACrD,EAAA,IAAI,UAAY,EAAA;AACd,IAAI,IAAA,GAAA,GAAM,WAAW,OAAQ,CAAA,GAAA,CAAA;AAC7B,IAAA,IAAI,GAAK,EAAA;AACP,MAAO,OAAA,QAAA,CAAS,KAAK,EAAE,CAAA,CAAA;AAAA,KAEb,MAAA,IAAA,GAAA,GAAM,UAAW,CAAA,YAAA,IAAgB,IAAO,EAAA;AAClD,MAAO,OAAA,QAAA,CAAS,GAAK,EAAA,EAAE,CAAI,GAAA,CAAA,CAAA;AAAA,KAC7B;AAAA,GACF;AACF,CAAA;AAIO,MAAM,eAAkB,GAAA,CAAC,EAC9B,KAAA,EAAA,CAAG,QAAQ,4BAA4B,EAAA;AAKlC,MAAM,uBAAuB,CAAC,EAAA,KACnC,aAAc,CAAA,eAAA,CAAgB,EAAE,CAAC;;;;;;"}

package/cjs/tree/treeTypeUtils.js

@@ -1,6 +0,0 @@
-'use strict';
-
-const isExpanded = (node) => node.expanded === true;
-
-exports.isExpanded = isExpanded;
-//# sourceMappingURL=treeTypeUtils.js.map

package/cjs/tree/treeTypeUtils.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"treeTypeUtils.js","sources":["../../src/tree/treeTypeUtils.ts"],"sourcesContent":["import type { NonLeafNode, NormalisedTreeSourceNode } from \"@vuu-ui/vuu-utils\";\n\nexport const isExpanded = (\n  node: NormalisedTreeSourceNode,\n): node is NonLeafNode => node.expanded === true;\n"],"names":[],"mappings":";;AAEO,MAAM,UAAa,GAAA,CACxB,IACwB,KAAA,IAAA,CAAK,QAAa,KAAA;;;;"}

package/cjs/tree/use-collapsible-groups.js

@@ -1,85 +0,0 @@
-'use strict';
-
-var React = require('react');
-var listDomUtils = require('./list-dom-utils.js');
-var keyCode = require('./key-code.js');
-var hierarchicalDataUtils = require('./hierarchical-data-utils.js');
-
-const NO_HANDLERS = {};
-const isToggleElement = (element) => element && element.hasAttribute("aria-expanded");
-const useCollapsibleGroups = ({
-  collapsibleHeaders,
-  highlightedIdx,
-  treeNodes,
-  setVisibleData,
-  source
-}) => {
-  const fullSource = React.useRef(source);
-  const stateSource = React.useRef(fullSource.current);
-  const setSource = React.useCallback(
-    (value) => {
-      setVisibleData(stateSource.current = value);
-    },
-    [setVisibleData]
-  );
-  const expandNode = React.useCallback(
-    (nodeList, { id }) => hierarchicalDataUtils.replaceNode(nodeList, id, { expanded: true }),
-    []
-  );
-  const collapseNode = React.useCallback(
-    (nodeList, { id }) => hierarchicalDataUtils.replaceNode(nodeList, id, { expanded: false }),
-    []
-  );
-  const handleKeyDown = React.useCallback(
-    (e) => {
-      if (e.key === keyCode.ArrowRight || e.key === keyCode.Enter) {
-        const node = treeNodes[highlightedIdx];
-        if (node) {
-          if (node.expanded === false) {
-            e.preventDefault();
-            setSource(expandNode(stateSource.current, node));
-          }
-        }
-      }
-      if (e.key === keyCode.ArrowLeft || e.key === keyCode.Enter) {
-        const node = treeNodes[highlightedIdx];
-        if (node) {
-          if (node.expanded) {
-            e.preventDefault();
-            setSource(collapseNode(stateSource.current, node));
-          }
-        }
-      }
-    },
-    [collapseNode, expandNode, highlightedIdx, treeNodes, setSource]
-  );
-  const listHandlers = collapsibleHeaders ? {
-    onKeyDown: handleKeyDown
-  } : NO_HANDLERS;
-  const handleClick = React.useCallback(
-    (evt) => {
-      const el = listDomUtils.closestListItem(evt.target);
-      if (isToggleElement(el)) {
-        evt.stopPropagation();
-        evt.preventDefault();
-        const node = hierarchicalDataUtils.getNodeById(source, el.id);
-        if (node?.expanded === false) {
-          setSource(expandNode(source, node));
-        } else if (node?.expanded === true) {
-          setSource(collapseNode(source, node));
-        }
-      }
-    },
-    [collapseNode, expandNode, setSource, source]
-  );
-  const listItemHandlers = {
-    onClick: handleClick
-  };
-  return {
-    listHandlers,
-    listItemHandlers
-  };
-};
-
-exports.useCollapsibleGroups = useCollapsibleGroups;
-//# sourceMappingURL=use-collapsible-groups.js.map

package/cjs/tree/use-collapsible-groups.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"use-collapsible-groups.js","sources":["../../src/tree/use-collapsible-groups.ts"],"sourcesContent":["import { KeyboardEvent, MouseEvent, useCallback, useRef } from \"react\";\nimport { closestListItem } from \"./list-dom-utils\";\nimport { ArrowLeft, ArrowRight, Enter } from \"./key-code\";\nimport { getNodeById, replaceNode } from \"./hierarchical-data-utils\";\nimport { NormalisedTreeSourceNode } from \"@vuu-ui/vuu-utils\";\n\nconst NO_HANDLERS: CollapsibleHookResult[\"listHandlers\"] = {};\nconst isToggleElement = (element: HTMLElement) =>\n  element && element.hasAttribute(\"aria-expanded\");\n\nexport interface CollapsibleGroupsHookProps {\n  collapsibleHeaders?: boolean;\n  highlightedIdx: number;\n  treeNodes: NormalisedTreeSourceNode[];\n  setVisibleData: (nodes: NormalisedTreeSourceNode[]) => void;\n  source: NormalisedTreeSourceNode[];\n}\n\nexport interface CollapsibleHookResult {\n  listHandlers: {\n    onKeyDown?: (e: KeyboardEvent) => void;\n  };\n  listItemHandlers: {\n    onClick: (e: MouseEvent) => void;\n  };\n}\n\nexport const useCollapsibleGroups = ({\n  collapsibleHeaders,\n  highlightedIdx,\n  treeNodes,\n  setVisibleData,\n  source,\n}: CollapsibleGroupsHookProps): CollapsibleHookResult => {\n  const fullSource = useRef<NormalisedTreeSourceNode[]>(source);\n  const stateSource = useRef<NormalisedTreeSourceNode[]>(fullSource.current);\n\n  const setSource = useCallback(\n    (value) => {\n      setVisibleData((stateSource.current = value));\n    },\n    [setVisibleData],\n  );\n\n  const expandNode = useCallback(\n    (nodeList: NormalisedTreeSourceNode[], { id }: NormalisedTreeSourceNode) =>\n      replaceNode(nodeList, id, { expanded: true }),\n    [],\n  );\n\n  const collapseNode = useCallback(\n    (nodeList, { id }) => replaceNode(nodeList, id, { expanded: false }),\n    [],\n  );\n\n  const handleKeyDown = useCallback(\n    (e: KeyboardEvent) => {\n      if (e.key === ArrowRight || e.key === Enter) {\n        const node = treeNodes[highlightedIdx];\n        if (node) {\n          if (node.expanded === false) {\n            e.preventDefault();\n            setSource(expandNode(stateSource.current, node));\n          }\n        }\n      }\n\n      if (e.key === ArrowLeft || e.key === Enter) {\n        const node = treeNodes[highlightedIdx];\n        if (node) {\n          if (node.expanded) {\n            e.preventDefault();\n            setSource(collapseNode(stateSource.current, node));\n          }\n        }\n      }\n    },\n    [collapseNode, expandNode, highlightedIdx, treeNodes, setSource],\n  );\n\n  /**\n   * These are List handlers, so we will not have reference to the actual node\n   * element. We must rely on highlightedIdx to tell us which node is interactive.\n   */\n  const listHandlers = collapsibleHeaders\n    ? {\n        onKeyDown: handleKeyDown,\n      }\n    : NO_HANDLERS;\n\n  const handleClick = useCallback(\n    (evt) => {\n      const el = closestListItem(evt.target);\n      if (isToggleElement(el)) {\n        evt.stopPropagation();\n        evt.preventDefault();\n        const node = getNodeById(source, el.id);\n        if (node?.expanded === false) {\n          setSource(expandNode(source, node));\n        } else if (node?.expanded === true) {\n          setSource(collapseNode(source, node));\n        }\n      }\n    },\n    [collapseNode, expandNode, setSource, source],\n  );\n\n  const listItemHandlers = {\n    onClick: handleClick,\n  };\n\n  return {\n    listHandlers,\n    listItemHandlers,\n  };\n};\n"],"names":["useRef","useCallback","replaceNode","ArrowRight","Enter","ArrowLeft","closestListItem","getNodeById"],"mappings":"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"}

package/cjs/tree/use-hierarchical-data.js

@@ -1,51 +0,0 @@
-'use strict';
-
-var React = require('react');
-var hierarchicalDataUtils = require('./hierarchical-data-utils.js');
-var treeTypeUtils = require('./treeTypeUtils.js');
-
-const populateIndices = (nodes, results = [], idx = { value: 0 }) => {
-  let skipToNextHeader = false;
-  for (const node of nodes) {
-    if (skipToNextHeader && !hierarchicalDataUtils.isHeader(node)) {
-      continue;
-    } else {
-      results[idx.value] = node;
-      idx.value += 1;
-      skipToNextHeader = false;
-      if (hierarchicalDataUtils.isHeader(node) && node.expanded === false) {
-        skipToNextHeader = true;
-      } else if (hierarchicalDataUtils.isGroupNode(node)) {
-        if (treeTypeUtils.isExpanded(node)) {
-          populateIndices(node.childNodes, results, idx);
-        }
-      }
-    }
-  }
-  return results;
-};
-const useHierarchicalData = (source) => {
-  const externalSource = React.useRef(source);
-  const statefulSource = React.useRef(source);
-  const indexPositions = React.useRef(populateIndices(source));
-  const [, forceUpdate] = React.useState({});
-  if (source !== externalSource.current) {
-    externalSource.current = source;
-    statefulSource.current = source;
-    indexPositions.current = populateIndices(source);
-  }
-  const setData = (value) => {
-    statefulSource.current = value;
-    indexPositions.current = populateIndices(value);
-    forceUpdate({});
-  };
-  return {
-    // data, // do we actually use the data anywhere
-    data: statefulSource.current,
-    indexPositions: indexPositions.current,
-    setData
-  };
-};
-
-exports.useHierarchicalData = useHierarchicalData;
-//# sourceMappingURL=use-hierarchical-data.js.map

package/cjs/tree/use-hierarchical-data.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"use-hierarchical-data.js","sources":["../../src/tree/use-hierarchical-data.ts"],"sourcesContent":["import { useRef, useState } from \"react\";\nimport { isGroupNode, isHeader } from \"./hierarchical-data-utils\";\nimport { isExpanded } from \"./treeTypeUtils\";\nimport { NormalisedTreeSourceNode } from \"@vuu-ui/vuu-utils\";\n\nconst populateIndices = (\n  nodes: NormalisedTreeSourceNode[],\n  results: NormalisedTreeSourceNode[] = [],\n  idx = { value: 0 },\n) => {\n  let skipToNextHeader = false;\n  for (const node of nodes) {\n    if (skipToNextHeader && !isHeader(node)) {\n      continue;\n    } else {\n      results[idx.value] = node;\n      idx.value += 1;\n      skipToNextHeader = false;\n      if (isHeader(node) && node.expanded === false) {\n        skipToNextHeader = true;\n      } else if (isGroupNode(node)) {\n        if (isExpanded(node)) {\n          populateIndices(node.childNodes, results, idx);\n        }\n      }\n    }\n  }\n  return results;\n};\n\n//TODO return a read-only data structure\n// Question: is source changes at runtime, do we lose any current state ?\nexport const useHierarchicalData = (source: NormalisedTreeSourceNode[]) => {\n  // console.log(`%c[useHierarchicalData<${label}>] entry`, 'color: green; font-weight: bold;');\n\n  const externalSource = useRef(source);\n  const statefulSource = useRef(source);\n  const indexPositions = useRef(populateIndices(source));\n  const [, forceUpdate] = useState({});\n\n  // Maintain a mapping between nodes and their current index position within the rendered list.\n  // This index position is liable to change with every expand/collapse operation. We require this\n  // when handling keyboard events - these are List level, not listItem level, so we depend on the\n\n  // Client needs to be careful source is not recreated inadvertently on each render\n  if (source !== externalSource.current) {\n    // console.log(\n    //   `%cuseHierarchicalData source has changed`,\n    //   'color:red;font-weight: bold;',\n    //   externalSource.current,\n    //   source\n    // );\n    externalSource.current = source;\n    // we might want to try and merge existing state here ?\n    statefulSource.current = source;\n    indexPositions.current = populateIndices(source);\n  }\n\n  const setData = (value: NormalisedTreeSourceNode[]) => {\n    statefulSource.current = value;\n    indexPositions.current = populateIndices(value);\n    // console.log(\n    //   `data set in ${label} (${indexPositions.current.length} visible items)`,\n    //   indexPositions.current.map((i) => ({ index: i.index, label: i.label }))\n    // );\n    forceUpdate({});\n  };\n\n  return {\n    // data, // do we actually use the data anywhere\n    data: statefulSource.current,\n    indexPositions: indexPositions.current,\n    setData,\n  };\n};\n"],"names":["isHeader","isGroupNode","isExpanded","useRef","useState"],"mappings":";;;;;;AAKA,MAAM,eAAA,GAAkB,CACtB,KAAA,EACA,OAAsC,GAAA,IACtC,GAAM,GAAA,EAAE,KAAO,EAAA,CAAA,EACZ,KAAA;AACH,EAAA,IAAI,gBAAmB,GAAA,KAAA,CAAA;AACvB,EAAA,KAAA,MAAW,QAAQ,KAAO,EAAA;AACxB,IAAA,IAAI,gBAAoB,IAAA,CAACA,8BAAS,CAAA,IAAI,CAAG,EAAA;AACvC,MAAA,SAAA;AAAA,KACK,MAAA;AACL,MAAQ,OAAA,CAAA,GAAA,CAAI,KAAK,CAAI,GAAA,IAAA,CAAA;AACrB,MAAA,GAAA,CAAI,KAAS,IAAA,CAAA,CAAA;AACb,MAAmB,gBAAA,GAAA,KAAA,CAAA;AACnB,MAAA,IAAIA,8BAAS,CAAA,IAAI,CAAK,IAAA,IAAA,CAAK,aAAa,KAAO,EAAA;AAC7C,QAAmB,gBAAA,GAAA,IAAA,CAAA;AAAA,OACrB,MAAA,IAAWC,iCAAY,CAAA,IAAI,CAAG,EAAA;AAC5B,QAAI,IAAAC,wBAAA,CAAW,IAAI,CAAG,EAAA;AACpB,UAAgB,eAAA,CAAA,IAAA,CAAK,UAAY,EAAA,OAAA,EAAS,GAAG,CAAA,CAAA;AAAA,SAC/C;AAAA,OACF;AAAA,KACF;AAAA,GACF;AACA,EAAO,OAAA,OAAA,CAAA;AACT,CAAA,CAAA;AAIa,MAAA,mBAAA,GAAsB,CAAC,MAAuC,KAAA;AAGzE,EAAM,MAAA,cAAA,GAAiBC,aAAO,MAAM,CAAA,CAAA;AACpC,EAAM,MAAA,cAAA,GAAiBA,aAAO,MAAM,CAAA,CAAA;AACpC,EAAA,MAAM,cAAiB,GAAAA,YAAA,CAAO,eAAgB,CAAA,MAAM,CAAC,CAAA,CAAA;AACrD,EAAA,MAAM,GAAG,WAAW,CAAI,GAAAC,cAAA,CAAS,EAAE,CAAA,CAAA;AAOnC,EAAI,IAAA,MAAA,KAAW,eAAe,OAAS,EAAA;AAOrC,IAAA,cAAA,CAAe,OAAU,GAAA,MAAA,CAAA;AAEzB,IAAA,cAAA,CAAe,OAAU,GAAA,MAAA,CAAA;AACzB,IAAe,cAAA,CAAA,OAAA,GAAU,gBAAgB,MAAM,CAAA,CAAA;AAAA,GACjD;AAEA,EAAM,MAAA,OAAA,GAAU,CAAC,KAAsC,KAAA;AACrD,IAAA,cAAA,CAAe,OAAU,GAAA,KAAA,CAAA;AACzB,IAAe,cAAA,CAAA,OAAA,GAAU,gBAAgB,KAAK,CAAA,CAAA;AAK9C,IAAA,WAAA,CAAY,EAAE,CAAA,CAAA;AAAA,GAChB,CAAA;AAEA,EAAO,OAAA;AAAA;AAAA,IAEL,MAAM,cAAe,CAAA,OAAA;AAAA,IACrB,gBAAgB,cAAe,CAAA,OAAA;AAAA,IAC/B,OAAA;AAAA,GACF,CAAA;AACF;;;;"}

package/cjs/tree/use-items-with-ids.js

@@ -1,100 +0,0 @@
-'use strict';
-
-var React = require('react');
-
-const PathSeparators = /* @__PURE__ */ new Set(["/", "-", "."]);
-const isPathSeparator = (char) => PathSeparators.has(char);
-const isParentPath = (parentPath, childPath) => childPath.startsWith(parentPath) && isPathSeparator(childPath[parentPath.length]);
-const useItemsWithIds = (sourceProp, idRoot = "root", {
-  collapsibleHeaders = void 0,
-  defaultExpanded = false,
-  revealSelected = false
-} = {}) => {
-  const countChildItems = (item, items, idx) => {
-    if (item.childNodes) {
-      return item.childNodes.length;
-    } else if (item.header) {
-      let i = idx + 1;
-      let count2 = 0;
-      while (i < items.length && !items[i].header) {
-        count2++;
-        i++;
-      }
-      return count2;
-    } else {
-      return 0;
-    }
-  };
-  const isExpanded = React.useCallback(
-    (path) => {
-      if (Array.isArray(revealSelected)) {
-        return revealSelected.some((id) => isParentPath(path, id));
-      }
-      return defaultExpanded;
-    },
-    [defaultExpanded, revealSelected]
-  );
-  const normalizeItems = React.useCallback(
-    (items, indexer, level = 1, path = "", results = [], flattenedSource2 = []) => {
-      let count2 = 0;
-      items.forEach((item, i, all) => {
-        const isCollapsibleHeader = item.header && collapsibleHeaders;
-        const isNonCollapsibleGroupNode = item.childNodes && collapsibleHeaders === false;
-        const isLeaf = !item.childNodes || item.childNodes.length === 0;
-        const nonCollapsible = isNonCollapsibleGroupNode || isLeaf && !isCollapsibleHeader;
-        const childPath = path ? `${path}.${i}` : `${i}`;
-        const id = item.id ?? `${idRoot}-${childPath}`;
-        const expanded = nonCollapsible ? void 0 : isExpanded(id);
-        const normalisedItem = {
-          ...item,
-          childNodes: void 0,
-          id,
-          count: !isNonCollapsibleGroupNode && expanded === void 0 ? 0 : countChildItems(item, all, i),
-          expanded,
-          index: indexer.index,
-          level
-        };
-        results.push(normalisedItem);
-        flattenedSource2.push(items[i]);
-        count2 += 1;
-        indexer.index += 1;
-        if (item.childNodes) {
-          const [childCount, children] = normalizeItems(
-            item.childNodes,
-            indexer,
-            level + 1,
-            childPath,
-            [],
-            flattenedSource2
-          );
-          normalisedItem.childNodes = children;
-          if (expanded === true || isNonCollapsibleGroupNode) {
-            count2 += childCount;
-          }
-        }
-      });
-      return [count2, results, flattenedSource2];
-    },
-    [collapsibleHeaders, idRoot, isExpanded]
-  );
-  const [count, sourceWithIds, flattenedSource] = React.useMemo(() => {
-    return normalizeItems(sourceProp, { index: 0 });
-  }, [normalizeItems, sourceProp]);
-  const sourceItemById = React.useCallback(
-    (id, target = sourceWithIds) => {
-      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 sourceItemById(id, sourceWithId.childNodes);
-      }
-    },
-    [flattenedSource, sourceWithIds]
-  );
-  return [count, sourceWithIds, sourceItemById];
-};
-
-exports.useItemsWithIds = useItemsWithIds;
-//# sourceMappingURL=use-items-with-ids.js.map

package/cjs/tree/use-items-with-ids.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"use-items-with-ids.js","sources":["../../src/tree/use-items-with-ids.ts"],"sourcesContent":["import { useCallback, useMemo } from \"react\";\nimport { NormalisedTreeSourceNode, TreeSourceNode } from \"@vuu-ui/vuu-utils\";\n\nconst PathSeparators = new Set([\"/\", \"-\", \".\"]);\n// TODO where do we define or identify separators\nconst isPathSeparator = (char: string) => PathSeparators.has(char);\n\nconst isParentPath = (parentPath: string, childPath: string) =>\n  childPath.startsWith(parentPath) &&\n  isPathSeparator(childPath[parentPath.length]);\n\ntype Indexer = {\n  index: number;\n};\n\ntype SourceItemById = (\n  id: string,\n  target?: NormalisedTreeSourceNode[],\n) => TreeSourceNode | undefined;\n\nexport const useItemsWithIds = (\n  sourceProp: TreeSourceNode[],\n  idRoot = \"root\",\n  {\n    collapsibleHeaders = undefined,\n    defaultExpanded = false,\n    revealSelected = false,\n  } = {},\n): [number, NormalisedTreeSourceNode[], SourceItemById] => {\n  const countChildItems = (\n    item: TreeSourceNode,\n    items: TreeSourceNode[],\n    idx: number,\n  ) => {\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\n  const isExpanded = useCallback(\n    (path) => {\n      if (Array.isArray(revealSelected)) {\n        return revealSelected.some((id) => isParentPath(path, id));\n      }\n      return defaultExpanded;\n    },\n    [defaultExpanded, revealSelected],\n  );\n\n  const normalizeItems = useCallback(\n    (\n      items: TreeSourceNode[],\n      indexer: Indexer,\n      level = 1,\n      path = \"\",\n      results: NormalisedTreeSourceNode[] = [],\n      flattenedSource: TreeSourceNode[] = [],\n    ): [number, NormalisedTreeSourceNode[], TreeSourceNode[]] => {\n      let count = 0;\n      // TODO get rid of the Proxy\n      items.forEach((item, i, all) => {\n        const isCollapsibleHeader = item.header && collapsibleHeaders;\n        const isNonCollapsibleGroupNode =\n          item.childNodes && collapsibleHeaders === false;\n        const isLeaf = !item.childNodes || item.childNodes.length === 0;\n        const nonCollapsible =\n          isNonCollapsibleGroupNode || (isLeaf && !isCollapsibleHeader);\n        const childPath = path ? `${path}.${i}` : `${i}`;\n        const id = item.id ?? `${idRoot}-${childPath}`;\n\n        const expanded = nonCollapsible ? undefined : isExpanded(id);\n        //TODO dev time check - if id is provided by user, make sure\n        // hierarchical pattern is consistent\n        const normalisedItem: NormalisedTreeSourceNode = {\n          ...item,\n          childNodes: undefined,\n          id,\n          count:\n            !isNonCollapsibleGroupNode && expanded === undefined\n              ? 0\n              : countChildItems(item, all, i),\n          expanded,\n          index: indexer.index,\n          level,\n        };\n        results.push(normalisedItem);\n        flattenedSource.push(items[i]);\n\n        count += 1;\n        indexer.index += 1;\n\n        // if ((isNonCollapsibleGroupNode || expanded !== undefined) && !isCollapsibleHeader) {\n        if (item.childNodes) {\n          const [childCount, children] = normalizeItems(\n            item.childNodes,\n            indexer,\n            level + 1,\n            childPath,\n            [],\n            flattenedSource,\n          );\n          normalisedItem.childNodes = children;\n          if (expanded === true || isNonCollapsibleGroupNode) {\n            count += childCount;\n          }\n        }\n      });\n      return [count, results, flattenedSource];\n    },\n    [collapsibleHeaders, idRoot, isExpanded],\n  );\n\n  const [count, sourceWithIds, flattenedSource] = useMemo<\n    [number, NormalisedTreeSourceNode[], TreeSourceNode[]]\n  >(() => {\n    return normalizeItems(sourceProp, { index: 0 });\n  }, [normalizeItems, sourceProp]);\n\n  const sourceItemById = useCallback<SourceItemById>(\n    (id, target = sourceWithIds): TreeSourceNode | undefined => {\n      const sourceWithId = target.find(\n        (i) => i.id === id || (i?.childNodes?.length && isParentPath(i.id, id)),\n      );\n      if (sourceWithId?.id === id) {\n        return flattenedSource[sourceWithId.index];\n      } else if (sourceWithId) {\n        return sourceItemById(id, sourceWithId.childNodes);\n      }\n    },\n    [flattenedSource, sourceWithIds],\n  );\n\n  return [count, sourceWithIds, sourceItemById];\n};\n"],"names":["count","useCallback","flattenedSource","useMemo"],"mappings":"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"}

package/cjs/tree/use-keyboard-navigation.js

@@ -1,144 +0,0 @@
-'use strict';
-
-var React = require('react');
-var hierarchicalDataUtils = require('./hierarchical-data-utils.js');
-var core = require('@salt-ds/core');
-var keyCode = require('./key-code.js');
-
-function nextItemIdx(count, key, idx) {
-  if (key === keyCode.ArrowUp || key === keyCode.ArrowLeft) {
-    if (idx > 0) {
-      return idx - 1;
-    } else {
-      return idx;
-    }
-  } else {
-    if (idx === null) {
-      return 0;
-    } else if (idx === count - 1) {
-      return idx;
-    } else {
-      return idx + 1;
-    }
-  }
-}
-const isLeaf = (item) => !item.header && !item.childNodes;
-const isFocusable = (item) => isLeaf(item) || item.expanded !== void 0;
-const useKeyboardNavigation = ({
-  defaultHighlightedIdx = -1,
-  highlightedIdx: highlightedIdxProp,
-  treeNodes,
-  onHighlight,
-  onKeyboardNavigation,
-  selected = []
-}) => {
-  const { bwd: ArrowBwd, fwd: ArrowFwd } = React.useMemo(
-    () => ({
-      bwd: keyCode.ArrowUp,
-      fwd: keyCode.ArrowDown
-    }),
-    []
-  );
-  const [highlightedIdx, setHighlightedIdx, isControlledHighlighting] = core.useControlled({
-    controlled: highlightedIdxProp,
-    default: defaultHighlightedIdx,
-    name: "highlightedIdx"
-  });
-  const setHighlightedIndex = React.useCallback(
-    (idx) => {
-      onHighlight?.(idx);
-      setHighlightedIdx(idx);
-    },
-    [onHighlight, setHighlightedIdx]
-  );
-  const nextFocusableItemIdx = React.useCallback(
-    (key = ArrowFwd, idx = key === ArrowFwd ? -1 : treeNodes.length) => {
-      let nextIdx = nextItemIdx(treeNodes.length, key, idx);
-      while (nextIdx !== -1 && (key === ArrowFwd && nextIdx < treeNodes.length || key === ArrowBwd && nextIdx > 0) && !isFocusable(treeNodes[nextIdx])) {
-        nextIdx = nextItemIdx(treeNodes.length, key, nextIdx);
-      }
-      return nextIdx;
-    },
-    [ArrowBwd, ArrowFwd, treeNodes]
-  );
-  const keyBoardNavigation = React.useRef(true);
-  const ignoreFocus = React.useRef(false);
-  const setIgnoreFocus = (value) => ignoreFocus.current = value;
-  const handleFocus = React.useCallback(() => {
-    if (ignoreFocus.current) {
-      ignoreFocus.current = false;
-    } else if (selected.length > 0) {
-      const node = hierarchicalDataUtils.getNodeById(treeNodes, selected[0]);
-      if (node) {
-        const idx = hierarchicalDataUtils.getIndexOfNode(treeNodes, node);
-        setHighlightedIndex(idx);
-      }
-    } else {
-      setHighlightedIndex(nextFocusableItemIdx());
-    }
-  }, [treeNodes, nextFocusableItemIdx, selected, setHighlightedIndex]);
-  const navigateChildItems = React.useCallback(
-    (e) => {
-      const nextIdx = nextFocusableItemIdx(e.key, highlightedIdx);
-      if (nextIdx !== highlightedIdx) {
-        setHighlightedIndex(nextIdx);
-        onKeyboardNavigation?.(e, nextIdx);
-      }
-    },
-    [
-      highlightedIdx,
-      nextFocusableItemIdx,
-      onKeyboardNavigation,
-      setHighlightedIndex
-    ]
-  );
-  const handleKeyDown = React.useCallback(
-    (e) => {
-      if (treeNodes.length > 0 && keyCode.isNavigationKey(e, "vertical")) {
-        e.preventDefault();
-        e.stopPropagation();
-        keyBoardNavigation.current = true;
-        navigateChildItems(e);
-      }
-    },
-    [treeNodes, navigateChildItems]
-  );
-  const listProps = React.useMemo(
-    () => ({
-      onBlur: () => {
-        setHighlightedIndex(-1);
-      },
-      onFocus: handleFocus,
-      onKeyDown: handleKeyDown,
-      onMouseDownCapture: () => {
-        keyBoardNavigation.current = false;
-        setIgnoreFocus(true);
-      },
-      // onMouseEnter would seem less expensive but it misses some cases
-      // SHould this be here - this is not strictly keyboard nav
-      onMouseMove: () => {
-        if (keyBoardNavigation.current) {
-          keyBoardNavigation.current = false;
-        }
-      },
-      onMouseLeave: () => {
-        keyBoardNavigation.current = true;
-        setIgnoreFocus(false);
-        setHighlightedIndex(-1);
-      }
-    }),
-    [handleFocus, handleKeyDown, setHighlightedIndex]
-  );
-  return {
-    focusVisible: keyBoardNavigation.current ? highlightedIdx : -1,
-    controlledHighlighting: isControlledHighlighting,
-    highlightedIdx,
-    hiliteItemAtIndex: setHighlightedIndex,
-    keyBoardNavigation,
-    listProps,
-    setIgnoreFocus
-  };
-};
-
-exports.useKeyboardNavigation = useKeyboardNavigation;
-//# sourceMappingURL=use-keyboard-navigation.js.map

package/cjs/tree/use-keyboard-navigation.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"use-keyboard-navigation.js","sources":["../../src/tree/use-keyboard-navigation.ts"],"sourcesContent":["import { KeyboardEvent, useCallback, useMemo, useRef } from \"react\";\nimport { getIndexOfNode, getNodeById } from \"./hierarchical-data-utils\";\nimport { useControlled } from \"@salt-ds/core\";\nimport { ArrowDown, ArrowLeft, ArrowUp, isNavigationKey } from \"./key-code\";\nimport { NormalisedTreeSourceNode } from \"@vuu-ui/vuu-utils\";\n\nfunction nextItemIdx(count: number, key: string, idx: number) {\n  if (key === ArrowUp || key === ArrowLeft) {\n    if (idx > 0) {\n      return idx - 1;\n    } else {\n      return idx;\n    }\n  } else {\n    if (idx === null) {\n      return 0;\n    } else if (idx === count - 1) {\n      return idx;\n    } else {\n      return idx + 1;\n    }\n  }\n}\n\nconst isLeaf = (item: NormalisedTreeSourceNode) =>\n  !item.header && !item.childNodes;\nconst isFocusable = (item: NormalisedTreeSourceNode) =>\n  isLeaf(item) || item.expanded !== undefined;\n\nexport interface KeyboardNavigationHookProps {\n  defaultHighlightedIdx?: number;\n  highlightedIdx?: number;\n  onHighlight?: (highlightedIdx: number) => void;\n  onKeyboardNavigation?: (evt: KeyboardEvent, nextIdx: number) => void;\n  selected: string[];\n  treeNodes: NormalisedTreeSourceNode[];\n}\n\n// we need a way to set highlightedIdx when selection changes\nexport const useKeyboardNavigation = ({\n  defaultHighlightedIdx = -1,\n  highlightedIdx: highlightedIdxProp,\n  treeNodes,\n  onHighlight,\n  onKeyboardNavigation,\n  selected = [],\n}: KeyboardNavigationHookProps) => {\n  const { bwd: ArrowBwd, fwd: ArrowFwd } = useMemo(\n    () => ({\n      bwd: ArrowUp,\n      fwd: ArrowDown,\n    }),\n    [],\n  );\n\n  const [highlightedIdx, setHighlightedIdx, isControlledHighlighting] =\n    useControlled({\n      controlled: highlightedIdxProp,\n      default: defaultHighlightedIdx,\n      name: \"highlightedIdx\",\n    });\n\n  const setHighlightedIndex = useCallback(\n    (idx) => {\n      onHighlight?.(idx);\n      setHighlightedIdx(idx);\n    },\n    [onHighlight, setHighlightedIdx],\n  );\n\n  const nextFocusableItemIdx = useCallback(\n    (key = ArrowFwd, idx = key === ArrowFwd ? -1 : treeNodes.length) => {\n      let nextIdx = nextItemIdx(treeNodes.length, key, idx);\n      while (\n        nextIdx !== -1 &&\n        ((key === ArrowFwd && nextIdx < treeNodes.length) ||\n          (key === ArrowBwd && nextIdx > 0)) &&\n        !isFocusable(treeNodes[nextIdx])\n      ) {\n        nextIdx = nextItemIdx(treeNodes.length, key, nextIdx);\n      }\n      return nextIdx;\n    },\n    [ArrowBwd, ArrowFwd, treeNodes],\n  );\n\n  // does this belong here or should it be a method passed in?\n  const keyBoardNavigation = useRef(true);\n  const ignoreFocus = useRef(false);\n  const setIgnoreFocus = (value: boolean) => (ignoreFocus.current = value);\n\n  const handleFocus = useCallback(() => {\n    if (ignoreFocus.current) {\n      ignoreFocus.current = false;\n    } else if (selected.length > 0) {\n      const node = getNodeById(treeNodes, selected[0]);\n      if (node) {\n        const idx = getIndexOfNode(treeNodes, node);\n        setHighlightedIndex(idx);\n      }\n    } else {\n      setHighlightedIndex(nextFocusableItemIdx());\n    }\n  }, [treeNodes, nextFocusableItemIdx, selected, setHighlightedIndex]);\n\n  const navigateChildItems = useCallback(\n    (e) => {\n      const nextIdx = nextFocusableItemIdx(e.key, highlightedIdx);\n      if (nextIdx !== highlightedIdx) {\n        setHighlightedIndex(nextIdx);\n        // What exactly is the point of this ?\n        onKeyboardNavigation?.(e, nextIdx);\n      }\n    },\n    [\n      highlightedIdx,\n      nextFocusableItemIdx,\n      onKeyboardNavigation,\n      setHighlightedIndex,\n    ],\n  );\n\n  const handleKeyDown = useCallback(\n    (e) => {\n      if (treeNodes.length > 0 && isNavigationKey(e, \"vertical\")) {\n        e.preventDefault();\n        e.stopPropagation();\n        keyBoardNavigation.current = true;\n        navigateChildItems(e);\n      }\n    },\n    [treeNodes, navigateChildItems],\n  );\n\n  const listProps = useMemo(\n    () => ({\n      onBlur: () => {\n        setHighlightedIndex(-1);\n      },\n      onFocus: handleFocus,\n      onKeyDown: handleKeyDown,\n      onMouseDownCapture: () => {\n        keyBoardNavigation.current = false;\n        setIgnoreFocus(true);\n      },\n\n      // onMouseEnter would seem less expensive but it misses some cases\n      // SHould this be here - this is not strictly keyboard nav\n      onMouseMove: () => {\n        if (keyBoardNavigation.current) {\n          keyBoardNavigation.current = false;\n        }\n      },\n      onMouseLeave: () => {\n        keyBoardNavigation.current = true;\n        setIgnoreFocus(false);\n        setHighlightedIndex(-1);\n      },\n    }),\n    [handleFocus, handleKeyDown, setHighlightedIndex],\n  );\n\n  return {\n    focusVisible: keyBoardNavigation.current ? highlightedIdx : -1,\n    controlledHighlighting: isControlledHighlighting,\n    highlightedIdx,\n    hiliteItemAtIndex: setHighlightedIndex,\n    keyBoardNavigation,\n    listProps,\n    setIgnoreFocus,\n  };\n};\n"],"names":["ArrowUp","ArrowLeft","useMemo","ArrowDown","useControlled","useCallback","useRef","getNodeById","getIndexOfNode","isNavigationKey"],"mappings":"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"}