@vuu-ui/vuu-table 0.13.7 → 0.13.8

package/cjs/useCellEditing.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useCellEditing.js","sources":["../src/useCellEditing.ts"],"sourcesContent":["import { isCharacterKey } from \"@vuu-ui/vuu-utils\";\nimport {\n  FocusEventHandler,\n  KeyboardEvent as ReactKeyboardEvent,\n  MouseEvent,\n  useCallback,\n} from \"react\";\nimport { cellIsTextInput } from \"./table-dom-utils\";\n\nexport interface CellEditingHookProps {\n  navigate: () => void;\n}\n\nexport const useCellEditing = ({ navigate }: CellEditingHookProps) => {\n  const commitHandler = useCallback(() => {\n    navigate();\n  }, [navigate]);\n\n  const editInput = useCallback(\n    (evt: MouseEvent<HTMLElement> | ReactKeyboardEvent<HTMLElement>) => {\n      const cellEl = evt.target as HTMLDivElement;\n      const input = cellEl.matches(\"input\")\n        ? (cellEl as HTMLInputElement)\n        : cellEl.querySelector(\"input\");\n\n      if (input) {\n        input.focus();\n        input.select();\n      }\n    },\n    [],\n  );\n\n  const focusInput = useCallback(\n    (evt: MouseEvent<HTMLElement> | ReactKeyboardEvent<HTMLElement>) => {\n      const cellEl = evt.target as HTMLDivElement;\n      const input = cellEl.querySelector(\"input\");\n      if (input) {\n        input.focus();\n        input.select();\n      }\n    },\n    [],\n  );\n\n  const handleKeyDown = useCallback(\n    (e: ReactKeyboardEvent<HTMLElement>) => {\n      const el = e.target as HTMLElement;\n      if (cellIsTextInput(el)) {\n        if (isCharacterKey(e.key)) {\n          editInput(e);\n        } else if (e.key === \"Enter\") {\n          focusInput(e);\n        }\n      }\n    },\n    [editInput, focusInput],\n  );\n\n  const handleDoubleClick = useCallback(\n    (e: MouseEvent<HTMLElement>) => {\n      const el = e.target as HTMLElement;\n      if (el.matches(\"input\") || el.querySelector(\"input\")) {\n        editInput(e);\n        e.stopPropagation();\n      }\n    },\n    [editInput],\n  );\n\n  const handleBlur = useCallback<FocusEventHandler>(\n    (e) => {\n      const el = e.target as HTMLElement;\n      el.removeEventListener(\"vuu-commit\", commitHandler, true);\n    },\n    [commitHandler],\n  );\n\n  const handleFocus = useCallback<FocusEventHandler>(\n    (e) => {\n      const el = e.target as HTMLElement;\n      el.addEventListener(\"vuu-commit\", commitHandler, true);\n    },\n    [commitHandler],\n  );\n\n  return {\n    onBlur: handleBlur,\n    onDoubleClick: handleDoubleClick,\n    onFocus: handleFocus,\n    onKeyDown: handleKeyDown,\n  };\n};\n"],"names":["useCallback","cellIsTextInput","isCharacterKey"],"mappings":";;;;;;AAaO,MAAM,cAAiB,GAAA,CAAC,EAAE,QAAA,EAAqC,KAAA;AACpE,EAAM,MAAA,aAAA,GAAgBA,kBAAY,MAAM;AACtC,IAAS,QAAA,EAAA;AAAA,GACX,EAAG,CAAC,QAAQ,CAAC,CAAA;AAEb,EAAA,MAAM,SAAY,GAAAA,iBAAA;AAAA,IAChB,CAAC,GAAmE,KAAA;AAClE,MAAA,MAAM,SAAS,GAAI,CAAA,MAAA;AACnB,MAAM,MAAA,KAAA,GAAQ,OAAO,OAAQ,CAAA,OAAO,IAC/B,MACD,GAAA,MAAA,CAAO,cAAc,OAAO,CAAA;AAEhC,MAAA,IAAI,KAAO,EAAA;AACT,QAAA,KAAA,CAAM,KAAM,EAAA;AACZ,QAAA,KAAA,CAAM,MAAO,EAAA;AAAA;AACf,KACF;AAAA,IACA;AAAC,GACH;AAEA,EAAA,MAAM,UAAa,GAAAA,iBAAA;AAAA,IACjB,CAAC,GAAmE,KAAA;AAClE,MAAA,MAAM,SAAS,GAAI,CAAA,MAAA;AACnB,MAAM,MAAA,KAAA,GAAQ,MAAO,CAAA,aAAA,CAAc,OAAO,CAAA;AAC1C,MAAA,IAAI,KAAO,EAAA;AACT,QAAA,KAAA,CAAM,KAAM,EAAA;AACZ,QAAA,KAAA,CAAM,MAAO,EAAA;AAAA;AACf,KACF;AAAA,IACA;AAAC,GACH;AAEA,EAAA,MAAM,aAAgB,GAAAA,iBAAA;AAAA,IACpB,CAAC,CAAuC,KAAA;AACtC,MAAA,MAAM,KAAK,CAAE,CAAA,MAAA;AACb,MAAI,IAAAC,6BAAA,CAAgB,EAAE,CAAG,EAAA;AACvB,QAAI,IAAAC,uBAAA,CAAe,CAAE,CAAA,GAAG,CAAG,EAAA;AACzB,UAAA,SAAA,CAAU,CAAC,CAAA;AAAA,SACb,MAAA,IAAW,CAAE,CAAA,GAAA,KAAQ,OAAS,EAAA;AAC5B,UAAA,UAAA,CAAW,CAAC,CAAA;AAAA;AACd;AACF,KACF;AAAA,IACA,CAAC,WAAW,UAAU;AAAA,GACxB;AAEA,EAAA,MAAM,iBAAoB,GAAAF,iBAAA;AAAA,IACxB,CAAC,CAA+B,KAAA;AAC9B,MAAA,MAAM,KAAK,CAAE,CAAA,MAAA;AACb,MAAA,IAAI,GAAG,OAAQ,CAAA,OAAO,KAAK,EAAG,CAAA,aAAA,CAAc,OAAO,CAAG,EAAA;AACpD,QAAA,SAAA,CAAU,CAAC,CAAA;AACX,QAAA,CAAA,CAAE,eAAgB,EAAA;AAAA;AACpB,KACF;AAAA,IACA,CAAC,SAAS;AAAA,GACZ;AAEA,EAAA,MAAM,UAAa,GAAAA,iBAAA;AAAA,IACjB,CAAC,CAAM,KAAA;AACL,MAAA,MAAM,KAAK,CAAE,CAAA,MAAA;AACb,MAAG,EAAA,CAAA,mBAAA,CAAoB,YAAc,EAAA,aAAA,EAAe,IAAI,CAAA;AAAA,KAC1D;AAAA,IACA,CAAC,aAAa;AAAA,GAChB;AAEA,EAAA,MAAM,WAAc,GAAAA,iBAAA;AAAA,IAClB,CAAC,CAAM,KAAA;AACL,MAAA,MAAM,KAAK,CAAE,CAAA,MAAA;AACb,MAAG,EAAA,CAAA,gBAAA,CAAiB,YAAc,EAAA,aAAA,EAAe,IAAI,CAAA;AAAA,KACvD;AAAA,IACA,CAAC,aAAa;AAAA,GAChB;AAEA,EAAO,OAAA;AAAA,IACL,MAAQ,EAAA,UAAA;AAAA,IACR,aAAe,EAAA,iBAAA;AAAA,IACf,OAAS,EAAA,WAAA;AAAA,IACT,SAAW,EAAA;AAAA,GACb;AACF;;;;"}

