@vuu-ui/vuu-table 2.1.18 → 2.1.19-beta.2

package/cjs/table-cell/TableGroupCell.js

@@ -1,65 +0,0 @@
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var vuuUiControls = require('@vuu-ui/vuu-ui-controls');
-var vuuUtils = require('@vuu-ui/vuu-utils');
-var styles = require('@salt-ds/styles');
-var window = require('@salt-ds/window');
-var cx = require('clsx');
-var react = require('react');
-var useCell = require('../useCell.js');
-var TableCell = require('./TableCell.css.js');
-var TableGroupCell$1 = require('./TableGroupCell.css.js');
-var applyHighlighting = require('../applyHighlighting.js');
-
-const classBase = "vuuTableGroupCell";
-const TableGroupCell = ({
-  column,
-  dataRow,
-  onClick,
-  searchPattern = ""
-}) => {
-  const targetWindow = window.useWindow();
-  styles.useComponentCssInjection({
-    testId: "vuu-table-cell",
-    css: TableCell,
-    window: targetWindow
-  });
-  styles.useComponentCssInjection({
-    testId: "vuu-table-group-cell",
-    css: TableGroupCell$1,
-    window: targetWindow
-  });
-  const { columns } = column;
-  const value = vuuUtils.getGroupValue(columns, dataRow);
-  const valueWithHighlighting = applyHighlighting.applyHighlighting(value || "", searchPattern);
-  const icon = vuuUtils.getGroupIcon(columns, dataRow);
-  const { className, style } = useCell.useCell(column, classBase);
-  const handleClick = react.useCallback(
-    (evt) => {
-      onClick?.(evt, column);
-    },
-    [column, onClick]
-  );
-  const { childCount, isExpanded, isLeaf } = dataRow;
-  const isLeafNode = isLeaf || childCount == 0;
-  return /* @__PURE__ */ jsxRuntime.jsxs(
-    "div",
-    {
-      "aria-colindex": 1,
-      className: cx(className, "vuuTableCell"),
-      role: "cell",
-      style,
-      onClick: isLeafNode ? void 0 : handleClick,
-      children: [
-        /* @__PURE__ */ jsxRuntime.jsx("span", { className: `${classBase}-spacer` }),
-        isLeafNode ? null : /* @__PURE__ */ jsxRuntime.jsx(vuuUiControls.ToggleIconButton, { isExpanded }),
-        icon ? /* @__PURE__ */ jsxRuntime.jsx(vuuUiControls.Icon, { name: icon }) : null,
-        /* @__PURE__ */ jsxRuntime.jsx("span", { className: `${classBase}-label`, children: valueWithHighlighting })
-      ]
-    }
-  );
-};
-
-exports.TableGroupCell = TableGroupCell;
-//# sourceMappingURL=TableGroupCell.js.map

