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

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/components/RowsLoader.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "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"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "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"],
   "mappings": "AAAA,YAAY,WAAW;ACMnB;AALJ,SAAS,iBAAiB;AAC1B,SAAS,wBAAwB;AAE1B,MAAM,aAAa,CAAC,EAAE,OAAO,IAAI,MACtC,oBAAC,oBACC,8BAAC,aAAU,MAAY,GACzB;AAGF,IAAO,qBAAQ;",
   "names": []
 }

package/dist/esm/components/Table.js

@@ -1,11 +1,11 @@
 import * as React from "react";
 import { jsx } from "react/jsx-runtime";
 import { useCallback, useEffect } from "react";
-import { TableHeader } from "./TableHeader";
-import { TableBody } from "./TableBody";
-import { HeaderCell } from "./HeaderCell";
-import { BodyCell } from "./BodyCell";
-import { TableContext } from "./tableContext";
+import { TableHeader } from "./TableHeader.js";
+import { TableBody } from "./TableBody.js";
+import { HeaderCell } from "./HeaderCell.js";
+import { BodyCell } from "./BodyCell.js";
+import { TableContext } from "./tableContext.js";
 const { Provider } = TableContext;
 const Table = (props) => {
   const {

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

@@ -1,7 +1,7 @@
 {
   "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"],
+  "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.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"],
   "mappings": "AAAA,YAAY,WAAW;ACoCf;AAnCR,SAAgB,aAAsB,iBAAiB;AACvD,SAAS,mBAAmB;AAC5B,SAAS,iBAAiB;AAC1B,SAAS,kBAAkB;AAC3B,SAAS,gBAAgB;AACzB,SAAS,oBAAoB;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,YAAU,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,oBAAC,OAAK,GAAG,UAAW,iBAAM;AAAA,EACnC;AAEA,QAAM,kBAAkB;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,oBAAC,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,oBAAC,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/esm/components/TableBody.js

@@ -1,13 +1,8 @@
 import * as React from "react";
 import { jsx } from "react/jsx-runtime";
 import { useContext, memo } from "react";
-import { TableContext } from "./tableContext";
-const TableBody = memo(({
-  rows,
-  noResultsPlaceholder = "No data",
-  isPlaceholderActive = false,
-  ...props
-}) => {
+import { TableContext } from "./tableContext.js";
+const TableBody = memo(({ rows, noResultsPlaceholder = "No data", isPlaceholderActive = false, ...props }) => {
   const {
     refs,
     decoratedColumns,

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

@@ -1,7 +1,7 @@
 {
   "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,YAAY,WAAW;ACqBnB;AArBJ,SAAgB,YAAY,YAAY;AACxC,SAAS,oBAAoB;AAE7B,MAAM,YAAY,KAAK,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,IAAI,WAAW,YAAY;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 * as React from 'react';\nexport { React };\n", "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"],
+  "mappings": "AAAA,YAAY,WAAW;ACgBnB;AAhBJ,SAAgB,YAAY,YAAY;AACxC,SAAS,oBAAoB;AAE7B,MAAM,YAAY,KAAK,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,IAAI,WAAW,YAAY;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/esm/components/TableHeader.js

@@ -1,7 +1,7 @@
 import * as React from "react";
 import { jsx } from "react/jsx-runtime";
 import { useContext } from "react";
-import { TableContext } from "./tableContext";
+import { TableContext } from "./tableContext.js";
 const TableHeader = (props) => {
   const {
     decoratedRenderers: renderers,

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

@@ -1,7 +1,7 @@
 {
   "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,YAAY,WAAW;ACcnB;AAdJ,SAAgB,kBAAkB;AAClC,SAAS,oBAAoB;AAE7B,MAAM,cAAc,CAAC,UAAS;AAC5B,QAAM;AAAA,IACJ,oBAAoB;AAAA,IACpB,kBAAkB;AAAA,IAClB;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI,WAAW,YAAY;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 * as React from 'react';\nexport { React };\n", "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"],
+  "mappings": "AAAA,YAAY,WAAW;ACcnB;AAdJ,SAAgB,kBAAkB;AAClC,SAAS,oBAAoB;AAE7B,MAAM,cAAc,CAAC,UAAU;AAC7B,QAAM;AAAA,IACJ,oBAAoB;AAAA,IACpB,kBAAkB;AAAA,IAClB;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI,WAAW,YAAY;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/esm/components/footer/addOptionalFooterComponents.js

@@ -1,6 +1,6 @@
 import * as React from "react";
 import { Fragment, jsx } from "react/jsx-runtime";
-import { Pagination } from "../../plugins/pagination/components/Pagination";
+import { Pagination } from "../../plugins/pagination/components/Pagination.js";
 const addOptionalFooterComponents = ({ grid, rows }) => {
   const {
     props: { maxPerPage, minPerPage, paginated, paginationStep },

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/components/footer/addOptionalFooterComponents.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "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"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "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"],
   "mappings": "AAAA,YAAY,WAAW;ACWnB,mBACE,WADF;AAVJ,SAAS,kBAAkB;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,gCACE;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/esm/components/index.js

@@ -1,9 +1,9 @@
 import * as React from "react";
-import { default as default2 } from "./HeaderCell";
-import { default as default3 } from "./BodyCell";
-import { default as default4 } from "./TableBody";
-import { default as default5 } from "./TableHeader";
-import { default as default6 } from "./Table";
+import { default as default2 } from "./HeaderCell.js";
+import { default as default3 } from "./BodyCell.js";
+import { default as default4 } from "./TableBody.js";
+import { default as default5 } from "./TableHeader.js";
+import { default as default6 } from "./Table.js";
 export {
   default3 as BodyCell,
   default2 as HeaderCell,

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/components/index.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "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"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "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"],
   "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAoB,WAAXA,gBAA6B;AACtC,SAAoB,WAAXA,gBAA2B;AACpC,SAAoB,WAAXA,gBAA4B;AACrC,SAAoB,WAAXA,gBAA8B;AACvC,SAAoB,WAAXA,gBAAwB;",
   "names": ["default"]
 }

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

@@ -1,51 +1,27 @@
 import * as React from "react";
 import { aggregatedClasses } from "@elliemae/ds-classnames";
-import {
-  bodyBlockName,
-  dataGridBlockName,
-  headerBlockName
-} from "../../blockNames";
-const NoResultsContainer = aggregatedClasses("div")(
-  `${dataGridBlockName}-no-results`
-);
-const SpinnerContainer = aggregatedClasses("div")(
-  `${dataGridBlockName}-spinner`
-);
-const DatagridWrapper = aggregatedClasses("div")(
-  `${dataGridBlockName}-wrapper`,
-  null,
-  ({ fluidHeight }) => ({
-    fluid: fluidHeight
-  })
-);
+import { bodyBlockName, dataGridBlockName, headerBlockName } from "../../blockNames.js";
+const NoResultsContainer = aggregatedClasses("div")(`${dataGridBlockName}-no-results`);
+const SpinnerContainer = aggregatedClasses("div")(`${dataGridBlockName}-spinner`);
+const DatagridWrapper = aggregatedClasses("div")(`${dataGridBlockName}-wrapper`, null, ({ fluidHeight }) => ({
+  fluid: fluidHeight
+}));
 const TableWrapper = aggregatedClasses("div")(dataGridBlockName);
 const HeaderWrapper = aggregatedClasses("div")(headerBlockName);
 const HeaderRow = aggregatedClasses("div")(headerBlockName, "row");
-const HeaderCell = aggregatedClasses("div")(
-  headerBlockName,
-  "cell",
-  ({ wrapText }) => ({
-    wrapText
-  })
-);
-const BodyWrapper = aggregatedClasses("div")(
-  bodyBlockName,
-  null,
-  ({ grouped }) => ({
-    "ie-flex-basis-auto": true,
-    "is-grouped": grouped
-  })
-);
+const HeaderCell = aggregatedClasses("div")(headerBlockName, "cell", ({ wrapText }) => ({
+  wrapText
+}));
+const BodyWrapper = aggregatedClasses("div")(bodyBlockName, null, ({ grouped }) => ({
+  "ie-flex-basis-auto": true,
+  "is-grouped": grouped
+}));
 const BodyRow = aggregatedClasses("div", {
   "data-testid": "datagrid-row"
 })(bodyBlockName, "row");
-const BodyCell = aggregatedClasses("div")(
-  bodyBlockName,
-  "cell",
-  ({ wrapText }) => ({
-    wrapText
-  })
-);
+const BodyCell = aggregatedClasses("div")(bodyBlockName, "cell", ({ wrapText }) => ({
+  wrapText
+}));
 export {
   BodyCell,
   BodyRow,

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/components/renderers/defaultClassedRenderers.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "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"],
-  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,yBAAyB;AAClC;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEA,MAAM,qBAAqB,kBAAkB,KAAK;AAAA,EACvD,GAAG;AACL;AACO,MAAM,mBAAmB,kBAAkB,KAAK;AAAA,EACrD,GAAG;AACL;AACO,MAAM,kBAAkB,kBAAkB,KAAK;AAAA,EACpD,GAAG;AAAA,EACH;AAAA,EACA,CAAC,EAAE,YAAY,OAAO;AAAA,IACpB,OAAO;AAAA,EACT;AACF;AAEO,MAAM,eAAe,kBAAkB,KAAK,EAAE,iBAAiB;AAC/D,MAAM,gBAAgB,kBAAkB,KAAK,EAAE,eAAe;AAC9D,MAAM,YAAY,kBAAkB,KAAK,EAAE,iBAAiB,KAAK;AACjE,MAAM,aAAa,kBAAkB,KAAK;AAAA,EAC/C;AAAA,EACA;AAAA,EACA,CAAC,EAAE,SAAS,OAAO;AAAA,IACjB;AAAA,EACF;AACF;AACO,MAAM,cAAc,kBAAkB,KAAK;AAAA,EAChD;AAAA,EACA;AAAA,EACA,CAAC,EAAE,QAAQ,OAAO;AAAA,IAChB,sBAAsB;AAAA,IACtB,cAAc;AAAA,EAChB;AACF;AACO,MAAM,UAAU,kBAAkB,OAAO;AAAA,EAC9C,eAAe;AACjB,CAAC,EAAE,eAAe,KAAK;AAChB,MAAM,WAAW,kBAAkB,KAAK;AAAA,EAC7C;AAAA,EACA;AAAA,EACA,CAAC,EAAE,SAAS,OAAO;AAAA,IACjB;AAAA,EACF;AACF;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "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"],
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,yBAAyB;AAClC,SAAS,eAAe,mBAAmB,uBAAuB;AAE3D,MAAM,qBAAqB,kBAAkB,KAAK,EAAE,GAAG,8BAA8B;AACrF,MAAM,mBAAmB,kBAAkB,KAAK,EAAE,GAAG,2BAA2B;AAChF,MAAM,kBAAkB,kBAAkB,KAAK,EAAE,GAAG,6BAA6B,MAAM,CAAC,EAAE,YAAY,OAAO;AAAA,EAClH,OAAO;AACT,EAAE;AAEK,MAAM,eAAe,kBAAkB,KAAK,EAAE,iBAAiB;AAC/D,MAAM,gBAAgB,kBAAkB,KAAK,EAAE,eAAe;AAC9D,MAAM,YAAY,kBAAkB,KAAK,EAAE,iBAAiB,KAAK;AACjE,MAAM,aAAa,kBAAkB,KAAK,EAAE,iBAAiB,QAAQ,CAAC,EAAE,SAAS,OAAO;AAAA,EAC7F;AACF,EAAE;AACK,MAAM,cAAc,kBAAkB,KAAK,EAAE,eAAe,MAAM,CAAC,EAAE,QAAQ,OAAO;AAAA,EACzF,sBAAsB;AAAA,EACtB,cAAc;AAChB,EAAE;AACK,MAAM,UAAU,kBAAkB,OAAO;AAAA,EAC9C,eAAe;AACjB,CAAC,EAAE,eAAe,KAAK;AAChB,MAAM,WAAW,kBAAkB,KAAK,EAAE,eAAe,QAAQ,CAAC,EAAE,SAAS,OAAO;AAAA,EACzF;AACF,EAAE;",
   "names": []
 }

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

@@ -7,8 +7,8 @@ import {
   HeaderRow,
   HeaderWrapper,
   TableWrapper
-} from "./defaultClassedRenderers";
-import { renderRowsLoader } from "./renderRowsLoader";
+} from "./defaultClassedRenderers.js";
+import { renderRowsLoader } from "./renderRowsLoader.js";
 const defaultRenderers = {
   table: TableWrapper,
   header: {

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/components/renderers/index.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "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"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "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"],
   "mappings": "AAAA,YAAY,WAAW;ACAvB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEP,SAAS,wBAAwB;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/esm/components/renderers/renderRowsLoader.js

@@ -1,9 +1,7 @@
 import * as React from "react";
 import { jsx } from "react/jsx-runtime";
-import { RowsLoader } from "../RowsLoader";
-const renderRowsLoader = () => {
-  return /* @__PURE__ */ jsx(RowsLoader, {});
-};
+import { RowsLoader } from "../RowsLoader.js";
+const renderRowsLoader = () => /* @__PURE__ */ jsx(RowsLoader, {});
 export {
   renderRowsLoader
 };

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/components/renderers/renderRowsLoader.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { RowsLoader } from '../RowsLoader';\n\nexport const renderRowsLoader = () => {\n  return <RowsLoader />;\n}\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACId;AAHT,SAAS,kBAAkB;AAEpB,MAAM,mBAAmB,MAAM;AACpC,SAAO,oBAAC,cAAW;AACrB;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { RowsLoader } from '../RowsLoader.js';\n\nexport const renderRowsLoader = () => <RowsLoader />;\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACGe;AAFtC,SAAS,kBAAkB;AAEpB,MAAM,mBAAmB,MAAM,oBAAC,cAAW;",
   "names": []
 }

package/dist/esm/defaultPlugins.js

@@ -1,14 +1,9 @@
 import * as React from "react";
-import { BodyHeaderScrollSyncPlugin } from "./plugins/body-header-scroll-sync";
-import { ResizablePlugin } from "./plugins/resizable";
-import { CustomRendererPlugin } from "./plugins/custom-cell-renderer";
-import { ColumnSizingPlugin } from "./plugins/column-sizing";
-const defaultPlugins = [
-  BodyHeaderScrollSyncPlugin,
-  ResizablePlugin,
-  CustomRendererPlugin,
-  ColumnSizingPlugin
-];
+import { BodyHeaderScrollSyncPlugin } from "./plugins/body-header-scroll-sync/index.js";
+import { ResizablePlugin } from "./plugins/resizable/index.js";
+import { CustomRendererPlugin } from "./plugins/custom-cell-renderer/index.js";
+import { ColumnSizingPlugin } from "./plugins/column-sizing/index.js";
+const defaultPlugins = [BodyHeaderScrollSyncPlugin, ResizablePlugin, CustomRendererPlugin, ColumnSizingPlugin];
 export {
   defaultPlugins
 };

package/dist/esm/defaultPlugins.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/defaultPlugins.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "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"],
-  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,kCAAkC;AAC3C,SAAS,uBAAuB;AAChC,SAAS,4BAA4B;AACrC,SAAS,0BAA0B;AAE5B,MAAM,iBAAiB;AAAA,EAC5B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "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"],
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,kCAAkC;AAC3C,SAAS,uBAAuB;AAChC,SAAS,4BAA4B;AACrC,SAAS,0BAA0B;AAE5B,MAAM,iBAAiB,CAAC,4BAA4B,iBAAiB,sBAAsB,kBAAkB;",
   "names": []
 }

package/dist/esm/index.js

@@ -1,10 +1,10 @@
 import * as React from "react";
-import { DSDataGrid } from "./DSDataGrid";
-import { DSDataGridsWithSchema } from "./DSDataGrid";
-import { ColumnsOptionsMenuSection } from "./components/ColumnsOptionsMenuSection";
-import { getColumnVisibilityMenuOption } from "./components/ColumnVisibilityMenuOption";
-import { EmptyState } from "./components/EmptyState";
-import { IconColumn } from "./columns/IconColumn";
+import { DSDataGrid } from "./DSDataGrid.js";
+import { DSDataGridsWithSchema } from "./DSDataGrid.js";
+import { ColumnsOptionsMenuSection } from "./components/ColumnsOptionsMenuSection.js";
+import { getColumnVisibilityMenuOption } from "./components/ColumnVisibilityMenuOption.js";
+import { EmptyState } from "./components/EmptyState.js";
+import { IconColumn } from "./columns/IconColumn.js";
 import {
   BodyHeaderScrollSyncPlugin,
   DndColumnsPlugin,
@@ -25,9 +25,9 @@ import {
   ToolbarPlugin,
   ExportDataPlugin,
   VirtualizationPlugin
-} from "./plugins";
-import { RowSizes, RowSizesOptions, RowSizesOptionsArr } from "./rowSizes";
-import { CellWithAddons, CellContainer } from "./renders";
+} from "./plugins/index.js";
+import { RowSizes, RowSizesOptions, RowSizesOptionsArr } from "./rowSizes.js";
+import { CellWithAddons, CellContainer } from "./renders/index.js";
 export {
   BodyHeaderScrollSyncPlugin,
   CellContainer,

package/dist/esm/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/index.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "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"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "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"],
   "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,kBAAkB;AAE3B,SAAS,6BAA6B;AACtC,SAAS,iCAAiC;AAE1C,SAAS,qCAAqC;AAE9C,SAAS,kBAAkB;AAE3B,SAAS,kBAAkB;AAE3B;AAAA,EACE;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,OACK;AAEP,SAAS,UAAU,iBAAiB,0BAA0B;AAE9D,SAAS,gBAAgB,qBAAqB;",
   "names": []
 }

package/dist/esm/package.json

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

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

@@ -3,10 +3,12 @@ import { jsx } from "react/jsx-runtime";
 import { useMemo, useRef, useEffect } from "react";
 import { mergeRefs } from "@elliemae/ds-utilities";
 import { ScrollSync, ScrollSyncPane, createInstancePlugin } from "@elliemae/ds-shared";
-import { getScrollbarWidth } from "../../utilities/getScrollbarSize";
+import { getScrollbarWidth } from "../../utilities/getScrollbarSize.js";
 const SCROLLBAR_WIDTH = getScrollbarWidth(2);
-const HeaderSyncHoc = (Component) => (props) => /* @__PURE__ */ jsx(ScrollSyncPane, { children: ({ registerPane }) => /* @__PURE__ */ jsx(Component, { ...props, innerRef: mergeRefs(props.innerRef, registerPane) }) });
-const BodySyncHoc = (Component, notPaginated, grid) => ({
+const HeaderSyncHoc = (Component) => function(props) {
+  return /* @__PURE__ */ jsx(ScrollSyncPane, { children: ({ registerPane }) => /* @__PURE__ */ jsx(Component, { ...props, innerRef: mergeRefs(props.innerRef, registerPane) }) });
+};
+const BodySyncHoc = (Component, notPaginated, grid) => function({
   children,
   classProps,
   columns,
@@ -29,7 +31,7 @@ const BodySyncHoc = (Component, notPaginated, grid) => ({
   className,
   listComponent,
   ...rest
-}) => {
+}) {
   const t = useRef();
   const repositionToolbarBasedOnBodyScrollPosition = (SCROLLBAR_WIDTH2) => () => {
     grid.refs.body.current.style.setProperty(
@@ -78,20 +80,22 @@ const BodySyncHoc = (Component, notPaginated, grid) => ({
     }
   ) });
 };
-const TableSyncHoc = (Component) => (props) => /* @__PURE__ */ jsx(
-  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__ */ jsx(Component, { ...props })
-  }
-);
+const TableSyncHoc = (Component) => function(props) {
+  return /* @__PURE__ */ jsx(
+    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__ */ jsx(Component, { ...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

@@ -1,7 +1,7 @@
 {
   "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, 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"],
-  "mappings": "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",
+  "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, 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"],
+  "mappings": "AAAA,YAAY,WAAW;ACmBQ;AAX/B,SAAgB,SAAS,QAAQ,iBAAiB;AAClD,SAAS,iBAAiB;AAC1B,SAAS,YAAY,gBAAgB,4BAA4B;AACjE,SAAS,yBAAyB;AAElC,MAAM,kBAAkB,kBAAkB,CAAC;AAE3C,MAAM,gBAAgB,CAAC,cACrB,SAAU,OAAO;AACf,SACE,oBAAC,kBACE,WAAC,EAAE,aAAa,MAAM,oBAAC,aAAW,GAAG,OAAO,UAAU,UAAU,MAAM,UAAU,YAAY,GAAG,GAClG;AAEJ;AACF,MAAM,cAAc,CAAC,WAAW,cAAc,SAC5C,SAAU;AAAA,EACR;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,GAAG;AACD,QAAM,IAAI,OAAO;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,YAAU,MAAM;AACd,eAAW,2CAA2C,CAAC,eAAe,GAAG,GAAG;AAAA,EAC9E,GAAG,CAAC,CAAC;AACL,YAAU,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,oBAAC,kBAAe,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,UAAU,UAAU,UAAU,cAAc,CAAC;AAAA,MAC5C,GAAG;AAAA;AAAA,EACN,GAEJ;AAEJ;AAEF,MAAM,eAAe,CAAC,cACpB,SAAU,OAAO;AACf,SACE;AAAA,IAAC;AAAA;AAAA,MACC,cAAc;AAAA,MACd,UAAU,CAAC,MAAM;AACf,UAAE,OAAO,MAAM,YAAY,oBAAoB,GAAG,EAAE,OAAO,cAAc,EAAE,OAAO,aAAa,MAAM;AACrG,UAAE,OAAO,MAAM;AAAA,UACb;AAAA,UACA,GAAG,EAAE,OAAO,cAAc,EAAE,OAAO,aAAa;AAAA,QAClD;AAAA,MACF;AAAA,MAEA,8BAAC,aAAW,GAAG,OAAO;AAAA;AAAA,EACxB;AAEJ;AAEF,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,QAAQ,QAAQ,MAAM,aAAa,KAAK,GAAG,CAAC,CAAC;AACvD,YAAU,OAAO,UAAU,QAAQ,MAAM,cAAc,aAAa,GAAG,CAAC,CAAC;AACzE,YAAU,KAAK,UAAU,QAAQ,MAAM,YAAY,aAAa,CAAC,WAAW,IAAI,GAAG,CAAC,CAAC;AAErF,SAAO;AACT;AAEO,MAAM,6BAA6B,qBAAqB,2BAA2B;AAAA,EACxF;AACF,CAAC;",
   "names": ["SCROLLBAR_WIDTH"]
 }

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

@@ -1,5 +1,5 @@
 import * as React from "react";
-import { BodyHeaderScrollSyncPlugin } from "./BodyHeaderScrollSyncPlugin";
+import { BodyHeaderScrollSyncPlugin } from "./BodyHeaderScrollSyncPlugin.js";
 export {
   BodyHeaderScrollSyncPlugin
 };

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

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

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

@@ -4,7 +4,7 @@ import { useEffect, useMemo, useRef } from "react";
 import { SortableContainer, SortableElement } from "react-sortable-hoc";
 import { arrayMove, omit, mergeRefs } from "@elliemae/ds-utilities";
 import { createInstancePlugin } from "@elliemae/ds-shared";
-import { addDragAndDropToColumn } from "./decorateGridWithDndColumns";
+import { addDragAndDropToColumn } from "./decorateGridWithDndColumns.js";
 const keysToOmit = [
   "axis",
   "contentWindow",

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/plugins/column-dnd/DndColumnsPlugin.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable react/display-name */\nimport React, { useEffect, useMemo, useRef } from 'react';\nimport { SortableContainer, SortableElement } from 'react-sortable-hoc';\nimport { arrayMove, omit, mergeRefs } from '@elliemae/ds-utilities';\nimport { createInstancePlugin } from '@elliemae/ds-shared';\nimport { addDragAndDropToColumn } from './decorateGridWithDndColumns';\n\n// todo: remove once it's fixed in react-sortable-hoc library\nconst keysToOmit = [\n  'axis',\n  'contentWindow',\n  'disableAutoscroll',\n  'distance',\n  'getContainer',\n  'getHelperDimensions',\n  'helperClass',\n  'helperContainer',\n  'hideSortableGhost',\n  'keyboardSortingTransitionDuration',\n  'lockAxis',\n  'lockOffset',\n  'lockToContainerEdges',\n  'onSortEnd',\n  'onSortMove',\n  'onSortOver',\n  'onSortStart',\n  'pressDelay',\n  'pressThreshold',\n  'shouldCancelStart',\n  'transitionDuration',\n  'updateBeforeSortStart',\n  'useDragHandle',\n  'useWindowAsScrollContainer',\n];\n\nconst decorateColumn = (column, grid) => (column.isUserColumn ? addDragAndDropToColumn(grid, column) : column);\n\nconst getHeaderRowProps = (props, grid) => {\n  const { onMoveColumnStart, onMoveColumnEnd, onMoveColumnOver } = grid.props;\n\n  const headerRowRef = useRef();\n  const columnDraggingOffset = useRef(0);\n  const sortedColumns = useRef(grid.getInstance().decoratedColumns);\n  const nodeRef = useRef();\n\n  useEffect(() => {\n    sortedColumns.current = grid.getInstance().decoratedColumns;\n  });\n\n  const onSortOver = (params) => {\n    const { index, newIndex, oldIndex } = params;\n    const oldColumn = sortedColumns.current[oldIndex];\n    const newColumn = sortedColumns.current[newIndex];\n\n    if (!newColumn.isUserColumn || !oldColumn.isUserColumn) return;\n\n    const columnWidth = nodeRef.current.offsetWidth;\n    const newColumnWidth = headerRowRef.current.childNodes.item(newColumn.index).offsetWidth;\n\n    const forward = newIndex > oldIndex;\n\n    // eslint-disable-next-line no-nested-ternary\n    const columnTranslate = forward ? (newIndex > index ? columnWidth * -1 : 0) : newIndex < index ? columnWidth : 0;\n\n    columnDraggingOffset.current += forward ? newColumnWidth : newColumnWidth * -1;\n\n    newColumn.updateStyle({\n      transitionDuration: '300ms',\n      transform: `translate3d(${columnTranslate}px, 0, 0)`,\n    });\n    oldColumn.updateStyle({\n      transitionDuration: '300ms',\n      transform: `translate3d(${columnDraggingOffset.current}px, 0, 0)`,\n    });\n\n    sortedColumns.current = arrayMove(sortedColumns.current, oldIndex, newIndex);\n    onMoveColumnOver(params);\n  };\n\n  const onSortStart = (params) => {\n    const { node } = params;\n    grid.disableEvents();\n    nodeRef.current = node;\n    onMoveColumnStart(params);\n  };\n\n  const onSortEnd = (params) => {\n    const { oldIndex, newIndex } = params;\n    grid.enableEvents();\n    columnDraggingOffset.current = 0;\n    sortedColumns.current = grid.decoratedColumns;\n    grid.decoratedColumns.forEach((column) => {\n      if (!column.updateStyle) return;\n      column.updateStyle({\n        transitionDuration: null,\n        transform: null,\n      });\n    });\n\n    const originalOldColumnIndex = grid.columns.findIndex(\n      (column) => column.property === grid.decoratedColumns[oldIndex].property,\n    );\n    const originalNewColumnIndex = grid.columns.findIndex(\n      (column) => column.property === grid.decoratedColumns[newIndex].property,\n    );\n\n    onMoveColumnEnd({\n      newIndex: originalNewColumnIndex,\n      oldIndex: originalOldColumnIndex,\n    });\n  };\n\n  return {\n    axis: 'x',\n    helperClass: 'header-dnd-column',\n    innerRef: mergeRefs(props.innerRef, headerRowRef),\n    lockAxis: 'x',\n    onSortEnd,\n    onSortOver,\n    onSortStart,\n    useDragHandle: true,\n  };\n};\n\nconst decorateRenderers = (renderers) => {\n  const RowComponent = renderers.header.row;\n  const CellComponent = renderers.header.cell;\n\n  const Row = useMemo(() => SortableContainer((props) => <RowComponent {...omit(props, keysToOmit)} />), []);\n\n  const Cell = useMemo(() => SortableElement(CellComponent), []);\n\n  return {\n    ...renderers,\n    header: {\n      ...renderers.header,\n      row: Row,\n      cell: Cell,\n    },\n  };\n};\n\nexport const DndColumnsPlugin = createInstancePlugin('dnd-columns', {\n  getHeaderRowProps,\n  decorateColumn,\n  decorateRenderers,\n});\n"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable react/display-name */\nimport React, { useEffect, useMemo, useRef } from 'react';\nimport { SortableContainer, SortableElement } from 'react-sortable-hoc';\nimport { arrayMove, omit, mergeRefs } from '@elliemae/ds-utilities';\nimport { createInstancePlugin } from '@elliemae/ds-shared';\nimport { addDragAndDropToColumn } from './decorateGridWithDndColumns.js';\n\n// todo: remove once it's fixed in react-sortable-hoc library\nconst keysToOmit = [\n  'axis',\n  'contentWindow',\n  'disableAutoscroll',\n  'distance',\n  'getContainer',\n  'getHelperDimensions',\n  'helperClass',\n  'helperContainer',\n  'hideSortableGhost',\n  'keyboardSortingTransitionDuration',\n  'lockAxis',\n  'lockOffset',\n  'lockToContainerEdges',\n  'onSortEnd',\n  'onSortMove',\n  'onSortOver',\n  'onSortStart',\n  'pressDelay',\n  'pressThreshold',\n  'shouldCancelStart',\n  'transitionDuration',\n  'updateBeforeSortStart',\n  'useDragHandle',\n  'useWindowAsScrollContainer',\n];\n\nconst decorateColumn = (column, grid) => (column.isUserColumn ? addDragAndDropToColumn(grid, column) : column);\n\nconst getHeaderRowProps = (props, grid) => {\n  const { onMoveColumnStart, onMoveColumnEnd, onMoveColumnOver } = grid.props;\n\n  const headerRowRef = useRef();\n  const columnDraggingOffset = useRef(0);\n  const sortedColumns = useRef(grid.getInstance().decoratedColumns);\n  const nodeRef = useRef();\n\n  useEffect(() => {\n    sortedColumns.current = grid.getInstance().decoratedColumns;\n  });\n\n  const onSortOver = (params) => {\n    const { index, newIndex, oldIndex } = params;\n    const oldColumn = sortedColumns.current[oldIndex];\n    const newColumn = sortedColumns.current[newIndex];\n\n    if (!newColumn.isUserColumn || !oldColumn.isUserColumn) return;\n\n    const columnWidth = nodeRef.current.offsetWidth;\n    const newColumnWidth = headerRowRef.current.childNodes.item(newColumn.index).offsetWidth;\n\n    const forward = newIndex > oldIndex;\n\n    // eslint-disable-next-line no-nested-ternary\n    const columnTranslate = forward ? (newIndex > index ? columnWidth * -1 : 0) : newIndex < index ? columnWidth : 0;\n\n    columnDraggingOffset.current += forward ? newColumnWidth : newColumnWidth * -1;\n\n    newColumn.updateStyle({\n      transitionDuration: '300ms',\n      transform: `translate3d(${columnTranslate}px, 0, 0)`,\n    });\n    oldColumn.updateStyle({\n      transitionDuration: '300ms',\n      transform: `translate3d(${columnDraggingOffset.current}px, 0, 0)`,\n    });\n\n    sortedColumns.current = arrayMove(sortedColumns.current, oldIndex, newIndex);\n    onMoveColumnOver(params);\n  };\n\n  const onSortStart = (params) => {\n    const { node } = params;\n    grid.disableEvents();\n    nodeRef.current = node;\n    onMoveColumnStart(params);\n  };\n\n  const onSortEnd = (params) => {\n    const { oldIndex, newIndex } = params;\n    grid.enableEvents();\n    columnDraggingOffset.current = 0;\n    sortedColumns.current = grid.decoratedColumns;\n    grid.decoratedColumns.forEach((column) => {\n      if (!column.updateStyle) return;\n      column.updateStyle({\n        transitionDuration: null,\n        transform: null,\n      });\n    });\n\n    const originalOldColumnIndex = grid.columns.findIndex(\n      (column) => column.property === grid.decoratedColumns[oldIndex].property,\n    );\n    const originalNewColumnIndex = grid.columns.findIndex(\n      (column) => column.property === grid.decoratedColumns[newIndex].property,\n    );\n\n    onMoveColumnEnd({\n      newIndex: originalNewColumnIndex,\n      oldIndex: originalOldColumnIndex,\n    });\n  };\n\n  return {\n    axis: 'x',\n    helperClass: 'header-dnd-column',\n    innerRef: mergeRefs(props.innerRef, headerRowRef),\n    lockAxis: 'x',\n    onSortEnd,\n    onSortOver,\n    onSortStart,\n    useDragHandle: true,\n  };\n};\n\nconst decorateRenderers = (renderers) => {\n  const RowComponent = renderers.header.row;\n  const CellComponent = renderers.header.cell;\n\n  const Row = useMemo(() => SortableContainer((props) => <RowComponent {...omit(props, keysToOmit)} />), []);\n\n  const Cell = useMemo(() => SortableElement(CellComponent), []);\n\n  return {\n    ...renderers,\n    header: {\n      ...renderers.header,\n      row: Row,\n      cell: Cell,\n    },\n  };\n};\n\nexport const DndColumnsPlugin = createInstancePlugin('dnd-columns', {\n  getHeaderRowProps,\n  decorateColumn,\n  decorateRenderers,\n});\n"],
   "mappings": "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",
   "names": []
 }

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

@@ -1,5 +1,5 @@
 import * as React from "react";
-import { DndColumnsPlugin } from "./DndColumnsPlugin";
+import { DndColumnsPlugin } from "./DndColumnsPlugin.js";
 export {
   DndColumnsPlugin
 };

package/dist/esm/plugins/column-dnd/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/plugins/column-dnd/index.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export { DndColumnsPlugin } from './DndColumnsPlugin';\n"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export { DndColumnsPlugin } from './DndColumnsPlugin.js';\n"],
   "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,wBAAwB;",
   "names": []
 }

package/dist/esm/plugins/column-sizing/ColumnSizingPlugin.js

@@ -2,10 +2,10 @@ import * as React from "react";
 import { useRef } from "react";
 import { cx } from "@elliemae/ds-utilities";
 import { createInstancePlugin } from "@elliemae/ds-shared";
-import { useStylesheetHelpers } from "./useStylesheetHelpers";
-import { useColumnSizeService } from "./useColumnSizeService";
-import { getTableProps } from "./ext-points/getTableProps";
-import { decorateColumn } from "./ext-points/decorateColumn";
+import { useStylesheetHelpers } from "./useStylesheetHelpers.js";
+import { useColumnSizeService } from "./useColumnSizeService.js";
+import { getTableProps } from "./ext-points/getTableProps.js";
+import { decorateColumn } from "./ext-points/decorateColumn.js";
 const getHeaderRowProps = (rowProps, { rowsStylesheet }) => {
   rowProps.className = `${rowsStylesheet.getRowClassName()}-header`;
   return rowProps;