package/cjs/useCellFocus.js

@@ -1,115 +0,0 @@
-'use strict';
-
-var react = require('react');
-var tableDomUtils = require('./table-dom-utils.js');
-var vuuUtils = require('@vuu-ui/vuu-utils');
-
-const getCellPosition = (el) => {
-  const top = parseInt(el.parentElement?.style.top ?? "-1");
-  return { top };
-};
-const useCellFocus = ({
-  cellFocusStateRef,
-  containerRef,
-  disableFocus = false,
-  requestScroll
-}) => {
-  const focusCellPlaceholderRef = react.useCallback(
-    (el) => {
-      cellFocusStateRef.current.placeholderEl = el;
-    },
-    [cellFocusStateRef]
-  );
-  const focusCell = react.useCallback(
-    (cellPos, fromKeyboard = false) => {
-      if (containerRef.current) {
-        const { current: state } = cellFocusStateRef;
-        if (fromKeyboard && state.outsideViewport) {
-          state.cellPos = cellPos;
-        } else {
-          const activeCell = tableDomUtils.getTableCell(containerRef, cellPos);
-          if (activeCell) {
-            if (activeCell !== state.el) {
-              state.el?.removeAttribute("tabindex");
-              activeCell.setAttribute("tabindex", "0");
-              state.el = activeCell;
-              state.pos = getCellPosition(activeCell);
-              state.outsideViewport = false;
-              if (state.placeholderEl) {
-                state.placeholderEl.style.top = `${state.pos.top}px`;
-              }
-            }
-            state.cellPos = cellPos;
-            requestScroll?.({ type: "scroll-row", rowIndex: cellPos[0] });
-            activeCell.focus({ preventScroll: true });
-          }
-        }
-      }
-    },
-    [cellFocusStateRef, containerRef, requestScroll]
-  );
-  const setTableBodyRef = react.useCallback(
-    (el) => {
-      if (el) {
-        const { current: state } = cellFocusStateRef;
-        const table = vuuUtils.queryClosest(el, ".vuuTable");
-        if (table) {
-          if (state.el === null && !disableFocus) {
-            const headerCell = table.querySelector(
-              tableDomUtils.headerCellQuery(1)
-            );
-            if (headerCell) {
-              headerCell.setAttribute("tabindex", "0");
-              state.cellPos = [1, 1];
-              state.el = headerCell;
-              state.pos = { top: -20 };
-              if (state.placeholderEl) {
-                state.placeholderEl.style.top = `-20px`;
-              }
-            } else {
-              const cell = table.querySelector(
-                tableDomUtils.dataCellQuery(0, 0)
-              );
-              if (cell) {
-                cell.setAttribute("tabindex", "0");
-                state.cellPos = [1, 1];
-                state.el = cell;
-                state.pos = { top: 0 };
-                if (state.placeholderEl) {
-                  state.placeholderEl.style.top = `0px`;
-                }
-              }
-            }
-          }
-        }
-      }
-    },
-    [cellFocusStateRef, disableFocus]
-  );
-  const focusCellPlaceholderKeyDown = react.useCallback(
-    (evt) => {
-      const { outsideViewport, pos } = cellFocusStateRef.current;
-      if (pos && vuuUtils.isArrowKey(evt.key)) {
-        if (outsideViewport === "above") {
-          requestScroll?.({ type: "scroll-top", scrollPos: pos.top });
-        } else if (outsideViewport === "below") {
-          requestScroll?.({ type: "scroll-bottom", scrollPos: pos.top });
-        } else {
-          throw Error(
-            `cellFocusPlaceholder should not have focus if inside viewport`
-          );
-        }
-      }
-    },
-    [cellFocusStateRef, requestScroll]
-  );
-  return {
-    focusCell,
-    focusCellPlaceholderKeyDown,
-    focusCellPlaceholderRef,
-    setTableBodyRef
-  };
-};
-
-exports.useCellFocus = useCellFocus;
-//# sourceMappingURL=useCellFocus.js.map