package/cjs/table-cell/TableGroupCell.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TableGroupCell.js","sources":["../../../../packages/vuu-table/src/table-cell/TableGroupCell.tsx"],"sourcesContent":["import { GroupColumnDescriptor, TableCellProps } from \"@vuu-ui/vuu-table-types\";\nimport { Icon, ToggleIconButton } from \"@vuu-ui/vuu-ui-controls\";\nimport { getGroupIcon, getGroupValue } from \"@vuu-ui/vuu-utils\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport cx from \"clsx\";\nimport { MouseEvent, useCallback } from \"react\";\nimport { useCell } from \"../useCell\";\n\nimport tableCellCss from \"./TableCell.css\";\nimport tableGroupCellCss from \"./TableGroupCell.css\";\nimport { applyHighlighting } from \"../applyHighlighting\";\n\nconst classBase = \"vuuTableGroupCell\";\n\nexport const TableGroupCell = ({\n  column,\n  dataRow,\n  onClick,\n  searchPattern = \"\",\n}: TableCellProps) => {\n  const targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"vuu-table-cell\",\n    css: tableCellCss,\n    window: targetWindow,\n  });\n  useComponentCssInjection({\n    testId: \"vuu-table-group-cell\",\n    css: tableGroupCellCss,\n    window: targetWindow,\n  });\n\n  const { columns } = column as GroupColumnDescriptor;\n  const value = getGroupValue(columns, dataRow);\n  const valueWithHighlighting = applyHighlighting(value || \"\", searchPattern);\n\n  const icon = getGroupIcon(columns, dataRow);\n  const { className, style } = useCell(column, classBase);\n\n  const handleClick = useCallback(\n    (evt: MouseEvent<HTMLDivElement>) => {\n      onClick?.(evt, column);\n    },\n    [column, onClick],\n  );\n\n  const { childCount, isExpanded, isLeaf } = dataRow;\n\n  // In a TreeTable, no nodes are tagged as leaf nodes, but those with childCount = 0\n  // behave as leaf nodes\n  const isLeafNode = isLeaf || childCount == 0;\n\n  return (\n    <div\n      aria-colindex={1}\n      className={cx(className, \"vuuTableCell\")}\n      role=\"cell\"\n      style={style}\n      onClick={isLeafNode ? undefined : handleClick}\n    >\n      <span className={`${classBase}-spacer`} />\n      {isLeafNode ? null : <ToggleIconButton isExpanded={isExpanded} />}\n      {icon ? <Icon name={icon} /> : null}\n      <span className={`${classBase}-label`}>{valueWithHighlighting}</span>\n    </div>\n  );\n};\n"],"names":["useWindow","useComponentCssInjection","tableCellCss","tableGroupCellCss","getGroupValue","applyHighlighting","getGroupIcon","useCell","useCallback","jsxs","jsx","ToggleIconButton","Icon"],"mappings":";;;;;;;;;;;;;;AAaA,MAAM,SAAY,GAAA,mBAAA;AAEX,MAAM,iBAAiB,CAAC;AAAA,EAC7B,MAAA;AAAA,EACA,OAAA;AAAA,EACA,OAAA;AAAA,EACA,aAAgB,GAAA;AAClB,CAAsB,KAAA;AACpB,EAAA,MAAM,eAAeA,gBAAU,EAAA;AAC/B,EAAyBC,+BAAA,CAAA;AAAA,IACvB,MAAQ,EAAA,gBAAA;AAAA,IACR,GAAK,EAAAC,SAAA;AAAA,IACL,MAAQ,EAAA;AAAA,GACT,CAAA;AACD,EAAyBD,+BAAA,CAAA;AAAA,IACvB,MAAQ,EAAA,sBAAA;AAAA,IACR,GAAK,EAAAE,gBAAA;AAAA,IACL,MAAQ,EAAA;AAAA,GACT,CAAA;AAED,EAAM,MAAA,EAAE,SAAY,GAAA,MAAA;AACpB,EAAM,MAAA,KAAA,GAAQC,sBAAc,CAAA,OAAA,EAAS,OAAO,CAAA;AAC5C,EAAA,MAAM,qBAAwB,GAAAC,mCAAA,CAAkB,KAAS,IAAA,EAAA,EAAI,aAAa,CAAA;AAE1E,EAAM,MAAA,IAAA,GAAOC,qBAAa,CAAA,OAAA,EAAS,OAAO,CAAA;AAC1C,EAAA,MAAM,EAAE,SAAW,EAAA,KAAA,EAAU,GAAAC,eAAA,CAAQ,QAAQ,SAAS,CAAA;AAEtD,EAAA,MAAM,WAAc,GAAAC,iBAAA;AAAA,IAClB,CAAC,GAAoC,KAAA;AACnC,MAAA,OAAA,GAAU,KAAK,MAAM,CAAA;AAAA,KACvB;AAAA,IACA,CAAC,QAAQ,OAAO;AAAA,GAClB;AAEA,EAAA,MAAM,EAAE,UAAA,EAAY,UAAY,EAAA,MAAA,EAAW,GAAA,OAAA;AAI3C,EAAM,MAAA,UAAA,GAAa,UAAU,UAAc,IAAA,CAAA;AAE3C,EACE,uBAAAC,eAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,eAAe,EAAA,CAAA;AAAA,MACf,SAAA,EAAW,EAAG,CAAA,SAAA,EAAW,cAAc,CAAA;AAAA,MACvC,IAAK,EAAA,MAAA;AAAA,MACL,KAAA;AAAA,MACA,OAAA,EAAS,aAAa,KAAY,CAAA,GAAA,WAAA;AAAA,MAElC,QAAA,EAAA;AAAA,wBAAAC,cAAA,CAAC,MAAK,EAAA,EAAA,SAAA,EAAW,CAAG,EAAA,SAAS,CAAW,OAAA,CAAA,EAAA,CAAA;AAAA,QACvC,UAAa,GAAA,IAAA,mBAAQA,cAAA,CAAAC,8BAAA,EAAA,EAAiB,UAAwB,EAAA,CAAA;AAAA,QAC9D,IAAO,mBAAAD,cAAA,CAACE,kBAAK,EAAA,EAAA,IAAA,EAAM,MAAM,CAAK,GAAA,IAAA;AAAA,uCAC9B,MAAK,EAAA,EAAA,SAAA,EAAW,CAAG,EAAA,SAAS,UAAW,QAAsB,EAAA,qBAAA,EAAA;AAAA;AAAA;AAAA,GAChE;AAEJ;;;;"}

package/cjs/table-config/useTableConfig.js

