@elliemae/ds-datagrids 3.16.0-next.2 → 3.16.0-next.20

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

@@ -18,6 +18,10 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
   isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
   mod
 ));
@@ -38,46 +42,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

@@ -18,6 +18,10 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
   isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
   mod
 ));
@@ -29,8 +33,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"],
-  "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;",
+  "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

@@ -18,6 +18,10 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
   isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
   mod
 ));
@@ -29,8 +33,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/components/tableContext.js

@@ -18,6 +18,10 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
   isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
   mod
 ));

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

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/components/tableContext.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["import React from 'react';\n\nexport const TableContext = React.createContext();\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAEX,MAAM,eAAe,aAAAA,QAAM,cAAc;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAEX,MAAM,eAAe,aAAAA,QAAM,cAAc;",
   "names": ["React"]
 }

package/dist/cjs/defaultPlugins.js

@@ -18,6 +18,10 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
   isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
   mod
 ));
@@ -28,14 +32,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

@@ -18,6 +18,10 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
   isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
   mod
 ));
@@ -57,13 +61,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"],
-  "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;",
+  "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

@@ -18,6 +18,10 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
   isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
   mod
 ));
@@ -32,10 +36,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 +64,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 +113,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": "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",
+  "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

@@ -18,6 +18,10 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
   isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
   mod
 ));
@@ -28,5 +32,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"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,wCAA2C;",
+  "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

@@ -18,6 +18,10 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
   isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
   mod
 ));
@@ -33,7 +37,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",

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/plugins/column-dnd/DndColumnsPlugin.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["/* 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", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": "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",
+  "sourcesContent": ["/* 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", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": "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",
   "names": []
 }

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

@@ -18,6 +18,10 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
   isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
   mod
 ));

package/dist/cjs/plugins/column-dnd/decorateGridWithDndColumns.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../src/plugins/column-dnd/decorateGridWithDndColumns.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["import React from 'react';\nimport { SortableHandle } from 'react-sortable-hoc';\nimport { GripperVertical } from '@elliemae/ds-icons';\nimport { appendHeaderFormatter, mergeClassNameToColumnHeader } from '@elliemae/ds-shared';\n\nconst DragHandle = SortableHandle(() => <GripperVertical className=\"drag-handle\" />);\n\nconst DndHeaderFormatter = (value) => (\n  <>\n    <DragHandle />\n    {value}\n  </>\n);\n\nconst addDragAndDropToColumn = (grid, column) => {\n  column = appendHeaderFormatter(DndHeaderFormatter, column);\n  return mergeClassNameToColumnHeader('with-dnd-column', column);\n};\n\nexport { addDragAndDropToColumn };\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADKiB;AAJxC,gCAA+B;AAC/B,sBAAgC;AAChC,uBAAoE;AAEpE,MAAM,iBAAa,0CAAe,MAAM,4CAAC,mCAAgB,WAAU,eAAc,CAAE;AAEnF,MAAM,qBAAqB,CAAC,UAC1B,4EACE;AAAA,8CAAC,cAAW;AAAA,EACX;AAAA,GACH;AAGF,MAAM,yBAAyB,CAAC,MAAM,WAAW;AAC/C,eAAS,wCAAsB,oBAAoB,MAAM;AACzD,aAAO,+CAA6B,mBAAmB,MAAM;AAC/D;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADKiB;AAJxC,gCAA+B;AAC/B,sBAAgC;AAChC,uBAAoE;AAEpE,MAAM,iBAAa,0CAAe,MAAM,4CAAC,mCAAgB,WAAU,eAAc,CAAE;AAEnF,MAAM,qBAAqB,CAAC,UAC1B,4EACE;AAAA,8CAAC,cAAW;AAAA,EACX;AAAA,GACH;AAGF,MAAM,yBAAyB,CAAC,MAAM,WAAW;AAC/C,eAAS,wCAAsB,oBAAoB,MAAM;AACzD,aAAO,+CAA6B,mBAAmB,MAAM;AAC/D;",
   "names": []
 }

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

@@ -18,6 +18,10 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
   isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
   mod
 ));
@@ -28,5 +32,5 @@ __export(column_dnd_exports, {
 });
 module.exports = __toCommonJS(column_dnd_exports);
 var React = __toESM(require("react"));
-var import_DndColumnsPlugin = require("./DndColumnsPlugin");
+var import_DndColumnsPlugin = require("./DndColumnsPlugin.js");
 //# sourceMappingURL=index.js.map

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

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

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

@@ -18,6 +18,10 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
   isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
   mod
 ));
@@ -31,10 +35,10 @@ var React = __toESM(require("react"));
 var import_react = require("react");
 var import_ds_utilities = require("@elliemae/ds-utilities");
 var import_ds_shared = require("@elliemae/ds-shared");
-var import_useStylesheetHelpers = require("./useStylesheetHelpers");
-var import_useColumnSizeService = require("./useColumnSizeService");
-var import_getTableProps = require("./ext-points/getTableProps");
-var import_decorateColumn = require("./ext-points/decorateColumn");
+var import_useStylesheetHelpers = require("./useStylesheetHelpers.js");
+var import_useColumnSizeService = require("./useColumnSizeService.js");
+var import_getTableProps = require("./ext-points/getTableProps.js");
+var import_decorateColumn = require("./ext-points/decorateColumn.js");
 const getHeaderRowProps = (rowProps, { rowsStylesheet }) => {
   rowProps.className = `${rowsStylesheet.getRowClassName()}-header`;
   return rowProps;