package/cjs/useCellFocus.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useCellFocus.js","sources":["../src/useCellFocus.ts"],"sourcesContent":["import {\n  KeyboardEventHandler,\n  RefCallback,\n  RefObject,\n  useCallback,\n} from \"react\";\nimport {\n  dataCellQuery,\n  getTableCell,\n  headerCellQuery,\n} from \"./table-dom-utils\";\nimport { ScrollRequestHandler } from \"./useTableScroll\";\nimport { isArrowKey, queryClosest } from \"@vuu-ui/vuu-utils\";\nimport { CellPos } from \"@vuu-ui/vuu-table-types\";\nimport type { ICellFocusState } from \"./CellFocusState\";\n\nexport interface CellFocusHookProps {\n  cellFocusStateRef: RefObject<ICellFocusState>;\n  containerRef: RefObject<HTMLElement | null>;\n  disableFocus?: boolean;\n  requestScroll?: ScrollRequestHandler;\n}\n\nconst getCellPosition = (el: HTMLElement) => {\n  const top = parseInt(el.parentElement?.style.top ?? \"-1\");\n  return { top };\n};\n\nexport type FocusCell = (cellPos: CellPos, fromKeyboard?: boolean) => void;\n\nexport const useCellFocus = ({\n  cellFocusStateRef,\n  containerRef,\n  disableFocus = false,\n  requestScroll,\n}: CellFocusHookProps) => {\n  const focusCellPlaceholderRef = useCallback<RefCallback<HTMLDivElement>>(\n    (el) => {\n      cellFocusStateRef.current.placeholderEl = el;\n    },\n    [cellFocusStateRef],\n  );\n\n  const focusCell = useCallback<FocusCell>(\n    (cellPos, fromKeyboard = false) => {\n      if (containerRef.current) {\n        const { current: state } = cellFocusStateRef;\n\n        if (fromKeyboard && state.outsideViewport) {\n          state.cellPos = cellPos;\n        } else {\n          const activeCell = getTableCell(containerRef, cellPos);\n          if (activeCell) {\n            if (activeCell !== state.el) {\n              state.el?.removeAttribute(\"tabindex\");\n              activeCell.setAttribute(\"tabindex\", \"0\");\n\n              // TODO no need to measure if we're navigating horizontally\n              // state.cellPos = cellPos;\n              state.el = activeCell;\n              state.pos = getCellPosition(activeCell);\n              state.outsideViewport = false;\n\n              if (state.placeholderEl) {\n                state.placeholderEl.style.top = `${state.pos.top}px`;\n              }\n            }\n            state.cellPos = cellPos;\n\n            // TODO needs to be scroll cell to accommodate horizontal virtualization\n            requestScroll?.({ type: \"scroll-row\", rowIndex: cellPos[0] });\n            activeCell.focus({ preventScroll: true });\n          }\n        }\n      }\n    },\n    [cellFocusStateRef, containerRef, requestScroll],\n  );\n\n  const setTableBodyRef = useCallback<RefCallback<HTMLDivElement>>(\n    (el) => {\n      if (el) {\n        const { current: state } = cellFocusStateRef;\n        const table = queryClosest<HTMLDivElement>(el, \".vuuTable\");\n        if (table) {\n          if (state.el === null && !disableFocus) {\n            const headerCell = table.querySelector<HTMLDivElement>(\n              headerCellQuery(1),\n            );\n            if (headerCell) {\n              headerCell.setAttribute(\"tabindex\", \"0\");\n              state.cellPos = [1, 1];\n              state.el = headerCell;\n              state.pos = { top: -20 };\n              if (state.placeholderEl) {\n                state.placeholderEl.style.top = `-20px`;\n              }\n            } else {\n              const cell = table.querySelector<HTMLDivElement>(\n                dataCellQuery(0, 0),\n              );\n              if (cell) {\n                cell.setAttribute(\"tabindex\", \"0\");\n                state.cellPos = [1, 1];\n                state.el = cell;\n                state.pos = { top: 0 };\n                if (state.placeholderEl) {\n                  state.placeholderEl.style.top = `0px`;\n                }\n              }\n            }\n          }\n        }\n      }\n    },\n    [cellFocusStateRef, disableFocus],\n  );\n\n  const focusCellPlaceholderKeyDown = useCallback<KeyboardEventHandler>(\n    (evt) => {\n      const { outsideViewport, pos } = cellFocusStateRef.current;\n      if (pos && isArrowKey(evt.key)) {\n        // TODO depends on whether we're scrolling up or down\n        if (outsideViewport === \"above\") {\n          requestScroll?.({ type: \"scroll-top\", scrollPos: pos.top });\n        } else if (outsideViewport === \"below\") {\n          requestScroll?.({ type: \"scroll-bottom\", scrollPos: pos.top });\n        } else {\n          throw Error(\n            `cellFocusPlaceholder should not have focus if inside viewport`,\n          );\n        }\n      }\n    },\n    [cellFocusStateRef, requestScroll],\n  );\n\n  return {\n    focusCell,\n    focusCellPlaceholderKeyDown,\n    focusCellPlaceholderRef,\n    setTableBodyRef,\n  };\n};\n"],"names":["useCallback","getTableCell","queryClosest","headerCellQuery","dataCellQuery","isArrowKey"],"mappings":";;;;;;AAuBA,MAAM,eAAA,GAAkB,CAAC,EAAoB,KAAA;AAC3C,EAAA,MAAM,MAAM,QAAS,CAAA,EAAA,CAAG,aAAe,EAAA,KAAA,CAAM,OAAO,IAAI,CAAA;AACxD,EAAA,OAAO,EAAE,GAAI,EAAA;AACf,CAAA;AAIO,MAAM,eAAe,CAAC;AAAA,EAC3B,iBAAA;AAAA,EACA,YAAA;AAAA,EACA,YAAe,GAAA,KAAA;AAAA,EACf;AACF,CAA0B,KAAA;AACxB,EAAA,MAAM,uBAA0B,GAAAA,iBAAA;AAAA,IAC9B,CAAC,EAAO,KAAA;AACN,MAAA,iBAAA,CAAkB,QAAQ,aAAgB,GAAA,EAAA;AAAA,KAC5C;AAAA,IACA,CAAC,iBAAiB;AAAA,GACpB;AAEA,EAAA,MAAM,SAAY,GAAAA,iBAAA;AAAA,IAChB,CAAC,OAAS,EAAA,YAAA,GAAe,KAAU,KAAA;AACjC,MAAA,IAAI,aAAa,OAAS,EAAA;AACxB,QAAM,MAAA,EAAE,OAAS,EAAA,KAAA,EAAU,GAAA,iBAAA;AAE3B,QAAI,IAAA,YAAA,IAAgB,MAAM,eAAiB,EAAA;AACzC,UAAA,KAAA,CAAM,OAAU,GAAA,OAAA;AAAA,SACX,MAAA;AACL,UAAM,MAAA,UAAA,GAAaC,0BAAa,CAAA,YAAA,EAAc,OAAO,CAAA;AACrD,UAAA,IAAI,UAAY,EAAA;AACd,YAAI,IAAA,UAAA,KAAe,MAAM,EAAI,EAAA;AAC3B,cAAM,KAAA,CAAA,EAAA,EAAI,gBAAgB,UAAU,CAAA;AACpC,cAAW,UAAA,CAAA,YAAA,CAAa,YAAY,GAAG,CAAA;AAIvC,cAAA,KAAA,CAAM,EAAK,GAAA,UAAA;AACX,cAAM,KAAA,CAAA,GAAA,GAAM,gBAAgB,UAAU,CAAA;AACtC,cAAA,KAAA,CAAM,eAAkB,GAAA,KAAA;AAExB,cAAA,IAAI,MAAM,aAAe,EAAA;AACvB,gBAAA,KAAA,CAAM,cAAc,KAAM,CAAA,GAAA,GAAM,CAAG,EAAA,KAAA,CAAM,IAAI,GAAG,CAAA,EAAA,CAAA;AAAA;AAClD;AAEF,YAAA,KAAA,CAAM,OAAU,GAAA,OAAA;AAGhB,YAAA,aAAA,GAAgB,EAAE,IAAM,EAAA,YAAA,EAAc,UAAU,OAAQ,CAAA,CAAC,GAAG,CAAA;AAC5D,YAAA,UAAA,CAAW,KAAM,CAAA,EAAE,aAAe,EAAA,IAAA,EAAM,CAAA;AAAA;AAC1C;AACF;AACF,KACF;AAAA,IACA,CAAC,iBAAmB,EAAA,YAAA,EAAc,aAAa;AAAA,GACjD;AAEA,EAAA,MAAM,eAAkB,GAAAD,iBAAA;AAAA,IACtB,CAAC,EAAO,KAAA;AACN,MAAA,IAAI,EAAI,EAAA;AACN,QAAM,MAAA,EAAE,OAAS,EAAA,KAAA,EAAU,GAAA,iBAAA;AAC3B,QAAM,MAAA,KAAA,GAAQE,qBAA6B,CAAA,EAAA,EAAI,WAAW,CAAA;AAC1D,QAAA,IAAI,KAAO,EAAA;AACT,UAAA,IAAI,KAAM,CAAA,EAAA,KAAO,IAAQ,IAAA,CAAC,YAAc,EAAA;AACtC,YAAA,MAAM,aAAa,KAAM,CAAA,aAAA;AAAA,cACvBC,8BAAgB,CAAC;AAAA,aACnB;AACA,YAAA,IAAI,UAAY,EAAA;AACd,cAAW,UAAA,CAAA,YAAA,CAAa,YAAY,GAAG,CAAA;AACvC,cAAM,KAAA,CAAA,OAAA,GAAU,CAAC,CAAA,EAAG,CAAC,CAAA;AACrB,cAAA,KAAA,CAAM,EAAK,GAAA,UAAA;AACX,cAAM,KAAA,CAAA,GAAA,GAAM,EAAE,GAAA,EAAK,CAAI,EAAA,EAAA;AACvB,cAAA,IAAI,MAAM,aAAe,EAAA;AACvB,gBAAM,KAAA,CAAA,aAAA,CAAc,MAAM,GAAM,GAAA,CAAA,KAAA,CAAA;AAAA;AAClC,aACK,MAAA;AACL,cAAA,MAAM,OAAO,KAAM,CAAA,aAAA;AAAA,gBACjBC,2BAAA,CAAc,GAAG,CAAC;AAAA,eACpB;AACA,cAAA,IAAI,IAAM,EAAA;AACR,gBAAK,IAAA,CAAA,YAAA,CAAa,YAAY,GAAG,CAAA;AACjC,gBAAM,KAAA,CAAA,OAAA,GAAU,CAAC,CAAA,EAAG,CAAC,CAAA;AACrB,gBAAA,KAAA,CAAM,EAAK,GAAA,IAAA;AACX,gBAAM,KAAA,CAAA,GAAA,GAAM,EAAE,GAAA,EAAK,CAAE,EAAA;AACrB,gBAAA,IAAI,MAAM,aAAe,EAAA;AACvB,kBAAM,KAAA,CAAA,aAAA,CAAc,MAAM,GAAM,GAAA,CAAA,GAAA,CAAA;AAAA;AAClC;AACF;AACF;AACF;AACF;AACF,KACF;AAAA,IACA,CAAC,mBAAmB,YAAY;AAAA,GAClC;AAEA,EAAA,MAAM,2BAA8B,GAAAJ,iBAAA;AAAA,IAClC,CAAC,GAAQ,KAAA;AACP,MAAA,MAAM,EAAE,eAAA,EAAiB,GAAI,EAAA,GAAI,iBAAkB,CAAA,OAAA;AACnD,MAAA,IAAI,GAAO,IAAAK,mBAAA,CAAW,GAAI,CAAA,GAAG,CAAG,EAAA;AAE9B,QAAA,IAAI,oBAAoB,OAAS,EAAA;AAC/B,UAAA,aAAA,GAAgB,EAAE,IAAM,EAAA,YAAA,EAAc,SAAW,EAAA,GAAA,CAAI,KAAK,CAAA;AAAA,SAC5D,MAAA,IAAW,oBAAoB,OAAS,EAAA;AACtC,UAAA,aAAA,GAAgB,EAAE,IAAM,EAAA,eAAA,EAAiB,SAAW,EAAA,GAAA,CAAI,KAAK,CAAA;AAAA,SACxD,MAAA;AACL,UAAM,MAAA,KAAA;AAAA,YACJ,CAAA,6DAAA;AAAA,WACF;AAAA;AACF;AACF,KACF;AAAA,IACA,CAAC,mBAAmB,aAAa;AAAA,GACnC;AAEA,EAAO,OAAA;AAAA,IACL,SAAA;AAAA,IACA,2BAAA;AAAA,IACA,uBAAA;AAAA,IACA;AAAA,GACF;AACF;;;;"}