@@ -1,67 +0,0 @@
-'use strict';
-
-var vuuTableExtras = require('@vuu-ui/vuu-table-extras');
-var react = require('react');
-
-const useTableConfig = ({
-  availableColumns,
-  config: initialTableConfig,
-  dataSource,
-  onTableConfigChange
-}) => {
-  const [tableConfig, setTableConfig] = react.useState(initialTableConfig);
-  const handleColumnModelChange = react.useCallback(
-    (columns, changeSource, changeDescriptor) => {
-      if (changeSource === "column-picker" || changeSource === "column-settings") {
-        if (changeDescriptor?.type === "calculated-column-added" || changeDescriptor?.type === "column-added") {
-          dataSource.columns = dataSource.columns.concat(
-            changeDescriptor.column.name
-          );
-        } else if (changeDescriptor?.type === "column-removed") {
-          dataSource.columns = dataSource.columns.filter(
-            (name) => name !== changeDescriptor.column.name
-          );
-        }
-        let newConfig = void 0;
-        setTableConfig((config) => newConfig = { ...config, columns });
-        if (changeDescriptor?.type === "column-removed" || changeDescriptor?.type === "column-added" || changeDescriptor?.type === "calculated-column-added") {
-          if (newConfig) {
-            onTableConfigChange?.(newConfig, changeDescriptor);
-          }
-        }
-      }
-    },
-    [dataSource, onTableConfigChange]
-  );
-  const columnModel = react.useMemo(() => {
-    const model = new vuuTableExtras.ColumnModel(availableColumns, tableConfig.columns);
-    model.on("change", handleColumnModelChange);
-    return model;
-  }, [availableColumns, handleColumnModelChange, tableConfig.columns]);
-  const handleTableConfigChange = react.useCallback(
-    (_config, changeType) => {
-      if (changeType.type === "column-removed") {
-        columnModel.removeItemFromSelectedColumns(
-          changeType.column.name,
-          "table"
-        );
-      }
-    },
-    [columnModel]
-  );
-  const handleTableDisplayAttributeChange = react.useCallback((displayAttributes) => {
-    setTableConfig((config) => ({
-      ...config,
-      ...displayAttributes
-    }));
-  }, []);
-  return {
-    columnModel,
-    onTableDisplayAttributeChange: handleTableDisplayAttributeChange,
-    onTableConfigChange: handleTableConfigChange,
-    tableConfig
-  };
-};
-
-exports.useTableConfig = useTableConfig;
-//# sourceMappingURL=useTableConfig.js.map

