@vuu-ui/vuu-table 0.8.92 → 0.8.94

package/cjs/Table.css.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var tableCss = ".vuuTable {\n  --vuu-table-cell-outlineWidth: 1px;\n  --table-height: var(--measured-px-height);\n  --table-width: var(--measured-px-width);\n  --vuu-table-next-selection-bookend-width: 4px;\n  --vuu-table-embedded-control-height: calc(var(--row-height) - 3px);\n  --vuu-table-col-header-height: var(--vuuTableHeaderCell-height, 25px);\n  --vuu-table-col-heading-height: 25px;\n  --columnResizer-color: transparent;\n  --row-height: var(\n    --row-height-prop,\n    var(--vuu-table-row-height, var(--salt-size-base))\n  );\n\n  --cell-borderColor: transparent;\n  --row-borderColor: var(--row-background);\n  --table-background: var(--salt-container-primary-background);\n\n  background: var(--table-background);\n  font-family: var(\n    --vuuTable-fontFamily,\n    var(--salt-typography-fontFamily, sans-serif)\n  );\n  font-size: var(--vuuTable-fontSize, var(--salt-text-fontSize, 12px));\n  position: relative;\n  user-select: none;\n}\n\n.vuuTable-zebra {\n  --row-background-even: var(--salt-palette-neutral-secondary-background);\n}\n\n.vuuTable-colLines {\n  --cell-borderColor: var(--salt-separable-tertiary-borderColor);\n}\n\n.vuuTable-rowLines {\n  --row-borderColor: var(--salt-separable-tertiary-borderColor);\n}\n\n.vuuTable-scrollbarContainer {\n  border-bottom: none !important;\n  border-top: none !important;\n  border-left: solid 1px var(--salt-container-primary-borderColor);\n  /*  a top border */\n  /** creates a border to top od scrollbar */\n  /* box-shadow: 0px -1px 0px 0px var(--salt-container-primary-borderColor); */\n  height: var(--viewport-body-height);\n  left: 0px;\n  overflow: auto;\n  position: absolute;\n  top: var(--total-header-height);\n  width: var(--table-width);\n}\n\n.vuuTable-scrollbarContainer::-webkit-scrollbar {\n  width: 10px;\n}\n\n.vuuTable-scrollbarContainer::-webkit-scrollbar:horizontal {\n  height: 10px;\n}\n\n.vuuTable-scrollbarContainer::-webkit-scrollbar-track {\n  background-color: transparent;\n}\n.vuuTable-scrollbarContainer::-webkit-scrollbar-thumb {\n  background-clip: padding-box;\n  border-radius: 10px;\n  border: 2px solid rgba(0, 0, 0, 0);\n  background-color: var(--vuu-color-gray-30);\n}\n\n.vuuTable-scrollbarContent {\n  height: calc(var(--content-height) + var(--horizontal-scrollbar-height));\n  position: absolute;\n  width: var(--content-width);\n}\n\n.vuuTable-contentContainer {\n  background: var(--table-background);\n  height: calc(var(--table-height) - var(--horizontal-scrollbar-height));\n  position: relative;\n  overflow: auto;\n  overscroll-behavior: none;\n  width: calc(var(--table-width) - var(--vertical-scrollbar-width));\n}\n\n.vuuTable-contentContainer::-webkit-scrollbar {\n  display: none;\n}\n\n.vuuTable-table {\n  position: absolute;\n  top: 0;\n  left: 0;\n  table-layout: fixed;\n  width: var(--content-width);\n  margin: 0;\n  border: none;\n  border-collapse: separate;\n  border-spacing: 0;\n}\n\n.vuuTable-body {\n  height: var(--content-height);\n  position: relative;\n}\n\n.vuuPinLeft,\n.vuuPinRight {\n  background-color: inherit;\n  position: sticky;\n  z-index: 1;\n}\n\n.vuuTable-col-headings {\n  background-color: var(\n    --vuuTableColHeadings-background,\n    var(--table-background)\n  );\n  padding: 0 var(--vuu-table-next-selection-bookend-width, 0);\n  position: sticky;\n  top: 0;\n  /* ensure header row sits atop everything else when scrolling down */\n  z-index: 1;\n}\n\n.vuuTable-col-headings:hover {\n  --columnResizer-height: var(--vuu-table-col-header-height);\n  --columnResizer-color: var(--salt-separable-tertiary-borderColor);\n}\n\n.vuuTable-heading {\n  height: var(--vuu-table-col-heading-height);\n}\n\n.vuuTable-col-headers {\n  background-color: var(\n    --vuuTableColHeadings-background,\n    var(--vuuTableColHeadings-background)\n  );\n  border-bottom: solid 1px\n    var(\n      --vuuTableColHeaders-borderColor,\n      var(--salt-separable-secondary-borderColor)\n    );\n  color: var(--salt-content-secondary-foreground);\n  height: var(--vuu-table-col-header-height);\n  white-space: nowrap;\n\n  .vuuDraggable-spacer {\n    border-bottom: solid 1px #ccc;\n    height: var(--vuu-table-col-header-height);\n  }\n}\n\n.sizer-cell {\n  border: none !important;\n  height: 0px;\n}\n\n.vuuDraggable-vuuTable {\n  --cell-borderColor: transparent;\n  --vuu-table-col-header-height: var(--vuuTableHeaderCell-height, 25px);\n  --vuuTableHeaderCell-background: var(--salt-container-secondary-background);\n}\n.vuuDraggable-vuuTable {\n  --row-height: 25px;\n}\n";
+var tableCss = ".vuuTable {\n  --vuu-table-cell-outlineWidth: 1px;\n  --table-height: var(--measured-px-height);\n  --table-width: var(--measured-px-width);\n  --vuu-table-next-selection-bookend-width: 4px;\n  --vuu-table-embedded-control-height: calc(var(--row-height) - 3px);\n  --vuu-table-col-header-height: var(--vuuTableHeaderCell-height, 25px);\n  --vuu-table-col-heading-height: 25px;\n  --columnResizer-color: transparent;\n  --row-height: var(\n    --row-height-prop,\n    var(--vuu-table-row-height, var(--salt-size-base))\n  );\n\n  --cell-borderColor: transparent;\n  --row-borderColor: var(--row-background);\n  --table-background: var(--salt-container-primary-background);\n\n  background: var(--table-background);\n  font-family: var(\n    --vuuTable-fontFamily,\n    var(--salt-typography-fontFamily, sans-serif)\n  );\n  font-size: var(--vuuTable-fontSize, var(--salt-text-fontSize, 12px));\n  position: relative;\n  user-select: none;\n}\n\n.vuuTable-zebra {\n  --row-background-even: var(--salt-palette-neutral-secondary-background);\n}\n\n.vuuTable-colLines {\n  --cell-borderColor: var(--salt-separable-tertiary-borderColor);\n}\n\n.vuuTable-rowLines {\n  --row-borderColor: var(--salt-separable-tertiary-borderColor);\n}\n\n.vuuTable-scrollbarContainer {\n  border-bottom: none !important;\n  border-top: none !important;\n  border-left: solid 1px var(--salt-container-primary-borderColor);\n  /*  a top border */\n  /** creates a border to top od scrollbar */\n  /* box-shadow: 0px -1px 0px 0px var(--salt-container-primary-borderColor); */\n  height: var(--viewport-body-height);\n  left: 0px;\n  overflow: auto;\n  position: absolute;\n  top: var(--total-header-height);\n  width: var(--table-width);\n}\n\n.vuuTable-scrollbarContainer::-webkit-scrollbar {\n  width: 10px;\n}\n\n.vuuTable-scrollbarContainer::-webkit-scrollbar:horizontal {\n  height: 10px;\n}\n\n.vuuTable-scrollbarContainer::-webkit-scrollbar-track {\n  background-color: transparent;\n}\n.vuuTable-scrollbarContainer::-webkit-scrollbar-thumb {\n  background-clip: padding-box;\n  border-radius: 10px;\n  border: 2px solid rgba(0, 0, 0, 0);\n  background-color: var(--vuu-color-gray-30);\n}\n\n.vuuTable-scrollbarContent {\n  height: calc(var(--content-height) + var(--horizontal-scrollbar-height));\n  position: absolute;\n  width: var(--content-width);\n}\n\n.vuuTable-contentContainer {\n  background: var(--table-background);\n  height: calc(100% - var(--horizontal-scrollbar-height));\n  position: relative;\n  overflow: auto;\n  overscroll-behavior: none;\n  width: calc(var(--table-width) - var(--vertical-scrollbar-width));\n}\n\n.vuuTable-contentContainer::-webkit-scrollbar {\n  display: none;\n}\n\n.vuuTable-table {\n  position: absolute;\n  top: 0;\n  left: 0;\n  table-layout: fixed;\n  width: var(--content-width);\n  margin: 0;\n  border: none;\n  border-collapse: separate;\n  border-spacing: 0;\n}\n\n.vuuTable-body {\n  height: var(--content-height);\n  position: relative;\n}\n\n.vuuPinLeft,\n.vuuPinRight {\n  background-color: inherit;\n  position: sticky;\n  z-index: 1;\n}\n\n.vuuTable-col-headings {\n  background-color: var(\n    --vuuTableColHeadings-background,\n    var(--table-background)\n  );\n  padding: 0 var(--vuu-table-next-selection-bookend-width, 0);\n  position: sticky;\n  top: 0;\n  /* ensure header row sits atop everything else when scrolling down */\n  z-index: 1;\n}\n\n.vuuTable-col-headings:hover {\n  --columnResizer-height: var(--vuu-table-col-header-height);\n  --columnResizer-color: var(--salt-separable-tertiary-borderColor);\n}\n\n.vuuTable-heading {\n  height: var(--vuu-table-col-heading-height);\n}\n\n.vuuTable-col-headers {\n  background-color: var(\n    --vuuTableColHeadings-background,\n    var(--vuuTableColHeadings-background)\n  );\n  border-bottom: solid 1px\n    var(\n      --vuuTableColHeaders-borderColor,\n      var(--salt-separable-secondary-borderColor)\n    );\n  color: var(--salt-content-secondary-foreground);\n  height: var(--vuu-table-col-header-height);\n  white-space: nowrap;\n\n  .vuuDraggable-spacer {\n    border-bottom: solid 1px #ccc;\n    height: var(--vuu-table-col-header-height);\n  }\n}\n\n.sizer-cell {\n  border: none !important;\n  height: 0px;\n}\n\n.vuuDraggable-vuuTable {\n  --cell-borderColor: transparent;\n  --vuu-table-col-header-height: var(--vuuTableHeaderCell-height, 25px);\n  --vuuTableHeaderCell-background: var(--salt-container-secondary-background);\n}\n.vuuDraggable-vuuTable {\n  --row-height: 25px;\n}\n";
 
 module.exports = tableCss;
 //# sourceMappingURL=Table.css.js.map

package/cjs/moving-window.js

@@ -2,16 +2,21 @@
 
 var vuuUtils = require('@vuu-ui/vuu-utils');
 
