@elliemae/ds-datagrids 2.2.0-alpha.4 → 3.0.0-next.2

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

@@ -1,83 +1,146 @@
-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 });
+'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]; }
+        });
+      }
+    });
   }
-  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 });
+  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
+    });
   };
+
   const remove = () => styleSheetElement.remove();
+
   const getRowClassName = () => className;
+
   return {
     update,
     remove,
     getRowClassName
   };
 };
-const getColumnClassName = ({ globalId, column, isHeader = false, getId }) => `column-${globalId}-${getId(column)}${isHeader ? "-header" : ""}`;
-function setWidth({ styleSheet, className, width, minWidth }) {
+
+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;
   let widths;
-  if (typeof width === "string")
-    widths = width;
-  if (typeof width === "number")
-    widths = `${width}px`;
+  if (typeof width === 'string') widths = width;
+  if (typeof width === 'number') widths = "".concat(width, "px");
   let 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}`
+  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)
   });
 }
-function updateStyle({ styleSheet, className, style }) {
-  stylesheet.updateProperties(window, styleSheet, className, style);
+
+function updateStyle(_ref4) {
+  let {
+    styleSheet,
+    className,
+    style
+  } = _ref4;
+  stylesheet__namespace.updateProperties(window, styleSheet, className, style);
 }
-function columnSizesHelperImpl({ globalId, getId = ({ property }) => (0, import_getColumnNameFromProperty.getColumnNameFromProperty)(property) }) {
-  const { styleSheetElement, styleSheet } = stylesheet.create();
-  const updateBodyHeaderWidth = ({ className, headerClassName, width, minWidth }) => {
+
+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;
     setWidth({
       styleSheet,
       className,
@@ -92,16 +155,24 @@ function columnSizesHelperImpl({ globalId, getId = ({ property }) => (0, import_
       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 = `${cellClassName}-header`;
-        (0, import_ds_utilities.set)(column, "header.props.className", headerClassName);
-        (0, import_ds_utilities.set)(column, "cell.props.className", cellClassName);
+      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);
+
         column.updateBodyHeaderWidth = (width, minWidth) => {
           updateBodyHeaderWidth({
             className: cellClassName,
@@ -110,6 +181,7 @@ function columnSizesHelperImpl({ globalId, getId = ({ property }) => (0, import_
             minWidth
           });
         };
+
         column.updateWidth = (width, minWidth) => {
           setWidth({
             styleSheet,
@@ -118,50 +190,81 @@ function columnSizesHelperImpl({ globalId, getId = ({ property }) => (0, import_
             minWidth
           });
         };
-        column.updateStyle = (style) => updateStyle({
+
+        column.updateStyle = style => updateStyle({
           styleSheet,
           className: cellClassName,
           style
         });
-        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]);
-          }
-        ];
+
+        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]);
+        }];
         return column;
       });
     },
+
     getColumnCellClassName(column) {
-      return getColumnClassName({ globalId, getId, column });
+      return getColumnClassName({
+        globalId,
+        getId,
+        column
+      });
     },
+
     getColumnHeaderClassName(column) {
-      return `${getColumnClassName({ globalId, getId, column })}-header`;
+      return "".concat(getColumnClassName({
+        globalId,
+        getId,
+        column
+      }), "-header");
     },
+
     cleanup() {
       styleSheetElement.remove();
     }
+
   };
 }
+
 function useStylesheetHelpers(grid) {
   const {
-    props: { bindColumnsSizeTo, bindRowSizeTo }
+    props: {
+      bindColumnsSizeTo,
+      bindRowSizeTo
+    }
   } = grid;
-  const [columnsStylesheet] = (0, import_react.useState)(() => columnSizesHelperImpl({
+  const [columnsStylesheet] = React.useState(() => columnSizesHelperImpl({
     globalId: bindColumnsSizeTo || grid.uuid,
-    getId: ({ uuid }) => (0, import_getColumnNameFromProperty.getColumnNameFromProperty)(uuid)
+    getId: _ref8 => {
+      let {
+        uuid
+      } = _ref8;
+      return getColumnNameFromProperty(uuid);
+    }
+  }));
+  const rowClassName = "row-".concat(bindRowSizeTo || grid.uuid);
+  const [rowsStylesheet] = React.useState(() => RowStylesheetHelper({
+    grid,
+    className: rowClassName
   }));
-  const rowClassName = `row-${bindRowSizeTo || grid.uuid}`;
-  const [rowsStylesheet] = (0, import_react.useState)(() => RowStylesheetHelper({ grid, className: rowClassName }));
-  return { columnsStylesheet, rowsStylesheet, rowClassName };
+  return {
+    columnsStylesheet,
+    rowsStylesheet,
+    rowClassName
+  };
 }
-module.exports = __toCommonJS(useStylesheetHelpers_exports);
-//# sourceMappingURL=useStylesheetHelpers.js.map
+
+exports.RowStylesheetHelper = RowStylesheetHelper;
+exports.useStylesheetHelpers = useStylesheetHelpers;

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

@@ -1,49 +1,20 @@
-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");
+'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');
+
 function getScrollbarSizeFromHeaderAndBody(refs) {
-  const innerBodyOffsetWidth = (0, import_ds_utilities.get)(refs, ["innerBody", "current", "offsetWidth"]);
-  const headerOffsetWidth = (0, import_ds_utilities.get)(refs, ["header", "current", "offsetWidth"]);
+  const innerBodyOffsetWidth = dsUtilities.get(refs, ['innerBody', 'current', 'offsetWidth']);
+  const headerOffsetWidth = dsUtilities.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]);
 };
@@ -51,18 +22,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(({ label }) => {
-    const localLongestWord = label.split(" ").sort((a, b) => b.length - a.length)[0].length;
-    if (localLongestWord > longestWord)
-      longestWord = localLongestWord;
+  columns.forEach(_ref => {
+    let {
+      label
+    } = _ref;
+    const localLongestWord = label.split(' ').sort((a, b) => b.length - a.length)[0].length;
+    if (localLongestWord > longestWord) longestWord = localLongestWord;
   });
   return longestWord * 8.5;
 };
-module.exports = __toCommonJS(utils_exports);
-//# sourceMappingURL=utils.js.map
+
+exports.calculateMinWidthForWrappedText = calculateMinWidthForWrappedText;
+exports.getColumnWidthSize = getColumnWidthSize;
+exports.getPercentageValue = getPercentageValue;
+exports.getScrollbarSizeFromHeaderAndBody = getScrollbarSizeFromHeaderAndBody;
+exports.isScrollbarVisible = isScrollbarVisible;

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

@@ -1,40 +1,18 @@
-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", {
+'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', {
   decorateColumn
 });
-module.exports = __toCommonJS(CustomRendererPlugin_exports);
-//# sourceMappingURL=CustomRendererPlugin.js.map
+
+exports.CustomRendererPlugin = CustomRendererPlugin;

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

@@ -1,77 +1,72 @@
-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 addCustomRendererToCell_exports = {};
-__export(addCustomRendererToCell_exports, {
-  addCustomRendererToCell: () => addCustomRendererToCell,
-  default: () => addCustomRendererToCell_default,
-  getRenderer: () => getRenderer
-});
-var React = __toESM(require("react"));
-var import_ds_utilities = require("@elliemae/ds-utilities");
-var import_initColumnDefinition = require("@elliemae/ds-shared/useDataGrid/initColumnDefinition");
-var import_getRendererComponent = require("./getRendererComponent");
+'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 dsUtilities = require('@elliemae/ds-utilities');
+var initColumnDefinition = require('@elliemae/ds-shared/useDataGrid/initColumnDefinition');
+var getRendererComponent = require('./getRendererComponent.js');
+
+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 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],
-        metaData: { ...metaData, parentRowData },
-        customHandlers
-      })
-    ];
+    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 renderer({
     value,
-    metaData: { ...metaData, parentRowData },
+    metaData: _objectSpread(_objectSpread({}, metaData), {}, {
+      parentRowData
+    }),
     customHandlers
   });
 };
-const addCustomRendererToCell = (grid) => (column) => {
-  const { customRenderer } = column;
-  const customHeaderRenderer = (0, import_ds_utilities.get)(column, ["header", "customRenderer"]);
-  if (!customRenderer && !customHeaderRenderer)
-    return column;
-  if ((0, import_ds_utilities.isFunction)(customHeaderRenderer)) {
+
+const addCustomRendererToCell = grid => column => {
+  const {
+    customRenderer
+  } = column;
+  const customHeaderRenderer = dsUtilities.get(column, ['header', 'customRenderer']);
+  if (!customRenderer && !customHeaderRenderer) return column;
+
+  if (dsUtilities.isFunction(customHeaderRenderer)) {
     column.header.formatters.push(getRenderer(customHeaderRenderer, grid));
   }
-  if ((0, import_ds_utilities.isFunction)(customRenderer)) {
-    column = (0, import_initColumnDefinition.appendCellFormatter)(getRenderer(customRenderer, grid, column), column);
+
+  if (dsUtilities.isFunction(customRenderer)) {
+    column = initColumnDefinition.appendCellFormatter(getRenderer(customRenderer, grid, column), column);
   } else {
-    if (!customRenderer)
-      return column;
-    column.cell.formatters.push((value, columnData) => (0, import_getRendererComponent.getRendererComponent)(grid, customRenderer, columnData));
+    if (!customRenderer) return column;
+    column.cell.formatters.push((value, columnData) => getRendererComponent(grid, customRenderer, columnData));
   }
+
   return column;
 };
-var addCustomRendererToCell_default = addCustomRendererToCell;
-module.exports = __toCommonJS(addCustomRendererToCell_exports);
-//# sourceMappingURL=addCustomRendererToCell.js.map
+
+exports["default"] = addCustomRendererToCell;
+exports.getRenderer = getRenderer;