@elliemae/ds-datagrids 2.2.1 → 2.3.0-alpha.4

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

@@ -1,30 +1,46 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var _jsx = require('@babel/runtime/helpers/jsx');
-require('react');
-var reactSortableHoc = require('react-sortable-hoc');
-var dsIcons = require('@elliemae/ds-icons');
-var initColumnDefinition = require('@elliemae/ds-shared/useDataGrid/initColumnDefinition');
-var jsxRuntime = require('react/jsx-runtime');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
-
-var _GripperVertical, _DragHandle;
-const DragHandle = reactSortableHoc.SortableHandle(() => _GripperVertical || (_GripperVertical = /*#__PURE__*/_jsx__default["default"](dsIcons.GripperVertical, {
-  className: "drag-handle"
-})));
-
-const DndHeaderFormatter = value => /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
-  children: [_DragHandle || (_DragHandle = /*#__PURE__*/_jsx__default["default"](DragHandle, {})), value]
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var decorateGridWithDndColumns_exports = {};
+__export(decorateGridWithDndColumns_exports, {
+  addDragAndDropToColumn: () => addDragAndDropToColumn
 });
-
+var React = __toESM(require("react"));
+var import_react = __toESM(require("react"));
+var import_react_sortable_hoc = require("react-sortable-hoc");
+var import_ds_icons = require("@elliemae/ds-icons");
+var import_initColumnDefinition = require("@elliemae/ds-shared/useDataGrid/initColumnDefinition");
+const DragHandle = (0, import_react_sortable_hoc.SortableHandle)(() => /* @__PURE__ */ import_react.default.createElement(import_ds_icons.GripperVertical, {
+  className: "drag-handle"
+}));
+const DndHeaderFormatter = (value) => /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(DragHandle, null), value);
 const addDragAndDropToColumn = (grid, column) => {
-  column = initColumnDefinition.appendHeaderFormatter(DndHeaderFormatter, column);
-  return initColumnDefinition.mergeClassNameToColumnHeader('with-dnd-column', column);
+  column = (0, import_initColumnDefinition.appendHeaderFormatter)(DndHeaderFormatter, column);
+  return (0, import_initColumnDefinition.mergeClassNameToColumnHeader)("with-dnd-column", column);
 };
-
-exports.addDragAndDropToColumn = addDragAndDropToColumn;
+module.exports = __toCommonJS(decorateGridWithDndColumns_exports);
+//# sourceMappingURL=decorateGridWithDndColumns.js.map

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

@@ -0,0 +1,7 @@
+{
+  "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 {\n  appendHeaderFormatter,\n  mergeClassNameToColumnHeader,\n} from '@elliemae/ds-shared/useDataGrid/initColumnDefinition';\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;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,gCAA+B;AAC/B,sBAAgC;AAChC,kCAGO;AAEP,MAAM,aAAa,8CAAe,MAAM,mDAAC,iCAAD;AAAA,EAAiB,WAAU;AAAA;AAEnE,MAAM,qBAAqB,CAAC,UAC1B,wFACE,mDAAC,YAAD,OACC;AAIL,MAAM,yBAAyB,CAAC,MAAM,WAAW;AAC/C,WAAS,uDAAsB,oBAAoB;AACnD,SAAO,8DAA6B,mBAAmB;AAAA;",
+  "names": []
+}

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

@@ -1,9 +1,35 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var DndColumnsPlugin = require('./DndColumnsPlugin.js');
-
-
-
-exports.DndColumnsPlugin = DndColumnsPlugin.DndColumnsPlugin;
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var column_dnd_exports = {};
+__export(column_dnd_exports, {
+  DndColumnsPlugin: () => import_DndColumnsPlugin.DndColumnsPlugin
+});
+var React = __toESM(require("react"));
+var import_DndColumnsPlugin = require("./DndColumnsPlugin");
+module.exports = __toCommonJS(column_dnd_exports);
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +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;ACAA,YAAuB;ADAvB,8BAAiC;",
+  "names": []
+}

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

