@elliemae/ds-datagrids 3.16.0-next.1 → 3.16.0-next.10

package/dist/cjs/components/NoResults.js

@@ -41,15 +41,9 @@ const NoResultsContainer = import_ds_system.styled.div`
   height: calc(100% - 36px);
   overflow: auto;
 `;
-const NoResults = ({ innerRef, rowRenderer, children, ...rest }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(NoResultsContainer, { ...rest, innerRef, children }),
-    rowRenderer(
-      {},
-      { style: { visibility: "hidden", marginBottom: 0 } },
-      {}
-    )
-  ] });
-};
+const NoResults = ({ innerRef, rowRenderer, children, ...rest }) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(NoResultsContainer, { ...rest, innerRef, children }),
+  rowRenderer({}, { style: { visibility: "hidden", marginBottom: 0 } }, {})
+] });
 var NoResults_default = NoResults;
 //# sourceMappingURL=NoResults.js.map

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/NoResults.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import React from 'react';\nimport { styled, __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", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADgBnB;AAfJ,uBAAiD;AAEjD,MAAM,qBAAqB,wBAAO;AAAA;AAAA;AAAA;AAAA;AAAA,aAKrB,eAAS,2CAAyB,MAAM,MAAM,MAAM,CAAC;AAAA;AAAA;AAAA;AAAA;AAM3D,MAAM,YAAY,CAAC,EAAE,UAAU,aAAa,aAAa,KAAK,MAAM;AACzE,SACE,4EACE;AAAA,gDAAC,sBAAoB,GAAG,MAAM,UAC3B,UACH;AAAA,IAGC;AAAA,MACC,CAAC;AAAA,MACD,EAAE,OAAO,EAAE,YAAY,UAAU,cAAc,EAAE,EAAE;AAAA,MACnD,CAAC;AAAA,IACH;AAAA,KACF;AAEJ;AAEA,IAAO,oBAAQ;",
+  "sourcesContent": ["import React from 'react';\nimport { styled, __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  <>\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({}, { style: { visibility: 'hidden', marginBottom: 0 } }, {})}\n  </>\n);\n\nexport default NoResults;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADerB;AAdF,uBAAiD;AAEjD,MAAM,qBAAqB,wBAAO;AAAA;AAAA;AAAA;AAAA;AAAA,aAKrB,CAAC,cAAU,2CAAyB,MAAM,MAAM,MAAM,CAAC;AAAA;AAAA;AAAA;AAAA;AAM7D,MAAM,YAAY,CAAC,EAAE,UAAU,aAAa,aAAa,KAAK,MACnE,4EACE;AAAA,8CAAC,sBAAoB,GAAG,MAAM,UAC3B,UACH;AAAA,EAGC,YAAY,CAAC,GAAG,EAAE,OAAO,EAAE,YAAY,UAAU,cAAc,EAAE,EAAE,GAAG,CAAC,CAAC;AAAA,GAC3E;AAGF,IAAO,oBAAQ;",
   "names": []
 }

package/dist/cjs/components/RowsLoader.js

@@ -31,7 +31,7 @@ module.exports = __toCommonJS(RowsLoader_exports);
 var React = __toESM(require("react"));
 var import_jsx_runtime = require("react/jsx-runtime");
 var import_ds_spinner = require("@elliemae/ds-spinner");
-var import_defaultClassedRenderers = require("./renderers/defaultClassedRenderers");
+var import_defaultClassedRenderers = require("./renderers/defaultClassedRenderers.js");
 const RowsLoader = ({ size = "m" }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_defaultClassedRenderers.SpinnerContainer, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_spinner.DSSpinner, { size }) });
 var RowsLoader_default = RowsLoader;
 //# sourceMappingURL=RowsLoader.js.map

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/RowsLoader.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import React from 'react';\nimport { DSSpinner } from '@elliemae/ds-spinner';\nimport { SpinnerContainer } from './renderers/defaultClassedRenderers';\n\nexport const RowsLoader = ({ size = 'm' }) => (\n  <SpinnerContainer>\n    <DSSpinner size={size} />\n  </SpinnerContainer>\n);\n\nexport default RowsLoader;\n", "import * as React from 'react';\nexport { React };\n"],
+  "sourcesContent": ["import React from 'react';\nimport { DSSpinner } from '@elliemae/ds-spinner';\nimport { SpinnerContainer } from './renderers/defaultClassedRenderers.js';\n\nexport const RowsLoader = ({ size = 'm' }) => (\n  <SpinnerContainer>\n    <DSSpinner size={size} />\n  </SpinnerContainer>\n);\n\nexport default RowsLoader;\n", "import * as React from 'react';\nexport { React };\n"],
   "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADMnB;AALJ,wBAA0B;AAC1B,qCAAiC;AAE1B,MAAM,aAAa,CAAC,EAAE,OAAO,IAAI,MACtC,4CAAC,mDACC,sDAAC,+BAAU,MAAY,GACzB;AAGF,IAAO,qBAAQ;",
   "names": []
 }

package/dist/cjs/components/Table.js

@@ -31,11 +31,11 @@ module.exports = __toCommonJS(Table_exports);
 var React = __toESM(require("react"));
 var import_jsx_runtime = require("react/jsx-runtime");
 var import_react = require("react");