package/cjs/table-config/useTableConfig.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useTableConfig.js","sources":["../../../../packages/vuu-table/src/table-config/useTableConfig.ts"],"sourcesContent":["import {\n  ColumnModel,\n  ColumnsChangeHandler,\n  TableDisplayAttributeChangeHandler,\n} from \"@vuu-ui/vuu-table-extras\";\nimport { TableConfig } from \"@vuu-ui/vuu-table-types\";\nimport { useCallback, useMemo, useState } from \"react\";\nimport { TableProps } from \"../Table\";\nimport type {\n  ColumnDescriptor,\n  TableConfigChangeHandler,\n} from \"@vuu-ui/vuu-table-types\";\nimport { DataSource } from \"@vuu-ui/vuu-data-types\";\n\nexport interface TableConfigHookProps extends Pick<TableProps, \"config\"> {\n  availableColumns: readonly ColumnDescriptor[];\n  dataSource: DataSource;\n  onTableConfigChange?: TableConfigChangeHandler;\n}\n\nexport const useTableConfig = ({\n  availableColumns,\n  config: initialTableConfig,\n  dataSource,\n  onTableConfigChange,\n}: TableConfigHookProps) => {\n  const [tableConfig, setTableConfig] =\n    useState<TableConfig>(initialTableConfig);\n\n  const handleColumnModelChange = useCallback<ColumnsChangeHandler>(\n    (columns, changeSource, changeDescriptor) => {\n      if (\n        changeSource === \"column-picker\" ||\n        changeSource === \"column-settings\"\n      ) {\n        if (\n          changeDescriptor?.type === \"calculated-column-added\" ||\n          changeDescriptor?.type === \"column-added\"\n        ) {\n          dataSource.columns = dataSource.columns.concat(\n            changeDescriptor.column.name,\n          );\n        } else if (changeDescriptor?.type === \"column-removed\") {\n          dataSource.columns = dataSource.columns.filter(\n            (name) => name !== changeDescriptor.column.name,\n          );\n        }\n\n        let newConfig: TableConfig | undefined = undefined;\n        setTableConfig((config) => (newConfig = { ...config, columns }));\n        if (\n          changeDescriptor?.type === \"column-removed\" ||\n          changeDescriptor?.type === \"column-added\" ||\n          changeDescriptor?.type === \"calculated-column-added\"\n        ) {\n          if (newConfig) {\n            // calling onTableConfigChange will allow client to persist changes\n            // for future sessions\n            onTableConfigChange?.(newConfig, changeDescriptor);\n          }\n        }\n      }\n    },\n    [dataSource, onTableConfigChange],\n  );\n\n  const columnModel = useMemo(() => {\n    const model = new ColumnModel(availableColumns, tableConfig.columns);\n    model.on(\"change\", handleColumnModelChange);\n    return model;\n  }, [availableColumns, handleColumnModelChange, tableConfig.columns]);\n\n  const handleTableConfigChange = useCallback<TableConfigChangeHandler>(\n    (_config, changeType) => {\n      if (changeType.type === \"column-removed\") {\n        columnModel.removeItemFromSelectedColumns(\n          changeType.column.name,\n          \"table\",\n        );\n      }\n    },\n    [columnModel],\n  );\n\n  const handleTableDisplayAttributeChange =\n    useCallback<TableDisplayAttributeChangeHandler>((displayAttributes) => {\n      setTableConfig((config) => ({\n        ...config,\n        ...displayAttributes,\n      }));\n    }, []);\n\n  return {\n    columnModel,\n    onTableDisplayAttributeChange: handleTableDisplayAttributeChange,\n    onTableConfigChange: handleTableConfigChange,\n    tableConfig,\n  };\n};\n"],"names":["useState","useCallback","useMemo","ColumnModel"],"mappings":";;;;;AAoBO,MAAM,iBAAiB,CAAC;AAAA,EAC7B,gBAAA;AAAA,EACA,MAAQ,EAAA,kBAAA;AAAA,EACR,UAAA;AAAA,EACA;AACF,CAA4B,KAAA;AAC1B,EAAA,MAAM,CAAC,WAAA,EAAa,cAAc,CAAA,GAChCA,eAAsB,kBAAkB,CAAA;AAE1C,EAAA,MAAM,uBAA0B,GAAAC,iBAAA;AAAA,IAC9B,CAAC,OAAS,EAAA,YAAA,EAAc,gBAAqB,KAAA;AAC3C,MACE,IAAA,YAAA,KAAiB,eACjB,IAAA,YAAA,KAAiB,iBACjB,EAAA;AACA,QAAA,IACE,gBAAkB,EAAA,IAAA,KAAS,yBAC3B,IAAA,gBAAA,EAAkB,SAAS,cAC3B,EAAA;AACA,UAAW,UAAA,CAAA,OAAA,GAAU,WAAW,OAAQ,CAAA,MAAA;AAAA,YACtC,iBAAiB,MAAO,CAAA;AAAA,WAC1B;AAAA,SACF,MAAA,IAAW,gBAAkB,EAAA,IAAA,KAAS,gBAAkB,EAAA;AACtD,UAAW,UAAA,CAAA,OAAA,GAAU,WAAW,OAAQ,CAAA,MAAA;AAAA,YACtC,CAAC,IAAA,KAAS,IAAS,KAAA,gBAAA,CAAiB,MAAO,CAAA;AAAA,WAC7C;AAAA;AAGF,QAAA,IAAI,SAAqC,GAAA,KAAA,CAAA;AACzC,QAAA,cAAA,CAAe,CAAC,MAAY,KAAA,SAAA,GAAY,EAAE,GAAG,MAAA,EAAQ,SAAU,CAAA;AAC/D,QACE,IAAA,gBAAA,EAAkB,SAAS,gBAC3B,IAAA,gBAAA,EAAkB,SAAS,cAC3B,IAAA,gBAAA,EAAkB,SAAS,yBAC3B,EAAA;AACA,UAAA,IAAI,SAAW,EAAA;AAGb,YAAA,mBAAA,GAAsB,WAAW,gBAAgB,CAAA;AAAA;AACnD;AACF;AACF,KACF;AAAA,IACA,CAAC,YAAY,mBAAmB;AAAA,GAClC;AAEA,EAAM,MAAA,WAAA,GAAcC,cAAQ,MAAM;AAChC,IAAA,MAAM,KAAQ,GAAA,IAAIC,0BAAY,CAAA,gBAAA,EAAkB,YAAY,OAAO,CAAA;AACnE,IAAM,KAAA,CAAA,EAAA,CAAG,UAAU,uBAAuB,CAAA;AAC1C,IAAO,OAAA,KAAA;AAAA,KACN,CAAC,gBAAA,EAAkB,uBAAyB,EAAA,WAAA,CAAY,OAAO,CAAC,CAAA;AAEnE,EAAA,MAAM,uBAA0B,GAAAF,iBAAA;AAAA,IAC9B,CAAC,SAAS,UAAe,KAAA;AACvB,MAAI,IAAA,UAAA,CAAW,SAAS,gBAAkB,EAAA;AACxC,QAAY,WAAA,CAAA,6BAAA;AAAA,UACV,WAAW,MAAO,CAAA,IAAA;AAAA,UAClB;AAAA,SACF;AAAA;AACF,KACF;AAAA,IACA,CAAC,WAAW;AAAA,GACd;AAEA,EAAM,MAAA,iCAAA,GACJA,iBAAgD,CAAA,CAAC,iBAAsB,KAAA;AACrE,IAAA,cAAA,CAAe,CAAC,MAAY,MAAA;AAAA,MAC1B,GAAG,MAAA;AAAA,MACH,GAAG;AAAA,KACH,CAAA,CAAA;AAAA,GACJ,EAAG,EAAE,CAAA;AAEP,EAAO,OAAA;AAAA,IACL,WAAA;AAAA,IACA,6BAA+B,EAAA,iCAAA;AAAA,IAC/B,mBAAqB,EAAA,uBAAA;AAAA,IACrB;AAAA,GACF;AACF;;;;"}

