@vuu-ui/vuu-table 2.1.18 → 2.1.19-beta.1

package/esm/useKeyboardNavigation.js

@@ -1,319 +0,0 @@
-import { queryClosest } from '@vuu-ui/vuu-utils';
-import { useControlled } from '@salt-ds/core';
-import { useRef, useCallback, useEffect } from 'react';
-import { getFocusedCell, getTreeNodeOperation, getLevelUp, getNextEditableCellPos, getNextCellPos, cellDropdownShowing, getAriaCellPos, closestRowIndex } from './table-dom-utils.js';
-
-const rowNavigationKeys = /* @__PURE__ */ new Set([
-  "Home",
-  "End",
-  "PageUp",
-  "PageDown",
-  "ArrowDown",
-  "ArrowUp"
-]);
-const CellLocator = ".vuuTableCell,.vuuTableHeaderCell,.vuuTableGroupHeaderCell";
-const CellControlLocator = ".vuuColumnMenu,.vuuColumnHeaderPill";
-const cellNavigationKeys = new Set(rowNavigationKeys);
-cellNavigationKeys.add("ArrowLeft");
-cellNavigationKeys.add("ArrowRight");
-const isNavigationKey = (key, navigationStyle) => {
-  switch (navigationStyle) {
-    case "cell":
-    case "tree":
-      return cellNavigationKeys.has(key);
-    case "row":
-      return rowNavigationKeys.has(key);
-    default:
-      return false;
-  }
-};
-const focusControlWithinCell = (e, el) => {
-  if (e.shiftKey && e.key.match(/Arrow(Left|Right)/)) {
-    if (el?.classList.contains("vuuTableHeaderCell")) {
-      const menuButton = el?.querySelector(".vuuColumnMenu");
-      if (menuButton) {
-        menuButton.focus();
-        return true;
-      }
-    } else if (el?.classList.contains("vuuTableGroupHeaderCell")) {
-      const headerPill = el?.querySelector(
-        ".vuuColumnHeaderPill"
-      );
-      if (headerPill) {
-        headerPill.focus();
-        return true;
-      }
-    } else if (el?.classList.contains("vuuColumnHeaderPill")) {
-      const nextPill = el.parentElement?.nextElementSibling?.firstChild;
-      if (nextPill?.classList.contains("vuuColumnHeaderPill")) {
-        nextPill.focus();
-        return true;
-      } else {
-        const removeButton = queryClosest(
-          el,
-          ".vuuTableGroupHeaderCell",
-          true
-        ).querySelector(".vuuTableGroupHeaderCell-removeAll");
-        if (removeButton) {
-          removeButton.focus();
-          return true;
-        }
-      }
-    }
-  }
-  return false;
-};
-const PageKeys = ["Home", "End", "PageUp", "PageDown"];
-const isPagingKey = (key) => PageKeys.includes(key);
-const useKeyboardNavigation = ({
-  cellFocusStateRef,
-  columnCount = 0,
-  containerRef,
-  defaultHighlightedIndex,
-  disableHighlightOnFocus,
-  editSessionInProgress,
-  focusCell,
-  headerCount,
-  highlightedIndex: highlightedIndexProp,
-  navigationStyle,
-  requestScroll,
-  onHighlight,
-  onToggleGroup,
-  rowCount = 0,
-  viewportRowCount
-}) => {
-  const highlightedIndexRef = useRef(void 0);
-  const [highlightedIndex, setHighlightedIdx] = useControlled({
-    controlled: highlightedIndexProp,
-    default: defaultHighlightedIndex,
-    name: "UseKeyboardNavigation"
-  });
-  highlightedIndexRef.current = highlightedIndex;
-  const maxRowIndex = rowCount + headerCount;
-  const setHighlightedIndex = useCallback(
-    (idx) => {
-      onHighlight?.(idx);
-      setHighlightedIdx(idx);
-      highlightedIndexRef.current = idx;
-    },
-    [onHighlight, setHighlightedIdx]
-  );
-  const setActiveCell = useCallback(
-    (rowIdx, colIdx) => {
-      const pos = [rowIdx, colIdx];
-      if (navigationStyle === "row") {
-        setHighlightedIdx(rowIdx);
-      } else {
-        focusCell(pos);
-      }
-    },
-    [focusCell, navigationStyle, setHighlightedIdx]
-  );
-  const nextPageItemIdx = useCallback(
-    (key, [rowIdx, colIdx]) => new Promise((resolve) => {
-      let newRowIdx = rowIdx;
-      switch (key) {
-        case "PageDown": {
-          newRowIdx = Math.min(rowCount - 1, rowIdx + viewportRowCount);
-          if (newRowIdx !== rowIdx) {
-            requestScroll?.({ type: "scroll-page", direction: "down" });
-          }
-          break;
-        }
-        case "PageUp": {
-          newRowIdx = Math.max(0, rowIdx - viewportRowCount);
-          if (newRowIdx !== rowIdx) {
-            requestScroll?.({ type: "scroll-page", direction: "up" });
-          }
-          break;
-        }
-        case "Home": {
-          newRowIdx = headerCount + 1;
-          if (newRowIdx !== rowIdx) {
-            requestScroll?.({ type: "scroll-end", direction: "home" });
-          }
-          break;
-        }
-        case "End": {
-          newRowIdx = rowCount + headerCount;
-          if (newRowIdx !== rowIdx) {
-            requestScroll?.({ type: "scroll-end", direction: "end" });
-          }
-          break;
-        }
-      }
-      setTimeout(() => {
-        resolve([newRowIdx, colIdx]);
-      }, 35);
-    }),
-    [headerCount, requestScroll, rowCount, viewportRowCount]
-  );
-  const handleFocus = useCallback(() => {
-    if (disableHighlightOnFocus !== true) {
-      if (containerRef.current?.contains(document.activeElement)) {
-        const focusedCell = getFocusedCell(document.activeElement);
-        if (focusedCell) {
-          cellFocusStateRef.current.cell = focusedCell;
-          if (navigationStyle === "row") {
-            setHighlightedIdx(cellFocusStateRef.current.cellPos?.[0]);
-          }
-        }
-      }
-    }
-  }, [
-    disableHighlightOnFocus,
-    containerRef,
-    cellFocusStateRef,
-    navigationStyle,
-    setHighlightedIdx
-  ]);
-  const navigateChildItems = useCallback(
-    async (navigationStyle2 = "cell", key, shiftKey = false) => {
-      const { cellPos } = cellFocusStateRef.current;
-      if (cellPos === void 0) {
-        throw Error("navigateChildItems called before cellPos is set");
-      }
-      const [rowIdx, colIdx] = cellPos;
-      let nextRowIdx = -1, nextColIdx = -1;
-      if (isPagingKey(key)) {
-        [nextRowIdx, nextColIdx] = await nextPageItemIdx(key, cellPos);
-      } else {
-        const treeNodeOperation = getTreeNodeOperation(
-          containerRef,
-          navigationStyle2,
-          cellPos,
-          key,
-          shiftKey
-        );
-        if (treeNodeOperation === "expand" || treeNodeOperation === "collapse") {
-          onToggleGroup(treeNodeOperation, rowIdx - headerCount - 1);
-        } else if (treeNodeOperation === "level-up") {
-          [nextRowIdx, nextColIdx] = getLevelUp(containerRef, cellPos);
-        } else if (editSessionInProgress) {
-          [nextRowIdx, nextColIdx] = getNextEditableCellPos(
-            containerRef,
-            key,
-            cellPos,
-            columnCount,
-            maxRowIndex
-          );
-        } else {
-          [nextRowIdx, nextColIdx] = getNextCellPos(
-            key,
-            cellPos,
-            columnCount,
-            maxRowIndex
-          );
-        }
-      }
-      if (nextRowIdx !== rowIdx || nextColIdx !== colIdx) {
-        setActiveCell(nextRowIdx, nextColIdx);
-        setHighlightedIndex(nextRowIdx);
-      }
-    },
-    [
-      cellFocusStateRef,
-      nextPageItemIdx,
-      containerRef,
-      editSessionInProgress,
-      onToggleGroup,
-      headerCount,
-      columnCount,
-      maxRowIndex,
-      setActiveCell,
-      setHighlightedIndex
-    ]
-  );
-  const scrollRowIntoViewIfNecessary = useCallback(
-    (rowIndex) => {
-      requestScroll?.({ type: "scroll-row", rowIndex });
-    },
-    [requestScroll]
-  );
-  const moveHighlightedRow = useCallback(
-    async (key) => {
-      const { current: highlighted } = highlightedIndexRef;
-      const [nextRowIdx] = isPagingKey(key) ? await nextPageItemIdx(key, [highlighted ?? -1, 0]) : getNextCellPos(key, [highlighted ?? -1, 0], columnCount, maxRowIndex);
-      if (nextRowIdx !== highlighted) {
-        setHighlightedIndex(nextRowIdx);
-        scrollRowIntoViewIfNecessary(nextRowIdx);
-      }
-    },
-    [
-      columnCount,
-      maxRowIndex,
-      nextPageItemIdx,
-      scrollRowIntoViewIfNecessary,
-      setHighlightedIndex
-    ]
-  );
-  useEffect(() => {
-    if (highlightedIndexProp !== void 0 && highlightedIndexProp !== -1) {
-      requestAnimationFrame(() => {
-        scrollRowIntoViewIfNecessary(highlightedIndexProp);
-      });
-    }
-  }, [highlightedIndexProp, scrollRowIntoViewIfNecessary]);
-  const handleKeyDown = useCallback(
-    (e) => {
-      const cell = queryClosest(
-        e.target,
-        `${CellLocator},${CellControlLocator}`
-      );
-      if (cellDropdownShowing(cell)) {
-        return;
-      }
-      if (rowCount > 0 && isNavigationKey(e.key, navigationStyle)) {
-        e.preventDefault();
-        e.stopPropagation();
-        if (navigationStyle === "row") {
-          moveHighlightedRow(e.key);
-        } else if (navigationStyle !== "none") {
-          if (!focusControlWithinCell(e, cell)) {
-            navigateChildItems(navigationStyle, e.key, e.shiftKey);
-          }
-        }
-      }
-    },
-    [rowCount, navigationStyle, moveHighlightedRow, navigateChildItems]
-  );
-  const handleClick = useCallback(
-    // Might not be a cell e.g the Settings button
-    (evt) => {
-      const target = queryClosest(evt.target, CellLocator);
-      const focusedCell = getFocusedCell(target);
-      if (focusedCell) {
-        const [rowIdx, colIdx] = getAriaCellPos(focusedCell);
-        setActiveCell(rowIdx, colIdx);
-      }
-    },
-    [setActiveCell]
-  );
-  const handleMouseLeave = useCallback(() => {
-    setHighlightedIndex(-1);
-  }, [setHighlightedIndex]);
-  const handleMouseMove = useCallback(
-    (evt) => {
-      const rowIdx = closestRowIndex(evt.target);
-      if (rowIdx !== -1 && rowIdx !== highlightedIndexRef.current) {
-        setHighlightedIndex(rowIdx);
-      }
-    },
-    [setHighlightedIndex]
-  );
-  const navigateCell = useCallback(() => {
-    navigateChildItems("cell", "ArrowDown");
-  }, [navigateChildItems]);
-  return {
-    highlightedIndexRef,
-    navigateCell,
-    onClick: handleClick,
-    onFocus: handleFocus,
-    onKeyDown: handleKeyDown,
-    onMouseLeave: navigationStyle === "row" ? handleMouseLeave : void 0,
-    onMouseMove: navigationStyle === "row" ? handleMouseMove : void 0
-  };
-};
-
-export { isNavigationKey, isPagingKey, useKeyboardNavigation };
-//# sourceMappingURL=useKeyboardNavigation.js.map

