@vuu-ui/vuu-table 0.13.49 → 0.13.51

package/esm/header-cell/HeaderCell.js

@@ -1,15 +1,15 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
+import { Checkbox, useForkRef } from '@salt-ds/core';
 import { useComponentCssInjection } from '@salt-ds/styles';
 import { useWindow } from '@salt-ds/window';
 import { ColumnMenu } from '@vuu-ui/vuu-table-extras';
-import { useSortable } from '@vuu-ui/vuu-utils';
+import { isTypeDescriptor, useSortable } from '@vuu-ui/vuu-utils';
 import cx from 'clsx';
 import { useRef, useMemo, useCallback } from 'react';
 import { SortIndicator } from '../column-header-pill/SortIndicator.js';
 import { ColumnResizer } from '../column-resizing/ColumnResizer.js';
 import { useTableColumnResize } from '../column-resizing/useTableColumnResize.js';
 import { useCell } from '../useCell.js';
-import { useForkRef } from '@salt-ds/core';
 import headerCellCss from './HeaderCell.css.js';
 
 const classBase = "vuuTableHeaderCell";
@@ -18,10 +18,13 @@ const doNothing = () => {
 };
 const HeaderCell = ({
   allowDragColumnHeader = true,
+  allowSelectAll,
+  allRowsSelected,
   className: classNameProp,
   column,
   id,
   index,
+  onCheckBoxColumnHeaderClick,
   onClick,
   onResize,
   showColumnHeaderMenus = true,
@@ -47,35 +50,54 @@ const HeaderCell = ({
     rootRef
   });
   const headerItems = useMemo(() => {
-    const sortIndicator = /* @__PURE__ */ jsx(SortIndicator, { column });
-    const columnLabel = HeaderCellLabelRenderer ? /* @__PURE__ */ jsx(
-      HeaderCellLabelRenderer,
-      {
-        className: `${classBase}-label`,
-        column
-      }
-    ) : /* @__PURE__ */ jsx("div", { className: `${classBase}-label`, children: column.label ?? column.name });
-    const columnContent = HeaderCellContentRenderer ? [/* @__PURE__ */ jsx(HeaderCellContentRenderer, { column }, "content")] : [];
-    if (showColumnHeaderMenus && allowColumnHeaderMenu) {
-      const menuPermissions = showColumnHeaderMenus === true ? void 0 : showColumnHeaderMenus;
-      const columnMenu = /* @__PURE__ */ jsx(ColumnMenu, { column, menuPermissions });
-      if (column.align === "right") {
-        return [sortIndicator, columnLabel, columnContent, columnMenu];
-      } else {
-        return [columnMenu, columnLabel, sortIndicator, columnContent];
-      }
+    const renderCheckbox = allowSelectAll && column.isSystemColumn && isTypeDescriptor(column.type) && column.type.name === "checkbox";
+    if (renderCheckbox) {
+      console.log(`HeaderCell checkbox allrowsselected ${allRowsSelected}`);
+      return [
+        /* @__PURE__ */ jsx(
+          Checkbox,
+          {
+            checked: allRowsSelected,
+            className: "vuuCheckboxRowSelector",
+            onClick: onCheckBoxColumnHeaderClick
+          },
+          "checkbox"
+        )
+      ];
     } else {
-      if (column.align === "right") {
-        return [sortIndicator, columnLabel, columnContent];
+      const sortIndicator = /* @__PURE__ */ jsx(SortIndicator, { column });
+      const columnLabel = HeaderCellLabelRenderer ? /* @__PURE__ */ jsx(
+        HeaderCellLabelRenderer,
+        {
+          className: `${classBase}-label`,
+          column
+        }
+      ) : /* @__PURE__ */ jsx("div", { className: `${classBase}-label`, children: column.label ?? column.name });
+      const columnContent = HeaderCellContentRenderer ? [/* @__PURE__ */ jsx(HeaderCellContentRenderer, { column }, "content")] : [];
+      if (showColumnHeaderMenus && allowColumnHeaderMenu) {
+        const menuPermissions = showColumnHeaderMenus === true ? void 0 : showColumnHeaderMenus;
+        const columnMenu = /* @__PURE__ */ jsx(ColumnMenu, { column, menuPermissions });
+        if (column.align === "right") {
+          return [sortIndicator, columnLabel, columnContent, columnMenu];
+        } else {
+          return [columnMenu, columnLabel, sortIndicator, columnContent];
+        }
       } else {
-        return [columnLabel, sortIndicator, columnContent];
+        if (column.align === "right") {
+          return [sortIndicator, columnLabel, columnContent];
+        } else {
+          return [columnLabel, sortIndicator, columnContent];
+        }
       }
     }
   }, [
     HeaderCellContentRenderer,
     HeaderCellLabelRenderer,
+    allRowsSelected,
     allowColumnHeaderMenu,
+    allowSelectAll,
     column,
+    onCheckBoxColumnHeaderClick,
     showColumnHeaderMenus
   ]);
   const handleClick = useCallback(

package/esm/header-cell/HeaderCell.js.map

@@ -1 +1 @@
-{"version":3,"file":"HeaderCell.js","sources":["../../../../packages/vuu-table/src/header-cell/HeaderCell.tsx"],"sourcesContent":["import { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { ColumnMenu } from \"@vuu-ui/vuu-table-extras\";\nimport { HeaderCellProps } from \"@vuu-ui/vuu-table-types\";\nimport { useSortable } from \"@vuu-ui/vuu-utils\";\nimport cx from \"clsx\";\nimport {\n  KeyboardEventHandler,\n  MouseEventHandler,\n  useCallback,\n  useMemo,\n  useRef,\n} from \"react\";\nimport { SortIndicator } from \"../column-header-pill\";\nimport { ColumnResizer, useTableColumnResize } from \"../column-resizing\";\nimport { useCell } from \"../useCell\";\n\nimport { useForkRef } from \"@salt-ds/core\";\nimport headerCellCss from \"./HeaderCell.css\";\n\nconst classBase = \"vuuTableHeaderCell\";\n\nconst doNothing = () => {\n  // dummy hook\n  return { ref: { current: null } };\n};\n\nexport const HeaderCell = ({\n  allowDragColumnHeader = true,\n  className: classNameProp,\n  column,\n  id,\n  index,\n  onClick,\n  onResize,\n  showColumnHeaderMenus = true,\n  ...htmlAttributes\n}: HeaderCellProps) => {\n  const targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"vuu-header-cell\",\n    css: headerCellCss,\n    window: targetWindow,\n  });\n  const dragDropSortHook = allowDragColumnHeader ? useSortable : doNothing;\n  const { ref: sortableRef } = dragDropSortHook({ id, index });\n  const {\n    allowColumnHeaderMenu = true,\n    HeaderCellContentRenderer,\n    HeaderCellLabelRenderer,\n  } = column;\n  const rootRef = useRef<HTMLDivElement>(null);\n  const { isResizing, ...resizeProps } = useTableColumnResize({\n    column,\n    onResize,\n    rootRef,\n  });\n\n  const headerItems = useMemo(() => {\n    const sortIndicator = <SortIndicator column={column} />;\n    const columnLabel = HeaderCellLabelRenderer ? (\n      <HeaderCellLabelRenderer\n        className={`${classBase}-label`}\n        column={column}\n      />\n    ) : (\n      <div className={`${classBase}-label`}>{column.label ?? column.name}</div>\n    );\n    const columnContent = HeaderCellContentRenderer\n      ? [<HeaderCellContentRenderer column={column} key=\"content\" />]\n      : [];\n\n    if (showColumnHeaderMenus && allowColumnHeaderMenu) {\n      const menuPermissions =\n        showColumnHeaderMenus === true ? undefined : showColumnHeaderMenus;\n      const columnMenu = (\n        <ColumnMenu column={column} menuPermissions={menuPermissions} />\n      );\n\n      if (column.align === \"right\") {\n        return [sortIndicator, columnLabel, columnContent, columnMenu];\n      } else {\n        return [columnMenu, columnLabel, sortIndicator, columnContent];\n      }\n    } else {\n      if (column.align === \"right\") {\n        return [sortIndicator, columnLabel, columnContent];\n      } else {\n        return [columnLabel, sortIndicator, columnContent];\n      }\n    }\n  }, [\n    HeaderCellContentRenderer,\n    HeaderCellLabelRenderer,\n    allowColumnHeaderMenu,\n    column,\n    showColumnHeaderMenus,\n  ]);\n\n  const handleClick = useCallback<MouseEventHandler<HTMLDivElement>>(\n    (evt) => {\n      !isResizing && onClick?.(evt);\n    },\n    [isResizing, onClick],\n  );\n\n  const handleKeyDown = useCallback<KeyboardEventHandler<HTMLDivElement>>(\n    (evt) => {\n      if (evt.key === \"Enter\") {\n        onClick?.(evt);\n      }\n    },\n    [onClick],\n  );\n\n  const { className, style } = useCell(column, classBase, true);\n\n  return (\n    <div\n      {...htmlAttributes}\n      aria-colindex={column.ariaColIndex}\n      aria-label={`${column.label ?? column.name} column header`}\n      className={cx(className, classNameProp, {\n        [`${classBase}-resizing`]: isResizing,\n        [`${classBase}-noMenu`]: showColumnHeaderMenus === false,\n      })}\n      data-column-name={column.name}\n      data-index={index}\n      id={id}\n      onClick={handleClick}\n      onKeyDown={handleKeyDown}\n      ref={useForkRef<HTMLDivElement>(rootRef, sortableRef)}\n      role=\"columnheader\"\n      style={style}\n    >\n      {...headerItems}\n      {column.resizeable !== false ? <ColumnResizer {...resizeProps} /> : null}\n    </div>\n  );\n};\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"HeaderCell.js","sources":["../../../../packages/vuu-table/src/header-cell/HeaderCell.tsx"],"sourcesContent":["import { Checkbox, useForkRef } from \"@salt-ds/core\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { ColumnMenu } from \"@vuu-ui/vuu-table-extras\";\nimport { HeaderCellProps } from \"@vuu-ui/vuu-table-types\";\nimport { isTypeDescriptor, useSortable } from \"@vuu-ui/vuu-utils\";\nimport cx from \"clsx\";\nimport {\n  KeyboardEventHandler,\n  MouseEventHandler,\n  useCallback,\n  useMemo,\n  useRef,\n} from \"react\";\nimport { SortIndicator } from \"../column-header-pill\";\nimport { ColumnResizer, useTableColumnResize } from \"../column-resizing\";\nimport { useCell } from \"../useCell\";\n\nimport headerCellCss from \"./HeaderCell.css\";\n\nconst classBase = \"vuuTableHeaderCell\";\n\nconst doNothing = () => {\n  // dummy hook\n  return { ref: { current: null } };\n};\n\nexport const HeaderCell = ({\n  allowDragColumnHeader = true,\n  allowSelectAll,\n  allRowsSelected,\n  className: classNameProp,\n  column,\n  id,\n  index,\n  onCheckBoxColumnHeaderClick,\n  onClick,\n  onResize,\n  showColumnHeaderMenus = true,\n  ...htmlAttributes\n}: HeaderCellProps) => {\n  const targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"vuu-header-cell\",\n    css: headerCellCss,\n    window: targetWindow,\n  });\n  const dragDropSortHook = allowDragColumnHeader ? useSortable : doNothing;\n  const { ref: sortableRef } = dragDropSortHook({ id, index });\n  const {\n    allowColumnHeaderMenu = true,\n    HeaderCellContentRenderer,\n    HeaderCellLabelRenderer,\n  } = column;\n  const rootRef = useRef<HTMLDivElement>(null);\n  const { isResizing, ...resizeProps } = useTableColumnResize({\n    column,\n    onResize,\n    rootRef,\n  });\n\n  const headerItems = useMemo(() => {\n    const renderCheckbox =\n      allowSelectAll &&\n      column.isSystemColumn &&\n      isTypeDescriptor(column.type) &&\n      column.type.name === \"checkbox\";\n\n    if (renderCheckbox) {\n      console.log(`HeaderCell checkbox allrowsselected ${allRowsSelected}`);\n      return [\n        <Checkbox\n          checked={allRowsSelected}\n          className=\"vuuCheckboxRowSelector\"\n          key=\"checkbox\"\n          onClick={onCheckBoxColumnHeaderClick}\n        />,\n      ];\n    } else {\n      const sortIndicator = <SortIndicator column={column} />;\n      const columnLabel = HeaderCellLabelRenderer ? (\n        <HeaderCellLabelRenderer\n          className={`${classBase}-label`}\n          column={column}\n        />\n      ) : (\n        <div className={`${classBase}-label`}>\n          {column.label ?? column.name}\n        </div>\n      );\n      const columnContent = HeaderCellContentRenderer\n        ? [<HeaderCellContentRenderer column={column} key=\"content\" />]\n        : [];\n\n      if (showColumnHeaderMenus && allowColumnHeaderMenu) {\n        const menuPermissions =\n          showColumnHeaderMenus === true ? undefined : showColumnHeaderMenus;\n        const columnMenu = (\n          <ColumnMenu column={column} menuPermissions={menuPermissions} />\n        );\n\n        if (column.align === \"right\") {\n          return [sortIndicator, columnLabel, columnContent, columnMenu];\n        } else {\n          return [columnMenu, columnLabel, sortIndicator, columnContent];\n        }\n      } else {\n        if (column.align === \"right\") {\n          return [sortIndicator, columnLabel, columnContent];\n        } else {\n          return [columnLabel, sortIndicator, columnContent];\n        }\n      }\n    }\n  }, [\n    HeaderCellContentRenderer,\n    HeaderCellLabelRenderer,\n    allRowsSelected,\n    allowColumnHeaderMenu,\n    allowSelectAll,\n    column,\n    onCheckBoxColumnHeaderClick,\n    showColumnHeaderMenus,\n  ]);\n\n  const handleClick = useCallback<MouseEventHandler<HTMLDivElement>>(\n    (evt) => {\n      !isResizing && onClick?.(evt);\n    },\n    [isResizing, onClick],\n  );\n\n  const handleKeyDown = useCallback<KeyboardEventHandler<HTMLDivElement>>(\n    (evt) => {\n      if (evt.key === \"Enter\") {\n        onClick?.(evt);\n      }\n    },\n    [onClick],\n  );\n\n  const { className, style } = useCell(column, classBase, true);\n\n  return (\n    <div\n      {...htmlAttributes}\n      aria-colindex={column.ariaColIndex}\n      aria-label={`${column.label ?? column.name} column header`}\n      className={cx(className, classNameProp, {\n        [`${classBase}-resizing`]: isResizing,\n        [`${classBase}-noMenu`]: showColumnHeaderMenus === false,\n      })}\n      data-column-name={column.name}\n      data-index={index}\n      id={id}\n      onClick={handleClick}\n      onKeyDown={handleKeyDown}\n      ref={useForkRef<HTMLDivElement>(rootRef, sortableRef)}\n      role=\"columnheader\"\n      style={style}\n    >\n      {...headerItems}\n      {column.resizeable !== false ? <ColumnResizer {...resizeProps} /> : null}\n    </div>\n  );\n};\n"],"names":[],"mappings":"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"}

package/esm/table-header/TableHeader.js

@@ -10,10 +10,13 @@ const isHeaderElement = (h) => isValidElement(h);
 const TableHeader = memo(
   ({
     allowDragColumnHeader,
+    allowSelectAll,
+    allRowsSelected,
     classBase = "vuuTable",
     columns,
     customHeader,
     headings,
+    onCheckBoxColumnHeaderClick,
     onHeightMeasured,
     onMoveColumn,
     onMoveGroupColumn,
@@ -128,9 +131,12 @@ const TableHeader = memo(
                         HeaderCell,
                         {
                           allowDragColumnHeader,
+                          allowSelectAll,
+                          allRowsSelected,
                           column: col,
                           index: i,
                           id: `${tableId}-${col.name}`,
+                          onCheckBoxColumnHeaderClick,
                           onClick,
                           onResize: onResizeColumn,
                           showColumnHeaderMenus

package/esm/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  RuntimeColumnDescriptor,\n  ShowColumnHeaderMenus,\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\nexport interface TableHeaderProps {\n  allowDragColumnHeader: boolean;\n  classBase?: string;\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  showColumnHeaderMenus?: ShowColumnHeaderMenus;\n  tableConfig: TableConfig;\n  tableId: string;\n  virtualColSpan?: number;\n}\n\nexport const TableHeader = memo(\n  ({\n    allowDragColumnHeader,\n    classBase = \"vuuTable\",\n    columns,\n    customHeader,\n    headings,\n    onHeightMeasured,\n    onMoveColumn,\n    onMoveGroupColumn,\n    onRemoveGroupColumn,\n    onResizeColumn,\n    onSortColumn,\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\n        className={`${classBase}-col-headings`}\n        ref={setContainerRef}\n        role=\"rowgroup\"\n      >\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={`${classBase}-col-headers`}\n            role=\"row\"\n            aria-rowindex={headings.length + 1}\n          >\n            {/* {virtualColSpan > 0 ? (\n                <div\n                  role=\"cell\"\n                  className=\"vuuTableCell\"\n                  style={{ width: virtualColSpan }}\n                />\n              ) : null} */}\n            {visibleColumns.map((col, i) =>\n              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={allowDragColumnHeader}\n                  column={col}\n                  index={i}\n                  id={`${tableId}-${col.name}`}\n                  key={col.name}\n                  onClick={onClick}\n                  onResize={onResizeColumn}\n                  showColumnHeaderMenus={showColumnHeaderMenus}\n                />\n              ),\n            )}\n          </div>\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":["offset","header"],"mappings":"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"}
+{"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\nexport interface TableHeaderProps\n  extends Pick<\n    HeaderCellProps,\n    | \"allRowsSelected\"\n    | \"allowDragColumnHeader\"\n    | \"allowSelectAll\"\n    | \"onCheckBoxColumnHeaderClick\"\n    | \"showColumnHeaderMenus\"\n  > {\n  classBase?: string;\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  tableConfig: TableConfig;\n  tableId: string;\n  virtualColSpan?: number;\n}\n\nexport const TableHeader = memo(\n  ({\n    allowDragColumnHeader,\n    allowSelectAll,\n    allRowsSelected,\n    classBase = \"vuuTable\",\n    columns,\n    customHeader,\n    headings,\n    onCheckBoxColumnHeaderClick,\n    onHeightMeasured,\n    onMoveColumn,\n    onMoveGroupColumn,\n    onRemoveGroupColumn,\n    onResizeColumn,\n    onSortColumn,\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\n        className={`${classBase}-col-headings`}\n        ref={setContainerRef}\n        role=\"rowgroup\"\n      >\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={`${classBase}-col-headers`}\n            role=\"row\"\n            aria-rowindex={headings.length + 1}\n          >\n            {/* {virtualColSpan > 0 ? (\n                <div\n                  role=\"cell\"\n                  className=\"vuuTableCell\"\n                  style={{ width: virtualColSpan }}\n                />\n              ) : null} */}\n            {visibleColumns.map((col, i) =>\n              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={allowDragColumnHeader}\n                  allowSelectAll={allowSelectAll}\n                  allRowsSelected={allRowsSelected}\n                  column={col}\n                  index={i}\n                  id={`${tableId}-${col.name}`}\n                  key={col.name}\n                  onCheckBoxColumnHeaderClick={onCheckBoxColumnHeaderClick}\n                  onClick={onClick}\n                  onResize={onResizeColumn}\n                  showColumnHeaderMenus={showColumnHeaderMenus}\n                />\n              ),\n            )}\n          </div>\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":["offset","header"],"mappings":"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"}

package/esm/useSelection.js

@@ -1,5 +1,5 @@
 import { deselectItem, selectItem, queryClosest, dispatchMouseEvent, metadataKeys } from '@vuu-ui/vuu-utils';
-import { useRef, useCallback } from 'react';
+import { useRef, useState, useCallback } from 'react';
 import { getRowElementByAriaIndex } from './table-dom-utils.js';
 
 const { IDX, KEY, SELECTED } = metadataKeys;
@@ -16,6 +16,7 @@ const orderedRowKeys = (activeRowIdentifier, newRowIdentifier, rangeSelect = fal
 };
 const defaultSelectionKeys = ["Enter", " "];
 const useSelection = ({
+  allowSelectCheckboxRow,
   containerRef,
   highlightedIndexRef,
   selectionKeys = defaultSelectionKeys,
@@ -24,6 +25,7 @@ const useSelection = ({
   onSelectionChange
 }) => {
   const lastActiveRef = useRef(void 0);
+  const [allRowsSelected, setAllRowsSelected] = useState(false);
   const isSelectionEvent = useCallback(
     (evt) => selectionKeys.includes(evt.key),
     [selectionKeys]
@@ -34,7 +36,7 @@ const useSelection = ({
       const { current: activeRowKey } = lastActiveRef;
       const newRowIdentifier = { rowIdx, rowKey };
       const selectOperation = row[SELECTED] ? deselectItem : selectItem;
-      if (selectionModel === "checkbox") {
+      if (selectionModel === "checkbox" && allowSelectCheckboxRow !== true) {
         const cell = queryClosest(e.target, ".vuuTableCell");
         if (!cell?.querySelector(".vuuCheckboxRowSelector")) {
           return;
@@ -57,8 +59,17 @@ const useSelection = ({
         onSelect?.(selectOperation === selectItem ? row : null);
         onSelectionChange?.(selectRequest);
       }
+      if (allRowsSelected && selectOperation === deselectItem) {
+        setAllRowsSelected(false);
+      }
     },
-    [onSelect, onSelectionChange, selectionModel]
+    [
+      allRowsSelected,
+      allowSelectCheckboxRow,
+      onSelect,
+      onSelectionChange,
+      selectionModel
+    ]
   );
   const handleKeyDown = useCallback(
     (e) => {
@@ -75,7 +86,23 @@ const useSelection = ({
     },
     [containerRef, highlightedIndexRef, isSelectionEvent]
   );
+  const handleCheckboxColumnHeaderClick = useCallback(() => {
+    setAllRowsSelected((allSelected) => {
+      if (allSelected) {
+        onSelectionChange({
+          type: "DESELECT_ALL"
+        });
+      } else {
+        onSelectionChange({
+          type: "SELECT_ALL"
+        });
+      }
+      return !allSelected;
+    });
+  }, [onSelectionChange]);
   return {
+    allRowsSelected,
+    onCheckBoxColumnHeaderClick: handleCheckboxColumnHeaderClick,
     onKeyDown: handleKeyDown,
     onRowClick: handleRowClick
   };

package/esm/useSelection.js.map

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

package/esm/useTable.js

@@ -40,6 +40,7 @@ const addColumn = (tableConfig, column) => ({
 });
 const useTable = ({
   allowCellBlockSelection,
+  allowSelectCheckboxRow,
   allowDragDrop = false,
   availableColumns,
   config,
@@ -539,9 +540,12 @@ const useTable = ({
     [columnMap, onSelect, rowToObject]
   );
   const {
+    allRowsSelected,
+    onCheckBoxColumnHeaderClick,
     onKeyDown: selectionHookKeyDown,
     onRowClick: selectionHookOnRowClick
   } = useSelection({
+    allowSelectCheckboxRow,
     containerRef,
     highlightedIndexRef,
     onSelect: handleSelect,
@@ -703,6 +707,7 @@ const useTable = ({
   );
   return {
     ...containerProps,
+    allRowsSelected,
     "aria-rowcount": dataSource.size,
     cellBlock,
     columnMap,
@@ -717,6 +722,7 @@ const useTable = ({
     headings,
     highlightedIndex: highlightedIndexRef.current,
     onBlur: editingBlur,
+    onCheckBoxColumnHeaderClick,
     onDoubleClick: editingDoubleClick,
     onFocus: handleFocus,
     onKeyDown: handleKeyDown,

package/esm/useTable.js.map

@@ -1 +1 @@
-{"version":3,"file":"useTable.js","sources":["../../../packages/vuu-table/src/useTable.ts"],"sourcesContent":["import {\n  DataSourceConfig,\n  DataSourceConfigChangeHandler,\n  DataSourceRow,\n  DataSourceSubscribedMessage,\n} from \"@vuu-ui/vuu-data-types\";\nimport { VuuRowDataItemType, VuuSortType } from \"@vuu-ui/vuu-protocol-types\";\nimport {\n  ColumnDisplayActionHandler,\n  columnSettingsFromColumnMenuPermissions,\n  TableSettingsActionHandler,\n  tableSettingsFromColumnMenuPermissions,\n  useColumnActions,\n  useTableAndColumnSettings,\n} from \"@vuu-ui/vuu-table-extras\";\nimport {\n  ColumnDescriptor,\n  ColumnMoveHandler,\n  DataCellEditEvent,\n  RuntimeColumnDescriptor,\n  SelectionChangeHandler,\n  TableColumnResizeHandler,\n  TableConfig,\n  TableRowClickHandlerInternal,\n  TableRowSelectHandlerInternal,\n  TableSelectionModel,\n} from \"@vuu-ui/vuu-table-types\";\nimport {\n  DragStartHandler,\n  MeasuredProps,\n  MeasuredSize,\n  useDragDrop,\n} from \"@vuu-ui/vuu-ui-controls\";\nimport {\n  asDataSourceRowObject,\n  buildColumnMap,\n  isGroupColumn,\n  isJsonGroup,\n  isValidNumber,\n  logUnhandledMessage,\n  metadataKeys,\n  toggleOrApplySort,\n  updateColumn,\n  useLayoutEffectSkipFirst,\n} from \"@vuu-ui/vuu-utils\";\nimport {\n  FocusEvent,\n  KeyboardEvent,\n  MouseEventHandler,\n  RefObject,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from \"react\";\nimport { TableCellBlock } from \"./cell-block/cellblock-utils\";\nimport { useCellBlockSelection } from \"./cell-block/useCellBlockSelection\";\nimport { CellFocusState } from \"./CellFocusState\";\nimport { TableProps } from \"./Table\";\nimport { updateTableConfig } from \"./table-config\";\nimport { getAriaRowIndex, getHeaderCell } from \"./table-dom-utils\";\nimport { useCellEditing } from \"./useCellEditing\";\nimport { FocusCell, useCellFocus } from \"./useCellFocus\";\nimport { useDataSource } from \"./useDataSource\";\nimport {\n  GroupToggleHandler,\n  useKeyboardNavigation,\n} from \"./useKeyboardNavigation\";\nimport { useRowClassNameGenerators } from \"./useRowClassNameGenerators\";\nimport { useSelection } from \"./useSelection\";\nimport { useTableContextMenu } from \"./useTableContextMenu\";\nimport {\n  ColumnActionHide,\n  ColumnActionPin,\n  useTableModel,\n} from \"./useTableModel\";\nimport { ScrollRequestHandler, useTableScroll } from \"./useTableScroll\";\nimport { useTableViewport } from \"./useTableViewport\";\n\ntype HeaderState = {\n  height: number;\n  count: number;\n};\n\nconst nullHeaderState = {\n  height: -1,\n  count: -1,\n};\nconst zeroHeaderState = {\n  height: 0,\n  count: 0,\n};\n\nconst stripInternalProperties = (tableConfig: TableConfig): TableConfig => {\n  return tableConfig;\n};\n\nexport interface TableHookProps\n  extends MeasuredProps,\n    Pick<\n      TableProps,\n      | \"allowCellBlockSelection\"\n      | \"allowDragDrop\"\n      | \"availableColumns\"\n      | \"config\"\n      | \"dataSource\"\n      | \"defaultSelectedKeyValues\"\n      | \"disableFocus\"\n      | \"highlightedIndex\"\n      | \"id\"\n      | \"navigationStyle\"\n      | \"onAvailableColumnsChange\"\n      | \"onConfigChange\"\n      | \"onDataEdited\"\n      | \"onDragStart\"\n      | \"onDrop\"\n      | \"onHighlight\"\n      | \"onSelect\"\n      | \"onSelectCellBlock\"\n      | \"onSelectionChange\"\n      | \"onRowClick\"\n      | \"renderBufferSize\"\n      | \"revealSelected\"\n      | \"rowToObject\"\n      | \"scrollingApiRef\"\n      | \"selectionBookendWidth\"\n      | \"showColumnHeaderMenus\"\n      | \"showColumnHeaders\"\n      | \"showPaginationControls\"\n    > {\n  containerRef: RefObject<HTMLDivElement | null>;\n  rowHeight: number;\n  selectionModel: TableSelectionModel;\n  size: MeasuredSize;\n}\n\nconst { KEY, IS_EXPANDED, IS_LEAF } = metadataKeys;\n\nconst NULL_DRAG_DROP = {\n  draggable: undefined,\n  onMouseDown: undefined,\n};\nconst useNullDragDrop = () => NULL_DRAG_DROP;\n\nconst addColumn = (\n  tableConfig: TableConfig,\n  column: ColumnDescriptor,\n): TableConfig => ({\n  ...tableConfig,\n  columns: tableConfig.columns.concat(column),\n});\n\nexport const useTable = ({\n  allowCellBlockSelection,\n  allowDragDrop = false,\n  availableColumns,\n  config,\n  containerRef,\n  dataSource,\n  defaultSelectedKeyValues,\n  disableFocus,\n  highlightedIndex: highlightedIndexProp,\n  id,\n  navigationStyle = \"cell\",\n  onAvailableColumnsChange,\n  onConfigChange,\n  onDataEdited: onDataEditedProp,\n  onDragStart,\n  onDrop,\n  onHighlight,\n  onRowClick: onRowClickProp,\n  onSelect,\n  onSelectCellBlock,\n  onSelectionChange,\n  renderBufferSize = 0,\n  revealSelected,\n  rowHeight = 20,\n  rowToObject = asDataSourceRowObject,\n  scrollingApiRef,\n  selectionBookendWidth = 4,\n  selectionModel,\n  showColumnHeaderMenus = true,\n  showColumnHeaders,\n  showPaginationControls,\n  size,\n}: TableHookProps) => {\n  const tableConfigRef = useRef<TableConfig>(config);\n  // avoids a hook dependency on requestScroll, important to avoid re-registering config handler\n  const requestScrollRef = useRef<ScrollRequestHandler | undefined>(undefined);\n  useMemo(() => {\n    tableConfigRef.current = config;\n  }, [config]);\n\n  // state is mutated, so make every component gets a fresh copy\n  const initialState = useMemo(() => new CellFocusState(), []);\n\n  const cellFocusStateRef = useRef<CellFocusState>(initialState);\n  // Needed to avoid circular dependency between useTableScroll and useCellFocus\n  const focusCellRef = useRef<FocusCell>(undefined);\n\n  const [headerState, setHeaderState] = useState<HeaderState>(\n    showColumnHeaders ? nullHeaderState : zeroHeaderState,\n  );\n  const [rowCount, setRowCount] = useState<number>(dataSource.size);\n  if (dataSource === undefined) {\n    throw Error(\"no data source provided to Vuu Table\");\n  }\n\n  const onDataRowcountChange = useCallback((size: number) => {\n    setRowCount(size);\n  }, []);\n\n  const virtualContentHeight = rowHeight * rowCount;\n  const viewportBodyHeight =\n    size.height - (headerState.height === -1 ? 0 : headerState.height);\n  const verticalScrollbarWidth =\n    virtualContentHeight > viewportBodyHeight ? 10 : 0;\n  const availableWidth =\n    size.width - (verticalScrollbarWidth + 2 * selectionBookendWidth);\n\n  const rowClassNameGenerator = useRowClassNameGenerators(config);\n\n  const useRowDragDrop = allowDragDrop ? useDragDrop : useNullDragDrop;\n\n  const {\n    columns,\n    dispatchTableModelAction,\n    headings,\n    tableAttributes,\n    tableConfig,\n  } = useTableModel({ config, dataSource, selectionModel, availableWidth });\n\n  // this is realy here to capture changes to available Width - typically when we get\n  // rowcount so add allowance for vertical scrollbar, reducing available width\n  // including dataSource is causing us to do unnecessary work in useTableModel\n  // split this into multiple effects\n  useLayoutEffectSkipFirst(() => {\n    dispatchTableModelAction({\n      availableWidth,\n      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) => {\n      dispatchTableModelAction({\n        availableWidth,\n        selectionModel,\n        type: \"init\",\n        tableConfig: config,\n        dataSource,\n      });\n      tableConfigRef.current = config;\n      onConfigChange?.(stripInternalProperties(config));\n    },\n    [\n      availableWidth,\n      dataSource,\n      dispatchTableModelAction,\n      onConfigChange,\n      selectionModel,\n    ],\n  );\n\n  const columnMap = useMemo(\n    () => buildColumnMap(dataSource.columns),\n    [dataSource.columns],\n  );\n\n  const onSubscribed = useCallback(\n    ({ tableSchema }: DataSourceSubscribedMessage) => {\n      if (tableSchema) {\n        dispatchTableModelAction({\n          type: \"setTableSchema\",\n          tableSchema,\n        });\n      } else {\n        console.log(\"subscription message with no schema\");\n      }\n    },\n    [dispatchTableModelAction],\n  );\n\n  const {\n    getRowAtPosition,\n    getRowOffset,\n    setInSituRowOffset: viewportHookSetInSituRowOffset,\n    setScrollTop: viewportHookSetScrollTop,\n    ...viewportMeasurements\n  } = useTableViewport({\n    columns,\n    headerHeight: headerState.height,\n    rowCount,\n    rowHeight,\n    selectionEndSize: selectionBookendWidth,\n    size: size,\n    showPaginationControls,\n  });\n\n  const { data, dataRef, getSelectedRows, range, setRange } = useDataSource({\n    dataSource,\n    defaultSelectedKeyValues,\n    renderBufferSize,\n    revealSelected,\n    onSizeChange: onDataRowcountChange,\n    onSubscribed,\n  });\n\n  const { requestScroll, ...scrollProps } = useTableScroll({\n    cellFocusStateRef,\n    columns,\n    focusCell: focusCellRef.current,\n    getRowAtPosition,\n    rowHeight,\n    scrollingApiRef,\n    setRange,\n    showPaginationControls,\n    onVerticalScroll: viewportHookSetScrollTop,\n    onVerticalScrollInSitu: viewportHookSetInSituRowOffset,\n    viewportMeasurements,\n  });\n  // avoids a hook dependency on requestScroll, important to avoid re-registering config handler\n  requestScrollRef.current = requestScroll;\n\n  // TODO does this belong here ?\n  const handleConfigEditedInSettingsPanel = useCallback(\n    (tableConfig: TableConfig) => {\n      dispatchTableModelAction({\n        availableWidth,\n        dataSource,\n        selectionModel,\n        tableConfig,\n        type: \"init\",\n      });\n      tableConfigRef.current = tableConfig;\n      onConfigChange?.(stripInternalProperties(tableConfig));\n    },\n    [\n      availableWidth,\n      dataSource,\n      dispatchTableModelAction,\n      onConfigChange,\n      selectionModel,\n    ],\n  );\n\n  const handleDataSourceConfigChanged = useCallback(\n    (dataSourceConfig: DataSourceConfig) => {\n      dataSource.config = {\n        ...dataSource.config,\n        ...dataSourceConfig,\n      };\n    },\n    [dataSource],\n  );\n\n  const handleConfigChange = useCallback<DataSourceConfigChangeHandler>(\n    (config, range, confirmed, changes) => {\n      const scrollSensitiveChanges =\n        changes?.filterChanged || changes?.groupByChanged;\n      if (scrollSensitiveChanges && range.from > 0) {\n        requestScrollRef.current?.({\n          type: \"scroll-end\",\n          direction: \"home\",\n        });\n      }\n      dispatchTableModelAction({\n        type: \"tableConfig\",\n        ...config,\n        confirmed,\n      });\n    },\n    [dispatchTableModelAction],\n  );\n\n  useEffect(() => {\n    dataSource.on(\"config\", handleConfigChange);\n    return () => {\n      dataSource.removeListener(\"config\", handleConfigChange);\n    };\n  }, [dataSource, dispatchTableModelAction, handleConfigChange]);\n\n  const handleCreateCalculatedColumn = useCallback(\n    (column: ColumnDescriptor) => {\n      dataSource.columns = dataSource.columns.concat(column.name);\n      applyTableConfigChange(addColumn(tableConfig, column));\n    },\n    [dataSource, tableConfig, applyTableConfigChange],\n  );\n\n  const hideColumns = useCallback(\n    (action: ColumnActionHide) => {\n      const { columns } = action;\n      const hiddenColumns = columns.map((c) => c.name);\n      const newTableConfig = {\n        ...tableConfig,\n        columns: tableConfig.columns.map((col) =>\n          hiddenColumns.includes(col.name) ? { ...col, hidden: true } : col,\n        ),\n      };\n      applyTableConfigChange(newTableConfig);\n    },\n    [tableConfig, applyTableConfigChange],\n  );\n\n  const pinColumn = useCallback(\n    (action: ColumnActionPin) => {\n      applyTableConfigChange({\n        ...tableConfig,\n        columns: updateColumn(tableConfig.columns, {\n          ...action.column,\n          pin: action.pin,\n        }),\n      });\n    },\n    [tableConfig, applyTableConfigChange],\n  );\n\n  const { showColumnSettingsPanel, showTableSettingsPanel } =\n    useTableAndColumnSettings({\n      availableColumns:\n        availableColumns ??\n        tableConfig.columns.map(({ name, serverDataType = \"string\" }) => ({\n          name,\n          serverDataType,\n        })),\n      onAvailableColumnsChange,\n      onConfigChange: handleConfigEditedInSettingsPanel,\n      onCreateCalculatedColumn: handleCreateCalculatedColumn,\n      onDataSourceConfigChange: handleDataSourceConfigChanged,\n      settingsPermissions: {\n        allowColumnSettings: columnSettingsFromColumnMenuPermissions(\n          showColumnHeaderMenus,\n        ),\n        allowTableSettings: tableSettingsFromColumnMenuPermissions(\n          showColumnHeaderMenus,\n        ),\n      },\n      tableConfig,\n    });\n\n  const handleColumnDisplayAction = useCallback<ColumnDisplayActionHandler>(\n    (action) => {\n      const { type } = action;\n      switch (type) {\n        case \"hideColumn\":\n          return hideColumns({\n            type: \"hideColumns\",\n            columns: [action.column],\n          });\n        case \"pinColumn\":\n          return pinColumn(action);\n        default:\n          logUnhandledMessage(type, \"[vuu-table] handleColumnDisplayAction\");\n      }\n      // }\n    },\n    [hideColumns, pinColumn],\n  );\n\n  const handleDisplaySettingsAction = useCallback<TableSettingsActionHandler>(\n    (action) => {\n      if (action.type === \"column-settings\") {\n        showColumnSettingsPanel(action);\n      } else {\n        showTableSettingsPanel();\n      }\n    },\n    [showColumnSettingsPanel, showTableSettingsPanel],\n  );\n\n  const handleColumnAction = useColumnActions({\n    dataSource,\n    onColumnDisplayAction: handleColumnDisplayAction,\n    onDisplaySettingsAction: handleDisplaySettingsAction,\n  });\n\n  const handleSort = useCallback(\n    (column: ColumnDescriptor, extendSort = false, sortType?: VuuSortType) => {\n      if (dataSource) {\n        dataSource.sort = toggleOrApplySort(\n          dataSource.sort,\n          column,\n          extendSort,\n          sortType,\n        );\n      }\n    },\n    [dataSource],\n  );\n\n  const resizeCells = useRef<HTMLElement[] | undefined>(undefined);\n\n  const onResizeColumn: TableColumnResizeHandler = useCallback(\n    (phase, columnName, width) => {\n      const column = columns.find((column) => column.name === columnName);\n      if (column) {\n        if (phase === \"resize\") {\n          resizeCells.current?.forEach((cell) => {\n            cell.style.width = `${width}px`;\n          });\n        } else if (phase === \"end\") {\n          resizeCells.current = undefined;\n          if (isValidNumber(width)) {\n            dispatchTableModelAction({\n              type: \"resizeColumn\",\n              phase,\n              column,\n              width,\n            });\n            onConfigChange?.(\n              stripInternalProperties(\n                updateTableConfig(tableConfig, {\n                  type: \"col-size\",\n                  column,\n                  columns,\n                  width,\n                }),\n              ),\n            );\n          }\n        } else {\n          const byColIndex = `[aria-colindex='${column.ariaColIndex}']`;\n          resizeCells.current = Array.from(\n            containerRef.current?.querySelectorAll(\n              `.vuuTableCell${byColIndex},.vuuTableHeaderCell${byColIndex},.vuuTableGroupHeaderCell${byColIndex}`,\n            ) ?? [],\n          );\n          dispatchTableModelAction({\n            type: \"resizeColumn\",\n            phase,\n            column,\n            width,\n          });\n        }\n      } else {\n        throw Error(\n          `useDataTable.handleColumnResize, column ${columnName} not found`,\n        );\n      }\n    },\n    [\n      columns,\n      dispatchTableModelAction,\n      onConfigChange,\n      tableConfig,\n      containerRef,\n    ],\n  );\n\n  const onToggleGroup = useCallback(\n    (row: DataSourceRow, column: RuntimeColumnDescriptor) => {\n      const isJson = isJsonGroup(column, row, columnMap);\n      const key = row[KEY];\n\n      if (row[IS_EXPANDED]) {\n        dataSource.closeTreeNode(key, true);\n        if (isJson) {\n          // TODO could this be instigated by an event emitted by the JsonDataSOurce ? \"hide-columns\" ?\n          const idx = columns.indexOf(column);\n          const rows = dataSource.getRowsAtDepth?.(idx + 1);\n          if (rows && !rows.some((row) => row[IS_EXPANDED] || row[IS_LEAF])) {\n            dispatchTableModelAction({\n              type: \"hideColumns\",\n              columns: columns.slice(idx + 2),\n            });\n          }\n        }\n      } else {\n        dataSource.openTreeNode(key);\n        if (isJson) {\n          const childRows = dataSource.getChildRows?.(key);\n          const idx = columns.indexOf(column) + 1;\n          const columnsToShow = [columns[idx]];\n          if (childRows && childRows.some((row) => row[IS_LEAF])) {\n            columnsToShow.push(columns[idx + 1]);\n          }\n          if (columnsToShow.some((col) => col.hidden)) {\n            dispatchTableModelAction({\n              type: \"showColumns\",\n              columns: columnsToShow,\n            });\n          }\n        }\n      }\n    },\n    [columnMap, columns, dataSource, dispatchTableModelAction],\n  );\n\n  // TODO combine with aboue\n  const handleToggleGroup = useCallback<GroupToggleHandler>(\n    (treeNodeOperation, rowIdx) => {\n      if (treeNodeOperation === \"expand\") {\n        dataSource.openTreeNode(rowIdx);\n      } else {\n        dataSource.closeTreeNode(rowIdx);\n      }\n    },\n    [dataSource],\n  );\n\n  const {\n    focusCell,\n    focusCellPlaceholderKeyDown,\n    focusCellPlaceholderRef,\n    setTableBodyRef: tableBodyRef,\n  } = useCellFocus({\n    cellFocusStateRef,\n    containerRef,\n    disableFocus,\n    requestScroll,\n  });\n\n  focusCellRef.current = focusCell;\n\n  const columnCount = columns.filter((c) => c.hidden !== true).length;\n\n  const {\n    highlightedIndexRef,\n    navigateCell: navigate,\n    onFocus: navigationFocus,\n    onKeyDown: navigationKeyDown,\n    ...containerProps\n  } = useKeyboardNavigation({\n    cellFocusStateRef,\n    columnCount,\n    containerRef,\n    disableFocus,\n    focusCell,\n    headerCount: headerState.count,\n    highlightedIndex: highlightedIndexProp,\n    navigationStyle,\n    requestScroll,\n    rowCount,\n    onHighlight,\n    onToggleGroup: handleToggleGroup,\n    viewportRange: range,\n    viewportRowCount: viewportMeasurements.rowCount,\n  });\n\n  const {\n    onBlur: editingBlur,\n    onDoubleClick: editingDoubleClick,\n    onKeyDown: editingKeyDown,\n    onFocus: editingFocus,\n  } = useCellEditing({\n    navigate,\n  });\n\n  const handleFocus = useCallback(\n    (e: FocusEvent<HTMLElement>) => {\n      navigationFocus();\n      if (!e.defaultPrevented) {\n        editingFocus(e);\n      }\n    },\n    [editingFocus, navigationFocus],\n  );\n\n  const onContextMenu = useTableContextMenu({\n    columns,\n    data,\n    dataSource,\n    getSelectedRows,\n    headerCount: headerState.count,\n  });\n\n  const onMoveGroupColumn = useCallback(\n    (columns: ColumnDescriptor[]) => {\n      dataSource.groupBy = columns.map((col) => col.name);\n    },\n    [dataSource],\n  );\n\n  const onRemoveGroupColumn = useCallback(\n    (column: RuntimeColumnDescriptor) => {\n      if (isGroupColumn(column)) {\n        dataSource.groupBy = [];\n      } else {\n        if (dataSource && dataSource.groupBy?.includes(column.name)) {\n          dataSource.groupBy = dataSource.groupBy.filter(\n            (columnName) => columnName !== column.name,\n          );\n        }\n      }\n    },\n    [dataSource],\n  );\n\n  const handleSelectionChange: SelectionChangeHandler =\n    useCallback<SelectionChangeHandler>(\n      (selectRequest) => {\n        dataSource.select?.(selectRequest);\n        onSelectionChange?.(selectRequest);\n      },\n      [dataSource, onSelectionChange],\n    );\n\n  const handleSelect = useCallback<TableRowSelectHandlerInternal>(\n    (row) => {\n      if (onSelect) {\n        onSelect(row === null ? null : rowToObject(row, columnMap));\n      }\n    },\n    [columnMap, onSelect, rowToObject],\n  );\n\n  const {\n    onKeyDown: selectionHookKeyDown,\n    onRowClick: selectionHookOnRowClick,\n  } = useSelection({\n    containerRef,\n    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, row, rangeSelect, keepExistingSelection) => {\n      selectionHookOnRowClick(evt, row, rangeSelect, keepExistingSelection);\n      onRowClickProp?.(evt, rowToObject(row, columnMap));\n    },\n    [columnMap, onRowClickProp, rowToObject, selectionHookOnRowClick],\n  );\n\n  const handleKeyDown = useCallback(\n    (e: KeyboardEvent<HTMLElement>) => {\n      cellBlockSelectionKeyDown?.(e);\n      if (!e.defaultPrevented) {\n        navigationKeyDown(e);\n      }\n      if (!e.defaultPrevented) {\n        editingKeyDown(e);\n      }\n      if (!e.defaultPrevented) {\n        selectionHookKeyDown(e);\n      }\n    },\n    [\n      cellBlockSelectionKeyDown,\n      navigationKeyDown,\n      editingKeyDown,\n      selectionHookKeyDown,\n    ],\n  );\n\n  const onMoveColumn = useCallback<ColumnMoveHandler>(\n    (columnName, columns) => {\n      const newTableConfig = {\n        ...tableConfig,\n        columns,\n      };\n\n      tableConfigRef.current = newTableConfig;\n\n      dispatchTableModelAction({\n        availableWidth,\n        type: \"init\",\n        tableConfig: newTableConfig,\n        dataSource,\n      });\n      onConfigChange?.(stripInternalProperties(newTableConfig));\n\n      setTimeout(() => {\n        const headerCell = getHeaderCell(containerRef, columnName);\n        if (headerCell) {\n          const { ariaColIndex } = headerCell;\n          const { ariaRowIndex } = headerCell.parentElement as HTMLDivElement;\n          const col = parseInt(ariaColIndex ?? \"-1\");\n          const row = parseInt(ariaRowIndex ?? \"-1\");\n          if (!isNaN(col) && col !== -1 && !isNaN(row) && row !== -1) {\n            focusCell([row, col]);\n          }\n        }\n      }, 300);\n    },\n    [\n      availableWidth,\n      containerRef,\n      dataSource,\n      dispatchTableModelAction,\n      focusCell,\n      onConfigChange,\n      tableConfig,\n    ],\n  );\n\n  const handleDropRow = useCallback(\n    // TODO - this should be GlobalDropHandler\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    (dragDropState: any) => {\n      onDrop?.(dragDropState);\n    },\n    [onDrop],\n  );\n\n  const handleDataEdited = useCallback(\n    async (editState: DataCellEditEvent) => {\n      const {\n        editType = \"commit\",\n        isValid = true,\n        row,\n        columnName,\n        value,\n      } = editState;\n      let result = undefined;\n      if (editType === \"commit\" && isValid) {\n        result = await dataSource.applyEdit(\n          row[KEY],\n          columnName,\n          value as VuuRowDataItemType,\n        );\n        onDataEditedProp?.({ ...editState, isValid: result === true });\n        return result;\n      } else {\n        onDataEditedProp?.(editState);\n      }\n    },\n    [dataSource, onDataEditedProp],\n  );\n\n  const handleDragStartRow = useCallback<DragStartHandler>(\n    (dragDropState) => {\n      const { initialDragElement } = dragDropState;\n      const rowIndex =\n        getAriaRowIndex(initialDragElement) - headerState.count - 1;\n      const row = dataRef.current.find((row) => row[0] === rowIndex);\n      if (row) {\n        dragDropState.setPayload(row);\n      } else {\n        // should we abort the operation ?\n      }\n      onDragStart?.(dragDropState);\n    },\n    [dataRef, headerState.count, onDragStart],\n  );\n\n  const onHeaderHeightMeasured = useCallback(\n    (height: number, count: number) => {\n      setHeaderState({ height, count });\n    },\n    [],\n  );\n\n  // Drag Drop rows\n  const { onMouseDown: rowDragMouseDown, draggable: draggableRow } =\n    useRowDragDrop({\n      allowDragDrop,\n      containerRef,\n      draggableClassName: `vuuTable`,\n      id,\n      onDragStart: handleDragStartRow,\n      onDrop: handleDropRow,\n      orientation: \"vertical\",\n      itemQuery: \".vuuTableRow\",\n    });\n\n  const handleMouseDown = useCallback<MouseEventHandler>(\n    (evt) => {\n      rowDragMouseDown?.(evt);\n      if (!evt.isPropagationStopped()) {\n        cellBlockHookMouseDown?.(evt);\n      }\n    },\n    [rowDragMouseDown, cellBlockHookMouseDown],\n  );\n\n  return {\n    ...containerProps,\n    \"aria-rowcount\": dataSource.size,\n    cellBlock,\n    columnMap,\n    columns,\n    data,\n    draggableRow,\n    focusCellPlaceholderKeyDown,\n    focusCellPlaceholderRef,\n    getRowOffset,\n    handleColumnAction,\n    headerState,\n    headings,\n    highlightedIndex: highlightedIndexRef.current,\n    onBlur: editingBlur,\n    onDoubleClick: editingDoubleClick,\n    onFocus: handleFocus,\n    onKeyDown: handleKeyDown,\n    onMouseDown: handleMouseDown,\n    onContextMenu,\n    onDataEdited: handleDataEdited,\n    onHeaderHeightMeasured,\n    onMoveColumn,\n    onMoveGroupColumn,\n    onRemoveGroupColumn,\n    onRowClick: handleRowClick,\n    onSortColumn: handleSort,\n    onResizeColumn,\n    onToggleGroup,\n    rowClassNameGenerator,\n    scrollProps,\n    // TODO don't think we need these ...\n    tableAttributes,\n    tableBodyRef,\n    tableConfig,\n    viewportMeasurements,\n  };\n};\n"],"names":["size","config","tableConfig","range","columns","column","row","cellBlock"],"mappings":"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"}
+{"version":3,"file":"useTable.js","sources":["../../../packages/vuu-table/src/useTable.ts"],"sourcesContent":["import {\n  DataSourceConfig,\n  DataSourceConfigChangeHandler,\n  DataSourceRow,\n  DataSourceSubscribedMessage,\n} from \"@vuu-ui/vuu-data-types\";\nimport { VuuRowDataItemType, VuuSortType } from \"@vuu-ui/vuu-protocol-types\";\nimport {\n  ColumnDisplayActionHandler,\n  columnSettingsFromColumnMenuPermissions,\n  TableSettingsActionHandler,\n  tableSettingsFromColumnMenuPermissions,\n  useColumnActions,\n  useTableAndColumnSettings,\n} from \"@vuu-ui/vuu-table-extras\";\nimport {\n  ColumnDescriptor,\n  ColumnMoveHandler,\n  DataCellEditEvent,\n  RuntimeColumnDescriptor,\n  SelectionChangeHandler,\n  TableColumnResizeHandler,\n  TableConfig,\n  TableRowClickHandlerInternal,\n  TableRowSelectHandlerInternal,\n  TableSelectionModel,\n} from \"@vuu-ui/vuu-table-types\";\nimport {\n  DragStartHandler,\n  MeasuredProps,\n  MeasuredSize,\n  useDragDrop,\n} from \"@vuu-ui/vuu-ui-controls\";\nimport {\n  asDataSourceRowObject,\n  buildColumnMap,\n  isGroupColumn,\n  isJsonGroup,\n  isValidNumber,\n  logUnhandledMessage,\n  metadataKeys,\n  toggleOrApplySort,\n  updateColumn,\n  useLayoutEffectSkipFirst,\n} from \"@vuu-ui/vuu-utils\";\nimport {\n  FocusEvent,\n  KeyboardEvent,\n  MouseEventHandler,\n  RefObject,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from \"react\";\nimport { TableCellBlock } from \"./cell-block/cellblock-utils\";\nimport { useCellBlockSelection } from \"./cell-block/useCellBlockSelection\";\nimport { CellFocusState } from \"./CellFocusState\";\nimport { TableProps } from \"./Table\";\nimport { updateTableConfig } from \"./table-config\";\nimport { getAriaRowIndex, getHeaderCell } from \"./table-dom-utils\";\nimport { useCellEditing } from \"./useCellEditing\";\nimport { FocusCell, useCellFocus } from \"./useCellFocus\";\nimport { useDataSource } from \"./useDataSource\";\nimport {\n  GroupToggleHandler,\n  useKeyboardNavigation,\n} from \"./useKeyboardNavigation\";\nimport { useRowClassNameGenerators } from \"./useRowClassNameGenerators\";\nimport { useSelection } from \"./useSelection\";\nimport { useTableContextMenu } from \"./useTableContextMenu\";\nimport {\n  ColumnActionHide,\n  ColumnActionPin,\n  useTableModel,\n} from \"./useTableModel\";\nimport { ScrollRequestHandler, useTableScroll } from \"./useTableScroll\";\nimport { useTableViewport } from \"./useTableViewport\";\n\ntype HeaderState = {\n  height: number;\n  count: number;\n};\n\nconst nullHeaderState = {\n  height: -1,\n  count: -1,\n};\nconst zeroHeaderState = {\n  height: 0,\n  count: 0,\n};\n\nconst stripInternalProperties = (tableConfig: TableConfig): TableConfig => {\n  return tableConfig;\n};\n\nexport interface TableHookProps\n  extends MeasuredProps,\n    Pick<\n      TableProps,\n      | \"allowCellBlockSelection\"\n      | \"allowDragDrop\"\n      | \"allowSelectCheckboxRow\"\n      | \"availableColumns\"\n      | \"config\"\n      | \"dataSource\"\n      | \"defaultSelectedKeyValues\"\n      | \"disableFocus\"\n      | \"highlightedIndex\"\n      | \"id\"\n      | \"navigationStyle\"\n      | \"onAvailableColumnsChange\"\n      | \"onConfigChange\"\n      | \"onDataEdited\"\n      | \"onDragStart\"\n      | \"onDrop\"\n      | \"onHighlight\"\n      | \"onSelect\"\n      | \"onSelectCellBlock\"\n      | \"onSelectionChange\"\n      | \"onRowClick\"\n      | \"renderBufferSize\"\n      | \"revealSelected\"\n      | \"rowToObject\"\n      | \"scrollingApiRef\"\n      | \"selectionBookendWidth\"\n      | \"showColumnHeaderMenus\"\n      | \"showColumnHeaders\"\n      | \"showPaginationControls\"\n    > {\n  containerRef: RefObject<HTMLDivElement | null>;\n  rowHeight: number;\n  selectionModel: TableSelectionModel;\n  size: MeasuredSize;\n}\n\nconst { KEY, IS_EXPANDED, IS_LEAF } = metadataKeys;\n\nconst NULL_DRAG_DROP = {\n  draggable: undefined,\n  onMouseDown: undefined,\n};\nconst useNullDragDrop = () => NULL_DRAG_DROP;\n\nconst addColumn = (\n  tableConfig: TableConfig,\n  column: ColumnDescriptor,\n): TableConfig => ({\n  ...tableConfig,\n  columns: tableConfig.columns.concat(column),\n});\n\nexport const useTable = ({\n  allowCellBlockSelection,\n  allowSelectCheckboxRow,\n  allowDragDrop = false,\n  availableColumns,\n  config,\n  containerRef,\n  dataSource,\n  defaultSelectedKeyValues,\n  disableFocus,\n  highlightedIndex: highlightedIndexProp,\n  id,\n  navigationStyle = \"cell\",\n  onAvailableColumnsChange,\n  onConfigChange,\n  onDataEdited: onDataEditedProp,\n  onDragStart,\n  onDrop,\n  onHighlight,\n  onRowClick: onRowClickProp,\n  onSelect,\n  onSelectCellBlock,\n  onSelectionChange,\n  renderBufferSize = 0,\n  revealSelected,\n  rowHeight = 20,\n  rowToObject = asDataSourceRowObject,\n  scrollingApiRef,\n  selectionBookendWidth = 4,\n  selectionModel,\n  showColumnHeaderMenus = true,\n  showColumnHeaders,\n  showPaginationControls,\n  size,\n}: TableHookProps) => {\n  const tableConfigRef = useRef<TableConfig>(config);\n  // avoids a hook dependency on requestScroll, important to avoid re-registering config handler\n  const requestScrollRef = useRef<ScrollRequestHandler | undefined>(undefined);\n  useMemo(() => {\n    tableConfigRef.current = config;\n  }, [config]);\n\n  // state is mutated, so make every component gets a fresh copy\n  const initialState = useMemo(() => new CellFocusState(), []);\n\n  const cellFocusStateRef = useRef<CellFocusState>(initialState);\n  // Needed to avoid circular dependency between useTableScroll and useCellFocus\n  const focusCellRef = useRef<FocusCell>(undefined);\n\n  const [headerState, setHeaderState] = useState<HeaderState>(\n    showColumnHeaders ? nullHeaderState : zeroHeaderState,\n  );\n  const [rowCount, setRowCount] = useState<number>(dataSource.size);\n  if (dataSource === undefined) {\n    throw Error(\"no data source provided to Vuu Table\");\n  }\n\n  const onDataRowcountChange = useCallback((size: number) => {\n    setRowCount(size);\n  }, []);\n\n  const virtualContentHeight = rowHeight * rowCount;\n  const viewportBodyHeight =\n    size.height - (headerState.height === -1 ? 0 : headerState.height);\n  const verticalScrollbarWidth =\n    virtualContentHeight > viewportBodyHeight ? 10 : 0;\n  const availableWidth =\n    size.width - (verticalScrollbarWidth + 2 * selectionBookendWidth);\n\n  const rowClassNameGenerator = useRowClassNameGenerators(config);\n\n  const useRowDragDrop = allowDragDrop ? useDragDrop : useNullDragDrop;\n\n  const {\n    columns,\n    dispatchTableModelAction,\n    headings,\n    tableAttributes,\n    tableConfig,\n  } = useTableModel({ config, dataSource, selectionModel, availableWidth });\n\n  // this is realy here to capture changes to available Width - typically when we get\n  // rowcount so add allowance for vertical scrollbar, reducing available width\n  // including dataSource is causing us to do unnecessary work in useTableModel\n  // split this into multiple effects\n  useLayoutEffectSkipFirst(() => {\n    dispatchTableModelAction({\n      availableWidth,\n      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) => {\n      dispatchTableModelAction({\n        availableWidth,\n        selectionModel,\n        type: \"init\",\n        tableConfig: config,\n        dataSource,\n      });\n      tableConfigRef.current = config;\n      onConfigChange?.(stripInternalProperties(config));\n    },\n    [\n      availableWidth,\n      dataSource,\n      dispatchTableModelAction,\n      onConfigChange,\n      selectionModel,\n    ],\n  );\n\n  const columnMap = useMemo(\n    () => buildColumnMap(dataSource.columns),\n    [dataSource.columns],\n  );\n\n  const onSubscribed = useCallback(\n    ({ tableSchema }: DataSourceSubscribedMessage) => {\n      if (tableSchema) {\n        dispatchTableModelAction({\n          type: \"setTableSchema\",\n          tableSchema,\n        });\n      } else {\n        console.log(\"subscription message with no schema\");\n      }\n    },\n    [dispatchTableModelAction],\n  );\n\n  const {\n    getRowAtPosition,\n    getRowOffset,\n    setInSituRowOffset: viewportHookSetInSituRowOffset,\n    setScrollTop: viewportHookSetScrollTop,\n    ...viewportMeasurements\n  } = useTableViewport({\n    columns,\n    headerHeight: headerState.height,\n    rowCount,\n    rowHeight,\n    selectionEndSize: selectionBookendWidth,\n    size: size,\n    showPaginationControls,\n  });\n\n  const { data, dataRef, getSelectedRows, range, setRange } = useDataSource({\n    dataSource,\n    defaultSelectedKeyValues,\n    renderBufferSize,\n    revealSelected,\n    onSizeChange: onDataRowcountChange,\n    onSubscribed,\n  });\n\n  const { requestScroll, ...scrollProps } = useTableScroll({\n    cellFocusStateRef,\n    columns,\n    focusCell: focusCellRef.current,\n    getRowAtPosition,\n    rowHeight,\n    scrollingApiRef,\n    setRange,\n    showPaginationControls,\n    onVerticalScroll: viewportHookSetScrollTop,\n    onVerticalScrollInSitu: viewportHookSetInSituRowOffset,\n    viewportMeasurements,\n  });\n  // avoids a hook dependency on requestScroll, important to avoid re-registering config handler\n  requestScrollRef.current = requestScroll;\n\n  // TODO does this belong here ?\n  const handleConfigEditedInSettingsPanel = useCallback(\n    (tableConfig: TableConfig) => {\n      dispatchTableModelAction({\n        availableWidth,\n        dataSource,\n        selectionModel,\n        tableConfig,\n        type: \"init\",\n      });\n      tableConfigRef.current = tableConfig;\n      onConfigChange?.(stripInternalProperties(tableConfig));\n    },\n    [\n      availableWidth,\n      dataSource,\n      dispatchTableModelAction,\n      onConfigChange,\n      selectionModel,\n    ],\n  );\n\n  const handleDataSourceConfigChanged = useCallback(\n    (dataSourceConfig: DataSourceConfig) => {\n      dataSource.config = {\n        ...dataSource.config,\n        ...dataSourceConfig,\n      };\n    },\n    [dataSource],\n  );\n\n  const handleConfigChange = useCallback<DataSourceConfigChangeHandler>(\n    (config, range, confirmed, changes) => {\n      const scrollSensitiveChanges =\n        changes?.filterChanged || changes?.groupByChanged;\n      if (scrollSensitiveChanges && range.from > 0) {\n        requestScrollRef.current?.({\n          type: \"scroll-end\",\n          direction: \"home\",\n        });\n      }\n      dispatchTableModelAction({\n        type: \"tableConfig\",\n        ...config,\n        confirmed,\n      });\n    },\n    [dispatchTableModelAction],\n  );\n\n  useEffect(() => {\n    dataSource.on(\"config\", handleConfigChange);\n    return () => {\n      dataSource.removeListener(\"config\", handleConfigChange);\n    };\n  }, [dataSource, dispatchTableModelAction, handleConfigChange]);\n\n  const handleCreateCalculatedColumn = useCallback(\n    (column: ColumnDescriptor) => {\n      dataSource.columns = dataSource.columns.concat(column.name);\n      applyTableConfigChange(addColumn(tableConfig, column));\n    },\n    [dataSource, tableConfig, applyTableConfigChange],\n  );\n\n  const hideColumns = useCallback(\n    (action: ColumnActionHide) => {\n      const { columns } = action;\n      const hiddenColumns = columns.map((c) => c.name);\n      const newTableConfig = {\n        ...tableConfig,\n        columns: tableConfig.columns.map((col) =>\n          hiddenColumns.includes(col.name) ? { ...col, hidden: true } : col,\n        ),\n      };\n      applyTableConfigChange(newTableConfig);\n    },\n    [tableConfig, applyTableConfigChange],\n  );\n\n  const pinColumn = useCallback(\n    (action: ColumnActionPin) => {\n      applyTableConfigChange({\n        ...tableConfig,\n        columns: updateColumn(tableConfig.columns, {\n          ...action.column,\n          pin: action.pin,\n        }),\n      });\n    },\n    [tableConfig, applyTableConfigChange],\n  );\n\n  const { showColumnSettingsPanel, showTableSettingsPanel } =\n    useTableAndColumnSettings({\n      availableColumns:\n        availableColumns ??\n        tableConfig.columns.map(({ name, serverDataType = \"string\" }) => ({\n          name,\n          serverDataType,\n        })),\n      onAvailableColumnsChange,\n      onConfigChange: handleConfigEditedInSettingsPanel,\n      onCreateCalculatedColumn: handleCreateCalculatedColumn,\n      onDataSourceConfigChange: handleDataSourceConfigChanged,\n      settingsPermissions: {\n        allowColumnSettings: columnSettingsFromColumnMenuPermissions(\n          showColumnHeaderMenus,\n        ),\n        allowTableSettings: tableSettingsFromColumnMenuPermissions(\n          showColumnHeaderMenus,\n        ),\n      },\n      tableConfig,\n    });\n\n  const handleColumnDisplayAction = useCallback<ColumnDisplayActionHandler>(\n    (action) => {\n      const { type } = action;\n      switch (type) {\n        case \"hideColumn\":\n          return hideColumns({\n            type: \"hideColumns\",\n            columns: [action.column],\n          });\n        case \"pinColumn\":\n          return pinColumn(action);\n        default:\n          logUnhandledMessage(type, \"[vuu-table] handleColumnDisplayAction\");\n      }\n      // }\n    },\n    [hideColumns, pinColumn],\n  );\n\n  const handleDisplaySettingsAction = useCallback<TableSettingsActionHandler>(\n    (action) => {\n      if (action.type === \"column-settings\") {\n        showColumnSettingsPanel(action);\n      } else {\n        showTableSettingsPanel();\n      }\n    },\n    [showColumnSettingsPanel, showTableSettingsPanel],\n  );\n\n  const handleColumnAction = useColumnActions({\n    dataSource,\n    onColumnDisplayAction: handleColumnDisplayAction,\n    onDisplaySettingsAction: handleDisplaySettingsAction,\n  });\n\n  const handleSort = useCallback(\n    (column: ColumnDescriptor, extendSort = false, sortType?: VuuSortType) => {\n      if (dataSource) {\n        dataSource.sort = toggleOrApplySort(\n          dataSource.sort,\n          column,\n          extendSort,\n          sortType,\n        );\n      }\n    },\n    [dataSource],\n  );\n\n  const resizeCells = useRef<HTMLElement[] | undefined>(undefined);\n\n  const onResizeColumn: TableColumnResizeHandler = useCallback(\n    (phase, columnName, width) => {\n      const column = columns.find((column) => column.name === columnName);\n      if (column) {\n        if (phase === \"resize\") {\n          resizeCells.current?.forEach((cell) => {\n            cell.style.width = `${width}px`;\n          });\n        } else if (phase === \"end\") {\n          resizeCells.current = undefined;\n          if (isValidNumber(width)) {\n            dispatchTableModelAction({\n              type: \"resizeColumn\",\n              phase,\n              column,\n              width,\n            });\n            onConfigChange?.(\n              stripInternalProperties(\n                updateTableConfig(tableConfig, {\n                  type: \"col-size\",\n                  column,\n                  columns,\n                  width,\n                }),\n              ),\n            );\n          }\n        } else {\n          const byColIndex = `[aria-colindex='${column.ariaColIndex}']`;\n          resizeCells.current = Array.from(\n            containerRef.current?.querySelectorAll(\n              `.vuuTableCell${byColIndex},.vuuTableHeaderCell${byColIndex},.vuuTableGroupHeaderCell${byColIndex}`,\n            ) ?? [],\n          );\n          dispatchTableModelAction({\n            type: \"resizeColumn\",\n            phase,\n            column,\n            width,\n          });\n        }\n      } else {\n        throw Error(\n          `useDataTable.handleColumnResize, column ${columnName} not found`,\n        );\n      }\n    },\n    [\n      columns,\n      dispatchTableModelAction,\n      onConfigChange,\n      tableConfig,\n      containerRef,\n    ],\n  );\n\n  const onToggleGroup = useCallback(\n    (row: DataSourceRow, column: RuntimeColumnDescriptor) => {\n      const isJson = isJsonGroup(column, row, columnMap);\n      const key = row[KEY];\n\n      if (row[IS_EXPANDED]) {\n        dataSource.closeTreeNode(key, true);\n        if (isJson) {\n          // TODO could this be instigated by an event emitted by the JsonDataSOurce ? \"hide-columns\" ?\n          const idx = columns.indexOf(column);\n          const rows = dataSource.getRowsAtDepth?.(idx + 1);\n          if (rows && !rows.some((row) => row[IS_EXPANDED] || row[IS_LEAF])) {\n            dispatchTableModelAction({\n              type: \"hideColumns\",\n              columns: columns.slice(idx + 2),\n            });\n          }\n        }\n      } else {\n        dataSource.openTreeNode(key);\n        if (isJson) {\n          const childRows = dataSource.getChildRows?.(key);\n          const idx = columns.indexOf(column) + 1;\n          const columnsToShow = [columns[idx]];\n          if (childRows && childRows.some((row) => row[IS_LEAF])) {\n            columnsToShow.push(columns[idx + 1]);\n          }\n          if (columnsToShow.some((col) => col.hidden)) {\n            dispatchTableModelAction({\n              type: \"showColumns\",\n              columns: columnsToShow,\n            });\n          }\n        }\n      }\n    },\n    [columnMap, columns, dataSource, dispatchTableModelAction],\n  );\n\n  // TODO combine with aboue\n  const handleToggleGroup = useCallback<GroupToggleHandler>(\n    (treeNodeOperation, rowIdx) => {\n      if (treeNodeOperation === \"expand\") {\n        dataSource.openTreeNode(rowIdx);\n      } else {\n        dataSource.closeTreeNode(rowIdx);\n      }\n    },\n    [dataSource],\n  );\n\n  const {\n    focusCell,\n    focusCellPlaceholderKeyDown,\n    focusCellPlaceholderRef,\n    setTableBodyRef: tableBodyRef,\n  } = useCellFocus({\n    cellFocusStateRef,\n    containerRef,\n    disableFocus,\n    requestScroll,\n  });\n\n  focusCellRef.current = focusCell;\n\n  const columnCount = columns.filter((c) => c.hidden !== true).length;\n\n  const {\n    highlightedIndexRef,\n    navigateCell: navigate,\n    onFocus: navigationFocus,\n    onKeyDown: navigationKeyDown,\n    ...containerProps\n  } = useKeyboardNavigation({\n    cellFocusStateRef,\n    columnCount,\n    containerRef,\n    disableFocus,\n    focusCell,\n    headerCount: headerState.count,\n    highlightedIndex: highlightedIndexProp,\n    navigationStyle,\n    requestScroll,\n    rowCount,\n    onHighlight,\n    onToggleGroup: handleToggleGroup,\n    viewportRange: range,\n    viewportRowCount: viewportMeasurements.rowCount,\n  });\n\n  const {\n    onBlur: editingBlur,\n    onDoubleClick: editingDoubleClick,\n    onKeyDown: editingKeyDown,\n    onFocus: editingFocus,\n  } = useCellEditing({\n    navigate,\n  });\n\n  const handleFocus = useCallback(\n    (e: FocusEvent<HTMLElement>) => {\n      navigationFocus();\n      if (!e.defaultPrevented) {\n        editingFocus(e);\n      }\n    },\n    [editingFocus, navigationFocus],\n  );\n\n  const onContextMenu = useTableContextMenu({\n    columns,\n    data,\n    dataSource,\n    getSelectedRows,\n    headerCount: headerState.count,\n  });\n\n  const onMoveGroupColumn = useCallback(\n    (columns: ColumnDescriptor[]) => {\n      dataSource.groupBy = columns.map((col) => col.name);\n    },\n    [dataSource],\n  );\n\n  const onRemoveGroupColumn = useCallback(\n    (column: RuntimeColumnDescriptor) => {\n      if (isGroupColumn(column)) {\n        dataSource.groupBy = [];\n      } else {\n        if (dataSource && dataSource.groupBy?.includes(column.name)) {\n          dataSource.groupBy = dataSource.groupBy.filter(\n            (columnName) => columnName !== column.name,\n          );\n        }\n      }\n    },\n    [dataSource],\n  );\n\n  const handleSelectionChange: SelectionChangeHandler =\n    useCallback<SelectionChangeHandler>(\n      (selectRequest) => {\n        dataSource.select?.(selectRequest);\n        onSelectionChange?.(selectRequest);\n      },\n      [dataSource, onSelectionChange],\n    );\n\n  const handleSelect = useCallback<TableRowSelectHandlerInternal>(\n    (row) => {\n      if (onSelect) {\n        onSelect(row === null ? null : rowToObject(row, columnMap));\n      }\n    },\n    [columnMap, onSelect, rowToObject],\n  );\n\n  const {\n    allRowsSelected,\n    onCheckBoxColumnHeaderClick,\n    onKeyDown: selectionHookKeyDown,\n    onRowClick: selectionHookOnRowClick,\n  } = useSelection({\n    allowSelectCheckboxRow,\n    containerRef,\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, row, rangeSelect, keepExistingSelection) => {\n      selectionHookOnRowClick(evt, row, rangeSelect, keepExistingSelection);\n      onRowClickProp?.(evt, rowToObject(row, columnMap));\n    },\n    [columnMap, onRowClickProp, rowToObject, selectionHookOnRowClick],\n  );\n\n  const handleKeyDown = useCallback(\n    (e: KeyboardEvent<HTMLElement>) => {\n      cellBlockSelectionKeyDown?.(e);\n      if (!e.defaultPrevented) {\n        navigationKeyDown(e);\n      }\n      if (!e.defaultPrevented) {\n        editingKeyDown(e);\n      }\n      if (!e.defaultPrevented) {\n        selectionHookKeyDown(e);\n      }\n    },\n    [\n      cellBlockSelectionKeyDown,\n      navigationKeyDown,\n      editingKeyDown,\n      selectionHookKeyDown,\n    ],\n  );\n\n  const onMoveColumn = useCallback<ColumnMoveHandler>(\n    (columnName, columns) => {\n      const newTableConfig = {\n        ...tableConfig,\n        columns,\n      };\n\n      tableConfigRef.current = newTableConfig;\n\n      dispatchTableModelAction({\n        availableWidth,\n        type: \"init\",\n        tableConfig: newTableConfig,\n        dataSource,\n      });\n      onConfigChange?.(stripInternalProperties(newTableConfig));\n\n      setTimeout(() => {\n        const headerCell = getHeaderCell(containerRef, columnName);\n        if (headerCell) {\n          const { ariaColIndex } = headerCell;\n          const { ariaRowIndex } = headerCell.parentElement as HTMLDivElement;\n          const col = parseInt(ariaColIndex ?? \"-1\");\n          const row = parseInt(ariaRowIndex ?? \"-1\");\n          if (!isNaN(col) && col !== -1 && !isNaN(row) && row !== -1) {\n            focusCell([row, col]);\n          }\n        }\n      }, 300);\n    },\n    [\n      availableWidth,\n      containerRef,\n      dataSource,\n      dispatchTableModelAction,\n      focusCell,\n      onConfigChange,\n      tableConfig,\n    ],\n  );\n\n  const handleDropRow = useCallback(\n    // TODO - this should be GlobalDropHandler\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    (dragDropState: any) => {\n      onDrop?.(dragDropState);\n    },\n    [onDrop],\n  );\n\n  const handleDataEdited = useCallback(\n    async (editState: DataCellEditEvent) => {\n      const {\n        editType = \"commit\",\n        isValid = true,\n        row,\n        columnName,\n        value,\n      } = editState;\n      let result = undefined;\n      if (editType === \"commit\" && isValid) {\n        result = await dataSource.applyEdit(\n          row[KEY],\n          columnName,\n          value as VuuRowDataItemType,\n        );\n        onDataEditedProp?.({ ...editState, isValid: result === true });\n        return result;\n      } else {\n        onDataEditedProp?.(editState);\n      }\n    },\n    [dataSource, onDataEditedProp],\n  );\n\n  const handleDragStartRow = useCallback<DragStartHandler>(\n    (dragDropState) => {\n      const { initialDragElement } = dragDropState;\n      const rowIndex =\n        getAriaRowIndex(initialDragElement) - headerState.count - 1;\n      const row = dataRef.current.find((row) => row[0] === rowIndex);\n      if (row) {\n        dragDropState.setPayload(row);\n      } else {\n        // should we abort the operation ?\n      }\n      onDragStart?.(dragDropState);\n    },\n    [dataRef, headerState.count, onDragStart],\n  );\n\n  const onHeaderHeightMeasured = useCallback(\n    (height: number, count: number) => {\n      setHeaderState({ height, count });\n    },\n    [],\n  );\n\n  // Drag Drop rows\n  const { onMouseDown: rowDragMouseDown, draggable: draggableRow } =\n    useRowDragDrop({\n      allowDragDrop,\n      containerRef,\n      draggableClassName: `vuuTable`,\n      id,\n      onDragStart: handleDragStartRow,\n      onDrop: handleDropRow,\n      orientation: \"vertical\",\n      itemQuery: \".vuuTableRow\",\n    });\n\n  const handleMouseDown = useCallback<MouseEventHandler>(\n    (evt) => {\n      rowDragMouseDown?.(evt);\n      if (!evt.isPropagationStopped()) {\n        cellBlockHookMouseDown?.(evt);\n      }\n    },\n    [rowDragMouseDown, cellBlockHookMouseDown],\n  );\n\n  return {\n    ...containerProps,\n    allRowsSelected,\n    \"aria-rowcount\": dataSource.size,\n    cellBlock,\n    columnMap,\n    columns,\n    data,\n    draggableRow,\n    focusCellPlaceholderKeyDown,\n    focusCellPlaceholderRef,\n    getRowOffset,\n    handleColumnAction,\n    headerState,\n    headings,\n    highlightedIndex: highlightedIndexRef.current,\n    onBlur: editingBlur,\n    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":["size","config","tableConfig","range","columns","column","row","cellBlock"],"mappings":"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"}