@@ -1,68 +1,73 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var React = require('react');
-var dsUtilities = require('@elliemae/ds-utilities');
-var createInstancePlugin = require('@elliemae/ds-shared/createDataInstance/createInstancePlugin');
-var useStylesheetHelpers = require('./useStylesheetHelpers.js');
-var useColumnSizeService = require('./useColumnSizeService.js');
-var getTableProps = require('./ext-points/getTableProps.js');
-var decorateColumn = require('./ext-points/decorateColumn.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var createInstancePlugin__default = /*#__PURE__*/_interopDefaultLegacy(createInstancePlugin);
-
-/* eslint-disable no-param-reassign */
-
-const getHeaderRowProps = (rowProps, _ref) => {
-  let {
-    rowsStylesheet
-  } = _ref;
-  rowProps.className = "".concat(rowsStylesheet.getRowClassName(), "-header");
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var ColumnSizingPlugin_exports = {};
+__export(ColumnSizingPlugin_exports, {
+  ColumnSizingPlugin: () => ColumnSizingPlugin
+});
+var React = __toESM(require("react"));
+var import_react = require("react");
+var import_ds_utilities = require("@elliemae/ds-utilities");
+var import_createInstancePlugin = require("@elliemae/ds-shared/createDataInstance/createInstancePlugin");
+var import_useStylesheetHelpers = require("./useStylesheetHelpers");
+var import_useColumnSizeService = require("./useColumnSizeService");
+var import_getTableProps = require("./ext-points/getTableProps");
+var import_decorateColumn = require("./ext-points/decorateColumn");
+const getHeaderRowProps = (rowProps, { rowsStylesheet }) => {
+  rowProps.className = `${rowsStylesheet.getRowClassName()}-header`;
   return rowProps;
 };
-
-const getRowProps = (rowProps, _ref2) => {
-  let {
-    rowsStylesheet
-  } = _ref2;
-  rowProps.className = dsUtilities.cx(rowProps.className, rowsStylesheet.getRowClassName());
+const getRowProps = (rowProps, { rowsStylesheet }) => {
+  rowProps.className = (0, import_ds_utilities.cx)(rowProps.className, rowsStylesheet.getRowClassName());
   return rowProps;
 };
-
 const decorateColumns = (columns, grid) => grid.columnsStylesheet.decorateColumns(columns, grid);
-
-const decorateGrid = grid => {
-  const isDragging = React.useRef(false);
-  const tableRef = React.useRef();
-  const resizedColumns = React.useRef({});
-  const scrollbarWidth = React.useRef();
-  const bodyWidth = React.useRef();
-  const allColumnsHaveBeenFixed = React.useRef(false);
-  const columnSizeService = useColumnSizeService(grid);
-  const {
-    columnsStylesheet,
-    rowsStylesheet
-  } = useStylesheetHelpers.useStylesheetHelpers(grid); // row size side-effect
-
-  const updateRowWidth = width => {
+const decorateGrid = (grid) => {
+  const isDragging = (0, import_react.useRef)(false);
+  const tableRef = (0, import_react.useRef)();
+  const resizedColumns = (0, import_react.useRef)({});
+  const scrollbarWidth = (0, import_react.useRef)();
+  const bodyWidth = (0, import_react.useRef)();
+  const allColumnsHaveBeenFixed = (0, import_react.useRef)(false);
+  const columnSizeService = (0, import_useColumnSizeService.useColumnSizeService)(grid);
+  const { columnsStylesheet, rowsStylesheet } = (0, import_useStylesheetHelpers.useStylesheetHelpers)(grid);
+  const updateRowWidth = (width) => {
     const gridWidth = width || tableRef.current.offsetWidth;
     const columnsTotalSize = columnSizeService.computeColumnsTotalSize();
-
     if (columnsTotalSize > gridWidth + 5) {
       if (!allColumnsHaveBeenFixed.current && isDragging.current) {
         columnSizeService.setActualColumnsSizesFixed();
         allColumnsHaveBeenFixed.current = true;
       }
-
       rowsStylesheet.update(columnsTotalSize);
     } else {
-      rowsStylesheet.update(undefined);
+      rowsStylesheet.update(void 0);
     }
   };
-
   return {
     isDragging,
     tableRef,
@@ -75,14 +80,13 @@ const decorateGrid = grid => {
     updateRowWidth
   };
 };
-
-const ColumnSizingPlugin = createInstancePlugin__default["default"]('column-sizing', {
+const ColumnSizingPlugin = (0, import_createInstancePlugin.createInstancePlugin)("column-sizing", {
   decorateGrid,
-  decorateColumn: decorateColumn.decorateColumn,
+  decorateColumn: import_decorateColumn.decorateColumn,
   getRowProps,
   getHeaderRowProps,
-  getTableProps: getTableProps.getTableProps,
+  getTableProps: import_getTableProps.getTableProps,
   decorateColumns
 });
-
-exports.ColumnSizingPlugin = ColumnSizingPlugin;
+module.exports = __toCommonJS(ColumnSizingPlugin_exports);
+//# sourceMappingURL=ColumnSizingPlugin.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/plugins/column-sizing/ColumnSizingPlugin.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["/* eslint-disable no-param-reassign */\n/* eslint-disable react-hooks/rules-of-hooks */\nimport { useRef } from 'react';\nimport { cx } from '@elliemae/ds-utilities';\nimport { createInstancePlugin } from '@elliemae/ds-shared/createDataInstance/createInstancePlugin';\nimport { useStylesheetHelpers } from './useStylesheetHelpers';\nimport { useColumnSizeService } from './useColumnSizeService';\nimport { getTableProps } from './ext-points/getTableProps';\nimport { decorateColumn } from './ext-points/decorateColumn';\n\nconst getHeaderRowProps = (rowProps, { rowsStylesheet }) => {\n  rowProps.className = `${rowsStylesheet.getRowClassName()}-header`;\n  return rowProps;\n};\n\nconst getRowProps = (rowProps, { rowsStylesheet }) => {\n  rowProps.className = cx(rowProps.className, rowsStylesheet.getRowClassName());\n  return rowProps;\n};\n\nconst decorateColumns = (columns, grid) => grid.columnsStylesheet.decorateColumns(columns, grid);\n\nconst decorateGrid = (grid) => {\n  const isDragging = useRef(false);\n  const tableRef = useRef();\n  const resizedColumns = useRef({});\n  const scrollbarWidth = useRef();\n  const bodyWidth = useRef();\n  const allColumnsHaveBeenFixed = useRef(false);\n  const columnSizeService = useColumnSizeService(grid);\n  const { columnsStylesheet, rowsStylesheet } = useStylesheetHelpers(grid);\n\n  // row size side-effect\n  const updateRowWidth = (width) => {\n    const gridWidth = width || tableRef.current.offsetWidth;\n    const columnsTotalSize = columnSizeService.computeColumnsTotalSize();\n\n    if (columnsTotalSize > gridWidth + 5) {\n      if (!allColumnsHaveBeenFixed.current && isDragging.current) {\n        columnSizeService.setActualColumnsSizesFixed();\n        allColumnsHaveBeenFixed.current = true;\n      }\n      rowsStylesheet.update(columnsTotalSize);\n    } else {\n      rowsStylesheet.update(undefined);\n    }\n  };\n\n  return {\n    isDragging,\n    tableRef,\n    bodyWidth,\n    scrollbarWidth,\n    columnSizeService,\n    rowsStylesheet,\n    columnsStylesheet,\n    resizedColumns,\n    updateRowWidth,\n  };\n};\n\nexport const ColumnSizingPlugin = createInstancePlugin('column-sizing', {\n  decorateGrid,\n  decorateColumn,\n  getRowProps,\n  getHeaderRowProps,\n  getTableProps,\n  decorateColumns,\n});\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADEvB,mBAAuB;AACvB,0BAAmB;AACnB,kCAAqC;AACrC,kCAAqC;AACrC,kCAAqC;AACrC,2BAA8B;AAC9B,4BAA+B;AAE/B,MAAM,oBAAoB,CAAC,UAAU,EAAE,qBAAqB;AAC1D,WAAS,YAAY,GAAG,eAAe;AACvC,SAAO;AAAA;AAGT,MAAM,cAAc,CAAC,UAAU,EAAE,qBAAqB;AACpD,WAAS,YAAY,4BAAG,SAAS,WAAW,eAAe;AAC3D,SAAO;AAAA;AAGT,MAAM,kBAAkB,CAAC,SAAS,SAAS,KAAK,kBAAkB,gBAAgB,SAAS;AAE3F,MAAM,eAAe,CAAC,SAAS;AAC7B,QAAM,aAAa,yBAAO;AAC1B,QAAM,WAAW;AACjB,QAAM,iBAAiB,yBAAO;AAC9B,QAAM,iBAAiB;AACvB,QAAM,YAAY;AAClB,QAAM,0BAA0B,yBAAO;AACvC,QAAM,oBAAoB,sDAAqB;AAC/C,QAAM,EAAE,mBAAmB,mBAAmB,sDAAqB;AAGnE,QAAM,iBAAiB,CAAC,UAAU;AAChC,UAAM,YAAY,SAAS,SAAS,QAAQ;AAC5C,UAAM,mBAAmB,kBAAkB;AAE3C,QAAI,mBAAmB,YAAY,GAAG;AACpC,UAAI,CAAC,wBAAwB,WAAW,WAAW,SAAS;AAC1D,0BAAkB;AAClB,gCAAwB,UAAU;AAAA;AAEpC,qBAAe,OAAO;AAAA,WACjB;AACL,qBAAe,OAAO;AAAA;AAAA;AAI1B,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAAA;AAIG,MAAM,qBAAqB,sDAAqB,iBAAiB;AAAA,EACtE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA;",
+  "names": []
+}

package/cjs/plugins/column-sizing/columnMeasurerTransformer.js

@@ -1,64 +1,58 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-require('core-js/modules/esnext.async-iterator.filter.js');
-require('core-js/modules/esnext.iterator.constructor.js');
-require('core-js/modules/esnext.iterator.filter.js');
-require('core-js/modules/esnext.async-iterator.for-each.js');
-require('core-js/modules/esnext.iterator.for-each.js');
-var _defineProperty = require('@babel/runtime/helpers/defineProperty');
-var React = require('react');
-var dsUtilities = require('@elliemae/ds-utilities');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-const columnMeasurerTransformer = columnSizeService => function (value, _ref) {
-  let {
-    column,
-    grid
-  } = _ref;
-  let props = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
-  const {
-    registerColumn
-  } = columnSizeService;
-  const cellRef = React.useRef();
-  React.useLayoutEffect(() => {
-    const {
-      columns,
-      expandedToContentColumns
-    } = columnSizeService;
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var columnMeasurerTransformer_exports = {};
+__export(columnMeasurerTransformer_exports, {
+  columnMeasurerTransformer: () => columnMeasurerTransformer
+});
+var React = __toESM(require("react"));
+var import_react = require("react");
+var import_ds_utilities = require("@elliemae/ds-utilities");
+const columnMeasurerTransformer = (columnSizeService) => (value, { column, grid }, props = {}) => {
+  const { registerColumn } = columnSizeService;
+  const cellRef = (0, import_react.useRef)();
+  (0, import_react.useLayoutEffect)(() => {
+    const { columns, expandedToContentColumns } = columnSizeService;
     const {
-      props: {
-        minColumnWidth
-      },
+      props: { minColumnWidth },
       resizedColumns
     } = grid.getInstance();
-
     if (cellRef.current) {
-      // FIX: merge
-      // if (column.width && column.width !== 'string' && !initialUsedSpace[column.property]) {
-      //   increaseUsedSpace(getColumnWidthSize(column.width, minColumnWidth, column), column.property)
-      // }
       if (column.expandWidthToContent && !expandedToContentColumns[column.uuid]) {
-        // measure the content and reset to flex
         const originalWidth = cellRef.current.offsetWidth;
-        cellRef.current.style.flex = 'initial';
-        cellRef.current.style.minWidth = 'initial';
+        cellRef.current.style.flex = "initial";
+        cellRef.current.style.minWidth = "initial";
         const calcWidth = cellRef.current.offsetWidth + 20;
-
         if (originalWidth + 20 <= calcWidth) {
           resizedColumns.current[column.uuid] = calcWidth;
           columns[column.uuid].minWidth = calcWidth;
         } else {
           columns[column.uuid].minWidth = originalWidth;
         }
-
         expandedToContentColumns[column.uuid] = true;
         cellRef.current.style.minWidth = null;
         cellRef.current.style.flex = 1;
@@ -66,9 +60,10 @@ const columnMeasurerTransformer = columnSizeService => function (value, _ref) {
       }
     }
   });
-  return _objectSpread(_objectSpread({}, props), {}, {
-    innerRef: dsUtilities.mergeRefs(cellRef, props.innerRef, registerColumn(column))
-  });
+  return {
+    ...props,
+    innerRef: (0, import_ds_utilities.mergeRefs)(cellRef, props.innerRef, registerColumn(column))
+  };
 };
-
-exports.columnMeasurerTransformer = columnMeasurerTransformer;
+module.exports = __toCommonJS(columnMeasurerTransformer_exports);
+//# sourceMappingURL=columnMeasurerTransformer.js.map

package/cjs/plugins/column-sizing/columnMeasurerTransformer.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/plugins/column-sizing/columnMeasurerTransformer.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import { useLayoutEffect, useRef } from 'react';\nimport { mergeRefs } from '@elliemae/ds-utilities';\n\nexport const columnMeasurerTransformer =\n  (columnSizeService) =>\n  (value, { column, grid }, props = {}) => {\n    const { registerColumn } = columnSizeService;\n    const cellRef = useRef();\n\n    useLayoutEffect(() => {\n      const { columns, expandedToContentColumns } = columnSizeService;\n      const {\n        props: { minColumnWidth },\n        resizedColumns,\n      } = grid.getInstance();\n      if (cellRef.current) {\n        // FIX: merge\n        // if (column.width && column.width !== 'string' && !initialUsedSpace[column.property]) {\n        //   increaseUsedSpace(getColumnWidthSize(column.width, minColumnWidth, column), column.property)\n        // }\n        if (column.expandWidthToContent && !expandedToContentColumns[column.uuid]) {\n          // measure the content and reset to flex\n          const originalWidth = cellRef.current.offsetWidth;\n          cellRef.current.style.flex = 'initial';\n          cellRef.current.style.minWidth = 'initial';\n          const calcWidth = cellRef.current.offsetWidth + 20;\n          if (originalWidth + 20 <= calcWidth) {\n            resizedColumns.current[column.uuid] = calcWidth;\n            columns[column.uuid].minWidth = calcWidth;\n          } else {\n            columns[column.uuid].minWidth = originalWidth;\n          }\n          expandedToContentColumns[column.uuid] = true;\n          cellRef.current.style.minWidth = null;\n          cellRef.current.style.flex = 1;\n          column.node = cellRef.current;\n        }\n      }\n    });\n\n    return {\n      ...props,\n      innerRef: mergeRefs(cellRef, props.innerRef, registerColumn(column)),\n    };\n  };\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAwC;AACxC,0BAA0B;AAEnB,MAAM,4BACX,CAAC,sBACD,CAAC,OAAO,EAAE,QAAQ,QAAQ,QAAQ,OAAO;AACvC,QAAM,EAAE,mBAAmB;AAC3B,QAAM,UAAU;AAEhB,oCAAgB,MAAM;AACpB,UAAM,EAAE,SAAS,6BAA6B;AAC9C,UAAM;AAAA,MACJ,OAAO,EAAE;AAAA,MACT;AAAA,QACE,KAAK;AACT,QAAI,QAAQ,SAAS;AAKnB,UAAI,OAAO,wBAAwB,CAAC,yBAAyB,OAAO,OAAO;AAEzE,cAAM,gBAAgB,QAAQ,QAAQ;AACtC,gBAAQ,QAAQ,MAAM,OAAO;AAC7B,gBAAQ,QAAQ,MAAM,WAAW;AACjC,cAAM,YAAY,QAAQ,QAAQ,cAAc;AAChD,YAAI,gBAAgB,MAAM,WAAW;AACnC,yBAAe,QAAQ,OAAO,QAAQ;AACtC,kBAAQ,OAAO,MAAM,WAAW;AAAA,eAC3B;AACL,kBAAQ,OAAO,MAAM,WAAW;AAAA;AAElC,iCAAyB,OAAO,QAAQ;AACxC,gBAAQ,QAAQ,MAAM,WAAW;AACjC,gBAAQ,QAAQ,MAAM,OAAO;AAC7B,eAAO,OAAO,QAAQ;AAAA;AAAA;AAAA;AAK5B,SAAO;AAAA,OACF;AAAA,IACH,UAAU,mCAAU,SAAS,MAAM,UAAU,eAAe;AAAA;AAAA;",
+  "names": []
+}

package/cjs/plugins/column-sizing/ext-points/decorateColumn.js

@@ -1,17 +1,44 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var dsUtilities = require('@elliemae/ds-utilities');
-var columnMeasurerTransformer = require('../columnMeasurerTransformer.js');
-
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var decorateColumn_exports = {};
+__export(decorateColumn_exports, {
+  decorateColumn: () => decorateColumn
+});
+var React = __toESM(require("react"));
+var import_ds_utilities = require("@elliemae/ds-utilities");
+var import_columnMeasurerTransformer = require("../columnMeasurerTransformer");
 function decorateColumn(column, grid, index) {
-  const transformsPath = ['header', 'transforms'];
-  const transforms = dsUtilities.get(column, transformsPath, []);
-  transforms.push(columnMeasurerTransformer.columnMeasurerTransformer(grid.columnSizeService));
+  const transformsPath = ["header", "transforms"];
+  const transforms = (0, import_ds_utilities.get)(column, transformsPath, []);
+  transforms.push((0, import_columnMeasurerTransformer.columnMeasurerTransformer)(grid.columnSizeService, grid));
   column.index = index;
-  dsUtilities.set(column, transformsPath, transforms);
+  (0, import_ds_utilities.set)(column, transformsPath, transforms);
   return column;
 }
-
-exports.decorateColumn = decorateColumn;
+module.exports = __toCommonJS(decorateColumn_exports);
+//# sourceMappingURL=decorateColumn.js.map

package/cjs/plugins/column-sizing/ext-points/decorateColumn.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/plugins/column-sizing/ext-points/decorateColumn.tsx", "../../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import { get, set } from '@elliemae/ds-utilities';\nimport { columnMeasurerTransformer } from '../columnMeasurerTransformer';\n\nexport function decorateColumn(column, grid, index) {\n  const transformsPath = ['header', 'transforms'];\n  const transforms = get(column, transformsPath, []);\n  transforms.push(columnMeasurerTransformer(grid.columnSizeService, grid));\n  column.index = index;\n  set(column, transformsPath, transforms);\n\n  return column;\n}\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,0BAAyB;AACzB,uCAA0C;AAEnC,wBAAwB,QAAQ,MAAM,OAAO;AAClD,QAAM,iBAAiB,CAAC,UAAU;AAClC,QAAM,aAAa,6BAAI,QAAQ,gBAAgB;AAC/C,aAAW,KAAK,gEAA0B,KAAK,mBAAmB;AAClE,SAAO,QAAQ;AACf,+BAAI,QAAQ,gBAAgB;AAE5B,SAAO;AAAA;",
+  "names": []
+}