package/esm/useKeyboardNavigation.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useKeyboardNavigation.js","sources":["../../../packages/vuu-table/src/useKeyboardNavigation.ts"],"sourcesContent":["import { VuuRange } from \"@vuu-ui/vuu-protocol-types\";\nimport { PageKey, queryClosest } from \"@vuu-ui/vuu-utils\";\nimport { useControlled } from \"@salt-ds/core\";\nimport {\n  KeyboardEvent,\n  MouseEvent,\n  RefObject,\n  useCallback,\n  useEffect,\n  useRef,\n} from \"react\";\nimport { TableNavigationStyle } from \"./Table\";\nimport {\n  NavigationKey,\n  cellDropdownShowing,\n  closestRowIndex,\n  getAriaCellPos,\n  getFocusedCell,\n  getNextCellPos,\n  getTreeNodeOperation,\n  getLevelUp as getLevelUp,\n  getNextEditableCellPos,\n} from \"./table-dom-utils\";\nimport { ScrollRequestHandler } from \"./useTableScroll\";\nimport { FocusCell } from \"./useCellFocus\";\nimport { CellPos } from \"@vuu-ui/vuu-table-types\";\nimport { CellFocusState } from \"./CellFocusState\";\n\nconst rowNavigationKeys = new Set<NavigationKey>([\n  \"Home\",\n  \"End\",\n  \"PageUp\",\n  \"PageDown\",\n  \"ArrowDown\",\n  \"ArrowUp\",\n]);\n\nconst CellLocator =\n  \".vuuTableCell,.vuuTableHeaderCell,.vuuTableGroupHeaderCell\";\n\nconst CellControlLocator = \".vuuColumnMenu,.vuuColumnHeaderPill\";\n\nconst cellNavigationKeys = new Set(rowNavigationKeys);\ncellNavigationKeys.add(\"ArrowLeft\");\ncellNavigationKeys.add(\"ArrowRight\");\n\nexport const isNavigationKey = (\n  key: string,\n  navigationStyle: TableNavigationStyle,\n): key is NavigationKey => {\n  switch (navigationStyle) {\n    case \"cell\":\n    case \"tree\":\n      return cellNavigationKeys.has(key as NavigationKey);\n    case \"row\":\n      return rowNavigationKeys.has(key as NavigationKey);\n    default:\n      return false;\n  }\n};\n\nconst focusControlWithinCell = (e: KeyboardEvent, el: HTMLElement | null) => {\n  if (e.shiftKey && e.key.match(/Arrow(Left|Right)/)) {\n    if (el?.classList.contains(\"vuuTableHeaderCell\")) {\n      const menuButton = el?.querySelector<HTMLButtonElement>(\".vuuColumnMenu\");\n      if (menuButton) {\n        menuButton.focus();\n        return true;\n      }\n    } else if (el?.classList.contains(\"vuuTableGroupHeaderCell\")) {\n      const headerPill = el?.querySelector<HTMLButtonElement>(\n        \".vuuColumnHeaderPill\",\n      );\n      if (headerPill) {\n        headerPill.focus();\n        return true;\n      }\n    } else if (el?.classList.contains(\"vuuColumnHeaderPill\")) {\n      const nextPill = el.parentElement?.nextElementSibling\n        ?.firstChild as HTMLElement;\n      if (nextPill?.classList.contains(\"vuuColumnHeaderPill\")) {\n        nextPill.focus();\n        return true;\n      } else {\n        const removeButton = queryClosest(\n          el,\n          \".vuuTableGroupHeaderCell\",\n          true,\n        ).querySelector(\".vuuTableGroupHeaderCell-removeAll\") as HTMLElement;\n        if (removeButton) {\n          removeButton.focus();\n          return true;\n        }\n      }\n    }\n  }\n  return false;\n};\n\nconst PageKeys = [\"Home\", \"End\", \"PageUp\", \"PageDown\"];\nexport const isPagingKey = (key: string): key is PageKey =>\n  PageKeys.includes(key);\n\nexport type GroupToggleHandler = (\n  treeNodeOperation: \"expand\" | \"collapse\",\n  rowIndex: number,\n) => void;\n\nexport interface NavigationHookProps {\n  cellFocusStateRef: RefObject<CellFocusState>;\n  containerRef: RefObject<HTMLElement | null>;\n  columnCount?: number;\n  headerCount: number;\n  defaultHighlightedIndex?: number;\n  disableFocus?: boolean;\n  disableHighlightOnFocus?: boolean;\n  editSessionInProgress?: boolean;\n  focusCell: FocusCell;\n  highlightedIndex?: number;\n  label?: string;\n  navigationStyle: TableNavigationStyle;\n  viewportRange: VuuRange;\n  onHighlight?: (idx: number) => void;\n  onToggleGroup: GroupToggleHandler;\n  requestScroll?: ScrollRequestHandler;\n  restoreLastFocus?: boolean;\n  rowCount?: number;\n  selected?: unknown;\n  viewportRowCount: number;\n}\n\nexport const useKeyboardNavigation = ({\n  cellFocusStateRef,\n  columnCount = 0,\n  containerRef,\n  defaultHighlightedIndex,\n  disableHighlightOnFocus,\n  editSessionInProgress,\n  focusCell,\n  headerCount,\n  highlightedIndex: highlightedIndexProp,\n  navigationStyle,\n  requestScroll,\n  onHighlight,\n  onToggleGroup,\n  rowCount = 0,\n  viewportRowCount,\n}: NavigationHookProps) => {\n  // Keep this in sync with state value. This can be used by functions that need\n  // to reference highlightedIndex at call time but do not need to be regenerated\n  // every time it changes (i.e keep highlightedIndex out of their dependency\n  // arrays, as it can update frequently)\n  const highlightedIndexRef = useRef<number | undefined>(undefined);\n\n  const [highlightedIndex, setHighlightedIdx] = useControlled({\n    controlled: highlightedIndexProp,\n    default: defaultHighlightedIndex,\n    name: \"UseKeyboardNavigation\",\n  });\n  highlightedIndexRef.current = highlightedIndex;\n\n  // We use aria row index for tracking rows\n  const maxRowIndex = rowCount + headerCount;\n\n  const setHighlightedIndex = useCallback(\n    (idx: number) => {\n      onHighlight?.(idx);\n      setHighlightedIdx(idx);\n      highlightedIndexRef.current = idx;\n    },\n    [onHighlight, setHighlightedIdx],\n  );\n\n  const setActiveCell = useCallback(\n    (rowIdx: number, colIdx: number) => {\n      const pos: CellPos = [rowIdx, colIdx];\n      if (navigationStyle === \"row\") {\n        setHighlightedIdx(rowIdx);\n      } else {\n        focusCell(pos);\n      }\n    },\n    [focusCell, navigationStyle, setHighlightedIdx],\n  );\n\n  const nextPageItemIdx = useCallback(\n    (\n      key: \"PageDown\" | \"PageUp\" | \"Home\" | \"End\",\n      [rowIdx, colIdx]: CellPos,\n    ): Promise<CellPos> =>\n      new Promise((resolve) => {\n        let newRowIdx = rowIdx;\n        switch (key) {\n          case \"PageDown\": {\n            newRowIdx = Math.min(rowCount - 1, rowIdx + viewportRowCount);\n            if (newRowIdx !== rowIdx) {\n              requestScroll?.({ type: \"scroll-page\", direction: \"down\" });\n            }\n            break;\n          }\n          case \"PageUp\": {\n            newRowIdx = Math.max(0, rowIdx - viewportRowCount);\n            if (newRowIdx !== rowIdx) {\n              requestScroll?.({ type: \"scroll-page\", direction: \"up\" });\n            }\n            break;\n          }\n          case \"Home\": {\n            newRowIdx = headerCount + 1;\n            if (newRowIdx !== rowIdx) {\n              requestScroll?.({ type: \"scroll-end\", direction: \"home\" });\n            }\n            break;\n          }\n          case \"End\": {\n            newRowIdx = rowCount + headerCount;\n            if (newRowIdx !== rowIdx) {\n              requestScroll?.({ type: \"scroll-end\", direction: \"end\" });\n            }\n            break;\n          }\n        }\n        // Introduce a delay to allow the scroll operation to complete,\n        // which will trigger a range reset and rerender of rows. We\n        // might need to tweak how this works. If we introduce too big\n        // a delay, we risk seeing the newly rendered rows, with the focus\n        // still on the old cell, which will be apparent as a brief flash\n        // of the old cell focus before switching to correct cell. If we were\n        // to change the way re assign keys such that we can guarantee that\n        // when we page down, rows in same position get same keys, then same\n        // cell would be focussed in new page as previous and issue would not\n        // arise.\n        setTimeout(() => {\n          resolve([newRowIdx, colIdx]);\n        }, 35);\n      }),\n    [headerCount, requestScroll, rowCount, viewportRowCount],\n  );\n\n  const handleFocus = useCallback(() => {\n    // console.log(`[useKeyboardNavigation] handleFocus `);\n    if (disableHighlightOnFocus !== true) {\n      if (containerRef.current?.contains(document.activeElement)) {\n        // IF focus arrives via keyboard, a cell will have received focus,\n        // we handle that here. If focus arrives via click on a cell with\n        // no tabindex (i.e all cells except one) we leave that to the\n        // click handler.\n        const focusedCell = getFocusedCell(document.activeElement);\n        if (focusedCell) {\n          cellFocusStateRef.current.cell = focusedCell;\n          if (navigationStyle === \"row\") {\n            setHighlightedIdx(cellFocusStateRef.current.cellPos?.[0]);\n          }\n        }\n      }\n    }\n  }, [\n    disableHighlightOnFocus,\n    containerRef,\n    cellFocusStateRef,\n    navigationStyle,\n    setHighlightedIdx,\n  ]);\n\n  const navigateChildItems = useCallback(\n    async (\n      navigationStyle: \"cell\" | \"tree\" = \"cell\",\n      key: NavigationKey,\n      shiftKey = false,\n    ): Promise<undefined> => {\n      const { cellPos } = cellFocusStateRef.current;\n      if (cellPos === undefined) {\n        throw Error(\"navigateChildItems called before cellPos is set\");\n      }\n      const [rowIdx, colIdx] = cellPos;\n      let nextRowIdx = -1,\n        nextColIdx = -1;\n\n      if (isPagingKey(key)) {\n        [nextRowIdx, nextColIdx] = await nextPageItemIdx(key, cellPos);\n      } else {\n        const treeNodeOperation = getTreeNodeOperation(\n          containerRef,\n          navigationStyle,\n          cellPos,\n          key,\n          shiftKey,\n        );\n        if (\n          treeNodeOperation === \"expand\" ||\n          treeNodeOperation === \"collapse\"\n        ) {\n          onToggleGroup(treeNodeOperation, rowIdx - headerCount - 1);\n        } else if (treeNodeOperation === \"level-up\") {\n          [nextRowIdx, nextColIdx] = getLevelUp(containerRef, cellPos);\n        } else if (editSessionInProgress) {\n          [nextRowIdx, nextColIdx] = getNextEditableCellPos(\n            containerRef,\n            key,\n            cellPos,\n            columnCount,\n            maxRowIndex,\n          );\n        } else {\n          [nextRowIdx, nextColIdx] = getNextCellPos(\n            key,\n            cellPos,\n            columnCount,\n            maxRowIndex,\n          );\n        }\n      }\n\n      if (nextRowIdx !== rowIdx || nextColIdx !== colIdx) {\n        setActiveCell(nextRowIdx, nextColIdx);\n        setHighlightedIndex(nextRowIdx);\n      }\n    },\n    [\n      cellFocusStateRef,\n      nextPageItemIdx,\n      containerRef,\n      editSessionInProgress,\n      onToggleGroup,\n      headerCount,\n      columnCount,\n      maxRowIndex,\n      setActiveCell,\n      setHighlightedIndex,\n    ],\n  );\n\n  const scrollRowIntoViewIfNecessary = useCallback(\n    (rowIndex: number) => {\n      requestScroll?.({ type: \"scroll-row\", rowIndex });\n    },\n    [requestScroll],\n  );\n\n  const moveHighlightedRow = useCallback(\n    async (key: NavigationKey) => {\n      const { current: highlighted } = highlightedIndexRef;\n      const [nextRowIdx] = isPagingKey(key)\n        ? await nextPageItemIdx(key, [highlighted ?? -1, 0])\n        : getNextCellPos(key, [highlighted ?? -1, 0], columnCount, maxRowIndex);\n      if (nextRowIdx !== highlighted) {\n        setHighlightedIndex(nextRowIdx);\n        // TO(DO make this a scroll request)\n        scrollRowIntoViewIfNecessary(nextRowIdx);\n      }\n    },\n    [\n      columnCount,\n      maxRowIndex,\n      nextPageItemIdx,\n      scrollRowIntoViewIfNecessary,\n      setHighlightedIndex,\n    ],\n  );\n\n  useEffect(() => {\n    if (highlightedIndexProp !== undefined && highlightedIndexProp !== -1) {\n      requestAnimationFrame(() => {\n        // deferred call, ensuring table has fully rendered\n        scrollRowIntoViewIfNecessary(highlightedIndexProp);\n      });\n    }\n  }, [highlightedIndexProp, scrollRowIntoViewIfNecessary]);\n\n  const handleKeyDown = useCallback(\n    (e: KeyboardEvent) => {\n      // console.log(`[useKeyboardNavigation] handleKeyDown`);\n\n      const cell = queryClosest<HTMLDivElement>(\n        e.target,\n        `${CellLocator},${CellControlLocator}`,\n      );\n      if (cellDropdownShowing(cell)) {\n        return;\n      }\n      if (rowCount > 0 && isNavigationKey(e.key, navigationStyle)) {\n        e.preventDefault();\n        e.stopPropagation();\n        if (navigationStyle === \"row\") {\n          moveHighlightedRow(e.key);\n        } else if (navigationStyle !== \"none\") {\n          if (!focusControlWithinCell(e, cell)) {\n            navigateChildItems(navigationStyle, e.key, e.shiftKey);\n          }\n        }\n        // }\n      }\n    },\n    [rowCount, navigationStyle, moveHighlightedRow, navigateChildItems],\n  );\n\n  const handleClick = useCallback(\n    // Might not be a cell e.g the Settings button\n    (evt: MouseEvent) => {\n      // console.log(`[useKeyboardNavigation] click`);\n      const target = queryClosest<HTMLDivElement>(evt.target, CellLocator);\n      const focusedCell = getFocusedCell(target);\n      if (focusedCell) {\n        const [rowIdx, colIdx] = getAriaCellPos(focusedCell);\n        setActiveCell(rowIdx, colIdx);\n      }\n    },\n    [setActiveCell],\n  );\n\n  const handleMouseLeave = useCallback(() => {\n    setHighlightedIndex(-1);\n  }, [setHighlightedIndex]);\n\n  const handleMouseMove = useCallback(\n    (evt: MouseEvent) => {\n      const rowIdx = closestRowIndex(evt.target as HTMLElement);\n      if (rowIdx !== -1 && rowIdx !== highlightedIndexRef.current) {\n        setHighlightedIndex(rowIdx);\n      }\n    },\n    [setHighlightedIndex],\n  );\n\n  /**\n   * used when editing cells\n   */\n  const navigateCell = useCallback(() => {\n    navigateChildItems(\"cell\", \"ArrowDown\");\n  }, [navigateChildItems]);\n\n  return {\n    highlightedIndexRef,\n    navigateCell,\n    onClick: handleClick,\n    onFocus: handleFocus,\n    onKeyDown: handleKeyDown,\n    onMouseLeave: navigationStyle === \"row\" ? handleMouseLeave : undefined,\n    onMouseMove: navigationStyle === \"row\" ? handleMouseMove : undefined,\n  };\n};\n"],"names":["navigationStyle"],"mappings":"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"}