package/cjs/useControlledTableNavigation.js

@@ -1,46 +0,0 @@
-'use strict';
-
-var vuuUtils = require('@vuu-ui/vuu-utils');
-var react = require('react');
-
-const isRowSelectionKey = (key) => key === "Enter" || key === " ";
-const useControlledTableNavigation = (initialValue, rowCount) => {
-  const tableRef = react.useRef(null);
-  const [highlightedIndexRef, setHighlightedIndex] = vuuUtils.useStateRef(initialValue);
-  const handleKeyDown = react.useCallback(
-    (e) => {
-      if (e.key === "ArrowDown") {
-        setHighlightedIndex((index = -1) => Math.min(rowCount - 1, index + 1));
-      } else if (e.key === "ArrowUp") {
-        setHighlightedIndex((index = -1) => Math.max(0, index - 1));
-      } else if (isRowSelectionKey(e.key)) {
-        const { current: rowIdx } = highlightedIndexRef;
-        if (typeof rowIdx === "number") {
-          const rowEl = tableRef.current?.querySelector(
-            `[aria-rowindex="${rowIdx + 1}"]`
-          );
-          if (rowEl) {
-            vuuUtils.dispatchMouseEvent(rowEl, "click");
-          }
-        }
-      }
-    },
-    [highlightedIndexRef, rowCount, setHighlightedIndex]
-  );
-  const handleHighlight = react.useCallback(
-    (idx) => {
-      setHighlightedIndex(idx);
-    },
-    [setHighlightedIndex]
-  );
-  return {
-    highlightedIndexRef,
-    onHighlight: handleHighlight,
-    onKeyDown: handleKeyDown,
-    tableRef
-  };
-};
-
-exports.isRowSelectionKey = isRowSelectionKey;
-exports.useControlledTableNavigation = useControlledTableNavigation;
-//# sourceMappingURL=useControlledTableNavigation.js.map