+var __defProp = Object.defineProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
 const { SELECTED } = vuuUtils.metadataKeys;
 class MovingWindow {
   constructor({ from, to }) {
-    this.rowCount = 0;
-    this.setRowCount = (rowCount) => {
+    __publicField(this, "data");
+    __publicField(this, "rowCount", 0);
+    __publicField(this, "range");
+    __publicField(this, "setRowCount", (rowCount) => {
       if (rowCount < this.data.length) {
         this.data.length = rowCount;
       }
       this.rowCount = rowCount;
-    };
+    });
     this.range = new vuuUtils.WindowRange(from, to);
     this.data = new Array(Math.max(0, to - from));
     this.rowCount = 0;

package/cjs/moving-window.js.map

@@ -1 +1 @@
-{"version":3,"file":"moving-window.js","sources":["../src/moving-window.ts"],"sourcesContent":["import { DataSourceRow } from \"@vuu-ui/vuu-data-types\";\nimport {\n  isRowSelectedLast,\n  metadataKeys,\n  WindowRange,\n} from \"@vuu-ui/vuu-utils\";\nimport { VuuRange } from \"@vuu-ui/vuu-protocol-types\";\n\nconst { SELECTED } = metadataKeys;\n\nexport class MovingWindow {\n  public data: DataSourceRow[];\n  public rowCount = 0;\n  private range: WindowRange;\n\n  constructor({ from, to }: VuuRange) {\n    this.range = new WindowRange(from, to);\n    //internal data is always 0 based, we add range.from to determine an offset\n    this.data = new Array(Math.max(0, to - from));\n    this.rowCount = 0;\n  }\n\n  setRowCount = (rowCount: number) => {\n    if (rowCount < this.data.length) {\n      this.data.length = rowCount;\n    }\n\n    this.rowCount = rowCount;\n  };\n\n  add(data: DataSourceRow) {\n    const [index] = data;\n    if (this.isWithinRange(index)) {\n      const internalIndex = index - this.range.from;\n      this.data[internalIndex] = data;\n\n      // Hack until we can deal with this more elegantly. When we have a block\n      // select operation, first row is selected (and updated via server), then\n      // remaining rows are selected when we select the block-end row. We get an\n      // update for all rows except first. Because we're extending the select status\n      // on the client, we have to adjust the first row selected (its still selected\n      // but is no longer the 'last selected row in block')\n      // Maybe answer is to apply ALL the selection status code here, not in Viewport\n      if (data[SELECTED]) {\n        const previousRow = this.data[internalIndex - 1];\n        if (isRowSelectedLast(previousRow)) {\n          this.data[internalIndex - 1] = previousRow.slice() as DataSourceRow;\n          this.data[internalIndex - 1][SELECTED] -= 4;\n        }\n      }\n    }\n  }\n\n  getAtIndex(index: number) {\n    return this.range.isWithin(index) &&\n      this.data[index - this.range.from] != null\n      ? this.data[index - this.range.from]\n      : undefined;\n  }\n\n  isWithinRange(index: number) {\n    return this.range.isWithin(index);\n  }\n\n  setRange({ from, to }: VuuRange) {\n    if (from !== this.range.from || to !== this.range.to) {\n      const [overlapFrom, overlapTo] = this.range.overlap(from, to);\n      const newData = new Array(Math.max(0, to - from));\n      for (let i = overlapFrom; i < overlapTo; i++) {\n        const data = this.getAtIndex(i);\n        if (data) {\n          const index = i - from;\n          newData[index] = data;\n        }\n      }\n      this.data = newData;\n      this.range.from = from;\n      this.range.to = to;\n    }\n  }\n\n  getSelectedRows() {\n    return this.data.filter((row) => row[SELECTED] !== 0);\n  }\n}\n"],"names":["metadataKeys","WindowRange","isRowSelectedLast"],"mappings":"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"}
+{"version":3,"file":"moving-window.js","sources":["../src/moving-window.ts"],"sourcesContent":["import { DataSourceRow } from \"@vuu-ui/vuu-data-types\";\nimport {\n  isRowSelectedLast,\n  metadataKeys,\n  WindowRange,\n} from \"@vuu-ui/vuu-utils\";\nimport { VuuRange } from \"@vuu-ui/vuu-protocol-types\";\n\nconst { SELECTED } = metadataKeys;\n\nexport class MovingWindow {\n  public data: DataSourceRow[];\n  public rowCount = 0;\n  private range: WindowRange;\n\n  constructor({ from, to }: VuuRange) {\n    this.range = new WindowRange(from, to);\n    //internal data is always 0 based, we add range.from to determine an offset\n    this.data = new Array(Math.max(0, to - from));\n    this.rowCount = 0;\n  }\n\n  setRowCount = (rowCount: number) => {\n    if (rowCount < this.data.length) {\n      this.data.length = rowCount;\n    }\n\n    this.rowCount = rowCount;\n  };\n\n  add(data: DataSourceRow) {\n    const [index] = data;\n    if (this.isWithinRange(index)) {\n      const internalIndex = index - this.range.from;\n      this.data[internalIndex] = data;\n\n      // Hack until we can deal with this more elegantly. When we have a block\n      // select operation, first row is selected (and updated via server), then\n      // remaining rows are selected when we select the block-end row. We get an\n      // update for all rows except first. Because we're extending the select status\n      // on the client, we have to adjust the first row selected (its still selected\n      // but is no longer the 'last selected row in block')\n      // Maybe answer is to apply ALL the selection status code here, not in Viewport\n      if (data[SELECTED]) {\n        const previousRow = this.data[internalIndex - 1];\n        if (isRowSelectedLast(previousRow)) {\n          this.data[internalIndex - 1] = previousRow.slice() as DataSourceRow;\n          this.data[internalIndex - 1][SELECTED] -= 4;\n        }\n      }\n    }\n  }\n\n  getAtIndex(index: number) {\n    return this.range.isWithin(index) &&\n      this.data[index - this.range.from] != null\n      ? this.data[index - this.range.from]\n      : undefined;\n  }\n\n  isWithinRange(index: number) {\n    return this.range.isWithin(index);\n  }\n\n  setRange({ from, to }: VuuRange) {\n    if (from !== this.range.from || to !== this.range.to) {\n      const [overlapFrom, overlapTo] = this.range.overlap(from, to);\n      const newData = new Array(Math.max(0, to - from));\n      for (let i = overlapFrom; i < overlapTo; i++) {\n        const data = this.getAtIndex(i);\n        if (data) {\n          const index = i - from;\n          newData[index] = data;\n        }\n      }\n      this.data = newData;\n      this.range.from = from;\n      this.range.to = to;\n    }\n  }\n\n  getSelectedRows() {\n    return this.data.filter((row) => row[SELECTED] !== 0);\n  }\n}\n"],"names":["metadataKeys","WindowRange","isRowSelectedLast"],"mappings":"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"}

package/cjs/useDataSource.js

@@ -8,16 +8,15 @@ const useDataSource = ({
   dataSource,
   onSizeChange,
   onSubscribed,
-  range = vuuUtils.NULL_RANGE,
   renderBufferSize = 0
 }) => {
   const [, forceUpdate] = react.useState(null);
   const data = react.useRef([]);
   const isMounted = react.useRef(true);
   const hasUpdated = react.useRef(false);
-  const rangeRef = react.useRef(range);
+  const rangeRef = react.useRef(vuuUtils.NULL_RANGE);
   const dataWindow = react.useMemo(
-    () => new movingWindow.MovingWindow(vuuUtils.getFullRange(range, renderBufferSize)),
+    () => new movingWindow.MovingWindow(vuuUtils.getFullRange(vuuUtils.NULL_RANGE, renderBufferSize)),
     // eslint-disable-next-line react-hooks/exhaustive-deps
     []
   );
@@ -54,6 +53,11 @@ const useDataSource = ({
           data.current = dataWindow.data;
           hasUpdated.current = true;
         }
+      } else if (message.type === "viewport-clear") {
+        onSizeChange?.(0);
+        dataWindow.setRowCount(0);
+        setData([]);
+        forceUpdate({});
       } else {
         console.log(`useDataSource unexpected message ${message.type}`);
       }
@@ -65,32 +69,33 @@ const useDataSource = ({
   }, [dataWindow]);
   react.useEffect(() => {
     isMounted.current = true;
-    dataSource.resume?.();
+    if (dataSource.status !== "initialising") {
+      dataSource.resume?.(datasourceMessageHandler);
+    }
     return () => {
       isMounted.current = false;
       dataSource.suspend?.();
     };
-  }, [dataSource]);
+  }, [dataSource, datasourceMessageHandler]);
   react.useEffect(() => {
     if (dataSource.status === "disabled") {
       dataSource.enable?.(datasourceMessageHandler);
-    } else {
-      dataSource?.subscribe(
-        { range: vuuUtils.getFullRange(range, renderBufferSize) },
-        datasourceMessageHandler
-      );
     }
-  }, [dataSource, datasourceMessageHandler, range, renderBufferSize]);
+  }, [dataSource, datasourceMessageHandler, renderBufferSize]);
   const setRange = react.useCallback(
-    (range2) => {
-      if (!vuuUtils.rangesAreSame(range2, rangeRef.current)) {
-        const fullRange = vuuUtils.getFullRange(range2, renderBufferSize);
+    (range) => {
+      if (!vuuUtils.rangesAreSame(range, rangeRef.current)) {
+        const fullRange = vuuUtils.getFullRange(range, renderBufferSize);
         dataWindow.setRange(fullRange);
-        dataSource.range = rangeRef.current = fullRange;
-        dataSource.emit("range", range2);
+        if (dataSource.status !== "subscribed") {
+          dataSource?.subscribe({ range: fullRange }, datasourceMessageHandler);
+        } else {
+          dataSource.range = rangeRef.current = fullRange;
+        }
+        dataSource.emit("range", range);
       }
     },
-    [dataSource, dataWindow, renderBufferSize]
+    [dataSource, dataWindow, datasourceMessageHandler, renderBufferSize]
   );
   return {
     data: data.current,

package/cjs/useDataSource.js.map

@@ -1 +1 @@
-{"version":3,"file":"useDataSource.js","sources":["../src/useDataSource.ts"],"sourcesContent":["import {\n  DataSource,\n  DataSourceRow,\n  DataSourceSubscribedMessage,\n  SubscribeCallback,\n} from \"@vuu-ui/vuu-data-types\";\nimport { VuuRange } from \"@vuu-ui/vuu-protocol-types\";\nimport { getFullRange, NULL_RANGE, rangesAreSame } from \"@vuu-ui/vuu-utils\";\nimport { useCallback, useEffect, useMemo, useRef, useState } from \"react\";\nimport { MovingWindow } from \"./moving-window\";\n\nexport interface DataSourceHookProps {\n  dataSource: DataSource;\n  onSizeChange: (size: number) => void;\n  onSubscribed: (subscription: DataSourceSubscribedMessage) => void;\n  range?: VuuRange;\n  renderBufferSize?: number;\n}\n\nexport const useDataSource = ({\n  dataSource,\n  onSizeChange,\n  onSubscribed,\n  range = NULL_RANGE,\n  renderBufferSize = 0,\n}: DataSourceHookProps) => {\n  const [, forceUpdate] = useState<unknown>(null);\n  const data = useRef<DataSourceRow[]>([]);\n  const isMounted = useRef(true);\n  const hasUpdated = useRef(false);\n  const rangeRef = useRef<VuuRange>(range);\n\n  const dataWindow = useMemo(\n    () => new MovingWindow(getFullRange(range, renderBufferSize)),\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [],\n  );\n\n  const setData = useCallback(\n    (updates: DataSourceRow[]) => {\n      for (const row of updates) {\n        dataWindow.add(row);\n      }\n      data.current = dataWindow.data;\n      if (isMounted.current) {\n        // TODO do we ever need to worry about missing updates here ?\n        forceUpdate({});\n      } else {\n        // do nothing\n      }\n    },\n    [dataWindow],\n  );\n\n  const datasourceMessageHandler: SubscribeCallback = useCallback(\n    (message) => {\n      if (message.type === \"subscribed\") {\n        onSubscribed?.(message);\n      } else if (message.type === \"viewport-update\") {\n        if (typeof message.size === \"number\") {\n          onSizeChange?.(message.size);\n          const size = dataWindow.data.length;\n          dataWindow.setRowCount(message.size);\n          if (dataWindow.data.length < size) {\n            forceUpdate({});\n          }\n        }\n        if (message.rows) {\n          setData(message.rows);\n        } else if (message.size === 0) {\n          setData([]);\n        } else if (typeof message.size === \"number\") {\n          data.current = dataWindow.data;\n          hasUpdated.current = true;\n        }\n      } else {\n        console.log(`useDataSource unexpected message ${message.type}`);\n      }\n    },\n    [dataWindow, onSizeChange, onSubscribed, setData],\n  );\n\n  const getSelectedRows = useCallback(() => {\n    return dataWindow.getSelectedRows();\n  }, [dataWindow]);\n\n  useEffect(() => {\n    isMounted.current = true;\n    dataSource.resume?.();\n    return () => {\n      isMounted.current = false;\n      dataSource.suspend?.();\n    };\n  }, [dataSource]);\n\n  useEffect(() => {\n    if (dataSource.status === \"disabled\") {\n      dataSource.enable?.(datasourceMessageHandler);\n    } else {\n      //TODO could we improve this by using a ref for range ?\n      dataSource?.subscribe(\n        { range: getFullRange(range, renderBufferSize) },\n        datasourceMessageHandler,\n      );\n    }\n  }, [dataSource, datasourceMessageHandler, range, renderBufferSize]);\n\n  const setRange = useCallback(\n    (range: VuuRange) => {\n      if (!rangesAreSame(range, rangeRef.current)) {\n        const fullRange = getFullRange(range, renderBufferSize);\n        dataWindow.setRange(fullRange);\n        dataSource.range = rangeRef.current = fullRange;\n        // emit a range event omitting the renderBufferSize\n        // This isn't great, we're using the dataSource as a conduit to emit a\n        // message that has nothing to do with the dataSource itself. CLient\n        // is the DataSourceState component.\n        dataSource.emit(\"range\", range);\n      }\n    },\n    [dataSource, dataWindow, renderBufferSize],\n  );\n\n  return {\n    data: data.current,\n    dataRef: data,\n    getSelectedRows,\n    range: rangeRef.current,\n    setRange,\n  };\n};\n"],"names":["NULL_RANGE","useState","useRef","useMemo","MovingWindow","getFullRange","useCallback","useEffect","range","rangesAreSame"],"mappings":"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"}
+{"version":3,"file":"useDataSource.js","sources":["../src/useDataSource.ts"],"sourcesContent":["import {\n  DataSource,\n  DataSourceRow,\n  DataSourceSubscribedMessage,\n  SubscribeCallback,\n} from \"@vuu-ui/vuu-data-types\";\nimport { VuuRange } from \"@vuu-ui/vuu-protocol-types\";\nimport { getFullRange, NULL_RANGE, rangesAreSame } from \"@vuu-ui/vuu-utils\";\nimport { useCallback, useEffect, useMemo, useRef, useState } from \"react\";\nimport { MovingWindow } from \"./moving-window\";\n\nexport interface DataSourceHookProps {\n  dataSource: DataSource;\n  onSizeChange: (size: number) => void;\n  onSubscribed: (subscription: DataSourceSubscribedMessage) => void;\n  renderBufferSize?: number;\n}\n\nexport const useDataSource = ({\n  dataSource,\n  onSizeChange,\n  onSubscribed,\n  renderBufferSize = 0,\n}: DataSourceHookProps) => {\n  const [, forceUpdate] = useState<unknown>(null);\n  const data = useRef<DataSourceRow[]>([]);\n  const isMounted = useRef(true);\n  const hasUpdated = useRef(false);\n  const rangeRef = useRef<VuuRange>(NULL_RANGE);\n\n  const dataWindow = useMemo(\n    () => new MovingWindow(getFullRange(NULL_RANGE, renderBufferSize)),\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [],\n  );\n\n  const setData = useCallback(\n    (updates: DataSourceRow[]) => {\n      for (const row of updates) {\n        dataWindow.add(row);\n      }\n      data.current = dataWindow.data;\n      if (isMounted.current) {\n        // TODO do we ever need to worry about missing updates here ?\n        forceUpdate({});\n      }\n    },\n    [dataWindow],\n  );\n\n  const datasourceMessageHandler: SubscribeCallback = useCallback(\n    (message) => {\n      if (message.type === \"subscribed\") {\n        onSubscribed?.(message);\n      } else if (message.type === \"viewport-update\") {\n        if (typeof message.size === \"number\") {\n          onSizeChange?.(message.size);\n          const size = dataWindow.data.length;\n          dataWindow.setRowCount(message.size);\n          if (dataWindow.data.length < size) {\n            forceUpdate({});\n          }\n        }\n        if (message.rows) {\n          setData(message.rows);\n        } else if (message.size === 0) {\n          setData([]);\n        } else if (typeof message.size === \"number\") {\n          data.current = dataWindow.data;\n          hasUpdated.current = true;\n        }\n      } else if (message.type === \"viewport-clear\") {\n        onSizeChange?.(0);\n        dataWindow.setRowCount(0);\n        setData([]);\n        forceUpdate({});\n      } else {\n        console.log(`useDataSource unexpected message ${message.type}`);\n      }\n    },\n    [dataWindow, onSizeChange, onSubscribed, setData],\n  );\n\n  const getSelectedRows = useCallback(() => {\n    return dataWindow.getSelectedRows();\n  }, [dataWindow]);\n\n  useEffect(() => {\n    isMounted.current = true;\n    if (dataSource.status !== \"initialising\") {\n      dataSource.resume?.(datasourceMessageHandler);\n    }\n    return () => {\n      isMounted.current = false;\n      dataSource.suspend?.();\n    };\n  }, [dataSource, datasourceMessageHandler]);\n\n  useEffect(() => {\n    if (dataSource.status === \"disabled\") {\n      dataSource.enable?.(datasourceMessageHandler);\n    }\n  }, [dataSource, datasourceMessageHandler, renderBufferSize]);\n\n  const setRange = useCallback(\n    (range: VuuRange) => {\n      if (!rangesAreSame(range, rangeRef.current)) {\n        const fullRange = getFullRange(range, renderBufferSize);\n        dataWindow.setRange(fullRange);\n\n        if (dataSource.status !== \"subscribed\") {\n          dataSource?.subscribe({ range: fullRange }, datasourceMessageHandler);\n        } else {\n          dataSource.range = rangeRef.current = fullRange;\n        }\n        // emit a range event omitting the renderBufferSize\n        // This isn't great, we're using the dataSource as a conduit to emit a\n        // message that has nothing to do with the dataSource itself. Client\n        // is the DataSourceState component.\n        // WHY CANT THIS BE DONE WITHIN DataSOurce ?\n        dataSource.emit(\"range\", range);\n      }\n    },\n    [dataSource, dataWindow, datasourceMessageHandler, renderBufferSize],\n  );\n\n  return {\n    data: data.current,\n    dataRef: data,\n    getSelectedRows,\n    range: rangeRef.current,\n    setRange,\n  };\n};\n"],"names":["useState","useRef","NULL_RANGE","useMemo","MovingWindow","getFullRange","useCallback","useEffect","rangesAreSame"],"mappings":"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"}

package/cjs/useTable.js

@@ -8,7 +8,6 @@ var useHandleTableContextMenu = require('./context-menu/useHandleTableContextMen
 var tableConfig = require('./table-config.js');
 var useCellEditing = require('./useCellEditing.js');
 var useDataSource = require('./useDataSource.js');
-var useInitialValue = require('./useInitialValue.js');
 var useKeyboardNavigation = require('./useKeyboardNavigation.js');
 var useSelection = require('./useSelection.js');
 var useTableContextMenu = require('./useTableContextMenu.js');
@@ -142,17 +141,12 @@ const useTable = ({
     rowHeight,
     size
   });
-  const initialRange = useInitialValue.useInitialValue({
-    from: 0,
-    to: viewportMeasurements.rowCount
-  });
   const { data, dataRef, getSelectedRows, range, setRange } = useDataSource.useDataSource({
     dataSource,
     // We need to factor this out of Table
     renderBufferSize,
     onSizeChange: onDataRowcountChange,
-    onSubscribed,
-    range: initialRange
+    onSubscribed
   });
   const { requestScroll, ...scrollProps } = useTableScroll.useTableScroll({
     columns,

package/cjs/useTable.js.map

@@ -1 +1 @@
-{"version":3,"file":"useTable.js","sources":["../src/useTable.ts"],"sourcesContent":["import {\n  DataSourceConfig,\n  DataSourceRow,\n  DataSourceSubscribedMessage,\n  SelectionChangeHandler,\n} from \"@vuu-ui/vuu-data-types\";\nimport {\n  ColumnDescriptor,\n  DataCellEditHandler,\n  TableRowClickHandlerInternal,\n  RuntimeColumnDescriptor,\n  TableColumnResizeHandler,\n  TableConfig,\n  TableSelectionModel,\n  TableRowSelectHandlerInternal,\n} from \"@vuu-ui/vuu-table-types\";\nimport { VuuRange, VuuSortType } from \"@vuu-ui/vuu-protocol-types\";\nimport {\n  DragStartHandler,\n  MeasuredProps,\n  MeasuredSize,\n  useDragDrop,\n} from \"@vuu-ui/vuu-ui-controls\";\nimport {\n  toggleOrApplySort,\n  asDataSourceRowObject,\n  buildColumnMap,\n  getIndexFromRowElement,\n  isGroupColumn,\n  isJsonGroup,\n  isValidNumber,\n  metadataKeys,\n  updateColumn,\n  useLayoutEffectSkipFirst,\n} from \"@vuu-ui/vuu-utils\";\nimport {\n  FocusEvent,\n  KeyboardEvent,\n  RefObject,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from \"react\";\nimport {\n  buildContextMenuDescriptors,\n  useHandleTableContextMenu,\n} from \"./context-menu\";\nimport { TableProps } from \"./Table\";\nimport { updateTableConfig } from \"./table-config\";\nimport { useCellEditing } from \"./useCellEditing\";\nimport { useDataSource } from \"./useDataSource\";\nimport { useInitialValue } from \"./useInitialValue\";\nimport { useKeyboardNavigation } from \"./useKeyboardNavigation\";\nimport { useSelection } from \"./useSelection\";\nimport { useTableContextMenu } from \"./useTableContextMenu\";\nimport {\n  ColumnActionHide,\n  ColumnActionPin,\n  isShowColumnSettings,\n  isShowTableSettings,\n  PersistentColumnAction,\n  useTableModel,\n} from \"./useTableModel\";\nimport { useTableScroll } from \"./useTableScroll\";\nimport { useTableViewport } from \"./useTableViewport\";\nimport { useTableAndColumnSettings } from \"./useTableAndColumnSettings\";\nimport { useRowClassNameGenerators } from \"./useRowClassNameGenerators\";\n\nconst stripInternalProperties = (tableConfig: TableConfig): TableConfig => {\n  return tableConfig;\n};\n\nexport interface TableHookProps\n  extends MeasuredProps,\n    Pick<\n      TableProps,\n      | \"allowDragDrop\"\n      | \"availableColumns\"\n      | \"config\"\n      | \"dataSource\"\n      | \"disableFocus\"\n      | \"highlightedIndex\"\n      | \"id\"\n      | \"navigationStyle\"\n      | \"onAvailableColumnsChange\"\n      | \"onConfigChange\"\n      | \"onDragStart\"\n      | \"onDrop\"\n      | \"onHighlight\"\n      | \"onSelect\"\n      | \"onSelectionChange\"\n      | \"onRowClick\"\n      | \"renderBufferSize\"\n      | \"scrollingApiRef\"\n    > {\n  containerRef: RefObject<HTMLDivElement>;\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  allowDragDrop = false,\n  availableColumns,\n  config,\n  containerRef,\n  dataSource,\n  disableFocus,\n  highlightedIndex: highlightedIndexProp,\n  id,\n  navigationStyle = \"cell\",\n  onAvailableColumnsChange,\n  onConfigChange,\n  onDragStart,\n  onDrop,\n  onHighlight,\n  onRowClick: onRowClickProp,\n  onSelect,\n  onSelectionChange,\n  renderBufferSize = 0,\n  rowHeight = 20,\n  scrollingApiRef,\n  selectionModel,\n  size,\n}: TableHookProps) => {\n  const tableConfigRef = useRef<TableConfig>(config);\n  useMemo(() => {\n    tableConfigRef.current = config;\n  }, [config]);\n\n  const [headerHeight, setHeaderHeight] = useState(-1);\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 - (headerHeight === -1 ? 0 : headerHeight);\n  const verticalScrollbarWidth =\n    virtualContentHeight > viewportBodyHeight ? 10 : 0;\n  const availableWidth = size.width - (verticalScrollbarWidth + 8);\n\n  const rowClassNameGenerator = useRowClassNameGenerators(config);\n\n  const useRowDragDrop = allowDragDrop ? useDragDrop : useNullDragDrop;\n\n  const menuBuilder = useMemo(\n    () => buildContextMenuDescriptors(dataSource),\n    [dataSource],\n  );\n\n  const {\n    columns,\n    dispatchTableModelAction,\n    headings,\n    tableAttributes,\n    tableConfig,\n  } = useTableModel(config, dataSource, selectionModel, availableWidth);\n\n  useLayoutEffectSkipFirst(() => {\n    dispatchTableModelAction({\n      availableWidth,\n      type: \"init\",\n      // tableConfig: config,\n      tableConfig: tableConfigRef.current,\n      dataSource,\n    });\n  }, [\n    availableWidth,\n    config,\n    dataSource,\n    dispatchTableModelAction,\n    verticalScrollbarWidth,\n  ]);\n\n  const applyTableConfigChange = useCallback(\n    (config: TableConfig) => {\n      dispatchTableModelAction({\n        availableWidth,\n        type: \"init\",\n        tableConfig: config,\n        dataSource,\n      });\n      tableConfigRef.current = config;\n      onConfigChange?.(stripInternalProperties(config));\n    },\n    [availableWidth, dataSource, dispatchTableModelAction, onConfigChange],\n  );\n\n  const columnMap = useMemo(\n    () => buildColumnMap(dataSource.columns),\n    [dataSource.columns],\n  );\n\n  const onSubscribed = useCallback(\n    ({ tableSchema }: DataSourceSubscribedMessage) => {\n      if (tableSchema) {\n        dispatchTableModelAction({\n          type: \"setTableSchema\",\n          tableSchema,\n        });\n      } else {\n        console.log(\"subscription message with no schema\");\n      }\n    },\n    [dispatchTableModelAction],\n  );\n\n  const {\n    getRowAtPosition,\n    getRowOffset,\n    setInSituRowOffset: viewportHookSetInSituRowOffset,\n    setScrollTop: viewportHookSetScrollTop,\n    ...viewportMeasurements\n  } = useTableViewport({\n    columns,\n    headerHeight,\n    rowCount,\n    rowHeight,\n    size: size,\n  });\n\n  const initialRange = useInitialValue<VuuRange>({\n    from: 0,\n    to: viewportMeasurements.rowCount,\n  });\n\n  const { data, dataRef, getSelectedRows, range, setRange } = useDataSource({\n    dataSource,\n    // We need to factor this out of Table\n    renderBufferSize,\n    onSizeChange: onDataRowcountChange,\n    onSubscribed,\n    range: initialRange,\n  });\n\n  const { requestScroll, ...scrollProps } = useTableScroll({\n    columns,\n    getRowAtPosition,\n    rowHeight,\n    scrollingApiRef,\n    setRange,\n    onVerticalScroll: viewportHookSetScrollTop,\n    onVerticalScrollInSitu: viewportHookSetInSituRowOffset,\n    viewportMeasurements,\n  });\n\n  // TODO does this belong here ?\n  const handleConfigEditedInSettingsPanel = useCallback(\n    (tableConfig: TableConfig) => {\n      dispatchTableModelAction({\n        availableWidth,\n        dataSource,\n        tableConfig,\n        type: \"init\",\n      });\n      tableConfigRef.current = tableConfig;\n      onConfigChange?.(stripInternalProperties(tableConfig));\n    },\n    [availableWidth, dataSource, dispatchTableModelAction, onConfigChange],\n  );\n\n  const handleDataSourceConfigChanged = useCallback(\n    (dataSourceConfig: DataSourceConfig) => {\n      dataSource.config = {\n        ...dataSource.config,\n        ...dataSourceConfig,\n      };\n    },\n    [dataSource],\n  );\n\n  useEffect(() => {\n    dataSource.on(\"config\", (config, confirmed, changes) => {\n      const scrollSensitiveChanges =\n        changes?.filterChanged || changes?.groupByChanged;\n      if (scrollSensitiveChanges && dataSource.range.from > 0) {\n        requestScroll({\n          type: \"scroll-end\",\n          direction: \"home\",\n        });\n      }\n      dispatchTableModelAction({\n        type: \"tableConfig\",\n        ...config,\n        confirmed,\n      });\n    });\n  }, [dataSource, dispatchTableModelAction, requestScroll]);\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      tableConfig,\n    });\n\n  const onPersistentColumnOperation = useCallback(\n    (action: PersistentColumnAction) => {\n      if (isShowColumnSettings(action)) {\n        showColumnSettingsPanel(action);\n      } else if (isShowTableSettings(action)) {\n        showTableSettingsPanel();\n      } else {\n        switch (action.type) {\n          case \"hideColumns\":\n            return hideColumns(action);\n          case \"pinColumn\":\n            return pinColumn(action);\n          default:\n            dispatchTableModelAction(action);\n        }\n      }\n    },\n    [\n      dispatchTableModelAction,\n      hideColumns,\n      pinColumn,\n      showColumnSettingsPanel,\n      showTableSettingsPanel,\n    ],\n  );\n\n  const handleContextMenuAction = useHandleTableContextMenu({\n    dataSource,\n    onPersistentColumnOperation,\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>();\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.index}']`;\n          resizeCells.current = Array.from(\n            containerRef.current?.querySelectorAll(\n              `.vuuTableCell${byColIndex},.vuuTableHeaderCell${byColIndex}`,\n            ) ?? [],\n          );\n          dispatchTableModelAction({\n            type: \"resizeColumn\",\n            phase,\n            column,\n            width,\n          });\n        }\n      } else {\n        throw Error(\n          `useDataTable.handleColumnResize, column ${columnName} not found`,\n        );\n      }\n    },\n    [\n      columns,\n      dispatchTableModelAction,\n      onConfigChange,\n      tableConfig,\n      containerRef,\n    ],\n  );\n\n  const onToggleGroup = useCallback(\n    (row: DataSourceRow, column: RuntimeColumnDescriptor) => {\n      const isJson = isJsonGroup(column, row, columnMap);\n      const key = row[KEY];\n\n      if (row[IS_EXPANDED]) {\n        dataSource.closeTreeNode(key, true);\n        if (isJson) {\n          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  const {\n    highlightedIndexRef,\n    navigate,\n    onFocus: navigationFocus,\n    onKeyDown: navigationKeyDown,\n    ...containerProps\n  } = useKeyboardNavigation({\n    columnCount: columns.filter((c) => c.hidden !== true).length,\n    containerRef,\n    disableFocus,\n    highlightedIndex: highlightedIndexProp,\n    navigationStyle,\n    requestScroll,\n    rowCount: dataSource?.size,\n    onHighlight,\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  });\n\n  const onMoveGroupColumn = useCallback(\n    (columns: ColumnDescriptor[]) => {\n      dataSource.groupBy = columns.map((col) => col.name);\n    },\n    [dataSource],\n  );\n\n  const onRemoveGroupColumn = useCallback(\n    (column: RuntimeColumnDescriptor) => {\n      if (isGroupColumn(column)) {\n        dataSource.groupBy = [];\n      } else {\n        if (dataSource && dataSource.groupBy.includes(column.name)) {\n          dataSource.groupBy = dataSource.groupBy.filter(\n            (columnName) => columnName !== column.name,\n          );\n        }\n      }\n    },\n    [dataSource],\n  );\n\n  const handleSelectionChange: SelectionChangeHandler = useCallback(\n    (selected) => {\n      dataSource.select(selected);\n      onSelectionChange?.(selected);\n    },\n    [dataSource, onSelectionChange],\n  );\n\n  const handleSelect = useCallback<TableRowSelectHandlerInternal>(\n    (row) => {\n      if (onSelect) {\n        onSelect(row === null ? null : asDataSourceRowObject(row, columnMap));\n      }\n    },\n    [columnMap, onSelect],\n  );\n\n  const {\n    onKeyDown: selectionHookKeyDown,\n    onRowClick: selectionHookOnRowClick,\n  } = useSelection({\n    highlightedIndexRef,\n    onSelect: handleSelect,\n    onSelectionChange: handleSelectionChange,\n    selectionModel,\n  });\n\n  const handleRowClick = useCallback<TableRowClickHandlerInternal>(\n    (evt, row, rangeSelect, keepExistingSelection) => {\n      selectionHookOnRowClick(evt, row, rangeSelect, keepExistingSelection);\n      onRowClickProp?.(evt, asDataSourceRowObject(row, columnMap));\n    },\n    [columnMap, onRowClickProp, selectionHookOnRowClick],\n  );\n\n  const handleKeyDown = useCallback(\n    (e: KeyboardEvent<HTMLElement>) => {\n      navigationKeyDown(e);\n      if (!e.defaultPrevented) {\n        editingKeyDown(e);\n      }\n      if (!e.defaultPrevented) {\n        selectionHookKeyDown(e);\n      }\n    },\n    [navigationKeyDown, editingKeyDown, selectionHookKeyDown],\n  );\n\n  const onMoveColumn = useCallback(\n    (columns: ColumnDescriptor[]) => {\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    [\n      availableWidth,\n      dataSource,\n      dispatchTableModelAction,\n      onConfigChange,\n      tableConfig,\n    ],\n  );\n\n  const handleDropRow = useCallback(\n    (dragDropState) => {\n      onDrop?.(dragDropState);\n    },\n    [onDrop],\n  );\n\n  const handleDataEdited = useCallback<DataCellEditHandler>(\n    async (row, columnName, value) => {\n      return dataSource.applyEdit(row[KEY], columnName, value);\n    },\n    [dataSource],\n  );\n\n  const handleDragStartRow = useCallback<DragStartHandler>(\n    (dragDropState) => {\n      const { initialDragElement } = dragDropState;\n      const rowIndex = getIndexFromRowElement(initialDragElement);\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, onDragStart],\n  );\n\n  const onHeaderHeightMeasured = useCallback((height: number) => {\n    setHeaderHeight(height);\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  return {\n    ...containerProps,\n    \"aria-rowcount\": dataSource.size,\n    rowClassNameGenerator,\n    draggableRow,\n    onBlur: editingBlur,\n    onDoubleClick: editingDoubleClick,\n    onFocus: handleFocus,\n    onKeyDown: handleKeyDown,\n    onMouseDown: rowDragMouseDown,\n    columnMap,\n    columns,\n    data,\n    getRowOffset,\n    handleContextMenuAction,\n    headerHeight,\n    headings,\n    highlightedIndex: highlightedIndexRef.current,\n    menuBuilder,\n    onContextMenu,\n    onDataEdited: handleDataEdited,\n    onHeaderHeightMeasured,\n    onMoveColumn,\n    onMoveGroupColumn,\n    onRemoveGroupColumn,\n    onRowClick: handleRowClick,\n    onSortColumn: handleSort,\n    onResizeColumn,\n    onToggleGroup,\n    scrollProps,\n    // TODO don't think we need these ...\n    tableAttributes,\n    tableConfig,\n    viewportMeasurements,\n  };\n};\n"],"names":["metadataKeys","useRef","useMemo","useState","useCallback","size","useRowClassNameGenerators","useDragDrop","buildContextMenuDescriptors","tableConfig","useTableModel","useLayoutEffectSkipFirst","config","buildColumnMap","useTableViewport","useInitialValue","useDataSource","useTableScroll","useEffect","columns","updateColumn","useTableAndColumnSettings","isShowColumnSettings","isShowTableSettings","useHandleTableContextMenu","toggleOrApplySort","column","isValidNumber","updateTableConfig","isJsonGroup","row","useKeyboardNavigation","useCellEditing","useTableContextMenu","isGroupColumn","asDataSourceRowObject","useSelection","getIndexFromRowElement"],"mappings":"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"}
+{"version":3,"file":"useTable.js","sources":["../src/useTable.ts"],"sourcesContent":["import {\n  DataSourceConfig,\n  DataSourceRow,\n  DataSourceSubscribedMessage,\n  SelectionChangeHandler,\n} from \"@vuu-ui/vuu-data-types\";\nimport {\n  ColumnDescriptor,\n  DataCellEditHandler,\n  TableRowClickHandlerInternal,\n  RuntimeColumnDescriptor,\n  TableColumnResizeHandler,\n  TableConfig,\n  TableSelectionModel,\n  TableRowSelectHandlerInternal,\n} from \"@vuu-ui/vuu-table-types\";\nimport { VuuSortType } from \"@vuu-ui/vuu-protocol-types\";\nimport {\n  DragStartHandler,\n  MeasuredProps,\n  MeasuredSize,\n  useDragDrop,\n} from \"@vuu-ui/vuu-ui-controls\";\nimport {\n  toggleOrApplySort,\n  asDataSourceRowObject,\n  buildColumnMap,\n  getIndexFromRowElement,\n  isGroupColumn,\n  isJsonGroup,\n  isValidNumber,\n  metadataKeys,\n  updateColumn,\n  useLayoutEffectSkipFirst,\n} from \"@vuu-ui/vuu-utils\";\nimport {\n  FocusEvent,\n  KeyboardEvent,\n  RefObject,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from \"react\";\nimport {\n  buildContextMenuDescriptors,\n  useHandleTableContextMenu,\n} from \"./context-menu\";\nimport { TableProps } from \"./Table\";\nimport { updateTableConfig } from \"./table-config\";\nimport { useCellEditing } from \"./useCellEditing\";\nimport { useDataSource } from \"./useDataSource\";\nimport { useKeyboardNavigation } from \"./useKeyboardNavigation\";\nimport { useSelection } from \"./useSelection\";\nimport { useTableContextMenu } from \"./useTableContextMenu\";\nimport {\n  ColumnActionHide,\n  ColumnActionPin,\n  isShowColumnSettings,\n  isShowTableSettings,\n  PersistentColumnAction,\n  useTableModel,\n} from \"./useTableModel\";\nimport { useTableScroll } from \"./useTableScroll\";\nimport { useTableViewport } from \"./useTableViewport\";\nimport { useTableAndColumnSettings } from \"./useTableAndColumnSettings\";\nimport { useRowClassNameGenerators } from \"./useRowClassNameGenerators\";\n\nconst stripInternalProperties = (tableConfig: TableConfig): TableConfig => {\n  return tableConfig;\n};\n\nexport interface TableHookProps\n  extends MeasuredProps,\n    Pick<\n      TableProps,\n      | \"allowDragDrop\"\n      | \"availableColumns\"\n      | \"config\"\n      | \"dataSource\"\n      | \"disableFocus\"\n      | \"highlightedIndex\"\n      | \"id\"\n      | \"navigationStyle\"\n      | \"onAvailableColumnsChange\"\n      | \"onConfigChange\"\n      | \"onDragStart\"\n      | \"onDrop\"\n      | \"onHighlight\"\n      | \"onSelect\"\n      | \"onSelectionChange\"\n      | \"onRowClick\"\n      | \"renderBufferSize\"\n      | \"scrollingApiRef\"\n    > {\n  containerRef: RefObject<HTMLDivElement>;\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  allowDragDrop = false,\n  availableColumns,\n  config,\n  containerRef,\n  dataSource,\n  disableFocus,\n  highlightedIndex: highlightedIndexProp,\n  id,\n  navigationStyle = \"cell\",\n  onAvailableColumnsChange,\n  onConfigChange,\n  onDragStart,\n  onDrop,\n  onHighlight,\n  onRowClick: onRowClickProp,\n  onSelect,\n  onSelectionChange,\n  renderBufferSize = 0,\n  rowHeight = 20,\n  scrollingApiRef,\n  selectionModel,\n  size,\n}: TableHookProps) => {\n  const tableConfigRef = useRef<TableConfig>(config);\n  useMemo(() => {\n    tableConfigRef.current = config;\n  }, [config]);\n\n  const [headerHeight, setHeaderHeight] = useState(-1);\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 - (headerHeight === -1 ? 0 : headerHeight);\n  const verticalScrollbarWidth =\n    virtualContentHeight > viewportBodyHeight ? 10 : 0;\n  const availableWidth = size.width - (verticalScrollbarWidth + 8);\n\n  const rowClassNameGenerator = useRowClassNameGenerators(config);\n\n  const useRowDragDrop = allowDragDrop ? useDragDrop : useNullDragDrop;\n\n  const menuBuilder = useMemo(\n    () => buildContextMenuDescriptors(dataSource),\n    [dataSource],\n  );\n\n  const {\n    columns,\n    dispatchTableModelAction,\n    headings,\n    tableAttributes,\n    tableConfig,\n  } = useTableModel(config, dataSource, selectionModel, availableWidth);\n\n  useLayoutEffectSkipFirst(() => {\n    dispatchTableModelAction({\n      availableWidth,\n      type: \"init\",\n      // tableConfig: config,\n      tableConfig: tableConfigRef.current,\n      dataSource,\n    });\n  }, [\n    availableWidth,\n    config,\n    dataSource,\n    dispatchTableModelAction,\n    verticalScrollbarWidth,\n  ]);\n\n  const applyTableConfigChange = useCallback(\n    (config: TableConfig) => {\n      dispatchTableModelAction({\n        availableWidth,\n        type: \"init\",\n        tableConfig: config,\n        dataSource,\n      });\n      tableConfigRef.current = config;\n      onConfigChange?.(stripInternalProperties(config));\n    },\n    [availableWidth, dataSource, dispatchTableModelAction, onConfigChange],\n  );\n\n  const columnMap = useMemo(\n    () => buildColumnMap(dataSource.columns),\n    [dataSource.columns],\n  );\n\n  const onSubscribed = useCallback(\n    ({ tableSchema }: DataSourceSubscribedMessage) => {\n      if (tableSchema) {\n        dispatchTableModelAction({\n          type: \"setTableSchema\",\n          tableSchema,\n        });\n      } else {\n        console.log(\"subscription message with no schema\");\n      }\n    },\n    [dispatchTableModelAction],\n  );\n\n  const {\n    getRowAtPosition,\n    getRowOffset,\n    setInSituRowOffset: viewportHookSetInSituRowOffset,\n    setScrollTop: viewportHookSetScrollTop,\n    ...viewportMeasurements\n  } = useTableViewport({\n    columns,\n    headerHeight,\n    rowCount,\n    rowHeight,\n    size: size,\n  });\n\n  const { data, dataRef, getSelectedRows, range, setRange } = useDataSource({\n    dataSource,\n    // We need to factor this out of Table\n    renderBufferSize,\n    onSizeChange: onDataRowcountChange,\n    onSubscribed,\n  });\n\n  const { requestScroll, ...scrollProps } = useTableScroll({\n    columns,\n    getRowAtPosition,\n    rowHeight,\n    scrollingApiRef,\n    setRange,\n    onVerticalScroll: viewportHookSetScrollTop,\n    onVerticalScrollInSitu: viewportHookSetInSituRowOffset,\n    viewportMeasurements,\n  });\n\n  // TODO does this belong here ?\n  const handleConfigEditedInSettingsPanel = useCallback(\n    (tableConfig: TableConfig) => {\n      dispatchTableModelAction({\n        availableWidth,\n        dataSource,\n        tableConfig,\n        type: \"init\",\n      });\n      tableConfigRef.current = tableConfig;\n      onConfigChange?.(stripInternalProperties(tableConfig));\n    },\n    [availableWidth, dataSource, dispatchTableModelAction, onConfigChange],\n  );\n\n  const handleDataSourceConfigChanged = useCallback(\n    (dataSourceConfig: DataSourceConfig) => {\n      dataSource.config = {\n        ...dataSource.config,\n        ...dataSourceConfig,\n      };\n    },\n    [dataSource],\n  );\n\n  useEffect(() => {\n    dataSource.on(\"config\", (config, confirmed, changes) => {\n      const scrollSensitiveChanges =\n        changes?.filterChanged || changes?.groupByChanged;\n      if (scrollSensitiveChanges && dataSource.range.from > 0) {\n        requestScroll({\n          type: \"scroll-end\",\n          direction: \"home\",\n        });\n      }\n      dispatchTableModelAction({\n        type: \"tableConfig\",\n        ...config,\n        confirmed,\n      });\n    });\n  }, [dataSource, dispatchTableModelAction, requestScroll]);\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      tableConfig,\n    });\n\n  const onPersistentColumnOperation = useCallback(\n    (action: PersistentColumnAction) => {\n      if (isShowColumnSettings(action)) {\n        showColumnSettingsPanel(action);\n      } else if (isShowTableSettings(action)) {\n        showTableSettingsPanel();\n      } else {\n        switch (action.type) {\n          case \"hideColumns\":\n            return hideColumns(action);\n          case \"pinColumn\":\n            return pinColumn(action);\n          default:\n            dispatchTableModelAction(action);\n        }\n      }\n    },\n    [\n      dispatchTableModelAction,\n      hideColumns,\n      pinColumn,\n      showColumnSettingsPanel,\n      showTableSettingsPanel,\n    ],\n  );\n\n  const handleContextMenuAction = useHandleTableContextMenu({\n    dataSource,\n    onPersistentColumnOperation,\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>();\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.index}']`;\n          resizeCells.current = Array.from(\n            containerRef.current?.querySelectorAll(\n              `.vuuTableCell${byColIndex},.vuuTableHeaderCell${byColIndex}`,\n            ) ?? [],\n          );\n          dispatchTableModelAction({\n            type: \"resizeColumn\",\n            phase,\n            column,\n            width,\n          });\n        }\n      } else {\n        throw Error(\n          `useDataTable.handleColumnResize, column ${columnName} not found`,\n        );\n      }\n    },\n    [\n      columns,\n      dispatchTableModelAction,\n      onConfigChange,\n      tableConfig,\n      containerRef,\n    ],\n  );\n\n  const onToggleGroup = useCallback(\n    (row: DataSourceRow, column: RuntimeColumnDescriptor) => {\n      const isJson = isJsonGroup(column, row, columnMap);\n      const key = row[KEY];\n\n      if (row[IS_EXPANDED]) {\n        dataSource.closeTreeNode(key, true);\n        if (isJson) {\n          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  const {\n    highlightedIndexRef,\n    navigate,\n    onFocus: navigationFocus,\n    onKeyDown: navigationKeyDown,\n    ...containerProps\n  } = useKeyboardNavigation({\n    columnCount: columns.filter((c) => c.hidden !== true).length,\n    containerRef,\n    disableFocus,\n    highlightedIndex: highlightedIndexProp,\n    navigationStyle,\n    requestScroll,\n    rowCount: dataSource?.size,\n    onHighlight,\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  });\n\n  const onMoveGroupColumn = useCallback(\n    (columns: ColumnDescriptor[]) => {\n      dataSource.groupBy = columns.map((col) => col.name);\n    },\n    [dataSource],\n  );\n\n  const onRemoveGroupColumn = useCallback(\n    (column: RuntimeColumnDescriptor) => {\n      if (isGroupColumn(column)) {\n        dataSource.groupBy = [];\n      } else {\n        if (dataSource && dataSource.groupBy.includes(column.name)) {\n          dataSource.groupBy = dataSource.groupBy.filter(\n            (columnName) => columnName !== column.name,\n          );\n        }\n      }\n    },\n    [dataSource],\n  );\n\n  const handleSelectionChange: SelectionChangeHandler = useCallback(\n    (selected) => {\n      dataSource.select(selected);\n      onSelectionChange?.(selected);\n    },\n    [dataSource, onSelectionChange],\n  );\n\n  const handleSelect = useCallback<TableRowSelectHandlerInternal>(\n    (row) => {\n      if (onSelect) {\n        onSelect(row === null ? null : asDataSourceRowObject(row, columnMap));\n      }\n    },\n    [columnMap, onSelect],\n  );\n\n  const {\n    onKeyDown: selectionHookKeyDown,\n    onRowClick: selectionHookOnRowClick,\n  } = useSelection({\n    highlightedIndexRef,\n    onSelect: handleSelect,\n    onSelectionChange: handleSelectionChange,\n    selectionModel,\n  });\n\n  const handleRowClick = useCallback<TableRowClickHandlerInternal>(\n    (evt, row, rangeSelect, keepExistingSelection) => {\n      selectionHookOnRowClick(evt, row, rangeSelect, keepExistingSelection);\n      onRowClickProp?.(evt, asDataSourceRowObject(row, columnMap));\n    },\n    [columnMap, onRowClickProp, selectionHookOnRowClick],\n  );\n\n  const handleKeyDown = useCallback(\n    (e: KeyboardEvent<HTMLElement>) => {\n      navigationKeyDown(e);\n      if (!e.defaultPrevented) {\n        editingKeyDown(e);\n      }\n      if (!e.defaultPrevented) {\n        selectionHookKeyDown(e);\n      }\n    },\n    [navigationKeyDown, editingKeyDown, selectionHookKeyDown],\n  );\n\n  const onMoveColumn = useCallback(\n    (columns: ColumnDescriptor[]) => {\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    [\n      availableWidth,\n      dataSource,\n      dispatchTableModelAction,\n      onConfigChange,\n      tableConfig,\n    ],\n  );\n\n  const handleDropRow = useCallback(\n    (dragDropState) => {\n      onDrop?.(dragDropState);\n    },\n    [onDrop],\n  );\n\n  const handleDataEdited = useCallback<DataCellEditHandler>(\n    async (row, columnName, value) => {\n      return dataSource.applyEdit(row[KEY], columnName, value);\n    },\n    [dataSource],\n  );\n\n  const handleDragStartRow = useCallback<DragStartHandler>(\n    (dragDropState) => {\n      const { initialDragElement } = dragDropState;\n      const rowIndex = getIndexFromRowElement(initialDragElement);\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, onDragStart],\n  );\n\n  const onHeaderHeightMeasured = useCallback((height: number) => {\n    setHeaderHeight(height);\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  return {\n    ...containerProps,\n    \"aria-rowcount\": dataSource.size,\n    rowClassNameGenerator,\n    draggableRow,\n    onBlur: editingBlur,\n    onDoubleClick: editingDoubleClick,\n    onFocus: handleFocus,\n    onKeyDown: handleKeyDown,\n    onMouseDown: rowDragMouseDown,\n    columnMap,\n    columns,\n    data,\n    getRowOffset,\n    handleContextMenuAction,\n    headerHeight,\n    headings,\n    highlightedIndex: highlightedIndexRef.current,\n    menuBuilder,\n    onContextMenu,\n    onDataEdited: handleDataEdited,\n    onHeaderHeightMeasured,\n    onMoveColumn,\n    onMoveGroupColumn,\n    onRemoveGroupColumn,\n    onRowClick: handleRowClick,\n    onSortColumn: handleSort,\n    onResizeColumn,\n    onToggleGroup,\n    scrollProps,\n    // TODO don't think we need these ...\n    tableAttributes,\n    tableConfig,\n    viewportMeasurements,\n  };\n};\n"],"names":["metadataKeys","useRef","useMemo","useState","useCallback","size","useRowClassNameGenerators","useDragDrop","buildContextMenuDescriptors","tableConfig","useTableModel","useLayoutEffectSkipFirst","config","buildColumnMap","useTableViewport","useDataSource","useTableScroll","useEffect","columns","updateColumn","useTableAndColumnSettings","isShowColumnSettings","isShowTableSettings","useHandleTableContextMenu","toggleOrApplySort","column","isValidNumber","updateTableConfig","isJsonGroup","row","useKeyboardNavigation","useCellEditing","useTableContextMenu","isGroupColumn","asDataSourceRowObject","useSelection","getIndexFromRowElement"],"mappings":"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"}

package/esm/Table.css.js

@@ -1,4 +1,4 @@
-var tableCss = ".vuuTable {\n  --vuu-table-cell-outlineWidth: 1px;\n  --table-height: var(--measured-px-height);\n  --table-width: var(--measured-px-width);\n  --vuu-table-next-selection-bookend-width: 4px;\n  --vuu-table-embedded-control-height: calc(var(--row-height) - 3px);\n  --vuu-table-col-header-height: var(--vuuTableHeaderCell-height, 25px);\n  --vuu-table-col-heading-height: 25px;\n  --columnResizer-color: transparent;\n  --row-height: var(\n    --row-height-prop,\n    var(--vuu-table-row-height, var(--salt-size-base))\n  );\n\n  --cell-borderColor: transparent;\n  --row-borderColor: var(--row-background);\n  --table-background: var(--salt-container-primary-background);\n\n  background: var(--table-background);\n  font-family: var(\n    --vuuTable-fontFamily,\n    var(--salt-typography-fontFamily, sans-serif)\n  );\n  font-size: var(--vuuTable-fontSize, var(--salt-text-fontSize, 12px));\n  position: relative;\n  user-select: none;\n}\n\n.vuuTable-zebra {\n  --row-background-even: var(--salt-palette-neutral-secondary-background);\n}\n\n.vuuTable-colLines {\n  --cell-borderColor: var(--salt-separable-tertiary-borderColor);\n}\n\n.vuuTable-rowLines {\n  --row-borderColor: var(--salt-separable-tertiary-borderColor);\n}\n\n.vuuTable-scrollbarContainer {\n  border-bottom: none !important;\n  border-top: none !important;\n  border-left: solid 1px var(--salt-container-primary-borderColor);\n  /*  a top border */\n  /** creates a border to top od scrollbar */\n  /* box-shadow: 0px -1px 0px 0px var(--salt-container-primary-borderColor); */\n  height: var(--viewport-body-height);\n  left: 0px;\n  overflow: auto;\n  position: absolute;\n  top: var(--total-header-height);\n  width: var(--table-width);\n}\n\n.vuuTable-scrollbarContainer::-webkit-scrollbar {\n  width: 10px;\n}\n\n.vuuTable-scrollbarContainer::-webkit-scrollbar:horizontal {\n  height: 10px;\n}\n\n.vuuTable-scrollbarContainer::-webkit-scrollbar-track {\n  background-color: transparent;\n}\n.vuuTable-scrollbarContainer::-webkit-scrollbar-thumb {\n  background-clip: padding-box;\n  border-radius: 10px;\n  border: 2px solid rgba(0, 0, 0, 0);\n  background-color: var(--vuu-color-gray-30);\n}\n\n.vuuTable-scrollbarContent {\n  height: calc(var(--content-height) + var(--horizontal-scrollbar-height));\n  position: absolute;\n  width: var(--content-width);\n}\n\n.vuuTable-contentContainer {\n  background: var(--table-background);\n  height: calc(var(--table-height) - var(--horizontal-scrollbar-height));\n  position: relative;\n  overflow: auto;\n  overscroll-behavior: none;\n  width: calc(var(--table-width) - var(--vertical-scrollbar-width));\n}\n\n.vuuTable-contentContainer::-webkit-scrollbar {\n  display: none;\n}\n\n.vuuTable-table {\n  position: absolute;\n  top: 0;\n  left: 0;\n  table-layout: fixed;\n  width: var(--content-width);\n  margin: 0;\n  border: none;\n  border-collapse: separate;\n  border-spacing: 0;\n}\n\n.vuuTable-body {\n  height: var(--content-height);\n  position: relative;\n}\n\n.vuuPinLeft,\n.vuuPinRight {\n  background-color: inherit;\n  position: sticky;\n  z-index: 1;\n}\n\n.vuuTable-col-headings {\n  background-color: var(\n    --vuuTableColHeadings-background,\n    var(--table-background)\n  );\n  padding: 0 var(--vuu-table-next-selection-bookend-width, 0);\n  position: sticky;\n  top: 0;\n  /* ensure header row sits atop everything else when scrolling down */\n  z-index: 1;\n}\n\n.vuuTable-col-headings:hover {\n  --columnResizer-height: var(--vuu-table-col-header-height);\n  --columnResizer-color: var(--salt-separable-tertiary-borderColor);\n}\n\n.vuuTable-heading {\n  height: var(--vuu-table-col-heading-height);\n}\n\n.vuuTable-col-headers {\n  background-color: var(\n    --vuuTableColHeadings-background,\n    var(--vuuTableColHeadings-background)\n  );\n  border-bottom: solid 1px\n    var(\n      --vuuTableColHeaders-borderColor,\n      var(--salt-separable-secondary-borderColor)\n    );\n  color: var(--salt-content-secondary-foreground);\n  height: var(--vuu-table-col-header-height);\n  white-space: nowrap;\n\n  .vuuDraggable-spacer {\n    border-bottom: solid 1px #ccc;\n    height: var(--vuu-table-col-header-height);\n  }\n}\n\n.sizer-cell {\n  border: none !important;\n  height: 0px;\n}\n\n.vuuDraggable-vuuTable {\n  --cell-borderColor: transparent;\n  --vuu-table-col-header-height: var(--vuuTableHeaderCell-height, 25px);\n  --vuuTableHeaderCell-background: var(--salt-container-secondary-background);\n}\n.vuuDraggable-vuuTable {\n  --row-height: 25px;\n}\n";
+var tableCss = ".vuuTable {\n  --vuu-table-cell-outlineWidth: 1px;\n  --table-height: var(--measured-px-height);\n  --table-width: var(--measured-px-width);\n  --vuu-table-next-selection-bookend-width: 4px;\n  --vuu-table-embedded-control-height: calc(var(--row-height) - 3px);\n  --vuu-table-col-header-height: var(--vuuTableHeaderCell-height, 25px);\n  --vuu-table-col-heading-height: 25px;\n  --columnResizer-color: transparent;\n  --row-height: var(\n    --row-height-prop,\n    var(--vuu-table-row-height, var(--salt-size-base))\n  );\n\n  --cell-borderColor: transparent;\n  --row-borderColor: var(--row-background);\n  --table-background: var(--salt-container-primary-background);\n\n  background: var(--table-background);\n  font-family: var(\n    --vuuTable-fontFamily,\n    var(--salt-typography-fontFamily, sans-serif)\n  );\n  font-size: var(--vuuTable-fontSize, var(--salt-text-fontSize, 12px));\n  position: relative;\n  user-select: none;\n}\n\n.vuuTable-zebra {\n  --row-background-even: var(--salt-palette-neutral-secondary-background);\n}\n\n.vuuTable-colLines {\n  --cell-borderColor: var(--salt-separable-tertiary-borderColor);\n}\n\n.vuuTable-rowLines {\n  --row-borderColor: var(--salt-separable-tertiary-borderColor);\n}\n\n.vuuTable-scrollbarContainer {\n  border-bottom: none !important;\n  border-top: none !important;\n  border-left: solid 1px var(--salt-container-primary-borderColor);\n  /*  a top border */\n  /** creates a border to top od scrollbar */\n  /* box-shadow: 0px -1px 0px 0px var(--salt-container-primary-borderColor); */\n  height: var(--viewport-body-height);\n  left: 0px;\n  overflow: auto;\n  position: absolute;\n  top: var(--total-header-height);\n  width: var(--table-width);\n}\n\n.vuuTable-scrollbarContainer::-webkit-scrollbar {\n  width: 10px;\n}\n\n.vuuTable-scrollbarContainer::-webkit-scrollbar:horizontal {\n  height: 10px;\n}\n\n.vuuTable-scrollbarContainer::-webkit-scrollbar-track {\n  background-color: transparent;\n}\n.vuuTable-scrollbarContainer::-webkit-scrollbar-thumb {\n  background-clip: padding-box;\n  border-radius: 10px;\n  border: 2px solid rgba(0, 0, 0, 0);\n  background-color: var(--vuu-color-gray-30);\n}\n\n.vuuTable-scrollbarContent {\n  height: calc(var(--content-height) + var(--horizontal-scrollbar-height));\n  position: absolute;\n  width: var(--content-width);\n}\n\n.vuuTable-contentContainer {\n  background: var(--table-background);\n  height: calc(100% - var(--horizontal-scrollbar-height));\n  position: relative;\n  overflow: auto;\n  overscroll-behavior: none;\n  width: calc(var(--table-width) - var(--vertical-scrollbar-width));\n}\n\n.vuuTable-contentContainer::-webkit-scrollbar {\n  display: none;\n}\n\n.vuuTable-table {\n  position: absolute;\n  top: 0;\n  left: 0;\n  table-layout: fixed;\n  width: var(--content-width);\n  margin: 0;\n  border: none;\n  border-collapse: separate;\n  border-spacing: 0;\n}\n\n.vuuTable-body {\n  height: var(--content-height);\n  position: relative;\n}\n\n.vuuPinLeft,\n.vuuPinRight {\n  background-color: inherit;\n  position: sticky;\n  z-index: 1;\n}\n\n.vuuTable-col-headings {\n  background-color: var(\n    --vuuTableColHeadings-background,\n    var(--table-background)\n  );\n  padding: 0 var(--vuu-table-next-selection-bookend-width, 0);\n  position: sticky;\n  top: 0;\n  /* ensure header row sits atop everything else when scrolling down */\n  z-index: 1;\n}\n\n.vuuTable-col-headings:hover {\n  --columnResizer-height: var(--vuu-table-col-header-height);\n  --columnResizer-color: var(--salt-separable-tertiary-borderColor);\n}\n\n.vuuTable-heading {\n  height: var(--vuu-table-col-heading-height);\n}\n\n.vuuTable-col-headers {\n  background-color: var(\n    --vuuTableColHeadings-background,\n    var(--vuuTableColHeadings-background)\n  );\n  border-bottom: solid 1px\n    var(\n      --vuuTableColHeaders-borderColor,\n      var(--salt-separable-secondary-borderColor)\n    );\n  color: var(--salt-content-secondary-foreground);\n  height: var(--vuu-table-col-header-height);\n  white-space: nowrap;\n\n  .vuuDraggable-spacer {\n    border-bottom: solid 1px #ccc;\n    height: var(--vuu-table-col-header-height);\n  }\n}\n\n.sizer-cell {\n  border: none !important;\n  height: 0px;\n}\n\n.vuuDraggable-vuuTable {\n  --cell-borderColor: transparent;\n  --vuu-table-col-header-height: var(--vuuTableHeaderCell-height, 25px);\n  --vuuTableHeaderCell-background: var(--salt-container-secondary-background);\n}\n.vuuDraggable-vuuTable {\n  --row-height: 25px;\n}\n";
 
 export { tableCss as default };
 //# sourceMappingURL=Table.css.js.map

package/esm/moving-window.js

@@ -1,15 +1,20 @@
 import { WindowRange, isRowSelectedLast, metadataKeys } from '@vuu-ui/vuu-utils';
 
+var __defProp = Object.defineProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
 const { SELECTED } = metadataKeys;
 class MovingWindow {
   constructor({ from, to }) {
-    this.rowCount = 0;
-    this.setRowCount = (rowCount) => {
+    __publicField(this, "data");
+    __publicField(this, "rowCount", 0);
+    __publicField(this, "range");
+    __publicField(this, "setRowCount", (rowCount) => {
       if (rowCount < this.data.length) {
         this.data.length = rowCount;
       }
       this.rowCount = rowCount;
-    };
+    });
     this.range = new WindowRange(from, to);
     this.data = new Array(Math.max(0, to - from));
     this.rowCount = 0;

package/esm/moving-window.js.map

@@ -1 +1 @@
-{"version":3,"file":"moving-window.js","sources":["../src/moving-window.ts"],"sourcesContent":["import { DataSourceRow } from \"@vuu-ui/vuu-data-types\";\nimport {\n  isRowSelectedLast,\n  metadataKeys,\n  WindowRange,\n} from \"@vuu-ui/vuu-utils\";\nimport { VuuRange } from \"@vuu-ui/vuu-protocol-types\";\n\nconst { SELECTED } = metadataKeys;\n\nexport class MovingWindow {\n  public data: DataSourceRow[];\n  public rowCount = 0;\n  private range: WindowRange;\n\n  constructor({ from, to }: VuuRange) {\n    this.range = new WindowRange(from, to);\n    //internal data is always 0 based, we add range.from to determine an offset\n    this.data = new Array(Math.max(0, to - from));\n    this.rowCount = 0;\n  }\n\n  setRowCount = (rowCount: number) => {\n    if (rowCount < this.data.length) {\n      this.data.length = rowCount;\n    }\n\n    this.rowCount = rowCount;\n  };\n\n  add(data: DataSourceRow) {\n    const [index] = data;\n    if (this.isWithinRange(index)) {\n      const internalIndex = index - this.range.from;\n      this.data[internalIndex] = data;\n\n      // Hack until we can deal with this more elegantly. When we have a block\n      // select operation, first row is selected (and updated via server), then\n      // remaining rows are selected when we select the block-end row. We get an\n      // update for all rows except first. Because we're extending the select status\n      // on the client, we have to adjust the first row selected (its still selected\n      // but is no longer the 'last selected row in block')\n      // Maybe answer is to apply ALL the selection status code here, not in Viewport\n      if (data[SELECTED]) {\n        const previousRow = this.data[internalIndex - 1];\n        if (isRowSelectedLast(previousRow)) {\n          this.data[internalIndex - 1] = previousRow.slice() as DataSourceRow;\n          this.data[internalIndex - 1][SELECTED] -= 4;\n        }\n      }\n    }\n  }\n\n  getAtIndex(index: number) {\n    return this.range.isWithin(index) &&\n      this.data[index - this.range.from] != null\n      ? this.data[index - this.range.from]\n      : undefined;\n  }\n\n  isWithinRange(index: number) {\n    return this.range.isWithin(index);\n  }\n\n  setRange({ from, to }: VuuRange) {\n    if (from !== this.range.from || to !== this.range.to) {\n      const [overlapFrom, overlapTo] = this.range.overlap(from, to);\n      const newData = new Array(Math.max(0, to - from));\n      for (let i = overlapFrom; i < overlapTo; i++) {\n        const data = this.getAtIndex(i);\n        if (data) {\n          const index = i - from;\n          newData[index] = data;\n        }\n      }\n      this.data = newData;\n      this.range.from = from;\n      this.range.to = to;\n    }\n  }\n\n  getSelectedRows() {\n    return this.data.filter((row) => row[SELECTED] !== 0);\n  }\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"moving-window.js","sources":["../src/moving-window.ts"],"sourcesContent":["import { DataSourceRow } from \"@vuu-ui/vuu-data-types\";\nimport {\n  isRowSelectedLast,\n  metadataKeys,\n  WindowRange,\n} from \"@vuu-ui/vuu-utils\";\nimport { VuuRange } from \"@vuu-ui/vuu-protocol-types\";\n\nconst { SELECTED } = metadataKeys;\n\nexport class MovingWindow {\n  public data: DataSourceRow[];\n  public rowCount = 0;\n  private range: WindowRange;\n\n  constructor({ from, to }: VuuRange) {\n    this.range = new WindowRange(from, to);\n    //internal data is always 0 based, we add range.from to determine an offset\n    this.data = new Array(Math.max(0, to - from));\n    this.rowCount = 0;\n  }\n\n  setRowCount = (rowCount: number) => {\n    if (rowCount < this.data.length) {\n      this.data.length = rowCount;\n    }\n\n    this.rowCount = rowCount;\n  };\n\n  add(data: DataSourceRow) {\n    const [index] = data;\n    if (this.isWithinRange(index)) {\n      const internalIndex = index - this.range.from;\n      this.data[internalIndex] = data;\n\n      // Hack until we can deal with this more elegantly. When we have a block\n      // select operation, first row is selected (and updated via server), then\n      // remaining rows are selected when we select the block-end row. We get an\n      // update for all rows except first. Because we're extending the select status\n      // on the client, we have to adjust the first row selected (its still selected\n      // but is no longer the 'last selected row in block')\n      // Maybe answer is to apply ALL the selection status code here, not in Viewport\n      if (data[SELECTED]) {\n        const previousRow = this.data[internalIndex - 1];\n        if (isRowSelectedLast(previousRow)) {\n          this.data[internalIndex - 1] = previousRow.slice() as DataSourceRow;\n          this.data[internalIndex - 1][SELECTED] -= 4;\n        }\n      }\n    }\n  }\n\n  getAtIndex(index: number) {\n    return this.range.isWithin(index) &&\n      this.data[index - this.range.from] != null\n      ? this.data[index - this.range.from]\n      : undefined;\n  }\n\n  isWithinRange(index: number) {\n    return this.range.isWithin(index);\n  }\n\n  setRange({ from, to }: VuuRange) {\n    if (from !== this.range.from || to !== this.range.to) {\n      const [overlapFrom, overlapTo] = this.range.overlap(from, to);\n      const newData = new Array(Math.max(0, to - from));\n      for (let i = overlapFrom; i < overlapTo; i++) {\n        const data = this.getAtIndex(i);\n        if (data) {\n          const index = i - from;\n          newData[index] = data;\n        }\n      }\n      this.data = newData;\n      this.range.from = from;\n      this.range.to = to;\n    }\n  }\n\n  getSelectedRows() {\n    return this.data.filter((row) => row[SELECTED] !== 0);\n  }\n}\n"],"names":[],"mappings":"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"}

package/esm/useDataSource.js

@@ -1,4 +1,4 @@
-import { getFullRange, rangesAreSame, NULL_RANGE } from '@vuu-ui/vuu-utils';
+import { NULL_RANGE, getFullRange, rangesAreSame } from '@vuu-ui/vuu-utils';
 import { useState, useRef, useMemo, useCallback, useEffect } from 'react';
 import { MovingWindow } from './moving-window.js';
 
@@ -6,16 +6,15 @@ const useDataSource = ({
   dataSource,
   onSizeChange,
   onSubscribed,
-  range = NULL_RANGE,
   renderBufferSize = 0
 }) => {
   const [, forceUpdate] = useState(null);
   const data = useRef([]);
   const isMounted = useRef(true);
   const hasUpdated = useRef(false);
-  const rangeRef = useRef(range);
+  const rangeRef = useRef(NULL_RANGE);
   const dataWindow = useMemo(
-    () => new MovingWindow(getFullRange(range, renderBufferSize)),
+    () => new MovingWindow(getFullRange(NULL_RANGE, renderBufferSize)),
     // eslint-disable-next-line react-hooks/exhaustive-deps
     []
   );
@@ -52,6 +51,11 @@ const useDataSource = ({
           data.current = dataWindow.data;
           hasUpdated.current = true;
         }
+      } else if (message.type === "viewport-clear") {
+        onSizeChange?.(0);
+        dataWindow.setRowCount(0);
+        setData([]);
+        forceUpdate({});
       } else {
         console.log(`useDataSource unexpected message ${message.type}`);
       }
@@ -63,32 +67,33 @@ const useDataSource = ({
   }, [dataWindow]);
   useEffect(() => {
     isMounted.current = true;
-    dataSource.resume?.();
+    if (dataSource.status !== "initialising") {
+      dataSource.resume?.(datasourceMessageHandler);
+    }
     return () => {
       isMounted.current = false;
       dataSource.suspend?.();
     };
-  }, [dataSource]);
+  }, [dataSource, datasourceMessageHandler]);
   useEffect(() => {
     if (dataSource.status === "disabled") {
       dataSource.enable?.(datasourceMessageHandler);
-    } else {
-      dataSource?.subscribe(
-        { range: getFullRange(range, renderBufferSize) },
-        datasourceMessageHandler
-      );
     }
-  }, [dataSource, datasourceMessageHandler, range, renderBufferSize]);
+  }, [dataSource, datasourceMessageHandler, renderBufferSize]);
   const setRange = useCallback(
-    (range2) => {
-      if (!rangesAreSame(range2, rangeRef.current)) {
-        const fullRange = getFullRange(range2, renderBufferSize);
+    (range) => {
+      if (!rangesAreSame(range, rangeRef.current)) {
+        const fullRange = getFullRange(range, renderBufferSize);
         dataWindow.setRange(fullRange);
-        dataSource.range = rangeRef.current = fullRange;
-        dataSource.emit("range", range2);
+        if (dataSource.status !== "subscribed") {
+          dataSource?.subscribe({ range: fullRange }, datasourceMessageHandler);
+        } else {
+          dataSource.range = rangeRef.current = fullRange;
+        }
+        dataSource.emit("range", range);
       }
     },
-    [dataSource, dataWindow, renderBufferSize]
+    [dataSource, dataWindow, datasourceMessageHandler, renderBufferSize]
   );
   return {
     data: data.current,

package/esm/useDataSource.js.map

@@ -1 +1 @@
-{"version":3,"file":"useDataSource.js","sources":["../src/useDataSource.ts"],"sourcesContent":["import {\n  DataSource,\n  DataSourceRow,\n  DataSourceSubscribedMessage,\n  SubscribeCallback,\n} from \"@vuu-ui/vuu-data-types\";\nimport { VuuRange } from \"@vuu-ui/vuu-protocol-types\";\nimport { getFullRange, NULL_RANGE, rangesAreSame } from \"@vuu-ui/vuu-utils\";\nimport { useCallback, useEffect, useMemo, useRef, useState } from \"react\";\nimport { MovingWindow } from \"./moving-window\";\n\nexport interface DataSourceHookProps {\n  dataSource: DataSource;\n  onSizeChange: (size: number) => void;\n  onSubscribed: (subscription: DataSourceSubscribedMessage) => void;\n  range?: VuuRange;\n  renderBufferSize?: number;\n}\n\nexport const useDataSource = ({\n  dataSource,\n  onSizeChange,\n  onSubscribed,\n  range = NULL_RANGE,\n  renderBufferSize = 0,\n}: DataSourceHookProps) => {\n  const [, forceUpdate] = useState<unknown>(null);\n  const data = useRef<DataSourceRow[]>([]);\n  const isMounted = useRef(true);\n  const hasUpdated = useRef(false);\n  const rangeRef = useRef<VuuRange>(range);\n\n  const dataWindow = useMemo(\n    () => new MovingWindow(getFullRange(range, renderBufferSize)),\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [],\n  );\n\n  const setData = useCallback(\n    (updates: DataSourceRow[]) => {\n      for (const row of updates) {\n        dataWindow.add(row);\n      }\n      data.current = dataWindow.data;\n      if (isMounted.current) {\n        // TODO do we ever need to worry about missing updates here ?\n        forceUpdate({});\n      } else {\n        // do nothing\n      }\n    },\n    [dataWindow],\n  );\n\n  const datasourceMessageHandler: SubscribeCallback = useCallback(\n    (message) => {\n      if (message.type === \"subscribed\") {\n        onSubscribed?.(message);\n      } else if (message.type === \"viewport-update\") {\n        if (typeof message.size === \"number\") {\n          onSizeChange?.(message.size);\n          const size = dataWindow.data.length;\n          dataWindow.setRowCount(message.size);\n          if (dataWindow.data.length < size) {\n            forceUpdate({});\n          }\n        }\n        if (message.rows) {\n          setData(message.rows);\n        } else if (message.size === 0) {\n          setData([]);\n        } else if (typeof message.size === \"number\") {\n          data.current = dataWindow.data;\n          hasUpdated.current = true;\n        }\n      } else {\n        console.log(`useDataSource unexpected message ${message.type}`);\n      }\n    },\n    [dataWindow, onSizeChange, onSubscribed, setData],\n  );\n\n  const getSelectedRows = useCallback(() => {\n    return dataWindow.getSelectedRows();\n  }, [dataWindow]);\n\n  useEffect(() => {\n    isMounted.current = true;\n    dataSource.resume?.();\n    return () => {\n      isMounted.current = false;\n      dataSource.suspend?.();\n    };\n  }, [dataSource]);\n\n  useEffect(() => {\n    if (dataSource.status === \"disabled\") {\n      dataSource.enable?.(datasourceMessageHandler);\n    } else {\n      //TODO could we improve this by using a ref for range ?\n      dataSource?.subscribe(\n        { range: getFullRange(range, renderBufferSize) },\n        datasourceMessageHandler,\n      );\n    }\n  }, [dataSource, datasourceMessageHandler, range, renderBufferSize]);\n\n  const setRange = useCallback(\n    (range: VuuRange) => {\n      if (!rangesAreSame(range, rangeRef.current)) {\n        const fullRange = getFullRange(range, renderBufferSize);\n        dataWindow.setRange(fullRange);\n        dataSource.range = rangeRef.current = fullRange;\n        // emit a range event omitting the renderBufferSize\n        // This isn't great, we're using the dataSource as a conduit to emit a\n        // message that has nothing to do with the dataSource itself. CLient\n        // is the DataSourceState component.\n        dataSource.emit(\"range\", range);\n      }\n    },\n    [dataSource, dataWindow, renderBufferSize],\n  );\n\n  return {\n    data: data.current,\n    dataRef: data,\n    getSelectedRows,\n    range: rangeRef.current,\n    setRange,\n  };\n};\n"],"names":["range"],"mappings":"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"}
+{"version":3,"file":"useDataSource.js","sources":["../src/useDataSource.ts"],"sourcesContent":["import {\n  DataSource,\n  DataSourceRow,\n  DataSourceSubscribedMessage,\n  SubscribeCallback,\n} from \"@vuu-ui/vuu-data-types\";\nimport { VuuRange } from \"@vuu-ui/vuu-protocol-types\";\nimport { getFullRange, NULL_RANGE, rangesAreSame } from \"@vuu-ui/vuu-utils\";\nimport { useCallback, useEffect, useMemo, useRef, useState } from \"react\";\nimport { MovingWindow } from \"./moving-window\";\n\nexport interface DataSourceHookProps {\n  dataSource: DataSource;\n  onSizeChange: (size: number) => void;\n  onSubscribed: (subscription: DataSourceSubscribedMessage) => void;\n  renderBufferSize?: number;\n}\n\nexport const useDataSource = ({\n  dataSource,\n  onSizeChange,\n  onSubscribed,\n  renderBufferSize = 0,\n}: DataSourceHookProps) => {\n  const [, forceUpdate] = useState<unknown>(null);\n  const data = useRef<DataSourceRow[]>([]);\n  const isMounted = useRef(true);\n  const hasUpdated = useRef(false);\n  const rangeRef = useRef<VuuRange>(NULL_RANGE);\n\n  const dataWindow = useMemo(\n    () => new MovingWindow(getFullRange(NULL_RANGE, renderBufferSize)),\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [],\n  );\n\n  const setData = useCallback(\n    (updates: DataSourceRow[]) => {\n      for (const row of updates) {\n        dataWindow.add(row);\n      }\n      data.current = dataWindow.data;\n      if (isMounted.current) {\n        // TODO do we ever need to worry about missing updates here ?\n        forceUpdate({});\n      }\n    },\n    [dataWindow],\n  );\n\n  const datasourceMessageHandler: SubscribeCallback = useCallback(\n    (message) => {\n      if (message.type === \"subscribed\") {\n        onSubscribed?.(message);\n      } else if (message.type === \"viewport-update\") {\n        if (typeof message.size === \"number\") {\n          onSizeChange?.(message.size);\n          const size = dataWindow.data.length;\n          dataWindow.setRowCount(message.size);\n          if (dataWindow.data.length < size) {\n            forceUpdate({});\n          }\n        }\n        if (message.rows) {\n          setData(message.rows);\n        } else if (message.size === 0) {\n          setData([]);\n        } else if (typeof message.size === \"number\") {\n          data.current = dataWindow.data;\n          hasUpdated.current = true;\n        }\n      } else if (message.type === \"viewport-clear\") {\n        onSizeChange?.(0);\n        dataWindow.setRowCount(0);\n        setData([]);\n        forceUpdate({});\n      } else {\n        console.log(`useDataSource unexpected message ${message.type}`);\n      }\n    },\n    [dataWindow, onSizeChange, onSubscribed, setData],\n  );\n\n  const getSelectedRows = useCallback(() => {\n    return dataWindow.getSelectedRows();\n  }, [dataWindow]);\n\n  useEffect(() => {\n    isMounted.current = true;\n    if (dataSource.status !== \"initialising\") {\n      dataSource.resume?.(datasourceMessageHandler);\n    }\n    return () => {\n      isMounted.current = false;\n      dataSource.suspend?.();\n    };\n  }, [dataSource, datasourceMessageHandler]);\n\n  useEffect(() => {\n    if (dataSource.status === \"disabled\") {\n      dataSource.enable?.(datasourceMessageHandler);\n    }\n  }, [dataSource, datasourceMessageHandler, renderBufferSize]);\n\n  const setRange = useCallback(\n    (range: VuuRange) => {\n      if (!rangesAreSame(range, rangeRef.current)) {\n        const fullRange = getFullRange(range, renderBufferSize);\n        dataWindow.setRange(fullRange);\n\n        if (dataSource.status !== \"subscribed\") {\n          dataSource?.subscribe({ range: fullRange }, datasourceMessageHandler);\n        } else {\n          dataSource.range = rangeRef.current = fullRange;\n        }\n        // emit a range event omitting the renderBufferSize\n        // This isn't great, we're using the dataSource as a conduit to emit a\n        // message that has nothing to do with the dataSource itself. Client\n        // is the DataSourceState component.\n        // WHY CANT THIS BE DONE WITHIN DataSOurce ?\n        dataSource.emit(\"range\", range);\n      }\n    },\n    [dataSource, dataWindow, datasourceMessageHandler, renderBufferSize],\n  );\n\n  return {\n    data: data.current,\n    dataRef: data,\n    getSelectedRows,\n    range: rangeRef.current,\n    setRange,\n  };\n};\n"],"names":[],"mappings":";;;;AAkBO,MAAM,gBAAgB,CAAC;AAAA,EAC5B,UAAA;AAAA,EACA,YAAA;AAAA,EACA,YAAA;AAAA,EACA,gBAAmB,GAAA,CAAA;AACrB,CAA2B,KAAA;AACzB,EAAA,MAAM,GAAG,WAAW,CAAA,GAAI,SAAkB,IAAI,CAAA,CAAA;AAC9C,EAAM,MAAA,IAAA,GAAO,MAAwB,CAAA,EAAE,CAAA,CAAA;AACvC,EAAM,MAAA,SAAA,GAAY,OAAO,IAAI,CAAA,CAAA;AAC7B,EAAM,MAAA,UAAA,GAAa,OAAO,KAAK,CAAA,CAAA;AAC/B,EAAM,MAAA,QAAA,GAAW,OAAiB,UAAU,CAAA,CAAA;AAE5C,EAAA,MAAM,UAAa,GAAA,OAAA;AAAA,IACjB,MAAM,IAAI,YAAA,CAAa,YAAa,CAAA,UAAA,EAAY,gBAAgB,CAAC,CAAA;AAAA;AAAA,IAEjE,EAAC;AAAA,GACH,CAAA;AAEA,EAAA,MAAM,OAAU,GAAA,WAAA;AAAA,IACd,CAAC,OAA6B,KAAA;AAC5B,MAAA,KAAA,MAAW,OAAO,OAAS,EAAA;AACzB,QAAA,UAAA,CAAW,IAAI,GAAG,CAAA,CAAA;AAAA,OACpB;AACA,MAAA,IAAA,CAAK,UAAU,UAAW,CAAA,IAAA,CAAA;AAC1B,MAAA,IAAI,UAAU,OAAS,EAAA;AAErB,QAAA,WAAA,CAAY,EAAE,CAAA,CAAA;AAAA,OAChB;AAAA,KACF;AAAA,IACA,CAAC,UAAU,CAAA;AAAA,GACb,CAAA;AAEA,EAAA,MAAM,wBAA8C,GAAA,WAAA;AAAA,IAClD,CAAC,OAAY,KAAA;AACX,MAAI,IAAA,OAAA,CAAQ,SAAS,YAAc,EAAA;AACjC,QAAA,YAAA,GAAe,OAAO,CAAA,CAAA;AAAA,OACxB,MAAA,IAAW,OAAQ,CAAA,IAAA,KAAS,iBAAmB,EAAA;AAC7C,QAAI,IAAA,OAAO,OAAQ,CAAA,IAAA,KAAS,QAAU,EAAA;AACpC,UAAA,YAAA,GAAe,QAAQ,IAAI,CAAA,CAAA;AAC3B,UAAM,MAAA,IAAA,GAAO,WAAW,IAAK,CAAA,MAAA,CAAA;AAC7B,UAAW,UAAA,CAAA,WAAA,CAAY,QAAQ,IAAI,CAAA,CAAA;AACnC,UAAI,IAAA,UAAA,CAAW,IAAK,CAAA,MAAA,GAAS,IAAM,EAAA;AACjC,YAAA,WAAA,CAAY,EAAE,CAAA,CAAA;AAAA,WAChB;AAAA,SACF;AACA,QAAA,IAAI,QAAQ,IAAM,EAAA;AAChB,UAAA,OAAA,CAAQ,QAAQ,IAAI,CAAA,CAAA;AAAA,SACtB,MAAA,IAAW,OAAQ,CAAA,IAAA,KAAS,CAAG,EAAA;AAC7B,UAAA,OAAA,CAAQ,EAAE,CAAA,CAAA;AAAA,SACD,MAAA,IAAA,OAAO,OAAQ,CAAA,IAAA,KAAS,QAAU,EAAA;AAC3C,UAAA,IAAA,CAAK,UAAU,UAAW,CAAA,IAAA,CAAA;AAC1B,UAAA,UAAA,CAAW,OAAU,GAAA,IAAA,CAAA;AAAA,SACvB;AAAA,OACF,MAAA,IAAW,OAAQ,CAAA,IAAA,KAAS,gBAAkB,EAAA;AAC5C,QAAA,YAAA,GAAe,CAAC,CAAA,CAAA;AAChB,QAAA,UAAA,CAAW,YAAY,CAAC,CAAA,CAAA;AACxB,QAAA,OAAA,CAAQ,EAAE,CAAA,CAAA;AACV,QAAA,WAAA,CAAY,EAAE,CAAA,CAAA;AAAA,OACT,MAAA;AACL,QAAA,OAAA,CAAQ,GAAI,CAAA,CAAA,iCAAA,EAAoC,OAAQ,CAAA,IAAI,CAAE,CAAA,CAAA,CAAA;AAAA,OAChE;AAAA,KACF;AAAA,IACA,CAAC,UAAA,EAAY,YAAc,EAAA,YAAA,EAAc,OAAO,CAAA;AAAA,GAClD,CAAA;AAEA,EAAM,MAAA,eAAA,GAAkB,YAAY,MAAM;AACxC,IAAA,OAAO,WAAW,eAAgB,EAAA,CAAA;AAAA,GACpC,EAAG,CAAC,UAAU,CAAC,CAAA,CAAA;AAEf,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,SAAA,CAAU,OAAU,GAAA,IAAA,CAAA;AACpB,IAAI,IAAA,UAAA,CAAW,WAAW,cAAgB,EAAA;AACxC,MAAA,UAAA,CAAW,SAAS,wBAAwB,CAAA,CAAA;AAAA,KAC9C;AACA,IAAA,OAAO,MAAM;AACX,MAAA,SAAA,CAAU,OAAU,GAAA,KAAA,CAAA;AACpB,MAAA,UAAA,CAAW,OAAU,IAAA,CAAA;AAAA,KACvB,CAAA;AAAA,GACC,EAAA,CAAC,UAAY,EAAA,wBAAwB,CAAC,CAAA,CAAA;AAEzC,EAAA,SAAA,CAAU,MAAM;AACd,IAAI,IAAA,UAAA,CAAW,WAAW,UAAY,EAAA;AACpC,MAAA,UAAA,CAAW,SAAS,wBAAwB,CAAA,CAAA;AAAA,KAC9C;AAAA,GACC,EAAA,CAAC,UAAY,EAAA,wBAAA,EAA0B,gBAAgB,CAAC,CAAA,CAAA;AAE3D,EAAA,MAAM,QAAW,GAAA,WAAA;AAAA,IACf,CAAC,KAAoB,KAAA;AACnB,MAAA,IAAI,CAAC,aAAA,CAAc,KAAO,EAAA,QAAA,CAAS,OAAO,CAAG,EAAA;AAC3C,QAAM,MAAA,SAAA,GAAY,YAAa,CAAA,KAAA,EAAO,gBAAgB,CAAA,CAAA;AACtD,QAAA,UAAA,CAAW,SAAS,SAAS,CAAA,CAAA;AAE7B,QAAI,IAAA,UAAA,CAAW,WAAW,YAAc,EAAA;AACtC,UAAA,UAAA,EAAY,SAAU,CAAA,EAAE,KAAO,EAAA,SAAA,IAAa,wBAAwB,CAAA,CAAA;AAAA,SAC/D,MAAA;AACL,UAAW,UAAA,CAAA,KAAA,GAAQ,SAAS,OAAU,GAAA,SAAA,CAAA;AAAA,SACxC;AAMA,QAAW,UAAA,CAAA,IAAA,CAAK,SAAS,KAAK,CAAA,CAAA;AAAA,OAChC;AAAA,KACF;AAAA,IACA,CAAC,UAAA,EAAY,UAAY,EAAA,wBAAA,EAA0B,gBAAgB,CAAA;AAAA,GACrE,CAAA;AAEA,EAAO,OAAA;AAAA,IACL,MAAM,IAAK,CAAA,OAAA;AAAA,IACX,OAAS,EAAA,IAAA;AAAA,IACT,eAAA;AAAA,IACA,OAAO,QAAS,CAAA,OAAA;AAAA,IAChB,QAAA;AAAA,GACF,CAAA;AACF;;;;"}

package/esm/useTable.js

@@ -6,7 +6,6 @@ import { useHandleTableContextMenu } from './context-menu/useHandleTableContextM
 import { updateTableConfig } from './table-config.js';
 import { useCellEditing } from './useCellEditing.js';
 import { useDataSource } from './useDataSource.js';
-import { useInitialValue } from './useInitialValue.js';
 import { useKeyboardNavigation } from './useKeyboardNavigation.js';
 import { useSelection } from './useSelection.js';
 import { useTableContextMenu } from './useTableContextMenu.js';
@@ -140,17 +139,12 @@ const useTable = ({
     rowHeight,
     size
   });
-  const initialRange = useInitialValue({
-    from: 0,
-    to: viewportMeasurements.rowCount
-  });
   const { data, dataRef, getSelectedRows, range, setRange } = useDataSource({
     dataSource,
     // We need to factor this out of Table
     renderBufferSize,
     onSizeChange: onDataRowcountChange,
-    onSubscribed,
-    range: initialRange
+    onSubscribed
   });
   const { requestScroll, ...scrollProps } = useTableScroll({
     columns,

package/esm/useTable.js.map

@@ -1 +1 @@
-{"version":3,"file":"useTable.js","sources":["../src/useTable.ts"],"sourcesContent":["import {\n  DataSourceConfig,\n  DataSourceRow,\n  DataSourceSubscribedMessage,\n  SelectionChangeHandler,\n} from \"@vuu-ui/vuu-data-types\";\nimport {\n  ColumnDescriptor,\n  DataCellEditHandler,\n  TableRowClickHandlerInternal,\n  RuntimeColumnDescriptor,\n  TableColumnResizeHandler,\n  TableConfig,\n  TableSelectionModel,\n  TableRowSelectHandlerInternal,\n} from \"@vuu-ui/vuu-table-types\";\nimport { VuuRange, VuuSortType } from \"@vuu-ui/vuu-protocol-types\";\nimport {\n  DragStartHandler,\n  MeasuredProps,\n  MeasuredSize,\n  useDragDrop,\n} from \"@vuu-ui/vuu-ui-controls\";\nimport {\n  toggleOrApplySort,\n  asDataSourceRowObject,\n  buildColumnMap,\n  getIndexFromRowElement,\n  isGroupColumn,\n  isJsonGroup,\n  isValidNumber,\n  metadataKeys,\n  updateColumn,\n  useLayoutEffectSkipFirst,\n} from \"@vuu-ui/vuu-utils\";\nimport {\n  FocusEvent,\n  KeyboardEvent,\n  RefObject,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from \"react\";\nimport {\n  buildContextMenuDescriptors,\n  useHandleTableContextMenu,\n} from \"./context-menu\";\nimport { TableProps } from \"./Table\";\nimport { updateTableConfig } from \"./table-config\";\nimport { useCellEditing } from \"./useCellEditing\";\nimport { useDataSource } from \"./useDataSource\";\nimport { useInitialValue } from \"./useInitialValue\";\nimport { useKeyboardNavigation } from \"./useKeyboardNavigation\";\nimport { useSelection } from \"./useSelection\";\nimport { useTableContextMenu } from \"./useTableContextMenu\";\nimport {\n  ColumnActionHide,\n  ColumnActionPin,\n  isShowColumnSettings,\n  isShowTableSettings,\n  PersistentColumnAction,\n  useTableModel,\n} from \"./useTableModel\";\nimport { useTableScroll } from \"./useTableScroll\";\nimport { useTableViewport } from \"./useTableViewport\";\nimport { useTableAndColumnSettings } from \"./useTableAndColumnSettings\";\nimport { useRowClassNameGenerators } from \"./useRowClassNameGenerators\";\n\nconst stripInternalProperties = (tableConfig: TableConfig): TableConfig => {\n  return tableConfig;\n};\n\nexport interface TableHookProps\n  extends MeasuredProps,\n    Pick<\n      TableProps,\n      | \"allowDragDrop\"\n      | \"availableColumns\"\n      | \"config\"\n      | \"dataSource\"\n      | \"disableFocus\"\n      | \"highlightedIndex\"\n      | \"id\"\n      | \"navigationStyle\"\n      | \"onAvailableColumnsChange\"\n      | \"onConfigChange\"\n      | \"onDragStart\"\n      | \"onDrop\"\n      | \"onHighlight\"\n      | \"onSelect\"\n      | \"onSelectionChange\"\n      | \"onRowClick\"\n      | \"renderBufferSize\"\n      | \"scrollingApiRef\"\n    > {\n  containerRef: RefObject<HTMLDivElement>;\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  allowDragDrop = false,\n  availableColumns,\n  config,\n  containerRef,\n  dataSource,\n  disableFocus,\n  highlightedIndex: highlightedIndexProp,\n  id,\n  navigationStyle = \"cell\",\n  onAvailableColumnsChange,\n  onConfigChange,\n  onDragStart,\n  onDrop,\n  onHighlight,\n  onRowClick: onRowClickProp,\n  onSelect,\n  onSelectionChange,\n  renderBufferSize = 0,\n  rowHeight = 20,\n  scrollingApiRef,\n  selectionModel,\n  size,\n}: TableHookProps) => {\n  const tableConfigRef = useRef<TableConfig>(config);\n  useMemo(() => {\n    tableConfigRef.current = config;\n  }, [config]);\n\n  const [headerHeight, setHeaderHeight] = useState(-1);\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 - (headerHeight === -1 ? 0 : headerHeight);\n  const verticalScrollbarWidth =\n    virtualContentHeight > viewportBodyHeight ? 10 : 0;\n  const availableWidth = size.width - (verticalScrollbarWidth + 8);\n\n  const rowClassNameGenerator = useRowClassNameGenerators(config);\n\n  const useRowDragDrop = allowDragDrop ? useDragDrop : useNullDragDrop;\n\n  const menuBuilder = useMemo(\n    () => buildContextMenuDescriptors(dataSource),\n    [dataSource],\n  );\n\n  const {\n    columns,\n    dispatchTableModelAction,\n    headings,\n    tableAttributes,\n    tableConfig,\n  } = useTableModel(config, dataSource, selectionModel, availableWidth);\n\n  useLayoutEffectSkipFirst(() => {\n    dispatchTableModelAction({\n      availableWidth,\n      type: \"init\",\n      // tableConfig: config,\n      tableConfig: tableConfigRef.current,\n      dataSource,\n    });\n  }, [\n    availableWidth,\n    config,\n    dataSource,\n    dispatchTableModelAction,\n    verticalScrollbarWidth,\n  ]);\n\n  const applyTableConfigChange = useCallback(\n    (config: TableConfig) => {\n      dispatchTableModelAction({\n        availableWidth,\n        type: \"init\",\n        tableConfig: config,\n        dataSource,\n      });\n      tableConfigRef.current = config;\n      onConfigChange?.(stripInternalProperties(config));\n    },\n    [availableWidth, dataSource, dispatchTableModelAction, onConfigChange],\n  );\n\n  const columnMap = useMemo(\n    () => buildColumnMap(dataSource.columns),\n    [dataSource.columns],\n  );\n\n  const onSubscribed = useCallback(\n    ({ tableSchema }: DataSourceSubscribedMessage) => {\n      if (tableSchema) {\n        dispatchTableModelAction({\n          type: \"setTableSchema\",\n          tableSchema,\n        });\n      } else {\n        console.log(\"subscription message with no schema\");\n      }\n    },\n    [dispatchTableModelAction],\n  );\n\n  const {\n    getRowAtPosition,\n    getRowOffset,\n    setInSituRowOffset: viewportHookSetInSituRowOffset,\n    setScrollTop: viewportHookSetScrollTop,\n    ...viewportMeasurements\n  } = useTableViewport({\n    columns,\n    headerHeight,\n    rowCount,\n    rowHeight,\n    size: size,\n  });\n\n  const initialRange = useInitialValue<VuuRange>({\n    from: 0,\n    to: viewportMeasurements.rowCount,\n  });\n\n  const { data, dataRef, getSelectedRows, range, setRange } = useDataSource({\n    dataSource,\n    // We need to factor this out of Table\n    renderBufferSize,\n    onSizeChange: onDataRowcountChange,\n    onSubscribed,\n    range: initialRange,\n  });\n\n  const { requestScroll, ...scrollProps } = useTableScroll({\n    columns,\n    getRowAtPosition,\n    rowHeight,\n    scrollingApiRef,\n    setRange,\n    onVerticalScroll: viewportHookSetScrollTop,\n    onVerticalScrollInSitu: viewportHookSetInSituRowOffset,\n    viewportMeasurements,\n  });\n\n  // TODO does this belong here ?\n  const handleConfigEditedInSettingsPanel = useCallback(\n    (tableConfig: TableConfig) => {\n      dispatchTableModelAction({\n        availableWidth,\n        dataSource,\n        tableConfig,\n        type: \"init\",\n      });\n      tableConfigRef.current = tableConfig;\n      onConfigChange?.(stripInternalProperties(tableConfig));\n    },\n    [availableWidth, dataSource, dispatchTableModelAction, onConfigChange],\n  );\n\n  const handleDataSourceConfigChanged = useCallback(\n    (dataSourceConfig: DataSourceConfig) => {\n      dataSource.config = {\n        ...dataSource.config,\n        ...dataSourceConfig,\n      };\n    },\n    [dataSource],\n  );\n\n  useEffect(() => {\n    dataSource.on(\"config\", (config, confirmed, changes) => {\n      const scrollSensitiveChanges =\n        changes?.filterChanged || changes?.groupByChanged;\n      if (scrollSensitiveChanges && dataSource.range.from > 0) {\n        requestScroll({\n          type: \"scroll-end\",\n          direction: \"home\",\n        });\n      }\n      dispatchTableModelAction({\n        type: \"tableConfig\",\n        ...config,\n        confirmed,\n      });\n    });\n  }, [dataSource, dispatchTableModelAction, requestScroll]);\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      tableConfig,\n    });\n\n  const onPersistentColumnOperation = useCallback(\n    (action: PersistentColumnAction) => {\n      if (isShowColumnSettings(action)) {\n        showColumnSettingsPanel(action);\n      } else if (isShowTableSettings(action)) {\n        showTableSettingsPanel();\n      } else {\n        switch (action.type) {\n          case \"hideColumns\":\n            return hideColumns(action);\n          case \"pinColumn\":\n            return pinColumn(action);\n          default:\n            dispatchTableModelAction(action);\n        }\n      }\n    },\n    [\n      dispatchTableModelAction,\n      hideColumns,\n      pinColumn,\n      showColumnSettingsPanel,\n      showTableSettingsPanel,\n    ],\n  );\n\n  const handleContextMenuAction = useHandleTableContextMenu({\n    dataSource,\n    onPersistentColumnOperation,\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>();\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.index}']`;\n          resizeCells.current = Array.from(\n            containerRef.current?.querySelectorAll(\n              `.vuuTableCell${byColIndex},.vuuTableHeaderCell${byColIndex}`,\n            ) ?? [],\n          );\n          dispatchTableModelAction({\n            type: \"resizeColumn\",\n            phase,\n            column,\n            width,\n          });\n        }\n      } else {\n        throw Error(\n          `useDataTable.handleColumnResize, column ${columnName} not found`,\n        );\n      }\n    },\n    [\n      columns,\n      dispatchTableModelAction,\n      onConfigChange,\n      tableConfig,\n      containerRef,\n    ],\n  );\n\n  const onToggleGroup = useCallback(\n    (row: DataSourceRow, column: RuntimeColumnDescriptor) => {\n      const isJson = isJsonGroup(column, row, columnMap);\n      const key = row[KEY];\n\n      if (row[IS_EXPANDED]) {\n        dataSource.closeTreeNode(key, true);\n        if (isJson) {\n          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  const {\n    highlightedIndexRef,\n    navigate,\n    onFocus: navigationFocus,\n    onKeyDown: navigationKeyDown,\n    ...containerProps\n  } = useKeyboardNavigation({\n    columnCount: columns.filter((c) => c.hidden !== true).length,\n    containerRef,\n    disableFocus,\n    highlightedIndex: highlightedIndexProp,\n    navigationStyle,\n    requestScroll,\n    rowCount: dataSource?.size,\n    onHighlight,\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  });\n\n  const onMoveGroupColumn = useCallback(\n    (columns: ColumnDescriptor[]) => {\n      dataSource.groupBy = columns.map((col) => col.name);\n    },\n    [dataSource],\n  );\n\n  const onRemoveGroupColumn = useCallback(\n    (column: RuntimeColumnDescriptor) => {\n      if (isGroupColumn(column)) {\n        dataSource.groupBy = [];\n      } else {\n        if (dataSource && dataSource.groupBy.includes(column.name)) {\n          dataSource.groupBy = dataSource.groupBy.filter(\n            (columnName) => columnName !== column.name,\n          );\n        }\n      }\n    },\n    [dataSource],\n  );\n\n  const handleSelectionChange: SelectionChangeHandler = useCallback(\n    (selected) => {\n      dataSource.select(selected);\n      onSelectionChange?.(selected);\n    },\n    [dataSource, onSelectionChange],\n  );\n\n  const handleSelect = useCallback<TableRowSelectHandlerInternal>(\n    (row) => {\n      if (onSelect) {\n        onSelect(row === null ? null : asDataSourceRowObject(row, columnMap));\n      }\n    },\n    [columnMap, onSelect],\n  );\n\n  const {\n    onKeyDown: selectionHookKeyDown,\n    onRowClick: selectionHookOnRowClick,\n  } = useSelection({\n    highlightedIndexRef,\n    onSelect: handleSelect,\n    onSelectionChange: handleSelectionChange,\n    selectionModel,\n  });\n\n  const handleRowClick = useCallback<TableRowClickHandlerInternal>(\n    (evt, row, rangeSelect, keepExistingSelection) => {\n      selectionHookOnRowClick(evt, row, rangeSelect, keepExistingSelection);\n      onRowClickProp?.(evt, asDataSourceRowObject(row, columnMap));\n    },\n    [columnMap, onRowClickProp, selectionHookOnRowClick],\n  );\n\n  const handleKeyDown = useCallback(\n    (e: KeyboardEvent<HTMLElement>) => {\n      navigationKeyDown(e);\n      if (!e.defaultPrevented) {\n        editingKeyDown(e);\n      }\n      if (!e.defaultPrevented) {\n        selectionHookKeyDown(e);\n      }\n    },\n    [navigationKeyDown, editingKeyDown, selectionHookKeyDown],\n  );\n\n  const onMoveColumn = useCallback(\n    (columns: ColumnDescriptor[]) => {\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    [\n      availableWidth,\n      dataSource,\n      dispatchTableModelAction,\n      onConfigChange,\n      tableConfig,\n    ],\n  );\n\n  const handleDropRow = useCallback(\n    (dragDropState) => {\n      onDrop?.(dragDropState);\n    },\n    [onDrop],\n  );\n\n  const handleDataEdited = useCallback<DataCellEditHandler>(\n    async (row, columnName, value) => {\n      return dataSource.applyEdit(row[KEY], columnName, value);\n    },\n    [dataSource],\n  );\n\n  const handleDragStartRow = useCallback<DragStartHandler>(\n    (dragDropState) => {\n      const { initialDragElement } = dragDropState;\n      const rowIndex = getIndexFromRowElement(initialDragElement);\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, onDragStart],\n  );\n\n  const onHeaderHeightMeasured = useCallback((height: number) => {\n    setHeaderHeight(height);\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  return {\n    ...containerProps,\n    \"aria-rowcount\": dataSource.size,\n    rowClassNameGenerator,\n    draggableRow,\n    onBlur: editingBlur,\n    onDoubleClick: editingDoubleClick,\n    onFocus: handleFocus,\n    onKeyDown: handleKeyDown,\n    onMouseDown: rowDragMouseDown,\n    columnMap,\n    columns,\n    data,\n    getRowOffset,\n    handleContextMenuAction,\n    headerHeight,\n    headings,\n    highlightedIndex: highlightedIndexRef.current,\n    menuBuilder,\n    onContextMenu,\n    onDataEdited: handleDataEdited,\n    onHeaderHeightMeasured,\n    onMoveColumn,\n    onMoveGroupColumn,\n    onRemoveGroupColumn,\n    onRowClick: handleRowClick,\n    onSortColumn: handleSort,\n    onResizeColumn,\n    onToggleGroup,\n    scrollProps,\n    // TODO don't think we need these ...\n    tableAttributes,\n    tableConfig,\n    viewportMeasurements,\n  };\n};\n"],"names":["size","config","tableConfig","columns","column","row"],"mappings":"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"}
+{"version":3,"file":"useTable.js","sources":["../src/useTable.ts"],"sourcesContent":["import {\n  DataSourceConfig,\n  DataSourceRow,\n  DataSourceSubscribedMessage,\n  SelectionChangeHandler,\n} from \"@vuu-ui/vuu-data-types\";\nimport {\n  ColumnDescriptor,\n  DataCellEditHandler,\n  TableRowClickHandlerInternal,\n  RuntimeColumnDescriptor,\n  TableColumnResizeHandler,\n  TableConfig,\n  TableSelectionModel,\n  TableRowSelectHandlerInternal,\n} from \"@vuu-ui/vuu-table-types\";\nimport { VuuSortType } from \"@vuu-ui/vuu-protocol-types\";\nimport {\n  DragStartHandler,\n  MeasuredProps,\n  MeasuredSize,\n  useDragDrop,\n} from \"@vuu-ui/vuu-ui-controls\";\nimport {\n  toggleOrApplySort,\n  asDataSourceRowObject,\n  buildColumnMap,\n  getIndexFromRowElement,\n  isGroupColumn,\n  isJsonGroup,\n  isValidNumber,\n  metadataKeys,\n  updateColumn,\n  useLayoutEffectSkipFirst,\n} from \"@vuu-ui/vuu-utils\";\nimport {\n  FocusEvent,\n  KeyboardEvent,\n  RefObject,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from \"react\";\nimport {\n  buildContextMenuDescriptors,\n  useHandleTableContextMenu,\n} from \"./context-menu\";\nimport { TableProps } from \"./Table\";\nimport { updateTableConfig } from \"./table-config\";\nimport { useCellEditing } from \"./useCellEditing\";\nimport { useDataSource } from \"./useDataSource\";\nimport { useKeyboardNavigation } from \"./useKeyboardNavigation\";\nimport { useSelection } from \"./useSelection\";\nimport { useTableContextMenu } from \"./useTableContextMenu\";\nimport {\n  ColumnActionHide,\n  ColumnActionPin,\n  isShowColumnSettings,\n  isShowTableSettings,\n  PersistentColumnAction,\n  useTableModel,\n} from \"./useTableModel\";\nimport { useTableScroll } from \"./useTableScroll\";\nimport { useTableViewport } from \"./useTableViewport\";\nimport { useTableAndColumnSettings } from \"./useTableAndColumnSettings\";\nimport { useRowClassNameGenerators } from \"./useRowClassNameGenerators\";\n\nconst stripInternalProperties = (tableConfig: TableConfig): TableConfig => {\n  return tableConfig;\n};\n\nexport interface TableHookProps\n  extends MeasuredProps,\n    Pick<\n      TableProps,\n      | \"allowDragDrop\"\n      | \"availableColumns\"\n      | \"config\"\n      | \"dataSource\"\n      | \"disableFocus\"\n      | \"highlightedIndex\"\n      | \"id\"\n      | \"navigationStyle\"\n      | \"onAvailableColumnsChange\"\n      | \"onConfigChange\"\n      | \"onDragStart\"\n      | \"onDrop\"\n      | \"onHighlight\"\n      | \"onSelect\"\n      | \"onSelectionChange\"\n      | \"onRowClick\"\n      | \"renderBufferSize\"\n      | \"scrollingApiRef\"\n    > {\n  containerRef: RefObject<HTMLDivElement>;\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  allowDragDrop = false,\n  availableColumns,\n  config,\n  containerRef,\n  dataSource,\n  disableFocus,\n  highlightedIndex: highlightedIndexProp,\n  id,\n  navigationStyle = \"cell\",\n  onAvailableColumnsChange,\n  onConfigChange,\n  onDragStart,\n  onDrop,\n  onHighlight,\n  onRowClick: onRowClickProp,\n  onSelect,\n  onSelectionChange,\n  renderBufferSize = 0,\n  rowHeight = 20,\n  scrollingApiRef,\n  selectionModel,\n  size,\n}: TableHookProps) => {\n  const tableConfigRef = useRef<TableConfig>(config);\n  useMemo(() => {\n    tableConfigRef.current = config;\n  }, [config]);\n\n  const [headerHeight, setHeaderHeight] = useState(-1);\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 - (headerHeight === -1 ? 0 : headerHeight);\n  const verticalScrollbarWidth =\n    virtualContentHeight > viewportBodyHeight ? 10 : 0;\n  const availableWidth = size.width - (verticalScrollbarWidth + 8);\n\n  const rowClassNameGenerator = useRowClassNameGenerators(config);\n\n  const useRowDragDrop = allowDragDrop ? useDragDrop : useNullDragDrop;\n\n  const menuBuilder = useMemo(\n    () => buildContextMenuDescriptors(dataSource),\n    [dataSource],\n  );\n\n  const {\n    columns,\n    dispatchTableModelAction,\n    headings,\n    tableAttributes,\n    tableConfig,\n  } = useTableModel(config, dataSource, selectionModel, availableWidth);\n\n  useLayoutEffectSkipFirst(() => {\n    dispatchTableModelAction({\n      availableWidth,\n      type: \"init\",\n      // tableConfig: config,\n      tableConfig: tableConfigRef.current,\n      dataSource,\n    });\n  }, [\n    availableWidth,\n    config,\n    dataSource,\n    dispatchTableModelAction,\n    verticalScrollbarWidth,\n  ]);\n\n  const applyTableConfigChange = useCallback(\n    (config: TableConfig) => {\n      dispatchTableModelAction({\n        availableWidth,\n        type: \"init\",\n        tableConfig: config,\n        dataSource,\n      });\n      tableConfigRef.current = config;\n      onConfigChange?.(stripInternalProperties(config));\n    },\n    [availableWidth, dataSource, dispatchTableModelAction, onConfigChange],\n  );\n\n  const columnMap = useMemo(\n    () => buildColumnMap(dataSource.columns),\n    [dataSource.columns],\n  );\n\n  const onSubscribed = useCallback(\n    ({ tableSchema }: DataSourceSubscribedMessage) => {\n      if (tableSchema) {\n        dispatchTableModelAction({\n          type: \"setTableSchema\",\n          tableSchema,\n        });\n      } else {\n        console.log(\"subscription message with no schema\");\n      }\n    },\n    [dispatchTableModelAction],\n  );\n\n  const {\n    getRowAtPosition,\n    getRowOffset,\n    setInSituRowOffset: viewportHookSetInSituRowOffset,\n    setScrollTop: viewportHookSetScrollTop,\n    ...viewportMeasurements\n  } = useTableViewport({\n    columns,\n    headerHeight,\n    rowCount,\n    rowHeight,\n    size: size,\n  });\n\n  const { data, dataRef, getSelectedRows, range, setRange } = useDataSource({\n    dataSource,\n    // We need to factor this out of Table\n    renderBufferSize,\n    onSizeChange: onDataRowcountChange,\n    onSubscribed,\n  });\n\n  const { requestScroll, ...scrollProps } = useTableScroll({\n    columns,\n    getRowAtPosition,\n    rowHeight,\n    scrollingApiRef,\n    setRange,\n    onVerticalScroll: viewportHookSetScrollTop,\n    onVerticalScrollInSitu: viewportHookSetInSituRowOffset,\n    viewportMeasurements,\n  });\n\n  // TODO does this belong here ?\n  const handleConfigEditedInSettingsPanel = useCallback(\n    (tableConfig: TableConfig) => {\n      dispatchTableModelAction({\n        availableWidth,\n        dataSource,\n        tableConfig,\n        type: \"init\",\n      });\n      tableConfigRef.current = tableConfig;\n      onConfigChange?.(stripInternalProperties(tableConfig));\n    },\n    [availableWidth, dataSource, dispatchTableModelAction, onConfigChange],\n  );\n\n  const handleDataSourceConfigChanged = useCallback(\n    (dataSourceConfig: DataSourceConfig) => {\n      dataSource.config = {\n        ...dataSource.config,\n        ...dataSourceConfig,\n      };\n    },\n    [dataSource],\n  );\n\n  useEffect(() => {\n    dataSource.on(\"config\", (config, confirmed, changes) => {\n      const scrollSensitiveChanges =\n        changes?.filterChanged || changes?.groupByChanged;\n      if (scrollSensitiveChanges && dataSource.range.from > 0) {\n        requestScroll({\n          type: \"scroll-end\",\n          direction: \"home\",\n        });\n      }\n      dispatchTableModelAction({\n        type: \"tableConfig\",\n        ...config,\n        confirmed,\n      });\n    });\n  }, [dataSource, dispatchTableModelAction, requestScroll]);\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      tableConfig,\n    });\n\n  const onPersistentColumnOperation = useCallback(\n    (action: PersistentColumnAction) => {\n      if (isShowColumnSettings(action)) {\n        showColumnSettingsPanel(action);\n      } else if (isShowTableSettings(action)) {\n        showTableSettingsPanel();\n      } else {\n        switch (action.type) {\n          case \"hideColumns\":\n            return hideColumns(action);\n          case \"pinColumn\":\n            return pinColumn(action);\n          default:\n            dispatchTableModelAction(action);\n        }\n      }\n    },\n    [\n      dispatchTableModelAction,\n      hideColumns,\n      pinColumn,\n      showColumnSettingsPanel,\n      showTableSettingsPanel,\n    ],\n  );\n\n  const handleContextMenuAction = useHandleTableContextMenu({\n    dataSource,\n    onPersistentColumnOperation,\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>();\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.index}']`;\n          resizeCells.current = Array.from(\n            containerRef.current?.querySelectorAll(\n              `.vuuTableCell${byColIndex},.vuuTableHeaderCell${byColIndex}`,\n            ) ?? [],\n          );\n          dispatchTableModelAction({\n            type: \"resizeColumn\",\n            phase,\n            column,\n            width,\n          });\n        }\n      } else {\n        throw Error(\n          `useDataTable.handleColumnResize, column ${columnName} not found`,\n        );\n      }\n    },\n    [\n      columns,\n      dispatchTableModelAction,\n      onConfigChange,\n      tableConfig,\n      containerRef,\n    ],\n  );\n\n  const onToggleGroup = useCallback(\n    (row: DataSourceRow, column: RuntimeColumnDescriptor) => {\n      const isJson = isJsonGroup(column, row, columnMap);\n      const key = row[KEY];\n\n      if (row[IS_EXPANDED]) {\n        dataSource.closeTreeNode(key, true);\n        if (isJson) {\n          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  const {\n    highlightedIndexRef,\n    navigate,\n    onFocus: navigationFocus,\n    onKeyDown: navigationKeyDown,\n    ...containerProps\n  } = useKeyboardNavigation({\n    columnCount: columns.filter((c) => c.hidden !== true).length,\n    containerRef,\n    disableFocus,\n    highlightedIndex: highlightedIndexProp,\n    navigationStyle,\n    requestScroll,\n    rowCount: dataSource?.size,\n    onHighlight,\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  });\n\n  const onMoveGroupColumn = useCallback(\n    (columns: ColumnDescriptor[]) => {\n      dataSource.groupBy = columns.map((col) => col.name);\n    },\n    [dataSource],\n  );\n\n  const onRemoveGroupColumn = useCallback(\n    (column: RuntimeColumnDescriptor) => {\n      if (isGroupColumn(column)) {\n        dataSource.groupBy = [];\n      } else {\n        if (dataSource && dataSource.groupBy.includes(column.name)) {\n          dataSource.groupBy = dataSource.groupBy.filter(\n            (columnName) => columnName !== column.name,\n          );\n        }\n      }\n    },\n    [dataSource],\n  );\n\n  const handleSelectionChange: SelectionChangeHandler = useCallback(\n    (selected) => {\n      dataSource.select(selected);\n      onSelectionChange?.(selected);\n    },\n    [dataSource, onSelectionChange],\n  );\n\n  const handleSelect = useCallback<TableRowSelectHandlerInternal>(\n    (row) => {\n      if (onSelect) {\n        onSelect(row === null ? null : asDataSourceRowObject(row, columnMap));\n      }\n    },\n    [columnMap, onSelect],\n  );\n\n  const {\n    onKeyDown: selectionHookKeyDown,\n    onRowClick: selectionHookOnRowClick,\n  } = useSelection({\n    highlightedIndexRef,\n    onSelect: handleSelect,\n    onSelectionChange: handleSelectionChange,\n    selectionModel,\n  });\n\n  const handleRowClick = useCallback<TableRowClickHandlerInternal>(\n    (evt, row, rangeSelect, keepExistingSelection) => {\n      selectionHookOnRowClick(evt, row, rangeSelect, keepExistingSelection);\n      onRowClickProp?.(evt, asDataSourceRowObject(row, columnMap));\n    },\n    [columnMap, onRowClickProp, selectionHookOnRowClick],\n  );\n\n  const handleKeyDown = useCallback(\n    (e: KeyboardEvent<HTMLElement>) => {\n      navigationKeyDown(e);\n      if (!e.defaultPrevented) {\n        editingKeyDown(e);\n      }\n      if (!e.defaultPrevented) {\n        selectionHookKeyDown(e);\n      }\n    },\n    [navigationKeyDown, editingKeyDown, selectionHookKeyDown],\n  );\n\n  const onMoveColumn = useCallback(\n    (columns: ColumnDescriptor[]) => {\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    [\n      availableWidth,\n      dataSource,\n      dispatchTableModelAction,\n      onConfigChange,\n      tableConfig,\n    ],\n  );\n\n  const handleDropRow = useCallback(\n    (dragDropState) => {\n      onDrop?.(dragDropState);\n    },\n    [onDrop],\n  );\n\n  const handleDataEdited = useCallback<DataCellEditHandler>(\n    async (row, columnName, value) => {\n      return dataSource.applyEdit(row[KEY], columnName, value);\n    },\n    [dataSource],\n  );\n\n  const handleDragStartRow = useCallback<DragStartHandler>(\n    (dragDropState) => {\n      const { initialDragElement } = dragDropState;\n      const rowIndex = getIndexFromRowElement(initialDragElement);\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, onDragStart],\n  );\n\n  const onHeaderHeightMeasured = useCallback((height: number) => {\n    setHeaderHeight(height);\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  return {\n    ...containerProps,\n    \"aria-rowcount\": dataSource.size,\n    rowClassNameGenerator,\n    draggableRow,\n    onBlur: editingBlur,\n    onDoubleClick: editingDoubleClick,\n    onFocus: handleFocus,\n    onKeyDown: handleKeyDown,\n    onMouseDown: rowDragMouseDown,\n    columnMap,\n    columns,\n    data,\n    getRowOffset,\n    handleContextMenuAction,\n    headerHeight,\n    headings,\n    highlightedIndex: highlightedIndexRef.current,\n    menuBuilder,\n    onContextMenu,\n    onDataEdited: handleDataEdited,\n    onHeaderHeightMeasured,\n    onMoveColumn,\n    onMoveGroupColumn,\n    onRemoveGroupColumn,\n    onRowClick: handleRowClick,\n    onSortColumn: handleSort,\n    onResizeColumn,\n    onToggleGroup,\n    scrollProps,\n    // TODO don't think we need these ...\n    tableAttributes,\n    tableConfig,\n    viewportMeasurements,\n  };\n};\n"],"names":["size","config","tableConfig","columns","column","row"],"mappings":"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"}

package/package.json

@@ -1,21 +1,21 @@
 {
-  "version": "0.8.92",
+  "version": "0.8.94",
   "author": "heswell",
   "license": "Apache-2.0",
   "devDependencies": {
-    "@vuu-ui/vuu-data-types": "0.8.92",
-    "@vuu-ui/vuu-table-types": "0.8.92",
-    "@vuu-ui/vuu-protocol-types": "0.8.92"
+    "@vuu-ui/vuu-data-types": "0.8.94",
+    "@vuu-ui/vuu-table-types": "0.8.94",
+    "@vuu-ui/vuu-protocol-types": "0.8.94"
   },
   "dependencies": {
     "@salt-ds/core": "1.34.0",
     "@salt-ds/styles": "0.2.1",
     "@salt-ds/window": "0.1.1",
-    "@vuu-ui/vuu-data-react": "0.8.92",
-    "@vuu-ui/vuu-layout": "0.8.92",
-    "@vuu-ui/vuu-popups": "0.8.92",
-    "@vuu-ui/vuu-ui-controls": "0.8.92",
-    "@vuu-ui/vuu-utils": "0.8.92"
+    "@vuu-ui/vuu-data-react": "0.8.94",
+    "@vuu-ui/vuu-layout": "0.8.94",
+    "@vuu-ui/vuu-popups": "0.8.94",
+    "@vuu-ui/vuu-ui-controls": "0.8.94",
+    "@vuu-ui/vuu-utils": "0.8.94"
   },
   "peerDependencies": {
     "clsx": "^2.0.0",

package/types/useDataSource.d.ts

@@ -5,10 +5,9 @@ export interface DataSourceHookProps {
     dataSource: DataSource;
     onSizeChange: (size: number) => void;
     onSubscribed: (subscription: DataSourceSubscribedMessage) => void;
-    range?: VuuRange;
     renderBufferSize?: number;
 }
-export declare const useDataSource: ({ dataSource, onSizeChange, onSubscribed, range, renderBufferSize, }: DataSourceHookProps) => {
+export declare const useDataSource: ({ dataSource, onSizeChange, onSubscribed, renderBufferSize, }: DataSourceHookProps) => {
     data: DataSourceRow[];
     dataRef: import("react").MutableRefObject<DataSourceRow[]>;
     getSelectedRows: () => DataSourceRow[];

package/cjs/useInitialValue.js

@@ -1,11 +0,0 @@
-'use strict';
-
-var react = require('react');
-
-const useInitialValue = (value) => {
-  const ref = react.useRef(value);
-  return react.useMemo(() => ref.current, []);
-};
-
-exports.useInitialValue = useInitialValue;
-//# sourceMappingURL=useInitialValue.js.map

package/cjs/useInitialValue.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useInitialValue.js","sources":["../src/useInitialValue.ts"],"sourcesContent":["import { useMemo, useRef } from \"react\";\n\nexport const useInitialValue = <T = unknown>(value: T): T => {\n  const ref = useRef<T>(value);\n  return useMemo(() => ref.current, []);\n};\n"],"names":["useRef","useMemo"],"mappings":";;;;AAEa,MAAA,eAAA,GAAkB,CAAc,KAAgB,KAAA;AAC3D,EAAM,MAAA,GAAA,GAAMA,aAAU,KAAK,CAAA,CAAA;AAC3B,EAAA,OAAOC,aAAQ,CAAA,MAAM,GAAI,CAAA,OAAA,EAAS,EAAE,CAAA,CAAA;AACtC;;;;"}

package/esm/useInitialValue.js

@@ -1,9 +0,0 @@
-import { useRef, useMemo } from 'react';
-
-const useInitialValue = (value) => {
-  const ref = useRef(value);
-  return useMemo(() => ref.current, []);
-};
-
-export { useInitialValue };
-//# sourceMappingURL=useInitialValue.js.map

package/esm/useInitialValue.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useInitialValue.js","sources":["../src/useInitialValue.ts"],"sourcesContent":["import { useMemo, useRef } from \"react\";\n\nexport const useInitialValue = <T = unknown>(value: T): T => {\n  const ref = useRef<T>(value);\n  return useMemo(() => ref.current, []);\n};\n"],"names":[],"mappings":";;AAEa,MAAA,eAAA,GAAkB,CAAc,KAAgB,KAAA;AAC3D,EAAM,MAAA,GAAA,GAAM,OAAU,KAAK,CAAA,CAAA;AAC3B,EAAA,OAAO,OAAQ,CAAA,MAAM,GAAI,CAAA,OAAA,EAAS,EAAE,CAAA,CAAA;AACtC;;;;"}