package/esm/useMeasuredHeight.js

@@ -1,49 +0,0 @@
-import { isValidNumber } from '@vuu-ui/vuu-utils';
-import { useState, useRef, useMemo, useCallback } from 'react';
-
-const useMeasuredHeight = ({
-  onHeightMeasured,
-  height: heightProp = 0
-}) => {
-  const [measuredHeight, setMeasuredHeight] = useState(heightProp);
-  const lastMeasuredHeight = useRef(-1);
-  useMemo(() => {
-    if (heightProp !== 0) {
-      setMeasuredHeight(heightProp);
-    }
-  }, [heightProp]);
-  const resizeObserver = useMemo(() => {
-    return new ResizeObserver((entries) => {
-      for (const entry of entries) {
-        const [{ blockSize: measuredSize }] = entry.borderBoxSize;
-        const newHeight = Math.round(measuredSize);
-        if (lastMeasuredHeight.current !== newHeight) {
-          if (isValidNumber(newHeight)) {
-            lastMeasuredHeight.current = newHeight;
-            setMeasuredHeight(newHeight);
-            onHeightMeasured?.(newHeight);
-          }
-        }
-      }
-    });
-  }, [onHeightMeasured]);
-  const measuredRef = useCallback(
-    (el) => {
-      if (el) {
-        if (heightProp === 0) {
-          const { height } = el.getBoundingClientRect();
-          resizeObserver.observe(el);
-          const measuredHeight2 = Math.round(height);
-          setMeasuredHeight(measuredHeight2);
-        }
-      } else {
-        resizeObserver.disconnect();
-      }
-    },
-    [resizeObserver, heightProp]
-  );
-  return { measuredHeight, measuredRef };
-};
-
-export { useMeasuredHeight };
-//# sourceMappingURL=useMeasuredHeight.js.map

