@elliemae/ds-datagrids 1.61.0 → 2.0.0-alpha.12

package/cjs/plugins/editable/getEditorComponent.js

@@ -1,68 +1,69 @@
 'use strict';
 
-var _extends = require('@babel/runtime/helpers/extends');
+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');
-var React = require('react');
-var plugins_editable_EditableComponents_ComboBox = require('./EditableComponents/ComboBox.js');
-var plugins_editable_EditableComponents_TextBox = require('./EditableComponents/TextBox.js');
-require('@babel/runtime/helpers/classCallCheck');
-require('@babel/runtime/helpers/createClass');
-require('@babel/runtime/helpers/assertThisInitialized');
-require('@babel/runtime/helpers/inherits');
-require('@babel/runtime/helpers/possibleConstructorReturn');
-require('@babel/runtime/helpers/getPrototypeOf');
-require('@elliemae/ds-form');
+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 _extends__default = /*#__PURE__*/_interopDefaultLegacy(_extends);
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
 var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-var _excluded = ["type"];
+const _excluded = ["type"];
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty__default['default'](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
-var components = {
-  DSComboBox: plugins_editable_EditableComponents_ComboBox,
-  DSTextBox: plugins_editable_EditableComponents_TextBox
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+const components = {
+  DSComboBox: ComboBox,
+  DSTextBox: TextBox
 };
 
-var getEditorComponent = function getEditorComponent() {
-  var editorComponent = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-  var handlers = arguments.length > 1 ? arguments[1] : undefined;
-  return function (_ref) {
-    var value = _ref.value,
-        onValue = _ref.onValue,
-        extraParameters = _ref.extraParameters;
+const getEditorComponent = function () {
+  let editorComponent = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  let handlers = arguments.length > 1 ? arguments[1] : undefined;
+  return _ref => {
+    let {
+      value,
+      onValue,
+      extraParameters
+    } = _ref;
 
     if (typeof editorComponent === 'function') {
       return editorComponent(_objectSpread({
-        value: value,
-        onValue: onValue,
+        value,
+        onValue,
         customHandlers: handlers
       }, extraParameters));
     }
 
-    var _editorComponent$type = editorComponent.type,
-        type = _editorComponent$type === void 0 ? 'DSTextBox' : _editorComponent$type,
-        restEditorProps = _objectWithoutProperties__default['default'](editorComponent, _excluded);
+    const {
+      type = 'DSTextBox'
+    } = editorComponent,
+          restEditorProps = _objectWithoutProperties__default["default"](editorComponent, _excluded);
 
-    var Component = components[type];
+    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
-      var 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__*/React__default['default'].createElement("div", {
+      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
         }
-      }, /*#__PURE__*/React__default['default'].createElement(Component, _extends__default['default']({
+      }, void 0, /*#__PURE__*/jsxRuntime.jsx(Component, _objectSpread({
         autoFocus: true,
         onValue: onValue,
         value: value,
@@ -70,7 +71,7 @@ var getEditorComponent = function getEditorComponent() {
       }, restEditorProps)));
     }
 
-    return /*#__PURE__*/React__default['default'].createElement(Component, _extends__default['default']({
+    return /*#__PURE__*/jsxRuntime.jsx(Component, _objectSpread({
       autoFocus: true,
       onValue: onValue,
       value: value
@@ -79,4 +80,3 @@ var getEditorComponent = function getEditorComponent() {
 };
 
 module.exports = getEditorComponent;
-//# sourceMappingURL=getEditorComponent.js.map

package/cjs/plugins/editable/index.js

@@ -2,32 +2,12 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var plugins_editable_EditablePlugin = require('./EditablePlugin.js');
-var plugins_editable_EditableComponents_ComboBox = require('./EditableComponents/ComboBox.js');
-var plugins_editable_EditableComponents_TextBox = require('./EditableComponents/TextBox.js');
-require('@babel/runtime/helpers/slicedToArray');
-require('@elliemae/ds-utilities');
-require('@elliemae/ds-shared/createDataInstance/createInstancePlugin');
-require('./decorateEditable.js');
-require('@babel/runtime/helpers/defineProperty');
-require('@babel/runtime/helpers/objectWithoutProperties');
-require('react');
-require('react-edit');
-require('@elliemae/ds-icons');
-require('@elliemae/ds-shared/useDataGrid/initColumnDefinition');
-require('./getEditorComponent.js');
-require('@babel/runtime/helpers/extends');
-require('@babel/runtime/helpers/classCallCheck');
-require('@babel/runtime/helpers/createClass');
-require('@babel/runtime/helpers/assertThisInitialized');
-require('@babel/runtime/helpers/inherits');
-require('@babel/runtime/helpers/possibleConstructorReturn');
-require('@babel/runtime/helpers/getPrototypeOf');
-require('@elliemae/ds-form');
+var EditablePlugin = require('./EditablePlugin.js');
+var ComboBox = require('./EditableComponents/ComboBox.js');
+var TextBox = require('./EditableComponents/TextBox.js');
 
 
 
-exports.EditablePlugin = plugins_editable_EditablePlugin.EditablePlugin;
-exports.ComboBox = plugins_editable_EditableComponents_ComboBox;
-exports.TextBox = plugins_editable_EditableComponents_TextBox;
-//# sourceMappingURL=index.js.map
+exports.EditablePlugin = EditablePlugin.EditablePlugin;
+exports.ComboBox = ComboBox;
+exports.TextBox = TextBox;

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

@@ -1,7 +1,13 @@
 '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');
@@ -9,137 +15,142 @@ 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 React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 var DSButton__default = /*#__PURE__*/_interopDefaultLegacy(DSButton);
 var DSTruncatedTooltipText__default = /*#__PURE__*/_interopDefaultLegacy(DSTruncatedTooltipText);
 
-var _excluded = ["property", "label", "renderRowLabel", "renderRowDescription", "renderExtraData", "width", "resizable", "sortable", "searchable", "customRenderer"];
+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); if (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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty__default['default'](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
-var blockName = "".concat(blockNames.dataGridBlockName, "-expandable-column"); // todo: clean this when we move to css-js
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { 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
 
-var ExpandableColumnWrapper = dsClassnames.aggregatedClasses('div')(blockName);
-var LabelDescriptionWrapper = dsClassnames.aggregatedClasses('div')(blockName, 'label-description-wrapper');
-var Label = dsClassnames.aggregatedClasses('span')(blockName, 'label');
-var Description = dsClassnames.aggregatedClasses('span')(blockName, 'description');
-var ExtraColumnData = dsClassnames.aggregatedClasses('div')(blockName, 'extra-column-data');
-var ExpandableMasterWrapper = dsClassnames.aggregatedClasses('div')("".concat(blockName, "-master-wrapper"));
-var ExpandableDetailsWrapper = dsClassnames.aggregatedClasses('div')("".concat(blockName, "-details-wrapper"));
+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) {
-  var label = _ref.label,
-      description = _ref.description,
-      isExpanded = _ref.isExpanded,
-      expandableDetails = _ref.expandableDetails,
-      extraData = _ref.extraData,
-      onToggleExpand = _ref.onToggleExpand;
-  var ref = React.useRef();
-  return /*#__PURE__*/React__default['default'].createElement(ExpandableColumnWrapper, {
+  let {
+    label,
+    description,
+    isExpanded,
+    expandableDetails,
+    extraData,
+    onToggleExpand
+  } = _ref;
+  const ref = React.useRef();
+  return /*#__PURE__*/jsxRuntime.jsxs(ExpandableColumnWrapper, {
     ref: ref,
-    tabindex: 0
-  }, /*#__PURE__*/React__default['default'].createElement(ExpandableMasterWrapper, {
-    style: {
-      height: rowSizes.RowSizes.extend
-    }
-  }, /*#__PURE__*/React__default['default'].createElement(DSButton__default['default'], {
-    buttonType: "text",
-    className: "expandable-arrow",
-    icon: isExpanded ? /*#__PURE__*/React__default['default'].createElement(dsIcons.ArrowheadDown, null) : /*#__PURE__*/React__default['default'].createElement(dsIcons.ArrowheadRight, null),
-    onClick: function onClick(e) {
-      onToggleExpand(e);
-
-      if (ref && ref.current) {
-        ref.current.focus();
+    tabindex: 0,
+    children: [/*#__PURE__*/_jsx__default["default"](ExpandableMasterWrapper, {
+      style: {
+        height: rowSizes.RowSizes.extend
       }
-    },
-    size: "s"
-  }), /*#__PURE__*/React__default['default'].createElement(LabelDescriptionWrapper, null, /*#__PURE__*/React__default['default'].createElement(Label, null, /*#__PURE__*/React__default['default'].createElement(DSTruncatedTooltipText__default['default'], {
-    value: label
-  })), /*#__PURE__*/React__default['default'].createElement(Description, null, /*#__PURE__*/React__default['default'].createElement(DSTruncatedTooltipText__default['default'], {
-    value: description
-  }))), /*#__PURE__*/React__default['default'].createElement(ExtraColumnData, null, extraData)), isExpanded && /*#__PURE__*/React__default['default'].createElement(ExpandableDetailsWrapper, null, expandableDetails));
+    }, 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)]
+  });
 }
 
-var expandableColumnRenderer = function expandableColumnRenderer(_ref2) {
-  var renderRowLabel = _ref2.renderRowLabel,
-      renderRowDescription = _ref2.renderRowDescription,
-      renderExtraData = _ref2.renderExtraData;
-  return function (value, _ref3, grid) {
-    var rowData = _ref3.rowData,
-        isExpanded = _ref3.isExpanded;
-
-    var _grid$getInstance = grid.getInstance(),
-        renderExpandedDetails = _grid$getInstance.props.renderExpandedDetails,
-        toggleExpand = _grid$getInstance.actions.toggleExpand;
-
-    var expandableDetails = renderExpandedDetails({
-      rowData: rowData
+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__*/React__default['default'].createElement(ExpandableColumnCell, {
+    return /*#__PURE__*/_jsx__default["default"](ExpandableColumnCell, {
       description: renderRowDescription({
-        rowData: rowData
+        rowData
       }),
       expandableDetails: expandableDetails,
       extraData: renderExtraData({
-        rowData: rowData
+        rowData
       }),
       isExpanded: isExpanded,
       label: renderRowLabel({
-        rowData: rowData
+        rowData
       }),
-      onToggleExpand: function onToggleExpand() {
-        return toggleExpand(rowData);
-      }
+      onToggleExpand: () => toggleExpand(rowData)
     });
   };
 };
 
-var noop = function noop() {
-  return null;
-};
+const noop = () => null;
 
 function createExpandableColumn(_ref4) {
-  var property = _ref4.property,
-      label = _ref4.label,
-      _ref4$renderRowLabel = _ref4.renderRowLabel,
-      renderRowLabel = _ref4$renderRowLabel === void 0 ? function () {
-    return '----';
-  } : _ref4$renderRowLabel,
-      _ref4$renderRowDescri = _ref4.renderRowDescription,
-      renderRowDescription = _ref4$renderRowDescri === void 0 ? noop : _ref4$renderRowDescri,
-      _ref4$renderExtraData = _ref4.renderExtraData,
-      renderExtraData = _ref4$renderExtraData === void 0 ? noop : _ref4$renderExtraData,
-      width = _ref4.width,
-      resizable = _ref4.resizable,
-      sortable = _ref4.sortable,
-      searchable = _ref4.searchable;
-      _ref4.customRenderer;
-      var rest = _objectWithoutProperties__default['default'](_ref4, _excluded);
+  let {
+    property,
+    label,
+    renderRowLabel = () => '----',
+    renderRowDescription = noop,
+    renderExtraData = noop,
+    width,
+    resizable,
+    sortable,
+    searchable,
+    customRenderer
+  } = _ref4,
+      rest = _objectWithoutProperties__default["default"](_ref4, _excluded);
 
   return _objectSpread(_objectSpread({}, rest), {}, {
-    label: label,
-    property: property,
+    label,
+    property,
     cell: {
       formatters: [expandableColumnRenderer({
-        renderRowLabel: renderRowLabel,
-        renderRowDescription: renderRowDescription,
-        renderExtraData: renderExtraData
+        renderRowLabel,
+        renderRowDescription,
+        renderExtraData
       })]
     },
     width: width || '50%',
     expandableColumn: true,
-    resizable: resizable,
-    sortable: sortable,
-    searchable: searchable
+    resizable,
+    sortable,
+    searchable
   });
 }
 
 module.exports = createExpandableColumn;
-//# sourceMappingURL=ExpandableColumn.js.map