package/cjs/table-config.js

@@ -1,35 +0,0 @@
-'use strict';
-
-var vuuUtils = require('@vuu-ui/vuu-utils');
-
-const updateTableConfig = (config, action) => {
-  switch (action.type) {
-    case "col-size": {
-      const { columns: runtimeColumns, width } = action;
-      const isFit = config.columnLayout === "fit";
-      return {
-        ...config,
-        columnLayout: isFit ? "manual" : config.columnLayout,
-        columns: config.columns.map((col) => {
-          if (isFit) {
-            return col.name === action.column.name ? { ...col, width } : col.width ? col : { ...col, width: vuuUtils.getRuntimeColumnWidth(col, runtimeColumns) };
-          } else {
-            return col.name === action.column.name ? { ...col, width: action.width } : col;
-          }
-        })
-      };
-    }
-    case "column-prop":
-      return {
-        ...config,
-        columns: config.columns.map(
-          (col) => col.name === action.column.name ? { ...col, [action.property]: action.value } : col
-        )
-      };
-    default:
-      return config;
-  }
-};
-
-exports.updateTableConfig = updateTableConfig;
-//# sourceMappingURL=table-config.js.map

package/cjs/table-config.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"table-config.js","sources":["../../../packages/vuu-table/src/table-config.ts"],"sourcesContent":["import {\n  ColumnDescriptor,\n  RuntimeColumnDescriptor,\n  TableConfig,\n} from \"@vuu-ui/vuu-table-types\";\nimport { getRuntimeColumnWidth } from \"@vuu-ui/vuu-utils\";\n\nexport type MoveColumnTableConfigAction = {\n  type: \"col-move\";\n  column: ColumnDescriptor;\n  fromIndex: number;\n  toIndex: number;\n};\n\nexport type ResizeColumnTableConfigAction = {\n  type: \"col-size\";\n  column: ColumnDescriptor;\n  columns: RuntimeColumnDescriptor[];\n  width: number;\n};\n\nexport type SubscribeColumnTableConfigAction = {\n  type: \"subscribed\";\n  column: ColumnDescriptor;\n  value: boolean;\n};\n\nexport type UpdateColumnPropertyTableConfigAction = {\n  type: \"column-prop\";\n  column: ColumnDescriptor;\n  property: keyof ColumnDescriptor;\n  value: boolean | number | string;\n};\n\nexport type TableConfigAction =\n  | MoveColumnTableConfigAction\n  | ResizeColumnTableConfigAction\n  | UpdateColumnPropertyTableConfigAction;\n\nexport const updateTableConfig = (\n  config: TableConfig,\n  action: TableConfigAction,\n): TableConfig => {\n  switch (action.type) {\n    case \"col-size\": {\n      const { columns: runtimeColumns, width } = action;\n      const isFit = config.columnLayout === \"fit\";\n      return {\n        ...config,\n        columnLayout: isFit ? \"manual\" : config.columnLayout,\n        columns: config.columns.map((col) => {\n          if (isFit) {\n            // When user resizes a column and 'fit' column layout is in effect,\n            // column layout becomes 'manual' and all columns are set to\n            // their current widths (unless subsequently resized by user).\n            return col.name === action.column.name\n              ? { ...col, width }\n              : col.width\n                ? col\n                : { ...col, width: getRuntimeColumnWidth(col, runtimeColumns) };\n          } else {\n            return col.name === action.column.name\n              ? { ...col, width: action.width }\n              : col;\n          }\n        }),\n      };\n    }\n    case \"column-prop\":\n      return {\n        ...config,\n        columns: config.columns.map((col) =>\n          col.name === action.column.name\n            ? { ...col, [action.property]: action.value }\n            : col,\n        ),\n      };\n\n    default:\n      return config;\n  }\n};\n"],"names":["getRuntimeColumnWidth"],"mappings":";;;;AAuCa,MAAA,iBAAA,GAAoB,CAC/B,MAAA,EACA,MACgB,KAAA;AAChB,EAAA,QAAQ,OAAO,IAAM;AAAA,IACnB,KAAK,UAAY,EAAA;AACf,MAAA,MAAM,EAAE,OAAA,EAAS,cAAgB,EAAA,KAAA,EAAU,GAAA,MAAA;AAC3C,MAAM,MAAA,KAAA,GAAQ,OAAO,YAAiB,KAAA,KAAA;AACtC,MAAO,OAAA;AAAA,QACL,GAAG,MAAA;AAAA,QACH,YAAA,EAAc,KAAQ,GAAA,QAAA,GAAW,MAAO,CAAA,YAAA;AAAA,QACxC,OAAS,EAAA,MAAA,CAAO,OAAQ,CAAA,GAAA,CAAI,CAAC,GAAQ,KAAA;AACnC,UAAA,IAAI,KAAO,EAAA;AAIT,YAAO,OAAA,GAAA,CAAI,SAAS,MAAO,CAAA,MAAA,CAAO,OAC9B,EAAE,GAAG,KAAK,KAAM,EAAA,GAChB,IAAI,KACF,GAAA,GAAA,GACA,EAAE,GAAG,GAAA,EAAK,OAAOA,8BAAsB,CAAA,GAAA,EAAK,cAAc,CAAE,EAAA;AAAA,WAC7D,MAAA;AACL,YAAO,OAAA,GAAA,CAAI,IAAS,KAAA,MAAA,CAAO,MAAO,CAAA,IAAA,GAC9B,EAAE,GAAG,GAAK,EAAA,KAAA,EAAO,MAAO,CAAA,KAAA,EACxB,GAAA,GAAA;AAAA;AACN,SACD;AAAA,OACH;AAAA;AACF,IACA,KAAK,aAAA;AACH,MAAO,OAAA;AAAA,QACL,GAAG,MAAA;AAAA,QACH,OAAA,EAAS,OAAO,OAAQ,CAAA,GAAA;AAAA,UAAI,CAAC,GAC3B,KAAA,GAAA,CAAI,IAAS,KAAA,MAAA,CAAO,OAAO,IACvB,GAAA,EAAE,GAAG,GAAA,EAAK,CAAC,MAAO,CAAA,QAAQ,GAAG,MAAA,CAAO,OACpC,GAAA;AAAA;AACN,OACF;AAAA,IAEF;AACE,MAAO,OAAA,MAAA;AAAA;AAEb;;;;"}