package/cjs/useControlledTableNavigation.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useControlledTableNavigation.js","sources":["../src/useControlledTableNavigation.ts"],"sourcesContent":["import { dispatchMouseEvent, useStateRef } from \"@vuu-ui/vuu-utils\";\nimport { KeyboardEventHandler, useCallback, useRef } from \"react\";\n\nexport const isRowSelectionKey = (key: string) =>\n  key === \"Enter\" || key === \" \";\n\nexport const useControlledTableNavigation = (\n  initialValue: number,\n  rowCount: number,\n) => {\n  const tableRef = useRef<HTMLDivElement>(null);\n\n  const [highlightedIndexRef, setHighlightedIndex] = useStateRef<\n    number | undefined\n  >(initialValue);\n\n  const handleKeyDown = useCallback<KeyboardEventHandler>(\n    (e) => {\n      if (e.key === \"ArrowDown\") {\n        setHighlightedIndex((index = -1) => Math.min(rowCount - 1, index + 1));\n      } else if (e.key === \"ArrowUp\") {\n        setHighlightedIndex((index = -1) => Math.max(0, index - 1));\n      } else if (isRowSelectionKey(e.key)) {\n        const { current: rowIdx } = highlightedIndexRef;\n        // induce an onSelect event by 'clicking' the row\n        if (typeof rowIdx === \"number\") {\n          const rowEl = tableRef.current?.querySelector(\n            `[aria-rowindex=\"${rowIdx + 1}\"]`,\n          ) as HTMLElement;\n          if (rowEl) {\n            dispatchMouseEvent(rowEl, \"click\");\n          }\n        }\n      }\n    },\n    [highlightedIndexRef, rowCount, setHighlightedIndex],\n  );\n\n  const handleHighlight = useCallback(\n    (idx: number) => {\n      setHighlightedIndex(idx);\n    },\n    [setHighlightedIndex],\n  );\n\n  return {\n    highlightedIndexRef,\n    onHighlight: handleHighlight,\n    onKeyDown: handleKeyDown,\n    tableRef,\n  };\n};\n"],"names":["useRef","useStateRef","useCallback","dispatchMouseEvent"],"mappings":";;;;;AAGO,MAAM,iBAAoB,GAAA,CAAC,GAChC,KAAA,GAAA,KAAQ,WAAW,GAAQ,KAAA;AAEhB,MAAA,4BAAA,GAA+B,CAC1C,YAAA,EACA,QACG,KAAA;AACH,EAAM,MAAA,QAAA,GAAWA,aAAuB,IAAI,CAAA;AAE5C,EAAA,MAAM,CAAC,mBAAA,EAAqB,mBAAmB,CAAA,GAAIC,qBAEjD,YAAY,CAAA;AAEd,EAAA,MAAM,aAAgB,GAAAC,iBAAA;AAAA,IACpB,CAAC,CAAM,KAAA;AACL,MAAI,IAAA,CAAA,CAAE,QAAQ,WAAa,EAAA;AACzB,QAAoB,mBAAA,CAAA,CAAC,QAAQ,CAAO,CAAA,KAAA,IAAA,CAAK,IAAI,QAAW,GAAA,CAAA,EAAG,KAAQ,GAAA,CAAC,CAAC,CAAA;AAAA,OACvE,MAAA,IAAW,CAAE,CAAA,GAAA,KAAQ,SAAW,EAAA;AAC9B,QAAoB,mBAAA,CAAA,CAAC,QAAQ,CAAO,CAAA,KAAA,IAAA,CAAK,IAAI,CAAG,EAAA,KAAA,GAAQ,CAAC,CAAC,CAAA;AAAA,OACjD,MAAA,IAAA,iBAAA,CAAkB,CAAE,CAAA,GAAG,CAAG,EAAA;AACnC,QAAM,MAAA,EAAE,OAAS,EAAA,MAAA,EAAW,GAAA,mBAAA;AAE5B,QAAI,IAAA,OAAO,WAAW,QAAU,EAAA;AAC9B,UAAM,MAAA,KAAA,GAAQ,SAAS,OAAS,EAAA,aAAA;AAAA,YAC9B,CAAA,gBAAA,EAAmB,SAAS,CAAC,CAAA,EAAA;AAAA,WAC/B;AACA,UAAA,IAAI,KAAO,EAAA;AACT,YAAAC,2BAAA,CAAmB,OAAO,OAAO,CAAA;AAAA;AACnC;AACF;AACF,KACF;AAAA,IACA,CAAC,mBAAqB,EAAA,QAAA,EAAU,mBAAmB;AAAA,GACrD;AAEA,EAAA,MAAM,eAAkB,GAAAD,iBAAA;AAAA,IACtB,CAAC,GAAgB,KAAA;AACf,MAAA,mBAAA,CAAoB,GAAG,CAAA;AAAA,KACzB;AAAA,IACA,CAAC,mBAAmB;AAAA,GACtB;AAEA,EAAO,OAAA;AAAA,IACL,mBAAA;AAAA,IACA,WAAa,EAAA,eAAA;AAAA,IACb,SAAW,EAAA,aAAA;AAAA,IACX;AAAA,GACF;AACF;;;;;"}

package/cjs/useDataSource.js