package/esm/useMeasuredHeight.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useMeasuredHeight.js","sources":["../../../packages/vuu-table/src/useMeasuredHeight.ts"],"sourcesContent":["import { isValidNumber } from \"@vuu-ui/vuu-utils\";\nimport { RefCallback, useCallback, useMemo, useRef, useState } from \"react\";\n\ninterface MeasuredHeightHookProps {\n  onHeightMeasured?: (height: number) => void;\n  height?: number;\n}\n\nexport const useMeasuredHeight = ({\n  onHeightMeasured,\n  height: heightProp = 0,\n}: MeasuredHeightHookProps) => {\n  const [measuredHeight, setMeasuredHeight] = useState(heightProp);\n  const lastMeasuredHeight = useRef(-1);\n\n  useMemo(() => {\n    if (heightProp !== 0) {\n      setMeasuredHeight(heightProp);\n    }\n  }, [heightProp]);\n\n  const resizeObserver = useMemo(() => {\n    return new ResizeObserver((entries: ResizeObserverEntry[]) => {\n      for (const entry of entries) {\n        const [{ blockSize: measuredSize }] = entry.borderBoxSize;\n        const newHeight = Math.round(measuredSize);\n        if (lastMeasuredHeight.current !== newHeight) {\n          if (isValidNumber(newHeight)) {\n            lastMeasuredHeight.current = newHeight;\n            setMeasuredHeight(newHeight);\n            onHeightMeasured?.(newHeight);\n          }\n        }\n      }\n    });\n  }, [onHeightMeasured]);\n\n  const measuredRef = useCallback<RefCallback<HTMLDivElement>>(\n    (el) => {\n      if (el) {\n        if (heightProp === 0) {\n          const { height } = el.getBoundingClientRect();\n          resizeObserver.observe(el);\n          // avoids tiny sub-pixel discrepancies\n          const measuredHeight = Math.round(height);\n          setMeasuredHeight(measuredHeight);\n        }\n      } else {\n        resizeObserver.disconnect();\n      }\n    },\n    [resizeObserver, heightProp],\n  );\n  return { measuredHeight, measuredRef };\n};\n"],"names":["measuredHeight"],"mappings":";;;AAQO,MAAM,oBAAoB,CAAC;AAAA,EAChC,gBAAA;AAAA,EACA,QAAQ,UAAa,GAAA;AACvB,CAA+B,KAAA;AAC7B,EAAA,MAAM,CAAC,cAAA,EAAgB,iBAAiB,CAAA,GAAI,SAAS,UAAU,CAAA;AAC/D,EAAM,MAAA,kBAAA,GAAqB,OAAO,CAAE,CAAA,CAAA;AAEpC,EAAA,OAAA,CAAQ,MAAM;AACZ,IAAA,IAAI,eAAe,CAAG,EAAA;AACpB,MAAA,iBAAA,CAAkB,UAAU,CAAA;AAAA;AAC9B,GACF,EAAG,CAAC,UAAU,CAAC,CAAA;AAEf,EAAM,MAAA,cAAA,GAAiB,QAAQ,MAAM;AACnC,IAAO,OAAA,IAAI,cAAe,CAAA,CAAC,OAAmC,KAAA;AAC5D,MAAA,KAAA,MAAW,SAAS,OAAS,EAAA;AAC3B,QAAA,MAAM,CAAC,EAAE,SAAA,EAAW,YAAa,EAAC,IAAI,KAAM,CAAA,aAAA;AAC5C,QAAM,MAAA,SAAA,GAAY,IAAK,CAAA,KAAA,CAAM,YAAY,CAAA;AACzC,QAAI,IAAA,kBAAA,CAAmB,YAAY,SAAW,EAAA;AAC5C,UAAI,IAAA,aAAA,CAAc,SAAS,CAAG,EAAA;AAC5B,YAAA,kBAAA,CAAmB,OAAU,GAAA,SAAA;AAC7B,YAAA,iBAAA,CAAkB,SAAS,CAAA;AAC3B,YAAA,gBAAA,GAAmB,SAAS,CAAA;AAAA;AAC9B;AACF;AACF,KACD,CAAA;AAAA,GACH,EAAG,CAAC,gBAAgB,CAAC,CAAA;AAErB,EAAA,MAAM,WAAc,GAAA,WAAA;AAAA,IAClB,CAAC,EAAO,KAAA;AACN,MAAA,IAAI,EAAI,EAAA;AACN,QAAA,IAAI,eAAe,CAAG,EAAA;AACpB,UAAA,MAAM,EAAE,MAAA,EAAW,GAAA,EAAA,CAAG,qBAAsB,EAAA;AAC5C,UAAA,cAAA,CAAe,QAAQ,EAAE,CAAA;AAEzB,UAAMA,MAAAA,eAAAA,GAAiB,IAAK,CAAA,KAAA,CAAM,MAAM,CAAA;AACxC,UAAA,iBAAA,CAAkBA,eAAc,CAAA;AAAA;AAClC,OACK,MAAA;AACL,QAAA,cAAA,CAAe,UAAW,EAAA;AAAA;AAC5B,KACF;AAAA,IACA,CAAC,gBAAgB,UAAU;AAAA,GAC7B;AACA,EAAO,OAAA,EAAE,gBAAgB,WAAY,EAAA;AACvC;;;;"}