package/cjs/table-data-source/DataRowMovingWindow.js

@@ -1,99 +0,0 @@
-'use strict';
-
-var vuuUtils = require('@vuu-ui/vuu-utils');
-
-var __defProp = Object.defineProperty;
-var __typeError = (msg) => {
-  throw TypeError(msg);
-};
-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);
-var __accessCheck = (obj, member, msg) => member.has(obj) || __typeError("Cannot " + msg);
-var __privateGet = (obj, member, getter) => (__accessCheck(obj, member, "read from private field"), getter ? getter.call(obj) : member.get(obj));
-var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot add the same private member more than once") : member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
-var __privateSet = (obj, member, value, setter) => (__accessCheck(obj, member, "write to private field"), member.set(obj, value), value);
-var _range;
-class DataRowMovingWindow {
-  constructor({ from, to }) {
-    __publicField(this, "data");
-    __publicField(this, "rowCount", 0);
-    __privateAdd(this, _range);
-    __publicField(this, "setRowCount", (rowCount) => {
-      if (rowCount < this.data.length) {
-        this.data.length = rowCount;
-      }
-      this.rowCount = rowCount;
-    });
-    __privateSet(this, _range, new vuuUtils.WindowRange(from, to));
-    this.data = new Array(Math.max(0, to - from));
-    this.rowCount = 0;
-  }
-  add(data) {
-    const { index } = data;
-    if (this.isWithinRange(index)) {
-      const internalIndex = index - __privateGet(this, _range).from;
-      this.data[internalIndex] = data;
-    }
-  }
-  getAtIndex(index) {
-    return __privateGet(this, _range).isWithin(index) && this.data[index - __privateGet(this, _range).from] != null ? this.data[index - __privateGet(this, _range).from] : void 0;
-  }
-  getByKey(key) {
-    return this.data.find((row) => row.key === key);
-  }
-  isWithinRange(index) {
-    return index < this.rowCount && __privateGet(this, _range).isWithin(index);
-  }
-  setRange({ from, to }) {
-    if (from !== __privateGet(this, _range).from || to !== __privateGet(this, _range).to) {
-      const [overlapFrom, overlapTo] = __privateGet(this, _range).overlap(from, to);
-      const newData = new Array(Math.max(0, to - from));
-      for (let i = overlapFrom; i < overlapTo; i++) {
-        const data = this.getAtIndex(i);
-        if (data) {
-          const index = i - from;
-          newData[index] = data;
-        }
-      }
-      this.data = newData;
-      __privateGet(this, _range).from = from;
-      __privateGet(this, _range).to = to;
-    }
-  }
-  getSelectedRows() {
-    return this.data.filter((dataRow) => dataRow.isSelected);
-  }
-  get hasData() {
-    return this.data.some((d) => d !== void 0);
-  }
-  /**
-   * This will throw if there is no data. Check `hasData` first
-   * to guard against this, if not certain.
-   */
-  get firstRow() {
-    for (let i = 0; i < this.data.length; i++) {
-      if (this.data[i]) {
-        return this.data[i];
-      }
-    }
-    throw Error(`[DataRowMovingWinddow] firstRow, no data`);
-  }
-  get range() {
-    return __privateGet(this, _range);
-  }
-  // TODO make this more performant, see implementation in
-  // array-backed-moving-window - use same implementation
-  get hasAllRowsWithinRange() {
-    const { from, to } = __privateGet(this, _range);
-    for (let i = from; i < to; i++) {
-      if (this.getAtIndex(i) === void 0) {
-        return false;
-      }
-    }
-    return true;
-  }
-}
-_range = new WeakMap();
-
-exports.DataRowMovingWindow = DataRowMovingWindow;
-//# sourceMappingURL=DataRowMovingWindow.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"DataRowMovingWindow.js","sources":["../../../../packages/vuu-table/src/table-data-source/DataRowMovingWindow.ts"],"sourcesContent":["import { VuuRange } from \"@vuu-ui/vuu-protocol-types\";\nimport { DataRow } from \"@vuu-ui/vuu-table-types\";\nimport { WindowRange } from \"@vuu-ui/vuu-utils\";\n\nexport class DataRowMovingWindow {\n  public data: DataRow[];\n  public rowCount = 0;\n  #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: DataRow) {\n    const { index } = data;\n    if (this.isWithinRange(index)) {\n      const internalIndex = index - this.#range.from;\n      this.data[internalIndex] = data;\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  getByKey(key: string) {\n    return this.data.find((row) => row.key === key);\n  }\n\n  isWithinRange(index: number) {\n    return index < this.rowCount && 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((dataRow) => dataRow.isSelected);\n  }\n\n  get hasData() {\n    return this.data.some((d) => d !== undefined);\n  }\n\n  /**\n   * This will throw if there is no data. Check `hasData` first\n   * to guard against this, if not certain.\n   */\n  get firstRow() {\n    for (let i = 0; i < this.data.length; i++) {\n      if (this.data[i]) {\n        return this.data[i];\n      }\n    }\n    throw Error(`[DataRowMovingWinddow] firstRow, no data`);\n  }\n\n  get range() {\n    return this.#range;\n  }\n\n  // TODO make this more performant, see implementation in\n  // array-backed-moving-window - use same implementation\n  get hasAllRowsWithinRange(): boolean {\n    const { from, to } = this.#range;\n\n    for (let i = from; i < to; i++) {\n      if (this.getAtIndex(i) === undefined) {\n        return false;\n      }\n    }\n    return true;\n  }\n}\n"],"names":["WindowRange"],"mappings":"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"}

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

