@vuu-ui/vuu-table 2.1.0-alpha.9 → 2.1.0

package/cjs/table-data-source/useDataSource.js.map

@@ -1 +1 @@
-{"version":3,"file":"useDataSource.js","sources":["../../../../packages/vuu-table/src/table-data-source/useDataSource.ts"],"sourcesContent":["import type {\n  DataSourceConfigChangeHandler,\n  DataSourceRow,\n  DataSourceSubscribeCallback,\n  DataSourceSubscribedMessage,\n  DataSourceSuspenseProps,\n  SchemaColumn,\n} from \"@vuu-ui/vuu-data-types\";\nimport { SelectRowRequest, VuuRange } from \"@vuu-ui/vuu-protocol-types\";\nimport { Range } from \"@vuu-ui/vuu-utils\";\nimport { useCallback, useEffect, useMemo, useRef, useState } from \"react\";\nimport { TableProps } from \"../Table\";\nimport {\n  DataRow,\n  TableRowSelectHandlerInternal,\n} from \"@vuu-ui/vuu-table-types\";\nimport { MovingDataRowWindow } from \"./DataRowMovingWindow\";\nimport { dataRowFactory, DataRowFunc } from \"../data-row/DataRow\";\n\nconst NullDataRow = () => ({}) as DataRow;\n\nexport interface DataSourceHookProps\n  extends Pick<\n    TableProps,\n    | \"autoSelectFirstRow\"\n    | \"autoSelectRowKey\"\n    | \"dataSource\"\n    | \"renderBufferSize\"\n    | \"revealSelected\"\n    | \"selectionModel\"\n  > {\n  suspenseProps?: DataSourceSuspenseProps;\n  onSelect: TableRowSelectHandlerInternal;\n  onSizeChange: (size: number) => void;\n  onSubscribed: (subscription: DataSourceSubscribedMessage) => void;\n}\n\nexport const useDataSource = ({\n  autoSelectFirstRow,\n  autoSelectRowKey,\n  dataSource,\n  onSizeChange,\n  onSubscribed,\n  renderBufferSize = 0,\n  revealSelected,\n  onSelect,\n  selectionModel,\n  suspenseProps,\n}: DataSourceHookProps) => {\n  const [, forceUpdate] = useState<unknown>(null);\n  const dataRows = useRef<DataRow[]>([]);\n  const isMounted = useRef(true);\n  const hasUpdated = useRef(false);\n  const rangeRef = useRef<Range>(dataSource.range);\n  const dataRowRef = useRef<DataRowFunc>(NullDataRow);\n  const setColumnsRef = useRef<undefined | ((columns: string[]) => void)>(\n    undefined,\n  );\n  const totalRowCountRef = useRef(0);\n  const rowAutoSelected = useRef(false);\n\n  const autoSelect =\n    autoSelectRowKey ??\n    (autoSelectFirstRow || selectionModel === \"single-no-deselect\");\n\n  const handleConfigChange = useCallback<DataSourceConfigChangeHandler>(\n    (_config, _range, _confirmed, configChanges) => {\n      if (configChanges?.filterChanged) {\n        rowAutoSelected.current = false;\n      }\n    },\n    [],\n  );\n\n  useEffect(() => {\n    if (autoSelect) {\n      dataSource.on(\"config\", handleConfigChange);\n    }\n    return () => {\n      if (autoSelect) {\n        dataSource.removeListener(\"config\", handleConfigChange);\n      }\n    };\n  }, [autoSelect, dataSource, handleConfigChange]);\n\n  const dataRowWindow = useMemo(\n    () => new MovingDataRowWindow(rangeRef.current.withBuffer),\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        dataRowWindow.setRange(dataSource.range.withBuffer);\n      }\n    });\n  }, [dataRowWindow, dataSource]);\n\n  const setData = useCallback(\n    (updates: DataSourceRow[]) => {\n      const { current: DataRow } = dataRowRef;\n      for (const row of updates) {\n        // for now, we create a new DataRow each time\n        dataRowWindow.add(DataRow(row));\n      }\n      dataRows.current = dataRowWindow.data;\n      if (isMounted.current) {\n        // TODO do we ever need to worry about missing updates here ?\n        forceUpdate({});\n      }\n    },\n    [dataRowWindow],\n  );\n\n  const selectRow = useCallback(\n    (dataRow: DataRow) => {\n      const rowKey = dataRow.key;\n      dataSource.select?.({\n        preserveExistingSelection: false,\n        rowKey,\n        type: \"SELECT_ROW\",\n      } as SelectRowRequest);\n      onSelect?.(dataRow);\n    },\n    [dataSource, onSelect],\n  );\n\n  const createDataRow = useCallback(\n    (columns: string[], schemaColumns: readonly SchemaColumn[]) => {\n      const [DataRow, setColumns] = dataRowFactory(columns, schemaColumns);\n      dataRowRef.current = DataRow;\n      setColumnsRef.current = setColumns;\n    },\n    [],\n  );\n\n  const datasourceMessageHandler: DataSourceSubscribeCallback = useCallback(\n    (message) => {\n      if (message.type === \"subscribed\") {\n        createDataRow(message.columns, message.tableSchema.columns);\n        onSubscribed?.(message);\n      } else if (message.type === \"viewport-update\") {\n        if (typeof message.size === \"number\") {\n          onSizeChange?.(message.size);\n          // const size = dataRowWindow.data.length;\n          dataRowWindow.setRowCount(message.size);\n          totalRowCountRef.current = message.size;\n\n          // if (dataRowWindow.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          setData(message.rows);\n          if (autoSelect && rowAutoSelected.current === false) {\n            // OR if no selected row in message.rows, e.g after a filter\n            rowAutoSelected.current = true;\n            if (typeof autoSelect === \"string\") {\n              const dataRow = dataRowWindow.getByKey(autoSelect);\n              if (dataRow) {\n                selectRow(dataRow);\n              } else {\n                console.warn(\n                  `[useDataSource] autoSelect row key ${autoSelect} not in viewport`,\n                );\n              }\n            } else if (dataRowWindow.hasData) {\n              selectRow(dataRowWindow.firstRow);\n            }\n          }\n        } else if (message.size === 0) {\n          setData([]);\n        } else if (typeof message.size === \"number\") {\n          dataRows.current = dataRowWindow.data;\n          hasUpdated.current = true;\n        }\n      } else if (message.type === \"viewport-clear\") {\n        onSizeChange?.(0);\n        dataRowWindow.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    [\n      autoSelect,\n      createDataRow,\n      dataRowWindow,\n      onSizeChange,\n      onSubscribed,\n      selectRow,\n      setData,\n    ],\n  );\n\n  const getSelectedRows = useCallback(() => {\n    return dataRowWindow.getSelectedRows();\n  }, [dataRowWindow]);\n\n  useEffect(() => {\n    if (dataSource.status === \"disabled\") {\n      dataSource.enable?.(datasourceMessageHandler);\n    }\n  }, [dataSource, datasourceMessageHandler]);\n\n  useMemo(() => {\n    setColumnsRef.current?.(dataSource.columns);\n  }, [dataSource.columns]);\n\n  const setRange = useCallback(\n    (viewportRange: VuuRange) => {\n      if (!rangeRef.current.equals(viewportRange)) {\n        const range = Range(\n          viewportRange.from,\n          viewportRange.to,\n          renderBufferSize,\n        );\n\n        dataRowWindow.setRange(range.withBuffer);\n\n        if (\n          dataSource.status !== \"subscribed\" &&\n          dataSource.status !== \"subscribing\" &&\n          dataSource.status !== \"enabling\"\n        ) {\n          dataSource?.subscribe(\n            {\n              range,\n              revealSelected,\n              selectedKeyValues: autoSelectRowKey\n                ? [autoSelectRowKey]\n                : undefined,\n            },\n            datasourceMessageHandler,\n          );\n        } else {\n          dataSource.range = rangeRef.current = range;\n        }\n      }\n    },\n    [\n      autoSelectRowKey,\n      dataRowWindow,\n      dataSource,\n      datasourceMessageHandler,\n      renderBufferSize,\n      revealSelected,\n    ],\n  );\n\n  useEffect(() => {\n    isMounted.current = true;\n    if (dataSource.status !== \"initialising\") {\n      const { columns, tableSchema } = dataSource;\n      if (tableSchema) {\n        createDataRow(columns, tableSchema.columns);\n      } else {\n        throw Error(\n          `[useDataSource] a resumed dataSource must have a tableSchema`,\n        );\n      }\n\n      dataSource.resume?.(datasourceMessageHandler);\n\n      if (dataSource.range.from > 0) {\n        // UI does not currently restore scroll position, so always reset to top of dataset\n        const { from, to } = rangeRef.current.reset;\n        setRange({ from, to });\n      }\n    }\n    return () => {\n      isMounted.current = false;\n      dataSource.suspend?.(\n        suspenseProps?.escalateToDisable,\n        suspenseProps?.escalateDelay,\n      );\n    };\n  }, [\n    createDataRow,\n    dataSource,\n    datasourceMessageHandler,\n    setRange,\n    suspenseProps,\n  ]);\n\n  return {\n    dataRows: dataRows.current,\n    dataRowsRef: dataRows,\n    getSelectedRows,\n    range: rangeRef.current,\n    setRange,\n  };\n};\n"],"names":["useState","useRef","useCallback","useEffect","useMemo","MovingDataRowWindow","DataRow","dataRowFactory","Range"],"mappings":"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"}
+{"version":3,"file":"useDataSource.js","sources":["../../../../packages/vuu-table/src/table-data-source/useDataSource.ts"],"sourcesContent":["import type {\n  DataSourceConfigChangeHandler,\n  DataSourceRow,\n  DataSourceSubscribeCallback,\n  DataSourceSubscribedMessage,\n  DataSourceSuspenseProps,\n  SchemaColumn,\n} from \"@vuu-ui/vuu-data-types\";\nimport { SelectRowRequest, VuuRange } from \"@vuu-ui/vuu-protocol-types\";\nimport { Range } from \"@vuu-ui/vuu-utils\";\nimport { useCallback, useEffect, useMemo, useRef, useState } from \"react\";\nimport { TableProps } from \"../Table\";\nimport {\n  DataRow,\n  TableRowSelectHandlerInternal,\n} from \"@vuu-ui/vuu-table-types\";\nimport { MovingDataRowWindow } from \"./DataRowMovingWindow\";\nimport { dataRowFactory, DataRowFunc } from \"../data-row/DataRow\";\n\nconst NullDataRow = () => ({}) as DataRow;\n\nexport interface DataSourceHookProps\n  extends Pick<\n    TableProps,\n    | \"autoSelectFirstRow\"\n    | \"autoSelectRowKey\"\n    | \"dataSource\"\n    | \"renderBufferSize\"\n    | \"revealSelected\"\n    | \"selectionModel\"\n  > {\n  suspenseProps?: DataSourceSuspenseProps;\n  onSelect: TableRowSelectHandlerInternal;\n  onSizeChange: (size: number) => void;\n  onSubscribed: (subscription: DataSourceSubscribedMessage) => void;\n}\n\nexport const useDataSource = ({\n  autoSelectFirstRow,\n  autoSelectRowKey,\n  dataSource,\n  onSizeChange,\n  onSubscribed,\n  renderBufferSize = 0,\n  revealSelected,\n  onSelect,\n  selectionModel,\n  suspenseProps,\n}: DataSourceHookProps) => {\n  const [, forceUpdate] = useState<unknown>(null);\n  const dataRows = useRef<DataRow[]>([]);\n  const isMounted = useRef(true);\n  const hasUpdated = useRef(false);\n  const rangeRef = useRef<Range>(dataSource.range);\n  const dataRowRef = useRef<DataRowFunc>(NullDataRow);\n  const setColumnsRef = useRef<undefined | ((columns: string[]) => void)>(\n    undefined,\n  );\n  const totalRowCountRef = useRef(0);\n  const rowAutoSelected = useRef(false);\n\n  const autoSelect =\n    autoSelectRowKey ??\n    (autoSelectFirstRow || selectionModel === \"single-no-deselect\");\n\n  const handleConfigChange = useCallback<DataSourceConfigChangeHandler>(\n    (_config, _range, _confirmed, configChanges) => {\n      if (configChanges?.filterChanged) {\n        rowAutoSelected.current = false;\n      }\n    },\n    [],\n  );\n\n  useEffect(() => {\n    if (autoSelect) {\n      dataSource.on(\"config\", handleConfigChange);\n    }\n    return () => {\n      if (autoSelect) {\n        dataSource.removeListener(\"config\", handleConfigChange);\n      }\n    };\n  }, [autoSelect, dataSource, handleConfigChange]);\n\n  const dataRowWindow = useMemo(\n    () => new MovingDataRowWindow(rangeRef.current.withBuffer),\n    [],\n  );\n\n  const handleResume = useCallback(() => {\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      dataRowWindow.setRange(dataSource.range.withBuffer);\n    }\n  }, [dataRowWindow, dataSource]);\n\n  useEffect(() => {\n    return () => {\n      dataSource.removeListener(\"resumed\", handleResume);\n    };\n  }, [dataSource, handleResume]);\n\n  const setData = useCallback(\n    (updates: DataSourceRow[]) => {\n      const { current: DataRow } = dataRowRef;\n      for (const row of updates) {\n        // for now, we create a new DataRow each time\n        dataRowWindow.add(DataRow(row));\n      }\n      dataRows.current = dataRowWindow.data;\n      if (isMounted.current) {\n        // TODO do we ever need to worry about missing updates here ?\n        forceUpdate({});\n      }\n    },\n    [dataRowWindow],\n  );\n\n  const selectRow = useCallback(\n    (dataRow: DataRow) => {\n      const rowKey = dataRow.key;\n      dataSource.select?.({\n        preserveExistingSelection: false,\n        rowKey,\n        type: \"SELECT_ROW\",\n      } as SelectRowRequest);\n      onSelect?.(dataRow);\n    },\n    [dataSource, onSelect],\n  );\n\n  const createDataRow = useCallback(\n    (columns: string[], schemaColumns: readonly SchemaColumn[]) => {\n      const [DataRow, setColumns] = dataRowFactory(columns, schemaColumns);\n      dataRowRef.current = DataRow;\n      setColumnsRef.current = setColumns;\n    },\n    [],\n  );\n\n  const datasourceMessageHandler: DataSourceSubscribeCallback = useCallback(\n    (message) => {\n      if (message.type === \"subscribed\") {\n        createDataRow(message.columns, message.tableSchema.columns);\n        onSubscribed?.(message);\n      } else if (message.type === \"viewport-update\") {\n        if (typeof message.size === \"number\") {\n          onSizeChange?.(message.size);\n          // const size = dataRowWindow.data.length;\n          dataRowWindow.setRowCount(message.size);\n          totalRowCountRef.current = message.size;\n\n          // if (dataRowWindow.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          setData(message.rows);\n          if (autoSelect && rowAutoSelected.current === false) {\n            // OR if no selected row in message.rows, e.g after a filter\n            rowAutoSelected.current = true;\n            if (typeof autoSelect === \"string\") {\n              const dataRow = dataRowWindow.getByKey(autoSelect);\n              if (dataRow) {\n                selectRow(dataRow);\n              } else {\n                console.warn(\n                  `[useDataSource] autoSelect row key ${autoSelect} not in viewport`,\n                );\n              }\n            } else if (dataRowWindow.hasData) {\n              selectRow(dataRowWindow.firstRow);\n            }\n          }\n        } else if (message.size === 0) {\n          setData([]);\n        } else if (typeof message.size === \"number\") {\n          dataRows.current = dataRowWindow.data;\n          hasUpdated.current = true;\n        }\n      } else if (message.type === \"viewport-clear\") {\n        onSizeChange?.(0);\n        dataRowWindow.setRowCount(0);\n        setData([]);\n        forceUpdate({});\n      } else {\n        console.log(`useDataSource unexpected message ${message.type}`);\n      }\n    },\n    [\n      autoSelect,\n      createDataRow,\n      dataRowWindow,\n      onSizeChange,\n      onSubscribed,\n      selectRow,\n      setData,\n    ],\n  );\n\n  const getSelectedRows = useCallback(() => {\n    return dataRowWindow.getSelectedRows();\n  }, [dataRowWindow]);\n\n  useEffect(() => {\n    if (dataSource.status === \"disabled\") {\n      dataSource.enable?.(datasourceMessageHandler);\n    }\n  }, [dataSource, datasourceMessageHandler]);\n\n  useMemo(() => {\n    setColumnsRef.current?.(dataSource.columns);\n  }, [dataSource.columns]);\n\n  const setRange = useCallback(\n    (viewportRange: VuuRange) => {\n      if (!rangeRef.current.equals(viewportRange)) {\n        const range = Range(\n          viewportRange.from,\n          viewportRange.to,\n          renderBufferSize,\n        );\n\n        dataRowWindow.setRange(range.withBuffer);\n\n        if (\n          dataSource.status !== \"subscribed\" &&\n          dataSource.status !== \"subscribing\" &&\n          dataSource.status !== \"enabling\"\n        ) {\n          dataSource?.subscribe(\n            {\n              range,\n              revealSelected,\n              selectedKeyValues: autoSelectRowKey\n                ? [autoSelectRowKey]\n                : undefined,\n            },\n            datasourceMessageHandler,\n          );\n        } else {\n          dataSource.range = rangeRef.current = range;\n        }\n      }\n    },\n    [\n      autoSelectRowKey,\n      dataRowWindow,\n      dataSource,\n      datasourceMessageHandler,\n      renderBufferSize,\n      revealSelected,\n    ],\n  );\n\n  useEffect(() => {\n    if (dataSource.status !== \"initialising\") {\n      const { columns, tableSchema } = dataSource;\n      if (tableSchema) {\n        createDataRow(columns, tableSchema.columns);\n      } else {\n        throw Error(\n          `[useDataSource] a resumed dataSource must have a tableSchema`,\n        );\n      }\n      dataSource.resume?.(datasourceMessageHandler);\n\n      if (dataSource.range.from > 0) {\n        // UI does not currently restore scroll position, so always reset to top of dataset\n        const { from, to } = rangeRef.current.reset;\n        setRange({ from, to });\n      }\n    }\n    return () => {\n      dataSource.suspend?.(\n        suspenseProps?.escalateToDisable,\n        suspenseProps?.escalateDelay,\n      );\n    };\n  }, [\n    createDataRow,\n    dataSource,\n    datasourceMessageHandler,\n    setRange,\n    suspenseProps,\n  ]);\n\n  return {\n    dataRows: dataRows.current,\n    dataRowsRef: dataRows,\n    getSelectedRows,\n    range: rangeRef.current,\n    setRange,\n  };\n};\n"],"names":["useState","useRef","useCallback","useEffect","useMemo","MovingDataRowWindow","DataRow","dataRowFactory","Range"],"mappings":"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"}

package/cjs/table-header/TableHeader.js

@@ -1,17 +1,21 @@
 'use strict';
 
 var jsxRuntime = require('react/jsx-runtime');
