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

package/esm/plugins/editable/decorateEditable.js

@@ -1,77 +1,78 @@
+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 _jsx from '@babel/runtime/helpers/esm/jsx';
 import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
 import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
-import React from 'react';
+import 'core-js/modules/web.dom-collections.iterator.js';
+import 'react';
 import * as edit from 'react-edit';
 import { EditPencil } from '@elliemae/ds-icons';
 import { cx } from '@elliemae/ds-utilities';
 import { appendCellFormatter } from '@elliemae/ds-shared/useDataGrid/initColumnDefinition';
 import getEditorComponent from './getEditorComponent.js';
-import '@babel/runtime/helpers/esm/extends';
-import './EditableComponents/ComboBox.js';
-import '@babel/runtime/helpers/esm/classCallCheck';
-import '@babel/runtime/helpers/esm/createClass';
-import '@babel/runtime/helpers/esm/assertThisInitialized';
-import '@babel/runtime/helpers/esm/inherits';
-import '@babel/runtime/helpers/esm/possibleConstructorReturn';
-import '@babel/runtime/helpers/esm/getPrototypeOf';
-import '@elliemae/ds-form';
-import './EditableComponents/TextBox.js';
+import { jsx, Fragment } from 'react/jsx-runtime';
 
-var _excluded = ["columnIndex", "rowData", "column"];
+var _EditPencil, _span;
+
+const _excluded = ["columnIndex", "rowData", "column"];
 
 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(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 makeEditableConfig = function makeEditableConfig(grid) {
-  return edit.edit({
-    isEditing: function isEditing(_ref) {
-      var columnIndex = _ref.columnIndex,
-          rowData = _ref.rowData,
-          _ref$column = _ref.column,
-          column = _ref$column === void 0 ? {} : _ref$column,
-          rest = _objectWithoutProperties(_ref, _excluded);
-
-      var _grid$getInstance = grid.getInstance(),
-          editingRows = _grid$getInstance.state.editingRows,
-          rowKey = _grid$getInstance.props.rowKey;
+const makeEditableConfig = grid => edit.edit({
+  isEditing: _ref => {
+    let {
+      columnIndex,
+      rowData,
+      column = {}
+    } = _ref,
+        rest = _objectWithoutProperties(_ref, _excluded);
 
-      var isCustomEditing;
-
-      if (typeof column.isEditing === 'function') {
-        isCustomEditing = column.isEditing(_objectSpread({
-          columnIndex: columnIndex,
-          rowData: rowData,
-          column: column
-        }, rest));
+    const {
+      state: {
+        editingRows
+      },
+      props: {
+        rowKey
       }
+    } = grid.getInstance();
+    let isCustomEditing;
 
-      return editingRows[rowData[rowKey]] === columnIndex || column.alwaysEditing || isCustomEditing;
-    },
-    onActivate: function onActivate() {
-      return null;
-    },
-    onValue: function onValue() {
-      var _grid$getInstance$act;
-
-      return (_grid$getInstance$act = grid.getInstance().actions).editValue.apply(_grid$getInstance$act, arguments);
+    if (typeof column.isEditing === 'function') {
+      isCustomEditing = column.isEditing(_objectSpread({
+        columnIndex,
+        rowData,
+        column
+      }, rest));
     }
-  });
-};
 
-var addEditableToCell = function addEditableToCell(_ref2, grid) {
-  var column = _ref2.column,
-      config = _ref2.config,
-      handlers = _ref2.handlers;
+    return editingRows[rowData[rowKey]] === columnIndex || column.alwaysEditing || isCustomEditing;
+  },
+  onActivate: () => null,
+  onValue: function () {
+    return grid.getInstance().actions.editValue(...arguments);
+  }
+});
+
+const addEditableToCell = (_ref2, grid) => {
+  let {
+    column,
+    config,
+    handlers
+  } = _ref2;
   column.cell.transforms.push(config(getEditorComponent(column.customEditor, handlers)));
   column.cell.props.className = cx(column.cell.props.className, "editable".concat(column.customEditor ? ' customEditor' : ''));
-  return appendCellFormatter([function (value, extraParams) {
-    return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
-      onClick: function onClick(e) {
+  return appendCellFormatter([(value, extraParams) => /*#__PURE__*/jsx(Fragment, {
+    children: /*#__PURE__*/_jsx("div", {
+      onClick: e => {
         e.stopPropagation();
         grid.getInstance().actions.activateEdit(extraParams);
       },
-      onKeyUp: function onKeyUp(e) {
+      onKeyUp: e => {
         e.stopPropagation();
 
         if (e.keyCode === 33) {
@@ -80,13 +81,12 @@ var addEditableToCell = function addEditableToCell(_ref2, grid) {
       },
       role: "gridcell",
       tabIndex: 0
-    }, value, /*#__PURE__*/React.createElement(EditPencil, {
+    }, void 0, value, _EditPencil || (_EditPencil = /*#__PURE__*/_jsx(EditPencil, {
       className: "edit-pencil"
-    }), /*#__PURE__*/React.createElement("span", {
+    })), _span || (_span = /*#__PURE__*/_jsx("span", {
       className: "edit-separator"
-    }, " ")));
-  }], column);
+    }, void 0, " ")))
+  })], column);
 };
 
 export { addEditableToCell, makeEditableConfig };
-//# sourceMappingURL=decorateEditable.js.map

package/esm/plugins/editable/getEditorComponent.js

@@ -1,59 +1,61 @@
-import _extends from '@babel/runtime/helpers/esm/extends';
+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 _jsx from '@babel/runtime/helpers/esm/jsx';
 import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
 import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
-import React from 'react';
+import 'react';
 import ComboBox from './EditableComponents/ComboBox.js';
 import TextBox from './EditableComponents/TextBox.js';
-import '@babel/runtime/helpers/esm/classCallCheck';
-import '@babel/runtime/helpers/esm/createClass';
-import '@babel/runtime/helpers/esm/assertThisInitialized';
-import '@babel/runtime/helpers/esm/inherits';
-import '@babel/runtime/helpers/esm/possibleConstructorReturn';
-import '@babel/runtime/helpers/esm/getPrototypeOf';
-import '@elliemae/ds-form';
+import { jsx } from 'react/jsx-runtime';
 
-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(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 = {
+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(editorComponent, _excluded);
+    const {
+      type = 'DSTextBox'
+    } = editorComponent,
+          restEditorProps = _objectWithoutProperties(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.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("div", {
         style: {
           zIndex: 0
         }
-      }, /*#__PURE__*/React.createElement(Component, _extends({
+      }, void 0, /*#__PURE__*/jsx(Component, _objectSpread({
         autoFocus: true,
         onValue: onValue,
         value: value,
@@ -61,7 +63,7 @@ var getEditorComponent = function getEditorComponent() {
       }, restEditorProps)));
     }
 
-    return /*#__PURE__*/React.createElement(Component, _extends({
+    return /*#__PURE__*/jsx(Component, _objectSpread({
       autoFocus: true,
       onValue: onValue,
       value: value
@@ -70,4 +72,3 @@ var getEditorComponent = function getEditorComponent() {
 };
 
 export { getEditorComponent as default };
-//# sourceMappingURL=getEditorComponent.js.map

package/esm/plugins/editable/index.js

@@ -1,23 +1,3 @@
 export { EditablePlugin } from './EditablePlugin.js';
 export { default as ComboBox } from './EditableComponents/ComboBox.js';
 export { default as TextBox } from './EditableComponents/TextBox.js';
-import '@babel/runtime/helpers/esm/slicedToArray';
-import '@elliemae/ds-utilities';
-import '@elliemae/ds-shared/createDataInstance/createInstancePlugin';
-import './decorateEditable.js';
-import '@babel/runtime/helpers/esm/defineProperty';
-import '@babel/runtime/helpers/esm/objectWithoutProperties';
-import 'react';
-import 'react-edit';
-import '@elliemae/ds-icons';
-import '@elliemae/ds-shared/useDataGrid/initColumnDefinition';
-import './getEditorComponent.js';
-import '@babel/runtime/helpers/esm/extends';
-import '@babel/runtime/helpers/esm/classCallCheck';
-import '@babel/runtime/helpers/esm/createClass';
-import '@babel/runtime/helpers/esm/assertThisInitialized';
-import '@babel/runtime/helpers/esm/inherits';
-import '@babel/runtime/helpers/esm/possibleConstructorReturn';
-import '@babel/runtime/helpers/esm/getPrototypeOf';
-import '@elliemae/ds-form';
-//# sourceMappingURL=index.js.map

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

@@ -1,135 +1,146 @@
+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 _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
-import React, { useRef } from 'react';
+import _jsx from '@babel/runtime/helpers/esm/jsx';
+import { useRef } from 'react';
 import { ArrowheadDown, ArrowheadRight } from '@elliemae/ds-icons';
 import { aggregatedClasses } from '@elliemae/ds-classnames';
 import DSButton from '@elliemae/ds-button';
 import DSTruncatedTooltipText from '@elliemae/ds-truncated-tooltip-text';
 import { dataGridBlockName } from '../../blockNames.js';
 import { RowSizes } from '../../rowSizes.js';
+import { jsxs } from 'react/jsx-runtime';
 
-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(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(dataGridBlockName, "-expandable-column"); // todo: clean this when we move to css-js
+const blockName = "".concat(dataGridBlockName, "-expandable-column"); // todo: clean this when we move to css-js
 
-var ExpandableColumnWrapper = aggregatedClasses('div')(blockName);
-var LabelDescriptionWrapper = aggregatedClasses('div')(blockName, 'label-description-wrapper');
-var Label = aggregatedClasses('span')(blockName, 'label');
-var Description = aggregatedClasses('span')(blockName, 'description');
-var ExtraColumnData = aggregatedClasses('div')(blockName, 'extra-column-data');
-var ExpandableMasterWrapper = aggregatedClasses('div')("".concat(blockName, "-master-wrapper"));
-var ExpandableDetailsWrapper = aggregatedClasses('div')("".concat(blockName, "-details-wrapper"));
+const ExpandableColumnWrapper = aggregatedClasses('div')(blockName);
+const LabelDescriptionWrapper = aggregatedClasses('div')(blockName, 'label-description-wrapper');
+const Label = aggregatedClasses('span')(blockName, 'label');
+const Description = aggregatedClasses('span')(blockName, 'description');
+const ExtraColumnData = aggregatedClasses('div')(blockName, 'extra-column-data');
+const ExpandableMasterWrapper = aggregatedClasses('div')("".concat(blockName, "-master-wrapper"));
+const ExpandableDetailsWrapper = 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 = useRef();
-  return /*#__PURE__*/React.createElement(ExpandableColumnWrapper, {
+  let {
+    label,
+    description,
+    isExpanded,
+    expandableDetails,
+    extraData,
+    onToggleExpand
+  } = _ref;
+  const ref = useRef();
+  return /*#__PURE__*/jsxs(ExpandableColumnWrapper, {
     ref: ref,
-    tabindex: 0
-  }, /*#__PURE__*/React.createElement(ExpandableMasterWrapper, {
-    style: {
-      height: RowSizes.extend
-    }
-  }, /*#__PURE__*/React.createElement(DSButton, {
-    buttonType: "text",
-    className: "expandable-arrow",
-    icon: isExpanded ? /*#__PURE__*/React.createElement(ArrowheadDown, null) : /*#__PURE__*/React.createElement(ArrowheadRight, null),
-    onClick: function onClick(e) {
-      onToggleExpand(e);
-
-      if (ref && ref.current) {
-        ref.current.focus();
+    tabindex: 0,
+    children: [/*#__PURE__*/_jsx(ExpandableMasterWrapper, {
+      style: {
+        height: RowSizes.extend
       }
-    },
-    size: "s"
-  }), /*#__PURE__*/React.createElement(LabelDescriptionWrapper, null, /*#__PURE__*/React.createElement(Label, null, /*#__PURE__*/React.createElement(DSTruncatedTooltipText, {
-    value: label
-  })), /*#__PURE__*/React.createElement(Description, null, /*#__PURE__*/React.createElement(DSTruncatedTooltipText, {
-    value: description
-  }))), /*#__PURE__*/React.createElement(ExtraColumnData, null, extraData)), isExpanded && /*#__PURE__*/React.createElement(ExpandableDetailsWrapper, null, 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;
+    }, void 0, /*#__PURE__*/_jsx(DSButton, {
+      buttonType: "text",
+      className: "expandable-arrow",
+      icon: isExpanded ? _ArrowheadDown || (_ArrowheadDown = /*#__PURE__*/_jsx(ArrowheadDown, {})) : _ArrowheadRight || (_ArrowheadRight = /*#__PURE__*/_jsx(ArrowheadRight, {})),
+      onClick: e => {
+        onToggleExpand(e);
 
-    var _grid$getInstance = grid.getInstance(),
-        renderExpandedDetails = _grid$getInstance.props.renderExpandedDetails,
-        toggleExpand = _grid$getInstance.actions.toggleExpand;
+        if (ref && ref.current) {
+          ref.current.focus();
+        }
+      },
+      size: "s"
+    }), /*#__PURE__*/_jsx(LabelDescriptionWrapper, {}, void 0, /*#__PURE__*/_jsx(Label, {}, void 0, /*#__PURE__*/_jsx(DSTruncatedTooltipText, {
+      value: label
+    })), /*#__PURE__*/_jsx(Description, {}, void 0, /*#__PURE__*/_jsx(DSTruncatedTooltipText, {
+      value: description
+    }))), /*#__PURE__*/_jsx(ExtraColumnData, {}, void 0, extraData)), isExpanded && /*#__PURE__*/_jsx(ExpandableDetailsWrapper, {}, void 0, expandableDetails)]
+  });
+}
 
-    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.createElement(ExpandableColumnCell, {
+    return /*#__PURE__*/_jsx(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(_ref4, _excluded);
+  let {
+    property,
+    label,
+    renderRowLabel = () => '----',
+    renderRowDescription = noop,
+    renderExtraData = noop,
+    width,
+    resizable,
+    sortable,
+    searchable,
+    customRenderer
+  } = _ref4,
+      rest = _objectWithoutProperties(_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
   });
 }
 
 export { createExpandableColumn as default };
-//# sourceMappingURL=ExpandableColumn.js.map