@@ -1,146 +0,0 @@
-'use strict';
-
-var vuuUtils = require('@vuu-ui/vuu-utils');
-var react = require('react');
-
-const useDataSource = ({
-  dataSource,
-  defaultSelectedIndexValues,
-  defaultSelectedKeyValues,
-  onSizeChange,
-  onSubscribed,
-  renderBufferSize = 0,
-  revealSelected
-}) => {
-  const [, forceUpdate] = react.useState(null);
-  const data = react.useRef([]);
-  const isMounted = react.useRef(true);
-  const hasUpdated = react.useRef(false);
-  const rangeRef = react.useRef(vuuUtils.NULL_RANGE);
-  const totalRowCountRef = react.useRef(0);
-  const dataWindow = react.useMemo(
-    () => new vuuUtils.MovingWindow(vuuUtils.NULL_RANGE),
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    []
-  );
-  react.useMemo(() => {
-    dataSource.on("resumed", () => {
-      const { range } = dataSource;
-      if (range.to !== 0) {
-        dataWindow.setRange(dataSource.range);
-      }
-    });
-  }, [dataSource, dataWindow]);
-  const setData = react.useCallback(
-    (updates) => {
-      for (const row of updates) {
-        dataWindow.add(row);
-      }
-      data.current = dataWindow.data;
-      if (isMounted.current) {
-        forceUpdate({});
-      }
-    },
-    [dataWindow]
-  );
-  const datasourceMessageHandler = react.useCallback(
-    (message) => {
-      if (message.type === "subscribed") {
-        onSubscribed?.(message);
-      } else if (message.type === "viewport-update") {
-        if (typeof message.size === "number") {
-          onSizeChange?.(message.size);
-          const size = dataWindow.data.length;
-          dataWindow.setRowCount(message.size);
-          totalRowCountRef.current = message.size;
-          if (dataWindow.data.length < size) {
-            if (isMounted.current === false) {
-              console.log("setting state whilst unmounted");
-            }
-            forceUpdate({});
-          }
-        }
-        if (message.rows) {
-          setData(message.rows);
-        } else if (message.size === 0) {
-          setData([]);
-        } else if (typeof message.size === "number") {
-          data.current = dataWindow.data;
-          hasUpdated.current = true;
-        }
-      } else if (message.type === "viewport-clear") {
-        onSizeChange?.(0);
-        dataWindow.setRowCount(0);
-        setData([]);
-        if (isMounted.current === false) {
-          console.log("setting state whilst unmounted");
-        }
-        forceUpdate({});
-      } else {
-        console.log(`useDataSource unexpected message ${message.type}`);
-      }
-    },
-    [dataWindow, onSizeChange, onSubscribed, setData]
-  );
-  const getSelectedRows = react.useCallback(() => {
-    return dataWindow.getSelectedRows();
-  }, [dataWindow]);
-  react.useEffect(() => {
-    isMounted.current = true;
-    if (dataSource.status !== "initialising") {
-      dataSource.resume?.(datasourceMessageHandler);
-    }
-    return () => {
-      isMounted.current = false;
-      dataSource.suspend?.();
-    };
-  }, [dataSource, datasourceMessageHandler]);
-  react.useEffect(() => {
-    if (dataSource.status === "disabled") {
-      dataSource.enable?.(datasourceMessageHandler);
-    }
-  }, [dataSource, datasourceMessageHandler, renderBufferSize]);
-  const setRange = react.useCallback(
-    (viewportRange) => {
-      if (!rangeRef.current.equals(viewportRange)) {
-        const range = vuuUtils.Range(viewportRange.from, viewportRange.to, {
-          renderBufferSize,
-          rowCount: totalRowCountRef.current
-        });
-        dataWindow.setRange(range);
-        if (dataSource.status !== "subscribed") {
-          dataSource?.subscribe(
-            {
-              range,
-              revealSelected,
-              selectedIndexValues: defaultSelectedIndexValues,
-              selectedKeyValues: defaultSelectedKeyValues
-            },
-            datasourceMessageHandler
-          );
-        } else {
-          dataSource.range = rangeRef.current = range;
-        }
-      }
-    },
-    [
-      dataSource,
-      dataWindow,
-      datasourceMessageHandler,
-      defaultSelectedIndexValues,
-      defaultSelectedKeyValues,
-      renderBufferSize,
-      revealSelected
-    ]
-  );
-  return {
-    data: data.current,
-    dataRef: data,
-    getSelectedRows,
-    range: rangeRef.current,
-    setRange
-  };
-};
-
-exports.useDataSource = useDataSource;
-//# sourceMappingURL=useDataSource.js.map