package/esm/useRowClassNameGenerators.js

@@ -1,32 +0,0 @@
-import { getRowClassNameGenerator } from '@vuu-ui/vuu-utils';
-import { useMemo } from 'react';
-
-const createClassNameGenerator = (ids) => {
-  const functions = [];
-  ids?.forEach((id) => {
-    const fn = getRowClassNameGenerator(id);
-    if (fn) {
-      functions.push(fn.fn);
-    }
-  });
-  return (dataRow) => {
-    const classNames = [];
-    functions?.forEach((fn) => {
-      const className = fn(dataRow);
-      if (className) {
-        classNames.push(className);
-      }
-    });
-    return classNames.join(" ");
-  };
-};
-const useRowClassNameGenerators = ({
-  rowClassNameGenerators
-}) => {
-  return useMemo(() => {
-    return createClassNameGenerator(rowClassNameGenerators);
-  }, [rowClassNameGenerators]);
-};
-
-export { useRowClassNameGenerators };
-//# sourceMappingURL=useRowClassNameGenerators.js.map

package/esm/useRowClassNameGenerators.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useRowClassNameGenerators.js","sources":["../../../packages/vuu-table/src/useRowClassNameGenerators.ts"],"sourcesContent":["import { TableConfig } from \"@vuu-ui/vuu-table-types\";\nimport {\n  getRowClassNameGenerator,\n  RowClassNameGenerator,\n} from \"@vuu-ui/vuu-utils\";\nimport { useMemo } from \"react\";\n\nconst createClassNameGenerator = (\n  ids?: string[],\n): RowClassNameGenerator | undefined => {\n  const functions: RowClassNameGenerator[] = [];\n  ids?.forEach((id) => {\n    const fn = getRowClassNameGenerator(id);\n    if (fn) {\n      functions.push(fn.fn);\n    }\n  });\n  return (dataRow) => {\n    const classNames: string[] = [];\n    functions?.forEach((fn) => {\n      const className = fn(dataRow);\n      if (className) {\n        classNames.push(className);\n      }\n    });\n    return classNames.join(\" \");\n  };\n};\n\nexport const useRowClassNameGenerators = ({\n  rowClassNameGenerators,\n}: TableConfig) => {\n  return useMemo<RowClassNameGenerator | undefined>(() => {\n    return createClassNameGenerator(rowClassNameGenerators);\n  }, [rowClassNameGenerators]);\n};\n"],"names":[],"mappings":";;;AAOA,MAAM,wBAAA,GAA2B,CAC/B,GACsC,KAAA;AACtC,EAAA,MAAM,YAAqC,EAAC;AAC5C,EAAK,GAAA,EAAA,OAAA,CAAQ,CAAC,EAAO,KAAA;AACnB,IAAM,MAAA,EAAA,GAAK,yBAAyB,EAAE,CAAA;AACtC,IAAA,IAAI,EAAI,EAAA;AACN,MAAU,SAAA,CAAA,IAAA,CAAK,GAAG,EAAE,CAAA;AAAA;AACtB,GACD,CAAA;AACD,EAAA,OAAO,CAAC,OAAY,KAAA;AAClB,IAAA,MAAM,aAAuB,EAAC;AAC9B,IAAW,SAAA,EAAA,OAAA,CAAQ,CAAC,EAAO,KAAA;AACzB,MAAM,MAAA,SAAA,GAAY,GAAG,OAAO,CAAA;AAC5B,MAAA,IAAI,SAAW,EAAA;AACb,QAAA,UAAA,CAAW,KAAK,SAAS,CAAA;AAAA;AAC3B,KACD,CAAA;AACD,IAAO,OAAA,UAAA,CAAW,KAAK,GAAG,CAAA;AAAA,GAC5B;AACF,CAAA;AAEO,MAAM,4BAA4B,CAAC;AAAA,EACxC;AACF,CAAmB,KAAA;AACjB,EAAA,OAAO,QAA2C,MAAM;AACtD,IAAA,OAAO,yBAAyB,sBAAsB,CAAA;AAAA,GACxD,EAAG,CAAC,sBAAsB,CAAC,CAAA;AAC7B;;;;"}