@@ -1,236 +0,0 @@
-'use strict';
-
-var vuuUtils = require('@vuu-ui/vuu-utils');
-var react = require('react');
-var DataRowMovingWindow = require('./DataRowMovingWindow.js');
-var DataRow = require('../data-row/DataRow.js');
-
-const NullDataRow = () => ({});
-const useDataSource = ({
-  autoSelectFirstRow,
-  autoSelectRowKey,
-  dataSource,
-  onSizeChange,
-  onSubscribed,
-  renderBufferSize = 0,
-  revealSelected,
-  onSelect,
-  selectionModel,
-  suspenseProps
-}) => {
-  const [, forceUpdate] = react.useState(null);
-  const dataRows = react.useRef([]);
-  const isMounted = react.useRef(true);
-  const hasUpdated = react.useRef(false);
-  const rangeRef = react.useRef(dataSource.range);
-  const dataRowRef = react.useRef(NullDataRow);
-  const setColumnsRef = react.useRef(
-    void 0
-  );
-  const totalRowCountRef = react.useRef(0);
-  const rowAutoSelected = react.useRef(false);
-  const autoSelect = autoSelectRowKey ?? (autoSelectFirstRow || selectionModel === "single-no-deselect");
-  const handleConfigChange = react.useCallback(
-    (_config, _range, _confirmed, configChanges) => {
-      if (configChanges?.filterChanged) {
-        rowAutoSelected.current = false;
-      }
-    },
-    []
-  );
-  react.useEffect(() => {
-    if (autoSelect) {
-      dataSource.on("config", handleConfigChange);
-    }
-    return () => {
-      if (autoSelect) {
-        dataSource.removeListener("config", handleConfigChange);
-      }
-    };
-  }, [autoSelect, dataSource, handleConfigChange]);
-  const dataRowWindow = react.useMemo(
-    () => new DataRowMovingWindow.DataRowMovingWindow(rangeRef.current.withBuffer),
-    []
-  );
-  const handleResume = react.useCallback(() => {
-    const { range } = dataSource;
-    if (range.to !== 0) {
-      dataRowWindow.setRange(dataSource.range.withBuffer);
-    }
-  }, [dataRowWindow, dataSource]);
-  react.useEffect(() => {
-    return () => {
-      dataSource.removeListener("resumed", handleResume);
-    };
-  }, [dataSource, handleResume]);
-  const setData = react.useCallback(
-    (updates) => {
-      const { current: DataRow2 } = dataRowRef;
-      for (const row of updates) {
-        dataRowWindow.add(DataRow2(row));
-      }
-      dataRows.current = dataRowWindow.data;
-      if (isMounted.current) {
-        forceUpdate({});
-      }
-    },
-    [dataRowWindow]
-  );
-  const selectRow = react.useCallback(
-    (dataRow) => {
-      const rowKey = dataRow.key;
-      dataSource.select?.({
-        preserveExistingSelection: false,
-        rowKey,
-        type: "SELECT_ROW"
-      });
-      onSelect?.(dataRow);
-    },
-    [dataSource, onSelect]
-  );
-  const createDataRow = react.useCallback(
-    (columns, schemaColumns) => {
-      const [DataRow2, setColumns] = DataRow.dataRowFactory(columns, schemaColumns);
-      dataRowRef.current = DataRow2;
-      setColumnsRef.current = setColumns;
-    },
-    []
-  );
-  const datasourceMessageHandler = react.useCallback(
-    (message) => {
-      if (message.type === "subscribed") {
-        createDataRow(message.columns, message.tableSchema.columns);
-        onSubscribed?.(message);
-      } else if (message.type === "subscribe-failed") {
-        console.warn(`subscribe failed ${message.msg}`);
-      } else if (message.type === "viewport-update") {
-        if (typeof message.size === "number") {
-          onSizeChange?.(message.size);
-          dataRowWindow.setRowCount(message.size);
-          totalRowCountRef.current = message.size;
-        }
-        if (message.rows) {
-          setData(message.rows);
-          if (autoSelect && rowAutoSelected.current === false) {
-            rowAutoSelected.current = true;
-            if (typeof autoSelect === "string") {
-              const dataRow = dataRowWindow.getByKey(autoSelect);
-              if (dataRow) {
-                selectRow(dataRow);
-              } else {
-                console.warn(
-                  `[useDataSource] autoSelect row key ${autoSelect} not in viewport`
-                );
-              }
-            } else if (dataRowWindow.hasData) {
-              selectRow(dataRowWindow.firstRow);
-            }
-          }
-        } else if (message.size === 0) {
-          setData([]);
-        } else if (typeof message.size === "number") {
-          dataRows.current = dataRowWindow.data;
-          hasUpdated.current = true;
-        }
-      } else if (message.type === "viewport-clear") {
-        onSizeChange?.(0);
-        dataRowWindow.setRowCount(0);
-        setData([]);
-        forceUpdate({});
-      } else {
-        console.log(`useDataSource unexpected message ${message.type}`);
-      }
-    },
-    [
-      autoSelect,
-      createDataRow,
-      dataRowWindow,
-      onSizeChange,
-      onSubscribed,
-      selectRow,
-      setData
-    ]
-  );
-  const getSelectedRows = react.useCallback(() => {
-    return dataRowWindow.getSelectedRows();
-  }, [dataRowWindow]);
-  react.useEffect(() => {
-    if (dataSource.status === "disabled") {
-      dataSource.enable?.(datasourceMessageHandler);
-    }
-  }, [dataSource, datasourceMessageHandler]);
-  react.useMemo(() => {
-    setColumnsRef.current?.(dataSource.columns);
-  }, [dataSource.columns]);
-  const setRange = react.useCallback(
-    (viewportRange) => {
-      if (!rangeRef.current.equals(viewportRange)) {
-        const range = vuuUtils.Range(
-          viewportRange.from,
-          viewportRange.to,
-          renderBufferSize
-        );
-        dataRowWindow.setRange(range.withBuffer);
-        if (dataSource.status !== "subscribed" && dataSource.status !== "subscribing" && dataSource.status !== "enabling") {
-          dataSource?.subscribe(
-            {
-              range,
-              revealSelected,
-              selectedKeyValues: autoSelectRowKey ? [autoSelectRowKey] : void 0
-            },
-            datasourceMessageHandler
-          );
-        } else {
-          dataSource.range = rangeRef.current = range;
-        }
-      }
-    },
-    [
-      autoSelectRowKey,
-      dataRowWindow,
-      dataSource,
-      datasourceMessageHandler,
-      renderBufferSize,
-      revealSelected
-    ]
-  );
-  react.useEffect(() => {
-    if (dataSource.status !== "initialising") {
-      const { columns, tableSchema } = dataSource;
-      if (tableSchema) {
-        createDataRow(columns, tableSchema.columns);
-      } else {
-        throw Error(
-          `[useDataSource] a resumed dataSource must have a tableSchema`
-        );
-      }
-      dataSource.resume?.(datasourceMessageHandler);
-      if (dataSource.range.from > 0) {
-        const { from, to } = rangeRef.current.reset;
-        setRange({ from, to });
-      }
-    }
-    return () => {
-      dataSource.suspend?.(
-        suspenseProps?.escalateToDisable,
-        suspenseProps?.escalateDelay
-      );
-    };
-  }, [
-    createDataRow,
-    dataSource,
-    datasourceMessageHandler,
-    setRange,
-    suspenseProps
-  ]);
-  return {
-    dataRows: dataRows.current,
-    dataRowsRef: dataRows,
-    getSelectedRows,
-    range: rangeRef.current,
-    setRange
-  };
-};
-
-exports.useDataSource = useDataSource;
-//# sourceMappingURL=useDataSource.js.map

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

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