package/cjs/useDataSource.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useDataSource.js","sources":["../src/useDataSource.ts"],"sourcesContent":["import {\n  DataSourceRow,\n  DataSourceSubscribedMessage,\n  DataSourceSubscribeCallback,\n} from \"@vuu-ui/vuu-data-types\";\nimport { MovingWindow, NULL_RANGE, Range } from \"@vuu-ui/vuu-utils\";\nimport { useCallback, useEffect, useMemo, useRef, useState } from \"react\";\nimport { TableProps } from \"./Table\";\nimport { VuuRange } from \"@vuu-ui/vuu-protocol-types\";\n\nexport interface DataSourceHookProps\n  extends Pick<\n    TableProps,\n    | \"dataSource\"\n    | \"defaultSelectedIndexValues\"\n    | \"defaultSelectedKeyValues\"\n    | \"renderBufferSize\"\n    | \"revealSelected\"\n  > {\n  onSizeChange: (size: number) => void;\n  onSubscribed: (subscription: DataSourceSubscribedMessage) => void;\n}\n\nexport const useDataSource = ({\n  dataSource,\n  defaultSelectedIndexValues,\n  defaultSelectedKeyValues,\n  onSizeChange,\n  onSubscribed,\n  renderBufferSize = 0,\n  revealSelected,\n}: DataSourceHookProps) => {\n  const [, forceUpdate] = useState<unknown>(null);\n  const data = useRef<DataSourceRow[]>([]);\n  const isMounted = useRef(true);\n  const hasUpdated = useRef(false);\n  const rangeRef = useRef<Range>(NULL_RANGE);\n  const totalRowCountRef = useRef(0);\n\n  const dataWindow = useMemo(\n    () => new MovingWindow(NULL_RANGE),\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [],\n  );\n\n  useMemo(() => {\n    dataSource.on(\"resumed\", () => {\n      // When we resume a dataSource (after switching tabs etc)\n      // client will receive rows. We may not have received any\n      // setRange calls at this point so dataWindow range will\n      //not yet be set. If the dataWindow range is already set,\n      // this is a no-op.\n      const { range } = dataSource;\n      if (range.to !== 0) {\n        dataWindow.setRange(dataSource.range);\n      }\n    });\n  }, [dataSource, dataWindow]);\n\n  const setData = useCallback(\n    (updates: DataSourceRow[]) => {\n      for (const row of updates) {\n        dataWindow.add(row);\n      }\n      data.current = dataWindow.data;\n      if (isMounted.current) {\n        // TODO do we ever need to worry about missing updates here ?\n        forceUpdate({});\n      }\n    },\n    [dataWindow],\n  );\n\n  const datasourceMessageHandler: DataSourceSubscribeCallback = useCallback(\n    (message) => {\n      if (message.type === \"subscribed\") {\n        onSubscribed?.(message);\n      } else if (message.type === \"viewport-update\") {\n        if (typeof message.size === \"number\") {\n          onSizeChange?.(message.size);\n          const size = dataWindow.data.length;\n          dataWindow.setRowCount(message.size);\n          totalRowCountRef.current = message.size;\n\n          if (dataWindow.data.length < size) {\n            if (isMounted.current === false) {\n              console.log(\"setting state whilst unmounted\");\n            }\n\n            forceUpdate({});\n          }\n        }\n        if (message.rows) {\n          // Removed because known to cause issues when multiple server requests\n          // are handled  - a newer range can be overwritten with an out-of-date\n          // range. If we need this for some reason, amke sure server sends up\n          // top date range\n          // if (message.range) {\n          //   if (message.range.to !== dataWindow.range.to) {\n          //     dataWindow.setRange(message.range);\n          //   }\n          // }\n          setData(message.rows);\n        } else if (message.size === 0) {\n          setData([]);\n        } else if (typeof message.size === \"number\") {\n          data.current = dataWindow.data;\n          hasUpdated.current = true;\n        }\n      } else if (message.type === \"viewport-clear\") {\n        onSizeChange?.(0);\n        dataWindow.setRowCount(0);\n        setData([]);\n\n        if (isMounted.current === false) {\n          console.log(\"setting state whilst unmounted\");\n        }\n\n        forceUpdate({});\n      } else {\n        console.log(`useDataSource unexpected message ${message.type}`);\n      }\n    },\n    [dataWindow, onSizeChange, onSubscribed, setData],\n  );\n\n  const getSelectedRows = useCallback(() => {\n    return dataWindow.getSelectedRows();\n  }, [dataWindow]);\n\n  useEffect(() => {\n    isMounted.current = true;\n    if (dataSource.status !== \"initialising\") {\n      dataSource.resume?.(datasourceMessageHandler);\n    }\n    return () => {\n      isMounted.current = false;\n      dataSource.suspend?.();\n    };\n  }, [dataSource, datasourceMessageHandler]);\n\n  useEffect(() => {\n    if (dataSource.status === \"disabled\") {\n      dataSource.enable?.(datasourceMessageHandler);\n    }\n  }, [dataSource, datasourceMessageHandler, renderBufferSize]);\n\n  const setRange = useCallback(\n    (viewportRange: VuuRange) => {\n      if (!rangeRef.current.equals(viewportRange)) {\n        const range = Range(viewportRange.from, viewportRange.to, {\n          renderBufferSize,\n          rowCount: totalRowCountRef.current,\n        });\n\n        dataWindow.setRange(range);\n\n        if (dataSource.status !== \"subscribed\") {\n          dataSource?.subscribe(\n            {\n              range,\n              revealSelected,\n              selectedIndexValues: defaultSelectedIndexValues,\n              selectedKeyValues: defaultSelectedKeyValues,\n            },\n            datasourceMessageHandler,\n          );\n        } else {\n          dataSource.range = rangeRef.current = range;\n        }\n        // emit a range event omitting the renderBufferSize\n        // This isn't great, we're using the dataSource as a conduit to emit a\n        // message that has nothing to do with the dataSource itself. Client\n        // is the DataSourceState component.\n        // WHY CANT THIS BE DONE WITHIN DataSource ?\n        // dataSource.emit(\"range\", range);\n      }\n    },\n    [\n      dataSource,\n      dataWindow,\n      datasourceMessageHandler,\n      defaultSelectedIndexValues,\n      defaultSelectedKeyValues,\n      renderBufferSize,\n      revealSelected,\n    ],\n  );\n\n  return {\n    data: data.current,\n    dataRef: data,\n    getSelectedRows,\n    range: rangeRef.current,\n    setRange,\n  };\n};\n"],"names":["useState","useRef","NULL_RANGE","useMemo","MovingWindow","useCallback","useEffect","Range"],"mappings":"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"}

package/cjs/useEditableCell.js

@@ -1,32 +0,0 @@
-'use strict';
-
-var vuuUtils = require('@vuu-ui/vuu-utils');
-var react = require('react');
-
-const useEditableCell = () => {
-  const handleKeyDown = react.useCallback(
-    (evt) => {
-      if (evt.key === "Enter") {
-        const el = evt.target;
-        const inputElement = el.querySelector("input");
-        if (inputElement !== document.activeElement) {
-          inputElement?.focus();
-        }
-      } else if (evt.key === "Escape") {
-        const input = vuuUtils.queryClosest(evt.target, "input");
-        const cell = vuuUtils.queryClosest(input, ".vuuTableCell");
-        if (cell) {
-          cell.focus();
-          evt.stopPropagation();
-        }
-      }
-    },
-    []
-  );
-  return {
-    onKeyDown: handleKeyDown
-  };
-};
-
-exports.useEditableCell = useEditableCell;
-//# sourceMappingURL=useEditableCell.js.map

