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

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

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/components/HeaderCell.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "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"],
-  "mappings": "AAAA;ACAA;AACA;AACA;AACA;AAEO,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,qCAAC,wBAAD;AAAA,IAAwB,OAAO;AAAA;AACnG,QAAM,QAAQ,YAAY;AAC1B,QAAM,mBAAmB,mBAAmB,YAAY,OAAO;AAC/D,QAAM,iBAAiB,mBAAmB,YAAY,OAAO;AAE7D,QAAM,SAAS,OAAO,gBAAgB;AAEtC,SACE,qCAAC,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,UAAU;AAAA,EAClB,aAAa,UAAU;AAAA,EACvB,WAAW,UAAU;AAAA,EACrB,YAAY,UAAU;AAAA,EACtB,MAAM,UAAU;AAAA;AAGlB,IAAO,qBAAQ;",
+  "mappings": ";;;;;;;;;;;;;;;;AAAA;ACAA;AACA;AACA;AACA;AAEO,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,qCAAC,wBAAD;AAAA,IAAwB,OAAO;AAAA;AACnG,QAAM,QAAQ,YAAY;AAC1B,QAAM,mBAAmB,mBAAmB,YAAY,OAAO;AAC/D,QAAM,iBAAiB,mBAAmB,YAAY,OAAO;AAE7D,QAAM,SAAS,OAAO,gBAAgB;AAEtC,SACE,qCAAC,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,UAAU;AAAA,EAClB,aAAa,UAAU;AAAA,EACvB,WAAW,UAAU;AAAA,EACrB,YAAY,UAAU;AAAA,EACtB,MAAM,UAAU;AAAA;AAGlB,IAAO,qBAAQ;",
   "names": []
 }

package/dist/esm/components/List.js

@@ -1,12 +1,26 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+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;
+};
 import * as React from "react";
 import React2 from "react";
 function List(props, instance) {
   const { renderers, getListProps } = instance.getInstance();
   const ListComponent = renderers.list;
   const mixedProps = getListProps(props);
-  return /* @__PURE__ */ React2.createElement(ListComponent, {
-    ...mixedProps
-  });
+  return /* @__PURE__ */ React2.createElement(ListComponent, __spreadValues({}, mixedProps));
 }
 var List_default = List;
 export {

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

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/components/List.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "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"],
-  "mappings": "AAAA;ACAA;AAEA,cAAc,OAAO,UAAU;AAE7B,QAAM,EAAE,WAAW,iBAAiB,SAAS;AAC7C,QAAM,gBAAgB,UAAU;AAGhC,QAAM,aAAa,aAAa;AAChC,SAAO,qCAAC,eAAD;AAAA,OAAmB;AAAA;AAAA;AAG5B,IAAO,eAAQ;",
+  "mappings": ";;;;;;;;;;;;;;;;AAAA;ACAA;AAEA,cAAc,OAAO,UAAU;AAE7B,QAAM,EAAE,WAAW,iBAAiB,SAAS;AAC7C,QAAM,gBAAgB,UAAU;AAGhC,QAAM,aAAa,aAAa;AAChC,SAAO,qCAAC,eAAD,mBAAmB;AAAA;AAG5B,IAAO,eAAQ;",
   "names": []
 }

package/dist/esm/components/ListItem.js

@@ -1,3 +1,19 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+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;
+};
 import * as React from "react";
 import React2 from "react";
 function ListItem(props, instance) {
@@ -10,10 +26,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__ */ React2.createElement(ItemComponent, {
-    record,
-    ...mixedProps
-  }, children);
+  return /* @__PURE__ */ React2.createElement(ItemComponent, __spreadValues({
+    record
+  }, mixedProps), children);
 }
 var ListItem_default = ListItem;
 export {

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

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/components/ListItem.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "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"],
-  "mappings": "AAAA;ACAA;AAEA,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,qCAAC,eAAD;AAAA,IAAe;AAAA,OAAoB;AAAA,KAChC;AAAA;AAKP,IAAO,mBAAQ;",
+  "mappings": ";;;;;;;;;;;;;;;;AAAA;ACAA;AAEA,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,qCAAC,eAAD;AAAA,IAAe;AAAA,KAAoB,aAChC;AAAA;AAKP,IAAO,mBAAQ;",
   "names": []
 }

package/dist/esm/components/NoResults.js

@@ -1,3 +1,34 @@
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+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 __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;
+};
 import * as React from "react";
 import React2 from "react";
 import styled from "styled-components";
@@ -12,11 +43,11 @@ const NoResultsContainer = styled.div`
   height: calc(100% - 36px);
   overflow: auto;
 `;