package/esm/useSelection.js

@@ -1,128 +0,0 @@
-import { deselectItem, selectItem, queryClosest, dispatchMouseEvent } from '@vuu-ui/vuu-utils';
-import { useRef, useState, useCallback, useEffect } from 'react';
-import { getRowElementByAriaIndex } from './table-dom-utils.js';
-
-const orderedRowKeys = (activeRowIdentifier, newRowIdentifier, rangeSelect = false) => {
-  if (rangeSelect && activeRowIdentifier) {
-    if (newRowIdentifier.rowIdx > activeRowIdentifier.rowIdx) {
-      return [activeRowIdentifier.rowKey, newRowIdentifier.rowKey];
-    } else {
-      return [newRowIdentifier.rowKey, activeRowIdentifier.rowKey];
-    }
-  } else {
-    return [newRowIdentifier.rowKey];
-  }
-};
-const defaultSelectionKeys = ["Enter", " "];
-const useSelection = ({
-  allowSelectCheckboxRow,
-  containerRef,
-  dataSource,
-  highlightedIndexRef,
-  onSelect,
-  onSelectionChange,
-  selectionKeys = defaultSelectionKeys,
-  selectionModel
-}) => {
-  const lastActiveRef = useRef(void 0);
-  const [allRowsSelected, setAllRowsSelected] = useState(false);
-  const selectionAllowed = selectionModel !== "none" && selectionModel !== "checkbox-disabled";
-  const handleRowSelection = useCallback(
-    (selectedRowsCount) => {
-      setAllRowsSelected(
-        (allSelected) => allSelected && selectedRowsCount < dataSource.size ? false : allSelected
-      );
-    },
-    [dataSource.size]
-  );
-  useEffect(() => {
-    dataSource.on("row-selection", handleRowSelection);
-    return () => dataSource.removeListener("row-selection", handleRowSelection);
-  }, [dataSource, handleRowSelection]);
-  const isSelectionEvent = useCallback(
-    (evt) => selectionKeys.includes(evt.key),
-    [selectionKeys]
-  );
-  const handleRowClick = useCallback(
-    (e, dataRow, rangeSelect, keepExistingSelection) => {
-      const { index: rowIdx, key: rowKey } = dataRow;
-      const { current: activeRowKey } = lastActiveRef;
-      const newRowIdentifier = { rowIdx, rowKey };
-      if (dataRow.isSelected && selectionModel === "single-no-deselect") {
-        return;
-      }
-      const selectOperation = dataRow.isSelected ? deselectItem : selectItem;
-      if (selectionModel === "checkbox" && allowSelectCheckboxRow !== true) {
-        const cell = queryClosest(e.target, ".vuuTableCell");
-        if (!cell?.querySelector(".vuuCheckboxRowSelector")) {
-          return;
-        }
-      }
-      const [fromRowKey, toRowKey] = orderedRowKeys(
-        activeRowKey,
-        newRowIdentifier,
-        rangeSelect
-      );
-      const selectRequest = selectOperation(
-        selectionModel,
-        fromRowKey,
-        rangeSelect,
-        keepExistingSelection,
-        toRowKey
-      );
-      lastActiveRef.current = newRowIdentifier;
-      if (selectRequest) {
-        onSelect?.(selectOperation === selectItem ? dataRow : null);
-        onSelectionChange?.(selectRequest);
-      }
-      if (allRowsSelected && selectOperation === deselectItem) {
-        setAllRowsSelected(false);
-      }
-    },
-    [
-      allRowsSelected,
-      allowSelectCheckboxRow,
-      onSelect,
-      onSelectionChange,
-      selectionModel
-    ]
-  );
-  const handleKeyDown = useCallback(
-    (e) => {
-      if (isSelectionEvent(e)) {
-        const { current: rowIndex } = highlightedIndexRef;
-        const { current: container } = containerRef;
-        if (rowIndex !== void 0 && rowIndex !== -1 && container) {
-          const rowEl = getRowElementByAriaIndex(container, rowIndex);
-          if (rowEl) {
-            dispatchMouseEvent(rowEl, "click");
-          }
-        }
-      }
-    },
-    [containerRef, highlightedIndexRef, isSelectionEvent]
-  );
-  const handleCheckboxColumnHeaderClick = useCallback(() => {
-    setAllRowsSelected((allSelected) => {
-      if (allSelected) {
-        onSelectionChange({
-          type: "DESELECT_ALL"
-        });
-      } else {
-        onSelectionChange({
-          type: "SELECT_ALL"
-        });
-      }
-      return !allSelected;
-    });
-  }, [onSelectionChange]);
-  return {
-    allRowsSelected,
-    onCheckBoxColumnHeaderClick: handleCheckboxColumnHeaderClick,
-    onKeyDown: handleKeyDown,
-    onRowClick: selectionAllowed ? handleRowClick : void 0
-  };
-};
-
-export { useSelection };
-//# sourceMappingURL=useSelection.js.map

