@elliemae/ds-datagrids 2.2.0-next.3 → 2.3.0-alpha.1

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

@@ -1,122 +1,51 @@
-import 'core-js/modules/esnext.async-iterator.map.js';
-import 'core-js/modules/esnext.iterator.map.js';
-import 'core-js/modules/web.dom-collections.iterator.js';
-import * as stylesheet from 'stylesheet-helpers';
-import { useState, useEffect } from 'react';
-import { set } from '@elliemae/ds-utilities';
-import getColumnFromProperty from './getColumnNameFromProperty.js';
-import { getScrollbarWidth } from '../../utilities/getScrollbarSize.js';
-
+import * as React from "react";
+import * as stylesheet from "stylesheet-helpers";
+import { useState, useEffect } from "react";
+import { set } from "@elliemae/ds-utilities";
+import { getColumnNameFromProperty } from "./getColumnNameFromProperty";
+import { getScrollbarWidth } from "../../utilities/getScrollbarSize";
 const SCROLLBAR_WIDTH = getScrollbarWidth();
-const RowStylesheetHelper = _ref => {
-  let {
-    grid,
-    className
-  } = _ref;
-  const {
-    styleSheet,
-    styleSheetElement
-  } = stylesheet.create();
-
-  const update = width => {
-    const widths = typeof width === 'string' ? width : "".concat(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 = "".concat(width + (hasScroll ? SCROLLBAR_WIDTH : 0), "px");
-    stylesheet.updateProperties(window, styleSheet, "".concat(className, "-header"), width ? {
-      width: headerWidth,
-      minWidth: headerWidth,
-      maxWidth: headerWidth
-    } : {
-      width: null,
-      minWidth: null,
-      maxWidth: null
-    });
+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");
+  if (typeof minWidth === "string")
+    minWidths = minWidth;
+  if (typeof minWidth === "number")
+    minWidths = `${minWidth}px`;
   stylesheet.updateProperties(window, styleSheet, className, {
-    width: "".concat(widths || minWidths),
-    minWidth: "".concat(widths || minWidths),
-    // minWidth: `${minWidths || widths}`,
-    maxWidth: "".concat(widths || minWidths)
+    width: `${widths || minWidths}`,
+    minWidth: `${widths || minWidths}`,
+    maxWidth: `${widths || minWidths}`
   });
 }
-
-function updateStyle(_ref4) {
-  let {
-    styleSheet,
-    className,
-    style
-  } = _ref4;
+function updateStyle({ styleSheet, className, style }) {
   stylesheet.updateProperties(window, styleSheet, className, style);
 }
-
-function columnSizesHelperImpl(_ref5) {
-  let {
-    globalId,
-    getId = _ref6 => {
-      let {
-        property
-      } = _ref6;
-      return getColumnFromProperty(property);
-    }
-  } = _ref5;
-  const {
-    styleSheetElement,
-    styleSheet
-  } = stylesheet.create();
-
-  const updateBodyHeaderWidth = _ref7 => {
-    let {
-      className,
-      headerClassName,
-      width,
-      minWidth
-    } = _ref7;
+function columnSizesHelperImpl({ globalId, getId = ({ property }) => getColumnNameFromProperty(property) }) {
+  const { styleSheetElement, styleSheet } = stylesheet.create();
+  const updateBodyHeaderWidth = ({ className, headerClassName, width, minWidth }) => {
     setWidth({
       styleSheet,
       className,
@@ -131,24 +60,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");
-        set(column, 'header.props.className', headerClassName);
-        set(column, 'cell.props.className', cellClassName);
-
+      return columns.map((column) => {
+        const cellClassName = getColumnClassName({ globalId, getId, column });
+        const headerClassName = `${cellClassName}-header`;
+        set(column, "header.props.className", headerClassName);
+        set(column, "cell.props.className", cellClassName);
         column.updateBodyHeaderWidth = (width, minWidth) => {
           updateBodyHeaderWidth({
             className: cellClassName,
@@ -157,7 +78,6 @@ function columnSizesHelperImpl(_ref5) {
             minWidth
           });
         };
-
         column.updateWidth = (width, minWidth) => {
           setWidth({
             styleSheet,
@@ -166,80 +86,53 @@ function columnSizesHelperImpl(_ref5) {
             minWidth
           });
         };
-
-        column.updateStyle = style => updateStyle({
+        column.updateStyle = (style) => updateStyle({
           styleSheet,
           className: cellClassName,
           style
         });
-
-        column.headerHookEffects = [() => {
-          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 = [
+          () => {
+            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] = useState(() => columnSizesHelperImpl({
     globalId: bindColumnsSizeTo || grid.uuid,
-    getId: _ref8 => {
-      let {
-        uuid
-      } = _ref8;
-      return getColumnFromProperty(uuid);
-    }
+    getId: ({ uuid }) => getColumnNameFromProperty(uuid)
   }));
-  const rowClassName = "row-".concat(bindRowSizeTo || grid.uuid);
-  const [rowsStylesheet] = useState(() => RowStylesheetHelper({
-    grid,
-    className: rowClassName
-  }));
-  return {
-    columnsStylesheet,
-    rowsStylesheet,
-    rowClassName
-  };
+  const rowClassName = `row-${bindRowSizeTo || grid.uuid}`;
+  const [rowsStylesheet] = useState(() => RowStylesheetHelper({ grid, className: rowClassName }));
+  return { columnsStylesheet, rowsStylesheet, rowClassName };
 }
-
-export { RowStylesheetHelper, useStylesheetHelpers };
+export {
+  RowStylesheetHelper,
+  useStylesheetHelpers
+};
+//# sourceMappingURL=useStylesheetHelpers.js.map

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

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

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

@@ -1,16 +1,14 @@
-import 'core-js/modules/esnext.async-iterator.for-each.js';
-import 'core-js/modules/esnext.iterator.constructor.js';
-import 'core-js/modules/esnext.iterator.for-each.js';
-import { get } from '@elliemae/ds-utilities';
-
+import * as React from "react";
+import { get } from "@elliemae/ds-utilities";
 function getScrollbarSizeFromHeaderAndBody(refs) {
-  const innerBodyOffsetWidth = get(refs, ['innerBody', 'current', 'offsetWidth']);
-  const headerOffsetWidth = get(refs, ['header', 'current', 'offsetWidth']);
+  const innerBodyOffsetWidth = get(refs, ["innerBody", "current", "offsetWidth"]);
+  const headerOffsetWidth = 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]);
 };
@@ -18,20 +16,24 @@ 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;
 };
-
-export { calculateMinWidthForWrappedText, getColumnWidthSize, getPercentageValue, getScrollbarSizeFromHeaderAndBody, isScrollbarVisible };
+export {
+  calculateMinWidthForWrappedText,
+  getColumnWidthSize,
+  getPercentageValue,
+  getScrollbarSizeFromHeaderAndBody,
+  isScrollbarVisible
+};
+//# sourceMappingURL=utils.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/plugins/column-sizing/utils.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "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"],
+  "mappings": "AAAA;ACAA;AAEO,2CAA2C,MAAM;AACtD,QAAM,uBAAuB,IAAI,MAAM,CAAC,aAAa,WAAW;AAChE,QAAM,oBAAoB,IAAI,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/esm/plugins/custom-cell-renderer/CustomRendererPlugin.js

@@ -1,10 +1,11 @@
-import createInstancePlugin from '@elliemae/ds-shared/createDataInstance/createInstancePlugin';
-import addCustomRendererToCell from './addCustomRendererToCell.js';
-
+import * as React from "react";
+import { createInstancePlugin } from "@elliemae/ds-shared/createDataInstance/createInstancePlugin";
+import { addCustomRendererToCell } from "./addCustomRendererToCell";
 const decorateColumn = (column, grid) => addCustomRendererToCell(grid)(column);
-
-const CustomRendererPlugin = createInstancePlugin('custom-renderer', {
+const CustomRendererPlugin = createInstancePlugin("custom-renderer", {
   decorateColumn
 });
-
-export { CustomRendererPlugin };
+export {
+  CustomRendererPlugin
+};
+//# sourceMappingURL=CustomRendererPlugin.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/plugins/custom-cell-renderer/CustomRendererPlugin.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "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"],
+  "mappings": "AAAA;ACAA;AACA;AAIA,MAAM,iBAAiB,CAAC,QAAQ,SAAS,wBAAwB,MAAM;AAEhE,MAAM,uBAAuB,qBAAqB,mBAAmB;AAAA,EAC1E;AAAA;",
+  "names": []
+}

package/esm/plugins/custom-cell-renderer/addCustomRendererToCell.js

@@ -1,63 +1,48 @@
-import 'core-js/modules/esnext.async-iterator.filter.js';
-import 'core-js/modules/esnext.iterator.constructor.js';
-import 'core-js/modules/esnext.iterator.filter.js';
-import 'core-js/modules/esnext.async-iterator.for-each.js';
-import 'core-js/modules/esnext.iterator.for-each.js';
-import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
-import { get, isFunction } from '@elliemae/ds-utilities';
-import { appendCellFormatter } from '@elliemae/ds-shared/useDataGrid/initColumnDefinition';
-import getRendererComponent from './getRendererComponent.js';
-
-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(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; }
+import * as React from "react";
+import { isFunction, get } from "@elliemae/ds-utilities";
+import { appendCellFormatter } from "@elliemae/ds-shared/useDataGrid/initColumnDefinition";
+import { getRendererComponent } from "./getRendererComponent";
 const getRenderer = (renderer, grid, column) => (value, metaData) => {
   const {
-    props: {
-      customHandlers,
-      parentRowData
-    }
+    props: { customHandlers, parentRowData }
   } = grid.getInstance();
-
   if (column && column.formatExpandable && value && value.props && value.props.children && value.props.children.length === 2) {
-    return [value.props.children[0], renderer({
-      value: value.props.children[1],
-      // apply custom render only to the original value not the arrow
-      metaData: _objectSpread(_objectSpread({}, metaData), {}, {
-        parentRowData
-      }),
-      customHandlers
-    })];
+    return [
+      value.props.children[0],
+      renderer({
+        value: value.props.children[1],
+        metaData: { ...metaData, parentRowData },
+        customHandlers
+      })
+    ];
   }
-
   return renderer({
     value,
-    metaData: _objectSpread(_objectSpread({}, metaData), {}, {
-      parentRowData
-    }),
+    metaData: { ...metaData, parentRowData },
     customHandlers
   });
 };
-
-const addCustomRendererToCell = grid => column => {
-  const {
-    customRenderer
-  } = column;
-  const customHeaderRenderer = get(column, ['header', 'customRenderer']);
-  if (!customRenderer && !customHeaderRenderer) return column;
-
+const addCustomRendererToCell = (grid) => (column) => {
+  const { customRenderer } = column;
+  const customHeaderRenderer = get(column, ["header", "customRenderer"]);
+  if (!customRenderer && !customHeaderRenderer)
+    return column;
   if (isFunction(customHeaderRenderer)) {
     column.header.formatters.push(getRenderer(customHeaderRenderer, grid));
   }
-
   if (isFunction(customRenderer)) {
     column = appendCellFormatter(getRenderer(customRenderer, grid, column), column);
   } else {
-    if (!customRenderer) return column;
+    if (!customRenderer)
+      return column;
     column.cell.formatters.push((value, columnData) => getRendererComponent(grid, customRenderer, columnData));
   }
-
   return column;
 };
-
-export { addCustomRendererToCell as default, getRenderer };
+var addCustomRendererToCell_default = addCustomRendererToCell;
+export {
+  addCustomRendererToCell,
+  addCustomRendererToCell_default as default,
+  getRenderer
+};
+//# sourceMappingURL=addCustomRendererToCell.js.map

package/esm/plugins/custom-cell-renderer/addCustomRendererToCell.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/plugins/custom-cell-renderer/addCustomRendererToCell.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable max-statements */\nimport { isFunction, get } from '@elliemae/ds-utilities';\nimport { appendCellFormatter } from '@elliemae/ds-shared/useDataGrid/initColumnDefinition';\nimport { getRendererComponent } from './getRendererComponent';\n\nexport const getRenderer = (renderer, grid, column) => (value, metaData) => {\n  const {\n    props: { customHandlers, parentRowData },\n  } = grid.getInstance();\n  if (\n    column &&\n    column.formatExpandable &&\n    value &&\n    value.props &&\n    value.props.children &&\n    value.props.children.length === 2\n  ) {\n    return [\n      value.props.children[0],\n      renderer({\n        value: value.props.children[1], // apply custom render only to the original value not the arrow\n        metaData: { ...metaData, parentRowData },\n        customHandlers,\n      }),\n    ];\n  }\n  return renderer({\n    value,\n    metaData: { ...metaData, parentRowData },\n    customHandlers,\n  });\n};\n\nconst addCustomRendererToCell = (grid) => (column) => {\n  const { customRenderer } = column;\n  const customHeaderRenderer = get(column, ['header', 'customRenderer']);\n  if (!customRenderer && !customHeaderRenderer) return column;\n\n  if (isFunction(customHeaderRenderer)) {\n    column.header.formatters.push(getRenderer(customHeaderRenderer, grid));\n  }\n\n  if (isFunction(customRenderer)) {\n    column = appendCellFormatter(getRenderer(customRenderer, grid, column), column);\n  } else {\n    if (!customRenderer) return column;\n    column.cell.formatters.push((value, columnData) => getRendererComponent(grid, customRenderer, columnData));\n  }\n\n  return column;\n};\n\nexport { addCustomRendererToCell };\nexport default addCustomRendererToCell;\n"],
+  "mappings": "AAAA;ACCA;AACA;AACA;AAEO,MAAM,cAAc,CAAC,UAAU,MAAM,WAAW,CAAC,OAAO,aAAa;AAC1E,QAAM;AAAA,IACJ,OAAO,EAAE,gBAAgB;AAAA,MACvB,KAAK;AACT,MACE,UACA,OAAO,oBACP,SACA,MAAM,SACN,MAAM,MAAM,YACZ,MAAM,MAAM,SAAS,WAAW,GAChC;AACA,WAAO;AAAA,MACL,MAAM,MAAM,SAAS;AAAA,MACrB,SAAS;AAAA,QACP,OAAO,MAAM,MAAM,SAAS;AAAA,QAC5B,UAAU,KAAK,UAAU;AAAA,QACzB;AAAA;AAAA;AAAA;AAIN,SAAO,SAAS;AAAA,IACd;AAAA,IACA,UAAU,KAAK,UAAU;AAAA,IACzB;AAAA;AAAA;AAIJ,MAAM,0BAA0B,CAAC,SAAS,CAAC,WAAW;AACpD,QAAM,EAAE,mBAAmB;AAC3B,QAAM,uBAAuB,IAAI,QAAQ,CAAC,UAAU;AACpD,MAAI,CAAC,kBAAkB,CAAC;AAAsB,WAAO;AAErD,MAAI,WAAW,uBAAuB;AACpC,WAAO,OAAO,WAAW,KAAK,YAAY,sBAAsB;AAAA;AAGlE,MAAI,WAAW,iBAAiB;AAC9B,aAAS,oBAAoB,YAAY,gBAAgB,MAAM,SAAS;AAAA,SACnE;AACL,QAAI,CAAC;AAAgB,aAAO;AAC5B,WAAO,KAAK,WAAW,KAAK,CAAC,OAAO,eAAe,qBAAqB,MAAM,gBAAgB;AAAA;AAGhG,SAAO;AAAA;AAIT,IAAO,kCAAQ;",
+  "names": []
+}

package/esm/plugins/custom-cell-renderer/getRendererComponent.js

@@ -1,22 +1,9 @@
-import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
-import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
-import 'core-js/modules/esnext.async-iterator.for-each.js';
-import 'core-js/modules/esnext.iterator.constructor.js';
-import 'core-js/modules/esnext.iterator.for-each.js';
-import 'core-js/modules/esnext.async-iterator.filter.js';
-import 'core-js/modules/esnext.iterator.filter.js';
-import 'react';
-import DSButton from '@elliemae/ds-button';
-import { DSCheckbox, DSComboBox, DSRadio, DSTextBox, DSToggle } from '@elliemae/ds-form';
-import DSDropdownMenu from '@elliemae/ds-dropdownmenu';
-import * as index from '../../components/renderers/index.js';
-import { jsx } from 'react/jsx-runtime';
-
-const _excluded = ["type", "handlers"];
-
-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(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; }
+import * as React from "react";
+import React2 from "react";
+import { DSButton } from "@elliemae/ds-button";
+import { DSCheckbox, DSComboBox, DSRadio, DSTextBox, DSToggle } from "@elliemae/ds-form";
+import { DSDropdownMenu } from "@elliemae/ds-dropdownmenu";
+import * as renderers from "../../components/renderers";
 const components = {
   DSButton,
   DSCheckbox,
@@ -26,31 +13,22 @@ const components = {
   DSToggle,
   DSDropdownMenu
 };
-
-const getRendererComponent = (_ref2, _ref, _ref3) => {
-  let {
-    props
-  } = _ref2;
-  let {
-    rowData
-  } = _ref3;
-
-  let {
-    type = 'DSTextBox',
-    handlers
-  } = _ref,
-      rest = _objectWithoutProperties(_ref, _excluded);
-
-  const Component = components[type] || index[type];
-  const {
-    customHandlers,
-    rowKey
-  } = props;
+const getRendererComponent = ({ props }, { type = "DSTextBox", handlers, ...rest }, { rowData }) => {
+  const Component = components[type] || renderers[type];
+  const { customHandlers, rowKey } = props;
   const mappedHandlers = {};
-  Object.keys(handlers).forEach(key => {
-    mappedHandlers[handlers[key]] = () => typeof customHandlers[key] === 'function' ? customHandlers[key](rowData, rowData[rowKey]) : null;
+  Object.keys(handlers).forEach((key) => {
+    mappedHandlers[handlers[key]] = () => typeof customHandlers[key] === "function" ? customHandlers[key](rowData, rowData[rowKey]) : null;
   });
-  return /*#__PURE__*/jsx(Component, _objectSpread(_objectSpread(_objectSpread({}, rowData), mappedHandlers), rest));
+  return /* @__PURE__ */ React2.createElement(Component, {
+    ...rowData,
+    ...mappedHandlers,
+    ...rest
+  });
+};
+var getRendererComponent_default = getRendererComponent;
+export {
+  getRendererComponent_default as default,
+  getRendererComponent
 };
-
-export { getRendererComponent as default };
+//# sourceMappingURL=getRendererComponent.js.map

package/esm/plugins/custom-cell-renderer/getRendererComponent.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/plugins/custom-cell-renderer/getRendererComponent.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { DSButton } from '@elliemae/ds-button';\nimport { DSCheckbox, DSComboBox, DSRadio, DSTextBox, DSToggle } from '@elliemae/ds-form';\nimport { DSDropdownMenu } from '@elliemae/ds-dropdownmenu';\nimport * as renderers from '../../components/renderers';\n\nconst components = {\n  DSButton,\n  DSCheckbox,\n  DSComboBox,\n  DSRadio,\n  DSTextBox,\n  DSToggle,\n  DSDropdownMenu,\n};\n\nconst getRendererComponent = ({ props }, { type = 'DSTextBox', handlers, ...rest }, { rowData }) => {\n  const Component = components[type] || renderers[type];\n  const { customHandlers, rowKey } = props;\n  const mappedHandlers = {};\n\n  Object.keys(handlers).forEach((key) => {\n    mappedHandlers[handlers[key]] = () =>\n      typeof customHandlers[key] === 'function' ? customHandlers[key](rowData, rowData[rowKey]) : null;\n  });\n  return <Component {...rowData} {...mappedHandlers} {...rest} />;\n};\n\nexport { getRendererComponent };\nexport default getRendererComponent;\n"],
+  "mappings": "AAAA;ACAA;AACA;AACA;AACA;AACA;AAEA,MAAM,aAAa;AAAA,EACjB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA;AAGF,MAAM,uBAAuB,CAAC,EAAE,SAAS,EAAE,OAAO,aAAa,aAAa,QAAQ,EAAE,cAAc;AAClG,QAAM,YAAY,WAAW,SAAS,UAAU;AAChD,QAAM,EAAE,gBAAgB,WAAW;AACnC,QAAM,iBAAiB;AAEvB,SAAO,KAAK,UAAU,QAAQ,CAAC,QAAQ;AACrC,mBAAe,SAAS,QAAQ,MAC9B,OAAO,eAAe,SAAS,aAAa,eAAe,KAAK,SAAS,QAAQ,WAAW;AAAA;AAEhG,SAAO,qCAAC,WAAD;AAAA,OAAe;AAAA,OAAa;AAAA,OAAoB;AAAA;AAAA;AAIzD,IAAO,+BAAQ;",
+  "names": []
+}

package/esm/plugins/custom-cell-renderer/index.js

@@ -1 +1,6 @@
-export { CustomRendererPlugin } from './CustomRendererPlugin.js';
+import * as React from "react";
+import { CustomRendererPlugin } from "./CustomRendererPlugin";
+export {
+  CustomRendererPlugin
+};
+//# sourceMappingURL=index.js.map

package/esm/plugins/custom-cell-renderer/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/plugins/custom-cell-renderer/index.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export { CustomRendererPlugin } from './CustomRendererPlugin';\n"],
+  "mappings": "AAAA;ACAA;",
+  "names": []
+}