-const NoResults = ({ innerRef, rowRenderer, children, ...rest }) => {
-  return /* @__PURE__ */ React2.createElement(React2.Fragment, null, /* @__PURE__ */ React2.createElement(NoResultsContainer, {
-    ...rest,
+const NoResults = (_a) => {
+  var _b = _a, { innerRef, rowRenderer, children } = _b, rest = __objRest(_b, ["innerRef", "rowRenderer", "children"]);
+  return /* @__PURE__ */ React2.createElement(React2.Fragment, null, /* @__PURE__ */ React2.createElement(NoResultsContainer, __spreadProps(__spreadValues({}, rest), {
     innerRef
-  }, children), rowRenderer({}, { style: { visibility: "hidden", marginBottom: 0 } }, {}));
+  }), children), rowRenderer({}, { style: { visibility: "hidden", marginBottom: 0 } }, {}));
 };
 var NoResults_default = NoResults;
 export {

package/dist/esm/components/NoResults.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/components/NoResults.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport styled from 'styled-components';\nimport { __UNSAFE_SPACE_TO_DIMSUM } from '@elliemae/ds-system';\n\nconst NoResultsContainer = styled.div`\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  padding: ${props => __UNSAFE_SPACE_TO_DIMSUM(props.theme.space.s)};\n  padding-bottom: 0;\n  height: calc(100% - 36px);\n  overflow: auto;\n`;\n\nexport const NoResults = ({ innerRef, rowRenderer, children, ...rest }) => {\n  return (\n    <>\n      <NoResultsContainer {...rest} innerRef={innerRef}>\n        {children}\n      </NoResultsContainer>\n      {/* Hack to expand to the width of the row so we can scroll\n      if the columns are bigger than the grid */}\n      {rowRenderer(\n        {},\n        { style: { visibility: 'hidden', marginBottom: 0 } },\n        {},\n      )}\n    </>\n  );\n}\n\nexport default NoResults;\n"],
-  "mappings": "AAAA;ACAA;AACA;AACA;AAEA,MAAM,qBAAqB,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA,aAKrB,WAAS,yBAAyB,MAAM,MAAM,MAAM;AAAA;AAAA;AAAA;AAAA;AAM1D,MAAM,YAAY,CAAC,EAAE,UAAU,aAAa,aAAa,WAAW;AACzE,SACE,4DACE,qCAAC,oBAAD;AAAA,OAAwB;AAAA,IAAM;AAAA,KAC3B,WAIF,YACC,IACA,EAAE,OAAO,EAAE,YAAY,UAAU,cAAc,OAC/C;AAAA;AAMR,IAAO,oBAAQ;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;ACAA;AACA;AACA;AAEA,MAAM,qBAAqB,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA,aAKrB,WAAS,yBAAyB,MAAM,MAAM,MAAM;AAAA;AAAA;AAAA;AAAA;AAM1D,MAAM,YAAY,CAAC,OAAiD;AAAjD,eAAE,YAAU,aAAa,aAAzB,IAAsC,iBAAtC,IAAsC,CAApC,YAAU,eAAa;AACjD,SACE,4DACE,qCAAC,oBAAD,iCAAwB,OAAxB;AAAA,IAA8B;AAAA,MAC3B,WAIF,YACC,IACA,EAAE,OAAO,EAAE,YAAY,UAAU,cAAc,OAC/C;AAAA;AAMR,IAAO,oBAAQ;",
   "names": []
 }

package/dist/esm/components/Table.js

@@ -1,3 +1,22 @@
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+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));
 import * as React from "react";
 import React2, { useCallback, useEffect } from "react";
 import { TableHeader } from "./TableHeader";
@@ -37,14 +56,12 @@ const Table = (props) => {
       }));
     }
     const rowProps = getHeaderRowProps({}, {});
-    return /* @__PURE__ */ React2.createElement(Row, {
-      ...rowProps
-    }, cells);
+    return /* @__PURE__ */ React2.createElement(Row, __spreadValues({}, rowProps), cells);
   };
   const bodyRowRenderer = useCallback((rowData, rowProps, extraParams) => {
     const Row = renderers.body.row;
     const Cell = renderers.body.cell;
-    const nextRowProps = getRowProps(rowProps, { ...extraParams, rowData });
+    const nextRowProps = getRowProps(rowProps, __spreadProps(__spreadValues({}, extraParams), { rowData }));
     const cells = [];
     for (let index = 0; index < columns.length; index++) {
       cells.push(/* @__PURE__ */ React2.createElement(BodyCell, {
@@ -55,24 +72,21 @@ const Table = (props) => {
         component: Cell,
         grid: props,
         rowIndex: extraParams.rowIndex,
-        rowProps: { rowData, ...nextRowProps }
+        rowProps: __spreadValues({ rowData }, nextRowProps)
       }));
     }
-    return /* @__PURE__ */ React2.createElement(Row, {
-      ...nextRowProps,
+    return /* @__PURE__ */ React2.createElement(Row, __spreadProps(__spreadValues({}, nextRowProps), {
       rowData
-    }, cells);
+    }), cells);
   }, [columns, renderers]);
   const TableComponent = renderers.table;
-  const value = { ...props, bodyRowRenderer, headerRowRenderer };
+  const value = __spreadProps(__spreadValues({}, props), { bodyRowRenderer, headerRowRenderer });
   return /* @__PURE__ */ React2.createElement(Provider, {
     value
-  }, /* @__PURE__ */ React2.createElement(TableComponent, {
-    ...getTableProps({
-      innerRef: tableRef,
-      style
-    })
-  }, children));
+  }, /* @__PURE__ */ React2.createElement(TableComponent, __spreadValues({}, getTableProps({
+    innerRef: tableRef,
+    style
+  })), children));
 };
 Table.Header = TableHeader;
 Table.Body = TableBody;