package/esm/useSelection.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useSelection.js","sources":["../../../packages/vuu-table/src/useSelection.ts"],"sourcesContent":["import {\n  TableRowClickHandlerInternal,\n  TableRowSelectHandlerInternal,\n  SelectionChangeHandler,\n  TableSelectionModel,\n} from \"@vuu-ui/vuu-table-types\";\nimport {\n  deselectItem,\n  dispatchMouseEvent,\n  queryClosest,\n  selectItem,\n} from \"@vuu-ui/vuu-utils\";\nimport {\n  KeyboardEvent,\n  KeyboardEventHandler,\n  RefObject,\n  useCallback,\n  useEffect,\n  useRef,\n  useState,\n} from \"react\";\nimport { getRowElementByAriaIndex } from \"./table-dom-utils\";\nimport { TableProps } from \"./Table\";\nimport { DataSource, RowSelectionEventHandler } from \"@vuu-ui/vuu-data-types\";\n\nconst orderedRowKeys = (\n  activeRowIdentifier: RowIdentifier | undefined,\n  newRowIdentifier: RowIdentifier,\n  rangeSelect = false,\n): [string, string] | [string] => {\n  if (rangeSelect && activeRowIdentifier) {\n    if (newRowIdentifier.rowIdx > activeRowIdentifier.rowIdx) {\n      return [activeRowIdentifier.rowKey, newRowIdentifier.rowKey];\n    } else {\n      return [newRowIdentifier.rowKey, activeRowIdentifier.rowKey];\n    }\n  } else {\n    return [newRowIdentifier.rowKey];\n  }\n};\n\nconst defaultSelectionKeys = [\"Enter\", \" \"];\n\ntype RowIdentifier = {\n  rowIdx: number;\n  rowKey: string;\n};\n\nexport interface SelectionHookProps\n  extends Pick<TableProps, \"allowSelectCheckboxRow\" | \"onSelectionChange\"> {\n  containerRef: RefObject<HTMLElement | null>;\n  dataSource: DataSource;\n  highlightedIndexRef: RefObject<number | undefined>;\n  selectionKeys?: string[];\n  selectionModel: TableSelectionModel;\n  onSelectionChange: SelectionChangeHandler;\n  onSelect?: TableRowSelectHandlerInternal;\n}\n\nexport const useSelection = ({\n  allowSelectCheckboxRow,\n  containerRef,\n  dataSource,\n  highlightedIndexRef,\n  onSelect,\n  onSelectionChange,\n  selectionKeys = defaultSelectionKeys,\n  selectionModel,\n}: SelectionHookProps) => {\n  const lastActiveRef = useRef<RowIdentifier | undefined>(undefined);\n  const [allRowsSelected, setAllRowsSelected] = useState(false);\n\n  const selectionAllowed =\n    selectionModel !== \"none\" && selectionModel !== \"checkbox-disabled\";\n\n  const handleRowSelection = useCallback<RowSelectionEventHandler>(\n    (selectedRowsCount) => {\n      setAllRowsSelected((allSelected) =>\n        allSelected && selectedRowsCount < dataSource.size\n          ? false\n          : allSelected,\n      );\n    },\n    [dataSource.size],\n  );\n\n  useEffect(() => {\n    dataSource.on(\"row-selection\", handleRowSelection);\n    return () => dataSource.removeListener(\"row-selection\", handleRowSelection);\n  }, [dataSource, handleRowSelection]);\n\n  const isSelectionEvent = useCallback(\n    (evt: KeyboardEvent<HTMLElement>) => selectionKeys.includes(evt.key),\n    [selectionKeys],\n  );\n\n  const handleRowClick = useCallback<TableRowClickHandlerInternal>(\n    (e, dataRow, rangeSelect, keepExistingSelection) => {\n      const { index: rowIdx, key: rowKey } = dataRow;\n      const { current: activeRowKey } = lastActiveRef;\n      const newRowIdentifier = { rowIdx, rowKey } as RowIdentifier;\n\n      if (dataRow.isSelected && selectionModel === \"single-no-deselect\") {\n        return;\n      }\n\n      const selectOperation = dataRow.isSelected ? deselectItem : selectItem;\n\n      if (selectionModel === \"checkbox\" && allowSelectCheckboxRow !== true) {\n        const cell = queryClosest(e.target, \".vuuTableCell\");\n        if (!cell?.querySelector(\".vuuCheckboxRowSelector\")) {\n          return;\n        }\n      }\n\n      const [fromRowKey, toRowKey] = orderedRowKeys(\n        activeRowKey,\n        newRowIdentifier,\n        rangeSelect,\n      );\n\n      const selectRequest = selectOperation(\n        selectionModel,\n        fromRowKey,\n        rangeSelect,\n        keepExistingSelection,\n        toRowKey,\n      );\n\n      lastActiveRef.current = newRowIdentifier;\n\n      if (selectRequest) {\n        onSelect?.(selectOperation === selectItem ? dataRow : null);\n        onSelectionChange?.(selectRequest);\n      }\n\n      if (allRowsSelected && selectOperation === deselectItem) {\n        setAllRowsSelected(false);\n      }\n    },\n    [\n      allRowsSelected,\n      allowSelectCheckboxRow,\n      onSelect,\n      onSelectionChange,\n      selectionModel,\n    ],\n  );\n\n  const handleKeyDown = useCallback<KeyboardEventHandler<HTMLElement>>(\n    (e) => {\n      if (isSelectionEvent(e)) {\n        const { current: rowIndex } = highlightedIndexRef;\n        const { current: container } = containerRef;\n        if (rowIndex !== undefined && rowIndex !== -1 && container) {\n          const rowEl = getRowElementByAriaIndex(container, rowIndex);\n          if (rowEl) {\n            dispatchMouseEvent(rowEl, \"click\");\n          }\n        }\n      }\n    },\n    [containerRef, highlightedIndexRef, isSelectionEvent],\n  );\n\n  const handleCheckboxColumnHeaderClick = useCallback(() => {\n    setAllRowsSelected((allSelected) => {\n      if (allSelected) {\n        onSelectionChange({\n          type: \"DESELECT_ALL\",\n        });\n      } else {\n        onSelectionChange({\n          type: \"SELECT_ALL\",\n        });\n      }\n      return !allSelected;\n    });\n  }, [onSelectionChange]);\n\n  return {\n    allRowsSelected,\n    onCheckBoxColumnHeaderClick: handleCheckboxColumnHeaderClick,\n    onKeyDown: handleKeyDown,\n    onRowClick: selectionAllowed ? handleRowClick : undefined,\n  };\n};\n"],"names":[],"mappings":"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"}