package/cjs/useEditableCell.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useEditableCell.js","sources":["../src/useEditableCell.ts"],"sourcesContent":["import { queryClosest } from \"@vuu-ui/vuu-utils\";\nimport { KeyboardEventHandler, useCallback } from \"react\";\n\nexport const useEditableCell = () => {\n  const handleKeyDown = useCallback<KeyboardEventHandler<HTMLDivElement>>(\n    (evt) => {\n      if (evt.key === \"Enter\") {\n        const el = evt.target as HTMLElement;\n        const inputElement = el.querySelector(\"input\");\n        if (inputElement !== document.activeElement) {\n          inputElement?.focus();\n        }\n      } else if (evt.key === \"Escape\") {\n        const input = queryClosest<HTMLInputElement>(evt.target, \"input\");\n        const cell = queryClosest(input, \".vuuTableCell\");\n        if (cell) {\n          cell.focus();\n          evt.stopPropagation();\n        }\n      }\n    },\n    [],\n  );\n\n  return {\n    onKeyDown: handleKeyDown,\n  };\n};\n"],"names":["useCallback","queryClosest"],"mappings":";;;;;AAGO,MAAM,kBAAkB,MAAM;AACnC,EAAA,MAAM,aAAgB,GAAAA,iBAAA;AAAA,IACpB,CAAC,GAAQ,KAAA;AACP,MAAI,IAAA,GAAA,CAAI,QAAQ,OAAS,EAAA;AACvB,QAAA,MAAM,KAAK,GAAI,CAAA,MAAA;AACf,QAAM,MAAA,YAAA,GAAe,EAAG,CAAA,aAAA,CAAc,OAAO,CAAA;AAC7C,QAAI,IAAA,YAAA,KAAiB,SAAS,aAAe,EAAA;AAC3C,UAAA,YAAA,EAAc,KAAM,EAAA;AAAA;AACtB,OACF,MAAA,IAAW,GAAI,CAAA,GAAA,KAAQ,QAAU,EAAA;AAC/B,QAAA,MAAM,KAAQ,GAAAC,qBAAA,CAA+B,GAAI,CAAA,MAAA,EAAQ,OAAO,CAAA;AAChE,QAAM,MAAA,IAAA,GAAOA,qBAAa,CAAA,KAAA,EAAO,eAAe,CAAA;AAChD,QAAA,IAAI,IAAM,EAAA;AACR,UAAA,IAAA,CAAK,KAAM,EAAA;AACX,UAAA,GAAA,CAAI,eAAgB,EAAA;AAAA;AACtB;AACF,KACF;AAAA,IACA;AAAC,GACH;AAEA,EAAO,OAAA;AAAA,IACL,SAAW,EAAA;AAAA,GACb;AACF;;;;"}

package/cjs/useHighlighting.js

@@ -1,33 +0,0 @@
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-
-const useHighlighting = (value, pattern) => {
-  if (pattern === "") {
-    return value;
-  }
-  const lowercaseValue = value.toLowerCase();
-  let start = 0;
-  let end = lowercaseValue.indexOf(pattern);
-  if (end === -1) {
-    return value;
-  }
-  const results = [];
-  while (end !== -1) {
-    results.push(value.slice(start, end));
-    start = end;
-    end = start + pattern.length;
-    results.push(
-      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "vuuHighlight", children: value.slice(start, end) }, start)
-    );
-    start = end;
-    end = lowercaseValue.indexOf(pattern, start);
-    if (end === -1 && start < lowercaseValue.length) {
-      results.push(value.slice(start));
-    }
-  }
-  return /* @__PURE__ */ jsxRuntime.jsx("span", { style: { whiteSpace: "pre" }, children: results });
-};
-
-exports.useHighlighting = useHighlighting;
-//# sourceMappingURL=useHighlighting.js.map

package/cjs/useHighlighting.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useHighlighting.js","sources":["../src/useHighlighting.tsx"],"sourcesContent":["import { ReactElement } from \"react\";\n\nexport const useHighlighting = (\n  value: string,\n  pattern: Lowercase<string>,\n): string | ReactElement => {\n  if (pattern === \"\") {\n    return value;\n  }\n  // eslint-disable-next-line react/display-name\n  const lowercaseValue = value.toLowerCase();\n  let start = 0;\n  let end = lowercaseValue.indexOf(pattern);\n  if (end === -1) {\n    return value;\n  }\n  const results = [];\n\n  while (end !== -1) {\n    results.push(value.slice(start, end));\n    start = end;\n    end = start + pattern.length;\n    results.push(\n      <span className=\"vuuHighlight\" key={start}>\n        {value.slice(start, end)}\n      </span>,\n    );\n    start = end;\n    end = lowercaseValue.indexOf(pattern, start);\n    if (end === -1 && start < lowercaseValue.length) {\n      results.push(value.slice(start));\n    }\n  }\n\n  return <span style={{ whiteSpace: \"pre\" }}>{results}</span>;\n};\n"],"names":["jsx"],"mappings":";;;;AAEa,MAAA,eAAA,GAAkB,CAC7B,KAAA,EACA,OAC0B,KAAA;AAC1B,EAAA,IAAI,YAAY,EAAI,EAAA;AAClB,IAAO,OAAA,KAAA;AAAA;AAGT,EAAM,MAAA,cAAA,GAAiB,MAAM,WAAY,EAAA;AACzC,EAAA,IAAI,KAAQ,GAAA,CAAA;AACZ,EAAI,IAAA,GAAA,GAAM,cAAe,CAAA,OAAA,CAAQ,OAAO,CAAA;AACxC,EAAA,IAAI,QAAQ,CAAI,CAAA,EAAA;AACd,IAAO,OAAA,KAAA;AAAA;AAET,EAAA,MAAM,UAAU,EAAC;AAEjB,EAAA,OAAO,QAAQ,CAAI,CAAA,EAAA;AACjB,IAAA,OAAA,CAAQ,IAAK,CAAA,KAAA,CAAM,KAAM,CAAA,KAAA,EAAO,GAAG,CAAC,CAAA;AACpC,IAAQ,KAAA,GAAA,GAAA;AACR,IAAA,GAAA,GAAM,QAAQ,OAAQ,CAAA,MAAA;AACtB,IAAQ,OAAA,CAAA,IAAA;AAAA,sBACNA,cAAA,CAAC,UAAK,SAAU,EAAA,cAAA,EACb,gBAAM,KAAM,CAAA,KAAA,EAAO,GAAG,CAAA,EAAA,EADW,KAEpC;AAAA,KACF;AACA,IAAQ,KAAA,GAAA,GAAA;AACR,IAAM,GAAA,GAAA,cAAA,CAAe,OAAQ,CAAA,OAAA,EAAS,KAAK,CAAA;AAC3C,IAAA,IAAI,GAAQ,KAAA,CAAA,CAAA,IAAM,KAAQ,GAAA,cAAA,CAAe,MAAQ,EAAA;AAC/C,MAAA,OAAA,CAAQ,IAAK,CAAA,KAAA,CAAM,KAAM,CAAA,KAAK,CAAC,CAAA;AAAA;AACjC;AAGF,EAAA,sCAAQ,MAAK,EAAA,EAAA,KAAA,EAAO,EAAE,UAAY,EAAA,KAAA,IAAU,QAAQ,EAAA,OAAA,EAAA,CAAA;AACtD;;;;"}