package/dist/esm/components/Table.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/components/Table.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable no-loops/no-loops,no-plusplus */\nimport React, { useCallback, useMemo, useEffect } from 'react';\nimport { TableHeader } from './TableHeader';\nimport { TableBody } from './TableBody';\nimport { HeaderCell } from './HeaderCell';\nimport { BodyCell } from './BodyCell';\nimport { TableContext } from './tableContext';\n\nconst { Provider } = TableContext;\n\nconst Table = (props) => {\n  const {\n    decoratedRenderers: renderers,\n    decoratedColumns: columns,\n    getRowProps,\n    getHeaderRowProps,\n    getTableProps,\n    children,\n    tableRef,\n    props: { wrapText },\n    style,\n    onDefaultFiltersLoad = () => null,\n  } = props;\n\n  useEffect(() => {\n    onDefaultFiltersLoad(props.composedRows);\n  }, [onDefaultFiltersLoad]);\n\n  const headerRowRenderer = () => {\n    const Row = renderers.header.row;\n    const Cell = renderers.header.cell;\n    const cells = [];\n\n    // optimize the rendering using for loop\n    for (let index = 0; index < columns.length; index++) {\n      cells.push(\n        <HeaderCell\n          key={index}\n          classProps={{ wrapText }}\n          column={columns[index]}\n          columnIndex={index}\n          component={Cell}\n          grid={props}\n        />,\n      );\n    }\n\n    const rowProps = getHeaderRowProps({}, {});\n    return <Row {...rowProps}>{cells}</Row>;\n  };\n\n  const bodyRowRenderer = useCallback(\n    (rowData, rowProps, extraParams) => {\n      const Row = renderers.body.row;\n      const Cell = renderers.body.cell;\n\n      const nextRowProps = getRowProps(rowProps, { ...extraParams, rowData });\n\n      // get cells from columns api\n      const cells = [];\n\n      // optimize the rendering using for loop\n      for (let index = 0; index < columns.length; index++) {\n        cells.push(\n          <BodyCell\n            key={index}\n            classProps={{ wrapText }}\n            column={columns[index]}\n            columnIndex={index}\n            component={Cell}\n            grid={props}\n            rowIndex={extraParams.rowIndex}\n            rowProps={{ rowData, ...nextRowProps }}\n          />,\n        );\n      }\n\n      return (\n        <Row {...nextRowProps} rowData={rowData}>\n          {cells}\n        </Row>\n      );\n    },\n    [columns, renderers],\n  );\n\n  const TableComponent = renderers.table;\n\n  const value = { ...props, bodyRowRenderer, headerRowRenderer };\n\n  return (\n    <Provider value={value}>\n      <TableComponent\n        {...getTableProps({\n          innerRef: tableRef,\n          style,\n        })}\n      >\n        {children}\n      </TableComponent>\n    </Provider>\n  );\n};\n\nTable.Header = TableHeader;\nTable.Body = TableBody;\n\nexport { Table };\nexport default Table;\n"],
-  "mappings": "AAAA;ACCA;AACA;AACA;AACA;AACA;AACA;AAEA,MAAM,EAAE,aAAa;AAErB,MAAM,QAAQ,CAAC,UAAU;AACvB,QAAM;AAAA,IACJ,oBAAoB;AAAA,IACpB,kBAAkB;AAAA,IAClB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,OAAO,EAAE;AAAA,IACT;AAAA,IACA,uBAAuB,MAAM;AAAA,MAC3B;AAEJ,YAAU,MAAM;AACd,yBAAqB,MAAM;AAAA,KAC1B,CAAC;AAEJ,QAAM,oBAAoB,MAAM;AAC9B,UAAM,MAAM,UAAU,OAAO;AAC7B,UAAM,OAAO,UAAU,OAAO;AAC9B,UAAM,QAAQ;AAGd,aAAS,QAAQ,GAAG,QAAQ,QAAQ,QAAQ,SAAS;AACnD,YAAM,KACJ,qCAAC,YAAD;AAAA,QACE,KAAK;AAAA,QACL,YAAY,EAAE;AAAA,QACd,QAAQ,QAAQ;AAAA,QAChB,aAAa;AAAA,QACb,WAAW;AAAA,QACX,MAAM;AAAA;AAAA;AAKZ,UAAM,WAAW,kBAAkB,IAAI;AACvC,WAAO,qCAAC,KAAD;AAAA,SAAS;AAAA,OAAW;AAAA;AAG7B,QAAM,kBAAkB,YACtB,CAAC,SAAS,UAAU,gBAAgB;AAClC,UAAM,MAAM,UAAU,KAAK;AAC3B,UAAM,OAAO,UAAU,KAAK;AAE5B,UAAM,eAAe,YAAY,UAAU,KAAK,aAAa;AAG7D,UAAM,QAAQ;AAGd,aAAS,QAAQ,GAAG,QAAQ,QAAQ,QAAQ,SAAS;AACnD,YAAM,KACJ,qCAAC,UAAD;AAAA,QACE,KAAK;AAAA,QACL,YAAY,EAAE;AAAA,QACd,QAAQ,QAAQ;AAAA,QAChB,aAAa;AAAA,QACb,WAAW;AAAA,QACX,MAAM;AAAA,QACN,UAAU,YAAY;AAAA,QACtB,UAAU,EAAE,YAAY;AAAA;AAAA;AAK9B,WACE,qCAAC,KAAD;AAAA,SAAS;AAAA,MAAc;AAAA,OACpB;AAAA,KAIP,CAAC,SAAS;AAGZ,QAAM,iBAAiB,UAAU;AAEjC,QAAM,QAAQ,KAAK,OAAO,iBAAiB;AAE3C,SACE,qCAAC,UAAD;AAAA,IAAU;AAAA,KACR,qCAAC,gBAAD;AAAA,OACM,cAAc;AAAA,MAChB,UAAU;AAAA,MACV;AAAA;AAAA,KAGD;AAAA;AAMT,MAAM,SAAS;AACf,MAAM,OAAO;AAGb,IAAO,gBAAQ;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;AAAA;ACCA;AACA;AACA;AACA;AACA;AACA;AAEA,MAAM,EAAE,aAAa;AAErB,MAAM,QAAQ,CAAC,UAAU;AACvB,QAAM;AAAA,IACJ,oBAAoB;AAAA,IACpB,kBAAkB;AAAA,IAClB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,OAAO,EAAE;AAAA,IACT;AAAA,IACA,uBAAuB,MAAM;AAAA,MAC3B;AAEJ,YAAU,MAAM;AACd,yBAAqB,MAAM;AAAA,KAC1B,CAAC;AAEJ,QAAM,oBAAoB,MAAM;AAC9B,UAAM,MAAM,UAAU,OAAO;AAC7B,UAAM,OAAO,UAAU,OAAO;AAC9B,UAAM,QAAQ;AAGd,aAAS,QAAQ,GAAG,QAAQ,QAAQ,QAAQ,SAAS;AACnD,YAAM,KACJ,qCAAC,YAAD;AAAA,QACE,KAAK;AAAA,QACL,YAAY,EAAE;AAAA,QACd,QAAQ,QAAQ;AAAA,QAChB,aAAa;AAAA,QACb,WAAW;AAAA,QACX,MAAM;AAAA;AAAA;AAKZ,UAAM,WAAW,kBAAkB,IAAI;AACvC,WAAO,qCAAC,KAAD,mBAAS,WAAW;AAAA;AAG7B,QAAM,kBAAkB,YACtB,CAAC,SAAS,UAAU,gBAAgB;AAClC,UAAM,MAAM,UAAU,KAAK;AAC3B,UAAM,OAAO,UAAU,KAAK;AAE5B,UAAM,eAAe,YAAY,UAAU,iCAAK,cAAL,EAAkB;AAG7D,UAAM,QAAQ;AAGd,aAAS,QAAQ,GAAG,QAAQ,QAAQ,QAAQ,SAAS;AACnD,YAAM,KACJ,qCAAC,UAAD;AAAA,QACE,KAAK;AAAA,QACL,YAAY,EAAE;AAAA,QACd,QAAQ,QAAQ;AAAA,QAChB,aAAa;AAAA,QACb,WAAW;AAAA,QACX,MAAM;AAAA,QACN,UAAU,YAAY;AAAA,QACtB,UAAU,iBAAE,WAAY;AAAA;AAAA;AAK9B,WACE,qCAAC,KAAD,iCAAS,eAAT;AAAA,MAAuB;AAAA,QACpB;AAAA,KAIP,CAAC,SAAS;AAGZ,QAAM,iBAAiB,UAAU;AAEjC,QAAM,QAAQ,iCAAK,QAAL,EAAY,iBAAiB;AAE3C,SACE,qCAAC,UAAD;AAAA,IAAU;AAAA,KACR,qCAAC,gBAAD,mBACM,cAAc;AAAA,IAChB,UAAU;AAAA,IACV;AAAA,OAGD;AAAA;AAMT,MAAM,SAAS;AACf,MAAM,OAAO;AAGb,IAAO,gBAAQ;",
   "names": []
 }

package/dist/esm/components/TableBody.js

@@ -1,12 +1,47 @@
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+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 __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;
+};
 import * as React from "react";
 import React2, { useContext, memo } from "react";
 import { TableContext } from "./tableContext";
