@elliemae/ds-datagrids 3.0.0-alpha.0 → 3.0.0-alpha.1

package/dist/cjs/DataGridImpl.js

@@ -1,10 +1,39 @@
 var __create = Object.create;
 var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
 var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
 var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
 var __export = (target, all) => {
   for (var name in all)
     __defProp(target, name, { get: all[name], enumerable: true });
@@ -52,16 +81,24 @@ const isFluid = ({ autoHeight, paginated, numRowsVisible }) => {
     return false;
   return !numRowsVisible;
 };
-const DataGridImpl = ({
-  className,
-  renderers,
-  columns,
-  rows,
-  containerProps,
-  plugins: pluginsProp,
-  normalizeDataKeys,
-  ...otherProps
-}) => {
+const DataGridImpl = (_a) => {
+  var _b = _a, {
+    className,
+    renderers,
+    columns,
+    rows,
+    containerProps,
+    plugins: pluginsProp,
+    normalizeDataKeys
+  } = _b, otherProps = __objRest(_b, [
+    "className",
+    "renderers",
+    "columns",
+    "rows",
+    "containerProps",
+    "plugins",
+    "normalizeDataKeys"
+  ]);
   const {
     noResultsPlaceholder = /* @__PURE__ */ import_react.default.createElement(import_EmptyState.EmptyState, null),
     noColumnsPlaceholder = "Please select one of more columns in order for data to be displayed.",
@@ -88,22 +125,20 @@ const DataGridImpl = ({
   });
   if (rowsIds.length !== rowsIdsSet.size)
     throw new Error("Repeated id: each row must have an unique id");
-  const plugins = (0, import_getPluginsFromProps.getPluginsFromProps)({
-    ...otherProps,
+  const plugins = (0, import_getPluginsFromProps.getPluginsFromProps)(__spreadProps(__spreadValues({}, otherProps), {
     virtualized: (!paginated || groupedRows) && !wrapText,
     paginated: paginated && !groupedRows || wrapText,
     sortable: sortable && !groupedRows
-  });
+  }));
   if (normalizeDataKeys) {
     (0, import_normalizeData.normalizeRows)(rows);
   }
-  const grid = (0, import_useDataGrid.useDataGrid)({
+  const grid = (0, import_useDataGrid.useDataGrid)(__spreadValues({
     columns,
     rows,
     renderers: import_renderers.defaultRenderers,
-    plugins: [...plugins, ...pluginsProp, ...import_defaultPlugins.defaultPlugins],
-    ...otherProps
-  });
+    plugins: [...plugins, ...pluginsProp, ...import_defaultPlugins.defaultPlugins]
+  }, otherProps));
   const noColumnsVisible = (0, import_react.useMemo)(() => {
     const visibleUserColumns = grid.columns.filter((column) => column.visible || typeof column.visible === "undefined");
     return visibleUserColumns.length === 0;
@@ -117,7 +152,7 @@ const DataGridImpl = ({
   const { pagination } = otherProps;
   const conditionalPagination = pagination && pagination.conditionalPagination === true && rows.length <= otherProps.pagination.perPage;
   const usePagination = paginated && !conditionalPagination;
-  return /* @__PURE__ */ import_react.default.createElement(import_defaultClassedRenderers.DatagridWrapper, {
+  return /* @__PURE__ */ import_react.default.createElement(import_defaultClassedRenderers.DatagridWrapper, __spreadValues({
     className: `${className} ds-row-size-${rowSize}`,
     classProps: {
       fluidHeight: isFluid({
@@ -126,12 +161,10 @@ const DataGridImpl = ({
         paginated: usePagination
       })
     },
-    style: { height },
-    ...containerProps
-  }, (0, import_addOptionalHeaderComponents.addOptionalHeaderComponents)({ grid }), /* @__PURE__ */ import_react.default.createElement(import_Table.Table, {
-    ...grid,
+    style: { height }
+  }, containerProps), (0, import_addOptionalHeaderComponents.addOptionalHeaderComponents)({ grid }), /* @__PURE__ */ import_react.default.createElement(import_Table.Table, __spreadProps(__spreadValues({}, grid), {
     onDefaultFiltersLoad
-  }, showHeader && /* @__PURE__ */ import_react.default.createElement(import_TableHeader.TableHeader, null), showRowsLoader ? rowsLoaderRenderer() : /* @__PURE__ */ import_react.default.createElement(import_TableBody.TableBody, {
+  }), showHeader && /* @__PURE__ */ import_react.default.createElement(import_TableHeader.TableHeader, null), showRowsLoader ? rowsLoaderRenderer() : /* @__PURE__ */ import_react.default.createElement(import_TableBody.TableBody, {
     isPlaceholderActive: noColumnsVisible || grid.composedRows.rows && grid.composedRows.rows.length === 0 || grid.composedRows.length === 0,
     noResultsPlaceholder: bodyPlaceholder
   })), (0, import_addOptionalFooterComponents.addOptionalFooterComponents)({

package/dist/cjs/DataGridImpl.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/DataGridImpl.tsx", "../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["import React, { useMemo } from 'react';\nimport { isFunction } from '@elliemae/ds-shared/utils';\nimport { useDataGrid } from '@elliemae/ds-shared/useDataGrid';\nimport { Table } from './components/Table';\nimport { TableBody } from './components/TableBody';\nimport { TableHeader } from './components/TableHeader';\nimport { defaultRenderers, renderRowsLoader } from './components/renderers';\nimport { DatagridWrapper } from './components/renderers/defaultClassedRenderers';\nimport { addOptionalFooterComponents } from './components/footer/addOptionalFooterComponents';\nimport { addOptionalHeaderComponents } from './components/header/addOptionalHeaderComponents';\nimport { EmptyState } from './components/EmptyState';\nimport { getPluginsFromProps } from './utilities/getPluginsFromProps';\nimport { defaultPlugins } from './defaultPlugins';\nimport { normalizeRows } from './utilities/normalizeData';\n\nconst isFluid = ({ autoHeight, paginated, numRowsVisible }) => {\n  if (autoHeight) return false;\n  if (paginated) return false;\n  return !numRowsVisible;\n};\n\nconst DataGridImpl = ({\n  className,\n  renderers,\n  columns,\n  rows,\n  containerProps,\n  plugins: pluginsProp,\n  normalizeDataKeys,\n  ...otherProps\n}) => {\n  const {\n    noResultsPlaceholder = <EmptyState />,\n    noColumnsPlaceholder = 'Please select one of more columns in order for data to be displayed.',\n    noResultsRender,\n    paginated,\n    height,\n    showHeader,\n    showRowsLoader,\n    rowsLoaderRenderer = renderRowsLoader,\n    groupedRows,\n    sortable,\n    rowSize,\n    wrapText,\n    onDefaultFiltersLoad,\n    rowKey,\n  } = otherProps;\n\n  const idKey = rowKey || 'id';\n  const rowsIdsSet = new Set();\n  const rowsIds = rows.map((row) => {\n    if (row[idKey] === undefined)\n      throw new Error('Missing id: each row must have an unique id');\n    rowsIdsSet.add(row[idKey]);\n    return row[idKey];\n  });\n  if (rowsIds.length !== rowsIdsSet.size)\n    throw new Error('Repeated id: each row must have an unique id');\n\n  const plugins = getPluginsFromProps({\n    ...otherProps,\n    virtualized: (!paginated || groupedRows) && !wrapText,\n    paginated: (paginated && !groupedRows) || wrapText,\n    sortable: sortable && !groupedRows,\n  });\n\n  if (normalizeDataKeys) {\n    normalizeRows(rows);\n  }\n\n  const grid = useDataGrid({\n    columns,\n    rows,\n    renderers: defaultRenderers,\n    plugins: [...plugins, ...pluginsProp, ...defaultPlugins],\n    ...otherProps,\n  });\n\n  const noColumnsVisible = useMemo(() => {\n    const visibleUserColumns = grid.columns.filter(\n      (column) => column.visible || typeof column.visible === 'undefined',\n    );\n    return visibleUserColumns.length === 0;\n  }, [grid.columns]);\n\n  const bodyPlaceholder = useMemo(() => {\n    if (noColumnsVisible) {\n      return noColumnsPlaceholder;\n    }\n    return isFunction(noResultsRender)\n      ? noResultsRender()\n      : noResultsPlaceholder;\n  }, [noResultsPlaceholder, noColumnsPlaceholder, noColumnsVisible]);\n\n  const { pagination } = otherProps;\n  const conditionalPagination =\n    pagination &&\n    pagination.conditionalPagination === true &&\n    rows.length <= otherProps.pagination.perPage;\n  const usePagination = paginated && !conditionalPagination;\n  return (\n    <DatagridWrapper\n      className={`${className} ds-row-size-${rowSize}`}\n      classProps={{\n        fluidHeight: isFluid({\n          autoHeight: otherProps.autoHeight,\n          numRowsVisible: otherProps.numRowsVisible,\n          paginated: usePagination,\n        }),\n      }}\n      style={{ height }}\n      {...containerProps}\n    >\n      {addOptionalHeaderComponents({ grid })}\n      <Table {...grid} onDefaultFiltersLoad={onDefaultFiltersLoad}>\n        {showHeader && <TableHeader />}\n        {showRowsLoader ? (\n          rowsLoaderRenderer()\n        ) : (\n          <TableBody\n            isPlaceholderActive={\n              noColumnsVisible ||\n              (grid.composedRows.rows && grid.composedRows.rows.length === 0) ||\n              grid.composedRows.length === 0\n            }\n            noResultsPlaceholder={bodyPlaceholder}\n          />\n        )}\n      </Table>\n      {addOptionalFooterComponents({\n        grid,\n        rows: grid.composedRows,\n      })}\n    </DatagridWrapper>\n  );\n};\n\nexport { DataGridImpl };\n\nexport default DataGridImpl;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": "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",
+  "mappings": "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",
   "names": []
 }

package/dist/cjs/PaginatedDataGrid.js

@@ -1,10 +1,39 @@
 var __create = Object.create;
 var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
 var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
 var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
 var __export = (target, all) => {
   for (var name in all)
     __defProp(target, name, { get: all[name], enumerable: true });
@@ -38,30 +67,38 @@ var import_defaultClassedRenderers = require("./components/renderers/defaultClas
 var import_addOptionalHeaderComponents = require("./components/header/addOptionalHeaderComponents");
 var import_getPluginsFromProps = require("./utilities/getPluginsFromProps");
 var import_Pagination = require("./plugins/pagination/components/Pagination");
-function PaginatedDataGrid({
-  columns,
-  rows,
-  showRowsLoader,
-  noResultsPlaceholder,
-  rowsLoaderRenderer = import_renderers.renderRowsLoader,
-  maxPerPage,
-  minPerPage,
-  onPageSelect,
-  onPerPage,
-  pagination,
-  ...otherProps
-}) {
+function PaginatedDataGrid(_a) {
+  var _b = _a, {
+    columns,
+    rows,
+    showRowsLoader,
+    noResultsPlaceholder,
+    rowsLoaderRenderer = import_renderers.renderRowsLoader,
+    maxPerPage,
+    minPerPage,
+    onPageSelect,
+    onPerPage,
+    pagination
+  } = _b, otherProps = __objRest(_b, [
+    "columns",
+    "rows",
+    "showRowsLoader",
+    "noResultsPlaceholder",
+    "rowsLoaderRenderer",
+    "maxPerPage",
+    "minPerPage",
+    "onPageSelect",
+    "onPerPage",
+    "pagination"
+  ]);
   const plugins = (0, import_getPluginsFromProps.getPluginsFromProps)(otherProps, { infiniteScrolling: true });
-  const grid = (0, import_useDataGrid.useDataGrid)({
-    ...otherProps,
+  const grid = (0, import_useDataGrid.useDataGrid)(__spreadProps(__spreadValues({}, otherProps), {
     columns,
     rows,
     renderers: import_renderers.defaultRenderers,
     plugins
-  });
-  return /* @__PURE__ */ import_react.default.createElement(import_defaultClassedRenderers.DatagridWrapper, null, (0, import_addOptionalHeaderComponents.addOptionalHeaderComponents)({ grid }), /* @__PURE__ */ import_react.default.createElement(import_Table.Table, {
-    ...grid
-  }, /* @__PURE__ */ import_react.default.createElement(import_Table.Table.Header, null), showRowsLoader ? rowsLoaderRenderer() : /* @__PURE__ */ import_react.default.createElement(import_Table.Table.Body, {
+  }));
+  return /* @__PURE__ */ import_react.default.createElement(import_defaultClassedRenderers.DatagridWrapper, null, (0, import_addOptionalHeaderComponents.addOptionalHeaderComponents)({ grid }), /* @__PURE__ */ import_react.default.createElement(import_Table.Table, __spreadValues({}, grid), /* @__PURE__ */ import_react.default.createElement(import_Table.Table.Header, null), showRowsLoader ? rowsLoaderRenderer() : /* @__PURE__ */ import_react.default.createElement(import_Table.Table.Body, {
     rows: grid.composedRows.rows || grid.composedRows
   })), /* @__PURE__ */ import_react.default.createElement(import_Pagination.Pagination, {
     maxPerPage,

package/dist/cjs/PaginatedDataGrid.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/PaginatedDataGrid.tsx", "../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["import React from 'react';\nimport { useDataGrid } from '@elliemae/ds-shared/src/useDataGrid/useDataGrid';\nimport { Table } from './components/Table';\nimport { defaultRenderers, renderRowsLoader } from './components/renderers';\nimport { DatagridWrapper } from './components/renderers/defaultClassedRenderers';\nimport { addOptionalHeaderComponents } from './components/header/addOptionalHeaderComponents';\nimport { getPluginsFromProps } from './utilities/getPluginsFromProps';\nimport { Pagination } from './plugins/pagination/components/Pagination';\n\nfunction PaginatedDataGrid({\n  columns,\n  rows,\n  showRowsLoader,\n  noResultsPlaceholder,\n  rowsLoaderRenderer = renderRowsLoader,\n  maxPerPage,\n  minPerPage,\n  onPageSelect,\n  onPerPage,\n  pagination,\n  ...otherProps\n}) {\n  const plugins = getPluginsFromProps(otherProps, { infiniteScrolling: true });\n  const grid = useDataGrid({\n    ...otherProps,\n    columns,\n    rows,\n    renderers: defaultRenderers,\n    plugins,\n  });\n\n  return (\n    <DatagridWrapper>\n      {addOptionalHeaderComponents({ grid })}\n      <Table {...grid}>\n        <Table.Header />\n        {showRowsLoader ? (\n          rowsLoaderRenderer()\n        ) : (\n          <Table.Body rows={grid.composedRows.rows || grid.composedRows} />\n        )}\n      </Table>\n      <Pagination\n        maxPerPage={maxPerPage}\n        minPerPage={minPerPage}\n        onPageSelect={onPageSelect}\n        onPerPage={onPerPage}\n        paginated={rows}\n        pagination={pagination}\n      />\n    </DatagridWrapper>\n  );\n}\n\nexport default PaginatedDataGrid;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,yBAA4B;AAC5B,mBAAsB;AACtB,uBAAmD;AACnD,qCAAgC;AAChC,yCAA4C;AAC5C,iCAAoC;AACpC,wBAA2B;AAE3B,2BAA2B;AAAA,EACzB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,qBAAqB;AAAA,EACrB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,KACG;AAAA,GACF;AACD,QAAM,UAAU,oDAAoB,YAAY,EAAE,mBAAmB;AACrE,QAAM,OAAO,oCAAY;AAAA,OACpB;AAAA,IACH;AAAA,IACA;AAAA,IACA,WAAW;AAAA,IACX;AAAA;AAGF,SACE,mDAAC,gDAAD,MACG,oEAA4B,EAAE,SAC/B,mDAAC,oBAAD;AAAA,OAAW;AAAA,KACT,mDAAC,mBAAM,QAAP,OACC,iBACC,uBAEA,mDAAC,mBAAM,MAAP;AAAA,IAAY,MAAM,KAAK,aAAa,QAAQ,KAAK;AAAA,OAGrD,mDAAC,8BAAD;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,WAAW;AAAA,IACX;AAAA;AAAA;AAMR,IAAO,4BAAQ;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,yBAA4B;AAC5B,mBAAsB;AACtB,uBAAmD;AACnD,qCAAgC;AAChC,yCAA4C;AAC5C,iCAAoC;AACpC,wBAA2B;AAE3B,2BAA2B,IAYxB;AAZwB,eACzB;AAAA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,qBAAqB;AAAA,IACrB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,MAVyB,IAWtB,uBAXsB,IAWtB;AAAA,IAVH;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAGA,QAAM,UAAU,oDAAoB,YAAY,EAAE,mBAAmB;AACrE,QAAM,OAAO,oCAAY,iCACpB,aADoB;AAAA,IAEvB;AAAA,IACA;AAAA,IACA,WAAW;AAAA,IACX;AAAA;AAGF,SACE,mDAAC,gDAAD,MACG,oEAA4B,EAAE,SAC/B,mDAAC,oBAAD,mBAAW,OACT,mDAAC,mBAAM,QAAP,OACC,iBACC,uBAEA,mDAAC,mBAAM,MAAP;AAAA,IAAY,MAAM,KAAK,aAAa,QAAQ,KAAK;AAAA,OAGrD,mDAAC,8BAAD;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,WAAW;AAAA,IACX;AAAA;AAAA;AAMR,IAAO,4BAAQ;",
   "names": []
 }

package/dist/cjs/components/BodyCell.js

@@ -2,9 +2,35 @@ var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
 var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
 var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
 var __export = (target, all) => {
   for (var name in all)
     __defProp(target, name, { get: all[name], enumerable: true });
@@ -37,7 +63,7 @@ var import_FocusGrid = require("@elliemae/ds-shared/FocusGroup/FocusGrid");
 var import_utils = require("@elliemae/ds-shared/createDataInstance/utils");
 var import_ds_truncated_tooltip_text = require("@elliemae/ds-truncated-tooltip-text");
 const BodyCell = ({ component: Component, classProps, rowProps, column, columnIndex, rowIndex, grid }) => {
-  const { rowData, rowKey, isScrolling, ...extraRowProps } = rowProps;
+  const _a = rowProps, { rowData, rowKey, isScrolling } = _a, extraRowProps = __objRest(_a, ["rowData", "rowKey", "isScrolling"]);
   const { property, cell, props } = column;
   const evaluatedProperty = property || cell && cell.property;
   const ref = (0, import_react.useRef)(null);
@@ -54,7 +80,7 @@ const BodyCell = ({ component: Component, classProps, rowProps, column, columnIn
     fixedFormatters = [],
     scrollingFormatters = []
   } = cell || {};
-  const extraParameters = {
+  const extraParameters = __spreadValues({
     columnIndex,
     property: evaluatedProperty,
     column,
@@ -62,23 +88,19 @@ const BodyCell = ({ component: Component, classProps, rowProps, column, columnIn
     rowIndex,
     rowKey,
     isScrolling,
-    registerFocus,
-    ...extraRowProps
-  };
+    registerFocus
+  }, extraRowProps);
   const withTooltip = (v) => classProps && classProps.wrapText ? v : /* @__PURE__ */ import_react.default.createElement(import_ds_truncated_tooltip_text.DSTruncatedTooltipText, {
     value: v
   });
   const value = rowData[`_${evaluatedProperty}`] || rowData[evaluatedProperty];
   const transformed = (0, import_utils.evaluateTransforms)(transforms, value, extraParameters);
-  return /* @__PURE__ */ import_react.default.createElement(Component, {
+  return /* @__PURE__ */ import_react.default.createElement(Component, __spreadValues(__spreadValues(__spreadValues({
     ref,
     "data-testid": `column-${property}`,
     tabIndex: -1,
-    classProps,
-    ...props,
-    ...cell && cell.props,
-    ...transformed
-  }, transformed.children || (0, import_utils.evaluateFormatters)(!isScrolling ? [withTooltip, ...formatters, ...fixedFormatters] : [...scrollingFormatters, ...fixedFormatters], value, extraParameters, grid));
+    classProps
+  }, props), cell && cell.props), transformed), transformed.children || (0, import_utils.evaluateFormatters)(!isScrolling ? [withTooltip, ...formatters, ...fixedFormatters] : [...scrollingFormatters, ...fixedFormatters], value, extraParameters, grid));
 };
 BodyCell.propTypes = {
   component: import_prop_types.default.element,

package/dist/cjs/components/BodyCell.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/components/BodyCell.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["import React, { useEffect, useContext, useRef, useCallback } from 'react';\nimport PropTypes from 'prop-types';\nimport { FocusGridContext } from '@elliemae/ds-shared/FocusGroup/FocusGrid';\nimport { evaluateFormatters, evaluateTransforms } from '@elliemae/ds-shared/createDataInstance/utils';\nimport { DSTruncatedTooltipText } from '@elliemae/ds-truncated-tooltip-text';\n\nconst BodyCell = ({ component: Component, classProps, rowProps, column, columnIndex, rowIndex, grid }) => {\n  const { rowData, rowKey, isScrolling, ...extraRowProps } = rowProps;\n  const { property, cell, props } = column;\n  const evaluatedProperty = property || (cell && cell.property);\n\n  const ref = useRef(null);\n  const { register } = useContext(FocusGridContext);\n\n  const registerFocus = useCallback((node) => {\n    register(node, rowIndex, columnIndex);\n  }, []);\n\n  useEffect(() => {\n    registerFocus(ref.current);\n  }, [ref.current]);\n\n  const {\n    transforms = [],\n    formatters = [],\n    fixedFormatters = [], // useful for the toolbar trigger at the last column\n    scrollingFormatters = [],\n  } = cell || {};\n\n  const extraParameters = {\n    columnIndex,\n    property: evaluatedProperty,\n    column,\n    rowData,\n    rowIndex,\n    rowKey,\n    isScrolling, // improve performance on scroll rendering a lightweight component instead\n    registerFocus,\n    ...extraRowProps,\n  };\n  const withTooltip = (v) => (classProps && classProps.wrapText ? v : <DSTruncatedTooltipText value={v} />);\n  const value = rowData[`_${evaluatedProperty}`] || rowData[evaluatedProperty];\n  const transformed = evaluateTransforms(transforms, value, extraParameters);\n  return (\n    <Component\n      ref={ref}\n      data-testid={`column-${property}`}\n      tabIndex={-1}\n      classProps={classProps}\n      {...props}\n      {...(cell && cell.props)}\n      {...transformed}\n    >\n      {transformed.children ||\n        evaluateFormatters(\n          !isScrolling\n            ? [withTooltip, ...formatters, ...fixedFormatters]\n            : [...scrollingFormatters, ...fixedFormatters],\n          value,\n          extraParameters,\n          grid,\n        )}\n    </Component>\n  );\n};\n\nBodyCell.propTypes = {\n  component: PropTypes.element,\n  classProps: PropTypes.shape({\n    wrapText: PropTypes.bool,\n  }),\n  rowProps: PropTypes.shape({\n    rowData: PropTypes.shape({}),\n    rowKey: PropTypes.string,\n    isScrolling: PropTypes.bool,\n  }),\n  column: PropTypes.shape({\n    property: PropTypes.string,\n    cell: PropTypes.any,\n    props: PropTypes.shape({}),\n  }),\n  columnIndex: PropTypes.number,\n  rowIndex: PropTypes.number,\n  grid: PropTypes.any,\n};\n\nexport { BodyCell };\nexport default BodyCell;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkE;AAClE,wBAAsB;AACtB,uBAAiC;AACjC,mBAAuD;AACvD,uCAAuC;AAEvC,MAAM,WAAW,CAAC,EAAE,WAAW,WAAW,YAAY,UAAU,QAAQ,aAAa,UAAU,WAAW;AACxG,QAAM,EAAE,SAAS,QAAQ,gBAAgB,kBAAkB;AAC3D,QAAM,EAAE,UAAU,MAAM,UAAU;AAClC,QAAM,oBAAoB,YAAa,QAAQ,KAAK;AAEpD,QAAM,MAAM,yBAAO;AACnB,QAAM,EAAE,aAAa,6BAAW;AAEhC,QAAM,gBAAgB,8BAAY,CAAC,SAAS;AAC1C,aAAS,MAAM,UAAU;AAAA,KACxB;AAEH,8BAAU,MAAM;AACd,kBAAc,IAAI;AAAA,KACjB,CAAC,IAAI;AAER,QAAM;AAAA,IACJ,aAAa;AAAA,IACb,aAAa;AAAA,IACb,kBAAkB;AAAA,IAClB,sBAAsB;AAAA,MACpB,QAAQ;AAEZ,QAAM,kBAAkB;AAAA,IACtB;AAAA,IACA,UAAU;AAAA,IACV;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,OACG;AAAA;AAEL,QAAM,cAAc,CAAC,MAAO,cAAc,WAAW,WAAW,IAAI,mDAAC,yDAAD;AAAA,IAAwB,OAAO;AAAA;AACnG,QAAM,QAAQ,QAAQ,IAAI,wBAAwB,QAAQ;AAC1D,QAAM,cAAc,qCAAmB,YAAY,OAAO;AAC1D,SACE,mDAAC,WAAD;AAAA,IACE;AAAA,IACA,eAAa,UAAU;AAAA,IACvB,UAAU;AAAA,IACV;AAAA,OACI;AAAA,OACC,QAAQ,KAAK;AAAA,OACd;AAAA,KAEH,YAAY,YACX,qCACE,CAAC,cACG,CAAC,aAAa,GAAG,YAAY,GAAG,mBAChC,CAAC,GAAG,qBAAqB,GAAG,kBAChC,OACA,iBACA;AAAA;AAMV,SAAS,YAAY;AAAA,EACnB,WAAW,0BAAU;AAAA,EACrB,YAAY,0BAAU,MAAM;AAAA,IAC1B,UAAU,0BAAU;AAAA;AAAA,EAEtB,UAAU,0BAAU,MAAM;AAAA,IACxB,SAAS,0BAAU,MAAM;AAAA,IACzB,QAAQ,0BAAU;AAAA,IAClB,aAAa,0BAAU;AAAA;AAAA,EAEzB,QAAQ,0BAAU,MAAM;AAAA,IACtB,UAAU,0BAAU;AAAA,IACpB,MAAM,0BAAU;AAAA,IAChB,OAAO,0BAAU,MAAM;AAAA;AAAA,EAEzB,aAAa,0BAAU;AAAA,EACvB,UAAU,0BAAU;AAAA,EACpB,MAAM,0BAAU;AAAA;AAIlB,IAAO,mBAAQ;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkE;AAClE,wBAAsB;AACtB,uBAAiC;AACjC,mBAAuD;AACvD,uCAAuC;AAEvC,MAAM,WAAW,CAAC,EAAE,WAAW,WAAW,YAAY,UAAU,QAAQ,aAAa,UAAU,WAAW;AACxG,QAA2D,eAAnD,WAAS,QAAQ,gBAAkC,IAAlB,0BAAkB,IAAlB,CAAjC,WAAS,UAAQ;AACzB,QAAM,EAAE,UAAU,MAAM,UAAU;AAClC,QAAM,oBAAoB,YAAa,QAAQ,KAAK;AAEpD,QAAM,MAAM,yBAAO;AACnB,QAAM,EAAE,aAAa,6BAAW;AAEhC,QAAM,gBAAgB,8BAAY,CAAC,SAAS;AAC1C,aAAS,MAAM,UAAU;AAAA,KACxB;AAEH,8BAAU,MAAM;AACd,kBAAc,IAAI;AAAA,KACjB,CAAC,IAAI;AAER,QAAM;AAAA,IACJ,aAAa;AAAA,IACb,aAAa;AAAA,IACb,kBAAkB;AAAA,IAClB,sBAAsB;AAAA,MACpB,QAAQ;AAEZ,QAAM,kBAAkB;AAAA,IACtB;AAAA,IACA,UAAU;AAAA,IACV;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,KACG;AAEL,QAAM,cAAc,CAAC,MAAO,cAAc,WAAW,WAAW,IAAI,mDAAC,yDAAD;AAAA,IAAwB,OAAO;AAAA;AACnG,QAAM,QAAQ,QAAQ,IAAI,wBAAwB,QAAQ;AAC1D,QAAM,cAAc,qCAAmB,YAAY,OAAO;AAC1D,SACE,mDAAC,WAAD;AAAA,IACE;AAAA,IACA,eAAa,UAAU;AAAA,IACvB,UAAU;AAAA,IACV;AAAA,KACI,QACC,QAAQ,KAAK,QACd,cAEH,YAAY,YACX,qCACE,CAAC,cACG,CAAC,aAAa,GAAG,YAAY,GAAG,mBAChC,CAAC,GAAG,qBAAqB,GAAG,kBAChC,OACA,iBACA;AAAA;AAMV,SAAS,YAAY;AAAA,EACnB,WAAW,0BAAU;AAAA,EACrB,YAAY,0BAAU,MAAM;AAAA,IAC1B,UAAU,0BAAU;AAAA;AAAA,EAEtB,UAAU,0BAAU,MAAM;AAAA,IACxB,SAAS,0BAAU,MAAM;AAAA,IACzB,QAAQ,0BAAU;AAAA,IAClB,aAAa,0BAAU;AAAA;AAAA,EAEzB,QAAQ,0BAAU,MAAM;AAAA,IACtB,UAAU,0BAAU;AAAA,IACpB,MAAM,0BAAU;AAAA,IAChB,OAAO,0BAAU,MAAM;AAAA;AAAA,EAEzB,aAAa,0BAAU;AAAA,EACvB,UAAU,0BAAU;AAAA,EACpB,MAAM,0BAAU;AAAA;AAIlB,IAAO,mBAAQ;",
   "names": []
 }

package/dist/cjs/components/BodyList.js

@@ -1,10 +1,39 @@
 var __create = Object.create;
 var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
 var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
 var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
 var __export = (target, all) => {
   for (var name in all)
     __defProp(target, name, { get: all[name], enumerable: true });
@@ -32,19 +61,25 @@ __export(BodyList_exports, {
 var React = __toESM(require("react"));
 var import_react = __toESM(require("react"));
 var import_NoResults = require("./NoResults");
-function BodyWrapperDefaultRenderer({
-  component: Component,
-  rows,
-  rowRenderer,
-  noResultsPlaceholder,
-  innerRef,
-  innerBodyRef,
-  ...otherBodyProps
-}) {
-  return /* @__PURE__ */ import_react.default.createElement(Component, {
-    ...otherBodyProps,
+function BodyWrapperDefaultRenderer(_a) {
+  var _b = _a, {
+    component: Component,
+    rows,
+    rowRenderer,
+    noResultsPlaceholder,
+    innerRef,
+    innerBodyRef
+  } = _b, otherBodyProps = __objRest(_b, [
+    "component",
+    "rows",
+    "rowRenderer",
+    "noResultsPlaceholder",
+    "innerRef",
+    "innerBodyRef"
+  ]);
+  return /* @__PURE__ */ import_react.default.createElement(Component, __spreadProps(__spreadValues({}, otherBodyProps), {
     innerRef
-  }, rows.length ? rows.map((row, index) => rowRenderer(row, { index }, {})) : /* @__PURE__ */ import_react.default.createElement(import_NoResults.NoResults, {
+  }), rows.length ? rows.map((row, index) => rowRenderer(row, { index }, {})) : /* @__PURE__ */ import_react.default.createElement(import_NoResults.NoResults, {
     innerRef,
     rowRenderer
   }, noResultsPlaceholder));

package/dist/cjs/components/BodyList.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/components/BodyList.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["import React from 'react';\nimport { NoResults } from './NoResults';\n\nfunction BodyWrapperDefaultRenderer({\n  component: Component,\n  rows,\n  rowRenderer,\n  noResultsPlaceholder,\n  innerRef,\n  innerBodyRef,\n  ...otherBodyProps\n}) {\n  return (\n    <Component {...otherBodyProps} innerRef={innerRef}>\n      {rows.length ? (\n        rows.map((row, index) => rowRenderer(row, { index }, {}))\n      ) : (\n        <NoResults innerRef={innerRef} rowRenderer={rowRenderer}>\n          {noResultsPlaceholder}\n        </NoResults>\n      )}\n    </Component>\n  );\n}\n\nexport default React.memo(BodyWrapperDefaultRenderer);\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,uBAA0B;AAE1B,oCAAoC;AAAA,EAClC,WAAW;AAAA,EACX;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,KACG;AAAA,GACF;AACD,SACE,mDAAC,WAAD;AAAA,OAAe;AAAA,IAAgB;AAAA,KAC5B,KAAK,SACJ,KAAK,IAAI,CAAC,KAAK,UAAU,YAAY,KAAK,EAAE,SAAS,OAErD,mDAAC,4BAAD;AAAA,IAAW;AAAA,IAAoB;AAAA,KAC5B;AAAA;AAOX,IAAO,mBAAQ,qBAAM,KAAK;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,uBAA0B;AAE1B,oCAAoC,IAQjC;AARiC,eAClC;AAAA,eAAW;AAAA,IACX;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,MANkC,IAO/B,2BAP+B,IAO/B;AAAA,IANH;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAGA,SACE,mDAAC,WAAD,iCAAe,iBAAf;AAAA,IAA+B;AAAA,MAC5B,KAAK,SACJ,KAAK,IAAI,CAAC,KAAK,UAAU,YAAY,KAAK,EAAE,SAAS,OAErD,mDAAC,4BAAD;AAAA,IAAW;AAAA,IAAoB;AAAA,KAC5B;AAAA;AAOX,IAAO,mBAAQ,qBAAM,KAAK;",
   "names": []
 }

package/dist/cjs/components/HeaderCell.js

@@ -2,8 +2,22 @@ var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
 var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
 var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
 var __export = (target, all) => {
   for (var name in all)
@@ -54,15 +68,12 @@ const HeaderCell = ({ column, columnIndex, component: Component, classProps, gri
   const transformedProps = (0, import_utils.evaluateTransforms)(transforms, value, extraParameters);
   const formattedValue = (0, import_utils.evaluateFormatters)(formatters, value, extraParameters);
   const testId = column.headerDataId || "data-grid-header__cell";
-  return /* @__PURE__ */ import_react.default.createElement(Component, {
+  return /* @__PURE__ */ import_react.default.createElement(Component, __spreadValues(__spreadValues(__spreadValues({
     key: `${evaluatedProperty}-header`,
     "data-testid": testId,
     index: columnIndex,
-    classProps,
-    ...props,
-    ...header && header.props,
-    ...transformedProps
-  }, transformedProps.children || formattedValue);
+    classProps
+  }, props), header && header.props), transformedProps), transformedProps.children || formattedValue);
 };
 HeaderCell.propTypes = {
   column: import_prop_types.default.any,

package/dist/cjs/components/HeaderCell.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/components/HeaderCell.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { evaluateFormatters, evaluateTransforms } from '@elliemae/ds-shared/createDataInstance/utils';\nimport { DSTruncatedTooltipText } from '@elliemae/ds-truncated-tooltip-text';\n\nexport const HeaderCell = ({ column, columnIndex, component: Component, classProps, grid }) => {\n  const { property, header = {}, props = {} } = column;\n\n  const evaluatedProperty = property || (header && header.property);\n\n  const { label, transforms = [], formatters = [] } = header;\n\n  // subscribe hook effects into header cell\n  if (column.headerHookEffects) column.headerHookEffects.forEach((hook) => hook());\n\n  const extraParameters = {\n    columnIndex,\n    property: evaluatedProperty,\n    column,\n    grid,\n  };\n\n  const withTooltip = (v) => (classProps && classProps.wrapText ? v : <DSTruncatedTooltipText value={v} />);\n  const value = withTooltip(label);\n  const transformedProps = evaluateTransforms(transforms, value, extraParameters);\n  const formattedValue = evaluateFormatters(formatters, value, extraParameters);\n\n  const testId = column.headerDataId || 'data-grid-header__cell';\n\n  return (\n    <Component\n      key={`${evaluatedProperty}-header`}\n      data-testid={testId}\n      index={columnIndex}\n      classProps={classProps}\n      {...props}\n      {...(header && header.props)}\n      {...transformedProps}\n    >\n      {transformedProps.children || formattedValue}\n    </Component>\n  );\n};\n\nHeaderCell.propTypes = {\n  column: PropTypes.any,\n  columnIndex: PropTypes.number,\n  component: PropTypes.any,\n  classProps: PropTypes.any,\n  grid: PropTypes.any,\n};\n\nexport default HeaderCell;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,wBAAsB;AACtB,mBAAuD;AACvD,uCAAuC;AAEhC,MAAM,aAAa,CAAC,EAAE,QAAQ,aAAa,WAAW,WAAW,YAAY,WAAW;AAC7F,QAAM,EAAE,UAAU,SAAS,IAAI,QAAQ,OAAO;AAE9C,QAAM,oBAAoB,YAAa,UAAU,OAAO;AAExD,QAAM,EAAE,OAAO,aAAa,IAAI,aAAa,OAAO;AAGpD,MAAI,OAAO;AAAmB,WAAO,kBAAkB,QAAQ,CAAC,SAAS;AAEzE,QAAM,kBAAkB;AAAA,IACtB;AAAA,IACA,UAAU;AAAA,IACV;AAAA,IACA;AAAA;AAGF,QAAM,cAAc,CAAC,MAAO,cAAc,WAAW,WAAW,IAAI,mDAAC,yDAAD;AAAA,IAAwB,OAAO;AAAA;AACnG,QAAM,QAAQ,YAAY;AAC1B,QAAM,mBAAmB,qCAAmB,YAAY,OAAO;AAC/D,QAAM,iBAAiB,qCAAmB,YAAY,OAAO;AAE7D,QAAM,SAAS,OAAO,gBAAgB;AAEtC,SACE,mDAAC,WAAD;AAAA,IACE,KAAK,GAAG;AAAA,IACR,eAAa;AAAA,IACb,OAAO;AAAA,IACP;AAAA,OACI;AAAA,OACC,UAAU,OAAO;AAAA,OAClB;AAAA,KAEH,iBAAiB,YAAY;AAAA;AAKpC,WAAW,YAAY;AAAA,EACrB,QAAQ,0BAAU;AAAA,EAClB,aAAa,0BAAU;AAAA,EACvB,WAAW,0BAAU;AAAA,EACrB,YAAY,0BAAU;AAAA,EACtB,MAAM,0BAAU;AAAA;AAGlB,IAAO,qBAAQ;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,wBAAsB;AACtB,mBAAuD;AACvD,uCAAuC;AAEhC,MAAM,aAAa,CAAC,EAAE,QAAQ,aAAa,WAAW,WAAW,YAAY,WAAW;AAC7F,QAAM,EAAE,UAAU,SAAS,IAAI,QAAQ,OAAO;AAE9C,QAAM,oBAAoB,YAAa,UAAU,OAAO;AAExD,QAAM,EAAE,OAAO,aAAa,IAAI,aAAa,OAAO;AAGpD,MAAI,OAAO;AAAmB,WAAO,kBAAkB,QAAQ,CAAC,SAAS;AAEzE,QAAM,kBAAkB;AAAA,IACtB;AAAA,IACA,UAAU;AAAA,IACV;AAAA,IACA;AAAA;AAGF,QAAM,cAAc,CAAC,MAAO,cAAc,WAAW,WAAW,IAAI,mDAAC,yDAAD;AAAA,IAAwB,OAAO;AAAA;AACnG,QAAM,QAAQ,YAAY;AAC1B,QAAM,mBAAmB,qCAAmB,YAAY,OAAO;AAC/D,QAAM,iBAAiB,qCAAmB,YAAY,OAAO;AAE7D,QAAM,SAAS,OAAO,gBAAgB;AAEtC,SACE,mDAAC,WAAD;AAAA,IACE,KAAK,GAAG;AAAA,IACR,eAAa;AAAA,IACb,OAAO;AAAA,IACP;AAAA,KACI,QACC,UAAU,OAAO,QAClB,mBAEH,iBAAiB,YAAY;AAAA;AAKpC,WAAW,YAAY;AAAA,EACrB,QAAQ,0BAAU;AAAA,EAClB,aAAa,0BAAU;AAAA,EACvB,WAAW,0BAAU;AAAA,EACrB,YAAY,0BAAU;AAAA,EACtB,MAAM,0BAAU;AAAA;AAGlB,IAAO,qBAAQ;",
   "names": []
 }

package/dist/cjs/components/List.js

@@ -2,8 +2,22 @@ var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
 var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
 var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
 var __export = (target, all) => {
   for (var name in all)
@@ -35,9 +49,7 @@ function List(props, instance) {
   const { renderers, getListProps } = instance.getInstance();
   const ListComponent = renderers.list;
   const mixedProps = getListProps(props);
-  return /* @__PURE__ */ import_react.default.createElement(ListComponent, {
-    ...mixedProps
-  });
+  return /* @__PURE__ */ import_react.default.createElement(ListComponent, __spreadValues({}, mixedProps));
 }
 var List_default = List;
 module.exports = __toCommonJS(List_exports);

package/dist/cjs/components/List.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/components/List.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["import React from 'react';\n\nfunction List(props, instance) {\n  // todo: add should list update to memoize this\n  const { renderers, getListProps } = instance.getInstance();\n  const ListComponent = renderers.list;\n\n  // props from component props and plugins\n  const mixedProps = getListProps(props);\n  return <ListComponent {...mixedProps} />;\n}\n\nexport default List;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAElB,cAAc,OAAO,UAAU;AAE7B,QAAM,EAAE,WAAW,iBAAiB,SAAS;AAC7C,QAAM,gBAAgB,UAAU;AAGhC,QAAM,aAAa,aAAa;AAChC,SAAO,mDAAC,eAAD;AAAA,OAAmB;AAAA;AAAA;AAG5B,IAAO,eAAQ;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAElB,cAAc,OAAO,UAAU;AAE7B,QAAM,EAAE,WAAW,iBAAiB,SAAS;AAC7C,QAAM,gBAAgB,UAAU;AAGhC,QAAM,aAAa,aAAa;AAChC,SAAO,mDAAC,eAAD,mBAAmB;AAAA;AAG5B,IAAO,eAAQ;",
   "names": []
 }

package/dist/cjs/components/ListItem.js

@@ -2,8 +2,22 @@ var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
 var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
 var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
 var __export = (target, all) => {
   for (var name in all)
@@ -41,10 +55,9 @@ function ListItem(props, instance) {
   const mixedProps = getItemProps(props);
   const children = itemRenderer.reduce((result, formatter) => formatter(result, record, instance), record.data.name);
   const ItemComponent = renderers.list;
-  return /* @__PURE__ */ import_react.default.createElement(ItemComponent, {
-    record,
-    ...mixedProps
-  }, children);
+  return /* @__PURE__ */ import_react.default.createElement(ItemComponent, __spreadValues({
+    record
+  }, mixedProps), children);
 }
 var ListItem_default = ListItem;
 module.exports = __toCommonJS(ListItem_exports);

package/dist/cjs/components/ListItem.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/components/ListItem.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["import React from 'react';\n\nfunction ListItem(props, instance) {\n  const { record } = props;\n  const {\n    renderers,\n    getItemProps,\n    decorators: { itemRenderer },\n  } = instance.getInstance();\n\n  // props from component props and plugins\n  const mixedProps = getItemProps(props);\n\n  const children = itemRenderer.reduce(\n    (result, formatter) => formatter(result, record, instance),\n    record.data.name,\n  );\n\n  const ItemComponent = renderers.list;\n  return (\n    <ItemComponent record={record} {...mixedProps}>\n      {children}\n    </ItemComponent>\n  );\n}\n\nexport default ListItem;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAElB,kBAAkB,OAAO,UAAU;AACjC,QAAM,EAAE,WAAW;AACnB,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA,YAAY,EAAE;AAAA,MACZ,SAAS;AAGb,QAAM,aAAa,aAAa;AAEhC,QAAM,WAAW,aAAa,OAC5B,CAAC,QAAQ,cAAc,UAAU,QAAQ,QAAQ,WACjD,OAAO,KAAK;AAGd,QAAM,gBAAgB,UAAU;AAChC,SACE,mDAAC,eAAD;AAAA,IAAe;AAAA,OAAoB;AAAA,KAChC;AAAA;AAKP,IAAO,mBAAQ;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAElB,kBAAkB,OAAO,UAAU;AACjC,QAAM,EAAE,WAAW;AACnB,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA,YAAY,EAAE;AAAA,MACZ,SAAS;AAGb,QAAM,aAAa,aAAa;AAEhC,QAAM,WAAW,aAAa,OAC5B,CAAC,QAAQ,cAAc,UAAU,QAAQ,QAAQ,WACjD,OAAO,KAAK;AAGd,QAAM,gBAAgB,UAAU;AAChC,SACE,mDAAC,eAAD;AAAA,IAAe;AAAA,KAAoB,aAChC;AAAA;AAKP,IAAO,mBAAQ;",
   "names": []
 }