+var styles = require('@salt-ds/styles');
+var window = require('@salt-ds/window');
 var vuuUtils = require('@vuu-ui/vuu-utils');
 var react = require('react');
 var GroupHeaderCell = require('../header-cell/GroupHeaderCell.js');
-var HeaderCell = require('../header-cell/HeaderCell.js');
+var HeaderCell$1 = require('../header-cell/HeaderCell.js');
 var HeaderProvider = require('./HeaderProvider.js');
 var useTableHeader = require('./useTableHeader.js');
+var HeaderCell = require('../header-cell/HeaderCell.css.js');
 
 const isHeaderElement = (h) => react.isValidElement(h);
 const classBase = "vuuTableHeader";
 const TableHeader = react.memo(
   ({
+    HeaderCell: HeaderCell$2 = HeaderCell$1.HeaderCell,
     allowDragColumnHeader,
     allowSelectAll,
     allRowsSelected,
@@ -31,6 +35,12 @@ const TableHeader = react.memo(
     tableId,
     virtualColSpan = 0
   }) => {
+    const targetWindow = window.useWindow();
+    styles.useComponentCssInjection({
+      testId: "vuu-table-header-cell",
+      css: HeaderCell,
+      window: targetWindow
+    });
     const [customHeaders, customHeaderCount] = react.useMemo(() => {
       const offset = headings.length;
       const createElement = (Component, index) => /* @__PURE__ */ jsxRuntime.jsx(
@@ -128,7 +138,7 @@ const TableHeader = react.memo(
                       },
                       col.name
                     ) : /* @__PURE__ */ jsxRuntime.jsx(
-                      HeaderCell.HeaderCell,
+                      HeaderCell$2,
                       {
                         allowDragColumnHeader: allowDragDrop,
                         allowSelectAll,
@@ -149,7 +159,7 @@ const TableHeader = react.memo(
               }
             ),
             /* @__PURE__ */ jsxRuntime.jsx(vuuUtils.DragOverlay, { children: dragColumn ? /* @__PURE__ */ jsxRuntime.jsx("div", { id: dragColumn.id, className: "DragColumn", children: /* @__PURE__ */ jsxRuntime.jsx(
-              HeaderCell.HeaderCell,
+              HeaderCell$2,
               {
                 column: dragColumn.column,
                 className: "vuuDragging",

package/cjs/table-header/TableHeader.js.map

@@ -1 +1 @@
-{"version":3,"file":"TableHeader.js","sources":["../../../../packages/vuu-table/src/table-header/TableHeader.tsx"],"sourcesContent":["import { VuuSortType } from \"@vuu-ui/vuu-protocol-types\";\nimport {\n  DragDropProvider,\n  DragOverlay,\n  KeyboardSensor,\n  PointerSensor,\n  RestrictToHorizontalAxis,\n} from \"@vuu-ui/vuu-utils\";\nimport {\n  ColumnDescriptor,\n  ColumnMoveHandler,\n  CustomHeader,\n  CustomHeaderComponent,\n  CustomHeaderElement,\n  HeaderCellProps,\n  RuntimeColumnDescriptor,\n  TableColumnResizeHandler,\n  TableConfig,\n  TableHeadings,\n} from \"@vuu-ui/vuu-table-types\";\nimport { isGroupColumn, isNotHidden } from \"@vuu-ui/vuu-utils\";\nimport {\n  cloneElement,\n  isValidElement,\n  memo,\n  ReactElement,\n  useMemo,\n} from \"react\";\nimport { GroupHeaderCell, HeaderCell } from \"../header-cell\";\nimport { HeaderProvider } from \"./HeaderProvider\";\nimport { useTableHeader } from \"./useTableHeader\";\n\nexport type ColumnSortHandler = (\n  column: ColumnDescriptor,\n  addToExistingSort: boolean,\n  sortType?: VuuSortType,\n) => void;\n\nconst isHeaderElement = (h: CustomHeader): h is CustomHeaderElement =>\n  isValidElement(h);\n\nconst classBase = \"vuuTableHeader\";\n\nexport interface TableHeaderProps\n  extends Pick<\n    HeaderCellProps,\n    | \"allRowsSelected\"\n    | \"allowDragColumnHeader\"\n    | \"allowSelectAll\"\n    | \"onCheckBoxColumnHeaderClick\"\n    | \"showColumnHeaderMenus\"\n  > {\n  columns: RuntimeColumnDescriptor[];\n  customHeader?: CustomHeader | CustomHeader[];\n  headings: TableHeadings;\n  onHeightMeasured: (height: number, count: number) => void;\n  onResizeColumn: TableColumnResizeHandler;\n  onMoveColumn: ColumnMoveHandler;\n  onMoveGroupColumn: (columns: ColumnDescriptor[]) => void;\n  onRemoveGroupColumn: (column: RuntimeColumnDescriptor) => void;\n  onSortColumn: ColumnSortHandler;\n  showBookends?: boolean;\n  tableConfig: TableConfig;\n  tableId: string;\n  virtualColSpan?: number;\n}\n\nexport const TableHeader = memo(\n  ({\n    allowDragColumnHeader,\n    allowSelectAll,\n    allRowsSelected,\n    columns,\n    customHeader,\n    headings,\n    onCheckBoxColumnHeaderClick,\n    onHeightMeasured,\n    onMoveColumn,\n    onMoveGroupColumn,\n    onRemoveGroupColumn,\n    onResizeColumn,\n    onSortColumn,\n    showBookends,\n    showColumnHeaderMenus,\n    tableConfig,\n    tableId,\n    virtualColSpan = 0,\n  }: TableHeaderProps) => {\n    const [customHeaders, customHeaderCount] = useMemo<\n      [ReactElement | ReactElement[] | null, number]\n    >(() => {\n      const offset = headings.length;\n      const createElement = (\n        Component: CustomHeaderComponent,\n        index: number,\n      ) => (\n        <Component\n          ariaRowIndex={offset + index + 2}\n          ariaRole=\"row\"\n          columns={columns}\n          key={index}\n          virtualColSpan={virtualColSpan}\n        />\n      );\n\n      const enrichElementWithAria = (el: ReactElement, rowIndex: number) => {\n        const offset = headings.length;\n        return cloneElement(el, {\n          \"aria-rowindex\": rowIndex + offset + 2,\n          ariaRole: \"row\",\n          // eslint-disable-next-line @typescript-eslint/no-explicit-any\n        } as any);\n      };\n\n      if (customHeader === undefined) {\n        return [null, 0];\n      } else if (Array.isArray(customHeader)) {\n        const header = (\n          <HeaderProvider columns={columns} virtualColSpan={virtualColSpan}>\n            {customHeader.map((header, i) =>\n              isHeaderElement(header)\n                ? enrichElementWithAria(header, i)\n                : createElement(header, i),\n            )}\n          </HeaderProvider>\n        );\n        return [header, customHeader.length];\n      } else if (isHeaderElement(customHeader)) {\n        // TODO rowIndex and role\n        const header = (\n          <HeaderProvider columns={columns} virtualColSpan={virtualColSpan}>\n            {enrichElementWithAria(customHeader, 0)}\n          </HeaderProvider>\n        );\n        return [header, 1];\n      } else {\n        return [createElement(customHeader, 0), 1];\n      }\n    }, [columns, customHeader, headings.length, virtualColSpan]);\n\n    const { dragColumn, onClick, onDragEnd, onDragStart, setContainerRef } =\n      useTableHeader({\n        columns,\n        customHeaderCount,\n        headings,\n        onHeightMeasured,\n        onMoveColumn,\n        onSortColumn,\n        tableConfig,\n      });\n\n    const visibleColumns = columns.filter(isNotHidden);\n\n    return (\n      <div className={classBase} ref={setContainerRef} role=\"rowgroup\">\n        {headings.map((colHeaders, i) => (\n          <div\n            className=\"vuuTable-heading\"\n            key={i}\n            role=\"row\"\n            aria-rowindex={i + 1}\n          >\n            {colHeaders.map(({ label, width }, j) => (\n              <div key={j} className=\"vuuTable-headingCell\" style={{ width }}>\n                {label}\n              </div>\n            ))}\n          </div>\n        ))}\n        <DragDropProvider // whats the difference between this and DnDContext\n          onDragEnd={onDragEnd}\n          onDragStart={onDragStart}\n          // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n          //@ts-ignore typing error from dnd-kit\n          modifiers={[RestrictToHorizontalAxis]}\n          sensors={[\n            KeyboardSensor.configure({\n              keyboardCodes: {\n                start: [\"Space\"],\n                cancel: [\"Escape\"],\n                end: [\"Space\", \"Enter\"],\n                left: [\"ArrowLeft\"],\n                right: [\"ArrowRight\"],\n                up: [],\n                down: [],\n              },\n            }),\n            PointerSensor,\n          ]}\n        >\n          <div\n            className=\"vuuTableColHeaderRow\"\n            role=\"row\"\n            aria-rowindex={headings.length + 1}\n          >\n            {showBookends ? (\n              <div className=\"vuuSelectionDecorator vuuStickyLeft\" />\n            ) : null}\n\n            {visibleColumns.map((col, i) => {\n              const allowDragDrop =\n                allowDragColumnHeader && !col.pin ? true : false;\n              return isGroupColumn(col) ? (\n                <GroupHeaderCell\n                  column={col}\n                  id={`${tableId}-${col.name}`}\n                  key={col.name}\n                  onMoveColumn={onMoveGroupColumn}\n                  onRemoveColumn={onRemoveGroupColumn}\n                  onResize={onResizeColumn}\n                />\n              ) : (\n                <HeaderCell\n                  allowDragColumnHeader={allowDragDrop}\n                  allowSelectAll={allowSelectAll}\n                  allRowsSelected={allRowsSelected}\n                  column={col}\n                  index={i}\n                  id={`${tableId}-${col.name}`}\n                  key={`${col.name}-${allowDragDrop}`}\n                  onCheckBoxColumnHeaderClick={onCheckBoxColumnHeaderClick}\n                  onClick={onClick}\n                  onResize={onResizeColumn}\n                  showColumnHeaderMenus={showColumnHeaderMenus}\n                />\n              );\n            })}\n            {showBookends ? (\n              <div className=\"vuuSelectionDecorator vuuStickyRight\" />\n            ) : null}\n          </div>\n\n          <DragOverlay>\n            {dragColumn ? (\n              <div id={dragColumn.id} className=\"DragColumn\">\n                <HeaderCell\n                  column={dragColumn.column}\n                  className=\"vuuDragging\"\n                  id={`${tableId}-${dragColumn.id}-dragging`}\n                  index={-1}\n                />\n              </div>\n            ) : null}\n          </DragOverlay>\n        </DragDropProvider>\n        {customHeaders}\n      </div>\n    );\n  },\n);\nTableHeader.displayName = \"TableHeader\";\n"],"names":["isValidElement","memo","useMemo","jsx","offset","cloneElement","HeaderProvider","header","useTableHeader","isNotHidden","jsxs","DragDropProvider","RestrictToHorizontalAxis","KeyboardSensor","PointerSensor","isGroupColumn","GroupHeaderCell","HeaderCell","DragOverlay"],"mappings":";;;;;;;;;;AAsCA,MAAM,eAAkB,GAAA,CAAC,CACvB,KAAAA,oBAAA,CAAe,CAAC,CAAA;AAElB,MAAM,SAAY,GAAA,gBAAA;AA0BX,MAAM,WAAc,GAAAC,UAAA;AAAA,EACzB,CAAC;AAAA,IACC,qBAAA;AAAA,IACA,cAAA;AAAA,IACA,eAAA;AAAA,IACA,OAAA;AAAA,IACA,YAAA;AAAA,IACA,QAAA;AAAA,IACA,2BAAA;AAAA,IACA,gBAAA;AAAA,IACA,YAAA;AAAA,IACA,iBAAA;AAAA,IACA,mBAAA;AAAA,IACA,cAAA;AAAA,IACA,YAAA;AAAA,IACA,YAAA;AAAA,IACA,qBAAA;AAAA,IACA,WAAA;AAAA,IACA,OAAA;AAAA,IACA,cAAiB,GAAA;AAAA,GACK,KAAA;AACtB,IAAA,MAAM,CAAC,aAAA,EAAe,iBAAiB,CAAA,GAAIC,cAEzC,MAAM;AACN,MAAA,MAAM,SAAS,QAAS,CAAA,MAAA;AACxB,MAAM,MAAA,aAAA,GAAgB,CACpB,SAAA,EACA,KAEA,qBAAAC,cAAA;AAAA,QAAC,SAAA;AAAA,QAAA;AAAA,UACC,YAAA,EAAc,SAAS,KAAQ,GAAA,CAAA;AAAA,UAC/B,QAAS,EAAA,KAAA;AAAA,UACT,OAAA;AAAA,UAEA;AAAA,SAAA;AAAA,QADK;AAAA,OAEP;AAGF,MAAM,MAAA,qBAAA,GAAwB,CAAC,EAAA,EAAkB,QAAqB,KAAA;AACpE,QAAA,MAAMC,UAAS,QAAS,CAAA,MAAA;AACxB,QAAA,OAAOC,mBAAa,EAAI,EAAA;AAAA,UACtB,eAAA,EAAiB,WAAWD,OAAS,GAAA,CAAA;AAAA,UACrC,QAAU,EAAA;AAAA;AAAA,SAEJ,CAAA;AAAA,OACV;AAEA,MAAA,IAAI,iBAAiB,KAAW,CAAA,EAAA;AAC9B,QAAO,OAAA,CAAC,MAAM,CAAC,CAAA;AAAA,OACN,MAAA,IAAA,KAAA,CAAM,OAAQ,CAAA,YAAY,CAAG,EAAA;AACtC,QAAA,MAAM,MACJ,mBAAAD,cAAA,CAACG,6BAAe,EAAA,EAAA,OAAA,EAAkB,gBAC/B,QAAa,EAAA,YAAA,CAAA,GAAA;AAAA,UAAI,CAACC,OAAAA,EAAQ,CACzB,KAAA,eAAA,CAAgBA,OAAM,CAAA,GAClB,qBAAsBA,CAAAA,OAAAA,EAAQ,CAAC,CAAA,GAC/B,aAAcA,CAAAA,OAAAA,EAAQ,CAAC;AAAA,SAE/B,EAAA,CAAA;AAEF,QAAO,OAAA,CAAC,MAAQ,EAAA,YAAA,CAAa,MAAM,CAAA;AAAA,OACrC,MAAA,IAAW,eAAgB,CAAA,YAAY,CAAG,EAAA;AAExC,QAAM,MAAA,MAAA,kCACHD,6BAAe,EAAA,EAAA,OAAA,EAAkB,gBAC/B,QAAsB,EAAA,qBAAA,CAAA,YAAA,EAAc,CAAC,CACxC,EAAA,CAAA;AAEF,QAAO,OAAA,CAAC,QAAQ,CAAC,CAAA;AAAA,OACZ,MAAA;AACL,QAAA,OAAO,CAAC,aAAA,CAAc,YAAc,EAAA,CAAC,GAAG,CAAC,CAAA;AAAA;AAC3C,OACC,CAAC,OAAA,EAAS,cAAc,QAAS,CAAA,MAAA,EAAQ,cAAc,CAAC,CAAA;AAE3D,IAAA,MAAM,EAAE,UAAY,EAAA,OAAA,EAAS,WAAW,WAAa,EAAA,eAAA,KACnDE,6BAAe,CAAA;AAAA,MACb,OAAA;AAAA,MACA,iBAAA;AAAA,MACA,QAAA;AAAA,MACA,gBAAA;AAAA,MACA,YAAA;AAAA,MACA,YAAA;AAAA,MACA;AAAA,KACD,CAAA;AAEH,IAAM,MAAA,cAAA,GAAiB,OAAQ,CAAA,MAAA,CAAOC,oBAAW,CAAA;AAEjD,IAAA,uCACG,KAAI,EAAA,EAAA,SAAA,EAAW,WAAW,GAAK,EAAA,eAAA,EAAiB,MAAK,UACnD,EAAA,QAAA,EAAA;AAAA,MAAS,QAAA,CAAA,GAAA,CAAI,CAAC,UAAA,EAAY,CACzB,qBAAAN,cAAA;AAAA,QAAC,KAAA;AAAA,QAAA;AAAA,UACC,SAAU,EAAA,kBAAA;AAAA,UAEV,IAAK,EAAA,KAAA;AAAA,UACL,iBAAe,CAAI,GAAA,CAAA;AAAA,UAElB,qBAAW,GAAI,CAAA,CAAC,EAAE,KAAO,EAAA,KAAA,IAAS,CACjC,qBAAAA,cAAA,CAAC,KAAY,EAAA,EAAA,SAAA,EAAU,wBAAuB,KAAO,EAAA,EAAE,OACpD,EAAA,QAAA,EAAA,KAAA,EAAA,EADO,CAEV,CACD;AAAA,SAAA;AAAA,QARI;AAAA,OAUR,CAAA;AAAA,sBACDO,eAAA;AAAA,QAACC,yBAAA;AAAA,QAAA;AAAA,UACC,SAAA;AAAA,UACA,WAAA;AAAA,UAGA,SAAA,EAAW,CAACC,iCAAwB,CAAA;AAAA,UACpC,OAAS,EAAA;AAAA,YACPC,wBAAe,SAAU,CAAA;AAAA,cACvB,aAAe,EAAA;AAAA,gBACb,KAAA,EAAO,CAAC,OAAO,CAAA;AAAA,gBACf,MAAA,EAAQ,CAAC,QAAQ,CAAA;AAAA,gBACjB,GAAA,EAAK,CAAC,OAAA,EAAS,OAAO,CAAA;AAAA,gBACtB,IAAA,EAAM,CAAC,WAAW,CAAA;AAAA,gBAClB,KAAA,EAAO,CAAC,YAAY,CAAA;AAAA,gBACpB,IAAI,EAAC;AAAA,gBACL,MAAM;AAAC;AACT,aACD,CAAA;AAAA,YACDC;AAAA,WACF;AAAA,UAEA,QAAA,EAAA;AAAA,4BAAAJ,eAAA;AAAA,cAAC,KAAA;AAAA,cAAA;AAAA,gBACC,SAAU,EAAA,sBAAA;AAAA,gBACV,IAAK,EAAA,KAAA;AAAA,gBACL,eAAA,EAAe,SAAS,MAAS,GAAA,CAAA;AAAA,gBAEhC,QAAA,EAAA;AAAA,kBAAA,YAAA,mBACEP,cAAA,CAAA,KAAA,EAAA,EAAI,SAAU,EAAA,qCAAA,EAAsC,CACnD,GAAA,IAAA;AAAA,kBAEH,cAAe,CAAA,GAAA,CAAI,CAAC,GAAA,EAAK,CAAM,KAAA;AAC9B,oBAAA,MAAM,aACJ,GAAA,qBAAA,IAAyB,CAAC,GAAA,CAAI,MAAM,IAAO,GAAA,KAAA;AAC7C,oBAAO,OAAAY,sBAAA,CAAc,GAAG,CACtB,mBAAAZ,cAAA;AAAA,sBAACa,+BAAA;AAAA,sBAAA;AAAA,wBACC,MAAQ,EAAA,GAAA;AAAA,wBACR,EAAI,EAAA,CAAA,EAAG,OAAO,CAAA,CAAA,EAAI,IAAI,IAAI,CAAA,CAAA;AAAA,wBAE1B,YAAc,EAAA,iBAAA;AAAA,wBACd,cAAgB,EAAA,mBAAA;AAAA,wBAChB,QAAU,EAAA;AAAA,uBAAA;AAAA,sBAHL,GAAI,CAAA;AAAA,qBAMX,mBAAAb,cAAA;AAAA,sBAACc,qBAAA;AAAA,sBAAA;AAAA,wBACC,qBAAuB,EAAA,aAAA;AAAA,wBACvB,cAAA;AAAA,wBACA,eAAA;AAAA,wBACA,MAAQ,EAAA,GAAA;AAAA,wBACR,KAAO,EAAA,CAAA;AAAA,wBACP,EAAI,EAAA,CAAA,EAAG,OAAO,CAAA,CAAA,EAAI,IAAI,IAAI,CAAA,CAAA;AAAA,wBAE1B,2BAAA;AAAA,wBACA,OAAA;AAAA,wBACA,QAAU,EAAA,cAAA;AAAA,wBACV;AAAA,uBAAA;AAAA,sBAJK,CAAG,EAAA,GAAA,CAAI,IAAI,CAAA,CAAA,EAAI,aAAa,CAAA;AAAA,qBAKnC;AAAA,mBAEH,CAAA;AAAA,kBACA,YACC,mBAAAd,cAAA,CAAC,KAAI,EAAA,EAAA,SAAA,EAAU,wCAAuC,CACpD,GAAA;AAAA;AAAA;AAAA,aACN;AAAA,4BAEAA,cAAA,CAACe,wBACE,QACC,EAAA,UAAA,mBAAAf,cAAA,CAAC,SAAI,EAAI,EAAA,UAAA,CAAW,EAAI,EAAA,SAAA,EAAU,YAChC,EAAA,QAAA,kBAAAA,cAAA;AAAA,cAACc,qBAAA;AAAA,cAAA;AAAA,gBACC,QAAQ,UAAW,CAAA,MAAA;AAAA,gBACnB,SAAU,EAAA,aAAA;AAAA,gBACV,EAAI,EAAA,CAAA,EAAG,OAAO,CAAA,CAAA,EAAI,WAAW,EAAE,CAAA,SAAA,CAAA;AAAA,gBAC/B,KAAO,EAAA,CAAA;AAAA;AAAA,aACT,EACF,IACE,IACN,EAAA;AAAA;AAAA;AAAA,OACF;AAAA,MACC;AAAA,KACH,EAAA,CAAA;AAAA;AAGN;AACA,WAAA,CAAY,WAAc,GAAA,aAAA;;;;"}
+{"version":3,"file":"TableHeader.js","sources":["../../../../packages/vuu-table/src/table-header/TableHeader.tsx"],"sourcesContent":["import { VuuSortType } from \"@vuu-ui/vuu-protocol-types\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\n\nimport {\n  DragDropProvider,\n  DragOverlay,\n  KeyboardSensor,\n  PointerSensor,\n  RestrictToHorizontalAxis,\n} from \"@vuu-ui/vuu-utils\";\nimport {\n  ColumnDescriptor,\n  ColumnMoveHandler,\n  CustomHeader,\n  CustomHeaderComponent,\n  CustomHeaderElement,\n  HeaderCellProps,\n  RuntimeColumnDescriptor,\n  TableColumnResizeHandler,\n  TableConfig,\n  TableHeadings,\n} from \"@vuu-ui/vuu-table-types\";\nimport { isGroupColumn, isNotHidden } from \"@vuu-ui/vuu-utils\";\nimport {\n  cloneElement,\n  FC,\n  isValidElement,\n  memo,\n  ReactElement,\n  useMemo,\n} from \"react\";\nimport {\n  GroupHeaderCell,\n  HeaderCell as DefaultHeaderCell,\n} from \"../header-cell\";\nimport { HeaderProvider } from \"./HeaderProvider\";\nimport { useTableHeader } from \"./useTableHeader\";\n\n// We import headercell css once here so it is available to custom\n// headercell implementations.\nimport headerCellCss from \"../header-cell/HeaderCell.css\";\n\nexport type ColumnSortHandler = (\n  column: ColumnDescriptor,\n  addToExistingSort: boolean,\n  sortType?: VuuSortType,\n) => void;\n\nconst isHeaderElement = (h: CustomHeader): h is CustomHeaderElement =>\n  isValidElement(h);\n\nconst classBase = \"vuuTableHeader\";\n\nexport interface TableHeaderProps\n  extends Pick<\n    HeaderCellProps,\n    | \"allRowsSelected\"\n    | \"allowDragColumnHeader\"\n    | \"allowSelectAll\"\n    | \"onCheckBoxColumnHeaderClick\"\n    | \"showColumnHeaderMenus\"\n  > {\n  HeaderCell?: FC<HeaderCellProps>;\n  columns: RuntimeColumnDescriptor[];\n  customHeader?: CustomHeader | CustomHeader[];\n  headings: TableHeadings;\n  onHeightMeasured: (height: number, count: number) => void;\n  onResizeColumn: TableColumnResizeHandler;\n  onMoveColumn: ColumnMoveHandler;\n  onMoveGroupColumn: (columns: ColumnDescriptor[]) => void;\n  onRemoveGroupColumn: (column: RuntimeColumnDescriptor) => void;\n  onSortColumn: ColumnSortHandler;\n  showBookends?: boolean;\n  tableConfig: TableConfig;\n  tableId: string;\n  virtualColSpan?: number;\n}\n\nexport const TableHeader = memo(\n  ({\n    HeaderCell = DefaultHeaderCell,\n    allowDragColumnHeader,\n    allowSelectAll,\n    allRowsSelected,\n    columns,\n    customHeader,\n    headings,\n    onCheckBoxColumnHeaderClick,\n    onHeightMeasured,\n    onMoveColumn,\n    onMoveGroupColumn,\n    onRemoveGroupColumn,\n    onResizeColumn,\n    onSortColumn,\n    showBookends,\n    showColumnHeaderMenus,\n    tableConfig,\n    tableId,\n    virtualColSpan = 0,\n  }: TableHeaderProps) => {\n    const targetWindow = useWindow();\n    useComponentCssInjection({\n      testId: \"vuu-table-header-cell\",\n      css: headerCellCss,\n      window: targetWindow,\n    });\n\n    const [customHeaders, customHeaderCount] = useMemo<\n      [ReactElement | ReactElement[] | null, number]\n    >(() => {\n      const offset = headings.length;\n      const createElement = (\n        Component: CustomHeaderComponent,\n        index: number,\n      ) => (\n        <Component\n          ariaRowIndex={offset + index + 2}\n          ariaRole=\"row\"\n          columns={columns}\n          key={index}\n          virtualColSpan={virtualColSpan}\n        />\n      );\n\n      const enrichElementWithAria = (el: ReactElement, rowIndex: number) => {\n        const offset = headings.length;\n        return cloneElement(el, {\n          \"aria-rowindex\": rowIndex + offset + 2,\n          ariaRole: \"row\",\n          // eslint-disable-next-line @typescript-eslint/no-explicit-any\n        } as any);\n      };\n\n      if (customHeader === undefined) {\n        return [null, 0];\n      } else if (Array.isArray(customHeader)) {\n        const header = (\n          <HeaderProvider columns={columns} virtualColSpan={virtualColSpan}>\n            {customHeader.map((header, i) =>\n              isHeaderElement(header)\n                ? enrichElementWithAria(header, i)\n                : createElement(header, i),\n            )}\n          </HeaderProvider>\n        );\n        return [header, customHeader.length];\n      } else if (isHeaderElement(customHeader)) {\n        // TODO rowIndex and role\n        const header = (\n          <HeaderProvider columns={columns} virtualColSpan={virtualColSpan}>\n            {enrichElementWithAria(customHeader, 0)}\n          </HeaderProvider>\n        );\n        return [header, 1];\n      } else {\n        return [createElement(customHeader, 0), 1];\n      }\n    }, [columns, customHeader, headings.length, virtualColSpan]);\n\n    const { dragColumn, onClick, onDragEnd, onDragStart, setContainerRef } =\n      useTableHeader({\n        columns,\n        customHeaderCount,\n        headings,\n        onHeightMeasured,\n        onMoveColumn,\n        onSortColumn,\n        tableConfig,\n      });\n\n    const visibleColumns = columns.filter(isNotHidden);\n\n    return (\n      <div className={classBase} ref={setContainerRef} role=\"rowgroup\">\n        {headings.map((colHeaders, i) => (\n          <div\n            className=\"vuuTable-heading\"\n            key={i}\n            role=\"row\"\n            aria-rowindex={i + 1}\n          >\n            {colHeaders.map(({ label, width }, j) => (\n              <div key={j} className=\"vuuTable-headingCell\" style={{ width }}>\n                {label}\n              </div>\n            ))}\n          </div>\n        ))}\n        <DragDropProvider // whats the difference between this and DnDContext\n          onDragEnd={onDragEnd}\n          onDragStart={onDragStart}\n          // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n          //@ts-ignore typing error from dnd-kit\n          modifiers={[RestrictToHorizontalAxis]}\n          sensors={[\n            KeyboardSensor.configure({\n              keyboardCodes: {\n                start: [\"Space\"],\n                cancel: [\"Escape\"],\n                end: [\"Space\", \"Enter\"],\n                left: [\"ArrowLeft\"],\n                right: [\"ArrowRight\"],\n                up: [],\n                down: [],\n              },\n            }),\n            PointerSensor,\n          ]}\n        >\n          <div\n            className=\"vuuTableColHeaderRow\"\n            role=\"row\"\n            aria-rowindex={headings.length + 1}\n          >\n            {showBookends ? (\n              <div className=\"vuuSelectionDecorator vuuStickyLeft\" />\n            ) : null}\n\n            {visibleColumns.map((col, i) => {\n              const allowDragDrop =\n                allowDragColumnHeader && !col.pin ? true : false;\n              return isGroupColumn(col) ? (\n                <GroupHeaderCell\n                  column={col}\n                  id={`${tableId}-${col.name}`}\n                  key={col.name}\n                  onMoveColumn={onMoveGroupColumn}\n                  onRemoveColumn={onRemoveGroupColumn}\n                  onResize={onResizeColumn}\n                />\n              ) : (\n                <HeaderCell\n                  allowDragColumnHeader={allowDragDrop}\n                  allowSelectAll={allowSelectAll}\n                  allRowsSelected={allRowsSelected}\n                  column={col}\n                  index={i}\n                  id={`${tableId}-${col.name}`}\n                  key={`${col.name}-${allowDragDrop}`}\n                  onCheckBoxColumnHeaderClick={onCheckBoxColumnHeaderClick}\n                  onClick={onClick}\n                  onResize={onResizeColumn}\n                  showColumnHeaderMenus={showColumnHeaderMenus}\n                />\n              );\n            })}\n            {showBookends ? (\n              <div className=\"vuuSelectionDecorator vuuStickyRight\" />\n            ) : null}\n          </div>\n\n          <DragOverlay>\n            {dragColumn ? (\n              <div id={dragColumn.id} className=\"DragColumn\">\n                <HeaderCell\n                  column={dragColumn.column}\n                  className=\"vuuDragging\"\n                  id={`${tableId}-${dragColumn.id}-dragging`}\n                  index={-1}\n                />\n              </div>\n            ) : null}\n          </DragOverlay>\n        </DragDropProvider>\n        {customHeaders}\n      </div>\n    );\n  },\n);\nTableHeader.displayName = \"TableHeader\";\n"],"names":["isValidElement","memo","HeaderCell","DefaultHeaderCell","useWindow","useComponentCssInjection","headerCellCss","useMemo","jsx","offset","cloneElement","HeaderProvider","header","useTableHeader","isNotHidden","jsxs","DragDropProvider","RestrictToHorizontalAxis","KeyboardSensor","PointerSensor","isGroupColumn","GroupHeaderCell","DragOverlay"],"mappings":"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"}

package/cjs/useCellEditing.js.map

@@ -1 +1 @@
-{"version":3,"file":"useCellEditing.js","sources":["../../../packages/vuu-table/src/useCellEditing.ts"],"sourcesContent":["import {\n  dispatchCustomEvent,\n  isCharacterKey,\n  queryClosest,\n} from \"@vuu-ui/vuu-utils\";\nimport {\n  FocusEventHandler,\n  KeyboardEvent as ReactKeyboardEvent,\n  MouseEvent,\n  useCallback,\n} from \"react\";\nimport { cellIsTextInput, getAriaCellPos } from \"./table-dom-utils\";\nimport { FocusCell } from \"./useCellFocus\";\n\nexport interface CellEditingHookProps {\n  focusCell: FocusCell;\n  navigate: () => void;\n}\n\nexport const useCellEditing = ({\n  focusCell,\n  navigate,\n}: CellEditingHookProps) => {\n  const commitHandler = useCallback(() => {\n    navigate();\n  }, [navigate]);\n\n  const editModeHandler = useCallback(\n    (e: Event) => {\n      // console.log(`[useCellEditing]  editModeHandler ${e.type}`);\n      const tableCell = queryClosest<HTMLDivElement>(\n        e.target,\n        \".vuuTableCell\",\n        true,\n      );\n      if (e.type === \"vuu-exit-edit-mode\") {\n        tableCell.classList.remove(\"vuuEditing\");\n        // console.log(\"shift focus back to cell\");\n        const cellPos = getAriaCellPos(tableCell);\n        focusCell(cellPos, true);\n        // console.log({ tableCell });\n      } else {\n        // console.log(\"what do we do in edit mode ?\");\n        tableCell.classList.add(\"vuuEditing\");\n      }\n    },\n    [focusCell],\n  );\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        // need to put the input into edit mode\n        dispatchCustomEvent(input, \"vuu-begin-edit\");\n      }\n    },\n    [],\n  );\n\n  const handleKeyDown = useCallback(\n    (e: ReactKeyboardEvent<HTMLElement>) => {\n      // console.log(`[useCellEditing] handleKeyDown `);\n\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      // console.log(\n      //   `[useCellEditing] handleBlur, unregisters the vuu-commit handler `,\n      // );\n      const el = e.target as HTMLElement;\n      el.removeEventListener(\"vuu-commit\", commitHandler, true);\n      el.removeEventListener(\"vuu-enter-edit-mode\", editModeHandler, true);\n      el.removeEventListener(\"vuu-exit-edit-mode\", editModeHandler, true);\n    },\n    [commitHandler, editModeHandler],\n  );\n\n  const handleFocus = useCallback<FocusEventHandler>(\n    (e) => {\n      // console.log(\n      //   `[useCellEditing] handleFocus, registers the vuu-commit handler `,\n      // );\n      const el = e.target as HTMLElement;\n      el.addEventListener(\"vuu-commit\", commitHandler, true);\n      el.addEventListener(\"vuu-enter-edit-mode\", editModeHandler, true);\n      el.addEventListener(\"vuu-exit-edit-mode\", editModeHandler, true);\n    },\n    [commitHandler, editModeHandler],\n  );\n\n  return {\n    onBlur: handleBlur,\n    onDoubleClick: handleDoubleClick,\n    onFocus: handleFocus,\n    onKeyDown: handleKeyDown,\n  };\n};\n"],"names":["useCallback","queryClosest","getAriaCellPos","dispatchCustomEvent","cellIsTextInput","isCharacterKey"],"mappings":"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"}
+{"version":3,"file":"useCellEditing.js","sources":["../../../packages/vuu-table/src/useCellEditing.ts"],"sourcesContent":["import {\n  dispatchCustomEvent,\n  isCharacterKey,\n  queryClosest,\n} from \"@vuu-ui/vuu-utils\";\nimport {\n  FocusEventHandler,\n  KeyboardEvent as ReactKeyboardEvent,\n  MouseEvent,\n  useCallback,\n} from \"react\";\nimport { cellIsTextInput, getAriaCellPos } from \"./table-dom-utils\";\nimport { FocusCell } from \"./useCellFocus\";\n\nexport interface CellEditingHookProps {\n  focusCell: FocusCell;\n  navigate: () => void;\n}\n\nexport const useCellEditing = ({\n  focusCell,\n  navigate,\n}: CellEditingHookProps) => {\n  const commitHandler = useCallback(() => {\n    navigate();\n  }, [navigate]);\n\n  const editModeHandler = useCallback(\n    (e: Event) => {\n      const tableCell = queryClosest<HTMLDivElement>(\n        e.target,\n        \".vuuTableCell\",\n        true,\n      );\n      if (e.type === \"vuu-exit-edit-mode\") {\n        tableCell.classList.remove(\"vuuEditing\");\n        const cellPos = getAriaCellPos(tableCell);\n        focusCell(cellPos, true);\n      } else {\n        tableCell.classList.add(\"vuuEditing\");\n      }\n    },\n    [focusCell],\n  );\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        // need to put the input into edit mode\n        dispatchCustomEvent(input, \"vuu-begin-edit\");\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      el.removeEventListener(\"vuu-enter-edit-mode\", editModeHandler, true);\n      el.removeEventListener(\"vuu-exit-edit-mode\", editModeHandler, true);\n    },\n    [commitHandler, editModeHandler],\n  );\n\n  const handleFocus = useCallback<FocusEventHandler>(\n    (e) => {\n      const el = e.target as HTMLElement;\n      el.addEventListener(\"vuu-commit\", commitHandler, true);\n      el.addEventListener(\"vuu-enter-edit-mode\", editModeHandler, true);\n      el.addEventListener(\"vuu-exit-edit-mode\", editModeHandler, true);\n    },\n    [commitHandler, editModeHandler],\n  );\n\n  return {\n    onBlur: handleBlur,\n    onDoubleClick: handleDoubleClick,\n    onFocus: handleFocus,\n    onKeyDown: handleKeyDown,\n  };\n};\n"],"names":["useCallback","queryClosest","getAriaCellPos","dispatchCustomEvent","cellIsTextInput","isCharacterKey"],"mappings":"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"}

package/cjs/useMeasuredHeight.js

@@ -22,7 +22,6 @@ const useMeasuredHeight = ({
         if (lastMeasuredHeight.current !== newHeight) {
           if (vuuUtils.isValidNumber(newHeight)) {
             lastMeasuredHeight.current = newHeight;
-            console.log(`[useMeasuredHeight] resizeObserver  ${newHeight}`);
             setMeasuredHeight(newHeight);
             onHeightMeasured?.(newHeight);
           }
@@ -35,7 +34,6 @@ const useMeasuredHeight = ({
       if (el) {
         if (heightProp === 0) {
           const { height } = el.getBoundingClientRect();
-          console.log(`[useMeasuredHeight] initial height = ${height}`);
           resizeObserver.observe(el);
           const measuredHeight2 = Math.round(height);
           setMeasuredHeight(measuredHeight2);

package/cjs/useMeasuredHeight.js.map

@@ -1 +1 @@
-{"version":3,"file":"useMeasuredHeight.js","sources":["../../../packages/vuu-table/src/useMeasuredHeight.ts"],"sourcesContent":["import { isValidNumber } from \"@vuu-ui/vuu-utils\";\nimport { RefCallback, useCallback, useMemo, useRef, useState } from \"react\";\n\ninterface MeasuredHeightHookProps {\n  onHeightMeasured?: (height: number) => void;\n  height?: number;\n}\n\nexport const useMeasuredHeight = ({\n  onHeightMeasured,\n  height: heightProp = 0,\n}: MeasuredHeightHookProps) => {\n  const [measuredHeight, setMeasuredHeight] = useState(heightProp);\n  const lastMeasuredHeight = useRef(-1);\n\n  useMemo(() => {\n    if (heightProp !== 0) {\n      setMeasuredHeight(heightProp);\n    }\n  }, [heightProp]);\n\n  const resizeObserver = useMemo(() => {\n    return new ResizeObserver((entries: ResizeObserverEntry[]) => {\n      for (const entry of entries) {\n        const [{ blockSize: measuredSize }] = entry.borderBoxSize;\n        const newHeight = Math.round(measuredSize);\n        if (lastMeasuredHeight.current !== newHeight) {\n          if (isValidNumber(newHeight)) {\n            lastMeasuredHeight.current = newHeight;\n            console.log(`[useMeasuredHeight] resizeObserver  ${newHeight}`);\n            setMeasuredHeight(newHeight);\n            onHeightMeasured?.(newHeight);\n          }\n        }\n      }\n    });\n  }, [onHeightMeasured]);\n\n  const measuredRef = useCallback<RefCallback<HTMLDivElement>>(\n    (el) => {\n      if (el) {\n        if (heightProp === 0) {\n          const { height } = el.getBoundingClientRect();\n          console.log(`[useMeasuredHeight] initial height = ${height}`);\n          resizeObserver.observe(el);\n          // avoids tiny sub-pixel discrepancies\n          const measuredHeight = Math.round(height);\n          setMeasuredHeight(measuredHeight);\n        }\n      } else {\n        resizeObserver.disconnect();\n      }\n    },\n    [resizeObserver, heightProp],\n  );\n  return { measuredHeight, measuredRef };\n};\n"],"names":["useState","useRef","useMemo","isValidNumber","useCallback","measuredHeight"],"mappings":";;;;;AAQO,MAAM,oBAAoB,CAAC;AAAA,EAChC,gBAAA;AAAA,EACA,QAAQ,UAAa,GAAA;AACvB,CAA+B,KAAA;AAC7B,EAAA,MAAM,CAAC,cAAA,EAAgB,iBAAiB,CAAA,GAAIA,eAAS,UAAU,CAAA;AAC/D,EAAM,MAAA,kBAAA,GAAqBC,aAAO,CAAE,CAAA,CAAA;AAEpC,EAAAC,aAAA,CAAQ,MAAM;AACZ,IAAA,IAAI,eAAe,CAAG,EAAA;AACpB,MAAA,iBAAA,CAAkB,UAAU,CAAA;AAAA;AAC9B,GACF,EAAG,CAAC,UAAU,CAAC,CAAA;AAEf,EAAM,MAAA,cAAA,GAAiBA,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,IAAA,kBAAA,CAAmB,YAAY,SAAW,EAAA;AAC5C,UAAI,IAAAC,sBAAA,CAAc,SAAS,CAAG,EAAA;AAC5B,YAAA,kBAAA,CAAmB,OAAU,GAAA,SAAA;AAC7B,YAAQ,OAAA,CAAA,GAAA,CAAI,CAAuC,oCAAA,EAAA,SAAS,CAAE,CAAA,CAAA;AAC9D,YAAA,iBAAA,CAAkB,SAAS,CAAA;AAC3B,YAAA,gBAAA,GAAmB,SAAS,CAAA;AAAA;AAC9B;AACF;AACF,KACD,CAAA;AAAA,GACH,EAAG,CAAC,gBAAgB,CAAC,CAAA;AAErB,EAAA,MAAM,WAAc,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,UAAQ,OAAA,CAAA,GAAA,CAAI,CAAwC,qCAAA,EAAA,MAAM,CAAE,CAAA,CAAA;AAC5D,UAAA,cAAA,CAAe,QAAQ,EAAE,CAAA;AAEzB,UAAMC,MAAAA,eAAAA,GAAiB,IAAK,CAAA,KAAA,CAAM,MAAM,CAAA;AACxC,UAAA,iBAAA,CAAkBA,eAAc,CAAA;AAAA;AAClC,OACK,MAAA;AACL,QAAA,cAAA,CAAe,UAAW,EAAA;AAAA;AAC5B,KACF;AAAA,IACA,CAAC,gBAAgB,UAAU;AAAA,GAC7B;AACA,EAAO,OAAA,EAAE,gBAAgB,WAAY,EAAA;AACvC;;;;"}
+{"version":3,"file":"useMeasuredHeight.js","sources":["../../../packages/vuu-table/src/useMeasuredHeight.ts"],"sourcesContent":["import { isValidNumber } from \"@vuu-ui/vuu-utils\";\nimport { RefCallback, useCallback, useMemo, useRef, useState } from \"react\";\n\ninterface MeasuredHeightHookProps {\n  onHeightMeasured?: (height: number) => void;\n  height?: number;\n}\n\nexport const useMeasuredHeight = ({\n  onHeightMeasured,\n  height: heightProp = 0,\n}: MeasuredHeightHookProps) => {\n  const [measuredHeight, setMeasuredHeight] = useState(heightProp);\n  const lastMeasuredHeight = useRef(-1);\n\n  useMemo(() => {\n    if (heightProp !== 0) {\n      setMeasuredHeight(heightProp);\n    }\n  }, [heightProp]);\n\n  const resizeObserver = useMemo(() => {\n    return new ResizeObserver((entries: ResizeObserverEntry[]) => {\n      for (const entry of entries) {\n        const [{ blockSize: measuredSize }] = entry.borderBoxSize;\n        const newHeight = Math.round(measuredSize);\n        if (lastMeasuredHeight.current !== newHeight) {\n          if (isValidNumber(newHeight)) {\n            lastMeasuredHeight.current = newHeight;\n            setMeasuredHeight(newHeight);\n            onHeightMeasured?.(newHeight);\n          }\n        }\n      }\n    });\n  }, [onHeightMeasured]);\n\n  const measuredRef = useCallback<RefCallback<HTMLDivElement>>(\n    (el) => {\n      if (el) {\n        if (heightProp === 0) {\n          const { height } = el.getBoundingClientRect();\n          resizeObserver.observe(el);\n          // avoids tiny sub-pixel discrepancies\n          const measuredHeight = Math.round(height);\n          setMeasuredHeight(measuredHeight);\n        }\n      } else {\n        resizeObserver.disconnect();\n      }\n    },\n    [resizeObserver, heightProp],\n  );\n  return { measuredHeight, measuredRef };\n};\n"],"names":["useState","useRef","useMemo","isValidNumber","useCallback","measuredHeight"],"mappings":";;;;;AAQO,MAAM,oBAAoB,CAAC;AAAA,EAChC,gBAAA;AAAA,EACA,QAAQ,UAAa,GAAA;AACvB,CAA+B,KAAA;AAC7B,EAAA,MAAM,CAAC,cAAA,EAAgB,iBAAiB,CAAA,GAAIA,eAAS,UAAU,CAAA;AAC/D,EAAM,MAAA,kBAAA,GAAqBC,aAAO,CAAE,CAAA,CAAA;AAEpC,EAAAC,aAAA,CAAQ,MAAM;AACZ,IAAA,IAAI,eAAe,CAAG,EAAA;AACpB,MAAA,iBAAA,CAAkB,UAAU,CAAA;AAAA;AAC9B,GACF,EAAG,CAAC,UAAU,CAAC,CAAA;AAEf,EAAM,MAAA,cAAA,GAAiBA,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,IAAA,kBAAA,CAAmB,YAAY,SAAW,EAAA;AAC5C,UAAI,IAAAC,sBAAA,CAAc,SAAS,CAAG,EAAA;AAC5B,YAAA,kBAAA,CAAmB,OAAU,GAAA,SAAA;AAC7B,YAAA,iBAAA,CAAkB,SAAS,CAAA;AAC3B,YAAA,gBAAA,GAAmB,SAAS,CAAA;AAAA;AAC9B;AACF;AACF,KACD,CAAA;AAAA,GACH,EAAG,CAAC,gBAAgB,CAAC,CAAA;AAErB,EAAA,MAAM,WAAc,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,UAAMC,MAAAA,eAAAA,GAAiB,IAAK,CAAA,KAAA,CAAM,MAAM,CAAA;AACxC,UAAA,iBAAA,CAAkBA,eAAc,CAAA;AAAA;AAClC,OACK,MAAA;AACL,QAAA,cAAA,CAAe,UAAW,EAAA;AAAA;AAC5B,KACF;AAAA,IACA,CAAC,gBAAgB,UAAU;AAAA,GAC7B;AACA,EAAO,OAAA,EAAE,gBAAgB,WAAY,EAAA;AACvC;;;;"}

package/cjs/useTable.js

@@ -744,6 +744,7 @@ const useTable = ({
     columns,
     dataRows,
     draggableRow,
+    editSessionInProgress: editTracker?.inEditMode,
     focusCellPlaceholderKeyDown,
     focusCellPlaceholderRef,
     getRowOffset,

package/cjs/useTable.js.map

@@ -1 +1 @@
-{"version":3,"file":"useTable.js","sources":["../../../packages/vuu-table/src/useTable.ts"],"sourcesContent":["import type {\n  DataSourceConfigChangeHandler,\n  DataSourceSubscribedMessage,\n} from \"@vuu-ui/vuu-data-types\";\nimport type { RpcResult, VuuSortType } from \"@vuu-ui/vuu-protocol-types\";\nimport {\n  ColumnDisplayActionHandler,\n  useColumnActions,\n} from \"@vuu-ui/vuu-table-extras\";\nimport type {\n  ColumnPinAction,\n  ColumnDescriptor,\n  ColumnMoveHandler,\n  DataCellEditEvent,\n  RuntimeColumnDescriptor,\n  SelectionChangeHandler,\n  TableColumnResizeHandler,\n  TableConfig,\n  TableConfigChangeType,\n  TableRowClickHandlerInternal,\n  TableRowSelectHandlerInternal,\n  TableSelectionModel,\n  DataRow,\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  getAllCellsInColumn,\n  getAriaRowIndex,\n  getPinStateFromElement,\n  isGroupColumn,\n  isJsonGroup,\n  isValidNumber,\n  logUnhandledMessage,\n  metadataKeys,\n  PinState,\n  toggleOrApplySort,\n  updateColumn,\n  useEditTracker,\n  useLayoutEffectSkipFirst,\n  useStableReference,\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 { getHeaderCell } from \"./table-dom-utils\";\nimport { useCellEditing } from \"./useCellEditing\";\nimport { FocusCell, useCellFocus } from \"./useCellFocus\";\nimport { useDataSource } from \"./table-data-source/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  ColumnActionRemove,\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\ntype CellResizeState = {\n  cells: HTMLDivElement[];\n  startWidth: number;\n  pinState?: PinState;\n};\n\nconst nullHeaderState = {\n  height: -1,\n  count: -1,\n};\nconst zeroHeaderState = {\n  height: 0,\n  count: 0,\n};\n\nexport interface TableHookProps\n  extends MeasuredProps,\n    Pick<\n      TableProps,\n      | \"allowCellBlockSelection\"\n      | \"allowDragDrop\"\n      | \"allowSelectCheckboxRow\"\n      | \"autoSelectFirstRow\"\n      | \"autoSelectRowKey\"\n      | \"config\"\n      | \"dataSource\"\n      | \"disableFocus\"\n      | \"highlightedIndex\"\n      | \"id\"\n      | \"navigationStyle\"\n      | \"onConfigChange\"\n      | \"onDataEdited\"\n      | \"onDragStart\"\n      | \"onDrop\"\n      | \"onHighlight\"\n      | \"onSelect\"\n      | \"onSelectCellBlock\"\n      | \"onSelectionChange\"\n      | \"onRowClick\"\n      | \"renderBufferSize\"\n      | \"revealSelected\"\n      | \"scrollingApiRef\"\n      | \"showColumnHeaders\"\n      | \"showPaginationControls\"\n    > {\n  // colHeaderRowHeight: number;\n  containerRef: RefObject<HTMLDivElement | null>;\n  rowHeight: number;\n  selectionModel: TableSelectionModel;\n  size: MeasuredSize;\n}\n\nconst { IS_EXPANDED, IS_LEAF } = metadataKeys;\n\nconst NULL_DRAG_DROP = {\n  draggable: undefined,\n  onMouseDown: undefined,\n};\nconst useNullDragDrop = () => NULL_DRAG_DROP;\n\nexport const useTable = ({\n  allowCellBlockSelection,\n  allowSelectCheckboxRow,\n  allowDragDrop = false,\n  autoSelectFirstRow,\n  autoSelectRowKey,\n  // colHeaderRowHeight,\n  config,\n  containerRef,\n  dataSource,\n  disableFocus,\n  highlightedIndex: highlightedIndexProp,\n  id,\n  navigationStyle = \"cell\",\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,\n  scrollingApiRef,\n  selectionModel,\n  showColumnHeaders,\n  showPaginationControls,\n  size,\n}: TableHookProps) => {\n  const tableConfigRef = useRef<TableConfig>(config);\n  // We need scrollTop from the scrolling hook, just to detect when we need to scroll after a config change\n  const scrollTopRef = useRef(0);\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\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 { selectionBookendWidth = 4 } = config;\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  const columnsRef = useStableReference(columns);\n\n  // this is really 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      selectionModel,\n      type: \"init\",\n      tableConfig: tableConfigRef.current,\n      dataSource,\n    });\n  }, [\n    availableWidth,\n    config,\n    dataSource,\n    dispatchTableModelAction,\n    selectionModel,\n  ]);\n\n  const applyTableConfigChange = useCallback(\n    (config: TableConfig, changeType: TableConfigChangeType) => {\n      dispatchTableModelAction({\n        availableWidth,\n        selectionModel,\n        type: \"init\",\n        tableConfig: config,\n        dataSource,\n      });\n      tableConfigRef.current = config;\n      onConfigChange?.(config, changeType);\n    },\n    [\n      availableWidth,\n      dataSource,\n      dispatchTableModelAction,\n      onConfigChange,\n      selectionModel,\n    ],\n  );\n\n  const handleSelectionChange: SelectionChangeHandler =\n    useCallback<SelectionChangeHandler>(\n      (selectRequest) => {\n        dataSource.select?.(selectRequest);\n        onSelectionChange?.(selectRequest);\n      },\n      [dataSource, onSelectionChange],\n    );\n\n  const handleSelect = useCallback<TableRowSelectHandlerInternal>(\n    (dataRow) => {\n      if (onSelect) {\n        onSelect(dataRow);\n      }\n    },\n    [onSelect],\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 {\n    dataRows,\n    dataRowsRef,\n    getSelectedRows,\n    range,\n    // removeColumnDataFromCache,\n    setRange,\n  } = useDataSource({\n    autoSelectFirstRow,\n    autoSelectRowKey,\n    dataSource,\n    renderBufferSize,\n    revealSelected,\n    onSelect: handleSelect,\n    onSizeChange: onDataRowcountChange,\n    onSubscribed,\n    selectionModel,\n  });\n\n  const { requestScroll, scrollTop, ...scrollProps } = useTableScroll({\n    cellFocusStateRef,\n    columns,\n    getRowAtPosition,\n    rowHeight,\n    scrollingApiRef,\n    setRange,\n    showPaginationControls,\n    onVerticalScroll: viewportHookSetScrollTop,\n    onVerticalScrollInSitu: viewportHookSetInSituRowOffset,\n    viewportMeasurements,\n  });\n  // to avoid invalidating the dependencies of consumers of scrollTp every time we scroll\n  scrollTopRef.current = scrollTop;\n  // avoids a hook dependency on requestScroll, important to avoid re-registering config handler\n  requestScrollRef.current = requestScroll;\n\n  const handleConfigChange = useCallback<DataSourceConfigChangeHandler>(\n    (config, _range, confirmed, changes) => {\n      const scrollSensitiveChanges =\n        changes?.filterChanged || changes?.groupByChanged;\n      if (scrollSensitiveChanges && scrollTopRef.current > 0) {\n        // don't wait for the scroll event to fire and trigger a range change,\n        //we might miss data in the meantime\n        setRange(range.reset);\n        requestScrollRef.current?.({\n          type: \"scroll-top\",\n          scrollPos: 0,\n          instant: true,\n        });\n      }\n      dispatchTableModelAction({\n        type: \"tableConfig\",\n        ...config,\n        confirmed,\n      });\n    },\n    [dispatchTableModelAction, range, setRange],\n  );\n\n  useEffect(() => {\n    dataSource.on(\"config\", handleConfigChange);\n    return () => {\n      dataSource.removeListener(\"config\", handleConfigChange);\n    };\n  }, [dataSource, dispatchTableModelAction, handleConfigChange]);\n\n  //TODO careful with autoSubscribeColumns\n  const removeColumn = useCallback(\n    (action: ColumnActionRemove) => {\n      const { column } = action;\n      const newTableConfig = {\n        ...tableConfig,\n        columns: tableConfig.columns.filter((col) => col.name !== column.name),\n      };\n      // this will not trigger a render, simply splice the removed column from cached row arrays\n      // removeColumnDataFromCache(column.name);\n      // this will trigger a render and will render with the correct data, even before\n      // we receive refresh from server\n      applyTableConfigChange(newTableConfig, {\n        type: \"column-removed\",\n        column,\n      });\n    },\n    [applyTableConfigChange, tableConfig],\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        type: \"columns-hidden\",\n        columns,\n      });\n    },\n    [tableConfig, applyTableConfigChange],\n  );\n\n  const pinColumn = useCallback(\n    ({ column, pin }: ColumnPinAction) => {\n      applyTableConfigChange(\n        {\n          ...tableConfig,\n          columns: updateColumn(tableConfig.columns, {\n            ...column,\n            pin,\n          }),\n        },\n        {\n          type: \"column-pinned\",\n          column,\n        },\n      );\n    },\n    [tableConfig, applyTableConfigChange],\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 \"removeColumn\":\n          return removeColumn({\n            type: \"removeColumn\",\n            column: action.column,\n          });\n        case \"pinColumn\":\n          return pinColumn(action);\n        default:\n          logUnhandledMessage(type, \"[vuu-table] handleColumnDisplayAction\");\n      }\n      // }\n    },\n    [hideColumns, pinColumn, removeColumn],\n  );\n\n  const handleColumnAction = useColumnActions({\n    dataSource,\n    onColumnDisplayAction: handleColumnDisplayAction,\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 cellResizeState = useRef<CellResizeState | undefined>(undefined);\n\n  const onResizeColumn: TableColumnResizeHandler = useCallback(\n    (phase, columnName, width = 0) => {\n      if (phase === \"resize\") {\n        cellResizeState.current?.cells.forEach((cell) => {\n          cell.style.width = `${width}px`;\n        });\n        if (cellResizeState.current?.pinState) {\n          const { pinState, startWidth } = cellResizeState.current;\n          const { cell: pinnedCell, pinnedWidth } = pinState;\n          const diff = width - startWidth;\n\n          if (pinState.pinnedCells) {\n            pinState.pinnedCells.forEach((cell) => {\n              cell.style.left = `${parseInt(cell.style.left) + diff}px`;\n            });\n          }\n\n          pinnedCell.style.setProperty(\n            \"--pin-width\",\n            `${pinnedWidth + diff}px`,\n          );\n        }\n      } else {\n        const column = columnsRef.current.find(\n          (column) => column.name === columnName,\n        );\n\n        if (column) {\n          if (phase === \"end\") {\n            cellResizeState.current = undefined;\n            if (isValidNumber(width)) {\n              dispatchTableModelAction({\n                type: \"resizeColumn\",\n                phase,\n                column,\n                width,\n              });\n              onConfigChange?.(\n                updateTableConfig(tableConfig, {\n                  type: \"col-size\",\n                  column,\n                  columns,\n                  width,\n                }),\n                {\n                  type: \"column-resized\",\n                  column,\n                  width,\n                },\n              );\n            }\n          } else if (phase === \"begin\") {\n            // Store a list of the cells that will be affected by resize operation, so we do not\n            // incur this cost on every resize.\n            cellResizeState.current = {\n              cells: getAllCellsInColumn(\n                containerRef.current,\n                column.ariaColIndex,\n              ),\n              startWidth: column.width,\n            };\n\n            const [headerCell] = cellResizeState.current.cells;\n            cellResizeState.current.pinState =\n              getPinStateFromElement(headerCell);\n\n            dispatchTableModelAction({\n              type: \"resizeColumn\",\n              phase,\n              column,\n              width,\n            });\n            onConfigChange?.(\n              updateTableConfig(tableConfig, {\n                type: \"col-size\",\n                column,\n                columns,\n                width,\n              }),\n              {\n                type: \"column-resized\",\n                column,\n                width,\n              },\n            );\n          }\n        } else {\n          throw Error(\n            `useDataTable.handleColumnResize, column ${columnName} not found`,\n          );\n        }\n      }\n    },\n    [\n      columnsRef,\n      dispatchTableModelAction,\n      onConfigChange,\n      tableConfig,\n      columns,\n      containerRef,\n    ],\n  );\n\n  const onToggleGroup = useCallback(\n    (dataRow: DataRow, column: RuntimeColumnDescriptor) => {\n      const isJson = isJsonGroup(column, dataRow);\n      const { key } = dataRow;\n\n      if (dataRow.isExpanded) {\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    [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    focusCell,\n    navigate,\n  });\n\n  const handleFocus = useCallback(\n    (e: FocusEvent<HTMLElement>) => {\n      // console.log(`[useTable] handleFocus`);\n      navigationFocus();\n      // navigationFocus does not call preventDefault\n      if (!e.defaultPrevented) {\n        editingFocus(e);\n      }\n    },\n    [editingFocus, navigationFocus],\n  );\n\n  const onContextMenu = useTableContextMenu({\n    columns,\n    dataRows,\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 {\n    allRowsSelected,\n    onCheckBoxColumnHeaderClick,\n    onKeyDown: selectionHookKeyDown,\n    onRowClick: selectionHookOnRowClick,\n  } = useSelection({\n    allowSelectCheckboxRow,\n    containerRef,\n    dataSource,\n    highlightedIndexRef,\n    onSelect: handleSelect,\n    onSelectionChange: handleSelectionChange,\n    selectionModel,\n  });\n\n  const handleSelectCellBlock = useCallback(\n    (cellBlock: TableCellBlock) => {\n      handleSelectionChange({\n        type: \"DESELECT_ALL\",\n      });\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, dataRow, rangeSelect, keepExistingSelection) => {\n      selectionHookOnRowClick(evt, dataRow, rangeSelect, keepExistingSelection);\n      onRowClickProp?.(evt, dataRow);\n    },\n    [onRowClickProp, selectionHookOnRowClick],\n  );\n\n  const handleKeyDown = useCallback(\n    (e: KeyboardEvent<HTMLElement>) => {\n      // console.log(`[useTable] handleKeyDown, delegates to ...`);\n\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?.(newTableConfig, {\n        columnName,\n        columns,\n        type: \"column-moved\",\n      });\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 editTracker = useEditTracker();\n\n  const handleDataEdited = useCallback(\n    async (editState: DataCellEditEvent): Promise<RpcResult | undefined> => {\n      const {\n        editType = \"commit\",\n        isValid = true,\n        dataRow,\n        columnName,\n        previousValue = \"\",\n        value,\n      } = editState;\n      if (editType === \"commit\" && isValid) {\n        if (editTracker && dataRow && columnName) {\n          return editTracker.commit(dataRow.key, columnName);\n        } else if (dataSource.rpcRequest) {\n          if (columnName && dataRow) {\n            const response = await dataSource.rpcRequest({\n              params: {\n                column: columnName,\n                key: dataRow.key,\n                data: value,\n              },\n              rpcName: \"editCell\",\n              type: \"RPC_REQUEST\",\n            });\n            onDataEditedProp?.({\n              ...editState,\n              isValid: response?.type === \"SUCCESS_RESULT\",\n            });\n            return response;\n          }\n        } else {\n          throw Error(\n            `[useTable] handleDataEdited, no editTracker installed and datasource does not support RPC`,\n          );\n        }\n      } else {\n        if (editTracker && dataRow && columnName) {\n          editTracker.edit(dataRow.key, columnName, previousValue, value);\n        } else {\n          onDataEditedProp?.(editState);\n        }\n      }\n    },\n    [dataSource, editTracker, 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 = dataRowsRef.current.find((row) => row.index === rowIndex);\n      if (row) {\n        dragDropState.setPayload(row);\n      } else {\n        // should we abort the operation ?\n      }\n      onDragStart?.(dragDropState);\n    },\n    [dataRowsRef, 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    allRowsSelected,\n    \"aria-rowcount\": dataSource.size,\n    cellBlock,\n    columns,\n    dataRows,\n    draggableRow,\n    focusCellPlaceholderKeyDown,\n    focusCellPlaceholderRef,\n    getRowOffset,\n    handleColumnAction,\n    headerState,\n    headings,\n    highlightedIndex: highlightedIndexRef.current,\n    onBlur: editingBlur,\n    onCheckBoxColumnHeaderClick,\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","useRef","useMemo","CellFocusState","useState","useCallback","size","useRowClassNameGenerators","useDragDrop","tableConfig","useTableModel","useStableReference","useLayoutEffectSkipFirst","config","useTableViewport","useDataSource","useTableScroll","useEffect","columns","updateColumn","logUnhandledMessage","useColumnActions","toggleOrApplySort","column","isValidNumber","updateTableConfig","getAllCellsInColumn","getPinStateFromElement","isJsonGroup","useCellFocus","useKeyboardNavigation","useCellEditing","useTableContextMenu","isGroupColumn","useSelection","cellBlock","useCellBlockSelection","getHeaderCell","useEditTracker","getAriaRowIndex","row"],"mappings":"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"}
+{"version":3,"file":"useTable.js","sources":["../../../packages/vuu-table/src/useTable.ts"],"sourcesContent":["import type {\n  DataSourceConfigChangeHandler,\n  DataSourceSubscribedMessage,\n} from \"@vuu-ui/vuu-data-types\";\nimport type { RpcResult, VuuSortType } from \"@vuu-ui/vuu-protocol-types\";\nimport {\n  ColumnDisplayActionHandler,\n  useColumnActions,\n} from \"@vuu-ui/vuu-table-extras\";\nimport type {\n  ColumnPinAction,\n  ColumnDescriptor,\n  ColumnMoveHandler,\n  DataCellEditEvent,\n  RuntimeColumnDescriptor,\n  SelectionChangeHandler,\n  TableColumnResizeHandler,\n  TableConfig,\n  TableConfigChangeType,\n  TableRowClickHandlerInternal,\n  TableRowSelectHandlerInternal,\n  TableSelectionModel,\n  DataRow,\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  getAllCellsInColumn,\n  getAriaRowIndex,\n  getPinStateFromElement,\n  isGroupColumn,\n  isJsonGroup,\n  isValidNumber,\n  logUnhandledMessage,\n  metadataKeys,\n  PinState,\n  toggleOrApplySort,\n  updateColumn,\n  useEditTracker,\n  useLayoutEffectSkipFirst,\n  useStableReference,\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 { getHeaderCell } from \"./table-dom-utils\";\nimport { useCellEditing } from \"./useCellEditing\";\nimport { FocusCell, useCellFocus } from \"./useCellFocus\";\nimport { useDataSource } from \"./table-data-source/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  ColumnActionRemove,\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\ntype CellResizeState = {\n  cells: HTMLDivElement[];\n  startWidth: number;\n  pinState?: PinState;\n};\n\nconst nullHeaderState = {\n  height: -1,\n  count: -1,\n};\nconst zeroHeaderState = {\n  height: 0,\n  count: 0,\n};\n\nexport interface TableHookProps\n  extends MeasuredProps,\n    Pick<\n      TableProps,\n      | \"allowCellBlockSelection\"\n      | \"allowDragDrop\"\n      | \"allowSelectCheckboxRow\"\n      | \"autoSelectFirstRow\"\n      | \"autoSelectRowKey\"\n      | \"config\"\n      | \"dataSource\"\n      | \"disableFocus\"\n      | \"highlightedIndex\"\n      | \"id\"\n      | \"navigationStyle\"\n      | \"onConfigChange\"\n      | \"onDataEdited\"\n      | \"onDragStart\"\n      | \"onDrop\"\n      | \"onHighlight\"\n      | \"onSelect\"\n      | \"onSelectCellBlock\"\n      | \"onSelectionChange\"\n      | \"onRowClick\"\n      | \"renderBufferSize\"\n      | \"revealSelected\"\n      | \"scrollingApiRef\"\n      | \"showColumnHeaders\"\n      | \"showPaginationControls\"\n    > {\n  // colHeaderRowHeight: number;\n  containerRef: RefObject<HTMLDivElement | null>;\n  rowHeight: number;\n  selectionModel: TableSelectionModel;\n  size: MeasuredSize;\n}\n\nconst { IS_EXPANDED, IS_LEAF } = metadataKeys;\n\nconst NULL_DRAG_DROP = {\n  draggable: undefined,\n  onMouseDown: undefined,\n};\nconst useNullDragDrop = () => NULL_DRAG_DROP;\n\nexport const useTable = ({\n  allowCellBlockSelection,\n  allowSelectCheckboxRow,\n  allowDragDrop = false,\n  autoSelectFirstRow,\n  autoSelectRowKey,\n  // colHeaderRowHeight,\n  config,\n  containerRef,\n  dataSource,\n  disableFocus,\n  highlightedIndex: highlightedIndexProp,\n  id,\n  navigationStyle = \"cell\",\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,\n  scrollingApiRef,\n  selectionModel,\n  showColumnHeaders,\n  showPaginationControls,\n  size,\n}: TableHookProps) => {\n  const tableConfigRef = useRef<TableConfig>(config);\n  // We need scrollTop from the scrolling hook, just to detect when we need to scroll after a config change\n  const scrollTopRef = useRef(0);\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\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 { selectionBookendWidth = 4 } = config;\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  const columnsRef = useStableReference(columns);\n\n  // this is really 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      selectionModel,\n      type: \"init\",\n      tableConfig: tableConfigRef.current,\n      dataSource,\n    });\n  }, [\n    availableWidth,\n    config,\n    dataSource,\n    dispatchTableModelAction,\n    selectionModel,\n  ]);\n\n  const applyTableConfigChange = useCallback(\n    (config: TableConfig, changeType: TableConfigChangeType) => {\n      dispatchTableModelAction({\n        availableWidth,\n        selectionModel,\n        type: \"init\",\n        tableConfig: config,\n        dataSource,\n      });\n      tableConfigRef.current = config;\n      onConfigChange?.(config, changeType);\n    },\n    [\n      availableWidth,\n      dataSource,\n      dispatchTableModelAction,\n      onConfigChange,\n      selectionModel,\n    ],\n  );\n\n  const handleSelectionChange: SelectionChangeHandler =\n    useCallback<SelectionChangeHandler>(\n      (selectRequest) => {\n        dataSource.select?.(selectRequest);\n        onSelectionChange?.(selectRequest);\n      },\n      [dataSource, onSelectionChange],\n    );\n\n  const handleSelect = useCallback<TableRowSelectHandlerInternal>(\n    (dataRow) => {\n      if (onSelect) {\n        onSelect(dataRow);\n      }\n    },\n    [onSelect],\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 {\n    dataRows,\n    dataRowsRef,\n    getSelectedRows,\n    range,\n    // removeColumnDataFromCache,\n    setRange,\n  } = useDataSource({\n    autoSelectFirstRow,\n    autoSelectRowKey,\n    dataSource,\n    renderBufferSize,\n    revealSelected,\n    onSelect: handleSelect,\n    onSizeChange: onDataRowcountChange,\n    onSubscribed,\n    selectionModel,\n  });\n\n  const { requestScroll, scrollTop, ...scrollProps } = useTableScroll({\n    cellFocusStateRef,\n    columns,\n    getRowAtPosition,\n    rowHeight,\n    scrollingApiRef,\n    setRange,\n    showPaginationControls,\n    onVerticalScroll: viewportHookSetScrollTop,\n    onVerticalScrollInSitu: viewportHookSetInSituRowOffset,\n    viewportMeasurements,\n  });\n  // to avoid invalidating the dependencies of consumers of scrollTp every time we scroll\n  scrollTopRef.current = scrollTop;\n  // avoids a hook dependency on requestScroll, important to avoid re-registering config handler\n  requestScrollRef.current = requestScroll;\n\n  const handleConfigChange = useCallback<DataSourceConfigChangeHandler>(\n    (config, _range, confirmed, changes) => {\n      const scrollSensitiveChanges =\n        changes?.filterChanged || changes?.groupByChanged;\n      if (scrollSensitiveChanges && scrollTopRef.current > 0) {\n        // don't wait for the scroll event to fire and trigger a range change,\n        //we might miss data in the meantime\n        setRange(range.reset);\n        requestScrollRef.current?.({\n          type: \"scroll-top\",\n          scrollPos: 0,\n          instant: true,\n        });\n      }\n      dispatchTableModelAction({\n        type: \"tableConfig\",\n        ...config,\n        confirmed,\n      });\n    },\n    [dispatchTableModelAction, range, setRange],\n  );\n\n  useEffect(() => {\n    dataSource.on(\"config\", handleConfigChange);\n    return () => {\n      dataSource.removeListener(\"config\", handleConfigChange);\n    };\n  }, [dataSource, dispatchTableModelAction, handleConfigChange]);\n\n  //TODO careful with autoSubscribeColumns\n  const removeColumn = useCallback(\n    (action: ColumnActionRemove) => {\n      const { column } = action;\n      const newTableConfig = {\n        ...tableConfig,\n        columns: tableConfig.columns.filter((col) => col.name !== column.name),\n      };\n      // this will not trigger a render, simply splice the removed column from cached row arrays\n      // removeColumnDataFromCache(column.name);\n      // this will trigger a render and will render with the correct data, even before\n      // we receive refresh from server\n      applyTableConfigChange(newTableConfig, {\n        type: \"column-removed\",\n        column,\n      });\n    },\n    [applyTableConfigChange, tableConfig],\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        type: \"columns-hidden\",\n        columns,\n      });\n    },\n    [tableConfig, applyTableConfigChange],\n  );\n\n  const pinColumn = useCallback(\n    ({ column, pin }: ColumnPinAction) => {\n      applyTableConfigChange(\n        {\n          ...tableConfig,\n          columns: updateColumn(tableConfig.columns, {\n            ...column,\n            pin,\n          }),\n        },\n        {\n          type: \"column-pinned\",\n          column,\n        },\n      );\n    },\n    [tableConfig, applyTableConfigChange],\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 \"removeColumn\":\n          return removeColumn({\n            type: \"removeColumn\",\n            column: action.column,\n          });\n        case \"pinColumn\":\n          return pinColumn(action);\n        default:\n          logUnhandledMessage(type, \"[vuu-table] handleColumnDisplayAction\");\n      }\n      // }\n    },\n    [hideColumns, pinColumn, removeColumn],\n  );\n\n  const handleColumnAction = useColumnActions({\n    dataSource,\n    onColumnDisplayAction: handleColumnDisplayAction,\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 cellResizeState = useRef<CellResizeState | undefined>(undefined);\n\n  const onResizeColumn: TableColumnResizeHandler = useCallback(\n    (phase, columnName, width = 0) => {\n      if (phase === \"resize\") {\n        cellResizeState.current?.cells.forEach((cell) => {\n          cell.style.width = `${width}px`;\n        });\n        if (cellResizeState.current?.pinState) {\n          const { pinState, startWidth } = cellResizeState.current;\n          const { cell: pinnedCell, pinnedWidth } = pinState;\n          const diff = width - startWidth;\n\n          if (pinState.pinnedCells) {\n            pinState.pinnedCells.forEach((cell) => {\n              cell.style.left = `${parseInt(cell.style.left) + diff}px`;\n            });\n          }\n\n          pinnedCell.style.setProperty(\n            \"--pin-width\",\n            `${pinnedWidth + diff}px`,\n          );\n        }\n      } else {\n        const column = columnsRef.current.find(\n          (column) => column.name === columnName,\n        );\n\n        if (column) {\n          if (phase === \"end\") {\n            cellResizeState.current = undefined;\n            if (isValidNumber(width)) {\n              dispatchTableModelAction({\n                type: \"resizeColumn\",\n                phase,\n                column,\n                width,\n              });\n              onConfigChange?.(\n                updateTableConfig(tableConfig, {\n                  type: \"col-size\",\n                  column,\n                  columns,\n                  width,\n                }),\n                {\n                  type: \"column-resized\",\n                  column,\n                  width,\n                },\n              );\n            }\n          } else if (phase === \"begin\") {\n            // Store a list of the cells that will be affected by resize operation, so we do not\n            // incur this cost on every resize.\n            cellResizeState.current = {\n              cells: getAllCellsInColumn(\n                containerRef.current,\n                column.ariaColIndex,\n              ),\n              startWidth: column.width,\n            };\n\n            const [headerCell] = cellResizeState.current.cells;\n            cellResizeState.current.pinState =\n              getPinStateFromElement(headerCell);\n\n            dispatchTableModelAction({\n              type: \"resizeColumn\",\n              phase,\n              column,\n              width,\n            });\n            onConfigChange?.(\n              updateTableConfig(tableConfig, {\n                type: \"col-size\",\n                column,\n                columns,\n                width,\n              }),\n              {\n                type: \"column-resized\",\n                column,\n                width,\n              },\n            );\n          }\n        } else {\n          throw Error(\n            `useDataTable.handleColumnResize, column ${columnName} not found`,\n          );\n        }\n      }\n    },\n    [\n      columnsRef,\n      dispatchTableModelAction,\n      onConfigChange,\n      tableConfig,\n      columns,\n      containerRef,\n    ],\n  );\n\n  const onToggleGroup = useCallback(\n    (dataRow: DataRow, column: RuntimeColumnDescriptor) => {\n      const isJson = isJsonGroup(column, dataRow);\n      const { key } = dataRow;\n\n      if (dataRow.isExpanded) {\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    [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    focusCell,\n    navigate,\n  });\n\n  const handleFocus = useCallback(\n    (e: FocusEvent<HTMLElement>) => {\n      // console.log(`[useTable] handleFocus`);\n      navigationFocus();\n      // navigationFocus does not call preventDefault\n      if (!e.defaultPrevented) {\n        editingFocus(e);\n      }\n    },\n    [editingFocus, navigationFocus],\n  );\n\n  const onContextMenu = useTableContextMenu({\n    columns,\n    dataRows,\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 {\n    allRowsSelected,\n    onCheckBoxColumnHeaderClick,\n    onKeyDown: selectionHookKeyDown,\n    onRowClick: selectionHookOnRowClick,\n  } = useSelection({\n    allowSelectCheckboxRow,\n    containerRef,\n    dataSource,\n    highlightedIndexRef,\n    onSelect: handleSelect,\n    onSelectionChange: handleSelectionChange,\n    selectionModel,\n  });\n\n  const handleSelectCellBlock = useCallback(\n    (cellBlock: TableCellBlock) => {\n      handleSelectionChange({\n        type: \"DESELECT_ALL\",\n      });\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, dataRow, rangeSelect, keepExistingSelection) => {\n      selectionHookOnRowClick(evt, dataRow, rangeSelect, keepExistingSelection);\n      onRowClickProp?.(evt, dataRow);\n    },\n    [onRowClickProp, selectionHookOnRowClick],\n  );\n\n  const handleKeyDown = useCallback(\n    (e: KeyboardEvent<HTMLElement>) => {\n      // console.log(`[useTable] handleKeyDown, delegates to ...`);\n\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?.(newTableConfig, {\n        columnName,\n        columns,\n        type: \"column-moved\",\n      });\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 editTracker = useEditTracker();\n\n  const handleDataEdited = useCallback(\n    async (editState: DataCellEditEvent): Promise<RpcResult | undefined> => {\n      const {\n        editType = \"commit\",\n        isValid = true,\n        dataRow,\n        columnName,\n        previousValue = \"\",\n        value,\n      } = editState;\n      if (editType === \"commit\" && isValid) {\n        if (editTracker && dataRow && columnName) {\n          return editTracker.commit(dataRow.key, columnName);\n        } else if (dataSource.rpcRequest) {\n          if (columnName && dataRow) {\n            const response = await dataSource.rpcRequest({\n              params: {\n                column: columnName,\n                key: dataRow.key,\n                data: value,\n              },\n              rpcName: \"editCell\",\n              type: \"RPC_REQUEST\",\n            });\n            onDataEditedProp?.({\n              ...editState,\n              isValid: response?.type === \"SUCCESS_RESULT\",\n            });\n            return response;\n          }\n        } else {\n          throw Error(\n            `[useTable] handleDataEdited, no editTracker installed and datasource does not support RPC`,\n          );\n        }\n      } else {\n        if (editTracker && dataRow && columnName) {\n          editTracker.edit(dataRow.key, columnName, previousValue, value);\n        } else {\n          onDataEditedProp?.(editState);\n        }\n      }\n    },\n    [dataSource, editTracker, 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 = dataRowsRef.current.find((row) => row.index === rowIndex);\n      if (row) {\n        dragDropState.setPayload(row);\n      } else {\n        // should we abort the operation ?\n      }\n      onDragStart?.(dragDropState);\n    },\n    [dataRowsRef, 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    allRowsSelected,\n    \"aria-rowcount\": dataSource.size,\n    cellBlock,\n    columns,\n    dataRows,\n    draggableRow,\n    editSessionInProgress: editTracker?.inEditMode,\n    focusCellPlaceholderKeyDown,\n    focusCellPlaceholderRef,\n    getRowOffset,\n    handleColumnAction,\n    headerState,\n    headings,\n    highlightedIndex: highlightedIndexRef.current,\n    onBlur: editingBlur,\n    onCheckBoxColumnHeaderClick,\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","useRef","useMemo","CellFocusState","useState","useCallback","size","useRowClassNameGenerators","useDragDrop","tableConfig","useTableModel","useStableReference","useLayoutEffectSkipFirst","config","useTableViewport","useDataSource","useTableScroll","useEffect","columns","updateColumn","logUnhandledMessage","useColumnActions","toggleOrApplySort","column","isValidNumber","updateTableConfig","getAllCellsInColumn","getPinStateFromElement","isJsonGroup","useCellFocus","useKeyboardNavigation","useCellEditing","useTableContextMenu","isGroupColumn","useSelection","cellBlock","useCellBlockSelection","getHeaderCell","useEditTracker","getAriaRowIndex","row"],"mappings":";;;;;;;;;;;;;;;;;;;;;AA4FA,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;AAuCA,MAAM,EAAE,WAAa,EAAA,OAAA,EAAY,GAAAA,qBAAA;AAEjC,MAAM,cAAiB,GAAA;AAAA,EACrB,SAAW,EAAA,KAAA,CAAA;AAAA,EACX,WAAa,EAAA,KAAA;AACf,CAAA;AACA,MAAM,kBAAkB,MAAM,cAAA;AAEvB,MAAM,WAAW,CAAC;AAAA,EACvB,uBAAA;AAAA,EACA,sBAAA;AAAA,EACA,aAAgB,GAAA,KAAA;AAAA,EAChB,kBAAA;AAAA,EACA,gBAAA;AAAA;AAAA,EAEA,MAAA;AAAA,EACA,YAAA;AAAA,EACA,UAAA;AAAA,EACA,YAAA;AAAA,EACA,gBAAkB,EAAA,oBAAA;AAAA,EAClB,EAAA;AAAA,EACA,eAAkB,GAAA,MAAA;AAAA,EAClB,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,SAAA;AAAA,EACA,eAAA;AAAA,EACA,cAAA;AAAA,EACA,iBAAA;AAAA,EACA,sBAAA;AAAA,EACA;AACF,CAAsB,KAAA;AACpB,EAAM,MAAA,cAAA,GAAiBC,aAAoB,MAAM,CAAA;AAEjD,EAAM,MAAA,YAAA,GAAeA,aAAO,CAAC,CAAA;AAE7B,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;AAEA,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,EAAM,MAAA,EAAE,qBAAwB,GAAA,CAAA,EAAM,GAAA,MAAA;AACtC,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;AAExE,EAAM,MAAA,UAAA,GAAaC,4BAAmB,OAAO,CAAA;AAM7C,EAAAC,iCAAA,CAAyB,MAAM;AAC7B,IAAyB,wBAAA,CAAA;AAAA,MACvB,cAAA;AAAA,MACA,cAAA;AAAA,MACA,IAAM,EAAA,MAAA;AAAA,MACN,aAAa,cAAe,CAAA,OAAA;AAAA,MAC5B;AAAA,KACD,CAAA;AAAA,GACA,EAAA;AAAA,IACD,cAAA;AAAA,IACA,MAAA;AAAA,IACA,UAAA;AAAA,IACA,wBAAA;AAAA,IACA;AAAA,GACD,CAAA;AAED,EAAA,MAAM,sBAAyB,GAAAP,iBAAA;AAAA,IAC7B,CAACQ,SAAqB,UAAsC,KAAA;AAC1D,MAAyB,wBAAA,CAAA;AAAA,QACvB,cAAA;AAAA,QACA,cAAA;AAAA,QACA,IAAM,EAAA,MAAA;AAAA,QACN,WAAaA,EAAAA,OAAAA;AAAA,QACb;AAAA,OACD,CAAA;AACD,MAAA,cAAA,CAAe,OAAUA,GAAAA,OAAAA;AACzB,MAAA,cAAA,GAAiBA,SAAQ,UAAU,CAAA;AAAA,KACrC;AAAA,IACA;AAAA,MACE,cAAA;AAAA,MACA,UAAA;AAAA,MACA,wBAAA;AAAA,MACA,cAAA;AAAA,MACA;AAAA;AACF,GACF;AAEA,EAAA,MAAM,qBACJ,GAAAR,iBAAA;AAAA,IACE,CAAC,aAAkB,KAAA;AACjB,MAAA,UAAA,CAAW,SAAS,aAAa,CAAA;AACjC,MAAA,iBAAA,GAAoB,aAAa,CAAA;AAAA,KACnC;AAAA,IACA,CAAC,YAAY,iBAAiB;AAAA,GAChC;AAEF,EAAA,MAAM,YAAe,GAAAA,iBAAA;AAAA,IACnB,CAAC,OAAY,KAAA;AACX,MAAA,IAAI,QAAU,EAAA;AACZ,QAAA,QAAA,CAAS,OAAO,CAAA;AAAA;AAClB,KACF;AAAA,IACA,CAAC,QAAQ;AAAA,GACX;AAEA,EAAA,MAAM,YAAe,GAAAA,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,EAAM,MAAA;AAAA,IACJ,QAAA;AAAA,IACA,WAAA;AAAA,IACA,eAAA;AAAA,IACA,KAAA;AAAA;AAAA,IAEA;AAAA,MACEC,2BAAc,CAAA;AAAA,IAChB,kBAAA;AAAA,IACA,gBAAA;AAAA,IACA,UAAA;AAAA,IACA,gBAAA;AAAA,IACA,cAAA;AAAA,IACA,QAAU,EAAA,YAAA;AAAA,IACV,YAAc,EAAA,oBAAA;AAAA,IACd,YAAA;AAAA,IACA;AAAA,GACD,CAAA;AAED,EAAA,MAAM,EAAE,aAAe,EAAA,SAAA,EAAW,GAAG,WAAA,KAAgBC,6BAAe,CAAA;AAAA,IAClE,iBAAA;AAAA,IACA,OAAA;AAAA,IACA,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,YAAA,CAAa,OAAU,GAAA,SAAA;AAEvB,EAAA,gBAAA,CAAiB,OAAU,GAAA,aAAA;AAE3B,EAAA,MAAM,kBAAqB,GAAAX,iBAAA;AAAA,IACzB,CAACQ,OAAAA,EAAQ,MAAQ,EAAA,SAAA,EAAW,OAAY,KAAA;AACtC,MAAM,MAAA,sBAAA,GACJ,OAAS,EAAA,aAAA,IAAiB,OAAS,EAAA,cAAA;AACrC,MAAI,IAAA,sBAAA,IAA0B,YAAa,CAAA,OAAA,GAAU,CAAG,EAAA;AAGtD,QAAA,QAAA,CAAS,MAAM,KAAK,CAAA;AACpB,QAAA,gBAAA,CAAiB,OAAU,GAAA;AAAA,UACzB,IAAM,EAAA,YAAA;AAAA,UACN,SAAW,EAAA,CAAA;AAAA,UACX,OAAS,EAAA;AAAA,SACV,CAAA;AAAA;AAEH,MAAyB,wBAAA,CAAA;AAAA,QACvB,IAAM,EAAA,aAAA;AAAA,QACN,GAAGA,OAAAA;AAAA,QACH;AAAA,OACD,CAAA;AAAA,KACH;AAAA,IACA,CAAC,wBAA0B,EAAA,KAAA,EAAO,QAAQ;AAAA,GAC5C;AAEA,EAAAI,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;AAG7D,EAAA,MAAM,YAAe,GAAAZ,iBAAA;AAAA,IACnB,CAAC,MAA+B,KAAA;AAC9B,MAAM,MAAA,EAAE,QAAW,GAAA,MAAA;AACnB,MAAA,MAAM,cAAiB,GAAA;AAAA,QACrB,GAAGI,aAAA;AAAA,QACH,OAAA,EAASA,cAAY,OAAQ,CAAA,MAAA,CAAO,CAAC,GAAQ,KAAA,GAAA,CAAI,IAAS,KAAA,MAAA,CAAO,IAAI;AAAA,OACvE;AAKA,MAAA,sBAAA,CAAuB,cAAgB,EAAA;AAAA,QACrC,IAAM,EAAA,gBAAA;AAAA,QACN;AAAA,OACD,CAAA;AAAA,KACH;AAAA,IACA,CAAC,wBAAwBA,aAAW;AAAA,GACtC;AAEA,EAAA,MAAM,WAAc,GAAAJ,iBAAA;AAAA,IAClB,CAAC,MAA6B,KAAA;AAC5B,MAAM,MAAA,EAAE,OAAAa,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,GAAGT,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,cAAgB,EAAA;AAAA,QACrC,IAAM,EAAA,gBAAA;AAAA,QACN,OAAAS,EAAAA;AAAA,OACD,CAAA;AAAA,KACH;AAAA,IACA,CAACT,eAAa,sBAAsB;AAAA,GACtC;AAEA,EAAA,MAAM,SAAY,GAAAJ,iBAAA;AAAA,IAChB,CAAC,EAAE,MAAQ,EAAA,GAAA,EAA2B,KAAA;AACpC,MAAA,sBAAA;AAAA,QACE;AAAA,UACE,GAAGI,aAAA;AAAA,UACH,OAAA,EAASU,qBAAa,CAAAV,aAAA,CAAY,OAAS,EAAA;AAAA,YACzC,GAAG,MAAA;AAAA,YACH;AAAA,WACD;AAAA,SACH;AAAA,QACA;AAAA,UACE,IAAM,EAAA,eAAA;AAAA,UACN;AAAA;AACF,OACF;AAAA,KACF;AAAA,IACA,CAACA,eAAa,sBAAsB;AAAA,GACtC;AAEA,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,cAAA;AACH,UAAA,OAAO,YAAa,CAAA;AAAA,YAClB,IAAM,EAAA,cAAA;AAAA,YACN,QAAQ,MAAO,CAAA;AAAA,WAChB,CAAA;AAAA,QACH,KAAK,WAAA;AACH,UAAA,OAAO,UAAU,MAAM,CAAA;AAAA,QACzB;AACE,UAAAe,4BAAA,CAAoB,MAAM,uCAAuC,CAAA;AAAA;AACrE,KAEF;AAAA,IACA,CAAC,WAAa,EAAA,SAAA,EAAW,YAAY;AAAA,GACvC;AAEA,EAAA,MAAM,qBAAqBC,+BAAiB,CAAA;AAAA,IAC1C,UAAA;AAAA,IACA,qBAAuB,EAAA;AAAA,GACxB,CAAA;AAED,EAAA,MAAM,UAAa,GAAAhB,iBAAA;AAAA,IACjB,CAAC,MAAA,EAA0B,UAAa,GAAA,KAAA,EAAO,QAA2B,KAAA;AACxE,MAAA,IAAI,UAAY,EAAA;AACd,QAAA,UAAA,CAAW,IAAO,GAAAiB,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,eAAA,GAAkBrB,aAAoC,KAAS,CAAA,CAAA;AAErE,EAAA,MAAM,cAA2C,GAAAI,iBAAA;AAAA,IAC/C,CAAC,KAAA,EAAO,UAAY,EAAA,KAAA,GAAQ,CAAM,KAAA;AAChC,MAAA,IAAI,UAAU,QAAU,EAAA;AACtB,QAAA,eAAA,CAAgB,OAAS,EAAA,KAAA,CAAM,OAAQ,CAAA,CAAC,IAAS,KAAA;AAC/C,UAAK,IAAA,CAAA,KAAA,CAAM,KAAQ,GAAA,CAAA,EAAG,KAAK,CAAA,EAAA,CAAA;AAAA,SAC5B,CAAA;AACD,QAAI,IAAA,eAAA,CAAgB,SAAS,QAAU,EAAA;AACrC,UAAA,MAAM,EAAE,QAAA,EAAU,UAAW,EAAA,GAAI,eAAgB,CAAA,OAAA;AACjD,UAAA,MAAM,EAAE,IAAA,EAAM,UAAY,EAAA,WAAA,EAAgB,GAAA,QAAA;AAC1C,UAAA,MAAM,OAAO,KAAQ,GAAA,UAAA;AAErB,UAAA,IAAI,SAAS,WAAa,EAAA;AACxB,YAAS,QAAA,CAAA,WAAA,CAAY,OAAQ,CAAA,CAAC,IAAS,KAAA;AACrC,cAAK,IAAA,CAAA,KAAA,CAAM,OAAO,CAAG,EAAA,QAAA,CAAS,KAAK,KAAM,CAAA,IAAI,IAAI,IAAI,CAAA,EAAA,CAAA;AAAA,aACtD,CAAA;AAAA;AAGH,UAAA,UAAA,CAAW,KAAM,CAAA,WAAA;AAAA,YACf,aAAA;AAAA,YACA,CAAA,EAAG,cAAc,IAAI,CAAA,EAAA;AAAA,WACvB;AAAA;AACF,OACK,MAAA;AACL,QAAM,MAAA,MAAA,GAAS,WAAW,OAAQ,CAAA,IAAA;AAAA,UAChC,CAACkB,OAAWA,KAAAA,OAAAA,CAAO,IAAS,KAAA;AAAA,SAC9B;AAEA,QAAA,IAAI,MAAQ,EAAA;AACV,UAAA,IAAI,UAAU,KAAO,EAAA;AACnB,YAAA,eAAA,CAAgB,OAAU,GAAA,KAAA,CAAA;AAC1B,YAAI,IAAAC,sBAAA,CAAc,KAAK,CAAG,EAAA;AACxB,cAAyB,wBAAA,CAAA;AAAA,gBACvB,IAAM,EAAA,cAAA;AAAA,gBACN,KAAA;AAAA,gBACA,MAAA;AAAA,gBACA;AAAA,eACD,CAAA;AACD,cAAA,cAAA;AAAA,gBACEC,8BAAkBhB,aAAa,EAAA;AAAA,kBAC7B,IAAM,EAAA,UAAA;AAAA,kBACN,MAAA;AAAA,kBACA,OAAA;AAAA,kBACA;AAAA,iBACD,CAAA;AAAA,gBACD;AAAA,kBACE,IAAM,EAAA,gBAAA;AAAA,kBACN,MAAA;AAAA,kBACA;AAAA;AACF,eACF;AAAA;AACF,WACF,MAAA,IAAW,UAAU,OAAS,EAAA;AAG5B,YAAA,eAAA,CAAgB,OAAU,GAAA;AAAA,cACxB,KAAO,EAAAiB,4BAAA;AAAA,gBACL,YAAa,CAAA,OAAA;AAAA,gBACb,MAAO,CAAA;AAAA,eACT;AAAA,cACA,YAAY,MAAO,CAAA;AAAA,aACrB;AAEA,YAAA,MAAM,CAAC,UAAU,CAAI,GAAA,eAAA,CAAgB,OAAQ,CAAA,KAAA;AAC7C,YAAgB,eAAA,CAAA,OAAA,CAAQ,QACtB,GAAAC,+BAAA,CAAuB,UAAU,CAAA;AAEnC,YAAyB,wBAAA,CAAA;AAAA,cACvB,IAAM,EAAA,cAAA;AAAA,cACN,KAAA;AAAA,cACA,MAAA;AAAA,cACA;AAAA,aACD,CAAA;AACD,YAAA,cAAA;AAAA,cACEF,8BAAkBhB,aAAa,EAAA;AAAA,gBAC7B,IAAM,EAAA,UAAA;AAAA,gBACN,MAAA;AAAA,gBACA,OAAA;AAAA,gBACA;AAAA,eACD,CAAA;AAAA,cACD;AAAA,gBACE,IAAM,EAAA,gBAAA;AAAA,gBACN,MAAA;AAAA,gBACA;AAAA;AACF,aACF;AAAA;AACF,SACK,MAAA;AACL,UAAM,MAAA,KAAA;AAAA,YACJ,2CAA2C,UAAU,CAAA,UAAA;AAAA,WACvD;AAAA;AACF;AACF,KACF;AAAA,IACA;AAAA,MACE,UAAA;AAAA,MACA,wBAAA;AAAA,MACA,cAAA;AAAA,MACAA,aAAA;AAAA,MACA,OAAA;AAAA,MACA;AAAA;AACF,GACF;AAEA,EAAA,MAAM,aAAgB,GAAAJ,iBAAA;AAAA,IACpB,CAAC,SAAkB,MAAoC,KAAA;AACrD,MAAM,MAAA,MAAA,GAASuB,oBAAY,CAAA,MAAA,EAAQ,OAAO,CAAA;AAC1C,MAAM,MAAA,EAAE,KAAQ,GAAA,OAAA;AAEhB,MAAA,IAAI,QAAQ,UAAY,EAAA;AACtB,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,CAAC,GAAA,KAAQ,GAAI,CAAA,WAAW,CAAK,IAAA,GAAA,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,CAAC,QAAQ,GAAI,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,OAAS,EAAA,UAAA,EAAY,wBAAwB;AAAA,GAChD;AAGA,EAAA,MAAM,iBAAoB,GAAAvB,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,MACfwB,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,SAAA;AAAA,IACA;AAAA,GACD,CAAA;AAED,EAAA,MAAM,WAAc,GAAA1B,iBAAA;AAAA,IAClB,CAAC,CAA+B,KAAA;AAE9B,MAAgB,eAAA,EAAA;AAEhB,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,gBAAgB2B,uCAAoB,CAAA;AAAA,IACxC,OAAA;AAAA,IACA,QAAA;AAAA,IACA,UAAA;AAAA,IACA,eAAA;AAAA,IACA,aAAa,WAAY,CAAA;AAAA,GAC1B,CAAA;AAED,EAAA,MAAM,iBAAoB,GAAA3B,iBAAA;AAAA,IACxB,CAACa,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,GAAAb,iBAAA;AAAA,IAC1B,CAAC,MAAoC,KAAA;AACnC,MAAI,IAAA4B,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,EAAM,MAAA;AAAA,IACJ,eAAA;AAAA,IACA,2BAAA;AAAA,IACA,SAAW,EAAA,oBAAA;AAAA,IACX,UAAY,EAAA;AAAA,MACVC,yBAAa,CAAA;AAAA,IACf,sBAAA;AAAA,IACA,YAAA;AAAA,IACA,UAAA;AAAA,IACA,mBAAA;AAAA,IACA,QAAU,EAAA,YAAA;AAAA,IACV,iBAAmB,EAAA,qBAAA;AAAA,IACnB;AAAA,GACD,CAAA;AAED,EAAA,MAAM,qBAAwB,GAAA7B,iBAAA;AAAA,IAC5B,CAAC8B,UAA8B,KAAA;AAC7B,MAAsB,qBAAA,CAAA;AAAA,QACpB,IAAM,EAAA;AAAA,OACP,CAAA;AACD,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,GAAA/B,iBAAA;AAAA,IACrB,CAAC,GAAA,EAAK,OAAS,EAAA,WAAA,EAAa,qBAA0B,KAAA;AACpD,MAAwB,uBAAA,CAAA,GAAA,EAAK,OAAS,EAAA,WAAA,EAAa,qBAAqB,CAAA;AACxE,MAAA,cAAA,GAAiB,KAAK,OAAO,CAAA;AAAA,KAC/B;AAAA,IACA,CAAC,gBAAgB,uBAAuB;AAAA,GAC1C;AAEA,EAAA,MAAM,aAAgB,GAAAA,iBAAA;AAAA,IACpB,CAAC,CAAkC,KAAA;AAGjC,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,YAAYa,QAAY,KAAA;AACvB,MAAA,MAAM,cAAiB,GAAA;AAAA,QACrB,GAAGT,aAAA;AAAA,QACH,OAAAS,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,MAAA,cAAA,GAAiB,cAAgB,EAAA;AAAA,QAC/B,UAAA;AAAA,QACA,OAAAA,EAAAA,QAAAA;AAAA,QACA,IAAM,EAAA;AAAA,OACP,CAAA;AAED,MAAA,UAAA,CAAW,MAAM;AACf,QAAM,MAAA,UAAA,GAAamB,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,MACA5B;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,cAAciC,uBAAe,EAAA;AAEnC,EAAA,MAAM,gBAAmB,GAAAjC,iBAAA;AAAA,IACvB,OAAO,SAAiE,KAAA;AACtE,MAAM,MAAA;AAAA,QACJ,QAAW,GAAA,QAAA;AAAA,QACX,OAAU,GAAA,IAAA;AAAA,QACV,OAAA;AAAA,QACA,UAAA;AAAA,QACA,aAAgB,GAAA,EAAA;AAAA,QAChB;AAAA,OACE,GAAA,SAAA;AACJ,MAAI,IAAA,QAAA,KAAa,YAAY,OAAS,EAAA;AACpC,QAAI,IAAA,WAAA,IAAe,WAAW,UAAY,EAAA;AACxC,UAAA,OAAO,WAAY,CAAA,MAAA,CAAO,OAAQ,CAAA,GAAA,EAAK,UAAU,CAAA;AAAA,SACnD,MAAA,IAAW,WAAW,UAAY,EAAA;AAChC,UAAA,IAAI,cAAc,OAAS,EAAA;AACzB,YAAM,MAAA,QAAA,GAAW,MAAM,UAAA,CAAW,UAAW,CAAA;AAAA,cAC3C,MAAQ,EAAA;AAAA,gBACN,MAAQ,EAAA,UAAA;AAAA,gBACR,KAAK,OAAQ,CAAA,GAAA;AAAA,gBACb,IAAM,EAAA;AAAA,eACR;AAAA,cACA,OAAS,EAAA,UAAA;AAAA,cACT,IAAM,EAAA;AAAA,aACP,CAAA;AACD,YAAmB,gBAAA,GAAA;AAAA,cACjB,GAAG,SAAA;AAAA,cACH,OAAA,EAAS,UAAU,IAAS,KAAA;AAAA,aAC7B,CAAA;AACD,YAAO,OAAA,QAAA;AAAA;AACT,SACK,MAAA;AACL,UAAM,MAAA,KAAA;AAAA,YACJ,CAAA,yFAAA;AAAA,WACF;AAAA;AACF,OACK,MAAA;AACL,QAAI,IAAA,WAAA,IAAe,WAAW,UAAY,EAAA;AACxC,UAAA,WAAA,CAAY,IAAK,CAAA,OAAA,CAAQ,GAAK,EAAA,UAAA,EAAY,eAAe,KAAK,CAAA;AAAA,SACzD,MAAA;AACL,UAAA,gBAAA,GAAmB,SAAS,CAAA;AAAA;AAC9B;AACF,KACF;AAAA,IACA,CAAC,UAAY,EAAA,WAAA,EAAa,gBAAgB;AAAA,GAC5C;AAEA,EAAA,MAAM,kBAAqB,GAAAA,iBAAA;AAAA,IACzB,CAAC,aAAkB,KAAA;AACjB,MAAM,MAAA,EAAE,oBAAuB,GAAA,aAAA;AAC/B,MAAA,MAAM,QACJ,GAAAkC,wBAAA,CAAgB,kBAAkB,CAAA,GAAI,YAAY,KAAQ,GAAA,CAAA;AAC5D,MAAM,MAAA,GAAA,GAAM,YAAY,OAAQ,CAAA,IAAA,CAAK,CAACC,IAAQA,KAAAA,IAAAA,CAAI,UAAU,QAAQ,CAAA;AACpE,MAAA,IAAI,GAAK,EAAA;AACP,QAAA,aAAA,CAAc,WAAW,GAAG,CAAA;AAAA;AAI9B,MAAA,WAAA,GAAc,aAAa,CAAA;AAAA,KAC7B;AAAA,IACA,CAAC,WAAA,EAAa,WAAY,CAAA,KAAA,EAAO,WAAW;AAAA,GAC9C;AAEA,EAAA,MAAM,sBAAyB,GAAAnC,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,eAAA;AAAA,IACA,iBAAiB,UAAW,CAAA,IAAA;AAAA,IAC5B,SAAA;AAAA,IACA,OAAA;AAAA,IACA,QAAA;AAAA,IACA,YAAA;AAAA,IACA,uBAAuB,WAAa,EAAA,UAAA;AAAA,IACpC,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,2BAAA;AAAA,IACA,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/esm/Table.css.js

@@ -1,4 +1,4 @@
-var tableCss = ".vuuTable {\n  --vuu-table-cell-outlineWidth: 1px;\n  --vuu-table-col-header-row-height: var(--salt-size-base, 32px);\n  --vuu-table-col-heading-height: 25px;\n  --vuu-table-footer-height: 0px;\n  --vuu-table-row-background-selected: var(--vuuTableRow-background-selected, var(--salt-selectable-background-selected));\n  --vuu-table-row-borderColor-selected: var(--vuuTableRow-borderColor-selected, var(--salt-selectable-borderColor-selected));\n  --vuu-table-row-bookend-background-selected: var(--vuuTableRow-bookend-background-selected, var(--salt-selectable-background-selected));\n  --vuu-table-row-height: var(--salt-size-base, 32px);\n  --vuu-table-row-selection-borderRadius: var(--vuuTable-row-selection-borderRadius, 5px); \n\n  --table-background: var(--vuuTable-background, var(--salt-container-primary-background));\n  --table-height: var(--measured-px-height);\n  --table-width: var(--measured-px-width);\n\n  --columnResizer-color: transparent;\n  --row-height: var(\n    --row-height-prop,\n    var(--vuu-table-row-height, var(--salt-size-base))\n  );\n  --col-header-row-height: var(\n    --col-header-row-height-prop,\n    var(--vuu-table-col-header-row-height, var(--salt-size-base))\n  );\n\n  --cell-borderColor: transparent;\n  --row-borderColor: var(--row-background);\n  --vuu-table-embedded-control-height: calc(var(--row-height) - 3px);\n\n  background: var(--table-background);\n  font-family: var(\n    --vuuTable-fontFamily,\n    var(--salt-typography-fontFamily, sans-serif)\n  );\n  position: relative;\n  user-select: none;\n\n  &.vuuTable-viewportRowLimit {\n    height: fit-content;\n    /*  With a viewportRowLimit, table is content sized, not container sized. */\n    .vuuTable-contentContainer {\n      height: calc(var(--measured-px-height) + var(--total-header-height));\n    }\n    .vuuTable-scrollbarContainer {\n      height: calc(\n        var(--measured-px-height) + var(--horizontal-scrollbar-height)\n      );\n    }\n    .vuuTable-scrollbarFiller {\n      height: var(--horizontal-scrollbar-height);\n    }\n  }\n\n  &.vuuTable-maxViewportRowLimit {\n    /*  With a maxVviewportRowLimit, table is content sized, not container sized. */\n    height: fit-content;\n    padding-bottom: var(--horizontal-scrollbar-height);\n\n    .vuuTable-contentContainer {\n      height: min(\n        calc(var(--measured-px-height) + var(--total-header-height)),\n        calc(var(--content-height) + var(--total-header-height))\n      );\n    }\n    .vuuTable-scrollbarContainer {\n      height: min(\n        calc(var(--measured-px-height) + var(--horizontal-scrollbar-height)),\n        calc(var(--content-height) + var(--horizontal-scrollbar-height))\n      );\n    }\n\n    .vuuTable-scrollbarFiller {\n      height: var(--horizontal-scrollbar-height);\n    }\n  }\n}\n\n.vuuTable-zebra {\n  --table-zebraColor: var(--vuuTable-zebraColor, var(--salt-container-secondary-background));\n}\n\n.vuuTable-colLines {\n  --cell-borderColor: var(--salt-separable-tertiary-borderColor);\n}\n\n.vuuTable-rowLines {\n  --row-borderColor: var(--salt-separable-tertiary-borderColor);\n}\n\n.vuuTable-scrollbarContainer {\n  border-bottom: none !important;\n  border-top: none !important;\n  height: var(--viewport-body-height);\n  left: 0px;\n  overflow: auto;\n  position: absolute;\n  top: var(--total-header-height);\n  width: var(--table-width);\n}\n\n.vuuTable-scrollbarContainer::-webkit-scrollbar {\n  width: 10px;\n}\n\n.vuuTable-scrollbarContainer::-webkit-scrollbar:horizontal {\n  height: 10px;\n}\n\n.vuuTable-scrollbarContainer::-webkit-scrollbar-track {\n  background-color: transparent;\n}\n.vuuTable-scrollbarContainer::-webkit-scrollbar-thumb {\n  background-clip: padding-box;\n  border-radius: 10px;\n  border: 2px solid rgba(0, 0, 0, 0);\n  background-color: var(--vuu-color-gray-30);\n}\n\n.vuuTable-scrollbarContent {\n  height: calc(var(--content-height) + var(--horizontal-scrollbar-height));\n  position: absolute;\n  width: var(--content-width);\n}\n\n.vuuTable-contentContainer {\n  --table-content-container-width: calc(var(--table-width) - var(--vertical-scrollbar-width));\n  background: var(--table-background);\n  height: calc(\n    100% - var(--horizontal-scrollbar-height) - var(--vuu-table-footer-height)\n  );\n  position: relative;\n  overflow: auto;\n  overscroll-behavior: none;\n  width: var(--table-content-container-width);\n}\n\n.vuuTable-contentContainer::-webkit-scrollbar {\n  display: none;\n}\n\n.vuuTable-table {\n  border: none;\n  border-collapse: separate;\n  border-spacing: 0;\n  left: 0;\n  margin: 0;\n  position: absolute;\n  top: 0;\n  table-layout: fixed;\n  width: var(--content-width);\n}\n\n.vuuTable-body {\n  height: var(--content-height);\n  position: relative;\n}\n\n.vuuTable-focusCellPlaceholder {\n  height: var(--row-height);\n  position: absolute;\n  width: 50px;\n  z-index: -1;\n}\n\n.vuuPinLeft,\n.vuuPinRight {\n  background-color: inherit;\n  position: sticky;\n  z-index: 1;\n}\n\n.vuuPinRight {\n  .vuuColumnResizer {\n    cursor: default;\n    pointer-events: none;\n  }\n}\n\n.vuuTableHeaderCell.vuuPinLeft,\n.vuuTableHeaderCell.vuuPinRight {\n  z-index: 2;\n}\n\n.vuuTableHeader {\n  --row-height: var(--vuu-table-col-header-row-height);\n  background-color: var(\n    --vuuTableHeader-background,\n    var(--table-background)\n  );\n  border-bottom: solid 1px\n    var(\n      --vuuTableHeader-borderColor,\n      var(--salt-separable-tertiary-borderColor)\n    );\n  color: var(--salt-content-secondary-foreground);\n  font-size: var(--VuuTableHeader-fontSize, vasr(--salt-text-label-fontSize));\n  position: sticky;\n  top: 0;\n  white-space: nowrap;\n\n  /* ensure header row sits atop everything else when scrolling down */\n  z-index: 1;\n\n  .vuuDraggable-spacer {\n    border-bottom: solid 1px #ccc;\n    display: var(--vuuDraggable-display, inline-block);\n    height: var(--vuu-table-col-header-row-height);\n  }\n\n  .vuuStickyLeft {\n    z-index: 1;\n  }\n  .vuuStickyRight {\n    z-index: 0;\n  }\n}\n\n.vuuTableHeader:hover {\n  --columnResizer-height: var(--vuu-table-col-header-row-height);\n  --columnResizer-color: var(--salt-separable-tertiary-borderColor);\n}\n\n.vuuTable-heading {\n  height: var(--vuu-table-col-heading-height);\n}\n\n.sizer-cell {\n  border: none !important;\n  height: 0px;\n}\n\n.vuuDraggable-vuuTable {\n  --cell-borderColor: transparent;\n  --vuu-table-col-header-row-height: var(--vuuTableHeaderCell-height, 25px);\n  --vuuTableHeaderCell-background: var(--salt-container-secondary-background);\n}\n.vuuDraggable-vuuTable {\n  --row-height: 25px;\n}\n\n.vuuTable-pagination {\n  --vuu-table-footer-height: 32px;\n  .vuuTableHeader {\n    position: relative;\n  }\n\n  .vuuTable-body {\n    height: calc(var(--content-height) - var(--total-header-height));\n    position: relative;\n  }\n\n  .vuuTableRow {\n    position: relative;\n    top: auto;\n  }\n}\n\n.vuuTable-footer {\n  align-items: center;\n  display: flex;\n  height: var(--vuu-table-footer-height);\n  justify-content: flex-end;\n  position: absolute;\n  left: 0;\n  right: 0;\n  bottom: 0;\n}\n\n.vuuHighlight {\n  color: blue;\n}\n\n.DragColumn {\n  box-shadow: var(--salt-overlayable-shadow-drag);\n}\n\n@keyframes fadeIn {\n  0% {\n    opacity: 0;\n  }\n  90% {\n    opacity: 0;\n  }\n  100% {\n    opacity: 1;\n  }\n}\n\n.vuuTable-emptyDisplay {\n  animation: fadeIn .8s;\n  align-items: center;\n  display: flex;\n  inset:0;\n  justify-content: center;\n  position: absolute\n}\n\n.vuuTable-emptyDisplay ~ .vuuTable-contentContainer {\n  visibility: hidden;\n}\n\n.vuuRowProxy {\n  position: absolute !important;\n  visibility: hidden;\n}\n\n.vuuTableColHeaderRow {\n  height: var(--col-header-row-height);\n}\n\n.vuuTableRow {\n  \n  background: var(--row-background, var(--table-background));\n  border-bottom: 1px solid var(--row-borderColor, var(--table-background));\n  box-sizing: border-box;\n  color: var(--salt-content-primary-foreground);\n  contain: layout;\n  font-size: var(--VuuTableRow-fontSize, vasr(--salt-text-fontSize));\n  height: var(--row-height);\n  line-height: var(--row-height);\n  position: absolute;\n  top: 0;\n  white-space: nowrap;\n  width: 100%;\n}\n\n\n.vuuTableRow-even {\n  --row-background: var(--table-zebraColor);\n}\n\n.vuuTableRow-highlighted {\n  background: var(--salt-selectable-background-hover);\n}\n\n\n.vuuTableRow[aria-selected=\"true\"] {\n  background-color: var(--vuu-table-row-background-selected);\n}\n\n.vuuTableRow[aria-expanded=\"true\"] {\n  --toggle-icon-transform: rotate(90deg);\n}\n\n.vuuDraggable .vuuTableRow {\n  --cell-borderColor: transparent;\n  --vuu-selection-decorator-bg: transparent;\n  transform: none !important;\n  z-index: 1;\n}\n\n\n.vuuSelectionDecorator {\n    background: var(--table-background);\n    display: inline-block;\n    height: var(--row-height);\n    position: relative;\n    width: var(--table-selection-bookend-width,4px);\n    z-index: 2;\n}\n\n.vuuTableRow:not([aria-selected=\"true\"]){\n    .vuuTableRowBookend {\n      display: none;\n    }\n}\n\n.vuuSelectionDecorator.vuuStickyLeft {\n  left: 0;\n  position: sticky;\n}\n\n.vuuSelectionDecorator.vuuStickyRight {\n  right: 0;\n  position: sticky;\n}\n\n    .vuuTableRowBookend {\n      position: absolute;\n      top: -1px;\n      right:0;\n      bottom:0;\n      left:0;\n    }\n\n.vuuTable-rowSelection-bordered {\n\n    .vuuSelectionDecorator  {\n\n        .vuuTableRowBookend {\n            background-color: var(--vuu-table-row-bookend-background-selected);\n            border-color: var(--vuu-table-row-borderColor-selected);\n            border-width: 1px;\n            width: var(--table-selection-bookend-width,4px);\n\n            &:before {\n                content: none !important;\n            }\n        }\n\n        &.vuuStickyLeft {\n            .vuuTableRowBookend {\n                border-left-style: solid;\n            }\n        }\n        &.vuuStickyRight {\n            .vuuTableRowBookend {\n                border-right-style: solid;\n            }\n        }\n    }\n\n    .vuuTableRow[aria-selected=\"true\"]{\n        .vuuSelectionDecorator {\n            background-color: var(--table-background);\n            border: none;\n        }\n\n    }\n\n    /* non-selected row immediately followed by a selected row */\n    .vuuTableRow:not([aria-selected=\"true\"]):has( + .vuuTableRow[aria-selected=\"true\"]) {\n        border-bottom-color: transparent;\n    }\n\n    /* first row in a selection block, including a selection block of one row */\n    .vuuTableRow:not([aria-selected=\"true\"]) + .vuuTableRow[aria-selected=\"true\"],\n    .vuuTableRow[aria-selected=\"true\"][data-first-row=\"true\"]\n    {\n        border-radius: 0;\n\n            &:after {\n              background: var(--vuu-table-row-borderColor-selected);\n              content: \"\";\n              position: absolute;\n              top: 0px;\n              left: 4px;\n              height: 1px;\n              width: calc(var(--content-width) - 8px);\n              z-index: 1;\n            }\n\n            .vuuStickyLeft .vuuTableRowBookend {\n                border-top-left-radius: var(--vuu-table-row-selection-borderRadius);\n                border-top-style: solid;\n                margin-top: 1px;\n            }\n\n            .vuuStickyRight .vuuTableRowBookend {\n                border-top-right-radius: var(--vuu-table-row-selection-borderRadius);\n                border-top-style: solid;\n                margin-top: 1px;\n            }\n\n    }\n\n    /* Last row in a selection block, including a selection block of one row */\n    .vuuTableRow[aria-selected=\"true\"]:has( + .vuuTableRow:not([aria-selected=\"true\"])) {\n        border-bottom-color: var(--vuu-table-row-borderColor-selected);\n\n            .vuuStickyLeft .vuuTableRowBookend {\n                border-bottom-left-radius: var(--vuu-table-row-selection-borderRadius);\n                border-bottom-style: solid;\n            }\n            .vuuStickyRight .vuuTableRowBookend {\n                border-bottom-right-radius: var(--vuu-table-row-selection-borderRadius);\n                border-bottom-style: solid;\n            }\n    }\n\n}";
+var tableCss = ".vuuTable {\n  --vuu-table-cell-outlineWidth: 1px;\n  --vuu-table-col-header-row-height: var(--salt-size-base, 32px);\n  --vuu-table-col-heading-height: 25px;\n  --vuu-table-footer-height: 0px;\n  --vuu-table-row-background-selected: var(--vuuTableRow-background-selected, var(--salt-selectable-background-selected));\n  --vuu-table-row-background-highlighted: var(--vuuTableRow-background-highlighted, var(--salt-selectable-background-hover));\n  --vuu-table-row-borderColor-selected: var(--vuuTableRow-borderColor-selected, var(--salt-selectable-borderColor-selected));\n  --vuu-table-row-bookend-background-selected: var(--vuuTableRow-bookend-background-selected, var(--salt-selectable-background-selected));\n  --vuu-table-row-height: var(--salt-size-base, 32px);\n  --vuu-table-row-selection-borderRadius: var(--vuuTable-row-selection-borderRadius, 5px); \n\n  --table-background: var(--vuuTable-background, var(--salt-container-primary-background));\n  --table-height: var(--measured-px-height);\n  --table-width: var(--measured-px-width);\n\n  --columnResizer-color: transparent;\n  --row-height: var(\n    --row-height-prop,\n    var(--vuu-table-row-height, var(--salt-size-base))\n  );\n  --col-header-row-height: var(\n    --col-header-row-height-prop,\n    var(--vuu-table-col-header-row-height, var(--salt-size-base))\n  );\n\n  --cell-borderColor: transparent;\n  --row-borderColor: var(--row-background);\n  --vuu-table-embedded-control-height: calc(var(--row-height) - 3px);\n\n  background: var(--table-background);\n  font-family: var(\n    --vuuTable-fontFamily,\n    var(--salt-typography-fontFamily, sans-serif)\n  );\n  position: relative;\n  user-select: none;\n\n  &.vuuTable-viewportRowLimit {\n    height: fit-content;\n    /*  With a viewportRowLimit, table is content sized, not container sized. */\n    .vuuTable-contentContainer {\n      height: calc(var(--measured-px-height) + var(--total-header-height));\n    }\n    .vuuTable-scrollbarContainer {\n      height: calc(\n        var(--measured-px-height) + var(--horizontal-scrollbar-height)\n      );\n    }\n    .vuuTable-scrollbarFiller {\n      height: var(--horizontal-scrollbar-height);\n    }\n  }\n\n  &.vuuTable-maxViewportRowLimit {\n    /*  With a maxVviewportRowLimit, table is content sized, not container sized. */\n    height: fit-content;\n    padding-bottom: var(--horizontal-scrollbar-height);\n\n    .vuuTable-contentContainer {\n      height: min(\n        calc(var(--measured-px-height) + var(--total-header-height)),\n        calc(var(--content-height) + var(--total-header-height))\n      );\n    }\n    .vuuTable-scrollbarContainer {\n      height: min(\n        calc(var(--measured-px-height) + var(--horizontal-scrollbar-height)),\n        calc(var(--content-height) + var(--horizontal-scrollbar-height))\n      );\n    }\n\n    .vuuTable-scrollbarFiller {\n      height: var(--horizontal-scrollbar-height);\n    }\n  }\n\n  .vuuTable-editing {\n    --vuu-table-row-background-highlighted: transparent;\n  }\n\n}\n\n.vuuTable-zebra {\n  --table-zebraColor: var(--vuuTable-zebraColor, var(--salt-container-secondary-background));\n}\n\n.vuuTable-colLines {\n  --cell-borderColor: var(--salt-separable-tertiary-borderColor);\n}\n\n.vuuTable-rowLines {\n  --row-borderColor: var(--salt-separable-tertiary-borderColor);\n}\n\n.vuuTable-scrollbarContainer {\n  border-bottom: none !important;\n  border-top: none !important;\n  height: var(--viewport-body-height);\n  left: 0px;\n  overflow: auto;\n  position: absolute;\n  top: var(--total-header-height);\n  width: var(--table-width);\n}\n\n.vuuTable-scrollbarContainer::-webkit-scrollbar {\n  width: 10px;\n}\n\n.vuuTable-scrollbarContainer::-webkit-scrollbar:horizontal {\n  height: 10px;\n}\n\n.vuuTable-scrollbarContainer::-webkit-scrollbar-track {\n  background-color: transparent;\n}\n.vuuTable-scrollbarContainer::-webkit-scrollbar-thumb {\n  background-clip: padding-box;\n  border-radius: 10px;\n  border: 2px solid rgba(0, 0, 0, 0);\n  background-color: var(--vuu-color-gray-30);\n}\n\n.vuuTable-scrollbarContent {\n  height: calc(var(--content-height) + var(--horizontal-scrollbar-height));\n  position: absolute;\n  width: var(--content-width);\n}\n\n.vuuTable-contentContainer {\n  --table-content-container-width: calc(var(--table-width) - var(--vertical-scrollbar-width));\n  background: var(--table-background);\n  height: calc(\n    100% - var(--horizontal-scrollbar-height) - var(--vuu-table-footer-height)\n  );\n  position: relative;\n  overflow: auto;\n  overscroll-behavior: none;\n  width: var(--table-content-container-width);\n}\n\n.vuuTable-contentContainer::-webkit-scrollbar {\n  display: none;\n}\n\n.vuuTable-table {\n  border: none;\n  border-collapse: separate;\n  border-spacing: 0;\n  left: 0;\n  margin: 0;\n  position: absolute;\n  top: 0;\n  table-layout: fixed;\n  width: var(--content-width);\n}\n\n.vuuTable-body {\n  height: var(--content-height);\n  position: relative;\n}\n\n.vuuTable-focusCellPlaceholder {\n  height: var(--row-height);\n  position: absolute;\n  width: 50px;\n  z-index: -1;\n}\n\n.vuuPinLeft,\n.vuuPinRight {\n  background-color: inherit;\n  position: sticky;\n  z-index: 1;\n}\n\n.vuuPinRight {\n  .vuuColumnResizer {\n    cursor: default;\n    pointer-events: none;\n  }\n}\n\n.vuuTableHeaderCell.vuuPinLeft,\n.vuuTableHeaderCell.vuuPinRight {\n  z-index: 2;\n}\n\n.vuuTableHeader {\n  --row-height: var(--vuu-table-col-header-row-height);\n  background-color: var(\n    --vuuTableHeader-background,\n    var(--table-background)\n  );\n  border-bottom: solid 1px\n    var(\n      --vuuTableHeader-borderColor,\n      var(--salt-separable-tertiary-borderColor)\n    );\n  color: var(--salt-content-secondary-foreground);\n  font-size: var(--VuuTableHeader-fontSize, vasr(--salt-text-label-fontSize));\n  position: sticky;\n  top: 0;\n  white-space: nowrap;\n\n  /* ensure header row sits atop everything else when scrolling down */\n  z-index: 1;\n\n  .vuuDraggable-spacer {\n    border-bottom: solid 1px #ccc;\n    display: var(--vuuDraggable-display, inline-block);\n    height: var(--vuu-table-col-header-row-height);\n  }\n\n  .vuuStickyLeft {\n    z-index: 1;\n  }\n  .vuuStickyRight {\n    z-index: 0;\n  }\n}\n\n.vuuTableHeader:hover {\n  --columnResizer-height: var(--vuu-table-col-header-row-height);\n  --columnResizer-color: var(--salt-separable-tertiary-borderColor);\n}\n\n.vuuTable-heading {\n  height: var(--vuu-table-col-heading-height);\n}\n\n.sizer-cell {\n  border: none !important;\n  height: 0px;\n}\n\n.vuuDraggable-vuuTable {\n  --cell-borderColor: transparent;\n  --vuu-table-col-header-row-height: var(--vuuTableHeaderCell-height, 25px);\n  --vuuTableHeaderCell-background: var(--salt-container-secondary-background);\n}\n.vuuDraggable-vuuTable {\n  --row-height: 25px;\n}\n\n.vuuTable-pagination {\n  --vuu-table-footer-height: 32px;\n  .vuuTableHeader {\n    position: relative;\n  }\n\n  .vuuTable-body {\n    height: calc(var(--content-height) - var(--total-header-height));\n    position: relative;\n  }\n\n  .vuuTableRow {\n    position: relative;\n    top: auto;\n  }\n}\n\n.vuuTable-footer {\n  align-items: center;\n  display: flex;\n  height: var(--vuu-table-footer-height);\n  justify-content: flex-end;\n  position: absolute;\n  left: 0;\n  right: 0;\n  bottom: 0;\n}\n\n.vuuHighlight {\n  color: blue;\n}\n\n.DragColumn {\n  box-shadow: var(--salt-overlayable-shadow-drag);\n}\n\n@keyframes fadeIn {\n  0% {\n    opacity: 0;\n  }\n  90% {\n    opacity: 0;\n  }\n  100% {\n    opacity: 1;\n  }\n}\n\n.vuuTable-emptyDisplay {\n  animation: fadeIn .8s;\n  align-items: center;\n  display: flex;\n  inset:0;\n  justify-content: center;\n  position: absolute\n}\n\n.vuuTable-emptyDisplay ~ .vuuTable-contentContainer {\n  visibility: hidden;\n}\n\n.vuuRowProxy {\n  position: absolute !important;\n  visibility: hidden;\n}\n\n.vuuTableColHeaderRow {\n  height: var(--col-header-row-height);\n}\n\n.vuuTableRow {\n  \n  background: var(--row-background, var(--table-background));\n  border-bottom: 1px solid var(--row-borderColor, var(--table-background));\n  box-sizing: border-box;\n  color: var(--salt-content-primary-foreground);\n  contain: layout;\n  font-size: var(--VuuTableRow-fontSize, vasr(--salt-text-fontSize));\n  height: var(--row-height);\n  line-height: var(--row-height);\n  position: absolute;\n  top: 0;\n  white-space: nowrap;\n  width: 100%;\n}\n\n.vuuTableRow-even {\n  --row-background: var(--table-zebraColor);\n}\n\n.vuuTableRow-highlighted {\n  background: var(--vuu-table-row-background-highlighted);\n}\n\n.vuuTableRow[aria-selected=\"true\"] {\n  background-color: var(--vuu-table-row-background-selected);\n}\n\n.vuuTableRow[aria-expanded=\"true\"] {\n  --toggle-icon-transform: rotate(90deg);\n}\n\n.vuuDraggable .vuuTableRow {\n  --cell-borderColor: transparent;\n  --vuu-selection-decorator-bg: transparent;\n  transform: none !important;\n  z-index: 1;\n}\n\n.vuuSelectionDecorator {\n    background: var(--table-background);\n    display: inline-block;\n    height: var(--row-height);\n    position: relative;\n    width: var(--table-selection-bookend-width,4px);\n    z-index: 2;\n}\n\n.vuuTableRow:not([aria-selected=\"true\"]){\n    .vuuTableRowBookend {\n      display: none;\n    }\n}\n\n.vuuSelectionDecorator.vuuStickyLeft {\n  left: 0;\n  position: sticky;\n}\n\n.vuuSelectionDecorator.vuuStickyRight {\n  right: 0;\n  position: sticky;\n}\n\n    .vuuTableRowBookend {\n      position: absolute;\n      top: -1px;\n      right:0;\n      bottom:0;\n      left:0;\n    }\n\n.vuuTable-rowSelection-bordered {\n\n    .vuuSelectionDecorator  {\n\n        .vuuTableRowBookend {\n            background-color: var(--vuu-table-row-bookend-background-selected);\n            border-color: var(--vuu-table-row-borderColor-selected);\n            border-width: 1px;\n            width: var(--table-selection-bookend-width,4px);\n\n            &:before {\n                content: none !important;\n            }\n        }\n\n        &.vuuStickyLeft {\n            .vuuTableRowBookend {\n                border-left-style: solid;\n            }\n        }\n        &.vuuStickyRight {\n            .vuuTableRowBookend {\n                border-right-style: solid;\n            }\n        }\n    }\n\n    .vuuTableRow[aria-selected=\"true\"]{\n        .vuuSelectionDecorator {\n            background-color: var(--table-background);\n            border: none;\n        }\n\n    }\n\n    /* non-selected row immediately followed by a selected row */\n    .vuuTableRow:not([aria-selected=\"true\"]):has( + .vuuTableRow[aria-selected=\"true\"]) {\n        border-bottom-color: transparent;\n    }\n\n    /* first row in a selection block, including a selection block of one row */\n    .vuuTableRow:not([aria-selected=\"true\"]) + .vuuTableRow[aria-selected=\"true\"],\n    .vuuTableRow[aria-selected=\"true\"][data-first-row=\"true\"]\n    {\n        border-radius: 0;\n\n            &:after {\n              background: var(--vuu-table-row-borderColor-selected);\n              content: \"\";\n              position: absolute;\n              top: 0px;\n              left: 4px;\n              height: 1px;\n              width: calc(var(--content-width) - 8px);\n              z-index: 1;\n            }\n\n            .vuuStickyLeft .vuuTableRowBookend {\n                border-top-left-radius: var(--vuu-table-row-selection-borderRadius);\n                border-top-style: solid;\n                margin-top: 1px;\n            }\n\n            .vuuStickyRight .vuuTableRowBookend {\n                border-top-right-radius: var(--vuu-table-row-selection-borderRadius);\n                border-top-style: solid;\n                margin-top: 1px;\n            }\n\n    }\n\n    /* Last row in a selection block, including a selection block of one row */\n    .vuuTableRow[aria-selected=\"true\"]:has( + .vuuTableRow:not([aria-selected=\"true\"])) {\n        border-bottom-color: var(--vuu-table-row-borderColor-selected);\n\n            .vuuStickyLeft .vuuTableRowBookend {\n                border-bottom-left-radius: var(--vuu-table-row-selection-borderRadius);\n                border-bottom-style: solid;\n            }\n            .vuuStickyRight .vuuTableRowBookend {\n                border-bottom-right-radius: var(--vuu-table-row-selection-borderRadius);\n                border-bottom-style: solid;\n            }\n    }\n\n}}";
 
 export { tableCss as default };
 //# sourceMappingURL=Table.css.js.map