-const TableBody = memo(({
-  rows,
-  noResultsPlaceholder = "No data",
-  isPlaceholderActive = false,
-  ...props
-}) => {
+const TableBody = memo((_a) => {
+  var _b = _a, {
+    rows,
+    noResultsPlaceholder = "No data",
+    isPlaceholderActive = false
+  } = _b, props = __objRest(_b, [
+    "rows",
+    "noResultsPlaceholder",
+    "isPlaceholderActive"
+  ]);
   const {
     refs,
     decoratedColumns,
@@ -17,21 +52,19 @@ const TableBody = memo(({
     props: { rowKey, numRowsVisible, groupedRows }
   } = useContext(TableContext);
   const BodyWrapperComponent = renderers.body.wrapper;
-  return /* @__PURE__ */ React2.createElement(BodyWrapperComponent, {
-    classProps: { grouped: groupedRows },
-    ...getBodyProps({
-      ...props,
-      innerRef: refs.body,
-      innerBodyRef: refs.innerBody,
-      rows: rows || composedRows.rows || composedRows,
-      noResultsPlaceholder,
-      rowRenderer,
-      columns: decoratedColumns,
-      rowKey,
-      numRowsVisible,
-      isPlaceholderActive
-    })
-  }, "kajsd;klfajsd;fj");
+  return /* @__PURE__ */ React2.createElement(BodyWrapperComponent, __spreadValues({
+    classProps: { grouped: groupedRows }
+  }, getBodyProps(__spreadProps(__spreadValues({}, props), {
+    innerRef: refs.body,
+    innerBodyRef: refs.innerBody,
+    rows: rows || composedRows.rows || composedRows,
+    noResultsPlaceholder,
+    rowRenderer,
+    columns: decoratedColumns,
+    rowKey,
+    numRowsVisible,
+    isPlaceholderActive
+  }))), "kajsd;klfajsd;fj");
 });
 var TableBody_default = TableBody;
 export {

package/dist/esm/components/TableBody.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/components/TableBody.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { useContext, memo } from 'react';\nimport { TableContext } from './tableContext';\n\nconst TableBody = memo(({\n  rows,\n  noResultsPlaceholder = 'No data',\n  isPlaceholderActive = false,\n  ...props\n}) => {\n  const {\n    refs,\n    decoratedColumns,\n    decoratedRenderers: renderers,\n    composedRows,\n    getBodyProps,\n    bodyRowRenderer: rowRenderer,\n    props: { rowKey, numRowsVisible, groupedRows },\n  } = useContext(TableContext);\n\n  const BodyWrapperComponent = renderers.body.wrapper;\n  return (\n    <BodyWrapperComponent\n      classProps={{ grouped: groupedRows }}\n      {...getBodyProps({\n        ...props,\n        innerRef: refs.body,\n        innerBodyRef: refs.innerBody,\n        rows: rows || composedRows.rows || composedRows,\n        noResultsPlaceholder,\n        rowRenderer,\n        columns: decoratedColumns,\n        rowKey,\n        numRowsVisible,\n        isPlaceholderActive,\n      })}\n    >\n      kajsd;klfajsd;fj\n    </BodyWrapperComponent>\n  );\n});\n\nexport { TableBody };\nexport default TableBody;\n"],
-  "mappings": "AAAA;ACAA;AACA;AAEA,MAAM,YAAY,KAAK,CAAC;AAAA,EACtB;AAAA,EACA,uBAAuB;AAAA,EACvB,sBAAsB;AAAA,KACnB;AAAA,MACC;AACJ,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA,oBAAoB;AAAA,IACpB;AAAA,IACA;AAAA,IACA,iBAAiB;AAAA,IACjB,OAAO,EAAE,QAAQ,gBAAgB;AAAA,MAC/B,WAAW;AAEf,QAAM,uBAAuB,UAAU,KAAK;AAC5C,SACE,qCAAC,sBAAD;AAAA,IACE,YAAY,EAAE,SAAS;AAAA,OACnB,aAAa;AAAA,SACZ;AAAA,MACH,UAAU,KAAK;AAAA,MACf,cAAc,KAAK;AAAA,MACnB,MAAM,QAAQ,aAAa,QAAQ;AAAA,MACnC;AAAA,MACA;AAAA,MACA,SAAS;AAAA,MACT;AAAA,MACA;AAAA,MACA;AAAA;AAAA,KAEH;AAAA;AAOL,IAAO,oBAAQ;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;ACAA;AACA;AAEA,MAAM,YAAY,KAAK,CAAC,OAKlB;AALkB,eACtB;AAAA;AAAA,IACA,uBAAuB;AAAA,IACvB,sBAAsB;AAAA,MAHA,IAInB,kBAJmB,IAInB;AAAA,IAHH;AAAA,IACA;AAAA,IACA;AAAA;AAGA,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA,oBAAoB;AAAA,IACpB;AAAA,IACA;AAAA,IACA,iBAAiB;AAAA,IACjB,OAAO,EAAE,QAAQ,gBAAgB;AAAA,MAC/B,WAAW;AAEf,QAAM,uBAAuB,UAAU,KAAK;AAC5C,SACE,qCAAC,sBAAD;AAAA,IACE,YAAY,EAAE,SAAS;AAAA,KACnB,aAAa,iCACZ,QADY;AAAA,IAEf,UAAU,KAAK;AAAA,IACf,cAAc,KAAK;AAAA,IACnB,MAAM,QAAQ,aAAa,QAAQ;AAAA,IACnC;AAAA,IACA;AAAA,IACA,SAAS;AAAA,IACT;AAAA,IACA;AAAA,IACA;AAAA,QAEH;AAAA;AAOL,IAAO,oBAAQ;",
   "names": []
 }

package/dist/esm/components/TableHeader.js

@@ -1,3 +1,22 @@
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+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));
 import * as React from "react";
 import React2, { useContext } from "react";
 import { TableContext } from "./tableContext";
@@ -10,12 +29,9 @@ const TableHeader = (props) => {
     refs
   } = useContext(TableContext);
   const HeaderWrapper = renderers.header.wrapper;
-  return /* @__PURE__ */ React2.createElement(HeaderWrapper, {
-    ...getHeaderProps({
-      ...props,
-      innerRef: refs.header
-    })
-  }, headerRowRenderer(columns, {}));
+  return /* @__PURE__ */ React2.createElement(HeaderWrapper, __spreadValues({}, getHeaderProps(__spreadProps(__spreadValues({}, props), {
+    innerRef: refs.header
+  }))), headerRowRenderer(columns, {}));
 };
 var TableHeader_default = TableHeader;
 export {

package/dist/esm/components/TableHeader.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/components/TableHeader.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { useContext } from 'react';\nimport { TableContext } from './tableContext';\n\nconst TableHeader = (props) =>{\n  const {\n    decoratedRenderers: renderers,\n    decoratedColumns: columns,\n    headerRowRenderer,\n    getHeaderProps,\n    refs,\n  } = useContext(TableContext);\n\n  const HeaderWrapper = renderers.header.wrapper;\n  return (\n    <HeaderWrapper\n      {...getHeaderProps({\n        ...props,\n        innerRef: refs.header,\n      })}\n    >\n      {headerRowRenderer(columns, {})}\n    </HeaderWrapper>\n  );\n};\n\nexport { TableHeader };\nexport default TableHeader;\n"],
-  "mappings": "AAAA;ACAA;AACA;AAEA,MAAM,cAAc,CAAC,UAAS;AAC5B,QAAM;AAAA,IACJ,oBAAoB;AAAA,IACpB,kBAAkB;AAAA,IAClB;AAAA,IACA;AAAA,IACA;AAAA,MACE,WAAW;AAEf,QAAM,gBAAgB,UAAU,OAAO;AACvC,SACE,qCAAC,eAAD;AAAA,OACM,eAAe;AAAA,SACd;AAAA,MACH,UAAU,KAAK;AAAA;AAAA,KAGhB,kBAAkB,SAAS;AAAA;AAMlC,IAAO,sBAAQ;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;AAAA;ACAA;AACA;AAEA,MAAM,cAAc,CAAC,UAAS;AAC5B,QAAM;AAAA,IACJ,oBAAoB;AAAA,IACpB,kBAAkB;AAAA,IAClB;AAAA,IACA;AAAA,IACA;AAAA,MACE,WAAW;AAEf,QAAM,gBAAgB,UAAU,OAAO;AACvC,SACE,qCAAC,eAAD,mBACM,eAAe,iCACd,QADc;AAAA,IAEjB,UAAU,KAAK;AAAA,QAGhB,kBAAkB,SAAS;AAAA;AAMlC,IAAO,sBAAQ;",
   "names": []
 }

package/dist/esm/plugins/body-header-scroll-sync/BodyHeaderScrollSyncPlugin.js

@@ -1,3 +1,34 @@
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+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 __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;
+};
 import * as React from "react";
 import React2, { useMemo, useRef, useEffect } from "react";
 import { mergeRefs } from "@elliemae/ds-utilities";
@@ -5,34 +36,55 @@ import { ScrollSync, ScrollSyncPane } from "@elliemae/ds-shared/ScrollSync";
 import { createInstancePlugin } from "@elliemae/ds-shared/createDataInstance/createInstancePlugin";
 import { getScrollbarWidth } from "../../utilities/getScrollbarSize";
 const SCROLLBAR_WIDTH = getScrollbarWidth(2);
-const HeaderSyncHoc = (Component) => (props) => /* @__PURE__ */ React2.createElement(ScrollSyncPane, null, ({ registerPane }) => /* @__PURE__ */ React2.createElement(Component, {
-  ...props,
+const HeaderSyncHoc = (Component) => (props) => /* @__PURE__ */ React2.createElement(ScrollSyncPane, null, ({ registerPane }) => /* @__PURE__ */ React2.createElement(Component, __spreadProps(__spreadValues({}, props), {
   innerRef: mergeRefs(props.innerRef, registerPane)
-}));
-const BodySyncHoc = (Component, notPaginated, grid) => ({
-  children,
-  classProps,
-  columns,
-  getContainer,
-  helperClass,
-  innerBodyRef,
-  innerRef,
-  isPlaceholderActive,
-  listProps,
-  lockAxis,
-  noResultsPlaceholder,
-  numRowsVisible,
-  onSortEnd,
-  onSortOver,
-  onSortStart,
-  rowKey,
-  rowRenderer,
-  rows,
-  useDragHandle,
-  className,
-  listComponent,
-  ...rest
-}) => {
+})));
+const BodySyncHoc = (Component, notPaginated, grid) => (_a) => {
+  var _b = _a, {
+    children,
+    classProps,
+    columns,
+    getContainer,
+    helperClass,
+    innerBodyRef,
+    innerRef,
+    isPlaceholderActive,
+    listProps,
+    lockAxis,
+    noResultsPlaceholder,
+    numRowsVisible,
+    onSortEnd,
+    onSortOver,
+    onSortStart,
+    rowKey,
+    rowRenderer,
+    rows,
+    useDragHandle,
+    className,
+    listComponent
+  } = _b, rest = __objRest(_b, [
+    "children",
+    "classProps",
+    "columns",
+    "getContainer",
+    "helperClass",
+    "innerBodyRef",
+    "innerRef",
+    "isPlaceholderActive",
+    "listProps",
+    "lockAxis",
+    "noResultsPlaceholder",
+    "numRowsVisible",
+    "onSortEnd",
+    "onSortOver",
+    "onSortStart",
+    "rowKey",
+    "rowRenderer",
+    "rows",
+    "useDragHandle",
+    "className",
+    "listComponent"
+  ]);
   const t = useRef();
   const repositionToolbarBasedOnBodyScrollPosition = (SCROLLBAR_WIDTH2) => () => {
     grid.refs.body.current.style.setProperty("--toolbar-scroll", `${grid.refs.body.current.offsetWidth + grid.refs.body.current.scrollLeft - 15}px`);
@@ -49,7 +101,7 @@ const BodySyncHoc = (Component, notPaginated, grid) => ({
   });
   return /* @__PURE__ */ React2.createElement(ScrollSyncPane, {
     notPaginated
-  }, ({ registerPane }) => /* @__PURE__ */ React2.createElement(Component, {
+  }, ({ registerPane }) => /* @__PURE__ */ React2.createElement(Component, __spreadValues({
     ref: t,
     classProps,
     className,
@@ -70,9 +122,8 @@ const BodySyncHoc = (Component, notPaginated, grid) => ({
     rowRenderer,
     rows,
     useDragHandle,
-    innerRef: mergeRefs(innerRef, registerPane, t),
-    ...rest
-  }));
+    innerRef: mergeRefs(innerRef, registerPane, t)
+  }, rest)));
 };
 const TableSyncHoc = (Component) => (props) => /* @__PURE__ */ React2.createElement(ScrollSync, {
   proportional: false,
@@ -80,9 +131,7 @@ const TableSyncHoc = (Component) => (props) => /* @__PURE__ */ React2.createElem
     e.target.style.setProperty("--toolbar-scroll", `${e.target.offsetWidth + e.target.scrollLeft - 15}px`);
     e.target.style.setProperty("--toolbar-scroll-paginated", `${e.target.offsetWidth + e.target.scrollLeft - 19}px`);
   }
-}, /* @__PURE__ */ React2.createElement(Component, {
-  ...props
-}));
+}, /* @__PURE__ */ React2.createElement(Component, __spreadValues({}, props)));
 const decorateRenderers = (renderers, grid) => {
   const HeaderWrapper = renderers.header.wrapper;
   const BodyWrapper = renderers.body.wrapper;

package/dist/esm/plugins/body-header-scroll-sync/BodyHeaderScrollSyncPlugin.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/plugins/body-header-scroll-sync/BodyHeaderScrollSyncPlugin.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable no-shadow */\n/* eslint-disable @typescript-eslint/no-unused-vars */\n/* eslint-disable no-unused-vars */\n/* eslint-disable react/prop-types */\n/* eslint-disable max-lines */\n/* eslint-disable react-hooks/rules-of-hooks */\n/* eslint-disable no-param-reassign */\n/* eslint-disable react/display-name */\nimport React, { useMemo, useRef, useEffect } from 'react';\nimport { mergeRefs } from '@elliemae/ds-utilities';\nimport { ScrollSync, ScrollSyncPane } from '@elliemae/ds-shared/ScrollSync';\nimport { createInstancePlugin } from '@elliemae/ds-shared/createDataInstance/createInstancePlugin';\nimport { getScrollbarWidth } from '../../utilities/getScrollbarSize';\n\nconst SCROLLBAR_WIDTH = getScrollbarWidth(2);\n\nconst HeaderSyncHoc = (Component) => (props) =>\n  (\n    <ScrollSyncPane>\n      {({ registerPane }) => <Component {...props} innerRef={mergeRefs(props.innerRef, registerPane)} />}\n    </ScrollSyncPane>\n  );\nconst BodySyncHoc =\n  (Component, notPaginated, grid) =>\n  ({\n    children,\n    classProps,\n    columns,\n    getContainer,\n    helperClass,\n    innerBodyRef,\n    innerRef,\n    isPlaceholderActive,\n    listProps,\n    lockAxis,\n    noResultsPlaceholder,\n    numRowsVisible,\n    onSortEnd,\n    onSortOver,\n    onSortStart,\n    rowKey,\n    rowRenderer,\n    rows,\n    useDragHandle,\n    className,\n    listComponent,\n    ...rest\n  }) => {\n    const t = useRef();\n    const repositionToolbarBasedOnBodyScrollPosition = (SCROLLBAR_WIDTH) => () => {\n      grid.refs.body.current.style.setProperty(\n        '--toolbar-scroll',\n        `${grid.refs.body.current.offsetWidth + grid.refs.body.current.scrollLeft - 15}px`,\n      );\n      grid.refs.body.current.style.setProperty(\n        '--toolbar-scroll-paginated',\n        `${grid.refs.body.current.offsetWidth + grid.refs.body.current.scrollLeft - 19}px`,\n      );\n    };\n    useEffect(() => {\n      setTimeout(repositionToolbarBasedOnBodyScrollPosition(-SCROLLBAR_WIDTH), 300);\n    }, []);\n    useEffect(() => {\n      window.addEventListener('resize', repositionToolbarBasedOnBodyScrollPosition(-SCROLLBAR_WIDTH));\n      return () => {\n        window.removeEventListener('resize', repositionToolbarBasedOnBodyScrollPosition(-SCROLLBAR_WIDTH));\n      };\n    });\n    return (\n      <ScrollSyncPane notPaginated={notPaginated}>\n        {({ registerPane }) => (\n          <Component\n            ref={t}\n            classProps={classProps}\n            className={className}\n            listComponent={listComponent}\n            columns={columns}\n            getContainer={getContainer}\n            helperClass={helperClass}\n            innerBodyRef={innerBodyRef}\n            // innerRef={innerRef}\n            isPlaceholderActive={isPlaceholderActive}\n            listProps={listProps}\n            lockAxis={lockAxis}\n            noResultsPlaceholder={noResultsPlaceholder}\n            numRowsVisible={numRowsVisible}\n            onSortEnd={onSortEnd}\n            onSortOver={onSortOver}\n            onSortStart={onSortStart}\n            rowKey={rowKey}\n            rowRenderer={rowRenderer}\n            rows={rows}\n            useDragHandle={useDragHandle}\n            innerRef={mergeRefs(innerRef, registerPane, t)}\n            {...rest}\n          />\n        )}\n      </ScrollSyncPane>\n    );\n  };\n\nconst TableSyncHoc = (Component) => (props) =>\n  (\n    <ScrollSync\n      proportional={false}\n      onScroll={(e) => {\n        e.target.style.setProperty('--toolbar-scroll', `${e.target.offsetWidth + e.target.scrollLeft - 15}px`);\n        e.target.style.setProperty(\n          '--toolbar-scroll-paginated',\n          `${e.target.offsetWidth + e.target.scrollLeft - 19}px`,\n        );\n      }}\n    >\n      <Component {...props} />\n    </ScrollSync>\n  );\n\nconst decorateRenderers = (renderers, grid) => {\n  const HeaderWrapper = renderers.header.wrapper;\n  const BodyWrapper = renderers.body.wrapper;\n  const Table = renderers.table;\n  const { paginated } = grid.props;\n\n  renderers.table = useMemo(() => TableSyncHoc(Table), []);\n  renderers.header.wrapper = useMemo(() => HeaderSyncHoc(HeaderWrapper), []);\n  renderers.body.wrapper = useMemo(() => BodySyncHoc(BodyWrapper, !paginated, grid), []);\n\n  return renderers;\n};\n\nexport const BodyHeaderScrollSyncPlugin = createInstancePlugin('body-header-scroll-sync', {\n  decorateRenderers,\n});\n"],
-  "mappings": "AAAA;ACQA;AACA;AACA;AACA;AACA;AAEA,MAAM,kBAAkB,kBAAkB;AAE1C,MAAM,gBAAgB,CAAC,cAAc,CAAC,UAElC,qCAAC,gBAAD,MACG,CAAC,EAAE,mBAAmB,qCAAC,WAAD;AAAA,KAAe;AAAA,EAAO,UAAU,UAAU,MAAM,UAAU;AAAA;AAGvF,MAAM,cACJ,CAAC,WAAW,cAAc,SAC1B,CAAC;AAAA,EACC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,KACG;AAAA,MACC;AACJ,QAAM,IAAI;AACV,QAAM,6CAA6C,CAAC,qBAAoB,MAAM;AAC5E,SAAK,KAAK,KAAK,QAAQ,MAAM,YAC3B,oBACA,GAAG,KAAK,KAAK,KAAK,QAAQ,cAAc,KAAK,KAAK,KAAK,QAAQ,aAAa;AAE9E,SAAK,KAAK,KAAK,QAAQ,MAAM,YAC3B,8BACA,GAAG,KAAK,KAAK,KAAK,QAAQ,cAAc,KAAK,KAAK,KAAK,QAAQ,aAAa;AAAA;AAGhF,YAAU,MAAM;AACd,eAAW,2CAA2C,CAAC,kBAAkB;AAAA,KACxE;AACH,YAAU,MAAM;AACd,WAAO,iBAAiB,UAAU,2CAA2C,CAAC;AAC9E,WAAO,MAAM;AACX,aAAO,oBAAoB,UAAU,2CAA2C,CAAC;AAAA;AAAA;AAGrF,SACE,qCAAC,gBAAD;AAAA,IAAgB;AAAA,KACb,CAAC,EAAE,mBACF,qCAAC,WAAD;AAAA,IACE,KAAK;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IAEA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,UAAU,UAAU,UAAU,cAAc;AAAA,OACxC;AAAA;AAAA;AAOhB,MAAM,eAAe,CAAC,cAAc,CAAC,UAEjC,qCAAC,YAAD;AAAA,EACE,cAAc;AAAA,EACd,UAAU,CAAC,MAAM;AACf,MAAE,OAAO,MAAM,YAAY,oBAAoB,GAAG,EAAE,OAAO,cAAc,EAAE,OAAO,aAAa;AAC/F,MAAE,OAAO,MAAM,YACb,8BACA,GAAG,EAAE,OAAO,cAAc,EAAE,OAAO,aAAa;AAAA;AAAA,GAIpD,qCAAC,WAAD;AAAA,KAAe;AAAA;AAIrB,MAAM,oBAAoB,CAAC,WAAW,SAAS;AAC7C,QAAM,gBAAgB,UAAU,OAAO;AACvC,QAAM,cAAc,UAAU,KAAK;AACnC,QAAM,QAAQ,UAAU;AACxB,QAAM,EAAE,cAAc,KAAK;AAE3B,YAAU,QAAQ,QAAQ,MAAM,aAAa,QAAQ;AACrD,YAAU,OAAO,UAAU,QAAQ,MAAM,cAAc,gBAAgB;AACvE,YAAU,KAAK,UAAU,QAAQ,MAAM,YAAY,aAAa,CAAC,WAAW,OAAO;AAEnF,SAAO;AAAA;AAGF,MAAM,6BAA6B,qBAAqB,2BAA2B;AAAA,EACxF;AAAA;",
+  "mappings": "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",
   "names": []
 }

package/dist/esm/plugins/column-dnd/DndColumnsPlugin.js

@@ -1,3 +1,22 @@
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+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));
 import * as React from "react";
 import React2, { useEffect, useMemo, useRef } from "react";
 import { SortableContainer, SortableElement } from "react-sortable-hoc";
@@ -102,18 +121,14 @@ const getHeaderRowProps = (props, grid) => {
 const decorateRenderers = (renderers) => {
   const RowComponent = renderers.header.row;
   const CellComponent = renderers.header.cell;
-  const Row = useMemo(() => SortableContainer((props) => /* @__PURE__ */ React2.createElement(RowComponent, {
-    ...omit(props, keysToOmit)
-  })), []);
+  const Row = useMemo(() => SortableContainer((props) => /* @__PURE__ */ React2.createElement(RowComponent, __spreadValues({}, omit(props, keysToOmit)))), []);
   const Cell = useMemo(() => SortableElement(CellComponent), []);
-  return {
-    ...renderers,
-    header: {
-      ...renderers.header,
+  return __spreadProps(__spreadValues({}, renderers), {
+    header: __spreadProps(__spreadValues({}, renderers.header), {
       row: Row,
       cell: Cell
-    }
-  };
+    })
+  });
 };
 const DndColumnsPlugin = createInstancePlugin("dnd-columns", {
   getHeaderRowProps,