@vuu-ui/vuu-table 0.13.13 → 0.13.15

package/cjs/useCellEditing.js.map

@@ -1 +1 @@
-{"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;;;;"}
+{"version":3,"file":"useCellEditing.js","sources":["../../../packages/vuu-table/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.map

@@ -1 +1 @@
-{"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":"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"}
+{"version":3,"file":"useCellFocus.js","sources":["../../../packages/vuu-table/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":"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"}

package/cjs/useControlledTableNavigation.js.map

@@ -1 +1 @@
-{"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;;;;;"}
+{"version":3,"file":"useControlledTableNavigation.js","sources":["../../../packages/vuu-table/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.map

@@ -1 +1 @@
-{"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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"}
+{"version":3,"file":"useDataSource.js","sources":["../../../packages/vuu-table/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.map

@@ -1 +1 @@
-{"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;;;;"}
+{"version":3,"file":"useEditableCell.js","sources":["../../../packages/vuu-table/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.map

@@ -1 +1 @@
-{"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;;;;"}
+{"version":3,"file":"useHighlighting.js","sources":["../../../packages/vuu-table/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;;;;"}

package/cjs/useKeyboardNavigation.js.map

@@ -1 +1 @@
-{"version":3,"file":"useKeyboardNavigation.js","sources":["../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  MutableRefObject,\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} 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: MutableRefObject<CellFocusState>;\n  containerRef: RefObject<HTMLElement | null>;\n  columnCount?: number;\n  headerCount: number;\n  defaultHighlightedIndex?: number;\n  disableFocus?: boolean;\n  disableHighlightOnFocus?: 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  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, fromKeyboard = false) => {\n      const pos: CellPos = [rowIdx, colIdx];\n      if (navigationStyle === \"row\") {\n        setHighlightedIdx(rowIdx);\n      } else {\n        focusCell(pos, fromKeyboard);\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        const { current: focusState } = cellFocusStateRef;\n        switch (key) {\n          case \"PageDown\": {\n            newRowIdx = Math.min(rowCount - 1, rowIdx + viewportRowCount);\n            if (newRowIdx !== rowIdx) {\n              focusState.cellPos = [newRowIdx, colIdx];\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              focusState.cellPos = [newRowIdx, colIdx];\n              requestScroll?.({ type: \"scroll-page\", direction: \"up\" });\n            }\n            break;\n          }\n          case \"Home\": {\n            newRowIdx = headerCount + 1;\n            if (newRowIdx !== rowIdx) {\n              focusState.cellPos = [newRowIdx, colIdx];\n              requestScroll?.({ type: \"scroll-end\", direction: \"home\" });\n            }\n            break;\n          }\n          case \"End\": {\n            newRowIdx = rowCount + headerCount;\n            if (newRowIdx !== rowIdx) {\n              focusState.cellPos = [newRowIdx, colIdx];\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    [cellFocusStateRef, headerCount, requestScroll, rowCount, viewportRowCount],\n  );\n\n  const handleFocus = useCallback(() => {\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 {\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, true);\n        setHighlightedIndex(nextRowIdx);\n      }\n    },\n    [\n      cellFocusStateRef,\n      nextPageItemIdx,\n      containerRef,\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      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    [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      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":["queryClosest","useRef","useControlled","useCallback","getFocusedCell","navigationStyle","getTreeNodeOperation","getLevelUp","getNextCellPos","useEffect","cellDropdownShowing","getAriaCellPos","closestRowIndex"],"mappings":"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"}
+{"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  MutableRefObject,\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} 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: MutableRefObject<CellFocusState>;\n  containerRef: RefObject<HTMLElement | null>;\n  columnCount?: number;\n  headerCount: number;\n  defaultHighlightedIndex?: number;\n  disableFocus?: boolean;\n  disableHighlightOnFocus?: 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  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, fromKeyboard = false) => {\n      const pos: CellPos = [rowIdx, colIdx];\n      if (navigationStyle === \"row\") {\n        setHighlightedIdx(rowIdx);\n      } else {\n        focusCell(pos, fromKeyboard);\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        const { current: focusState } = cellFocusStateRef;\n        switch (key) {\n          case \"PageDown\": {\n            newRowIdx = Math.min(rowCount - 1, rowIdx + viewportRowCount);\n            if (newRowIdx !== rowIdx) {\n              focusState.cellPos = [newRowIdx, colIdx];\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              focusState.cellPos = [newRowIdx, colIdx];\n              requestScroll?.({ type: \"scroll-page\", direction: \"up\" });\n            }\n            break;\n          }\n          case \"Home\": {\n            newRowIdx = headerCount + 1;\n            if (newRowIdx !== rowIdx) {\n              focusState.cellPos = [newRowIdx, colIdx];\n              requestScroll?.({ type: \"scroll-end\", direction: \"home\" });\n            }\n            break;\n          }\n          case \"End\": {\n            newRowIdx = rowCount + headerCount;\n            if (newRowIdx !== rowIdx) {\n              focusState.cellPos = [newRowIdx, colIdx];\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    [cellFocusStateRef, headerCount, requestScroll, rowCount, viewportRowCount],\n  );\n\n  const handleFocus = useCallback(() => {\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 {\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, true);\n        setHighlightedIndex(nextRowIdx);\n      }\n    },\n    [\n      cellFocusStateRef,\n      nextPageItemIdx,\n      containerRef,\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      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    [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      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":["queryClosest","useRef","useControlled","useCallback","getFocusedCell","navigationStyle","getTreeNodeOperation","getLevelUp","getNextCellPos","useEffect","cellDropdownShowing","getAriaCellPos","closestRowIndex"],"mappings":"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"}

package/cjs/useMeasuredHeight.js.map

@@ -1 +1 @@
-{"version":3,"file":"useMeasuredHeight.js","sources":["../src/useMeasuredHeight.ts"],"sourcesContent":["import { isValidNumber } from \"@vuu-ui/vuu-utils\";\nimport { RefCallback, useCallback, useMemo, 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\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 (isValidNumber(newHeight)) {\n          setMeasuredHeight(newHeight);\n          onHeightMeasured?.(newHeight);\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          setMeasuredHeight(Math.round(height));\n        }\n      } else {\n        resizeObserver.disconnect();\n      }\n    },\n    [resizeObserver, heightProp],\n  );\n  return { measuredHeight, measuredRef };\n};\n"],"names":["useState","useMemo","isValidNumber","useCallback"],"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,GAAIA,eAAS,UAAU,CAAA;AAE/D,EAAM,MAAA,cAAA,GAAiBC,cAAQ,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,IAAAC,sBAAA,CAAc,SAAS,CAAG,EAAA;AAC5B,UAAA,iBAAA,CAAkB,SAAS,CAAA;AAC3B,UAAA,gBAAA,GAAmB,SAAS,CAAA;AAAA;AAC9B;AACF,KACD,CAAA;AAAA,GACH,EAAG,CAAC,gBAAgB,CAAC,CAAA;AAErB,EAAA,MAAM,WAAc,GAAAC,iBAAA;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,UAAkB,iBAAA,CAAA,IAAA,CAAK,KAAM,CAAA,MAAM,CAAC,CAAA;AAAA;AACtC,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;;;;"}
+{"version":3,"file":"useMeasuredHeight.js","sources":["../../../packages/vuu-table/src/useMeasuredHeight.ts"],"sourcesContent":["import { isValidNumber } from \"@vuu-ui/vuu-utils\";\nimport { RefCallback, useCallback, useMemo, 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\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 (isValidNumber(newHeight)) {\n          setMeasuredHeight(newHeight);\n          onHeightMeasured?.(newHeight);\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          setMeasuredHeight(Math.round(height));\n        }\n      } else {\n        resizeObserver.disconnect();\n      }\n    },\n    [resizeObserver, heightProp],\n  );\n  return { measuredHeight, measuredRef };\n};\n"],"names":["useState","useMemo","isValidNumber","useCallback"],"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,GAAIA,eAAS,UAAU,CAAA;AAE/D,EAAM,MAAA,cAAA,GAAiBC,cAAQ,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,IAAAC,sBAAA,CAAc,SAAS,CAAG,EAAA;AAC5B,UAAA,iBAAA,CAAkB,SAAS,CAAA;AAC3B,UAAA,gBAAA,GAAmB,SAAS,CAAA;AAAA;AAC9B;AACF,KACD,CAAA;AAAA,GACH,EAAG,CAAC,gBAAgB,CAAC,CAAA;AAErB,EAAA,MAAM,WAAc,GAAAC,iBAAA;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,UAAkB,iBAAA,CAAA,IAAA,CAAK,KAAM,CAAA,MAAM,CAAC,CAAA;AAAA;AACtC,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/cjs/useRowClassNameGenerators.js.map

@@ -1 +1 @@
-{"version":3,"file":"useRowClassNameGenerators.js","sources":["../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 (row, columnMap) => {\n    const classNames: string[] = [];\n    functions?.forEach((fn) => {\n      const className = fn(row, columnMap);\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":["getRowClassNameGenerator","useMemo"],"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,GAAKA,kCAAyB,EAAE,CAAA;AACtC,IAAA,IAAI,EAAI,EAAA;AACN,MAAU,SAAA,CAAA,IAAA,CAAK,GAAG,EAAE,CAAA;AAAA;AACtB,GACD,CAAA;AACD,EAAO,OAAA,CAAC,KAAK,SAAc,KAAA;AACzB,IAAA,MAAM,aAAuB,EAAC;AAC9B,IAAW,SAAA,EAAA,OAAA,CAAQ,CAAC,EAAO,KAAA;AACzB,MAAM,MAAA,SAAA,GAAY,EAAG,CAAA,GAAA,EAAK,SAAS,CAAA;AACnC,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,OAAOC,cAA2C,MAAM;AACtD,IAAA,OAAO,yBAAyB,sBAAsB,CAAA;AAAA,GACxD,EAAG,CAAC,sBAAsB,CAAC,CAAA;AAC7B;;;;"}
+{"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 (row, columnMap) => {\n    const classNames: string[] = [];\n    functions?.forEach((fn) => {\n      const className = fn(row, columnMap);\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":["getRowClassNameGenerator","useMemo"],"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,GAAKA,kCAAyB,EAAE,CAAA;AACtC,IAAA,IAAI,EAAI,EAAA;AACN,MAAU,SAAA,CAAA,IAAA,CAAK,GAAG,EAAE,CAAA;AAAA;AACtB,GACD,CAAA;AACD,EAAO,OAAA,CAAC,KAAK,SAAc,KAAA;AACzB,IAAA,MAAM,aAAuB,EAAC;AAC9B,IAAW,SAAA,EAAA,OAAA,CAAQ,CAAC,EAAO,KAAA;AACzB,MAAM,MAAA,SAAA,GAAY,EAAG,CAAA,GAAA,EAAK,SAAS,CAAA;AACnC,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,OAAOC,cAA2C,MAAM;AACtD,IAAA,OAAO,yBAAyB,sBAAsB,CAAA;AAAA,GACxD,EAAG,CAAC,sBAAsB,CAAC,CAAA;AAC7B;;;;"}

package/cjs/useSelection.js.map

@@ -1 +1 @@
-{"version":3,"file":"useSelection.js","sources":["../src/useSelection.ts"],"sourcesContent":["import {\n  TableRowClickHandlerInternal,\n  TableRowSelectHandlerInternal,\n  TableSelectionModel,\n} from \"@vuu-ui/vuu-table-types\";\nimport {\n  deselectItem,\n  dispatchMouseEvent,\n  isRowSelected,\n  metadataKeys,\n  queryClosest,\n  selectItem,\n} from \"@vuu-ui/vuu-utils\";\nimport { Selection } from \"@vuu-ui/vuu-data-types\";\nimport {\n  KeyboardEvent,\n  KeyboardEventHandler,\n  RefObject,\n  useCallback,\n  useRef,\n} from \"react\";\nimport { getRowElementByAriaIndex } from \"./table-dom-utils\";\nimport { TableProps } from \"./Table\";\n\nconst { IDX } = metadataKeys;\n\nconst NO_SELECTION: Selection = [];\n\nconst defaultSelectionKeys = [\"Enter\", \" \"];\n\nexport interface SelectionHookProps\n  extends Pick<TableProps, \"defaultSelectedIndexValues\" | \"onSelectionChange\"> {\n  containerRef: RefObject<HTMLElement | null>;\n  highlightedIndexRef: RefObject<number | undefined>;\n  selectionKeys?: string[];\n  selectionModel: TableSelectionModel;\n  onSelect?: TableRowSelectHandlerInternal;\n}\n\nexport const useSelection = ({\n  containerRef,\n  defaultSelectedIndexValues = NO_SELECTION,\n  highlightedIndexRef,\n  selectionKeys = defaultSelectionKeys,\n  selectionModel,\n  onSelect,\n  onSelectionChange,\n}: SelectionHookProps) => {\n  selectionModel === \"extended\" || selectionModel === \"checkbox\";\n  const lastActiveRef = useRef(-1);\n  const selectedRef = useRef<Selection>(defaultSelectedIndexValues);\n\n  const isSelectionEvent = useCallback(\n    (evt: KeyboardEvent<HTMLElement>) => selectionKeys.includes(evt.key),\n    [selectionKeys],\n  );\n\n  const handleRowClick = useCallback<TableRowClickHandlerInternal>(\n    (e, row, rangeSelect, keepExistingSelection) => {\n      const { [IDX]: idx } = row;\n      const { current: active } = lastActiveRef;\n      const { current: selected } = selectedRef;\n\n      const selectOperation = isRowSelected(row) ? deselectItem : selectItem;\n\n      if (selectionModel === \"checkbox\") {\n        const cell = queryClosest(e.target, \".vuuTableCell\");\n        if (!cell?.querySelector(\".vuuCheckboxRowSelector\")) {\n          return;\n        }\n      }\n\n      const newSelected = selectOperation(\n        selectionModel,\n        selected,\n        idx,\n        rangeSelect,\n        keepExistingSelection,\n        active,\n      );\n\n      selectedRef.current = newSelected;\n      lastActiveRef.current = idx;\n\n      onSelect?.(selectOperation === selectItem ? row : null);\n      onSelectionChange?.(newSelected);\n    },\n    [onSelect, onSelectionChange, selectionModel],\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  return {\n    onKeyDown: handleKeyDown,\n    onRowClick: handleRowClick,\n  };\n};\n"],"names":["metadataKeys","useRef","useCallback","isRowSelected","deselectItem","selectItem","queryClosest","getRowElementByAriaIndex","dispatchMouseEvent"],"mappings":";;;;;;AAwBA,MAAM,EAAE,KAAQ,GAAAA,qBAAA;AAEhB,MAAM,eAA0B,EAAC;AAEjC,MAAM,oBAAA,GAAuB,CAAC,OAAA,EAAS,GAAG,CAAA;AAWnC,MAAM,eAAe,CAAC;AAAA,EAC3B,YAAA;AAAA,EACA,0BAA6B,GAAA,YAAA;AAAA,EAC7B,mBAAA;AAAA,EACA,aAAgB,GAAA,oBAAA;AAAA,EAChB,cAAA;AAAA,EACA,QAAA;AAAA,EACA;AACF,CAA0B,KAAA;AAExB,EAAM,MAAA,aAAA,GAAgBC,aAAO,CAAE,CAAA,CAAA;AAC/B,EAAM,MAAA,WAAA,GAAcA,aAAkB,0BAA0B,CAAA;AAEhE,EAAA,MAAM,gBAAmB,GAAAC,iBAAA;AAAA,IACvB,CAAC,GAAA,KAAoC,aAAc,CAAA,QAAA,CAAS,IAAI,GAAG,CAAA;AAAA,IACnE,CAAC,aAAa;AAAA,GAChB;AAEA,EAAA,MAAM,cAAiB,GAAAA,iBAAA;AAAA,IACrB,CAAC,CAAA,EAAG,GAAK,EAAA,WAAA,EAAa,qBAA0B,KAAA;AAC9C,MAAA,MAAM,EAAE,CAAC,GAAG,GAAG,KAAQ,GAAA,GAAA;AACvB,MAAM,MAAA,EAAE,OAAS,EAAA,MAAA,EAAW,GAAA,aAAA;AAC5B,MAAM,MAAA,EAAE,OAAS,EAAA,QAAA,EAAa,GAAA,WAAA;AAE9B,MAAA,MAAM,eAAkB,GAAAC,sBAAA,CAAc,GAAG,CAAA,GAAIC,qBAAe,GAAAC,mBAAA;AAE5D,MAAA,IAAI,mBAAmB,UAAY,EAAA;AACjC,QAAA,MAAM,IAAO,GAAAC,qBAAA,CAAa,CAAE,CAAA,MAAA,EAAQ,eAAe,CAAA;AACnD,QAAA,IAAI,CAAC,IAAA,EAAM,aAAc,CAAA,yBAAyB,CAAG,EAAA;AACnD,UAAA;AAAA;AACF;AAGF,MAAA,MAAM,WAAc,GAAA,eAAA;AAAA,QAClB,cAAA;AAAA,QACA,QAAA;AAAA,QACA,GAAA;AAAA,QACA,WAAA;AAAA,QACA,qBAAA;AAAA,QACA;AAAA,OACF;AAEA,MAAA,WAAA,CAAY,OAAU,GAAA,WAAA;AACtB,MAAA,aAAA,CAAc,OAAU,GAAA,GAAA;AAExB,MAAW,QAAA,GAAA,eAAA,KAAoBD,mBAAa,GAAA,GAAA,GAAM,IAAI,CAAA;AACtD,MAAA,iBAAA,GAAoB,WAAW,CAAA;AAAA,KACjC;AAAA,IACA,CAAC,QAAU,EAAA,iBAAA,EAAmB,cAAc;AAAA,GAC9C;AAEA,EAAA,MAAM,aAAgB,GAAAH,iBAAA;AAAA,IACpB,CAAC,CAAM,KAAA;AACL,MAAI,IAAA,gBAAA,CAAiB,CAAC,CAAG,EAAA;AACvB,QAAM,MAAA,EAAE,OAAS,EAAA,QAAA,EAAa,GAAA,mBAAA;AAC9B,QAAM,MAAA,EAAE,OAAS,EAAA,SAAA,EAAc,GAAA,YAAA;AAC/B,QAAA,IAAI,QAAa,KAAA,KAAA,CAAA,IAAa,QAAa,KAAA,CAAA,CAAA,IAAM,SAAW,EAAA;AAC1D,UAAM,MAAA,KAAA,GAAQK,sCAAyB,CAAA,SAAA,EAAW,QAAQ,CAAA;AAC1D,UAAA,IAAI,KAAO,EAAA;AACT,YAAAC,2BAAA,CAAmB,OAAO,OAAO,CAAA;AAAA;AACnC;AACF;AACF,KACF;AAAA,IACA,CAAC,YAAc,EAAA,mBAAA,EAAqB,gBAAgB;AAAA,GACtD;AAEA,EAAO,OAAA;AAAA,IACL,SAAW,EAAA,aAAA;AAAA,IACX,UAAY,EAAA;AAAA,GACd;AACF;;;;"}
+{"version":3,"file":"useSelection.js","sources":["../../../packages/vuu-table/src/useSelection.ts"],"sourcesContent":["import {\n  TableRowClickHandlerInternal,\n  TableRowSelectHandlerInternal,\n  TableSelectionModel,\n} from \"@vuu-ui/vuu-table-types\";\nimport {\n  deselectItem,\n  dispatchMouseEvent,\n  isRowSelected,\n  metadataKeys,\n  queryClosest,\n  selectItem,\n} from \"@vuu-ui/vuu-utils\";\nimport { Selection } from \"@vuu-ui/vuu-data-types\";\nimport {\n  KeyboardEvent,\n  KeyboardEventHandler,\n  RefObject,\n  useCallback,\n  useRef,\n} from \"react\";\nimport { getRowElementByAriaIndex } from \"./table-dom-utils\";\nimport { TableProps } from \"./Table\";\n\nconst { IDX } = metadataKeys;\n\nconst NO_SELECTION: Selection = [];\n\nconst defaultSelectionKeys = [\"Enter\", \" \"];\n\nexport interface SelectionHookProps\n  extends Pick<TableProps, \"defaultSelectedIndexValues\" | \"onSelectionChange\"> {\n  containerRef: RefObject<HTMLElement | null>;\n  highlightedIndexRef: RefObject<number | undefined>;\n  selectionKeys?: string[];\n  selectionModel: TableSelectionModel;\n  onSelect?: TableRowSelectHandlerInternal;\n}\n\nexport const useSelection = ({\n  containerRef,\n  defaultSelectedIndexValues = NO_SELECTION,\n  highlightedIndexRef,\n  selectionKeys = defaultSelectionKeys,\n  selectionModel,\n  onSelect,\n  onSelectionChange,\n}: SelectionHookProps) => {\n  selectionModel === \"extended\" || selectionModel === \"checkbox\";\n  const lastActiveRef = useRef(-1);\n  const selectedRef = useRef<Selection>(defaultSelectedIndexValues);\n\n  const isSelectionEvent = useCallback(\n    (evt: KeyboardEvent<HTMLElement>) => selectionKeys.includes(evt.key),\n    [selectionKeys],\n  );\n\n  const handleRowClick = useCallback<TableRowClickHandlerInternal>(\n    (e, row, rangeSelect, keepExistingSelection) => {\n      const { [IDX]: idx } = row;\n      const { current: active } = lastActiveRef;\n      const { current: selected } = selectedRef;\n\n      const selectOperation = isRowSelected(row) ? deselectItem : selectItem;\n\n      if (selectionModel === \"checkbox\") {\n        const cell = queryClosest(e.target, \".vuuTableCell\");\n        if (!cell?.querySelector(\".vuuCheckboxRowSelector\")) {\n          return;\n        }\n      }\n\n      const newSelected = selectOperation(\n        selectionModel,\n        selected,\n        idx,\n        rangeSelect,\n        keepExistingSelection,\n        active,\n      );\n\n      selectedRef.current = newSelected;\n      lastActiveRef.current = idx;\n\n      onSelect?.(selectOperation === selectItem ? row : null);\n      onSelectionChange?.(newSelected);\n    },\n    [onSelect, onSelectionChange, selectionModel],\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  return {\n    onKeyDown: handleKeyDown,\n    onRowClick: handleRowClick,\n  };\n};\n"],"names":["metadataKeys","useRef","useCallback","isRowSelected","deselectItem","selectItem","queryClosest","getRowElementByAriaIndex","dispatchMouseEvent"],"mappings":";;;;;;AAwBA,MAAM,EAAE,KAAQ,GAAAA,qBAAA;AAEhB,MAAM,eAA0B,EAAC;AAEjC,MAAM,oBAAA,GAAuB,CAAC,OAAA,EAAS,GAAG,CAAA;AAWnC,MAAM,eAAe,CAAC;AAAA,EAC3B,YAAA;AAAA,EACA,0BAA6B,GAAA,YAAA;AAAA,EAC7B,mBAAA;AAAA,EACA,aAAgB,GAAA,oBAAA;AAAA,EAChB,cAAA;AAAA,EACA,QAAA;AAAA,EACA;AACF,CAA0B,KAAA;AAExB,EAAM,MAAA,aAAA,GAAgBC,aAAO,CAAE,CAAA,CAAA;AAC/B,EAAM,MAAA,WAAA,GAAcA,aAAkB,0BAA0B,CAAA;AAEhE,EAAA,MAAM,gBAAmB,GAAAC,iBAAA;AAAA,IACvB,CAAC,GAAA,KAAoC,aAAc,CAAA,QAAA,CAAS,IAAI,GAAG,CAAA;AAAA,IACnE,CAAC,aAAa;AAAA,GAChB;AAEA,EAAA,MAAM,cAAiB,GAAAA,iBAAA;AAAA,IACrB,CAAC,CAAA,EAAG,GAAK,EAAA,WAAA,EAAa,qBAA0B,KAAA;AAC9C,MAAA,MAAM,EAAE,CAAC,GAAG,GAAG,KAAQ,GAAA,GAAA;AACvB,MAAM,MAAA,EAAE,OAAS,EAAA,MAAA,EAAW,GAAA,aAAA;AAC5B,MAAM,MAAA,EAAE,OAAS,EAAA,QAAA,EAAa,GAAA,WAAA;AAE9B,MAAA,MAAM,eAAkB,GAAAC,sBAAA,CAAc,GAAG,CAAA,GAAIC,qBAAe,GAAAC,mBAAA;AAE5D,MAAA,IAAI,mBAAmB,UAAY,EAAA;AACjC,QAAA,MAAM,IAAO,GAAAC,qBAAA,CAAa,CAAE,CAAA,MAAA,EAAQ,eAAe,CAAA;AACnD,QAAA,IAAI,CAAC,IAAA,EAAM,aAAc,CAAA,yBAAyB,CAAG,EAAA;AACnD,UAAA;AAAA;AACF;AAGF,MAAA,MAAM,WAAc,GAAA,eAAA;AAAA,QAClB,cAAA;AAAA,QACA,QAAA;AAAA,QACA,GAAA;AAAA,QACA,WAAA;AAAA,QACA,qBAAA;AAAA,QACA;AAAA,OACF;AAEA,MAAA,WAAA,CAAY,OAAU,GAAA,WAAA;AACtB,MAAA,aAAA,CAAc,OAAU,GAAA,GAAA;AAExB,MAAW,QAAA,GAAA,eAAA,KAAoBD,mBAAa,GAAA,GAAA,GAAM,IAAI,CAAA;AACtD,MAAA,iBAAA,GAAoB,WAAW,CAAA;AAAA,KACjC;AAAA,IACA,CAAC,QAAU,EAAA,iBAAA,EAAmB,cAAc;AAAA,GAC9C;AAEA,EAAA,MAAM,aAAgB,GAAAH,iBAAA;AAAA,IACpB,CAAC,CAAM,KAAA;AACL,MAAI,IAAA,gBAAA,CAAiB,CAAC,CAAG,EAAA;AACvB,QAAM,MAAA,EAAE,OAAS,EAAA,QAAA,EAAa,GAAA,mBAAA;AAC9B,QAAM,MAAA,EAAE,OAAS,EAAA,SAAA,EAAc,GAAA,YAAA;AAC/B,QAAA,IAAI,QAAa,KAAA,KAAA,CAAA,IAAa,QAAa,KAAA,CAAA,CAAA,IAAM,SAAW,EAAA;AAC1D,UAAM,MAAA,KAAA,GAAQK,sCAAyB,CAAA,SAAA,EAAW,QAAQ,CAAA;AAC1D,UAAA,IAAI,KAAO,EAAA;AACT,YAAAC,2BAAA,CAAmB,OAAO,OAAO,CAAA;AAAA;AACnC;AACF;AACF,KACF;AAAA,IACA,CAAC,YAAc,EAAA,mBAAA,EAAqB,gBAAgB;AAAA,GACtD;AAEA,EAAO,OAAA;AAAA,IACL,SAAW,EAAA,aAAA;AAAA,IACX,UAAY,EAAA;AAAA,GACd;AACF;;;;"}

package/cjs/useTable.js.map

@@ -1 +1 @@
-{"version":3,"file":"useTable.js","sources":["../src/useTable.ts"],"sourcesContent":["import {\n  DataSourceConfig,\n  DataSourceConfigChangeHandler,\n  DataSourceRow,\n  DataSourceSubscribedMessage,\n  SelectionChangeHandler,\n} from \"@vuu-ui/vuu-data-types\";\nimport { VuuRowDataItemType, VuuSortType } from \"@vuu-ui/vuu-protocol-types\";\nimport {\n  ColumnDisplayActionHandler,\n  columnSettingsFromColumnMenuPermissions,\n  TableSettingsActionHandler,\n  tableSettingsFromColumnMenuPermissions,\n  useColumnActions,\n  useTableAndColumnSettings,\n} from \"@vuu-ui/vuu-table-extras\";\nimport {\n  ColumnDescriptor,\n  ColumnMoveHandler,\n  DataCellEditEvent,\n  RuntimeColumnDescriptor,\n  TableColumnResizeHandler,\n  TableConfig,\n  TableRowClickHandlerInternal,\n  TableRowSelectHandlerInternal,\n  TableSelectionModel,\n} from \"@vuu-ui/vuu-table-types\";\nimport {\n  DragStartHandler,\n  MeasuredProps,\n  MeasuredSize,\n  useDragDrop,\n} from \"@vuu-ui/vuu-ui-controls\";\nimport {\n  asDataSourceRowObject,\n  buildColumnMap,\n  isGroupColumn,\n  isJsonGroup,\n  isValidNumber,\n  logUnhandledMessage,\n  metadataKeys,\n  toggleOrApplySort,\n  updateColumn,\n  useLayoutEffectSkipFirst,\n} from \"@vuu-ui/vuu-utils\";\nimport {\n  FocusEvent,\n  KeyboardEvent,\n  MouseEventHandler,\n  RefObject,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from \"react\";\nimport { TableCellBlock } from \"./cell-block/cellblock-utils\";\nimport { useCellBlockSelection } from \"./cell-block/useCellBlockSelection\";\nimport { CellFocusState } from \"./CellFocusState\";\nimport { TableProps } from \"./Table\";\nimport { updateTableConfig } from \"./table-config\";\nimport { getAriaRowIndex, getHeaderCell } from \"./table-dom-utils\";\nimport { useCellEditing } from \"./useCellEditing\";\nimport { FocusCell, useCellFocus } from \"./useCellFocus\";\nimport { useDataSource } from \"./useDataSource\";\nimport {\n  GroupToggleHandler,\n  useKeyboardNavigation,\n} from \"./useKeyboardNavigation\";\nimport { useRowClassNameGenerators } from \"./useRowClassNameGenerators\";\nimport { useSelection } from \"./useSelection\";\nimport { useTableContextMenu } from \"./useTableContextMenu\";\nimport {\n  ColumnActionHide,\n  ColumnActionPin,\n  useTableModel,\n} from \"./useTableModel\";\nimport { ScrollRequestHandler, useTableScroll } from \"./useTableScroll\";\nimport { useTableViewport } from \"./useTableViewport\";\n\ntype HeaderState = {\n  height: number;\n  count: number;\n};\n\nconst nullHeaderState = {\n  height: -1,\n  count: -1,\n};\nconst zeroHeaderState = {\n  height: 0,\n  count: 0,\n};\n\nconst stripInternalProperties = (tableConfig: TableConfig): TableConfig => {\n  return tableConfig;\n};\n\nexport interface TableHookProps\n  extends MeasuredProps,\n    Pick<\n      TableProps,\n      | \"allowCellBlockSelection\"\n      | \"allowDragDrop\"\n      | \"availableColumns\"\n      | \"config\"\n      | \"dataSource\"\n      | \"defaultSelectedIndexValues\"\n      | \"defaultSelectedKeyValues\"\n      | \"disableFocus\"\n      | \"highlightedIndex\"\n      | \"id\"\n      | \"navigationStyle\"\n      | \"onAvailableColumnsChange\"\n      | \"onConfigChange\"\n      | \"onDataEdited\"\n      | \"onDragStart\"\n      | \"onDrop\"\n      | \"onHighlight\"\n      | \"onSelect\"\n      | \"onSelectCellBlock\"\n      | \"onSelectionChange\"\n      | \"onRowClick\"\n      | \"renderBufferSize\"\n      | \"revealSelected\"\n      | \"rowToObject\"\n      | \"scrollingApiRef\"\n      | \"selectionBookendWidth\"\n      | \"showColumnHeaderMenus\"\n      | \"showColumnHeaders\"\n      | \"showPaginationControls\"\n    > {\n  containerRef: RefObject<HTMLDivElement | null>;\n  rowHeight: number;\n  selectionModel: TableSelectionModel;\n  size: MeasuredSize;\n}\n\nconst { KEY, IS_EXPANDED, IS_LEAF } = metadataKeys;\n\nconst NULL_DRAG_DROP = {\n  draggable: undefined,\n  onMouseDown: undefined,\n};\nconst useNullDragDrop = () => NULL_DRAG_DROP;\n\nconst addColumn = (\n  tableConfig: TableConfig,\n  column: ColumnDescriptor,\n): TableConfig => ({\n  ...tableConfig,\n  columns: tableConfig.columns.concat(column),\n});\n\nexport const useTable = ({\n  allowCellBlockSelection,\n  allowDragDrop = false,\n  availableColumns,\n  config,\n  containerRef,\n  dataSource,\n  defaultSelectedIndexValues,\n  defaultSelectedKeyValues,\n  disableFocus,\n  highlightedIndex: highlightedIndexProp,\n  id,\n  navigationStyle = \"cell\",\n  onAvailableColumnsChange,\n  onConfigChange,\n  onDataEdited: onDataEditedProp,\n  onDragStart,\n  onDrop,\n  onHighlight,\n  onRowClick: onRowClickProp,\n  onSelect,\n  onSelectCellBlock,\n  onSelectionChange,\n  renderBufferSize = 0,\n  revealSelected,\n  rowHeight = 20,\n  rowToObject = asDataSourceRowObject,\n  scrollingApiRef,\n  selectionBookendWidth = 4,\n  selectionModel,\n  showColumnHeaderMenus = true,\n  showColumnHeaders,\n  showPaginationControls,\n  size,\n}: TableHookProps) => {\n  const tableConfigRef = useRef<TableConfig>(config);\n  // avoids a hook dependency on requestScroll, important to avoid re-registering config handler\n  const requestScrollRef = useRef<ScrollRequestHandler | undefined>(undefined);\n  useMemo(() => {\n    tableConfigRef.current = config;\n  }, [config]);\n\n  // state is mutated, so make every component gets a fresh copy\n  const initialState = useMemo(() => new CellFocusState(), []);\n\n  const cellFocusStateRef = useRef<CellFocusState>(initialState);\n  // Needed to avoid circular dependency between useTableScroll and useCellFocus\n  const focusCellRef = useRef<FocusCell>(undefined);\n\n  const [headerState, setHeaderState] = useState<HeaderState>(\n    showColumnHeaders ? nullHeaderState : zeroHeaderState,\n  );\n  const [rowCount, setRowCount] = useState<number>(dataSource.size);\n  if (dataSource === undefined) {\n    throw Error(\"no data source provided to Vuu Table\");\n  }\n\n  const onDataRowcountChange = useCallback((size: number) => {\n    setRowCount(size);\n  }, []);\n\n  const virtualContentHeight = rowHeight * rowCount;\n  const viewportBodyHeight =\n    size.height - (headerState.height === -1 ? 0 : headerState.height);\n  const verticalScrollbarWidth =\n    virtualContentHeight > viewportBodyHeight ? 10 : 0;\n  const availableWidth =\n    size.width - (verticalScrollbarWidth + 2 * selectionBookendWidth);\n\n  const rowClassNameGenerator = useRowClassNameGenerators(config);\n\n  const useRowDragDrop = allowDragDrop ? useDragDrop : useNullDragDrop;\n\n  const {\n    columns,\n    dispatchTableModelAction,\n    headings,\n    tableAttributes,\n    tableConfig,\n  } = useTableModel({ config, dataSource, selectionModel, availableWidth });\n\n  // this is realy here to capture changes to available Width - typically when we get\n  // rowcount so add allowance for vertical scrollbar, reducing available width\n  // including dataSource is causing us to do unnecessary work in useTableModel\n  // split this into multiple effects\n  useLayoutEffectSkipFirst(() => {\n    dispatchTableModelAction({\n      availableWidth,\n      type: \"init\",\n      tableConfig: tableConfigRef.current,\n      dataSource,\n    });\n  }, [availableWidth, config, dataSource, dispatchTableModelAction]);\n\n  const applyTableConfigChange = useCallback(\n    (config: TableConfig) => {\n      dispatchTableModelAction({\n        availableWidth,\n        type: \"init\",\n        tableConfig: config,\n        dataSource,\n      });\n      tableConfigRef.current = config;\n      onConfigChange?.(stripInternalProperties(config));\n    },\n    [availableWidth, dataSource, dispatchTableModelAction, onConfigChange],\n  );\n\n  const columnMap = useMemo(\n    () => buildColumnMap(dataSource.columns),\n    [dataSource.columns],\n  );\n\n  const onSubscribed = useCallback(\n    ({ tableSchema }: DataSourceSubscribedMessage) => {\n      if (tableSchema) {\n        dispatchTableModelAction({\n          type: \"setTableSchema\",\n          tableSchema,\n        });\n      } else {\n        console.log(\"subscription message with no schema\");\n      }\n    },\n    [dispatchTableModelAction],\n  );\n\n  const {\n    getRowAtPosition,\n    getRowOffset,\n    setInSituRowOffset: viewportHookSetInSituRowOffset,\n    setScrollTop: viewportHookSetScrollTop,\n    ...viewportMeasurements\n  } = useTableViewport({\n    columns,\n    headerHeight: headerState.height,\n    rowCount,\n    rowHeight,\n    selectionEndSize: selectionBookendWidth,\n    size: size,\n    showPaginationControls,\n  });\n\n  const { data, dataRef, getSelectedRows, range, setRange } = useDataSource({\n    dataSource,\n    defaultSelectedIndexValues,\n    defaultSelectedKeyValues,\n    renderBufferSize,\n    revealSelected,\n    onSizeChange: onDataRowcountChange,\n    onSubscribed,\n  });\n\n  const { requestScroll, ...scrollProps } = useTableScroll({\n    cellFocusStateRef,\n    columns,\n    focusCell: focusCellRef.current,\n    getRowAtPosition,\n    rowHeight,\n    scrollingApiRef,\n    setRange,\n    showPaginationControls,\n    onVerticalScroll: viewportHookSetScrollTop,\n    onVerticalScrollInSitu: viewportHookSetInSituRowOffset,\n    viewportMeasurements,\n  });\n  // avoids a hook dependency on requestScroll, important to avoid re-registering config handler\n  requestScrollRef.current = requestScroll;\n\n  // TODO does this belong here ?\n  const handleConfigEditedInSettingsPanel = useCallback(\n    (tableConfig: TableConfig) => {\n      dispatchTableModelAction({\n        availableWidth,\n        dataSource,\n        tableConfig,\n        type: \"init\",\n      });\n      tableConfigRef.current = tableConfig;\n      onConfigChange?.(stripInternalProperties(tableConfig));\n    },\n    [availableWidth, dataSource, dispatchTableModelAction, onConfigChange],\n  );\n\n  const handleDataSourceConfigChanged = useCallback(\n    (dataSourceConfig: DataSourceConfig) => {\n      dataSource.config = {\n        ...dataSource.config,\n        ...dataSourceConfig,\n      };\n    },\n    [dataSource],\n  );\n\n  const handleConfigChange = useCallback<DataSourceConfigChangeHandler>(\n    (config, range, confirmed, changes) => {\n      const scrollSensitiveChanges =\n        changes?.filterChanged || changes?.groupByChanged;\n      if (scrollSensitiveChanges && range.from > 0) {\n        requestScrollRef.current?.({\n          type: \"scroll-end\",\n          direction: \"home\",\n        });\n      }\n      dispatchTableModelAction({\n        type: \"tableConfig\",\n        ...config,\n        confirmed,\n      });\n    },\n    [dispatchTableModelAction],\n  );\n\n  useEffect(() => {\n    dataSource.on(\"config\", handleConfigChange);\n    return () => {\n      dataSource.removeListener(\"config\", handleConfigChange);\n    };\n  }, [dataSource, dispatchTableModelAction, handleConfigChange]);\n\n  const handleCreateCalculatedColumn = useCallback(\n    (column: ColumnDescriptor) => {\n      dataSource.columns = dataSource.columns.concat(column.name);\n      applyTableConfigChange(addColumn(tableConfig, column));\n    },\n    [dataSource, tableConfig, applyTableConfigChange],\n  );\n\n  const hideColumns = useCallback(\n    (action: ColumnActionHide) => {\n      const { columns } = action;\n      const hiddenColumns = columns.map((c) => c.name);\n      const newTableConfig = {\n        ...tableConfig,\n        columns: tableConfig.columns.map((col) =>\n          hiddenColumns.includes(col.name) ? { ...col, hidden: true } : col,\n        ),\n      };\n      applyTableConfigChange(newTableConfig);\n    },\n    [tableConfig, applyTableConfigChange],\n  );\n\n  const pinColumn = useCallback(\n    (action: ColumnActionPin) => {\n      applyTableConfigChange({\n        ...tableConfig,\n        columns: updateColumn(tableConfig.columns, {\n          ...action.column,\n          pin: action.pin,\n        }),\n      });\n    },\n    [tableConfig, applyTableConfigChange],\n  );\n\n  const { showColumnSettingsPanel, showTableSettingsPanel } =\n    useTableAndColumnSettings({\n      availableColumns:\n        availableColumns ??\n        tableConfig.columns.map(({ name, serverDataType = \"string\" }) => ({\n          name,\n          serverDataType,\n        })),\n      onAvailableColumnsChange,\n      onConfigChange: handleConfigEditedInSettingsPanel,\n      onCreateCalculatedColumn: handleCreateCalculatedColumn,\n      onDataSourceConfigChange: handleDataSourceConfigChanged,\n      settingsPermissions: {\n        allowColumnSettings: columnSettingsFromColumnMenuPermissions(\n          showColumnHeaderMenus,\n        ),\n        allowTableSettings: tableSettingsFromColumnMenuPermissions(\n          showColumnHeaderMenus,\n        ),\n      },\n      tableConfig,\n    });\n\n  const handleColumnDisplayAction = useCallback<ColumnDisplayActionHandler>(\n    (action) => {\n      const { type } = action;\n      switch (type) {\n        case \"hideColumn\":\n          return hideColumns({\n            type: \"hideColumns\",\n            columns: [action.column],\n          });\n        case \"pinColumn\":\n          return pinColumn(action);\n        default:\n          logUnhandledMessage(type, \"[vuu-table] handleColumnDisplayAction\");\n      }\n      // }\n    },\n    [hideColumns, pinColumn],\n  );\n\n  const handleDisplaySettingsAction = useCallback<TableSettingsActionHandler>(\n    (action) => {\n      if (action.type === \"column-settings\") {\n        showColumnSettingsPanel(action);\n      } else {\n        showTableSettingsPanel();\n      }\n    },\n    [showColumnSettingsPanel, showTableSettingsPanel],\n  );\n\n  const handleColumnAction = useColumnActions({\n    dataSource,\n    onColumnDisplayAction: handleColumnDisplayAction,\n    onDisplaySettingsAction: handleDisplaySettingsAction,\n  });\n\n  const handleSort = useCallback(\n    (column: ColumnDescriptor, extendSort = false, sortType?: VuuSortType) => {\n      if (dataSource) {\n        dataSource.sort = toggleOrApplySort(\n          dataSource.sort,\n          column,\n          extendSort,\n          sortType,\n        );\n      }\n    },\n    [dataSource],\n  );\n\n  const resizeCells = useRef<HTMLElement[] | undefined>(undefined);\n\n  const onResizeColumn: TableColumnResizeHandler = useCallback(\n    (phase, columnName, width) => {\n      const column = columns.find((column) => column.name === columnName);\n      if (column) {\n        if (phase === \"resize\") {\n          resizeCells.current?.forEach((cell) => {\n            cell.style.width = `${width}px`;\n          });\n        } else if (phase === \"end\") {\n          resizeCells.current = undefined;\n          if (isValidNumber(width)) {\n            dispatchTableModelAction({\n              type: \"resizeColumn\",\n              phase,\n              column,\n              width,\n            });\n            onConfigChange?.(\n              stripInternalProperties(\n                updateTableConfig(tableConfig, {\n                  type: \"col-size\",\n                  column,\n                  columns,\n                  width,\n                }),\n              ),\n            );\n          }\n        } else {\n          const byColIndex = `[aria-colindex='${column.ariaColIndex}']`;\n          resizeCells.current = Array.from(\n            containerRef.current?.querySelectorAll(\n              `.vuuTableCell${byColIndex},.vuuTableHeaderCell${byColIndex}`,\n            ) ?? [],\n          );\n          dispatchTableModelAction({\n            type: \"resizeColumn\",\n            phase,\n            column,\n            width,\n          });\n        }\n      } else {\n        throw Error(\n          `useDataTable.handleColumnResize, column ${columnName} not found`,\n        );\n      }\n    },\n    [\n      columns,\n      dispatchTableModelAction,\n      onConfigChange,\n      tableConfig,\n      containerRef,\n    ],\n  );\n\n  const onToggleGroup = useCallback(\n    (row: DataSourceRow, column: RuntimeColumnDescriptor) => {\n      const isJson = isJsonGroup(column, row, columnMap);\n      const key = row[KEY];\n\n      if (row[IS_EXPANDED]) {\n        dataSource.closeTreeNode(key, true);\n        if (isJson) {\n          // TODO could this be instigated by an event emitted by the JsonDataSOurce ? \"hide-columns\" ?\n          const idx = columns.indexOf(column);\n          const rows = dataSource.getRowsAtDepth?.(idx + 1);\n          if (rows && !rows.some((row) => row[IS_EXPANDED] || row[IS_LEAF])) {\n            dispatchTableModelAction({\n              type: \"hideColumns\",\n              columns: columns.slice(idx + 2),\n            });\n          }\n        }\n      } else {\n        dataSource.openTreeNode(key);\n        if (isJson) {\n          const childRows = dataSource.getChildRows?.(key);\n          const idx = columns.indexOf(column) + 1;\n          const columnsToShow = [columns[idx]];\n          if (childRows && childRows.some((row) => row[IS_LEAF])) {\n            columnsToShow.push(columns[idx + 1]);\n          }\n          if (columnsToShow.some((col) => col.hidden)) {\n            dispatchTableModelAction({\n              type: \"showColumns\",\n              columns: columnsToShow,\n            });\n          }\n        }\n      }\n    },\n    [columnMap, columns, dataSource, dispatchTableModelAction],\n  );\n\n  // TODO combine with aboue\n  const handleToggleGroup = useCallback<GroupToggleHandler>(\n    (treeNodeOperation, rowIdx) => {\n      if (treeNodeOperation === \"expand\") {\n        dataSource.openTreeNode(rowIdx);\n      } else {\n        dataSource.closeTreeNode(rowIdx);\n      }\n    },\n    [dataSource],\n  );\n\n  const {\n    focusCell,\n    focusCellPlaceholderKeyDown,\n    focusCellPlaceholderRef,\n    setTableBodyRef: tableBodyRef,\n  } = useCellFocus({\n    cellFocusStateRef,\n    containerRef,\n    disableFocus,\n    requestScroll,\n  });\n\n  focusCellRef.current = focusCell;\n\n  const columnCount = columns.filter((c) => c.hidden !== true).length;\n\n  const {\n    highlightedIndexRef,\n    navigateCell: navigate,\n    onFocus: navigationFocus,\n    onKeyDown: navigationKeyDown,\n    ...containerProps\n  } = useKeyboardNavigation({\n    cellFocusStateRef,\n    columnCount,\n    containerRef,\n    disableFocus,\n    focusCell,\n    headerCount: headerState.count,\n    highlightedIndex: highlightedIndexProp,\n    navigationStyle,\n    requestScroll,\n    rowCount,\n    onHighlight,\n    onToggleGroup: handleToggleGroup,\n    viewportRange: range,\n    viewportRowCount: viewportMeasurements.rowCount,\n  });\n\n  const {\n    onBlur: editingBlur,\n    onDoubleClick: editingDoubleClick,\n    onKeyDown: editingKeyDown,\n    onFocus: editingFocus,\n  } = useCellEditing({\n    navigate,\n  });\n\n  const handleFocus = useCallback(\n    (e: FocusEvent<HTMLElement>) => {\n      navigationFocus();\n      if (!e.defaultPrevented) {\n        editingFocus(e);\n      }\n    },\n    [editingFocus, navigationFocus],\n  );\n\n  const onContextMenu = useTableContextMenu({\n    columns,\n    data,\n    dataSource,\n    getSelectedRows,\n    headerCount: headerState.count,\n  });\n\n  const onMoveGroupColumn = useCallback(\n    (columns: ColumnDescriptor[]) => {\n      dataSource.groupBy = columns.map((col) => col.name);\n    },\n    [dataSource],\n  );\n\n  const onRemoveGroupColumn = useCallback(\n    (column: RuntimeColumnDescriptor) => {\n      if (isGroupColumn(column)) {\n        dataSource.groupBy = [];\n      } else {\n        if (dataSource && dataSource.groupBy?.includes(column.name)) {\n          dataSource.groupBy = dataSource.groupBy.filter(\n            (columnName) => columnName !== column.name,\n          );\n        }\n      }\n    },\n    [dataSource],\n  );\n\n  const handleSelectionChange: SelectionChangeHandler = useCallback(\n    (selected) => {\n      dataSource.select(selected);\n      onSelectionChange?.(selected);\n    },\n    [dataSource, onSelectionChange],\n  );\n\n  const handleSelect = useCallback<TableRowSelectHandlerInternal>(\n    (row) => {\n      if (onSelect) {\n        onSelect(row === null ? null : rowToObject(row, columnMap));\n      }\n    },\n    [columnMap, onSelect, rowToObject],\n  );\n\n  const {\n    onKeyDown: selectionHookKeyDown,\n    onRowClick: selectionHookOnRowClick,\n  } = useSelection({\n    containerRef,\n    defaultSelectedIndexValues: defaultSelectedIndexValues,\n    highlightedIndexRef,\n    onSelect: handleSelect,\n    onSelectionChange: handleSelectionChange,\n    selectionModel,\n  });\n\n  const handleSelectCellBlock = useCallback(\n    (cellBlock: TableCellBlock) => {\n      handleSelectionChange([]);\n      onSelectCellBlock?.(cellBlock);\n    },\n    [handleSelectionChange, onSelectCellBlock],\n  );\n\n  const {\n    onMouseDown: cellBlockHookMouseDown,\n    cellBlock,\n    onKeyDown: cellBlockSelectionKeyDown,\n  } = useCellBlockSelection({\n    allowCellBlockSelection,\n    columnCount,\n    containerRef,\n    onSelectCellBlock: handleSelectCellBlock,\n    rowCount,\n  });\n\n  const handleRowClick = useCallback<TableRowClickHandlerInternal>(\n    (evt, row, rangeSelect, keepExistingSelection) => {\n      selectionHookOnRowClick(evt, row, rangeSelect, keepExistingSelection);\n      onRowClickProp?.(evt, rowToObject(row, columnMap));\n    },\n    [columnMap, onRowClickProp, rowToObject, selectionHookOnRowClick],\n  );\n\n  const handleKeyDown = useCallback(\n    (e: KeyboardEvent<HTMLElement>) => {\n      cellBlockSelectionKeyDown?.(e);\n      if (!e.defaultPrevented) {\n        navigationKeyDown(e);\n      }\n      if (!e.defaultPrevented) {\n        editingKeyDown(e);\n      }\n      if (!e.defaultPrevented) {\n        selectionHookKeyDown(e);\n      }\n    },\n    [\n      cellBlockSelectionKeyDown,\n      navigationKeyDown,\n      editingKeyDown,\n      selectionHookKeyDown,\n    ],\n  );\n\n  const onMoveColumn = useCallback<ColumnMoveHandler>(\n    (columnName, columns) => {\n      const newTableConfig = {\n        ...tableConfig,\n        columns,\n      };\n\n      tableConfigRef.current = newTableConfig;\n\n      dispatchTableModelAction({\n        availableWidth,\n        type: \"init\",\n        tableConfig: newTableConfig,\n        dataSource,\n      });\n      onConfigChange?.(stripInternalProperties(newTableConfig));\n\n      setTimeout(() => {\n        const headerCell = getHeaderCell(containerRef, columnName);\n        if (headerCell) {\n          const { ariaColIndex } = headerCell;\n          const { ariaRowIndex } = headerCell.parentElement as HTMLDivElement;\n          const col = parseInt(ariaColIndex ?? \"-1\");\n          const row = parseInt(ariaRowIndex ?? \"-1\");\n          if (!isNaN(col) && col !== -1 && !isNaN(row) && row !== -1) {\n            focusCell([row, col]);\n          }\n        }\n      }, 300);\n    },\n    [\n      availableWidth,\n      containerRef,\n      dataSource,\n      dispatchTableModelAction,\n      focusCell,\n      onConfigChange,\n      tableConfig,\n    ],\n  );\n\n  const handleDropRow = useCallback(\n    // TODO - this should be GlobalDropHandler\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    (dragDropState: any) => {\n      onDrop?.(dragDropState);\n    },\n    [onDrop],\n  );\n\n  const handleDataEdited = useCallback(\n    async (editState: DataCellEditEvent) => {\n      const {\n        editType = \"commit\",\n        isValid = true,\n        row,\n        columnName,\n        value,\n      } = editState;\n      let result = undefined;\n      if (editType === \"commit\" && isValid) {\n        result = await dataSource.applyEdit(\n          row[KEY],\n          columnName,\n          value as VuuRowDataItemType,\n        );\n        onDataEditedProp?.({ ...editState, isValid: result === true });\n        return result;\n      } else {\n        onDataEditedProp?.(editState);\n      }\n    },\n    [dataSource, onDataEditedProp],\n  );\n\n  const handleDragStartRow = useCallback<DragStartHandler>(\n    (dragDropState) => {\n      const { initialDragElement } = dragDropState;\n      const rowIndex =\n        getAriaRowIndex(initialDragElement) - headerState.count - 1;\n      const row = dataRef.current.find((row) => row[0] === rowIndex);\n      if (row) {\n        dragDropState.setPayload(row);\n      } else {\n        // should we abort the operation ?\n      }\n      onDragStart?.(dragDropState);\n    },\n    [dataRef, headerState.count, onDragStart],\n  );\n\n  const onHeaderHeightMeasured = useCallback(\n    (height: number, count: number) => {\n      setHeaderState({ height, count });\n    },\n    [],\n  );\n\n  // Drag Drop rows\n  const { onMouseDown: rowDragMouseDown, draggable: draggableRow } =\n    useRowDragDrop({\n      allowDragDrop,\n      containerRef,\n      draggableClassName: `vuuTable`,\n      id,\n      onDragStart: handleDragStartRow,\n      onDrop: handleDropRow,\n      orientation: \"vertical\",\n      itemQuery: \".vuuTableRow\",\n    });\n\n  const handleMouseDown = useCallback<MouseEventHandler>(\n    (evt) => {\n      rowDragMouseDown?.(evt);\n      if (!evt.isPropagationStopped()) {\n        cellBlockHookMouseDown?.(evt);\n      }\n    },\n    [rowDragMouseDown, cellBlockHookMouseDown],\n  );\n\n  return {\n    ...containerProps,\n    \"aria-rowcount\": dataSource.size,\n    cellBlock,\n    columnMap,\n    columns,\n    data,\n    draggableRow,\n    focusCellPlaceholderKeyDown,\n    focusCellPlaceholderRef,\n    getRowOffset,\n    handleColumnAction,\n    headerState,\n    headings,\n    highlightedIndex: highlightedIndexRef.current,\n    onBlur: editingBlur,\n    onDoubleClick: editingDoubleClick,\n    onFocus: handleFocus,\n    onKeyDown: handleKeyDown,\n    onMouseDown: handleMouseDown,\n    onContextMenu,\n    onDataEdited: handleDataEdited,\n    onHeaderHeightMeasured,\n    onMoveColumn,\n    onMoveGroupColumn,\n    onRemoveGroupColumn,\n    onRowClick: handleRowClick,\n    onSortColumn: handleSort,\n    onResizeColumn,\n    onToggleGroup,\n    rowClassNameGenerator,\n    scrollProps,\n    // TODO don't think we need these ...\n    tableAttributes,\n    tableBodyRef,\n    tableConfig,\n    viewportMeasurements,\n  };\n};\n"],"names":["metadataKeys","asDataSourceRowObject","useRef","useMemo","CellFocusState","useState","useCallback","size","useRowClassNameGenerators","useDragDrop","tableConfig","useTableModel","useLayoutEffectSkipFirst","config","buildColumnMap","useTableViewport","useDataSource","useTableScroll","range","useEffect","columns","updateColumn","useTableAndColumnSettings","columnSettingsFromColumnMenuPermissions","tableSettingsFromColumnMenuPermissions","logUnhandledMessage","useColumnActions","toggleOrApplySort","column","isValidNumber","updateTableConfig","isJsonGroup","row","useCellFocus","useKeyboardNavigation","useCellEditing","useTableContextMenu","isGroupColumn","useSelection","cellBlock","useCellBlockSelection","getHeaderCell","getAriaRowIndex"],"mappings":"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"}
+{"version":3,"file":"useTable.js","sources":["../../../packages/vuu-table/src/useTable.ts"],"sourcesContent":["import {\n  DataSourceConfig,\n  DataSourceConfigChangeHandler,\n  DataSourceRow,\n  DataSourceSubscribedMessage,\n  SelectionChangeHandler,\n} from \"@vuu-ui/vuu-data-types\";\nimport { VuuRowDataItemType, VuuSortType } from \"@vuu-ui/vuu-protocol-types\";\nimport {\n  ColumnDisplayActionHandler,\n  columnSettingsFromColumnMenuPermissions,\n  TableSettingsActionHandler,\n  tableSettingsFromColumnMenuPermissions,\n  useColumnActions,\n  useTableAndColumnSettings,\n} from \"@vuu-ui/vuu-table-extras\";\nimport {\n  ColumnDescriptor,\n  ColumnMoveHandler,\n  DataCellEditEvent,\n  RuntimeColumnDescriptor,\n  TableColumnResizeHandler,\n  TableConfig,\n  TableRowClickHandlerInternal,\n  TableRowSelectHandlerInternal,\n  TableSelectionModel,\n} from \"@vuu-ui/vuu-table-types\";\nimport {\n  DragStartHandler,\n  MeasuredProps,\n  MeasuredSize,\n  useDragDrop,\n} from \"@vuu-ui/vuu-ui-controls\";\nimport {\n  asDataSourceRowObject,\n  buildColumnMap,\n  isGroupColumn,\n  isJsonGroup,\n  isValidNumber,\n  logUnhandledMessage,\n  metadataKeys,\n  toggleOrApplySort,\n  updateColumn,\n  useLayoutEffectSkipFirst,\n} from \"@vuu-ui/vuu-utils\";\nimport {\n  FocusEvent,\n  KeyboardEvent,\n  MouseEventHandler,\n  RefObject,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from \"react\";\nimport { TableCellBlock } from \"./cell-block/cellblock-utils\";\nimport { useCellBlockSelection } from \"./cell-block/useCellBlockSelection\";\nimport { CellFocusState } from \"./CellFocusState\";\nimport { TableProps } from \"./Table\";\nimport { updateTableConfig } from \"./table-config\";\nimport { getAriaRowIndex, getHeaderCell } from \"./table-dom-utils\";\nimport { useCellEditing } from \"./useCellEditing\";\nimport { FocusCell, useCellFocus } from \"./useCellFocus\";\nimport { useDataSource } from \"./useDataSource\";\nimport {\n  GroupToggleHandler,\n  useKeyboardNavigation,\n} from \"./useKeyboardNavigation\";\nimport { useRowClassNameGenerators } from \"./useRowClassNameGenerators\";\nimport { useSelection } from \"./useSelection\";\nimport { useTableContextMenu } from \"./useTableContextMenu\";\nimport {\n  ColumnActionHide,\n  ColumnActionPin,\n  useTableModel,\n} from \"./useTableModel\";\nimport { ScrollRequestHandler, useTableScroll } from \"./useTableScroll\";\nimport { useTableViewport } from \"./useTableViewport\";\n\ntype HeaderState = {\n  height: number;\n  count: number;\n};\n\nconst nullHeaderState = {\n  height: -1,\n  count: -1,\n};\nconst zeroHeaderState = {\n  height: 0,\n  count: 0,\n};\n\nconst stripInternalProperties = (tableConfig: TableConfig): TableConfig => {\n  return tableConfig;\n};\n\nexport interface TableHookProps\n  extends MeasuredProps,\n    Pick<\n      TableProps,\n      | \"allowCellBlockSelection\"\n      | \"allowDragDrop\"\n      | \"availableColumns\"\n      | \"config\"\n      | \"dataSource\"\n      | \"defaultSelectedIndexValues\"\n      | \"defaultSelectedKeyValues\"\n      | \"disableFocus\"\n      | \"highlightedIndex\"\n      | \"id\"\n      | \"navigationStyle\"\n      | \"onAvailableColumnsChange\"\n      | \"onConfigChange\"\n      | \"onDataEdited\"\n      | \"onDragStart\"\n      | \"onDrop\"\n      | \"onHighlight\"\n      | \"onSelect\"\n      | \"onSelectCellBlock\"\n      | \"onSelectionChange\"\n      | \"onRowClick\"\n      | \"renderBufferSize\"\n      | \"revealSelected\"\n      | \"rowToObject\"\n      | \"scrollingApiRef\"\n      | \"selectionBookendWidth\"\n      | \"showColumnHeaderMenus\"\n      | \"showColumnHeaders\"\n      | \"showPaginationControls\"\n    > {\n  containerRef: RefObject<HTMLDivElement | null>;\n  rowHeight: number;\n  selectionModel: TableSelectionModel;\n  size: MeasuredSize;\n}\n\nconst { KEY, IS_EXPANDED, IS_LEAF } = metadataKeys;\n\nconst NULL_DRAG_DROP = {\n  draggable: undefined,\n  onMouseDown: undefined,\n};\nconst useNullDragDrop = () => NULL_DRAG_DROP;\n\nconst addColumn = (\n  tableConfig: TableConfig,\n  column: ColumnDescriptor,\n): TableConfig => ({\n  ...tableConfig,\n  columns: tableConfig.columns.concat(column),\n});\n\nexport const useTable = ({\n  allowCellBlockSelection,\n  allowDragDrop = false,\n  availableColumns,\n  config,\n  containerRef,\n  dataSource,\n  defaultSelectedIndexValues,\n  defaultSelectedKeyValues,\n  disableFocus,\n  highlightedIndex: highlightedIndexProp,\n  id,\n  navigationStyle = \"cell\",\n  onAvailableColumnsChange,\n  onConfigChange,\n  onDataEdited: onDataEditedProp,\n  onDragStart,\n  onDrop,\n  onHighlight,\n  onRowClick: onRowClickProp,\n  onSelect,\n  onSelectCellBlock,\n  onSelectionChange,\n  renderBufferSize = 0,\n  revealSelected,\n  rowHeight = 20,\n  rowToObject = asDataSourceRowObject,\n  scrollingApiRef,\n  selectionBookendWidth = 4,\n  selectionModel,\n  showColumnHeaderMenus = true,\n  showColumnHeaders,\n  showPaginationControls,\n  size,\n}: TableHookProps) => {\n  const tableConfigRef = useRef<TableConfig>(config);\n  // avoids a hook dependency on requestScroll, important to avoid re-registering config handler\n  const requestScrollRef = useRef<ScrollRequestHandler | undefined>(undefined);\n  useMemo(() => {\n    tableConfigRef.current = config;\n  }, [config]);\n\n  // state is mutated, so make every component gets a fresh copy\n  const initialState = useMemo(() => new CellFocusState(), []);\n\n  const cellFocusStateRef = useRef<CellFocusState>(initialState);\n  // Needed to avoid circular dependency between useTableScroll and useCellFocus\n  const focusCellRef = useRef<FocusCell>(undefined);\n\n  const [headerState, setHeaderState] = useState<HeaderState>(\n    showColumnHeaders ? nullHeaderState : zeroHeaderState,\n  );\n  const [rowCount, setRowCount] = useState<number>(dataSource.size);\n  if (dataSource === undefined) {\n    throw Error(\"no data source provided to Vuu Table\");\n  }\n\n  const onDataRowcountChange = useCallback((size: number) => {\n    setRowCount(size);\n  }, []);\n\n  const virtualContentHeight = rowHeight * rowCount;\n  const viewportBodyHeight =\n    size.height - (headerState.height === -1 ? 0 : headerState.height);\n  const verticalScrollbarWidth =\n    virtualContentHeight > viewportBodyHeight ? 10 : 0;\n  const availableWidth =\n    size.width - (verticalScrollbarWidth + 2 * selectionBookendWidth);\n\n  const rowClassNameGenerator = useRowClassNameGenerators(config);\n\n  const useRowDragDrop = allowDragDrop ? useDragDrop : useNullDragDrop;\n\n  const {\n    columns,\n    dispatchTableModelAction,\n    headings,\n    tableAttributes,\n    tableConfig,\n  } = useTableModel({ config, dataSource, selectionModel, availableWidth });\n\n  // this is realy here to capture changes to available Width - typically when we get\n  // rowcount so add allowance for vertical scrollbar, reducing available width\n  // including dataSource is causing us to do unnecessary work in useTableModel\n  // split this into multiple effects\n  useLayoutEffectSkipFirst(() => {\n    dispatchTableModelAction({\n      availableWidth,\n      type: \"init\",\n      tableConfig: tableConfigRef.current,\n      dataSource,\n    });\n  }, [availableWidth, config, dataSource, dispatchTableModelAction]);\n\n  const applyTableConfigChange = useCallback(\n    (config: TableConfig) => {\n      dispatchTableModelAction({\n        availableWidth,\n        type: \"init\",\n        tableConfig: config,\n        dataSource,\n      });\n      tableConfigRef.current = config;\n      onConfigChange?.(stripInternalProperties(config));\n    },\n    [availableWidth, dataSource, dispatchTableModelAction, onConfigChange],\n  );\n\n  const columnMap = useMemo(\n    () => buildColumnMap(dataSource.columns),\n    [dataSource.columns],\n  );\n\n  const onSubscribed = useCallback(\n    ({ tableSchema }: DataSourceSubscribedMessage) => {\n      if (tableSchema) {\n        dispatchTableModelAction({\n          type: \"setTableSchema\",\n          tableSchema,\n        });\n      } else {\n        console.log(\"subscription message with no schema\");\n      }\n    },\n    [dispatchTableModelAction],\n  );\n\n  const {\n    getRowAtPosition,\n    getRowOffset,\n    setInSituRowOffset: viewportHookSetInSituRowOffset,\n    setScrollTop: viewportHookSetScrollTop,\n    ...viewportMeasurements\n  } = useTableViewport({\n    columns,\n    headerHeight: headerState.height,\n    rowCount,\n    rowHeight,\n    selectionEndSize: selectionBookendWidth,\n    size: size,\n    showPaginationControls,\n  });\n\n  const { data, dataRef, getSelectedRows, range, setRange } = useDataSource({\n    dataSource,\n    defaultSelectedIndexValues,\n    defaultSelectedKeyValues,\n    renderBufferSize,\n    revealSelected,\n    onSizeChange: onDataRowcountChange,\n    onSubscribed,\n  });\n\n  const { requestScroll, ...scrollProps } = useTableScroll({\n    cellFocusStateRef,\n    columns,\n    focusCell: focusCellRef.current,\n    getRowAtPosition,\n    rowHeight,\n    scrollingApiRef,\n    setRange,\n    showPaginationControls,\n    onVerticalScroll: viewportHookSetScrollTop,\n    onVerticalScrollInSitu: viewportHookSetInSituRowOffset,\n    viewportMeasurements,\n  });\n  // avoids a hook dependency on requestScroll, important to avoid re-registering config handler\n  requestScrollRef.current = requestScroll;\n\n  // TODO does this belong here ?\n  const handleConfigEditedInSettingsPanel = useCallback(\n    (tableConfig: TableConfig) => {\n      dispatchTableModelAction({\n        availableWidth,\n        dataSource,\n        tableConfig,\n        type: \"init\",\n      });\n      tableConfigRef.current = tableConfig;\n      onConfigChange?.(stripInternalProperties(tableConfig));\n    },\n    [availableWidth, dataSource, dispatchTableModelAction, onConfigChange],\n  );\n\n  const handleDataSourceConfigChanged = useCallback(\n    (dataSourceConfig: DataSourceConfig) => {\n      dataSource.config = {\n        ...dataSource.config,\n        ...dataSourceConfig,\n      };\n    },\n    [dataSource],\n  );\n\n  const handleConfigChange = useCallback<DataSourceConfigChangeHandler>(\n    (config, range, confirmed, changes) => {\n      const scrollSensitiveChanges =\n        changes?.filterChanged || changes?.groupByChanged;\n      if (scrollSensitiveChanges && range.from > 0) {\n        requestScrollRef.current?.({\n          type: \"scroll-end\",\n          direction: \"home\",\n        });\n      }\n      dispatchTableModelAction({\n        type: \"tableConfig\",\n        ...config,\n        confirmed,\n      });\n    },\n    [dispatchTableModelAction],\n  );\n\n  useEffect(() => {\n    dataSource.on(\"config\", handleConfigChange);\n    return () => {\n      dataSource.removeListener(\"config\", handleConfigChange);\n    };\n  }, [dataSource, dispatchTableModelAction, handleConfigChange]);\n\n  const handleCreateCalculatedColumn = useCallback(\n    (column: ColumnDescriptor) => {\n      dataSource.columns = dataSource.columns.concat(column.name);\n      applyTableConfigChange(addColumn(tableConfig, column));\n    },\n    [dataSource, tableConfig, applyTableConfigChange],\n  );\n\n  const hideColumns = useCallback(\n    (action: ColumnActionHide) => {\n      const { columns } = action;\n      const hiddenColumns = columns.map((c) => c.name);\n      const newTableConfig = {\n        ...tableConfig,\n        columns: tableConfig.columns.map((col) =>\n          hiddenColumns.includes(col.name) ? { ...col, hidden: true } : col,\n        ),\n      };\n      applyTableConfigChange(newTableConfig);\n    },\n    [tableConfig, applyTableConfigChange],\n  );\n\n  const pinColumn = useCallback(\n    (action: ColumnActionPin) => {\n      applyTableConfigChange({\n        ...tableConfig,\n        columns: updateColumn(tableConfig.columns, {\n          ...action.column,\n          pin: action.pin,\n        }),\n      });\n    },\n    [tableConfig, applyTableConfigChange],\n  );\n\n  const { showColumnSettingsPanel, showTableSettingsPanel } =\n    useTableAndColumnSettings({\n      availableColumns:\n        availableColumns ??\n        tableConfig.columns.map(({ name, serverDataType = \"string\" }) => ({\n          name,\n          serverDataType,\n        })),\n      onAvailableColumnsChange,\n      onConfigChange: handleConfigEditedInSettingsPanel,\n      onCreateCalculatedColumn: handleCreateCalculatedColumn,\n      onDataSourceConfigChange: handleDataSourceConfigChanged,\n      settingsPermissions: {\n        allowColumnSettings: columnSettingsFromColumnMenuPermissions(\n          showColumnHeaderMenus,\n        ),\n        allowTableSettings: tableSettingsFromColumnMenuPermissions(\n          showColumnHeaderMenus,\n        ),\n      },\n      tableConfig,\n    });\n\n  const handleColumnDisplayAction = useCallback<ColumnDisplayActionHandler>(\n    (action) => {\n      const { type } = action;\n      switch (type) {\n        case \"hideColumn\":\n          return hideColumns({\n            type: \"hideColumns\",\n            columns: [action.column],\n          });\n        case \"pinColumn\":\n          return pinColumn(action);\n        default:\n          logUnhandledMessage(type, \"[vuu-table] handleColumnDisplayAction\");\n      }\n      // }\n    },\n    [hideColumns, pinColumn],\n  );\n\n  const handleDisplaySettingsAction = useCallback<TableSettingsActionHandler>(\n    (action) => {\n      if (action.type === \"column-settings\") {\n        showColumnSettingsPanel(action);\n      } else {\n        showTableSettingsPanel();\n      }\n    },\n    [showColumnSettingsPanel, showTableSettingsPanel],\n  );\n\n  const handleColumnAction = useColumnActions({\n    dataSource,\n    onColumnDisplayAction: handleColumnDisplayAction,\n    onDisplaySettingsAction: handleDisplaySettingsAction,\n  });\n\n  const handleSort = useCallback(\n    (column: ColumnDescriptor, extendSort = false, sortType?: VuuSortType) => {\n      if (dataSource) {\n        dataSource.sort = toggleOrApplySort(\n          dataSource.sort,\n          column,\n          extendSort,\n          sortType,\n        );\n      }\n    },\n    [dataSource],\n  );\n\n  const resizeCells = useRef<HTMLElement[] | undefined>(undefined);\n\n  const onResizeColumn: TableColumnResizeHandler = useCallback(\n    (phase, columnName, width) => {\n      const column = columns.find((column) => column.name === columnName);\n      if (column) {\n        if (phase === \"resize\") {\n          resizeCells.current?.forEach((cell) => {\n            cell.style.width = `${width}px`;\n          });\n        } else if (phase === \"end\") {\n          resizeCells.current = undefined;\n          if (isValidNumber(width)) {\n            dispatchTableModelAction({\n              type: \"resizeColumn\",\n              phase,\n              column,\n              width,\n            });\n            onConfigChange?.(\n              stripInternalProperties(\n                updateTableConfig(tableConfig, {\n                  type: \"col-size\",\n                  column,\n                  columns,\n                  width,\n                }),\n              ),\n            );\n          }\n        } else {\n          const byColIndex = `[aria-colindex='${column.ariaColIndex}']`;\n          resizeCells.current = Array.from(\n            containerRef.current?.querySelectorAll(\n              `.vuuTableCell${byColIndex},.vuuTableHeaderCell${byColIndex}`,\n            ) ?? [],\n          );\n          dispatchTableModelAction({\n            type: \"resizeColumn\",\n            phase,\n            column,\n            width,\n          });\n        }\n      } else {\n        throw Error(\n          `useDataTable.handleColumnResize, column ${columnName} not found`,\n        );\n      }\n    },\n    [\n      columns,\n      dispatchTableModelAction,\n      onConfigChange,\n      tableConfig,\n      containerRef,\n    ],\n  );\n\n  const onToggleGroup = useCallback(\n    (row: DataSourceRow, column: RuntimeColumnDescriptor) => {\n      const isJson = isJsonGroup(column, row, columnMap);\n      const key = row[KEY];\n\n      if (row[IS_EXPANDED]) {\n        dataSource.closeTreeNode(key, true);\n        if (isJson) {\n          // TODO could this be instigated by an event emitted by the JsonDataSOurce ? \"hide-columns\" ?\n          const idx = columns.indexOf(column);\n          const rows = dataSource.getRowsAtDepth?.(idx + 1);\n          if (rows && !rows.some((row) => row[IS_EXPANDED] || row[IS_LEAF])) {\n            dispatchTableModelAction({\n              type: \"hideColumns\",\n              columns: columns.slice(idx + 2),\n            });\n          }\n        }\n      } else {\n        dataSource.openTreeNode(key);\n        if (isJson) {\n          const childRows = dataSource.getChildRows?.(key);\n          const idx = columns.indexOf(column) + 1;\n          const columnsToShow = [columns[idx]];\n          if (childRows && childRows.some((row) => row[IS_LEAF])) {\n            columnsToShow.push(columns[idx + 1]);\n          }\n          if (columnsToShow.some((col) => col.hidden)) {\n            dispatchTableModelAction({\n              type: \"showColumns\",\n              columns: columnsToShow,\n            });\n          }\n        }\n      }\n    },\n    [columnMap, columns, dataSource, dispatchTableModelAction],\n  );\n\n  // TODO combine with aboue\n  const handleToggleGroup = useCallback<GroupToggleHandler>(\n    (treeNodeOperation, rowIdx) => {\n      if (treeNodeOperation === \"expand\") {\n        dataSource.openTreeNode(rowIdx);\n      } else {\n        dataSource.closeTreeNode(rowIdx);\n      }\n    },\n    [dataSource],\n  );\n\n  const {\n    focusCell,\n    focusCellPlaceholderKeyDown,\n    focusCellPlaceholderRef,\n    setTableBodyRef: tableBodyRef,\n  } = useCellFocus({\n    cellFocusStateRef,\n    containerRef,\n    disableFocus,\n    requestScroll,\n  });\n\n  focusCellRef.current = focusCell;\n\n  const columnCount = columns.filter((c) => c.hidden !== true).length;\n\n  const {\n    highlightedIndexRef,\n    navigateCell: navigate,\n    onFocus: navigationFocus,\n    onKeyDown: navigationKeyDown,\n    ...containerProps\n  } = useKeyboardNavigation({\n    cellFocusStateRef,\n    columnCount,\n    containerRef,\n    disableFocus,\n    focusCell,\n    headerCount: headerState.count,\n    highlightedIndex: highlightedIndexProp,\n    navigationStyle,\n    requestScroll,\n    rowCount,\n    onHighlight,\n    onToggleGroup: handleToggleGroup,\n    viewportRange: range,\n    viewportRowCount: viewportMeasurements.rowCount,\n  });\n\n  const {\n    onBlur: editingBlur,\n    onDoubleClick: editingDoubleClick,\n    onKeyDown: editingKeyDown,\n    onFocus: editingFocus,\n  } = useCellEditing({\n    navigate,\n  });\n\n  const handleFocus = useCallback(\n    (e: FocusEvent<HTMLElement>) => {\n      navigationFocus();\n      if (!e.defaultPrevented) {\n        editingFocus(e);\n      }\n    },\n    [editingFocus, navigationFocus],\n  );\n\n  const onContextMenu = useTableContextMenu({\n    columns,\n    data,\n    dataSource,\n    getSelectedRows,\n    headerCount: headerState.count,\n  });\n\n  const onMoveGroupColumn = useCallback(\n    (columns: ColumnDescriptor[]) => {\n      dataSource.groupBy = columns.map((col) => col.name);\n    },\n    [dataSource],\n  );\n\n  const onRemoveGroupColumn = useCallback(\n    (column: RuntimeColumnDescriptor) => {\n      if (isGroupColumn(column)) {\n        dataSource.groupBy = [];\n      } else {\n        if (dataSource && dataSource.groupBy?.includes(column.name)) {\n          dataSource.groupBy = dataSource.groupBy.filter(\n            (columnName) => columnName !== column.name,\n          );\n        }\n      }\n    },\n    [dataSource],\n  );\n\n  const handleSelectionChange: SelectionChangeHandler = useCallback(\n    (selected) => {\n      dataSource.select(selected);\n      onSelectionChange?.(selected);\n    },\n    [dataSource, onSelectionChange],\n  );\n\n  const handleSelect = useCallback<TableRowSelectHandlerInternal>(\n    (row) => {\n      if (onSelect) {\n        onSelect(row === null ? null : rowToObject(row, columnMap));\n      }\n    },\n    [columnMap, onSelect, rowToObject],\n  );\n\n  const {\n    onKeyDown: selectionHookKeyDown,\n    onRowClick: selectionHookOnRowClick,\n  } = useSelection({\n    containerRef,\n    defaultSelectedIndexValues: defaultSelectedIndexValues,\n    highlightedIndexRef,\n    onSelect: handleSelect,\n    onSelectionChange: handleSelectionChange,\n    selectionModel,\n  });\n\n  const handleSelectCellBlock = useCallback(\n    (cellBlock: TableCellBlock) => {\n      handleSelectionChange([]);\n      onSelectCellBlock?.(cellBlock);\n    },\n    [handleSelectionChange, onSelectCellBlock],\n  );\n\n  const {\n    onMouseDown: cellBlockHookMouseDown,\n    cellBlock,\n    onKeyDown: cellBlockSelectionKeyDown,\n  } = useCellBlockSelection({\n    allowCellBlockSelection,\n    columnCount,\n    containerRef,\n    onSelectCellBlock: handleSelectCellBlock,\n    rowCount,\n  });\n\n  const handleRowClick = useCallback<TableRowClickHandlerInternal>(\n    (evt, row, rangeSelect, keepExistingSelection) => {\n      selectionHookOnRowClick(evt, row, rangeSelect, keepExistingSelection);\n      onRowClickProp?.(evt, rowToObject(row, columnMap));\n    },\n    [columnMap, onRowClickProp, rowToObject, selectionHookOnRowClick],\n  );\n\n  const handleKeyDown = useCallback(\n    (e: KeyboardEvent<HTMLElement>) => {\n      cellBlockSelectionKeyDown?.(e);\n      if (!e.defaultPrevented) {\n        navigationKeyDown(e);\n      }\n      if (!e.defaultPrevented) {\n        editingKeyDown(e);\n      }\n      if (!e.defaultPrevented) {\n        selectionHookKeyDown(e);\n      }\n    },\n    [\n      cellBlockSelectionKeyDown,\n      navigationKeyDown,\n      editingKeyDown,\n      selectionHookKeyDown,\n    ],\n  );\n\n  const onMoveColumn = useCallback<ColumnMoveHandler>(\n    (columnName, columns) => {\n      const newTableConfig = {\n        ...tableConfig,\n        columns,\n      };\n\n      tableConfigRef.current = newTableConfig;\n\n      dispatchTableModelAction({\n        availableWidth,\n        type: \"init\",\n        tableConfig: newTableConfig,\n        dataSource,\n      });\n      onConfigChange?.(stripInternalProperties(newTableConfig));\n\n      setTimeout(() => {\n        const headerCell = getHeaderCell(containerRef, columnName);\n        if (headerCell) {\n          const { ariaColIndex } = headerCell;\n          const { ariaRowIndex } = headerCell.parentElement as HTMLDivElement;\n          const col = parseInt(ariaColIndex ?? \"-1\");\n          const row = parseInt(ariaRowIndex ?? \"-1\");\n          if (!isNaN(col) && col !== -1 && !isNaN(row) && row !== -1) {\n            focusCell([row, col]);\n          }\n        }\n      }, 300);\n    },\n    [\n      availableWidth,\n      containerRef,\n      dataSource,\n      dispatchTableModelAction,\n      focusCell,\n      onConfigChange,\n      tableConfig,\n    ],\n  );\n\n  const handleDropRow = useCallback(\n    // TODO - this should be GlobalDropHandler\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    (dragDropState: any) => {\n      onDrop?.(dragDropState);\n    },\n    [onDrop],\n  );\n\n  const handleDataEdited = useCallback(\n    async (editState: DataCellEditEvent) => {\n      const {\n        editType = \"commit\",\n        isValid = true,\n        row,\n        columnName,\n        value,\n      } = editState;\n      let result = undefined;\n      if (editType === \"commit\" && isValid) {\n        result = await dataSource.applyEdit(\n          row[KEY],\n          columnName,\n          value as VuuRowDataItemType,\n        );\n        onDataEditedProp?.({ ...editState, isValid: result === true });\n        return result;\n      } else {\n        onDataEditedProp?.(editState);\n      }\n    },\n    [dataSource, onDataEditedProp],\n  );\n\n  const handleDragStartRow = useCallback<DragStartHandler>(\n    (dragDropState) => {\n      const { initialDragElement } = dragDropState;\n      const rowIndex =\n        getAriaRowIndex(initialDragElement) - headerState.count - 1;\n      const row = dataRef.current.find((row) => row[0] === rowIndex);\n      if (row) {\n        dragDropState.setPayload(row);\n      } else {\n        // should we abort the operation ?\n      }\n      onDragStart?.(dragDropState);\n    },\n    [dataRef, headerState.count, onDragStart],\n  );\n\n  const onHeaderHeightMeasured = useCallback(\n    (height: number, count: number) => {\n      setHeaderState({ height, count });\n    },\n    [],\n  );\n\n  // Drag Drop rows\n  const { onMouseDown: rowDragMouseDown, draggable: draggableRow } =\n    useRowDragDrop({\n      allowDragDrop,\n      containerRef,\n      draggableClassName: `vuuTable`,\n      id,\n      onDragStart: handleDragStartRow,\n      onDrop: handleDropRow,\n      orientation: \"vertical\",\n      itemQuery: \".vuuTableRow\",\n    });\n\n  const handleMouseDown = useCallback<MouseEventHandler>(\n    (evt) => {\n      rowDragMouseDown?.(evt);\n      if (!evt.isPropagationStopped()) {\n        cellBlockHookMouseDown?.(evt);\n      }\n    },\n    [rowDragMouseDown, cellBlockHookMouseDown],\n  );\n\n  return {\n    ...containerProps,\n    \"aria-rowcount\": dataSource.size,\n    cellBlock,\n    columnMap,\n    columns,\n    data,\n    draggableRow,\n    focusCellPlaceholderKeyDown,\n    focusCellPlaceholderRef,\n    getRowOffset,\n    handleColumnAction,\n    headerState,\n    headings,\n    highlightedIndex: highlightedIndexRef.current,\n    onBlur: editingBlur,\n    onDoubleClick: editingDoubleClick,\n    onFocus: handleFocus,\n    onKeyDown: handleKeyDown,\n    onMouseDown: handleMouseDown,\n    onContextMenu,\n    onDataEdited: handleDataEdited,\n    onHeaderHeightMeasured,\n    onMoveColumn,\n    onMoveGroupColumn,\n    onRemoveGroupColumn,\n    onRowClick: handleRowClick,\n    onSortColumn: handleSort,\n    onResizeColumn,\n    onToggleGroup,\n    rowClassNameGenerator,\n    scrollProps,\n    // TODO don't think we need these ...\n    tableAttributes,\n    tableBodyRef,\n    tableConfig,\n    viewportMeasurements,\n  };\n};\n"],"names":["metadataKeys","asDataSourceRowObject","useRef","useMemo","CellFocusState","useState","useCallback","size","useRowClassNameGenerators","useDragDrop","tableConfig","useTableModel","useLayoutEffectSkipFirst","config","buildColumnMap","useTableViewport","useDataSource","useTableScroll","range","useEffect","columns","updateColumn","useTableAndColumnSettings","columnSettingsFromColumnMenuPermissions","tableSettingsFromColumnMenuPermissions","logUnhandledMessage","useColumnActions","toggleOrApplySort","column","isValidNumber","updateTableConfig","isJsonGroup","row","useCellFocus","useKeyboardNavigation","useCellEditing","useTableContextMenu","isGroupColumn","useSelection","cellBlock","useCellBlockSelection","getHeaderCell","getAriaRowIndex"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAqFA,MAAM,eAAkB,GAAA;AAAA,EACtB,MAAQ,EAAA,CAAA,CAAA;AAAA,EACR,KAAO,EAAA,CAAA;AACT,CAAA;AACA,MAAM,eAAkB,GAAA;AAAA,EACtB,MAAQ,EAAA,CAAA;AAAA,EACR,KAAO,EAAA;AACT,CAAA;AAEA,MAAM,uBAAA,GAA0B,CAAC,WAA0C,KAAA;AACzE,EAAO,OAAA,WAAA;AACT,CAAA;AA0CA,MAAM,EAAE,GAAA,EAAK,WAAa,EAAA,OAAA,EAAY,GAAAA,qBAAA;AAEtC,MAAM,cAAiB,GAAA;AAAA,EACrB,SAAW,EAAA,KAAA,CAAA;AAAA,EACX,WAAa,EAAA,KAAA;AACf,CAAA;AACA,MAAM,kBAAkB,MAAM,cAAA;AAE9B,MAAM,SAAA,GAAY,CAChB,WAAA,EACA,MACiB,MAAA;AAAA,EACjB,GAAG,WAAA;AAAA,EACH,OAAS,EAAA,WAAA,CAAY,OAAQ,CAAA,MAAA,CAAO,MAAM;AAC5C,CAAA,CAAA;AAEO,MAAM,WAAW,CAAC;AAAA,EACvB,uBAAA;AAAA,EACA,aAAgB,GAAA,KAAA;AAAA,EAChB,gBAAA;AAAA,EACA,MAAA;AAAA,EACA,YAAA;AAAA,EACA,UAAA;AAAA,EACA,0BAAA;AAAA,EACA,wBAAA;AAAA,EACA,YAAA;AAAA,EACA,gBAAkB,EAAA,oBAAA;AAAA,EAClB,EAAA;AAAA,EACA,eAAkB,GAAA,MAAA;AAAA,EAClB,wBAAA;AAAA,EACA,cAAA;AAAA,EACA,YAAc,EAAA,gBAAA;AAAA,EACd,WAAA;AAAA,EACA,MAAA;AAAA,EACA,WAAA;AAAA,EACA,UAAY,EAAA,cAAA;AAAA,EACZ,QAAA;AAAA,EACA,iBAAA;AAAA,EACA,iBAAA;AAAA,EACA,gBAAmB,GAAA,CAAA;AAAA,EACnB,cAAA;AAAA,EACA,SAAY,GAAA,EAAA;AAAA,EACZ,WAAc,GAAAC,8BAAA;AAAA,EACd,eAAA;AAAA,EACA,qBAAwB,GAAA,CAAA;AAAA,EACxB,cAAA;AAAA,EACA,qBAAwB,GAAA,IAAA;AAAA,EACxB,iBAAA;AAAA,EACA,sBAAA;AAAA,EACA;AACF,CAAsB,KAAA;AACpB,EAAM,MAAA,cAAA,GAAiBC,aAAoB,MAAM,CAAA;AAEjD,EAAM,MAAA,gBAAA,GAAmBA,aAAyC,KAAS,CAAA,CAAA;AAC3E,EAAAC,aAAA,CAAQ,MAAM;AACZ,IAAA,cAAA,CAAe,OAAU,GAAA,MAAA;AAAA,GAC3B,EAAG,CAAC,MAAM,CAAC,CAAA;AAGX,EAAA,MAAM,eAAeA,aAAQ,CAAA,MAAM,IAAIC,6BAAe,EAAA,EAAG,EAAE,CAAA;AAE3D,EAAM,MAAA,iBAAA,GAAoBF,aAAuB,YAAY,CAAA;AAE7D,EAAM,MAAA,YAAA,GAAeA,aAAkB,KAAS,CAAA,CAAA;AAEhD,EAAM,MAAA,CAAC,WAAa,EAAA,cAAc,CAAI,GAAAG,cAAA;AAAA,IACpC,oBAAoB,eAAkB,GAAA;AAAA,GACxC;AACA,EAAA,MAAM,CAAC,QAAU,EAAA,WAAW,CAAI,GAAAA,cAAA,CAAiB,WAAW,IAAI,CAAA;AAChE,EAAA,IAAI,eAAe,KAAW,CAAA,EAAA;AAC5B,IAAA,MAAM,MAAM,sCAAsC,CAAA;AAAA;AAGpD,EAAM,MAAA,oBAAA,GAAuBC,iBAAY,CAAA,CAACC,KAAiB,KAAA;AACzD,IAAA,WAAA,CAAYA,KAAI,CAAA;AAAA,GAClB,EAAG,EAAE,CAAA;AAEL,EAAA,MAAM,uBAAuB,SAAY,GAAA,QAAA;AACzC,EAAA,MAAM,qBACJ,IAAK,CAAA,MAAA,IAAU,YAAY,MAAW,KAAA,CAAA,CAAA,GAAK,IAAI,WAAY,CAAA,MAAA,CAAA;AAC7D,EAAM,MAAA,sBAAA,GACJ,oBAAuB,GAAA,kBAAA,GAAqB,EAAK,GAAA,CAAA;AACnD,EAAA,MAAM,cACJ,GAAA,IAAA,CAAK,KAAS,IAAA,sBAAA,GAAyB,CAAI,GAAA,qBAAA,CAAA;AAE7C,EAAM,MAAA,qBAAA,GAAwBC,oDAA0B,MAAM,CAAA;AAE9D,EAAM,MAAA,cAAA,GAAiB,gBAAgBC,yBAAc,GAAA,eAAA;AAErD,EAAM,MAAA;AAAA,IACJ,OAAA;AAAA,IACA,wBAAA;AAAA,IACA,QAAA;AAAA,IACA,eAAA;AAAA,iBACAC;AAAA,MACEC,2BAAc,CAAA,EAAE,QAAQ,UAAY,EAAA,cAAA,EAAgB,gBAAgB,CAAA;AAMxE,EAAAC,iCAAA,CAAyB,MAAM;AAC7B,IAAyB,wBAAA,CAAA;AAAA,MACvB,cAAA;AAAA,MACA,IAAM,EAAA,MAAA;AAAA,MACN,aAAa,cAAe,CAAA,OAAA;AAAA,MAC5B;AAAA,KACD,CAAA;AAAA,KACA,CAAC,cAAA,EAAgB,MAAQ,EAAA,UAAA,EAAY,wBAAwB,CAAC,CAAA;AAEjE,EAAA,MAAM,sBAAyB,GAAAN,iBAAA;AAAA,IAC7B,CAACO,OAAwB,KAAA;AACvB,MAAyB,wBAAA,CAAA;AAAA,QACvB,cAAA;AAAA,QACA,IAAM,EAAA,MAAA;AAAA,QACN,WAAaA,EAAAA,OAAAA;AAAA,QACb;AAAA,OACD,CAAA;AACD,MAAA,cAAA,CAAe,OAAUA,GAAAA,OAAAA;AACzB,MAAiB,cAAA,GAAA,uBAAA,CAAwBA,OAAM,CAAC,CAAA;AAAA,KAClD;AAAA,IACA,CAAC,cAAA,EAAgB,UAAY,EAAA,wBAAA,EAA0B,cAAc;AAAA,GACvE;AAEA,EAAA,MAAM,SAAY,GAAAV,aAAA;AAAA,IAChB,MAAMW,uBAAe,CAAA,UAAA,CAAW,OAAO,CAAA;AAAA,IACvC,CAAC,WAAW,OAAO;AAAA,GACrB;AAEA,EAAA,MAAM,YAAe,GAAAR,iBAAA;AAAA,IACnB,CAAC,EAAE,WAAA,EAA+C,KAAA;AAChD,MAAA,IAAI,WAAa,EAAA;AACf,QAAyB,wBAAA,CAAA;AAAA,UACvB,IAAM,EAAA,gBAAA;AAAA,UACN;AAAA,SACD,CAAA;AAAA,OACI,MAAA;AACL,QAAA,OAAA,CAAQ,IAAI,qCAAqC,CAAA;AAAA;AACnD,KACF;AAAA,IACA,CAAC,wBAAwB;AAAA,GAC3B;AAEA,EAAM,MAAA;AAAA,IACJ,gBAAA;AAAA,IACA,YAAA;AAAA,IACA,kBAAoB,EAAA,8BAAA;AAAA,IACpB,YAAc,EAAA,wBAAA;AAAA,IACd,GAAG;AAAA,MACDS,iCAAiB,CAAA;AAAA,IACnB,OAAA;AAAA,IACA,cAAc,WAAY,CAAA,MAAA;AAAA,IAC1B,QAAA;AAAA,IACA,SAAA;AAAA,IACA,gBAAkB,EAAA,qBAAA;AAAA,IAClB,IAAA;AAAA,IACA;AAAA,GACD,CAAA;AAED,EAAA,MAAM,EAAE,IAAM,EAAA,OAAA,EAAS,iBAAiB,KAAO,EAAA,QAAA,KAAaC,2BAAc,CAAA;AAAA,IACxE,UAAA;AAAA,IACA,0BAAA;AAAA,IACA,wBAAA;AAAA,IACA,gBAAA;AAAA,IACA,cAAA;AAAA,IACA,YAAc,EAAA,oBAAA;AAAA,IACd;AAAA,GACD,CAAA;AAED,EAAA,MAAM,EAAE,aAAA,EAAe,GAAG,WAAA,KAAgBC,6BAAe,CAAA;AAAA,IACvD,iBAAA;AAAA,IACA,OAAA;AAAA,IACA,WAAW,YAAa,CAAA,OAAA;AAAA,IACxB,gBAAA;AAAA,IACA,SAAA;AAAA,IACA,eAAA;AAAA,IACA,QAAA;AAAA,IACA,sBAAA;AAAA,IACA,gBAAkB,EAAA,wBAAA;AAAA,IAClB,sBAAwB,EAAA,8BAAA;AAAA,IACxB;AAAA,GACD,CAAA;AAED,EAAA,gBAAA,CAAiB,OAAU,GAAA,aAAA;AAG3B,EAAA,MAAM,iCAAoC,GAAAX,iBAAA;AAAA,IACxC,CAACI,YAA6B,KAAA;AAC5B,MAAyB,wBAAA,CAAA;AAAA,QACvB,cAAA;AAAA,QACA,UAAA;AAAA,QACA,WAAAA,EAAAA,YAAAA;AAAA,QACA,IAAM,EAAA;AAAA,OACP,CAAA;AACD,MAAA,cAAA,CAAe,OAAUA,GAAAA,YAAAA;AACzB,MAAiB,cAAA,GAAA,uBAAA,CAAwBA,YAAW,CAAC,CAAA;AAAA,KACvD;AAAA,IACA,CAAC,cAAA,EAAgB,UAAY,EAAA,wBAAA,EAA0B,cAAc;AAAA,GACvE;AAEA,EAAA,MAAM,6BAAgC,GAAAJ,iBAAA;AAAA,IACpC,CAAC,gBAAuC,KAAA;AACtC,MAAA,UAAA,CAAW,MAAS,GAAA;AAAA,QAClB,GAAG,UAAW,CAAA,MAAA;AAAA,QACd,GAAG;AAAA,OACL;AAAA,KACF;AAAA,IACA,CAAC,UAAU;AAAA,GACb;AAEA,EAAA,MAAM,kBAAqB,GAAAA,iBAAA;AAAA,IACzB,CAACO,OAAAA,EAAQK,MAAO,EAAA,SAAA,EAAW,OAAY,KAAA;AACrC,MAAM,MAAA,sBAAA,GACJ,OAAS,EAAA,aAAA,IAAiB,OAAS,EAAA,cAAA;AACrC,MAAI,IAAA,sBAAA,IAA0BA,MAAM,CAAA,IAAA,GAAO,CAAG,EAAA;AAC5C,QAAA,gBAAA,CAAiB,OAAU,GAAA;AAAA,UACzB,IAAM,EAAA,YAAA;AAAA,UACN,SAAW,EAAA;AAAA,SACZ,CAAA;AAAA;AAEH,MAAyB,wBAAA,CAAA;AAAA,QACvB,IAAM,EAAA,aAAA;AAAA,QACN,GAAGL,OAAAA;AAAA,QACH;AAAA,OACD,CAAA;AAAA,KACH;AAAA,IACA,CAAC,wBAAwB;AAAA,GAC3B;AAEA,EAAAM,eAAA,CAAU,MAAM;AACd,IAAW,UAAA,CAAA,EAAA,CAAG,UAAU,kBAAkB,CAAA;AAC1C,IAAA,OAAO,MAAM;AACX,MAAW,UAAA,CAAA,cAAA,CAAe,UAAU,kBAAkB,CAAA;AAAA,KACxD;AAAA,GACC,EAAA,CAAC,UAAY,EAAA,wBAAA,EAA0B,kBAAkB,CAAC,CAAA;AAE7D,EAAA,MAAM,4BAA+B,GAAAb,iBAAA;AAAA,IACnC,CAAC,MAA6B,KAAA;AAC5B,MAAA,UAAA,CAAW,OAAU,GAAA,UAAA,CAAW,OAAQ,CAAA,MAAA,CAAO,OAAO,IAAI,CAAA;AAC1D,MAAuB,sBAAA,CAAA,SAAA,CAAUI,aAAa,EAAA,MAAM,CAAC,CAAA;AAAA,KACvD;AAAA,IACA,CAAC,UAAY,EAAAA,aAAA,EAAa,sBAAsB;AAAA,GAClD;AAEA,EAAA,MAAM,WAAc,GAAAJ,iBAAA;AAAA,IAClB,CAAC,MAA6B,KAAA;AAC5B,MAAM,MAAA,EAAE,OAAAc,EAAAA,QAAAA,EAAY,GAAA,MAAA;AACpB,MAAA,MAAM,gBAAgBA,QAAQ,CAAA,GAAA,CAAI,CAAC,CAAA,KAAM,EAAE,IAAI,CAAA;AAC/C,MAAA,MAAM,cAAiB,GAAA;AAAA,QACrB,GAAGV,aAAA;AAAA,QACH,OAAA,EAASA,cAAY,OAAQ,CAAA,GAAA;AAAA,UAAI,CAAC,GAAA,KAChC,aAAc,CAAA,QAAA,CAAS,GAAI,CAAA,IAAI,CAAI,GAAA,EAAE,GAAG,GAAA,EAAK,MAAQ,EAAA,IAAA,EAAS,GAAA;AAAA;AAChE,OACF;AACA,MAAA,sBAAA,CAAuB,cAAc,CAAA;AAAA,KACvC;AAAA,IACA,CAACA,eAAa,sBAAsB;AAAA,GACtC;AAEA,EAAA,MAAM,SAAY,GAAAJ,iBAAA;AAAA,IAChB,CAAC,MAA4B,KAAA;AAC3B,MAAuB,sBAAA,CAAA;AAAA,QACrB,GAAGI,aAAA;AAAA,QACH,OAAA,EAASW,qBAAa,CAAAX,aAAA,CAAY,OAAS,EAAA;AAAA,UACzC,GAAG,MAAO,CAAA,MAAA;AAAA,UACV,KAAK,MAAO,CAAA;AAAA,SACb;AAAA,OACF,CAAA;AAAA,KACH;AAAA,IACA,CAACA,eAAa,sBAAsB;AAAA,GACtC;AAEA,EAAA,MAAM,EAAE,uBAAA,EAAyB,sBAAuB,EAAA,GACtDY,wCAA0B,CAAA;AAAA,IACxB,gBAAA,EACE,gBACA,IAAAZ,aAAA,CAAY,OAAQ,CAAA,GAAA,CAAI,CAAC,EAAE,IAAA,EAAM,cAAiB,GAAA,QAAA,EAAgB,MAAA;AAAA,MAChE,IAAA;AAAA,MACA;AAAA,KACA,CAAA,CAAA;AAAA,IACJ,wBAAA;AAAA,IACA,cAAgB,EAAA,iCAAA;AAAA,IAChB,wBAA0B,EAAA,4BAAA;AAAA,IAC1B,wBAA0B,EAAA,6BAAA;AAAA,IAC1B,mBAAqB,EAAA;AAAA,MACnB,mBAAqB,EAAAa,sDAAA;AAAA,QACnB;AAAA,OACF;AAAA,MACA,kBAAoB,EAAAC,qDAAA;AAAA,QAClB;AAAA;AACF,KACF;AAAA,iBACAd;AAAA,GACD,CAAA;AAEH,EAAA,MAAM,yBAA4B,GAAAJ,iBAAA;AAAA,IAChC,CAAC,MAAW,KAAA;AACV,MAAM,MAAA,EAAE,MAAS,GAAA,MAAA;AACjB,MAAA,QAAQ,IAAM;AAAA,QACZ,KAAK,YAAA;AACH,UAAA,OAAO,WAAY,CAAA;AAAA,YACjB,IAAM,EAAA,aAAA;AAAA,YACN,OAAA,EAAS,CAAC,MAAA,CAAO,MAAM;AAAA,WACxB,CAAA;AAAA,QACH,KAAK,WAAA;AACH,UAAA,OAAO,UAAU,MAAM,CAAA;AAAA,QACzB;AACE,UAAAmB,4BAAA,CAAoB,MAAM,uCAAuC,CAAA;AAAA;AACrE,KAEF;AAAA,IACA,CAAC,aAAa,SAAS;AAAA,GACzB;AAEA,EAAA,MAAM,2BAA8B,GAAAnB,iBAAA;AAAA,IAClC,CAAC,MAAW,KAAA;AACV,MAAI,IAAA,MAAA,CAAO,SAAS,iBAAmB,EAAA;AACrC,QAAA,uBAAA,CAAwB,MAAM,CAAA;AAAA,OACzB,MAAA;AACL,QAAuB,sBAAA,EAAA;AAAA;AACzB,KACF;AAAA,IACA,CAAC,yBAAyB,sBAAsB;AAAA,GAClD;AAEA,EAAA,MAAM,qBAAqBoB,+BAAiB,CAAA;AAAA,IAC1C,UAAA;AAAA,IACA,qBAAuB,EAAA,yBAAA;AAAA,IACvB,uBAAyB,EAAA;AAAA,GAC1B,CAAA;AAED,EAAA,MAAM,UAAa,GAAApB,iBAAA;AAAA,IACjB,CAAC,MAAA,EAA0B,UAAa,GAAA,KAAA,EAAO,QAA2B,KAAA;AACxE,MAAA,IAAI,UAAY,EAAA;AACd,QAAA,UAAA,CAAW,IAAO,GAAAqB,0BAAA;AAAA,UAChB,UAAW,CAAA,IAAA;AAAA,UACX,MAAA;AAAA,UACA,UAAA;AAAA,UACA;AAAA,SACF;AAAA;AACF,KACF;AAAA,IACA,CAAC,UAAU;AAAA,GACb;AAEA,EAAM,MAAA,WAAA,GAAczB,aAAkC,KAAS,CAAA,CAAA;AAE/D,EAAA,MAAM,cAA2C,GAAAI,iBAAA;AAAA,IAC/C,CAAC,KAAO,EAAA,UAAA,EAAY,KAAU,KAAA;AAC5B,MAAA,MAAM,SAAS,OAAQ,CAAA,IAAA,CAAK,CAACsB,OAAWA,KAAAA,OAAAA,CAAO,SAAS,UAAU,CAAA;AAClE,MAAA,IAAI,MAAQ,EAAA;AACV,QAAA,IAAI,UAAU,QAAU,EAAA;AACtB,UAAY,WAAA,CAAA,OAAA,EAAS,OAAQ,CAAA,CAAC,IAAS,KAAA;AACrC,YAAK,IAAA,CAAA,KAAA,CAAM,KAAQ,GAAA,CAAA,EAAG,KAAK,CAAA,EAAA,CAAA;AAAA,WAC5B,CAAA;AAAA,SACH,MAAA,IAAW,UAAU,KAAO,EAAA;AAC1B,UAAA,WAAA,CAAY,OAAU,GAAA,KAAA,CAAA;AACtB,UAAI,IAAAC,sBAAA,CAAc,KAAK,CAAG,EAAA;AACxB,YAAyB,wBAAA,CAAA;AAAA,cACvB,IAAM,EAAA,cAAA;AAAA,cACN,KAAA;AAAA,cACA,MAAA;AAAA,cACA;AAAA,aACD,CAAA;AACD,YAAA,cAAA;AAAA,cACE,uBAAA;AAAA,gBACEC,8BAAkBpB,aAAa,EAAA;AAAA,kBAC7B,IAAM,EAAA,UAAA;AAAA,kBACN,MAAA;AAAA,kBACA,OAAA;AAAA,kBACA;AAAA,iBACD;AAAA;AACH,aACF;AAAA;AACF,SACK,MAAA;AACL,UAAM,MAAA,UAAA,GAAa,CAAmB,gBAAA,EAAA,MAAA,CAAO,YAAY,CAAA,EAAA,CAAA;AACzD,UAAA,WAAA,CAAY,UAAU,KAAM,CAAA,IAAA;AAAA,YAC1B,aAAa,OAAS,EAAA,gBAAA;AAAA,cACpB,CAAA,aAAA,EAAgB,UAAU,CAAA,oBAAA,EAAuB,UAAU,CAAA;AAAA,iBACxD;AAAC,WACR;AACA,UAAyB,wBAAA,CAAA;AAAA,YACvB,IAAM,EAAA,cAAA;AAAA,YACN,KAAA;AAAA,YACA,MAAA;AAAA,YACA;AAAA,WACD,CAAA;AAAA;AACH,OACK,MAAA;AACL,QAAM,MAAA,KAAA;AAAA,UACJ,2CAA2C,UAAU,CAAA,UAAA;AAAA,SACvD;AAAA;AACF,KACF;AAAA,IACA;AAAA,MACE,OAAA;AAAA,MACA,wBAAA;AAAA,MACA,cAAA;AAAA,MACAA,aAAA;AAAA,MACA;AAAA;AACF,GACF;AAEA,EAAA,MAAM,aAAgB,GAAAJ,iBAAA;AAAA,IACpB,CAAC,KAAoB,MAAoC,KAAA;AACvD,MAAA,MAAM,MAAS,GAAAyB,oBAAA,CAAY,MAAQ,EAAA,GAAA,EAAK,SAAS,CAAA;AACjD,MAAM,MAAA,GAAA,GAAM,IAAI,GAAG,CAAA;AAEnB,MAAI,IAAA,GAAA,CAAI,WAAW,CAAG,EAAA;AACpB,QAAW,UAAA,CAAA,aAAA,CAAc,KAAK,IAAI,CAAA;AAClC,QAAA,IAAI,MAAQ,EAAA;AAEV,UAAM,MAAA,GAAA,GAAM,OAAQ,CAAA,OAAA,CAAQ,MAAM,CAAA;AAClC,UAAA,MAAM,IAAO,GAAA,UAAA,CAAW,cAAiB,GAAA,GAAA,GAAM,CAAC,CAAA;AAChD,UAAA,IAAI,IAAQ,IAAA,CAAC,IAAK,CAAA,IAAA,CAAK,CAACC,IAAAA,KAAQA,IAAI,CAAA,WAAW,CAAKA,IAAAA,IAAAA,CAAI,OAAO,CAAC,CAAG,EAAA;AACjE,YAAyB,wBAAA,CAAA;AAAA,cACvB,IAAM,EAAA,aAAA;AAAA,cACN,OAAS,EAAA,OAAA,CAAQ,KAAM,CAAA,GAAA,GAAM,CAAC;AAAA,aAC/B,CAAA;AAAA;AACH;AACF,OACK,MAAA;AACL,QAAA,UAAA,CAAW,aAAa,GAAG,CAAA;AAC3B,QAAA,IAAI,MAAQ,EAAA;AACV,UAAM,MAAA,SAAA,GAAY,UAAW,CAAA,YAAA,GAAe,GAAG,CAAA;AAC/C,UAAA,MAAM,GAAM,GAAA,OAAA,CAAQ,OAAQ,CAAA,MAAM,CAAI,GAAA,CAAA;AACtC,UAAA,MAAM,aAAgB,GAAA,CAAC,OAAQ,CAAA,GAAG,CAAC,CAAA;AACnC,UAAI,IAAA,SAAA,IAAa,UAAU,IAAK,CAAA,CAACA,SAAQA,IAAI,CAAA,OAAO,CAAC,CAAG,EAAA;AACtD,YAAA,aAAA,CAAc,IAAK,CAAA,OAAA,CAAQ,GAAM,GAAA,CAAC,CAAC,CAAA;AAAA;AAErC,UAAA,IAAI,cAAc,IAAK,CAAA,CAAC,GAAQ,KAAA,GAAA,CAAI,MAAM,CAAG,EAAA;AAC3C,YAAyB,wBAAA,CAAA;AAAA,cACvB,IAAM,EAAA,aAAA;AAAA,cACN,OAAS,EAAA;AAAA,aACV,CAAA;AAAA;AACH;AACF;AACF,KACF;AAAA,IACA,CAAC,SAAA,EAAW,OAAS,EAAA,UAAA,EAAY,wBAAwB;AAAA,GAC3D;AAGA,EAAA,MAAM,iBAAoB,GAAA1B,iBAAA;AAAA,IACxB,CAAC,mBAAmB,MAAW,KAAA;AAC7B,MAAA,IAAI,sBAAsB,QAAU,EAAA;AAClC,QAAA,UAAA,CAAW,aAAa,MAAM,CAAA;AAAA,OACzB,MAAA;AACL,QAAA,UAAA,CAAW,cAAc,MAAM,CAAA;AAAA;AACjC,KACF;AAAA,IACA,CAAC,UAAU;AAAA,GACb;AAEA,EAAM,MAAA;AAAA,IACJ,SAAA;AAAA,IACA,2BAAA;AAAA,IACA,uBAAA;AAAA,IACA,eAAiB,EAAA;AAAA,MACf2B,yBAAa,CAAA;AAAA,IACf,iBAAA;AAAA,IACA,YAAA;AAAA,IACA,YAAA;AAAA,IACA;AAAA,GACD,CAAA;AAED,EAAA,YAAA,CAAa,OAAU,GAAA,SAAA;AAEvB,EAAM,MAAA,WAAA,GAAc,QAAQ,MAAO,CAAA,CAAC,MAAM,CAAE,CAAA,MAAA,KAAW,IAAI,CAAE,CAAA,MAAA;AAE7D,EAAM,MAAA;AAAA,IACJ,mBAAA;AAAA,IACA,YAAc,EAAA,QAAA;AAAA,IACd,OAAS,EAAA,eAAA;AAAA,IACT,SAAW,EAAA,iBAAA;AAAA,IACX,GAAG;AAAA,MACDC,2CAAsB,CAAA;AAAA,IACxB,iBAAA;AAAA,IACA,WAAA;AAAA,IACA,YAAA;AAAA,IACA,YAAA;AAAA,IACA,SAAA;AAAA,IACA,aAAa,WAAY,CAAA,KAAA;AAAA,IACzB,gBAAkB,EAAA,oBAAA;AAAA,IAClB,eAAA;AAAA,IACA,aAAA;AAAA,IACA,QAAA;AAAA,IACA,WAAA;AAAA,IACA,aAAe,EAAA,iBAAA;AAAA,IACf,aAAe,EAAA,KAAA;AAAA,IACf,kBAAkB,oBAAqB,CAAA;AAAA,GACxC,CAAA;AAED,EAAM,MAAA;AAAA,IACJ,MAAQ,EAAA,WAAA;AAAA,IACR,aAAe,EAAA,kBAAA;AAAA,IACf,SAAW,EAAA,cAAA;AAAA,IACX,OAAS,EAAA;AAAA,MACPC,6BAAe,CAAA;AAAA,IACjB;AAAA,GACD,CAAA;AAED,EAAA,MAAM,WAAc,GAAA7B,iBAAA;AAAA,IAClB,CAAC,CAA+B,KAAA;AAC9B,MAAgB,eAAA,EAAA;AAChB,MAAI,IAAA,CAAC,EAAE,gBAAkB,EAAA;AACvB,QAAA,YAAA,CAAa,CAAC,CAAA;AAAA;AAChB,KACF;AAAA,IACA,CAAC,cAAc,eAAe;AAAA,GAChC;AAEA,EAAA,MAAM,gBAAgB8B,uCAAoB,CAAA;AAAA,IACxC,OAAA;AAAA,IACA,IAAA;AAAA,IACA,UAAA;AAAA,IACA,eAAA;AAAA,IACA,aAAa,WAAY,CAAA;AAAA,GAC1B,CAAA;AAED,EAAA,MAAM,iBAAoB,GAAA9B,iBAAA;AAAA,IACxB,CAACc,QAAgC,KAAA;AAC/B,MAAA,UAAA,CAAW,UAAUA,QAAQ,CAAA,GAAA,CAAI,CAAC,GAAA,KAAQ,IAAI,IAAI,CAAA;AAAA,KACpD;AAAA,IACA,CAAC,UAAU;AAAA,GACb;AAEA,EAAA,MAAM,mBAAsB,GAAAd,iBAAA;AAAA,IAC1B,CAAC,MAAoC,KAAA;AACnC,MAAI,IAAA+B,sBAAA,CAAc,MAAM,CAAG,EAAA;AACzB,QAAA,UAAA,CAAW,UAAU,EAAC;AAAA,OACjB,MAAA;AACL,QAAA,IAAI,cAAc,UAAW,CAAA,OAAA,EAAS,QAAS,CAAA,MAAA,CAAO,IAAI,CAAG,EAAA;AAC3D,UAAW,UAAA,CAAA,OAAA,GAAU,WAAW,OAAQ,CAAA,MAAA;AAAA,YACtC,CAAC,UAAe,KAAA,UAAA,KAAe,MAAO,CAAA;AAAA,WACxC;AAAA;AACF;AACF,KACF;AAAA,IACA,CAAC,UAAU;AAAA,GACb;AAEA,EAAA,MAAM,qBAAgD,GAAA/B,iBAAA;AAAA,IACpD,CAAC,QAAa,KAAA;AACZ,MAAA,UAAA,CAAW,OAAO,QAAQ,CAAA;AAC1B,MAAA,iBAAA,GAAoB,QAAQ,CAAA;AAAA,KAC9B;AAAA,IACA,CAAC,YAAY,iBAAiB;AAAA,GAChC;AAEA,EAAA,MAAM,YAAe,GAAAA,iBAAA;AAAA,IACnB,CAAC,GAAQ,KAAA;AACP,MAAA,IAAI,QAAU,EAAA;AACZ,QAAA,QAAA,CAAS,QAAQ,IAAO,GAAA,IAAA,GAAO,WAAY,CAAA,GAAA,EAAK,SAAS,CAAC,CAAA;AAAA;AAC5D,KACF;AAAA,IACA,CAAC,SAAW,EAAA,QAAA,EAAU,WAAW;AAAA,GACnC;AAEA,EAAM,MAAA;AAAA,IACJ,SAAW,EAAA,oBAAA;AAAA,IACX,UAAY,EAAA;AAAA,MACVgC,yBAAa,CAAA;AAAA,IACf,YAAA;AAAA,IACA,0BAAA;AAAA,IACA,mBAAA;AAAA,IACA,QAAU,EAAA,YAAA;AAAA,IACV,iBAAmB,EAAA,qBAAA;AAAA,IACnB;AAAA,GACD,CAAA;AAED,EAAA,MAAM,qBAAwB,GAAAhC,iBAAA;AAAA,IAC5B,CAACiC,UAA8B,KAAA;AAC7B,MAAA,qBAAA,CAAsB,EAAE,CAAA;AACxB,MAAA,iBAAA,GAAoBA,UAAS,CAAA;AAAA,KAC/B;AAAA,IACA,CAAC,uBAAuB,iBAAiB;AAAA,GAC3C;AAEA,EAAM,MAAA;AAAA,IACJ,WAAa,EAAA,sBAAA;AAAA,IACb,SAAA;AAAA,IACA,SAAW,EAAA;AAAA,MACTC,2CAAsB,CAAA;AAAA,IACxB,uBAAA;AAAA,IACA,WAAA;AAAA,IACA,YAAA;AAAA,IACA,iBAAmB,EAAA,qBAAA;AAAA,IACnB;AAAA,GACD,CAAA;AAED,EAAA,MAAM,cAAiB,GAAAlC,iBAAA;AAAA,IACrB,CAAC,GAAA,EAAK,GAAK,EAAA,WAAA,EAAa,qBAA0B,KAAA;AAChD,MAAwB,uBAAA,CAAA,GAAA,EAAK,GAAK,EAAA,WAAA,EAAa,qBAAqB,CAAA;AACpE,MAAA,cAAA,GAAiB,GAAK,EAAA,WAAA,CAAY,GAAK,EAAA,SAAS,CAAC,CAAA;AAAA,KACnD;AAAA,IACA,CAAC,SAAA,EAAW,cAAgB,EAAA,WAAA,EAAa,uBAAuB;AAAA,GAClE;AAEA,EAAA,MAAM,aAAgB,GAAAA,iBAAA;AAAA,IACpB,CAAC,CAAkC,KAAA;AACjC,MAAA,yBAAA,GAA4B,CAAC,CAAA;AAC7B,MAAI,IAAA,CAAC,EAAE,gBAAkB,EAAA;AACvB,QAAA,iBAAA,CAAkB,CAAC,CAAA;AAAA;AAErB,MAAI,IAAA,CAAC,EAAE,gBAAkB,EAAA;AACvB,QAAA,cAAA,CAAe,CAAC,CAAA;AAAA;AAElB,MAAI,IAAA,CAAC,EAAE,gBAAkB,EAAA;AACvB,QAAA,oBAAA,CAAqB,CAAC,CAAA;AAAA;AACxB,KACF;AAAA,IACA;AAAA,MACE,yBAAA;AAAA,MACA,iBAAA;AAAA,MACA,cAAA;AAAA,MACA;AAAA;AACF,GACF;AAEA,EAAA,MAAM,YAAe,GAAAA,iBAAA;AAAA,IACnB,CAAC,YAAYc,QAAY,KAAA;AACvB,MAAA,MAAM,cAAiB,GAAA;AAAA,QACrB,GAAGV,aAAA;AAAA,QACH,OAAAU,EAAAA;AAAA,OACF;AAEA,MAAA,cAAA,CAAe,OAAU,GAAA,cAAA;AAEzB,MAAyB,wBAAA,CAAA;AAAA,QACvB,cAAA;AAAA,QACA,IAAM,EAAA,MAAA;AAAA,QACN,WAAa,EAAA,cAAA;AAAA,QACb;AAAA,OACD,CAAA;AACD,MAAiB,cAAA,GAAA,uBAAA,CAAwB,cAAc,CAAC,CAAA;AAExD,MAAA,UAAA,CAAW,MAAM;AACf,QAAM,MAAA,UAAA,GAAaqB,2BAAc,CAAA,YAAA,EAAc,UAAU,CAAA;AACzD,QAAA,IAAI,UAAY,EAAA;AACd,UAAM,MAAA,EAAE,cAAiB,GAAA,UAAA;AACzB,UAAM,MAAA,EAAE,YAAa,EAAA,GAAI,UAAW,CAAA,aAAA;AACpC,UAAM,MAAA,GAAA,GAAM,QAAS,CAAA,YAAA,IAAgB,IAAI,CAAA;AACzC,UAAM,MAAA,GAAA,GAAM,QAAS,CAAA,YAAA,IAAgB,IAAI,CAAA;AACzC,UAAI,IAAA,CAAC,KAAM,CAAA,GAAG,CAAK,IAAA,GAAA,KAAQ,CAAM,CAAA,IAAA,CAAC,KAAM,CAAA,GAAG,CAAK,IAAA,GAAA,KAAQ,CAAI,CAAA,EAAA;AAC1D,YAAU,SAAA,CAAA,CAAC,GAAK,EAAA,GAAG,CAAC,CAAA;AAAA;AACtB;AACF,SACC,GAAG,CAAA;AAAA,KACR;AAAA,IACA;AAAA,MACE,cAAA;AAAA,MACA,YAAA;AAAA,MACA,UAAA;AAAA,MACA,wBAAA;AAAA,MACA,SAAA;AAAA,MACA,cAAA;AAAA,MACA/B;AAAA;AACF,GACF;AAEA,EAAA,MAAM,aAAgB,GAAAJ,iBAAA;AAAA;AAAA;AAAA,IAGpB,CAAC,aAAuB,KAAA;AACtB,MAAA,MAAA,GAAS,aAAa,CAAA;AAAA,KACxB;AAAA,IACA,CAAC,MAAM;AAAA,GACT;AAEA,EAAA,MAAM,gBAAmB,GAAAA,iBAAA;AAAA,IACvB,OAAO,SAAiC,KAAA;AACtC,MAAM,MAAA;AAAA,QACJ,QAAW,GAAA,QAAA;AAAA,QACX,OAAU,GAAA,IAAA;AAAA,QACV,GAAA;AAAA,QACA,UAAA;AAAA,QACA;AAAA,OACE,GAAA,SAAA;AACJ,MAAA,IAAI,MAAS,GAAA,KAAA,CAAA;AACb,MAAI,IAAA,QAAA,KAAa,YAAY,OAAS,EAAA;AACpC,QAAA,MAAA,GAAS,MAAM,UAAW,CAAA,SAAA;AAAA,UACxB,IAAI,GAAG,CAAA;AAAA,UACP,UAAA;AAAA,UACA;AAAA,SACF;AACA,QAAA,gBAAA,GAAmB,EAAE,GAAG,SAAA,EAAW,OAAS,EAAA,MAAA,KAAW,MAAM,CAAA;AAC7D,QAAO,OAAA,MAAA;AAAA,OACF,MAAA;AACL,QAAA,gBAAA,GAAmB,SAAS,CAAA;AAAA;AAC9B,KACF;AAAA,IACA,CAAC,YAAY,gBAAgB;AAAA,GAC/B;AAEA,EAAA,MAAM,kBAAqB,GAAAA,iBAAA;AAAA,IACzB,CAAC,aAAkB,KAAA;AACjB,MAAM,MAAA,EAAE,oBAAuB,GAAA,aAAA;AAC/B,MAAA,MAAM,QACJ,GAAAoC,6BAAA,CAAgB,kBAAkB,CAAA,GAAI,YAAY,KAAQ,GAAA,CAAA;AAC5D,MAAM,MAAA,GAAA,GAAM,QAAQ,OAAQ,CAAA,IAAA,CAAK,CAACV,IAAQA,KAAAA,IAAAA,CAAI,CAAC,CAAA,KAAM,QAAQ,CAAA;AAC7D,MAAA,IAAI,GAAK,EAAA;AACP,QAAA,aAAA,CAAc,WAAW,GAAG,CAAA;AAAA;AAI9B,MAAA,WAAA,GAAc,aAAa,CAAA;AAAA,KAC7B;AAAA,IACA,CAAC,OAAA,EAAS,WAAY,CAAA,KAAA,EAAO,WAAW;AAAA,GAC1C;AAEA,EAAA,MAAM,sBAAyB,GAAA1B,iBAAA;AAAA,IAC7B,CAAC,QAAgB,KAAkB,KAAA;AACjC,MAAe,cAAA,CAAA,EAAE,MAAQ,EAAA,KAAA,EAAO,CAAA;AAAA,KAClC;AAAA,IACA;AAAC,GACH;AAGA,EAAA,MAAM,EAAE,WAAa,EAAA,gBAAA,EAAkB,SAAW,EAAA,YAAA,KAChD,cAAe,CAAA;AAAA,IACb,aAAA;AAAA,IACA,YAAA;AAAA,IACA,kBAAoB,EAAA,CAAA,QAAA,CAAA;AAAA,IACpB,EAAA;AAAA,IACA,WAAa,EAAA,kBAAA;AAAA,IACb,MAAQ,EAAA,aAAA;AAAA,IACR,WAAa,EAAA,UAAA;AAAA,IACb,SAAW,EAAA;AAAA,GACZ,CAAA;AAEH,EAAA,MAAM,eAAkB,GAAAA,iBAAA;AAAA,IACtB,CAAC,GAAQ,KAAA;AACP,MAAA,gBAAA,GAAmB,GAAG,CAAA;AACtB,MAAI,IAAA,CAAC,GAAI,CAAA,oBAAA,EAAwB,EAAA;AAC/B,QAAA,sBAAA,GAAyB,GAAG,CAAA;AAAA;AAC9B,KACF;AAAA,IACA,CAAC,kBAAkB,sBAAsB;AAAA,GAC3C;AAEA,EAAO,OAAA;AAAA,IACL,GAAG,cAAA;AAAA,IACH,iBAAiB,UAAW,CAAA,IAAA;AAAA,IAC5B,SAAA;AAAA,IACA,SAAA;AAAA,IACA,OAAA;AAAA,IACA,IAAA;AAAA,IACA,YAAA;AAAA,IACA,2BAAA;AAAA,IACA,uBAAA;AAAA,IACA,YAAA;AAAA,IACA,kBAAA;AAAA,IACA,WAAA;AAAA,IACA,QAAA;AAAA,IACA,kBAAkB,mBAAoB,CAAA,OAAA;AAAA,IACtC,MAAQ,EAAA,WAAA;AAAA,IACR,aAAe,EAAA,kBAAA;AAAA,IACf,OAAS,EAAA,WAAA;AAAA,IACT,SAAW,EAAA,aAAA;AAAA,IACX,WAAa,EAAA,eAAA;AAAA,IACb,aAAA;AAAA,IACA,YAAc,EAAA,gBAAA;AAAA,IACd,sBAAA;AAAA,IACA,YAAA;AAAA,IACA,iBAAA;AAAA,IACA,mBAAA;AAAA,IACA,UAAY,EAAA,cAAA;AAAA,IACZ,YAAc,EAAA,UAAA;AAAA,IACd,cAAA;AAAA,IACA,aAAA;AAAA,IACA,qBAAA;AAAA,IACA,WAAA;AAAA;AAAA,IAEA,eAAA;AAAA,IACA,YAAA;AAAA,iBACAI,aAAA;AAAA,IACA;AAAA,GACF;AACF;;;;"}

package/cjs/useTableContextMenu.js.map

@@ -1 +1 @@
-{"version":3,"file":"useTableContextMenu.js","sources":["../src/useTableContextMenu.ts"],"sourcesContent":["import { useContextMenu } from \"@vuu-ui/vuu-context-menu\";\nimport { DataSource, DataSourceRow } from \"@vuu-ui/vuu-data-types\";\nimport { ColumnDescriptor } from \"@vuu-ui/vuu-table-types\";\nimport { buildColumnMap, ColumnMap } from \"@vuu-ui/vuu-utils\";\nimport { MouseEvent, useCallback } from \"react\";\nimport { getAriaColIndex, getAriaRowIndex } from \"./table-dom-utils\";\n\nexport interface TableContextMenuHookProps {\n  allowContextMenu?: boolean;\n  // columns: RuntimeColumnDescriptor[];\n  columns: ColumnDescriptor[];\n  data: DataSourceRow[];\n  dataSource: DataSource;\n  getSelectedRows: () => DataSourceRow[];\n  // TODO can we eliminate this it is only needed to convert aria row index to actual row index\n  headerCount?: number;\n}\n\nconst NO_ROWS: DataSourceRow[] = [] as const;\n\nexport type TableMenuLocation = \"grid\" | \"header\" | \"filter\";\n\nexport interface TableContextMenuOptions {\n  columnMap: ColumnMap;\n  column: ColumnDescriptor;\n  columns?: ColumnDescriptor[];\n  row: DataSourceRow;\n  selectedRows: DataSourceRow[];\n  viewport?: string;\n}\n\nexport const isTableLocation = (\n  location: string,\n): location is TableMenuLocation =>\n  [\"grid\", \"header\", \"filter\"].includes(location);\n\nconst getDataSourceRpw = (rows: DataSourceRow[], rowIndex: number) => {\n  const row = rows.find(([idx]) => idx === rowIndex);\n  if (row) {\n    return row;\n  } else {\n    throw Error(\n      `useTableContextMenu data row not found for rowIndex ${rowIndex}`,\n    );\n  }\n};\n\nexport const useTableContextMenu = ({\n  allowContextMenu = true,\n  columns,\n  data,\n  dataSource,\n  getSelectedRows,\n  headerCount = 1,\n}: TableContextMenuHookProps) => {\n  const showContextMenu = useContextMenu();\n\n  const onContextMenu = useCallback(\n    (evt: MouseEvent<HTMLElement>) => {\n      const target = evt.target as HTMLElement;\n      const cellEl = target?.closest<HTMLElement>(\"div[role='cell']\");\n      const rowEl = target?.closest<HTMLElement>(\"div[role='row']\");\n      if (cellEl && rowEl) {\n        const { selectedRowsCount } = dataSource;\n        const columnMap = buildColumnMap(columns);\n        const rowIndex = getAriaRowIndex(rowEl) - headerCount - 1;\n        const cellIndex = getAriaColIndex(cellEl) - 1;\n        const row = getDataSourceRpw(data, rowIndex);\n        const column = columns[cellIndex];\n        // TODO does it really make sense to collect selected rows ?\n        // We only have access to rows in local cache\n        const menuOptions: TableContextMenuOptions = {\n          columnMap,\n          column,\n          columns,\n          row,\n          selectedRows: selectedRowsCount === 0 ? NO_ROWS : getSelectedRows(),\n          viewport: dataSource.viewport,\n        };\n        showContextMenu(evt, \"grid\", menuOptions);\n      }\n    },\n    [columns, data, dataSource, getSelectedRows, headerCount, showContextMenu],\n  );\n\n  return allowContextMenu ? onContextMenu : undefined;\n};\n"],"names":["useContextMenu","useCallback","buildColumnMap","getAriaRowIndex","getAriaColIndex"],"mappings":";;;;;;;AAkBA,MAAM,UAA2B,EAAC;AAarB,MAAA,eAAA,GAAkB,CAC7B,QAEA,KAAA,CAAC,QAAQ,QAAU,EAAA,QAAQ,CAAE,CAAA,QAAA,CAAS,QAAQ;AAEhD,MAAM,gBAAA,GAAmB,CAAC,IAAA,EAAuB,QAAqB,KAAA;AACpE,EAAM,MAAA,GAAA,GAAM,KAAK,IAAK,CAAA,CAAC,CAAC,GAAG,CAAA,KAAM,QAAQ,QAAQ,CAAA;AACjD,EAAA,IAAI,GAAK,EAAA;AACP,IAAO,OAAA,GAAA;AAAA,GACF,MAAA;AACL,IAAM,MAAA,KAAA;AAAA,MACJ,uDAAuD,QAAQ,CAAA;AAAA,KACjE;AAAA;AAEJ,CAAA;AAEO,MAAM,sBAAsB,CAAC;AAAA,EAClC,gBAAmB,GAAA,IAAA;AAAA,EACnB,OAAA;AAAA,EACA,IAAA;AAAA,EACA,UAAA;AAAA,EACA,eAAA;AAAA,EACA,WAAc,GAAA;AAChB,CAAiC,KAAA;AAC/B,EAAA,MAAM,kBAAkBA,6BAAe,EAAA;AAEvC,EAAA,MAAM,aAAgB,GAAAC,iBAAA;AAAA,IACpB,CAAC,GAAiC,KAAA;AAChC,MAAA,MAAM,SAAS,GAAI,CAAA,MAAA;AACnB,MAAM,MAAA,MAAA,GAAS,MAAQ,EAAA,OAAA,CAAqB,kBAAkB,CAAA;AAC9D,MAAM,MAAA,KAAA,GAAQ,MAAQ,EAAA,OAAA,CAAqB,iBAAiB,CAAA;AAC5D,MAAA,IAAI,UAAU,KAAO,EAAA;AACnB,QAAM,MAAA,EAAE,mBAAsB,GAAA,UAAA;AAC9B,QAAM,MAAA,SAAA,GAAYC,wBAAe,OAAO,CAAA;AACxC,QAAA,MAAM,QAAW,GAAAC,6BAAA,CAAgB,KAAK,CAAA,GAAI,WAAc,GAAA,CAAA;AACxD,QAAM,MAAA,SAAA,GAAYC,6BAAgB,CAAA,MAAM,CAAI,GAAA,CAAA;AAC5C,QAAM,MAAA,GAAA,GAAM,gBAAiB,CAAA,IAAA,EAAM,QAAQ,CAAA;AAC3C,QAAM,MAAA,MAAA,GAAS,QAAQ,SAAS,CAAA;AAGhC,QAAA,MAAM,WAAuC,GAAA;AAAA,UAC3C,SAAA;AAAA,UACA,MAAA;AAAA,UACA,OAAA;AAAA,UACA,GAAA;AAAA,UACA,YAAc,EAAA,iBAAA,KAAsB,CAAI,GAAA,OAAA,GAAU,eAAgB,EAAA;AAAA,UAClE,UAAU,UAAW,CAAA;AAAA,SACvB;AACA,QAAgB,eAAA,CAAA,GAAA,EAAK,QAAQ,WAAW,CAAA;AAAA;AAC1C,KACF;AAAA,IACA,CAAC,OAAS,EAAA,IAAA,EAAM,UAAY,EAAA,eAAA,EAAiB,aAAa,eAAe;AAAA,GAC3E;AAEA,EAAA,OAAO,mBAAmB,aAAgB,GAAA,KAAA,CAAA;AAC5C;;;;;"}
+{"version":3,"file":"useTableContextMenu.js","sources":["../../../packages/vuu-table/src/useTableContextMenu.ts"],"sourcesContent":["import { useContextMenu } from \"@vuu-ui/vuu-context-menu\";\nimport { DataSource, DataSourceRow } from \"@vuu-ui/vuu-data-types\";\nimport { ColumnDescriptor } from \"@vuu-ui/vuu-table-types\";\nimport { buildColumnMap, ColumnMap } from \"@vuu-ui/vuu-utils\";\nimport { MouseEvent, useCallback } from \"react\";\nimport { getAriaColIndex, getAriaRowIndex } from \"./table-dom-utils\";\n\nexport interface TableContextMenuHookProps {\n  allowContextMenu?: boolean;\n  // columns: RuntimeColumnDescriptor[];\n  columns: ColumnDescriptor[];\n  data: DataSourceRow[];\n  dataSource: DataSource;\n  getSelectedRows: () => DataSourceRow[];\n  // TODO can we eliminate this it is only needed to convert aria row index to actual row index\n  headerCount?: number;\n}\n\nconst NO_ROWS: DataSourceRow[] = [] as const;\n\nexport type TableMenuLocation = \"grid\" | \"header\" | \"filter\";\n\nexport interface TableContextMenuOptions {\n  columnMap: ColumnMap;\n  column: ColumnDescriptor;\n  columns?: ColumnDescriptor[];\n  row: DataSourceRow;\n  selectedRows: DataSourceRow[];\n  viewport?: string;\n}\n\nexport const isTableLocation = (\n  location: string,\n): location is TableMenuLocation =>\n  [\"grid\", \"header\", \"filter\"].includes(location);\n\nconst getDataSourceRpw = (rows: DataSourceRow[], rowIndex: number) => {\n  const row = rows.find(([idx]) => idx === rowIndex);\n  if (row) {\n    return row;\n  } else {\n    throw Error(\n      `useTableContextMenu data row not found for rowIndex ${rowIndex}`,\n    );\n  }\n};\n\nexport const useTableContextMenu = ({\n  allowContextMenu = true,\n  columns,\n  data,\n  dataSource,\n  getSelectedRows,\n  headerCount = 1,\n}: TableContextMenuHookProps) => {\n  const showContextMenu = useContextMenu();\n\n  const onContextMenu = useCallback(\n    (evt: MouseEvent<HTMLElement>) => {\n      const target = evt.target as HTMLElement;\n      const cellEl = target?.closest<HTMLElement>(\"div[role='cell']\");\n      const rowEl = target?.closest<HTMLElement>(\"div[role='row']\");\n      if (cellEl && rowEl) {\n        const { selectedRowsCount } = dataSource;\n        const columnMap = buildColumnMap(columns);\n        const rowIndex = getAriaRowIndex(rowEl) - headerCount - 1;\n        const cellIndex = getAriaColIndex(cellEl) - 1;\n        const row = getDataSourceRpw(data, rowIndex);\n        const column = columns[cellIndex];\n        // TODO does it really make sense to collect selected rows ?\n        // We only have access to rows in local cache\n        const menuOptions: TableContextMenuOptions = {\n          columnMap,\n          column,\n          columns,\n          row,\n          selectedRows: selectedRowsCount === 0 ? NO_ROWS : getSelectedRows(),\n          viewport: dataSource.viewport,\n        };\n        showContextMenu(evt, \"grid\", menuOptions);\n      }\n    },\n    [columns, data, dataSource, getSelectedRows, headerCount, showContextMenu],\n  );\n\n  return allowContextMenu ? onContextMenu : undefined;\n};\n"],"names":["useContextMenu","useCallback","buildColumnMap","getAriaRowIndex","getAriaColIndex"],"mappings":";;;;;;;AAkBA,MAAM,UAA2B,EAAC;AAarB,MAAA,eAAA,GAAkB,CAC7B,QAEA,KAAA,CAAC,QAAQ,QAAU,EAAA,QAAQ,CAAE,CAAA,QAAA,CAAS,QAAQ;AAEhD,MAAM,gBAAA,GAAmB,CAAC,IAAA,EAAuB,QAAqB,KAAA;AACpE,EAAM,MAAA,GAAA,GAAM,KAAK,IAAK,CAAA,CAAC,CAAC,GAAG,CAAA,KAAM,QAAQ,QAAQ,CAAA;AACjD,EAAA,IAAI,GAAK,EAAA;AACP,IAAO,OAAA,GAAA;AAAA,GACF,MAAA;AACL,IAAM,MAAA,KAAA;AAAA,MACJ,uDAAuD,QAAQ,CAAA;AAAA,KACjE;AAAA;AAEJ,CAAA;AAEO,MAAM,sBAAsB,CAAC;AAAA,EAClC,gBAAmB,GAAA,IAAA;AAAA,EACnB,OAAA;AAAA,EACA,IAAA;AAAA,EACA,UAAA;AAAA,EACA,eAAA;AAAA,EACA,WAAc,GAAA;AAChB,CAAiC,KAAA;AAC/B,EAAA,MAAM,kBAAkBA,6BAAe,EAAA;AAEvC,EAAA,MAAM,aAAgB,GAAAC,iBAAA;AAAA,IACpB,CAAC,GAAiC,KAAA;AAChC,MAAA,MAAM,SAAS,GAAI,CAAA,MAAA;AACnB,MAAM,MAAA,MAAA,GAAS,MAAQ,EAAA,OAAA,CAAqB,kBAAkB,CAAA;AAC9D,MAAM,MAAA,KAAA,GAAQ,MAAQ,EAAA,OAAA,CAAqB,iBAAiB,CAAA;AAC5D,MAAA,IAAI,UAAU,KAAO,EAAA;AACnB,QAAM,MAAA,EAAE,mBAAsB,GAAA,UAAA;AAC9B,QAAM,MAAA,SAAA,GAAYC,wBAAe,OAAO,CAAA;AACxC,QAAA,MAAM,QAAW,GAAAC,6BAAA,CAAgB,KAAK,CAAA,GAAI,WAAc,GAAA,CAAA;AACxD,QAAM,MAAA,SAAA,GAAYC,6BAAgB,CAAA,MAAM,CAAI,GAAA,CAAA;AAC5C,QAAM,MAAA,GAAA,GAAM,gBAAiB,CAAA,IAAA,EAAM,QAAQ,CAAA;AAC3C,QAAM,MAAA,MAAA,GAAS,QAAQ,SAAS,CAAA;AAGhC,QAAA,MAAM,WAAuC,GAAA;AAAA,UAC3C,SAAA;AAAA,UACA,MAAA;AAAA,UACA,OAAA;AAAA,UACA,GAAA;AAAA,UACA,YAAc,EAAA,iBAAA,KAAsB,CAAI,GAAA,OAAA,GAAU,eAAgB,EAAA;AAAA,UAClE,UAAU,UAAW,CAAA;AAAA,SACvB;AACA,QAAgB,eAAA,CAAA,GAAA,EAAK,QAAQ,WAAW,CAAA;AAAA;AAC1C,KACF;AAAA,IACA,CAAC,OAAS,EAAA,IAAA,EAAM,UAAY,EAAA,eAAA,EAAiB,aAAa,eAAe;AAAA,GAC3E;AAEA,EAAA,OAAO,mBAAmB,aAAgB,GAAA,KAAA,CAAA;AAC5C;;;;;"}