-var import_TableHeader = require("./TableHeader");
-var import_TableBody = require("./TableBody");
-var import_HeaderCell = require("./HeaderCell");
-var import_BodyCell = require("./BodyCell");
-var import_tableContext = require("./tableContext");
+var import_TableHeader = require("./TableHeader.js");
+var import_TableBody = require("./TableBody.js");
+var import_HeaderCell = require("./HeaderCell.js");
+var import_BodyCell = require("./BodyCell.js");
+var import_tableContext = require("./tableContext.js");
 const { Provider } = import_tableContext.TableContext;
 const Table = (props) => {
   const {

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/Table.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["/* 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", "import * as React from 'react';\nexport { React };\n"],
+  "sourcesContent": ["/* eslint-disable no-loops/no-loops,no-plusplus */\nimport React, { useCallback, useMemo, useEffect } from 'react';\nimport { TableHeader } from './TableHeader.js';\nimport { TableBody } from './TableBody.js';\nimport { HeaderCell } from './HeaderCell.js';\nimport { BodyCell } from './BodyCell.js';\nimport { TableContext } from './tableContext.js';\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", "import * as React from 'react';\nexport { React };\n"],
   "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADoCf;AAnCR,mBAAuD;AACvD,yBAA4B;AAC5B,uBAA0B;AAC1B,wBAA2B;AAC3B,sBAAyB;AACzB,0BAA6B;AAE7B,MAAM,EAAE,SAAS,IAAI;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,SAAS;AAAA,IAClB;AAAA,IACA,uBAAuB,MAAM;AAAA,EAC/B,IAAI;AAEJ,8BAAU,MAAM;AACd,yBAAqB,MAAM,YAAY;AAAA,EACzC,GAAG,CAAC,oBAAoB,CAAC;AAEzB,QAAM,oBAAoB,MAAM;AAC9B,UAAM,MAAM,UAAU,OAAO;AAC7B,UAAM,OAAO,UAAU,OAAO;AAC9B,UAAM,QAAQ,CAAC;AAGf,aAAS,QAAQ,GAAG,QAAQ,QAAQ,QAAQ,SAAS;AACnD,YAAM;AAAA,QACJ;AAAA,UAAC;AAAA;AAAA,YAEC,YAAY,EAAE,SAAS;AAAA,YACvB,QAAQ,QAAQ;AAAA,YAChB,aAAa;AAAA,YACb,WAAW;AAAA,YACX,MAAM;AAAA;AAAA,UALD;AAAA,QAMP;AAAA,MACF;AAAA,IACF;AAEA,UAAM,WAAW,kBAAkB,CAAC,GAAG,CAAC,CAAC;AACzC,WAAO,4CAAC,OAAK,GAAG,UAAW,iBAAM;AAAA,EACnC;AAEA,QAAM,sBAAkB;AAAA,IACtB,CAAC,SAAS,UAAU,gBAAgB;AAClC,YAAM,MAAM,UAAU,KAAK;AAC3B,YAAM,OAAO,UAAU,KAAK;AAE5B,YAAM,eAAe,YAAY,UAAU,EAAE,GAAG,aAAa,QAAQ,CAAC;AAGtE,YAAM,QAAQ,CAAC;AAGf,eAAS,QAAQ,GAAG,QAAQ,QAAQ,QAAQ,SAAS;AACnD,cAAM;AAAA,UACJ;AAAA,YAAC;AAAA;AAAA,cAEC,YAAY,EAAE,SAAS;AAAA,cACvB,QAAQ,QAAQ;AAAA,cAChB,aAAa;AAAA,cACb,WAAW;AAAA,cACX,MAAM;AAAA,cACN,UAAU,YAAY;AAAA,cACtB,UAAU,EAAE,SAAS,GAAG,aAAa;AAAA;AAAA,YAPhC;AAAA,UAQP;AAAA,QACF;AAAA,MACF;AAEA,aACE,4CAAC,OAAK,GAAG,cAAc,SACpB,iBACH;AAAA,IAEJ;AAAA,IACA,CAAC,SAAS,SAAS;AAAA,EACrB;AAEA,QAAM,iBAAiB,UAAU;AAEjC,QAAM,QAAQ,EAAE,GAAG,OAAO,iBAAiB,kBAAkB;AAE7D,SACE,4CAAC,YAAS,OACR;AAAA,IAAC;AAAA;AAAA,MACE,GAAG,cAAc;AAAA,QAChB,UAAU;AAAA,QACV;AAAA,MACF,CAAC;AAAA,MAEA;AAAA;AAAA,EACH,GACF;AAEJ;AAEA,MAAM,SAAS;AACf,MAAM,OAAO;AAGb,IAAO,gBAAQ;",
   "names": []
 }

package/dist/cjs/components/TableBody.js

@@ -31,13 +31,8 @@ module.exports = __toCommonJS(TableBody_exports);
 var React = __toESM(require("react"));
 var import_jsx_runtime = require("react/jsx-runtime");
 var import_react = require("react");
-var import_tableContext = require("./tableContext");
-const TableBody = (0, import_react.memo)(({
-  rows,
-  noResultsPlaceholder = "No data",
-  isPlaceholderActive = false,
-  ...props
-}) => {
+var import_tableContext = require("./tableContext.js");
+const TableBody = (0, import_react.memo)(({ rows, noResultsPlaceholder = "No data", isPlaceholderActive = false, ...props }) => {
   const {
     refs,
     decoratedColumns,

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/TableBody.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["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", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADqBnB;AArBJ,mBAAwC;AACxC,0BAA6B;AAE7B,MAAM,gBAAY,mBAAK,CAAC;AAAA,EACtB;AAAA,EACA,uBAAuB;AAAA,EACvB,sBAAsB;AAAA,KACnB;AACL,MAAM;AACJ,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA,oBAAoB;AAAA,IACpB;AAAA,IACA;AAAA,IACA,iBAAiB;AAAA,IACjB,OAAO,EAAE,QAAQ,gBAAgB,YAAY;AAAA,EAC/C,QAAI,yBAAW,gCAAY;AAE3B,QAAM,uBAAuB,UAAU,KAAK;AAC5C,SACE;AAAA,IAAC;AAAA;AAAA,MACC,YAAY,EAAE,SAAS,YAAY;AAAA,MAClC,GAAG,aAAa;AAAA,QACf,GAAG;AAAA,QACH,UAAU,KAAK;AAAA,QACf,cAAc,KAAK;AAAA,QACnB,MAAM,QAAQ,aAAa,QAAQ;AAAA,QACnC;AAAA,QACA;AAAA,QACA,SAAS;AAAA,QACT;AAAA,QACA;AAAA,QACA;AAAA,MACF,CAAC;AAAA,MACF;AAAA;AAAA,EAED;AAEJ,CAAC;AAGD,IAAO,oBAAQ;",
+  "sourcesContent": ["import React, { useContext, memo } from 'react';\nimport { TableContext } from './tableContext.js';\n\nconst TableBody = memo(({ rows, noResultsPlaceholder = 'No data', isPlaceholderActive = false, ...props }) => {\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", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADgBnB;AAhBJ,mBAAwC;AACxC,0BAA6B;AAE7B,MAAM,gBAAY,mBAAK,CAAC,EAAE,MAAM,uBAAuB,WAAW,sBAAsB,UAAU,MAAM,MAAM;AAC5G,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA,oBAAoB;AAAA,IACpB;AAAA,IACA;AAAA,IACA,iBAAiB;AAAA,IACjB,OAAO,EAAE,QAAQ,gBAAgB,YAAY;AAAA,EAC/C,QAAI,yBAAW,gCAAY;AAE3B,QAAM,uBAAuB,UAAU,KAAK;AAC5C,SACE;AAAA,IAAC;AAAA;AAAA,MACC,YAAY,EAAE,SAAS,YAAY;AAAA,MAClC,GAAG,aAAa;AAAA,QACf,GAAG;AAAA,QACH,UAAU,KAAK;AAAA,QACf,cAAc,KAAK;AAAA,QACnB,MAAM,QAAQ,aAAa,QAAQ;AAAA,QACnC;AAAA,QACA;AAAA,QACA,SAAS;AAAA,QACT;AAAA,QACA;AAAA,QACA;AAAA,MACF,CAAC;AAAA,MACF;AAAA;AAAA,EAED;AAEJ,CAAC;AAGD,IAAO,oBAAQ;",
   "names": []
 }

package/dist/cjs/components/TableHeader.js

@@ -31,7 +31,7 @@ module.exports = __toCommonJS(TableHeader_exports);
 var React = __toESM(require("react"));
 var import_jsx_runtime = require("react/jsx-runtime");
 var import_react = require("react");
-var import_tableContext = require("./tableContext");
+var import_tableContext = require("./tableContext.js");
 const TableHeader = (props) => {
   const {
     decoratedRenderers: renderers,

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/TableHeader.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["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", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADcnB;AAdJ,mBAAkC;AAClC,0BAA6B;AAE7B,MAAM,cAAc,CAAC,UAAS;AAC5B,QAAM;AAAA,IACJ,oBAAoB;AAAA,IACpB,kBAAkB;AAAA,IAClB;AAAA,IACA;AAAA,IACA;AAAA,EACF,QAAI,yBAAW,gCAAY;AAE3B,QAAM,gBAAgB,UAAU,OAAO;AACvC,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAG,eAAe;AAAA,QACjB,GAAG;AAAA,QACH,UAAU,KAAK;AAAA,MACjB,CAAC;AAAA,MAEA,4BAAkB,SAAS,CAAC,CAAC;AAAA;AAAA,EAChC;AAEJ;AAGA,IAAO,sBAAQ;",
+  "sourcesContent": ["import React, { useContext } from 'react';\nimport { TableContext } from './tableContext.js';\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", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADcnB;AAdJ,mBAAkC;AAClC,0BAA6B;AAE7B,MAAM,cAAc,CAAC,UAAU;AAC7B,QAAM;AAAA,IACJ,oBAAoB;AAAA,IACpB,kBAAkB;AAAA,IAClB;AAAA,IACA;AAAA,IACA;AAAA,EACF,QAAI,yBAAW,gCAAY;AAE3B,QAAM,gBAAgB,UAAU,OAAO;AACvC,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAG,eAAe;AAAA,QACjB,GAAG;AAAA,QACH,UAAU,KAAK;AAAA,MACjB,CAAC;AAAA,MAEA,4BAAkB,SAAS,CAAC,CAAC;AAAA;AAAA,EAChC;AAEJ;AAGA,IAAO,sBAAQ;",
   "names": []
 }

package/dist/cjs/components/footer/addOptionalFooterComponents.js

@@ -30,7 +30,7 @@ __export(addOptionalFooterComponents_exports, {
 module.exports = __toCommonJS(addOptionalFooterComponents_exports);
 var React = __toESM(require("react"));
 var import_jsx_runtime = require("react/jsx-runtime");
-var import_Pagination = require("../../plugins/pagination/components/Pagination");
+var import_Pagination = require("../../plugins/pagination/components/Pagination.js");
 const addOptionalFooterComponents = ({ grid, rows }) => {
   const {
     props: { maxPerPage, minPerPage, paginated, paginationStep },

package/dist/cjs/components/footer/addOptionalFooterComponents.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/components/footer/addOptionalFooterComponents.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import React from 'react';\nimport { Pagination } from '../../plugins/pagination/components/Pagination';\n\nconst addOptionalFooterComponents = ({ grid, rows }) => {\n  const {\n    props: { maxPerPage, minPerPage, paginated, paginationStep },\n    state: { pagination },\n    actions: { onPerPage, onPageSelect },\n  } = grid;\n  if (!paginated) return null;\n  return (\n    <>\n      <Pagination\n        maxPerPage={maxPerPage}\n        minPerPage={minPerPage}\n        onPageSelect={onPageSelect}\n        onPerPage={onPerPage}\n        paginationStep={paginationStep}\n        paginated={rows}\n        pagination={pagination}\n      />\n    </>\n  );\n};\n\nexport { addOptionalFooterComponents };\nexport default addOptionalFooterComponents;\n", "import * as React from 'react';\nexport { React };\n"],
+  "sourcesContent": ["import React from 'react';\nimport { Pagination } from '../../plugins/pagination/components/Pagination.js';\n\nconst addOptionalFooterComponents = ({ grid, rows }) => {\n  const {\n    props: { maxPerPage, minPerPage, paginated, paginationStep },\n    state: { pagination },\n    actions: { onPerPage, onPageSelect },\n  } = grid;\n  if (!paginated) return null;\n  return (\n    <>\n      <Pagination\n        maxPerPage={maxPerPage}\n        minPerPage={minPerPage}\n        onPageSelect={onPageSelect}\n        onPerPage={onPerPage}\n        paginationStep={paginationStep}\n        paginated={rows}\n        pagination={pagination}\n      />\n    </>\n  );\n};\n\nexport { addOptionalFooterComponents };\nexport default addOptionalFooterComponents;\n", "import * as React from 'react';\nexport { React };\n"],
   "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADWnB;AAVJ,wBAA2B;AAE3B,MAAM,8BAA8B,CAAC,EAAE,MAAM,KAAK,MAAM;AACtD,QAAM;AAAA,IACJ,OAAO,EAAE,YAAY,YAAY,WAAW,eAAe;AAAA,IAC3D,OAAO,EAAE,WAAW;AAAA,IACpB,SAAS,EAAE,WAAW,aAAa;AAAA,EACrC,IAAI;AACJ,MAAI,CAAC;AAAW,WAAO;AACvB,SACE,2EACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,WAAW;AAAA,MACX;AAAA;AAAA,EACF,GACF;AAEJ;AAGA,IAAO,sCAAQ;",
   "names": []
 }

package/dist/cjs/components/index.js

@@ -32,9 +32,9 @@ __export(components_exports, {
 });
 module.exports = __toCommonJS(components_exports);
 var React = __toESM(require("react"));
-var import_HeaderCell = __toESM(require("./HeaderCell"));
-var import_BodyCell = __toESM(require("./BodyCell"));
-var import_TableBody = __toESM(require("./TableBody"));
-var import_TableHeader = __toESM(require("./TableHeader"));
-var import_Table = __toESM(require("./Table"));
+var import_HeaderCell = __toESM(require("./HeaderCell.js"));
+var import_BodyCell = __toESM(require("./BodyCell.js"));
+var import_TableBody = __toESM(require("./TableBody.js"));
+var import_TableHeader = __toESM(require("./TableHeader.js"));
+var import_Table = __toESM(require("./Table.js"));
 //# sourceMappingURL=index.js.map

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/index.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["export { default as HeaderCell } from './HeaderCell';\nexport { default as BodyCell } from './BodyCell';\nexport { default as TableBody } from './TableBody';\nexport { default as TableHeader } from './TableHeader';\nexport { default as Table } from './Table';\n", "import * as React from 'react';\nexport { React };\n"],
+  "sourcesContent": ["export { default as HeaderCell } from './HeaderCell.js';\nexport { default as BodyCell } from './BodyCell.js';\nexport { default as TableBody } from './TableBody.js';\nexport { default as TableHeader } from './TableHeader.js';\nexport { default as Table } from './Table.js';\n", "import * as React from 'react';\nexport { React };\n"],
   "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,wBAAsC;AACtC,sBAAoC;AACpC,uBAAqC;AACrC,yBAAuC;AACvC,mBAAiC;",
   "names": []
 }

package/dist/cjs/components/renderers/defaultClassedRenderers.js

@@ -38,46 +38,26 @@ __export(defaultClassedRenderers_exports, {
 module.exports = __toCommonJS(defaultClassedRenderers_exports);
 var React = __toESM(require("react"));
 var import_ds_classnames = require("@elliemae/ds-classnames");
-var import_blockNames = require("../../blockNames");
-const NoResultsContainer = (0, import_ds_classnames.aggregatedClasses)("div")(
-  `${import_blockNames.dataGridBlockName}-no-results`
-);
-const SpinnerContainer = (0, import_ds_classnames.aggregatedClasses)("div")(
-  `${import_blockNames.dataGridBlockName}-spinner`
-);
-const DatagridWrapper = (0, import_ds_classnames.aggregatedClasses)("div")(
-  `${import_blockNames.dataGridBlockName}-wrapper`,
-  null,
-  ({ fluidHeight }) => ({
-    fluid: fluidHeight
-  })
-);
+var import_blockNames = require("../../blockNames.js");
+const NoResultsContainer = (0, import_ds_classnames.aggregatedClasses)("div")(`${import_blockNames.dataGridBlockName}-no-results`);
+const SpinnerContainer = (0, import_ds_classnames.aggregatedClasses)("div")(`${import_blockNames.dataGridBlockName}-spinner`);
+const DatagridWrapper = (0, import_ds_classnames.aggregatedClasses)("div")(`${import_blockNames.dataGridBlockName}-wrapper`, null, ({ fluidHeight }) => ({
+  fluid: fluidHeight
+}));
 const TableWrapper = (0, import_ds_classnames.aggregatedClasses)("div")(import_blockNames.dataGridBlockName);
 const HeaderWrapper = (0, import_ds_classnames.aggregatedClasses)("div")(import_blockNames.headerBlockName);
 const HeaderRow = (0, import_ds_classnames.aggregatedClasses)("div")(import_blockNames.headerBlockName, "row");
-const HeaderCell = (0, import_ds_classnames.aggregatedClasses)("div")(
-  import_blockNames.headerBlockName,
-  "cell",
-  ({ wrapText }) => ({
-    wrapText
-  })
-);
-const BodyWrapper = (0, import_ds_classnames.aggregatedClasses)("div")(
-  import_blockNames.bodyBlockName,
-  null,
-  ({ grouped }) => ({
-    "ie-flex-basis-auto": true,
-    "is-grouped": grouped
-  })
-);
+const HeaderCell = (0, import_ds_classnames.aggregatedClasses)("div")(import_blockNames.headerBlockName, "cell", ({ wrapText }) => ({
+  wrapText
+}));
+const BodyWrapper = (0, import_ds_classnames.aggregatedClasses)("div")(import_blockNames.bodyBlockName, null, ({ grouped }) => ({
+  "ie-flex-basis-auto": true,
+  "is-grouped": grouped
+}));
 const BodyRow = (0, import_ds_classnames.aggregatedClasses)("div", {
   "data-testid": "datagrid-row"
 })(import_blockNames.bodyBlockName, "row");
-const BodyCell = (0, import_ds_classnames.aggregatedClasses)("div")(
-  import_blockNames.bodyBlockName,
-  "cell",
-  ({ wrapText }) => ({
-    wrapText
-  })
-);
+const BodyCell = (0, import_ds_classnames.aggregatedClasses)("div")(import_blockNames.bodyBlockName, "cell", ({ wrapText }) => ({
+  wrapText
+}));
 //# sourceMappingURL=defaultClassedRenderers.js.map

package/dist/cjs/components/renderers/defaultClassedRenderers.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/components/renderers/defaultClassedRenderers.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import { aggregatedClasses } from '@elliemae/ds-classnames';\nimport {\n  bodyBlockName,\n  dataGridBlockName,\n  headerBlockName,\n} from '../../blockNames';\n\nexport const NoResultsContainer = aggregatedClasses('div')(\n  `${dataGridBlockName}-no-results`,\n);\nexport const SpinnerContainer = aggregatedClasses('div')(\n  `${dataGridBlockName}-spinner`,\n);\nexport const DatagridWrapper = aggregatedClasses('div')(\n  `${dataGridBlockName}-wrapper`,\n  null,\n  ({ fluidHeight }) => ({\n    fluid: fluidHeight,\n  }),\n);\n\nexport const TableWrapper = aggregatedClasses('div')(dataGridBlockName);\nexport const HeaderWrapper = aggregatedClasses('div')(headerBlockName);\nexport const HeaderRow = aggregatedClasses('div')(headerBlockName, 'row');\nexport const HeaderCell = aggregatedClasses('div')(\n  headerBlockName,\n  'cell',\n  ({ wrapText }) => ({\n    wrapText,\n  }),\n);\nexport const BodyWrapper = aggregatedClasses('div')(\n  bodyBlockName,\n  null,\n  ({ grouped }) => ({\n    'ie-flex-basis-auto': true,\n    'is-grouped': grouped,\n  }),\n);\nexport const BodyRow = aggregatedClasses('div', {\n  'data-testid': 'datagrid-row',\n})(bodyBlockName, 'row');\nexport const BodyCell = aggregatedClasses('div')(\n  bodyBlockName,\n  'cell',\n  ({ wrapText }) => ({\n    wrapText,\n  }),\n);\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,2BAAkC;AAClC,wBAIO;AAEA,MAAM,yBAAqB,wCAAkB,KAAK;AAAA,EACvD,GAAG;AACL;AACO,MAAM,uBAAmB,wCAAkB,KAAK;AAAA,EACrD,GAAG;AACL;AACO,MAAM,sBAAkB,wCAAkB,KAAK;AAAA,EACpD,GAAG;AAAA,EACH;AAAA,EACA,CAAC,EAAE,YAAY,OAAO;AAAA,IACpB,OAAO;AAAA,EACT;AACF;AAEO,MAAM,mBAAe,wCAAkB,KAAK,EAAE,mCAAiB;AAC/D,MAAM,oBAAgB,wCAAkB,KAAK,EAAE,iCAAe;AAC9D,MAAM,gBAAY,wCAAkB,KAAK,EAAE,mCAAiB,KAAK;AACjE,MAAM,iBAAa,wCAAkB,KAAK;AAAA,EAC/C;AAAA,EACA;AAAA,EACA,CAAC,EAAE,SAAS,OAAO;AAAA,IACjB;AAAA,EACF;AACF;AACO,MAAM,kBAAc,wCAAkB,KAAK;AAAA,EAChD;AAAA,EACA;AAAA,EACA,CAAC,EAAE,QAAQ,OAAO;AAAA,IAChB,sBAAsB;AAAA,IACtB,cAAc;AAAA,EAChB;AACF;AACO,MAAM,cAAU,wCAAkB,OAAO;AAAA,EAC9C,eAAe;AACjB,CAAC,EAAE,iCAAe,KAAK;AAChB,MAAM,eAAW,wCAAkB,KAAK;AAAA,EAC7C;AAAA,EACA;AAAA,EACA,CAAC,EAAE,SAAS,OAAO;AAAA,IACjB;AAAA,EACF;AACF;",
+  "sourcesContent": ["import { aggregatedClasses } from '@elliemae/ds-classnames';\nimport { bodyBlockName, dataGridBlockName, headerBlockName } from '../../blockNames.js';\n\nexport const NoResultsContainer = aggregatedClasses('div')(`${dataGridBlockName}-no-results`);\nexport const SpinnerContainer = aggregatedClasses('div')(`${dataGridBlockName}-spinner`);\nexport const DatagridWrapper = aggregatedClasses('div')(`${dataGridBlockName}-wrapper`, null, ({ fluidHeight }) => ({\n  fluid: fluidHeight,\n}));\n\nexport const TableWrapper = aggregatedClasses('div')(dataGridBlockName);\nexport const HeaderWrapper = aggregatedClasses('div')(headerBlockName);\nexport const HeaderRow = aggregatedClasses('div')(headerBlockName, 'row');\nexport const HeaderCell = aggregatedClasses('div')(headerBlockName, 'cell', ({ wrapText }) => ({\n  wrapText,\n}));\nexport const BodyWrapper = aggregatedClasses('div')(bodyBlockName, null, ({ grouped }) => ({\n  'ie-flex-basis-auto': true,\n  'is-grouped': grouped,\n}));\nexport const BodyRow = aggregatedClasses('div', {\n  'data-testid': 'datagrid-row',\n})(bodyBlockName, 'row');\nexport const BodyCell = aggregatedClasses('div')(bodyBlockName, 'cell', ({ wrapText }) => ({\n  wrapText,\n}));\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,2BAAkC;AAClC,wBAAkE;AAE3D,MAAM,yBAAqB,wCAAkB,KAAK,EAAE,GAAG,gDAA8B;AACrF,MAAM,uBAAmB,wCAAkB,KAAK,EAAE,GAAG,6CAA2B;AAChF,MAAM,sBAAkB,wCAAkB,KAAK,EAAE,GAAG,+CAA6B,MAAM,CAAC,EAAE,YAAY,OAAO;AAAA,EAClH,OAAO;AACT,EAAE;AAEK,MAAM,mBAAe,wCAAkB,KAAK,EAAE,mCAAiB;AAC/D,MAAM,oBAAgB,wCAAkB,KAAK,EAAE,iCAAe;AAC9D,MAAM,gBAAY,wCAAkB,KAAK,EAAE,mCAAiB,KAAK;AACjE,MAAM,iBAAa,wCAAkB,KAAK,EAAE,mCAAiB,QAAQ,CAAC,EAAE,SAAS,OAAO;AAAA,EAC7F;AACF,EAAE;AACK,MAAM,kBAAc,wCAAkB,KAAK,EAAE,iCAAe,MAAM,CAAC,EAAE,QAAQ,OAAO;AAAA,EACzF,sBAAsB;AAAA,EACtB,cAAc;AAChB,EAAE;AACK,MAAM,cAAU,wCAAkB,OAAO;AAAA,EAC9C,eAAe;AACjB,CAAC,EAAE,iCAAe,KAAK;AAChB,MAAM,eAAW,wCAAkB,KAAK,EAAE,iCAAe,QAAQ,CAAC,EAAE,SAAS,OAAO;AAAA,EACzF;AACF,EAAE;",
   "names": []
 }

package/dist/cjs/components/renderers/index.js

@@ -29,8 +29,8 @@ __export(renderers_exports, {
 });
 module.exports = __toCommonJS(renderers_exports);
 var React = __toESM(require("react"));
-var import_defaultClassedRenderers = require("./defaultClassedRenderers");
-var import_renderRowsLoader = require("./renderRowsLoader");
+var import_defaultClassedRenderers = require("./defaultClassedRenderers.js");
+var import_renderRowsLoader = require("./renderRowsLoader.js");
 const defaultRenderers = {
   table: import_defaultClassedRenderers.TableWrapper,
   header: {

package/dist/cjs/components/renderers/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/components/renderers/index.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import {\n  BodyCell,\n  BodyRow,\n  BodyWrapper,\n  HeaderCell,\n  HeaderRow,\n  HeaderWrapper,\n  TableWrapper,\n} from './defaultClassedRenderers';\n\nexport { renderRowsLoader } from './renderRowsLoader';\n\nexport const defaultRenderers = {\n  table: TableWrapper,\n  header: {\n    wrapper: HeaderWrapper,\n    row: HeaderRow,\n    cell: HeaderCell,\n  },\n  body: {\n    wrapper: BodyWrapper,\n    row: BodyRow,\n    cell: BodyCell,\n  },\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "sourcesContent": ["import {\n  BodyCell,\n  BodyRow,\n  BodyWrapper,\n  HeaderCell,\n  HeaderRow,\n  HeaderWrapper,\n  TableWrapper,\n} from './defaultClassedRenderers.js';\n\nexport { renderRowsLoader } from './renderRowsLoader.js';\n\nexport const defaultRenderers = {\n  table: TableWrapper,\n  header: {\n    wrapper: HeaderWrapper,\n    row: HeaderRow,\n    cell: HeaderCell,\n  },\n  body: {\n    wrapper: BodyWrapper,\n    row: BodyRow,\n    cell: BodyCell,\n  },\n};\n", "import * as React from 'react';\nexport { React };\n"],
   "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,qCAQO;AAEP,8BAAiC;AAE1B,MAAM,mBAAmB;AAAA,EAC9B,OAAO;AAAA,EACP,QAAQ;AAAA,IACN,SAAS;AAAA,IACT,KAAK;AAAA,IACL,MAAM;AAAA,EACR;AAAA,EACA,MAAM;AAAA,IACJ,SAAS;AAAA,IACT,KAAK;AAAA,IACL,MAAM;AAAA,EACR;AACF;",
   "names": []
 }

package/dist/cjs/components/renderers/renderRowsLoader.js

@@ -29,8 +29,6 @@ __export(renderRowsLoader_exports, {
 module.exports = __toCommonJS(renderRowsLoader_exports);
 var React = __toESM(require("react"));
 var import_jsx_runtime = require("react/jsx-runtime");
-var import_RowsLoader = require("../RowsLoader");
-const renderRowsLoader = () => {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_RowsLoader.RowsLoader, {});
-};
+var import_RowsLoader = require("../RowsLoader.js");
+const renderRowsLoader = () => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_RowsLoader.RowsLoader, {});
 //# sourceMappingURL=renderRowsLoader.js.map

package/dist/cjs/components/renderers/renderRowsLoader.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/components/renderers/renderRowsLoader.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import React from 'react';\nimport { RowsLoader } from '../RowsLoader';\n\nexport const renderRowsLoader = () => {\n  return <RowsLoader />;\n}\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADId;AAHT,wBAA2B;AAEpB,MAAM,mBAAmB,MAAM;AACpC,SAAO,4CAAC,gCAAW;AACrB;",
+  "sourcesContent": ["import React from 'react';\nimport { RowsLoader } from '../RowsLoader.js';\n\nexport const renderRowsLoader = () => <RowsLoader />;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADGe;AAFtC,wBAA2B;AAEpB,MAAM,mBAAmB,MAAM,4CAAC,gCAAW;",
   "names": []
 }

package/dist/cjs/defaultPlugins.js

@@ -28,14 +28,9 @@ __export(defaultPlugins_exports, {
 });
 module.exports = __toCommonJS(defaultPlugins_exports);
 var React = __toESM(require("react"));
-var import_body_header_scroll_sync = require("./plugins/body-header-scroll-sync");
-var import_resizable = require("./plugins/resizable");
-var import_custom_cell_renderer = require("./plugins/custom-cell-renderer");
-var import_column_sizing = require("./plugins/column-sizing");
-const defaultPlugins = [
-  import_body_header_scroll_sync.BodyHeaderScrollSyncPlugin,
-  import_resizable.ResizablePlugin,
-  import_custom_cell_renderer.CustomRendererPlugin,
-  import_column_sizing.ColumnSizingPlugin
-];
+var import_body_header_scroll_sync = require("./plugins/body-header-scroll-sync/index.js");
+var import_resizable = require("./plugins/resizable/index.js");
+var import_custom_cell_renderer = require("./plugins/custom-cell-renderer/index.js");
+var import_column_sizing = require("./plugins/column-sizing/index.js");
+const defaultPlugins = [import_body_header_scroll_sync.BodyHeaderScrollSyncPlugin, import_resizable.ResizablePlugin, import_custom_cell_renderer.CustomRendererPlugin, import_column_sizing.ColumnSizingPlugin];
 //# sourceMappingURL=defaultPlugins.js.map

package/dist/cjs/defaultPlugins.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/defaultPlugins.tsx", "../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import { BodyHeaderScrollSyncPlugin } from './plugins/body-header-scroll-sync';\nimport { ResizablePlugin } from './plugins/resizable';\nimport { CustomRendererPlugin } from './plugins/custom-cell-renderer';\nimport { ColumnSizingPlugin } from './plugins/column-sizing';\n\nexport const defaultPlugins = [\n  BodyHeaderScrollSyncPlugin,\n  ResizablePlugin,\n  CustomRendererPlugin,\n  ColumnSizingPlugin,\n];\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,qCAA2C;AAC3C,uBAAgC;AAChC,kCAAqC;AACrC,2BAAmC;AAE5B,MAAM,iBAAiB;AAAA,EAC5B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;",
+  "sourcesContent": ["import { BodyHeaderScrollSyncPlugin } from './plugins/body-header-scroll-sync/index.js';\nimport { ResizablePlugin } from './plugins/resizable/index.js';\nimport { CustomRendererPlugin } from './plugins/custom-cell-renderer/index.js';\nimport { ColumnSizingPlugin } from './plugins/column-sizing/index.js';\n\nexport const defaultPlugins = [BodyHeaderScrollSyncPlugin, ResizablePlugin, CustomRendererPlugin, ColumnSizingPlugin];\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,qCAA2C;AAC3C,uBAAgC;AAChC,kCAAqC;AACrC,2BAAmC;AAE5B,MAAM,iBAAiB,CAAC,2DAA4B,kCAAiB,kDAAsB,uCAAkB;",
   "names": []
 }

package/dist/cjs/index.js

@@ -57,13 +57,13 @@ __export(src_exports, {
 });
 module.exports = __toCommonJS(src_exports);
 var React = __toESM(require("react"));
-var import_DSDataGrid = require("./DSDataGrid");
-var import_DSDataGrid2 = require("./DSDataGrid");
-var import_ColumnsOptionsMenuSection = require("./components/ColumnsOptionsMenuSection");
-var import_ColumnVisibilityMenuOption = require("./components/ColumnVisibilityMenuOption");
-var import_EmptyState = require("./components/EmptyState");
-var import_IconColumn = require("./columns/IconColumn");
-var import_plugins = require("./plugins");
-var import_rowSizes = require("./rowSizes");
-var import_renders = require("./renders");
+var import_DSDataGrid = require("./DSDataGrid.js");
+var import_DSDataGrid2 = require("./DSDataGrid.js");
+var import_ColumnsOptionsMenuSection = require("./components/ColumnsOptionsMenuSection.js");
+var import_ColumnVisibilityMenuOption = require("./components/ColumnVisibilityMenuOption.js");
+var import_EmptyState = require("./components/EmptyState.js");
+var import_IconColumn = require("./columns/IconColumn.js");
+var import_plugins = require("./plugins/index.js");
+var import_rowSizes = require("./rowSizes.js");
+var import_renders = require("./renders/index.js");
 //# sourceMappingURL=index.js.map

package/dist/cjs/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/index.tsx", "../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["export { DSDataGrid } from './DSDataGrid';\n\nexport { DSDataGridsWithSchema } from './DSDataGrid';\nexport { ColumnsOptionsMenuSection } from './components/ColumnsOptionsMenuSection';\n\nexport { getColumnVisibilityMenuOption } from './components/ColumnVisibilityMenuOption';\n\nexport { EmptyState } from './components/EmptyState';\n\nexport { IconColumn } from './columns/IconColumn';\n\nexport {\n  BodyHeaderScrollSyncPlugin,\n  DndColumnsPlugin,\n  ColumnSizingPlugin,\n  CustomRendererPlugin,\n  EditablePlugin,\n  ComboBox,\n  TextBox,\n  ExpandablePlugin,\n  ExpandableColumn,\n  FilterablePlugin,\n  InfiniteScrollPlugin,\n  PaginationPlugin,\n  ResizablePlugin,\n  DndRowsPlugin,\n  SelectablePlugin,\n  SortablePlugin,\n  ToolbarPlugin,\n  ExportDataPlugin,\n  VirtualizationPlugin,\n} from './plugins';\n\nexport { RowSizes, RowSizesOptions, RowSizesOptionsArr } from './rowSizes';\n\nexport { CellWithAddons, CellContainer } from './renders';\n", "import * as React from 'react';\nexport { React };\n"],
+  "sourcesContent": ["export { DSDataGrid } from './DSDataGrid.js';\n\nexport { DSDataGridsWithSchema } from './DSDataGrid.js';\nexport { ColumnsOptionsMenuSection } from './components/ColumnsOptionsMenuSection.js';\n\nexport { getColumnVisibilityMenuOption } from './components/ColumnVisibilityMenuOption.js';\n\nexport { EmptyState } from './components/EmptyState.js';\n\nexport { IconColumn } from './columns/IconColumn.js';\n\nexport {\n  BodyHeaderScrollSyncPlugin,\n  DndColumnsPlugin,\n  ColumnSizingPlugin,\n  CustomRendererPlugin,\n  EditablePlugin,\n  ComboBox,\n  TextBox,\n  ExpandablePlugin,\n  ExpandableColumn,\n  FilterablePlugin,\n  InfiniteScrollPlugin,\n  PaginationPlugin,\n  ResizablePlugin,\n  DndRowsPlugin,\n  SelectablePlugin,\n  SortablePlugin,\n  ToolbarPlugin,\n  ExportDataPlugin,\n  VirtualizationPlugin,\n} from './plugins/index.js';\n\nexport { RowSizes, RowSizesOptions, RowSizesOptionsArr } from './rowSizes.js';\n\nexport { CellWithAddons, CellContainer } from './renders/index.js';\n", "import * as React from 'react';\nexport { React };\n"],
   "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,wBAA2B;AAE3B,IAAAA,qBAAsC;AACtC,uCAA0C;AAE1C,wCAA8C;AAE9C,wBAA2B;AAE3B,wBAA2B;AAE3B,qBAoBO;AAEP,sBAA8D;AAE9D,qBAA8C;",
   "names": ["import_DSDataGrid"]
 }

package/dist/cjs/package.json

@@ -0,0 +1,7 @@
+{
+  "type": "commonjs",
+  "sideEffects": [
+    "*.css",
+    "*.scss"
+  ]
+}

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

@@ -32,10 +32,12 @@ var import_jsx_runtime = require("react/jsx-runtime");
 var import_react = require("react");
 var import_ds_utilities = require("@elliemae/ds-utilities");
 var import_ds_shared = require("@elliemae/ds-shared");
-var import_getScrollbarSize = require("../../utilities/getScrollbarSize");
+var import_getScrollbarSize = require("../../utilities/getScrollbarSize.js");
 const SCROLLBAR_WIDTH = (0, import_getScrollbarSize.getScrollbarWidth)(2);
-const HeaderSyncHoc = (Component) => (props) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_shared.ScrollSyncPane, { children: ({ registerPane }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Component, { ...props, innerRef: (0, import_ds_utilities.mergeRefs)(props.innerRef, registerPane) }) });
-const BodySyncHoc = (Component, notPaginated, grid) => ({
+const HeaderSyncHoc = (Component) => function(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_shared.ScrollSyncPane, { children: ({ registerPane }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Component, { ...props, innerRef: (0, import_ds_utilities.mergeRefs)(props.innerRef, registerPane) }) });
+};
+const BodySyncHoc = (Component, notPaginated, grid) => function({
   children,
   classProps,
   columns,
@@ -58,7 +60,7 @@ const BodySyncHoc = (Component, notPaginated, grid) => ({
   className,
   listComponent,
   ...rest
-}) => {
+}) {
   const t = (0, import_react.useRef)();
   const repositionToolbarBasedOnBodyScrollPosition = (SCROLLBAR_WIDTH2) => () => {
     grid.refs.body.current.style.setProperty(
@@ -107,20 +109,22 @@ const BodySyncHoc = (Component, notPaginated, grid) => ({
     }
   ) });
 };
-const TableSyncHoc = (Component) => (props) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-  import_ds_shared.ScrollSync,
-  {
-    proportional: false,
-    onScroll: (e) => {
-      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`
-      );
-    },
-    children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Component, { ...props })
-  }
-);
+const TableSyncHoc = (Component) => function(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_ds_shared.ScrollSync,
+    {
+      proportional: false,
+      onScroll: (e) => {
+        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`
+        );
+      },
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Component, { ...props })
+    }
+  );
+};
 const decorateRenderers = (renderers, grid) => {
   const HeaderWrapper = renderers.header.wrapper;
   const BodyWrapper = renderers.body.wrapper;

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/plugins/body-header-scroll-sync/BodyHeaderScrollSyncPlugin.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["/* 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, createInstancePlugin } from '@elliemae/ds-shared';\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", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADkBM;AAV7B,mBAAkD;AAClD,0BAA0B;AAC1B,uBAAiE;AACjE,8BAAkC;AAElC,MAAM,sBAAkB,2CAAkB,CAAC;AAE3C,MAAM,gBAAgB,CAAC,cAAc,CAAC,UAElC,4CAAC,mCACE,WAAC,EAAE,aAAa,MAAM,4CAAC,aAAW,GAAG,OAAO,cAAU,+BAAU,MAAM,UAAU,YAAY,GAAG,GAClG;AAEJ,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;AACL,MAAM;AACJ,QAAM,QAAI,qBAAO;AACjB,QAAM,6CAA6C,CAACA,qBAAoB,MAAM;AAC5E,SAAK,KAAK,KAAK,QAAQ,MAAM;AAAA,MAC3B;AAAA,MACA,GAAG,KAAK,KAAK,KAAK,QAAQ,cAAc,KAAK,KAAK,KAAK,QAAQ,aAAa;AAAA,IAC9E;AACA,SAAK,KAAK,KAAK,QAAQ,MAAM;AAAA,MAC3B;AAAA,MACA,GAAG,KAAK,KAAK,KAAK,QAAQ,cAAc,KAAK,KAAK,KAAK,QAAQ,aAAa;AAAA,IAC9E;AAAA,EACF;AACA,8BAAU,MAAM;AACd,eAAW,2CAA2C,CAAC,eAAe,GAAG,GAAG;AAAA,EAC9E,GAAG,CAAC,CAAC;AACL,8BAAU,MAAM;AACd,WAAO,iBAAiB,UAAU,2CAA2C,CAAC,eAAe,CAAC;AAC9F,WAAO,MAAM;AACX,aAAO,oBAAoB,UAAU,2CAA2C,CAAC,eAAe,CAAC;AAAA,IACnG;AAAA,EACF,CAAC;AACD,SACE,4CAAC,mCAAe,cACb,WAAC,EAAE,aAAa,MACf;AAAA,IAAC;AAAA;AAAA,MACC,KAAK;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MAEA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,cAAU,+BAAU,UAAU,cAAc,CAAC;AAAA,MAC5C,GAAG;AAAA;AAAA,EACN,GAEJ;AAEJ;AAEF,MAAM,eAAe,CAAC,cAAc,CAAC,UAEjC;AAAA,EAAC;AAAA;AAAA,IACC,cAAc;AAAA,IACd,UAAU,CAAC,MAAM;AACf,QAAE,OAAO,MAAM,YAAY,oBAAoB,GAAG,EAAE,OAAO,cAAc,EAAE,OAAO,aAAa,MAAM;AACrG,QAAE,OAAO,MAAM;AAAA,QACb;AAAA,QACA,GAAG,EAAE,OAAO,cAAc,EAAE,OAAO,aAAa;AAAA,MAClD;AAAA,IACF;AAAA,IAEA,sDAAC,aAAW,GAAG,OAAO;AAAA;AACxB;AAGJ,MAAM,oBAAoB,CAAC,WAAW,SAAS;AAC7C,QAAM,gBAAgB,UAAU,OAAO;AACvC,QAAM,cAAc,UAAU,KAAK;AACnC,QAAM,QAAQ,UAAU;AACxB,QAAM,EAAE,UAAU,IAAI,KAAK;AAE3B,YAAU,YAAQ,sBAAQ,MAAM,aAAa,KAAK,GAAG,CAAC,CAAC;AACvD,YAAU,OAAO,cAAU,sBAAQ,MAAM,cAAc,aAAa,GAAG,CAAC,CAAC;AACzE,YAAU,KAAK,cAAU,sBAAQ,MAAM,YAAY,aAAa,CAAC,WAAW,IAAI,GAAG,CAAC,CAAC;AAErF,SAAO;AACT;AAEO,MAAM,iCAA6B,uCAAqB,2BAA2B;AAAA,EACxF;AACF,CAAC;",
+  "sourcesContent": ["/* 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, createInstancePlugin } from '@elliemae/ds-shared';\nimport { getScrollbarWidth } from '../../utilities/getScrollbarSize.js';\n\nconst SCROLLBAR_WIDTH = getScrollbarWidth(2);\n\nconst HeaderSyncHoc = (Component) =>\n  function (props) {\n    return (\n      <ScrollSyncPane>\n        {({ registerPane }) => <Component {...props} innerRef={mergeRefs(props.innerRef, registerPane)} />}\n      </ScrollSyncPane>\n    );\n  };\nconst BodySyncHoc = (Component, notPaginated, grid) =>\n  function ({\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) =>\n  function (props) {\n    return (\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  };\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", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": "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",
   "names": ["SCROLLBAR_WIDTH"]
 }

package/dist/cjs/plugins/body-header-scroll-sync/index.js

@@ -28,5 +28,5 @@ __export(body_header_scroll_sync_exports, {
 });
 module.exports = __toCommonJS(body_header_scroll_sync_exports);
 var React = __toESM(require("react"));
-var import_BodyHeaderScrollSyncPlugin = require("./BodyHeaderScrollSyncPlugin");
+var import_BodyHeaderScrollSyncPlugin = require("./BodyHeaderScrollSyncPlugin.js");
 //# sourceMappingURL=index.js.map

package/dist/cjs/plugins/body-header-scroll-sync/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/plugins/body-header-scroll-sync/index.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["export { BodyHeaderScrollSyncPlugin } from './BodyHeaderScrollSyncPlugin';\n", "import * as React from 'react';\nexport { React };\n"],
+  "sourcesContent": ["export { BodyHeaderScrollSyncPlugin } from './BodyHeaderScrollSyncPlugin.js';\n", "import * as React from 'react';\nexport { React };\n"],
   "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,wCAA2C;",
   "names": []
 }

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

@@ -33,7 +33,7 @@ var import_react = require("react");
 var import_react_sortable_hoc = require("react-sortable-hoc");
 var import_ds_utilities = require("@elliemae/ds-utilities");
 var import_ds_shared = require("@elliemae/ds-shared");
-var import_decorateGridWithDndColumns = require("./decorateGridWithDndColumns");
+var import_decorateGridWithDndColumns = require("./decorateGridWithDndColumns.js");
 const keysToOmit = [
   "axis",
   "contentWindow",