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

package/cjs/plugins/editable/getEditorComponent.js

@@ -1,82 +1,76 @@
-'use strict';
-
-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 _jsx = require('@babel/runtime/helpers/jsx');
-var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
-var _defineProperty = require('@babel/runtime/helpers/defineProperty');
-require('react');
-var ComboBox = require('./EditableComponents/ComboBox.js');
-var TextBox = require('./EditableComponents/TextBox.js');
-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 _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
-var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
-
-const _excluded = ["type"];
-
-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; }
+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 getEditorComponent_exports = {};
+__export(getEditorComponent_exports, {
+  default: () => getEditorComponent_default,
+  getEditorComponent: () => getEditorComponent
+});
+var React = __toESM(require("react"));
+var import_react = __toESM(require("react"));
+var import_EditableComponents = require("./EditableComponents");
 const components = {
-  DSComboBox: ComboBox,
-  DSTextBox: TextBox
+  DSComboBox: import_EditableComponents.ComboBox,
+  DSTextBox: import_EditableComponents.TextBox
 };
-
-const getEditorComponent = function () {
-  let editorComponent = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-  let handlers = arguments.length > 1 ? arguments[1] : undefined;
-  return _ref => {
-    let {
+const getEditorComponent = (editorComponent = {}, handlers) => ({
+  value,
+  onValue,
+  extraParameters
+}) => {
+  if (typeof editorComponent === "function") {
+    return editorComponent({
       value,
       onValue,
-      extraParameters
-    } = _ref;
-
-    if (typeof editorComponent === 'function') {
-      return editorComponent(_objectSpread({
-        value,
-        onValue,
-        customHandlers: handlers
-      }, extraParameters));
-    }
-
-    const {
-      type = 'DSTextBox'
-    } = editorComponent,
-          restEditorProps = _objectWithoutProperties__default["default"](editorComponent, _excluded);
-
-    const Component = components[type];
-
-    if (type === 'DSComboBox') {
-      var _restEditorProps$opti;
-
-      // TODO: remove this whole condition when combobox v3 is out and fully working without "maxOptions" parameter
-      const maxOptions = (restEditorProps === null || restEditorProps === void 0 ? void 0 : (_restEditorProps$opti = restEditorProps.options) === null || _restEditorProps$opti === void 0 ? void 0 : _restEditorProps$opti.length) || 100;
-      return /*#__PURE__*/_jsx__default["default"]("div", {
-        style: {
-          zIndex: 0
-        }
-      }, void 0, /*#__PURE__*/jsxRuntime.jsx(Component, _objectSpread({
-        autoFocus: true,
-        onValue: onValue,
-        value: value,
-        maxOptions: maxOptions
-      }, restEditorProps)));
-    }
-
-    return /*#__PURE__*/jsxRuntime.jsx(Component, _objectSpread({
+      customHandlers: handlers,
+      ...extraParameters
+    });
+  }
+  const { type = "DSTextBox", ...restEditorProps } = editorComponent;
+  const Component = components[type];
+  if (type === "DSComboBox") {
+    const maxOptions = restEditorProps?.options?.length || 100;
+    return /* @__PURE__ */ import_react.default.createElement("div", {
+      style: { zIndex: 0 }
+    }, /* @__PURE__ */ import_react.default.createElement(Component, {
       autoFocus: true,
-      onValue: onValue,
-      value: value
-    }, restEditorProps));
-  };
+      onValue,
+      value,
+      maxOptions,
+      ...restEditorProps
+    }));
+  }
+  return /* @__PURE__ */ import_react.default.createElement(Component, {
+    autoFocus: true,
+    onValue,
+    value,
+    ...restEditorProps
+  });
 };
-
-module.exports = getEditorComponent;
+var getEditorComponent_default = getEditorComponent;
+module.exports = __toCommonJS(getEditorComponent_exports);
+//# sourceMappingURL=getEditorComponent.js.map

package/cjs/plugins/editable/getEditorComponent.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/plugins/editable/getEditorComponent.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["/* eslint-disable react/display-name */\nimport React from 'react';\nimport { ComboBox, TextBox } from './EditableComponents';\n\nconst components = {\n  DSComboBox: ComboBox,\n  DSTextBox: TextBox,\n};\n\nconst getEditorComponent = (editorComponent = {}, handlers) => ({\n  value,\n  onValue,\n  extraParameters,\n}) => {\n  if (typeof editorComponent === 'function') {\n    return editorComponent({\n      value,\n      onValue,\n      customHandlers: handlers,\n      ...extraParameters,\n    });\n  }\n\n  const { type = 'DSTextBox', ...restEditorProps } = editorComponent;\n  const Component = components[type];\n\n  if (type === 'DSComboBox') {\n    // TODO: remove this whole condition when combobox v3 is out and fully working without \"maxOptions\" parameter\n    const maxOptions = restEditorProps?.options?.length || 100;\n    return (\n      <div style={{ zIndex: 0 }}>\n        <Component\n          autoFocus\n          onValue={onValue}\n          value={value}\n          maxOptions={maxOptions}\n          {...restEditorProps}\n        />\n      </div>\n    );\n  }\n\n  return (\n    <Component autoFocus onValue={onValue} value={value} {...restEditorProps} />\n  );\n};\n\nexport { getEditorComponent };\nexport default getEditorComponent;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,mBAAkB;AAClB,gCAAkC;AAElC,MAAM,aAAa;AAAA,EACjB,YAAY;AAAA,EACZ,WAAW;AAAA;AAGb,MAAM,qBAAqB,CAAC,kBAAkB,IAAI,aAAa,CAAC;AAAA,EAC9D;AAAA,EACA;AAAA,EACA;AAAA,MACI;AACJ,MAAI,OAAO,oBAAoB,YAAY;AACzC,WAAO,gBAAgB;AAAA,MACrB;AAAA,MACA;AAAA,MACA,gBAAgB;AAAA,SACb;AAAA;AAAA;AAIP,QAAM,EAAE,OAAO,gBAAgB,oBAAoB;AACnD,QAAM,YAAY,WAAW;AAE7B,MAAI,SAAS,cAAc;AAEzB,UAAM,aAAa,iBAAiB,SAAS,UAAU;AACvD,WACE,mDAAC,OAAD;AAAA,MAAK,OAAO,EAAE,QAAQ;AAAA,OACpB,mDAAC,WAAD;AAAA,MACE,WAAS;AAAA,MACT;AAAA,MACA;AAAA,MACA;AAAA,SACI;AAAA;AAAA;AAMZ,SACE,mDAAC,WAAD;AAAA,IAAW,WAAS;AAAA,IAAC;AAAA,IAAkB;AAAA,OAAkB;AAAA;AAAA;AAK7D,IAAO,6BAAQ;",
+  "names": []
+}

package/cjs/plugins/editable/index.js

@@ -1,13 +1,38 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var EditablePlugin = require('./EditablePlugin.js');
-var ComboBox = require('./EditableComponents/ComboBox.js');
-var TextBox = require('./EditableComponents/TextBox.js');
-
-
-
-exports.EditablePlugin = EditablePlugin.EditablePlugin;
-exports.ComboBox = ComboBox;
-exports.TextBox = TextBox;
+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 editable_exports = {};
+__export(editable_exports, {
+  ComboBox: () => import_EditableComponents.ComboBox,
+  EditablePlugin: () => import_EditablePlugin.EditablePlugin,
+  TextBox: () => import_EditableComponents.TextBox
+});
+var React = __toESM(require("react"));
+var import_EditablePlugin = require("./EditablePlugin");
+var import_EditableComponents = require("./EditableComponents");
+module.exports = __toCommonJS(editable_exports);
+//# sourceMappingURL=index.js.map

package/cjs/plugins/editable/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/plugins/editable/index.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["export { EditablePlugin } from './EditablePlugin';\nexport { ComboBox, TextBox } from './EditableComponents';\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,4BAA+B;AAC/B,gCAAkC;",
+  "names": []
+}

package/cjs/plugins/expandable-grid/ExpandableColumn.js

@@ -1,156 +1,124 @@
-'use strict';
-
-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 _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
-var _jsx = require('@babel/runtime/helpers/jsx');
-var React = require('react');
-var dsIcons = require('@elliemae/ds-icons');
-var dsClassnames = require('@elliemae/ds-classnames');
-var DSButton = require('@elliemae/ds-button');
-var DSTruncatedTooltipText = require('@elliemae/ds-truncated-tooltip-text');
-var blockNames = require('../../blockNames.js');
-var rowSizes = require('../../rowSizes.js');
-var jsxRuntime = require('react/jsx-runtime');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
-var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
-var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
-var DSButton__default = /*#__PURE__*/_interopDefaultLegacy(DSButton);
-var DSTruncatedTooltipText__default = /*#__PURE__*/_interopDefaultLegacy(DSTruncatedTooltipText);
-
-const _excluded = ["property", "label", "renderRowLabel", "renderRowDescription", "renderExtraData", "width", "resizable", "sortable", "searchable", "customRenderer"];
-
-var _ArrowheadDown, _ArrowheadRight;
-
-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 blockName = "".concat(blockNames.dataGridBlockName, "-expandable-column"); // todo: clean this when we move to css-js
-
-const ExpandableColumnWrapper = dsClassnames.aggregatedClasses('div')(blockName);
-const LabelDescriptionWrapper = dsClassnames.aggregatedClasses('div')(blockName, 'label-description-wrapper');
-const Label = dsClassnames.aggregatedClasses('span')(blockName, 'label');
-const Description = dsClassnames.aggregatedClasses('span')(blockName, 'description');
-const ExtraColumnData = dsClassnames.aggregatedClasses('div')(blockName, 'extra-column-data');
-const ExpandableMasterWrapper = dsClassnames.aggregatedClasses('div')("".concat(blockName, "-master-wrapper"));
-const ExpandableDetailsWrapper = dsClassnames.aggregatedClasses('div')("".concat(blockName, "-details-wrapper"));
-
-function ExpandableColumnCell(_ref) {
-  let {
-    label,
-    description,
-    isExpanded,
-    expandableDetails,
-    extraData,
-    onToggleExpand
-  } = _ref;
-  const ref = React.useRef();
-  return /*#__PURE__*/jsxRuntime.jsxs(ExpandableColumnWrapper, {
-    ref: ref,
-    tabindex: 0,
-    children: [/*#__PURE__*/_jsx__default["default"](ExpandableMasterWrapper, {
-      style: {
-        height: rowSizes.RowSizes.extend
+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 ExpandableColumn_exports = {};
+__export(ExpandableColumn_exports, {
+  ExpandableColumn: () => ExpandableColumn,
+  default: () => ExpandableColumn_default
+});
+var React = __toESM(require("react"));
+var import_react = __toESM(require("react"));
+var import_ds_icons = require("@elliemae/ds-icons");
+var import_ds_classnames = require("@elliemae/ds-classnames");
+var import_ds_button = require("@elliemae/ds-button");
+var import_ds_truncated_tooltip_text = require("@elliemae/ds-truncated-tooltip-text");
+var import_blockNames = require("../../blockNames");
+var import_rowSizes = require("../../rowSizes");
+const blockName = `${import_blockNames.dataGridBlockName}-expandable-column`;
+const ExpandableColumnWrapper = (0, import_ds_classnames.aggregatedClasses)("div")(blockName);
+const LabelDescriptionWrapper = (0, import_ds_classnames.aggregatedClasses)("div")(blockName, "label-description-wrapper");
+const Label = (0, import_ds_classnames.aggregatedClasses)("span")(blockName, "label");
+const Description = (0, import_ds_classnames.aggregatedClasses)("span")(blockName, "description");
+const ExtraColumnData = (0, import_ds_classnames.aggregatedClasses)("div")(blockName, "extra-column-data");
+const ExpandableMasterWrapper = (0, import_ds_classnames.aggregatedClasses)("div")(`${blockName}-master-wrapper`);
+const ExpandableDetailsWrapper = (0, import_ds_classnames.aggregatedClasses)("div")(`${blockName}-details-wrapper`);
+function ExpandableColumnCell({ label, description, isExpanded, expandableDetails, extraData, onToggleExpand }) {
+  const ref = (0, import_react.useRef)();
+  return /* @__PURE__ */ import_react.default.createElement(ExpandableColumnWrapper, {
+    ref,
+    tabindex: 0
+  }, /* @__PURE__ */ import_react.default.createElement(ExpandableMasterWrapper, {
+    style: { height: import_rowSizes.RowSizes.extend }
+  }, /* @__PURE__ */ import_react.default.createElement(import_ds_button.DSButton, {
+    buttonType: "text",
+    className: "expandable-arrow",
+    icon: isExpanded ? /* @__PURE__ */ import_react.default.createElement(import_ds_icons.ArrowheadDown, null) : /* @__PURE__ */ import_react.default.createElement(import_ds_icons.ArrowheadRight, null),
+    onClick: (e) => {
+      onToggleExpand(e);
+      if (ref && ref.current) {
+        ref.current.focus();
       }
-    }, void 0, /*#__PURE__*/_jsx__default["default"](DSButton__default["default"], {
-      buttonType: "text",
-      className: "expandable-arrow",
-      icon: isExpanded ? _ArrowheadDown || (_ArrowheadDown = /*#__PURE__*/_jsx__default["default"](dsIcons.ArrowheadDown, {})) : _ArrowheadRight || (_ArrowheadRight = /*#__PURE__*/_jsx__default["default"](dsIcons.ArrowheadRight, {})),
-      onClick: e => {
-        onToggleExpand(e);
-
-        if (ref && ref.current) {
-          ref.current.focus();
-        }
-      },
-      size: "s"
-    }), /*#__PURE__*/_jsx__default["default"](LabelDescriptionWrapper, {}, void 0, /*#__PURE__*/_jsx__default["default"](Label, {}, void 0, /*#__PURE__*/_jsx__default["default"](DSTruncatedTooltipText__default["default"], {
-      value: label
-    })), /*#__PURE__*/_jsx__default["default"](Description, {}, void 0, /*#__PURE__*/_jsx__default["default"](DSTruncatedTooltipText__default["default"], {
-      value: description
-    }))), /*#__PURE__*/_jsx__default["default"](ExtraColumnData, {}, void 0, extraData)), isExpanded && /*#__PURE__*/_jsx__default["default"](ExpandableDetailsWrapper, {}, void 0, expandableDetails)]
-  });
+    },
+    size: "s"
+  }), /* @__PURE__ */ import_react.default.createElement(LabelDescriptionWrapper, null, /* @__PURE__ */ import_react.default.createElement(Label, null, /* @__PURE__ */ import_react.default.createElement(import_ds_truncated_tooltip_text.DSTruncatedTooltipText, {
+    value: label
+  })), /* @__PURE__ */ import_react.default.createElement(Description, null, /* @__PURE__ */ import_react.default.createElement(import_ds_truncated_tooltip_text.DSTruncatedTooltipText, {
+    value: description
+  }))), /* @__PURE__ */ import_react.default.createElement(ExtraColumnData, null, extraData)), isExpanded && /* @__PURE__ */ import_react.default.createElement(ExpandableDetailsWrapper, null, expandableDetails));
 }
-
-const expandableColumnRenderer = _ref2 => {
-  let {
-    renderRowLabel,
-    renderRowDescription,
-    renderExtraData
-  } = _ref2;
-  return (value, _ref3, grid) => {
-    let {
-      rowData,
-      isExpanded
-    } = _ref3;
-    const {
-      props: {
-        renderExpandedDetails
-      },
-      actions: {
-        toggleExpand
-      }
-    } = grid.getInstance();
-    const expandableDetails = renderExpandedDetails({
-      rowData
-    });
-    return /*#__PURE__*/_jsx__default["default"](ExpandableColumnCell, {
-      description: renderRowDescription({
-        rowData
-      }),
-      expandableDetails: expandableDetails,
-      extraData: renderExtraData({
-        rowData
-      }),
-      isExpanded: isExpanded,
-      label: renderRowLabel({
-        rowData
-      }),
-      onToggleExpand: () => toggleExpand(rowData)
-    });
-  };
+const expandableColumnRenderer = ({ renderRowLabel, renderRowDescription, renderExtraData }) => (value, { rowData, isExpanded }, grid) => {
+  const {
+    props: { renderExpandedDetails },
+    actions: { toggleExpand }
+  } = grid.getInstance();
+  const expandableDetails = renderExpandedDetails({ rowData });
+  return /* @__PURE__ */ import_react.default.createElement(ExpandableColumnCell, {
+    description: renderRowDescription({ rowData }),
+    expandableDetails,
+    extraData: renderExtraData({ rowData }),
+    isExpanded,
+    label: renderRowLabel({ rowData }),
+    onToggleExpand: () => toggleExpand(rowData)
+  });
 };
-
 const noop = () => null;
-
-function createExpandableColumn(_ref4) {
-  let {
-    property,
-    label,
-    renderRowLabel = () => '----',
-    renderRowDescription = noop,
-    renderExtraData = noop,
-    width,
-    resizable,
-    sortable,
-    searchable,
-    customRenderer
-  } = _ref4,
-      rest = _objectWithoutProperties__default["default"](_ref4, _excluded);
-
-  return _objectSpread(_objectSpread({}, rest), {}, {
+const ExpandableColumn = ({
+  property,
+  label,
+  renderRowLabel = () => "----",
+  renderRowDescription = noop,
+  renderExtraData = noop,
+  width,
+  resizable,
+  sortable,
+  searchable,
+  customRenderer,
+  ...rest
+}) => {
+  return {
+    ...rest,
     label,
     property,
     cell: {
-      formatters: [expandableColumnRenderer({
-        renderRowLabel,
-        renderRowDescription,
-        renderExtraData
-      })]
+      formatters: [
+        expandableColumnRenderer({
+          renderRowLabel,
+          renderRowDescription,
+          renderExtraData
+        })
+      ]
     },
-    width: width || '50%',
+    width: width || "50%",
     expandableColumn: true,
     resizable,
     sortable,
     searchable
-  });
-}
-
-module.exports = createExpandableColumn;
+  };
+};
+var ExpandableColumn_default = ExpandableColumn;
+module.exports = __toCommonJS(ExpandableColumn_exports);
+//# sourceMappingURL=ExpandableColumn.js.map

package/cjs/plugins/expandable-grid/ExpandableColumn.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/plugins/expandable-grid/ExpandableColumn.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["/* eslint-disable react/display-name */\nimport React, { useRef } from 'react';\nimport { ArrowheadDown, ArrowheadRight } from '@elliemae/ds-icons';\nimport { aggregatedClasses } from '@elliemae/ds-classnames';\nimport { DSButton } from '@elliemae/ds-button';\nimport { DSTruncatedTooltipText } from '@elliemae/ds-truncated-tooltip-text';\nimport { dataGridBlockName } from '../../blockNames';\nimport { RowSizes } from '../../rowSizes';\n\nconst blockName = `${dataGridBlockName}-expandable-column`;\n\n// todo: clean this when we move to css-js\nconst ExpandableColumnWrapper = aggregatedClasses('div')(blockName);\nconst LabelDescriptionWrapper = aggregatedClasses('div')(blockName, 'label-description-wrapper');\nconst Label = aggregatedClasses('span')(blockName, 'label');\nconst Description = aggregatedClasses('span')(blockName, 'description');\nconst ExtraColumnData = aggregatedClasses('div')(blockName, 'extra-column-data');\nconst ExpandableMasterWrapper = aggregatedClasses('div')(`${blockName}-master-wrapper`);\nconst ExpandableDetailsWrapper = aggregatedClasses('div')(`${blockName}-details-wrapper`);\n\nfunction ExpandableColumnCell({ label, description, isExpanded, expandableDetails, extraData, onToggleExpand }) {\n  const ref = useRef();\n  return (\n    <ExpandableColumnWrapper ref={ref} tabindex={0}>\n      <ExpandableMasterWrapper style={{ height: RowSizes.extend }}>\n        <DSButton\n          buttonType=\"text\"\n          className=\"expandable-arrow\"\n          icon={isExpanded ? <ArrowheadDown /> : <ArrowheadRight />}\n          onClick={(e) => {\n            onToggleExpand(e);\n            if (ref && ref.current) {\n              ref.current.focus();\n            }\n          }}\n          size=\"s\"\n        />\n        <LabelDescriptionWrapper>\n          <Label>\n            <DSTruncatedTooltipText value={label} />\n          </Label>\n          <Description>\n            <DSTruncatedTooltipText value={description} />\n          </Description>\n        </LabelDescriptionWrapper>\n        <ExtraColumnData>{extraData}</ExtraColumnData>\n      </ExpandableMasterWrapper>\n      {isExpanded && <ExpandableDetailsWrapper>{expandableDetails}</ExpandableDetailsWrapper>}\n    </ExpandableColumnWrapper>\n  );\n}\n\nconst expandableColumnRenderer =\n  ({ renderRowLabel, renderRowDescription, renderExtraData }) =>\n  (value, { rowData, isExpanded }, grid) => {\n    const {\n      props: { renderExpandedDetails },\n      actions: { toggleExpand },\n    } = grid.getInstance();\n\n    const expandableDetails = renderExpandedDetails({ rowData });\n    return (\n      <ExpandableColumnCell\n        description={renderRowDescription({ rowData })}\n        expandableDetails={expandableDetails}\n        extraData={renderExtraData({ rowData })}\n        isExpanded={isExpanded}\n        label={renderRowLabel({ rowData })}\n        onToggleExpand={() => toggleExpand(rowData)}\n      />\n    );\n  };\nconst noop = () => null;\nexport const ExpandableColumn = ({\n  property,\n  label,\n  renderRowLabel = () => '----',\n  renderRowDescription = noop,\n  renderExtraData = noop,\n  width,\n  resizable,\n  sortable,\n  searchable,\n  customRenderer,\n  ...rest\n}) => {\n  return {\n    ...rest,\n    label,\n    property,\n    cell: {\n      formatters: [\n        expandableColumnRenderer({\n          renderRowLabel,\n          renderRowDescription,\n          renderExtraData,\n        }),\n      ],\n    },\n    width: width || '50%',\n    expandableColumn: true,\n    resizable,\n    sortable,\n    searchable,\n  };\n};\n\nexport default ExpandableColumn;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,mBAA8B;AAC9B,sBAA8C;AAC9C,2BAAkC;AAClC,uBAAyB;AACzB,uCAAuC;AACvC,wBAAkC;AAClC,sBAAyB;AAEzB,MAAM,YAAY,GAAG;AAGrB,MAAM,0BAA0B,4CAAkB,OAAO;AACzD,MAAM,0BAA0B,4CAAkB,OAAO,WAAW;AACpE,MAAM,QAAQ,4CAAkB,QAAQ,WAAW;AACnD,MAAM,cAAc,4CAAkB,QAAQ,WAAW;AACzD,MAAM,kBAAkB,4CAAkB,OAAO,WAAW;AAC5D,MAAM,0BAA0B,4CAAkB,OAAO,GAAG;AAC5D,MAAM,2BAA2B,4CAAkB,OAAO,GAAG;AAE7D,8BAA8B,EAAE,OAAO,aAAa,YAAY,mBAAmB,WAAW,kBAAkB;AAC9G,QAAM,MAAM;AACZ,SACE,mDAAC,yBAAD;AAAA,IAAyB;AAAA,IAAU,UAAU;AAAA,KAC3C,mDAAC,yBAAD;AAAA,IAAyB,OAAO,EAAE,QAAQ,yBAAS;AAAA,KACjD,mDAAC,2BAAD;AAAA,IACE,YAAW;AAAA,IACX,WAAU;AAAA,IACV,MAAM,aAAa,mDAAC,+BAAD,QAAoB,mDAAC,gCAAD;AAAA,IACvC,SAAS,CAAC,MAAM;AACd,qBAAe;AACf,UAAI,OAAO,IAAI,SAAS;AACtB,YAAI,QAAQ;AAAA;AAAA;AAAA,IAGhB,MAAK;AAAA,MAEP,mDAAC,yBAAD,MACE,mDAAC,OAAD,MACE,mDAAC,yDAAD;AAAA,IAAwB,OAAO;AAAA,OAEjC,mDAAC,aAAD,MACE,mDAAC,yDAAD;AAAA,IAAwB,OAAO;AAAA,QAGnC,mDAAC,iBAAD,MAAkB,aAEnB,cAAc,mDAAC,0BAAD,MAA2B;AAAA;AAKhD,MAAM,2BACJ,CAAC,EAAE,gBAAgB,sBAAsB,sBACzC,CAAC,OAAO,EAAE,SAAS,cAAc,SAAS;AACxC,QAAM;AAAA,IACJ,OAAO,EAAE;AAAA,IACT,SAAS,EAAE;AAAA,MACT,KAAK;AAET,QAAM,oBAAoB,sBAAsB,EAAE;AAClD,SACE,mDAAC,sBAAD;AAAA,IACE,aAAa,qBAAqB,EAAE;AAAA,IACpC;AAAA,IACA,WAAW,gBAAgB,EAAE;AAAA,IAC7B;AAAA,IACA,OAAO,eAAe,EAAE;AAAA,IACxB,gBAAgB,MAAM,aAAa;AAAA;AAAA;AAI3C,MAAM,OAAO,MAAM;AACZ,MAAM,mBAAmB,CAAC;AAAA,EAC/B;AAAA,EACA;AAAA,EACA,iBAAiB,MAAM;AAAA,EACvB,uBAAuB;AAAA,EACvB,kBAAkB;AAAA,EAClB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,KACG;AAAA,MACC;AACJ,SAAO;AAAA,OACF;AAAA,IACH;AAAA,IACA;AAAA,IACA,MAAM;AAAA,MACJ,YAAY;AAAA,QACV,yBAAyB;AAAA,UACvB;AAAA,UACA;AAAA,UACA;AAAA;AAAA;AAAA;AAAA,IAIN,OAAO,SAAS;AAAA,IAChB,kBAAkB;AAAA,IAClB;AAAA,IACA;AAAA,IACA;AAAA;AAAA;AAIJ,IAAO,2BAAQ;",
+  "names": []
+}