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

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

@@ -1,146 +1,83 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-require('core-js/modules/esnext.async-iterator.map.js');
-require('core-js/modules/esnext.iterator.map.js');
-require('core-js/modules/web.dom-collections.iterator.js');
-var stylesheet = require('stylesheet-helpers');
-var React = require('react');
-var dsUtilities = require('@elliemae/ds-utilities');
-var getColumnNameFromProperty = require('./getColumnNameFromProperty.js');
-var getScrollbarSize = require('../../utilities/getScrollbarSize.js');
-
-function _interopNamespace(e) {
-  if (e && e.__esModule) return e;
-  var n = Object.create(null);
-  if (e) {
-    Object.keys(e).forEach(function (k) {
-      if (k !== 'default') {
-        var d = Object.getOwnPropertyDescriptor(e, k);
-        Object.defineProperty(n, k, d.get ? d : {
-          enumerable: true,
-          get: function () { return e[k]; }
-        });
-      }
-    });
+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 });
   }
-  n["default"] = e;
-  return Object.freeze(n);
-}
-
-var stylesheet__namespace = /*#__PURE__*/_interopNamespace(stylesheet);
-
-const SCROLLBAR_WIDTH = getScrollbarSize.getScrollbarWidth();
-const RowStylesheetHelper = _ref => {
-  let {
-    grid,
-    className
-  } = _ref;
-  const {
-    styleSheet,
-    styleSheetElement
-  } = stylesheet__namespace.create();
-
-  const update = width => {
-    const widths = typeof width === 'string' ? width : "".concat(width, "px");
-    stylesheet__namespace.updateProperties(window, styleSheet, className, width ? {
-      width: widths,
-      minWidth: widths,
-      maxWidth: widths
-    } : {
-      width: null,
-      minWidth: null,
-      maxWidth: null
-    });
-    const {
-      hasScroll
-    } = grid.getState();
-    const headerWidth = "".concat(width + (hasScroll ? SCROLLBAR_WIDTH : 0), "px");
-    stylesheet__namespace.updateProperties(window, styleSheet, "".concat(className, "-header"), width ? {
-      width: headerWidth,
-      minWidth: headerWidth,
-      maxWidth: headerWidth
-    } : {
-      width: null,
-      minWidth: null,
-      maxWidth: null
-    });
+  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 useStylesheetHelpers_exports = {};
+__export(useStylesheetHelpers_exports, {
+  RowStylesheetHelper: () => RowStylesheetHelper,
+  useStylesheetHelpers: () => useStylesheetHelpers
+});
+var React = __toESM(require("react"));
+var stylesheet = __toESM(require("stylesheet-helpers"));
+var import_react = require("react");
+var import_ds_utilities = require("@elliemae/ds-utilities");
+var import_getColumnNameFromProperty = require("./getColumnNameFromProperty");
+var import_getScrollbarSize = require("../../utilities/getScrollbarSize");
+const SCROLLBAR_WIDTH = (0, import_getScrollbarSize.getScrollbarWidth)();
+const RowStylesheetHelper = ({ grid, className }) => {
+  const { styleSheet, styleSheetElement } = stylesheet.create();
+  const update = (width) => {
+    const widths = typeof width === "string" ? width : `${width}px`;
+    stylesheet.updateProperties(window, styleSheet, className, width ? { width: widths, minWidth: widths, maxWidth: widths } : { width: null, minWidth: null, maxWidth: null });
+    const { hasScroll } = grid.getState();
+    const headerWidth = `${width + (hasScroll ? SCROLLBAR_WIDTH : 0)}px`;
+    stylesheet.updateProperties(window, styleSheet, `${className}-header`, width ? { width: headerWidth, minWidth: headerWidth, maxWidth: headerWidth } : { width: null, minWidth: null, maxWidth: null });
   };
-
   const remove = () => styleSheetElement.remove();
-
   const getRowClassName = () => className;
-
   return {
     update,
     remove,
     getRowClassName
   };
 };
-
-const getColumnClassName = _ref2 => {
-  let {
-    globalId,
-    column,
-    isHeader = false,
-    getId
-  } = _ref2;
-  return "column-".concat(globalId, "-").concat(getId(column)).concat(isHeader ? '-header' : '');
-};
-
-function setWidth(_ref3) {
-  let {
-    styleSheet,
-    className,
-    width,
-    minWidth
-  } = _ref3;
+const getColumnClassName = ({ globalId, column, isHeader = false, getId }) => `column-${globalId}-${getId(column)}${isHeader ? "-header" : ""}`;
+function setWidth({ styleSheet, className, width, minWidth }) {
   let widths;
-  if (typeof width === 'string') widths = width;
-  if (typeof width === 'number') widths = "".concat(width, "px");
+  if (typeof width === "string")
+    widths = width;
+  if (typeof width === "number")
+    widths = `${width}px`;
   let minWidths;
-  if (typeof minWidth === 'string') minWidths = minWidth;
-  if (typeof minWidth === 'number') minWidths = "".concat(minWidth, "px");
-  stylesheet__namespace.updateProperties(window, styleSheet, className, {
-    width: "".concat(widths || minWidths),
-    minWidth: "".concat(widths || minWidths),
-    // minWidth: `${minWidths || widths}`,
-    maxWidth: "".concat(widths || minWidths)
+  if (typeof minWidth === "string")
+    minWidths = minWidth;
+  if (typeof minWidth === "number")
+    minWidths = `${minWidth}px`;
+  stylesheet.updateProperties(window, styleSheet, className, {
+    width: `${widths || minWidths}`,
+    minWidth: `${widths || minWidths}`,
+    maxWidth: `${widths || minWidths}`
   });
 }
-
-function updateStyle(_ref4) {
-  let {
-    styleSheet,
-    className,
-    style
-  } = _ref4;
-  stylesheet__namespace.updateProperties(window, styleSheet, className, style);
+function updateStyle({ styleSheet, className, style }) {
+  stylesheet.updateProperties(window, styleSheet, className, style);
 }
-
-function columnSizesHelperImpl(_ref5) {
-  let {
-    globalId,
-    getId = _ref6 => {
-      let {
-        property
-      } = _ref6;
-      return getColumnNameFromProperty(property);
-    }
-  } = _ref5;
-  const {
-    styleSheetElement,
-    styleSheet
-  } = stylesheet__namespace.create();
-
-  const updateBodyHeaderWidth = _ref7 => {
-    let {
-      className,
-      headerClassName,
-      width,
-      minWidth
-    } = _ref7;
+function columnSizesHelperImpl({ globalId, getId = ({ property }) => (0, import_getColumnNameFromProperty.getColumnNameFromProperty)(property) }) {
+  const { styleSheetElement, styleSheet } = stylesheet.create();
+  const updateBodyHeaderWidth = ({ className, headerClassName, width, minWidth }) => {
     setWidth({
       styleSheet,
       className,
@@ -155,24 +92,16 @@ function columnSizesHelperImpl(_ref5) {
       isHeader: true
     });
   };
-
   return {
     decorateColumns: (columns, grid) => {
       const {
-        props: {
-          minColumnWidth
-        }
+        props: { minColumnWidth }
       } = grid.getInstance();
-      return columns.map(column => {
-        const cellClassName = getColumnClassName({
-          globalId,
-          getId,
-          column
-        });
-        const headerClassName = "".concat(cellClassName, "-header");
-        dsUtilities.set(column, 'header.props.className', headerClassName);
-        dsUtilities.set(column, 'cell.props.className', cellClassName);
-
+      return columns.map((column) => {
+        const cellClassName = getColumnClassName({ globalId, getId, column });
+        const headerClassName = `${cellClassName}-header`;
+        (0, import_ds_utilities.set)(column, "header.props.className", headerClassName);
+        (0, import_ds_utilities.set)(column, "cell.props.className", cellClassName);
         column.updateBodyHeaderWidth = (width, minWidth) => {
           updateBodyHeaderWidth({
             className: cellClassName,
@@ -181,7 +110,6 @@ function columnSizesHelperImpl(_ref5) {
             minWidth
           });
         };
-
         column.updateWidth = (width, minWidth) => {
           setWidth({
             styleSheet,
@@ -190,81 +118,50 @@ function columnSizesHelperImpl(_ref5) {
             minWidth
           });
         };
-
-        column.updateStyle = style => updateStyle({
+        column.updateStyle = (style) => updateStyle({
           styleSheet,
           className: cellClassName,
           style
         });
-
-        column.headerHookEffects = [() => {
-          React.useEffect(() => {
-            const {
-              resizedColumns
-            } = grid.getInstance();
-            const resizedWidth = resizedColumns.current[column.uuid];
-            updateBodyHeaderWidth({
-              className: cellClassName,
-              headerClassName,
-              width: resizedWidth || column.width || minColumnWidth,
-              minWidth: resizedWidth || column.minWidth || minColumnWidth || column.width
-            });
-          }, [column.uuid]);
-        }];
+        column.headerHookEffects = [
+          () => {
+            (0, import_react.useEffect)(() => {
+              const { resizedColumns } = grid.getInstance();
+              const resizedWidth = resizedColumns.current[column.uuid];
+              updateBodyHeaderWidth({
+                className: cellClassName,
+                headerClassName,
+                width: resizedWidth || column.width || minColumnWidth,
+                minWidth: resizedWidth || column.minWidth || minColumnWidth || column.width
+              });
+            }, [column.uuid]);
+          }
+        ];
         return column;
       });
     },
-
     getColumnCellClassName(column) {
-      return getColumnClassName({
-        globalId,
-        getId,
-        column
-      });
+      return getColumnClassName({ globalId, getId, column });
     },
-
     getColumnHeaderClassName(column) {
-      return "".concat(getColumnClassName({
-        globalId,
-        getId,
-        column
-      }), "-header");
+      return `${getColumnClassName({ globalId, getId, column })}-header`;
     },
-
     cleanup() {
       styleSheetElement.remove();
     }
-
   };
 }
-
 function useStylesheetHelpers(grid) {
   const {
-    props: {
-      bindColumnsSizeTo,
-      bindRowSizeTo
-    }
+    props: { bindColumnsSizeTo, bindRowSizeTo }
   } = grid;
-  const [columnsStylesheet] = React.useState(() => columnSizesHelperImpl({
+  const [columnsStylesheet] = (0, import_react.useState)(() => columnSizesHelperImpl({
     globalId: bindColumnsSizeTo || grid.uuid,
-    getId: _ref8 => {
-      let {
-        uuid
-      } = _ref8;
-      return getColumnNameFromProperty(uuid);
-    }
-  }));
-  const rowClassName = "row-".concat(bindRowSizeTo || grid.uuid);
-  const [rowsStylesheet] = React.useState(() => RowStylesheetHelper({
-    grid,
-    className: rowClassName
+    getId: ({ uuid }) => (0, import_getColumnNameFromProperty.getColumnNameFromProperty)(uuid)
   }));
-  return {
-    columnsStylesheet,
-    rowsStylesheet,
-    rowClassName
-  };
+  const rowClassName = `row-${bindRowSizeTo || grid.uuid}`;
+  const [rowsStylesheet] = (0, import_react.useState)(() => RowStylesheetHelper({ grid, className: rowClassName }));
+  return { columnsStylesheet, rowsStylesheet, rowClassName };
 }
-
-exports.RowStylesheetHelper = RowStylesheetHelper;
-exports.useStylesheetHelpers = useStylesheetHelpers;
+module.exports = __toCommonJS(useStylesheetHelpers_exports);
+//# sourceMappingURL=useStylesheetHelpers.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/plugins/column-sizing/useStylesheetHelpers.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["/* eslint-disable no-param-reassign */\n/* eslint-disable max-lines */\nimport * as stylesheet from 'stylesheet-helpers';\nimport { useState, useEffect } from 'react';\nimport { set } from '@elliemae/ds-utilities';\nimport { getColumnNameFromProperty } from './getColumnNameFromProperty';\nimport { getScrollbarWidth } from '../../utilities/getScrollbarSize';\n\nconst SCROLLBAR_WIDTH = getScrollbarWidth();\n\nexport const RowStylesheetHelper = ({ grid, className }) => {\n  const { styleSheet, styleSheetElement } = stylesheet.create();\n  const update = (width) => {\n    const widths = typeof width === 'string' ? width : `${width}px`;\n    stylesheet.updateProperties(\n      window,\n      styleSheet,\n      className,\n      width ? { width: widths, minWidth: widths, maxWidth: widths } : { width: null, minWidth: null, maxWidth: null },\n    );\n    const { hasScroll } = grid.getState();\n    const headerWidth = `${width + (hasScroll ? SCROLLBAR_WIDTH : 0)}px`;\n    stylesheet.updateProperties(\n      window,\n      styleSheet,\n      `${className}-header`,\n      width\n        ? { width: headerWidth, minWidth: headerWidth, maxWidth: headerWidth }\n        : { width: null, minWidth: null, maxWidth: null },\n    );\n  };\n  const remove = () => styleSheetElement.remove();\n  const getRowClassName = () => className;\n  return {\n    update,\n    remove,\n    getRowClassName,\n  };\n};\n\nconst getColumnClassName = ({ globalId, column, isHeader = false, getId }) =>\n  `column-${globalId}-${getId(column)}${isHeader ? '-header' : ''}`;\n\nfunction setWidth({ styleSheet, className, width, minWidth }) {\n  let widths;\n  if (typeof width === 'string') widths = width;\n  if (typeof width === 'number') widths = `${width}px`;\n\n  let minWidths;\n  if (typeof minWidth === 'string') minWidths = minWidth;\n  if (typeof minWidth === 'number') minWidths = `${minWidth}px`;\n\n  stylesheet.updateProperties(window, styleSheet, className, {\n    width: `${widths || minWidths}`,\n    minWidth: `${widths || minWidths}`,\n    // minWidth: `${minWidths || widths}`,\n    maxWidth: `${widths || minWidths}`,\n  });\n}\n\nfunction updateStyle({ styleSheet, className, style }) {\n  stylesheet.updateProperties(window, styleSheet, className, style);\n}\n\nfunction columnSizesHelperImpl({ globalId, getId = ({ property }) => getColumnNameFromProperty(property) }) {\n  const { styleSheetElement, styleSheet } = stylesheet.create();\n\n  const updateBodyHeaderWidth = ({ className, headerClassName, width, minWidth }) => {\n    setWidth({\n      styleSheet,\n      className,\n      width,\n      minWidth,\n    });\n    setWidth({\n      styleSheet,\n      className: headerClassName,\n      width,\n      minWidth,\n      isHeader: true,\n    });\n  };\n\n  return {\n    decorateColumns: (columns, grid) => {\n      const {\n        props: { minColumnWidth },\n      } = grid.getInstance();\n      return columns.map((column) => {\n        const cellClassName = getColumnClassName({ globalId, getId, column });\n        const headerClassName = `${cellClassName}-header`;\n\n        set(column, 'header.props.className', headerClassName);\n        set(column, 'cell.props.className', cellClassName);\n\n        column.updateBodyHeaderWidth = (width, minWidth) => {\n          updateBodyHeaderWidth({\n            className: cellClassName,\n            headerClassName,\n            width,\n            minWidth,\n          });\n        };\n        column.updateWidth = (width, minWidth) => {\n          setWidth({\n            styleSheet,\n            className: cellClassName,\n            width,\n            minWidth,\n          });\n        };\n        column.updateStyle = (style) =>\n          updateStyle({\n            styleSheet,\n            className: cellClassName,\n            style,\n          });\n\n        column.headerHookEffects = [\n          () => {\n            useEffect(() => {\n              const { resizedColumns } = grid.getInstance();\n              const resizedWidth = resizedColumns.current[column.uuid];\n              updateBodyHeaderWidth({\n                className: cellClassName,\n                headerClassName,\n                width: resizedWidth || column.width || minColumnWidth,\n                minWidth: resizedWidth || column.minWidth || minColumnWidth || column.width,\n              });\n            }, [column.uuid]);\n          },\n        ];\n\n        return column;\n      });\n    },\n    getColumnCellClassName(column) {\n      return getColumnClassName({ globalId, getId, column });\n    },\n    getColumnHeaderClassName(column) {\n      return `${getColumnClassName({ globalId, getId, column })}-header`;\n    },\n    cleanup() {\n      styleSheetElement.remove();\n    },\n  };\n}\n\nexport function useStylesheetHelpers(grid) {\n  const {\n    props: { bindColumnsSizeTo, bindRowSizeTo },\n  } = grid;\n\n  const [columnsStylesheet] = useState(() =>\n    columnSizesHelperImpl({\n      globalId: bindColumnsSizeTo || grid.uuid,\n      getId: ({ uuid }) => getColumnNameFromProperty(uuid),\n    }),\n  );\n  const rowClassName = `row-${bindRowSizeTo || grid.uuid}`;\n  const [rowsStylesheet] = useState(() => RowStylesheetHelper({ grid, className: rowClassName }));\n\n  return { columnsStylesheet, rowsStylesheet, rowClassName };\n}\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": "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",
+  "names": []
+}

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

@@ -1,20 +1,49 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-require('core-js/modules/esnext.async-iterator.for-each.js');
-require('core-js/modules/esnext.iterator.constructor.js');
-require('core-js/modules/esnext.iterator.for-each.js');
-var dsUtilities = require('@elliemae/ds-utilities');
-
+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 utils_exports = {};
+__export(utils_exports, {
+  calculateMinWidthForWrappedText: () => calculateMinWidthForWrappedText,
+  getColumnWidthSize: () => getColumnWidthSize,
+  getPercentageValue: () => getPercentageValue,
+  getScrollbarSizeFromHeaderAndBody: () => getScrollbarSizeFromHeaderAndBody,
+  isScrollbarVisible: () => isScrollbarVisible
+});
+var React = __toESM(require("react"));
+var import_ds_utilities = require("@elliemae/ds-utilities");
 function getScrollbarSizeFromHeaderAndBody(refs) {
-  const innerBodyOffsetWidth = dsUtilities.get(refs, ['innerBody', 'current', 'offsetWidth']);
-  const headerOffsetWidth = dsUtilities.get(refs, ['header', 'current', 'offsetWidth']);
+  const innerBodyOffsetWidth = (0, import_ds_utilities.get)(refs, ["innerBody", "current", "offsetWidth"]);
+  const headerOffsetWidth = (0, import_ds_utilities.get)(refs, ["header", "current", "offsetWidth"]);
   return headerOffsetWidth - innerBodyOffsetWidth;
 }
-const isScrollbarVisible = element => element.scrollHeight > element.clientHeight;
-const getPercentageValue = percentString => {
-  if (typeof percentString !== 'string') return null;
+const isScrollbarVisible = (element) => element.scrollHeight > element.clientHeight;
+const getPercentageValue = (percentString) => {
+  if (typeof percentString !== "string")
+    return null;
   const result = percentString.match(/(\d+|\d*[.,]\d{1,2})/);
   return result && Number(result[0]);
 };
@@ -22,24 +51,18 @@ const getColumnWidthSize = (width, minWidth, column) => {
   if (column.special) {
     return column.width;
   }
-
-  if (minWidth && minWidth > width) return minWidth;
+  if (minWidth && minWidth > width)
+    return minWidth;
   return width;
 };
-const calculateMinWidthForWrappedText = columns => {
+const calculateMinWidthForWrappedText = (columns) => {
   let longestWord = 0;
-  columns.forEach(_ref => {
-    let {
-      label
-    } = _ref;
-    const localLongestWord = label.split(' ').sort((a, b) => b.length - a.length)[0].length;
-    if (localLongestWord > longestWord) longestWord = localLongestWord;
+  columns.forEach(({ label }) => {
+    const localLongestWord = label.split(" ").sort((a, b) => b.length - a.length)[0].length;
+    if (localLongestWord > longestWord)
+      longestWord = localLongestWord;
   });
   return longestWord * 8.5;
 };
-
-exports.calculateMinWidthForWrappedText = calculateMinWidthForWrappedText;
-exports.getColumnWidthSize = getColumnWidthSize;
-exports.getPercentageValue = getPercentageValue;
-exports.getScrollbarSizeFromHeaderAndBody = getScrollbarSizeFromHeaderAndBody;
-exports.isScrollbarVisible = isScrollbarVisible;
+module.exports = __toCommonJS(utils_exports);
+//# sourceMappingURL=utils.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/plugins/column-sizing/utils.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import { get } from '@elliemae/ds-utilities';\n\nexport function getScrollbarSizeFromHeaderAndBody(refs) {\n  const innerBodyOffsetWidth = get(refs, ['innerBody', 'current', 'offsetWidth']);\n  const headerOffsetWidth = get(refs, ['header', 'current', 'offsetWidth']);\n\n  return headerOffsetWidth - innerBodyOffsetWidth;\n}\n\nexport const isScrollbarVisible = (element) => element.scrollHeight > element.clientHeight;\n\nexport const getPercentageValue = (percentString) => {\n  if (typeof percentString !== 'string') return null;\n  const result = percentString.match(/(\\d+|\\d*[.,]\\d{1,2})/);\n\n  return result && Number(result[0]);\n};\n\nexport const getColumnWidthSize = (width, minWidth, column) => {\n  if (column.special) {\n    return column.width;\n  }\n  if (minWidth && minWidth > width) return minWidth;\n  return width;\n};\n\nexport const calculateMinWidthForWrappedText = (columns) => {\n  let longestWord = 0;\n\n  columns.forEach(({ label }) => {\n    const localLongestWord = label.split(' ').sort((a, b) => b.length - a.length)[0].length;\n    if (localLongestWord > longestWord) longestWord = localLongestWord;\n  });\n\n  return longestWord * 8.5;\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,0BAAoB;AAEb,2CAA2C,MAAM;AACtD,QAAM,uBAAuB,6BAAI,MAAM,CAAC,aAAa,WAAW;AAChE,QAAM,oBAAoB,6BAAI,MAAM,CAAC,UAAU,WAAW;AAE1D,SAAO,oBAAoB;AAAA;AAGtB,MAAM,qBAAqB,CAAC,YAAY,QAAQ,eAAe,QAAQ;AAEvE,MAAM,qBAAqB,CAAC,kBAAkB;AACnD,MAAI,OAAO,kBAAkB;AAAU,WAAO;AAC9C,QAAM,SAAS,cAAc,MAAM;AAEnC,SAAO,UAAU,OAAO,OAAO;AAAA;AAG1B,MAAM,qBAAqB,CAAC,OAAO,UAAU,WAAW;AAC7D,MAAI,OAAO,SAAS;AAClB,WAAO,OAAO;AAAA;AAEhB,MAAI,YAAY,WAAW;AAAO,WAAO;AACzC,SAAO;AAAA;AAGF,MAAM,kCAAkC,CAAC,YAAY;AAC1D,MAAI,cAAc;AAElB,UAAQ,QAAQ,CAAC,EAAE,YAAY;AAC7B,UAAM,mBAAmB,MAAM,MAAM,KAAK,KAAK,CAAC,GAAG,MAAM,EAAE,SAAS,EAAE,QAAQ,GAAG;AACjF,QAAI,mBAAmB;AAAa,oBAAc;AAAA;AAGpD,SAAO,cAAc;AAAA;",
+  "names": []
+}

package/cjs/plugins/custom-cell-renderer/CustomRendererPlugin.js

@@ -1,18 +1,40 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var createInstancePlugin = require('@elliemae/ds-shared/createDataInstance/createInstancePlugin');
-var addCustomRendererToCell = require('./addCustomRendererToCell.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var createInstancePlugin__default = /*#__PURE__*/_interopDefaultLegacy(createInstancePlugin);
-
-const decorateColumn = (column, grid) => addCustomRendererToCell["default"](grid)(column);
-
-const CustomRendererPlugin = createInstancePlugin__default["default"]('custom-renderer', {
+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 CustomRendererPlugin_exports = {};
+__export(CustomRendererPlugin_exports, {
+  CustomRendererPlugin: () => CustomRendererPlugin
+});
+var React = __toESM(require("react"));
+var import_createInstancePlugin = require("@elliemae/ds-shared/createDataInstance/createInstancePlugin");
+var import_addCustomRendererToCell = require("./addCustomRendererToCell");
+const decorateColumn = (column, grid) => (0, import_addCustomRendererToCell.addCustomRendererToCell)(grid)(column);
+const CustomRendererPlugin = (0, import_createInstancePlugin.createInstancePlugin)("custom-renderer", {
   decorateColumn
 });
-
-exports.CustomRendererPlugin = CustomRendererPlugin;
+module.exports = __toCommonJS(CustomRendererPlugin_exports);
+//# sourceMappingURL=CustomRendererPlugin.js.map

package/cjs/plugins/custom-cell-renderer/CustomRendererPlugin.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/plugins/custom-cell-renderer/CustomRendererPlugin.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import { createInstancePlugin } from '@elliemae/ds-shared/createDataInstance/createInstancePlugin';\nimport { addCustomRendererToCell } from './addCustomRendererToCell';\n\n// todo: this probably needs to go to the core\n\nconst decorateColumn = (column, grid) => addCustomRendererToCell(grid)(column);\n\nexport const CustomRendererPlugin = createInstancePlugin('custom-renderer', {\n  decorateColumn,\n});\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,kCAAqC;AACrC,qCAAwC;AAIxC,MAAM,iBAAiB,CAAC,QAAQ,SAAS,4DAAwB,MAAM;AAEhE,MAAM,uBAAuB,sDAAqB,mBAAmB;AAAA,EAC1E;AAAA;",
+  "names": []
+}