@elliemae/ds-data-table 2.0.0-alpha.10 → 2.0.0-alpha.14

package/cjs/DataTable.js

@@ -2,6 +2,11 @@
 
 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 _jsx = require('@babel/runtime/helpers/jsx');
 var React = require('react');

package/cjs/DataTableSchema.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var reactDesc = require('react-desc');
 
 /* eslint-disable max-lines */
-const outOfTheBoxFilterType = reactDesc.PropTypes.oneOf(['ds-filter-select', 'ds-filter-multi-select', 'ds-filter-text', 'ds-filter-single-date', 'ds-filter-date-range', 'ds-filter-number-range']);
+const outOfTheBoxFilterType = reactDesc.PropTypes.oneOf(['ds-filter-select', 'ds-filter-multi-select', 'ds-filter-single-date', 'ds-filter-date-range', 'ds-filter-number-range']);
 const textWrappingType = reactDesc.PropTypes.oneOf(['wrap', 'wrap-all', 'truncate']);
 const rowVariantType = reactDesc.PropTypes.oneOf(['ds_header_group_row', 'ds_primary_row', 'ds_secondary_row']);
 const columnPropTypes = {
@@ -68,17 +68,29 @@ const DataTableSchema = {
     })).description('Any extra option you want in the dropdownmenu of the filter bar')
   }).description('Props for the filter bar'),
   onFiltersChange: reactDesc.PropTypes.func.description('Function invoked when filters change'),
-  pagination: reactDesc.PropTypes.oneOfType([reactDesc.PropTypes.bool, reactDesc.PropTypes.shape({
-    pageIndex: reactDesc.PropTypes.number.description('Index of the current page, starting from 1'),
-    canPreviousPage: reactDesc.PropTypes.bool.description('Whether the previous button is disabled or not'),
-    canNextPage: reactDesc.PropTypes.bool.description('Whether the next button is disabled or not'),
-    pageSize: reactDesc.PropTypes.number.description('The current page size'),
-    perPageOptions: reactDesc.PropTypes.arrayOf(reactDesc.PropTypes.number).description('The available options for page size'),
-    onPageChange: reactDesc.PropTypes.func.description('Function invoked when the page is changed'),
-    onPreviousPage: reactDesc.PropTypes.func.description('Function invoked when the previous button is pressed'),
-    onNextPage: reactDesc.PropTypes.func.description('Function invoked when next button is pressed'),
-    pageCount: reactDesc.PropTypes.number.description('How many pages are there. By default it will be calculated based on the ammount of rows you have')
-  })]).description('Object containing the data for the pagination'),
+  pagination: reactDesc.PropTypes.shape({
+    pageCount: reactDesc.PropTypes.number.description('How many pages are there'),
+    pageIndex: reactDesc.PropTypes.number.description('Index of the current page, starting from 1').defaultValue(1),
+    canPreviousPage: reactDesc.PropTypes.bool.description('Whether the previous button is disabled or not').defaultValue(true),
+    canNextPage: reactDesc.PropTypes.bool.description('Whether the next button is disabled or not').defaultValue(true),
+    pageSize: reactDesc.PropTypes.number.description('The current page size').defaultValue(10),
+    showPerPageSelector: reactDesc.PropTypes.bool.description('Whether to show the page selector').defaultValue(true),
+    perPageOptions: reactDesc.PropTypes.arrayOf(reactDesc.PropTypes.oneOfType([reactDesc.PropTypes.number, reactDesc.PropTypes.shape({
+      dsId: reactDesc.PropTypes.string,
+      value: reactDesc.PropTypes.number,
+      label: reactDesc.PropTypes.string,
+      type: reactDesc.PropTypes.oneOf(['single'])
+    })])).description('The available options for page size').defaultValue([10]),
+    perPageStep: reactDesc.PropTypes.number.description('Step for the per page options').defaultValue(5),
+    minPerPage: reactDesc.PropTypes.number.description('Step for the per page options').defaultValue(0),
+    maxPerPage: reactDesc.PropTypes.number.description('Step for the per page options').defaultValue(100),
+    onPageSizeChange: reactDesc.PropTypes.func.description('Function invoked when the page size changes').defaultValue(() => null),
+    onPreviousPage: reactDesc.PropTypes.func.description('Function invoked when the previous button is pressed').defaultValue(() => null),
+    onPageChange: reactDesc.PropTypes.func.description('Function invoked when the page changes').defaultValue(() => null),
+    onNextPage: reactDesc.PropTypes.func.description('Function invoked when next button is pressed').defaultValue(() => null),
+    pageDetails: reactDesc.PropTypes.arrayOf(reactDesc.PropTypes.string).description('Details to provide for each page').defaultValue([]),
+    pageDetailsTitle: reactDesc.PropTypes.string.description('The title of the details (usually a column of your dataset)').defaultValue('')
+  }).description('Object containing the data for the pagination'),
   colsLayoutStyle: reactDesc.PropTypes.oneOf(['auto', 'fixed']).description('Whether the datatable fills its container or not'),
   hiddenColumns: reactDesc.PropTypes.arrayOf(reactDesc.PropTypes.string).description('IDs of columns not to render'),
   dragAndDropRows: reactDesc.PropTypes.bool.description('Whether to turn on the d&d feature for the rows').defaultValue(false),

package/cjs/addons/Columns/ColumnDragHandle/ColumnDragHandle.js

@@ -9,7 +9,7 @@ require('../../../parts/TableContent.js');
 require('@elliemae/ds-grid');
 require('@elliemae/ds-circular-progress-indicator');
 require('styled-components');
-require('@elliemae/ds-icons/WarningTriangle');
+require('@elliemae/ds-icons');
 require('@elliemae/ds-system');
 require('@elliemae/ds-button');
 require('../../../DataTableContext.js');
@@ -29,13 +29,14 @@ const dragHandleColumn = {
   // Make sure it has an ID
   // The header doesn't need anything for single selection
   Header: () => _div || (_div = /*#__PURE__*/_jsx__default["default"]("div", {})),
-  Cell: ({
-    row,
-    isRowSelected,
-    cell,
-    isDragOverlay,
-    draggableProps
-  }) => {
+  Cell: _ref2 => {
+    let {
+      row,
+      isRowSelected,
+      cell,
+      isDragOverlay,
+      draggableProps
+    } = _ref2;
     useRecoverFocusRow.useRecoverFocusRow(row, cell, isDragOverlay, draggableProps);
     return /*#__PURE__*/_jsx__default["default"](styled.StyledFocusWithin, {
       style: {

package/cjs/addons/Columns/ColumnExpand/ColumnExpand.js

@@ -4,25 +4,32 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var _jsx = require('@babel/runtime/helpers/jsx');
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
+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');
+require('core-js/modules/esnext.async-iterator.filter.js');
+require('core-js/modules/esnext.iterator.filter.js');
 var React = require('react');
 var dsIcons = require('@elliemae/ds-icons');
 var styled$1 = require('styled-components');
 var styled = require('../../../styled.js');
 var constants = require('../../../configs/constants.js');
+require('core-js/modules/web.dom-collections.iterator.js');
+require('core-js/modules/esnext.async-iterator.reduce.js');
+require('core-js/modules/esnext.iterator.reduce.js');
 require('react-virtual');
 require('../../../configs/useRowFlattenization.js');
-require('@elliemae/ds-form/Checkbox');
-require('@elliemae/ds-form/Radio');
+require('core-js/modules/esnext.async-iterator.map.js');
+require('core-js/modules/esnext.iterator.map.js');
+require('@elliemae/ds-form');
 require('../../../parts/TableContent.js');
 require('@elliemae/ds-grid');
 require('@elliemae/ds-circular-progress-indicator');
-require('@elliemae/ds-icons/WarningTriangle');
 require('@elliemae/ds-system');
 require('@elliemae/ds-button');
 require('../../../DataTableContext.js');
 require('../../../parts/Row.js');
 require('../../../parts/Footer.js');
-require('@elliemae/ds-icons/GripperVertical');
 require('../../../parts/HoC/SortableItemContext.js');
 var jsxRuntime = require('react/jsx-runtime');
 
@@ -43,9 +50,10 @@ const expandRowColumn = {
   id: 'expander',
   // Make sure it has an ID
   accessor: 'expandRowColumn',
-  Header: ({
-    ctx
-  }) => {
+  Header: _ref => {
+    let {
+      ctx
+    } = _ref;
     const {
       tableProps: {
         expandedRows,
@@ -107,15 +115,16 @@ const expandRowColumn = {
       }
     }, void 0, GlobalExpandIcon));
   },
-  Cell: ({
-    cell,
-    row,
-    isRowSelected,
-    ctx,
-    draggableProps
-  }) => {
+  Cell: _ref2 => {
     var _row$original$subRows;
 
+    let {
+      cell,
+      row,
+      isRowSelected,
+      ctx,
+      draggableProps
+    } = _ref2;
     const {
       tableProps: {
         dragAndDropRows,
@@ -141,7 +150,7 @@ const expandRowColumn = {
     const isDragging = draggableProps ? draggableProps.isDragging : false;
     const isDragOverlay = dragAndDropRows && !draggableProps;
     const indentStyle = React.useMemo(() => ({
-      marginLeft: `${row.depth * 32}px`,
+      marginLeft: "".concat(row.depth * 32, "px"),
       marginRight: '18px',
       paddingLeft: '2px',
       paddingRight: '2px',
@@ -152,7 +161,7 @@ const expandRowColumn = {
     }), [row.depth]);
     const rowProps = React.useMemo(() => ({
       role: 'button',
-      key: `${row.uid}-expand-button`,
+      key: "".concat(row.uid, "-expand-button"),
       title: 'Toggle Row Expanded',
       onClick: onRowExpandHandler,
       onKeyDown: e => {

package/cjs/addons/Columns/ColumnSelectMultiple/ColumnSelectMultiple.js

@@ -4,33 +4,39 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 var _jsx = require('@babel/runtime/helpers/jsx');
+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');
+require('core-js/modules/esnext.async-iterator.filter.js');
+require('core-js/modules/esnext.iterator.filter.js');
 var React = require('react');
-var DSCheckbox = require('@elliemae/ds-form/Checkbox');
+var dsForm = require('@elliemae/ds-form');
 var constants = require('../../../configs/constants.js');
+require('core-js/modules/web.dom-collections.iterator.js');
+require('core-js/modules/esnext.async-iterator.reduce.js');
+require('core-js/modules/esnext.iterator.reduce.js');
 require('react-virtual');
 require('../../../configs/useRowFlattenization.js');
+require('core-js/modules/esnext.async-iterator.map.js');
+require('core-js/modules/esnext.iterator.map.js');
 require('@elliemae/ds-icons');
 require('styled-components');
 require('../../../styled.js');
 require('react/jsx-runtime');
-require('@elliemae/ds-form/Radio');
 require('../../../parts/TableContent.js');
 require('@elliemae/ds-grid');
 require('@elliemae/ds-circular-progress-indicator');
-require('@elliemae/ds-icons/WarningTriangle');
 require('@elliemae/ds-system');
 require('@elliemae/ds-button');
 require('../../../DataTableContext.js');
 require('../../../parts/Row.js');
 require('../../../parts/Footer.js');
-require('@elliemae/ds-icons/GripperVertical');
 require('../../../parts/HoC/SortableItemContext.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
 var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
-var DSCheckbox__default = /*#__PURE__*/_interopDefaultLegacy(DSCheckbox);
 
 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; }
 
@@ -39,9 +45,10 @@ const multiSelectColumn = {
   // Build our multiSelecter column
   id: 'multiSelecter',
   // Make sure it has an ID
-  Header: ({
-    ctx
-  }) => {
+  Header: _ref => {
+    let {
+      ctx
+    } = _ref;
     const {
       tableProps: {
         onSelectionChange,
@@ -75,7 +82,7 @@ const multiSelectColumn = {
     const onChangeHandler = React.useCallback(e => {
       onSelectionChange(newSelection, 'All', e);
     }, [newSelection, onSelectionChange]);
-    const PureHeaderCheckbox = React.useMemo(() => /*#__PURE__*/_jsx__default["default"](DSCheckbox__default["default"], {
+    const PureHeaderCheckbox = React.useMemo(() => /*#__PURE__*/_jsx__default["default"](dsForm.DSCheckbox, {
       "data-testid": constants.DATA_TESTID.DATA_TABLE_GLOBAL_CHECKBOX,
       title: "Toggle All Rows Selected",
       checked: currentGlobalState,
@@ -87,12 +94,13 @@ const multiSelectColumn = {
     }), [currentGlobalState, onChangeHandler]);
     return PureHeaderCheckbox;
   },
-  Cell: ({
-    cell,
-    row,
-    isRowSelected,
-    ctx
-  }) => {
+  Cell: _ref2 => {
+    let {
+      cell,
+      row,
+      isRowSelected,
+      ctx
+    } = _ref2;
     const {
       tableProps: {
         onSelectionChange,
@@ -104,7 +112,7 @@ const multiSelectColumn = {
       uid
     } = row;
     const selectedState = selection === null || selection === void 0 ? void 0 : selection[uid];
-    const PureCheckboxCell = React.useMemo(() => /*#__PURE__*/_jsx__default["default"](DSCheckbox__default["default"], {
+    const PureCheckboxCell = React.useMemo(() => /*#__PURE__*/_jsx__default["default"](dsForm.DSCheckbox, {
       "data-testid": constants.DATA_TESTID.DATA_TABLE_CHECKBOX,
       title: "Toggle Row Selected",
       "aria-checked": selectedState,

package/cjs/addons/Columns/ColumnSelectSingle/ColumnSelectSingle.js

@@ -4,39 +4,45 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var _jsx = require('@babel/runtime/helpers/jsx');
 var React = require('react');
+var dsForm = require('@elliemae/ds-form');
 var styled = require('styled-components');
-var DSRadio = require('@elliemae/ds-form/Radio');
 var constants = require('../../../configs/constants.js');
+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/web.dom-collections.iterator.js');
+require('core-js/modules/esnext.async-iterator.reduce.js');
+require('core-js/modules/esnext.iterator.reduce.js');
 require('react-virtual');
+require('core-js/modules/esnext.async-iterator.for-each.js');
+require('core-js/modules/esnext.iterator.for-each.js');
 require('../../../configs/useRowFlattenization.js');
 require('@babel/runtime/helpers/defineProperty');
+require('core-js/modules/esnext.async-iterator.map.js');
+require('core-js/modules/esnext.iterator.map.js');
 require('@elliemae/ds-icons');
 require('../../../styled.js');
 require('react/jsx-runtime');
-require('@elliemae/ds-form/Checkbox');
 require('../../../parts/TableContent.js');
 require('@elliemae/ds-grid');
 require('@elliemae/ds-circular-progress-indicator');
-require('@elliemae/ds-icons/WarningTriangle');
 require('@elliemae/ds-system');
 require('@elliemae/ds-button');
 require('../../../DataTableContext.js');
 require('../../../parts/Row.js');
 require('../../../parts/Footer.js');
-require('@elliemae/ds-icons/GripperVertical');
 require('../../../parts/HoC/SortableItemContext.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
-var DSRadio__default = /*#__PURE__*/_interopDefaultLegacy(DSRadio);
 
 var _div;
 const CenteredContent = /*#__PURE__*/styled__default["default"].div.withConfig({
   componentId: "sc-1u47u8g-0"
 })(["display:flex;height:100%;width:100%;justify-content:center;align-items:center;"]);
-const StyledDSRadio = /*#__PURE__*/styled__default["default"](DSRadio__default["default"]).withConfig({
+const StyledDSRadio = /*#__PURE__*/styled__default["default"](dsForm.DSRadio).withConfig({
   componentId: "sc-1u47u8g-1"
 })(["padding-bottom:0;cursor:pointer;"]);
 const singleSelectColumn = {
@@ -45,12 +51,13 @@ const singleSelectColumn = {
   // Make sure it has an ID
   // The header doesn't need anything for single selection
   Header: () => _div || (_div = /*#__PURE__*/_jsx__default["default"]("div", {})),
-  Cell: ({
-    cell,
-    row,
-    isRowSelected,
-    ctx
-  }) => {
+  Cell: _ref => {
+    let {
+      cell,
+      row,
+      isRowSelected,
+      ctx
+    } = _ref;
     const {
       tableProps: {
         onSelectionChange,

package/cjs/addons/Editables/ComboboxEditableCell/ComboboxEditableCell.js

@@ -3,8 +3,17 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var _jsx = require('@babel/runtime/helpers/jsx');
+require('core-js/modules/web.dom-collections.iterator.js');
+require('core-js/modules/esnext.async-iterator.reduce.js');
+require('core-js/modules/esnext.iterator.constructor.js');
+require('core-js/modules/esnext.iterator.reduce.js');
 var React = require('react');
-var ComboBoxFreeSolo = require('@elliemae/ds-form/ComboBoxFreeSolo');
+var dsForm = require('@elliemae/ds-form');
+require('@babel/runtime/helpers/defineProperty');
+require('core-js/modules/esnext.async-iterator.filter.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');
 require('@elliemae/ds-button');
 require('@elliemae/ds-popperjs');
 require('styled-components');
@@ -12,32 +21,30 @@ require('../../../redux/reducers/index.js');
 require('../../../configs/constants.js');
 require('react-virtual');
 require('../../../configs/useRowFlattenization.js');
-require('@babel/runtime/helpers/defineProperty');
+require('core-js/modules/esnext.async-iterator.map.js');
+require('core-js/modules/esnext.iterator.map.js');
 require('@elliemae/ds-icons');
 require('../../../styled.js');
 require('react/jsx-runtime');
-require('@elliemae/ds-form/Checkbox');
-require('@elliemae/ds-form/Radio');
 require('../../../parts/TableContent.js');
 require('@elliemae/ds-grid');
 require('@elliemae/ds-circular-progress-indicator');
-require('@elliemae/ds-icons/WarningTriangle');
 require('@elliemae/ds-system');
 var DataTableContext = require('../../../DataTableContext.js');
 require('../../../parts/Row.js');
 require('../../../parts/Footer.js');
-require('@elliemae/ds-icons/GripperVertical');
 require('../../../parts/HoC/SortableItemContext.js');
 var EditableCell = require('../../../exported-related/EditableCell.js');
-require('@elliemae/ds-icons/MoreOptionsVert');
+require('@elliemae/ds-utilities');
 require('uid');
 require('../../../exported-related/Filters/applyOutOfTheBoxFilters.js');
 require('moment');
+require('core-js/modules/esnext.async-iterator.some.js');
+require('core-js/modules/esnext.iterator.some.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
-var ComboBoxFreeSolo__default = /*#__PURE__*/_interopDefaultLegacy(ComboBoxFreeSolo);
 
 const ComboboxEditableCell = props => {
   const {
@@ -83,7 +90,7 @@ const ComboboxEditableCell = props => {
   }, [columnId, onCellValueChange, value === null || value === void 0 ? void 0 : value.value, cell.row.index]);
   return /*#__PURE__*/_jsx__default["default"](EditableCell.EditableCell, {
     StandardRender: DefaultCellRender,
-    EditableRenderer: /*#__PURE__*/_jsx__default["default"](ComboBoxFreeSolo__default["default"], {
+    EditableRenderer: /*#__PURE__*/_jsx__default["default"](dsForm.ComboBoxFreeSolo, {
       value: value,
       autoFocus: true,
       onBlur: handleOnBlur,

package/cjs/addons/Editables/DateEditableCell/DateEditableCell.js

@@ -3,35 +3,44 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var _jsx = require('@babel/runtime/helpers/jsx');
+require('core-js/modules/web.dom-collections.iterator.js');
 var React = require('react');
+require('@babel/runtime/helpers/defineProperty');
+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');
 require('@elliemae/ds-button');
 require('@elliemae/ds-popperjs');
 require('styled-components');
 require('../../../redux/reducers/index.js');
 require('../../../configs/constants.js');
+require('core-js/modules/esnext.async-iterator.reduce.js');
+require('core-js/modules/esnext.iterator.reduce.js');
 require('react-virtual');
 require('../../../configs/useRowFlattenization.js');
-require('@babel/runtime/helpers/defineProperty');
+require('core-js/modules/esnext.async-iterator.map.js');
+require('core-js/modules/esnext.iterator.map.js');
 require('@elliemae/ds-icons');
 require('../../../styled.js');
 require('react/jsx-runtime');
-require('@elliemae/ds-form/Checkbox');
-require('@elliemae/ds-form/Radio');
+require('@elliemae/ds-form');
 require('../../../parts/TableContent.js');
 require('@elliemae/ds-grid');
 require('@elliemae/ds-circular-progress-indicator');
-require('@elliemae/ds-icons/WarningTriangle');
 require('@elliemae/ds-system');
 var DataTableContext = require('../../../DataTableContext.js');
 require('../../../parts/Row.js');
 require('../../../parts/Footer.js');
-require('@elliemae/ds-icons/GripperVertical');
 require('../../../parts/HoC/SortableItemContext.js');
 var EditableCell = require('../../../exported-related/EditableCell.js');
-require('@elliemae/ds-icons/MoreOptionsVert');
+require('@elliemae/ds-utilities');
 require('uid');
 require('../../../exported-related/Filters/applyOutOfTheBoxFilters.js');
 require('moment');
+require('core-js/modules/esnext.async-iterator.some.js');
+require('core-js/modules/esnext.iterator.some.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/cjs/addons/Editables/TextEditableCell/TextEditableCell.js

@@ -3,35 +3,44 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var _jsx = require('@babel/runtime/helpers/jsx');
+require('core-js/modules/web.dom-collections.iterator.js');
 var React = require('react');
 var styled = require('styled-components');
+require('@babel/runtime/helpers/defineProperty');
+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');
 require('@elliemae/ds-button');
 require('@elliemae/ds-popperjs');
 require('../../../redux/reducers/index.js');
 require('../../../configs/constants.js');
+require('core-js/modules/esnext.async-iterator.reduce.js');
+require('core-js/modules/esnext.iterator.reduce.js');
 require('react-virtual');
 require('../../../configs/useRowFlattenization.js');
-require('@babel/runtime/helpers/defineProperty');
+require('core-js/modules/esnext.async-iterator.map.js');
+require('core-js/modules/esnext.iterator.map.js');
 require('@elliemae/ds-icons');
 require('../../../styled.js');
 require('react/jsx-runtime');
-require('@elliemae/ds-form/Checkbox');
-require('@elliemae/ds-form/Radio');
+require('@elliemae/ds-form');
 require('../../../parts/TableContent.js');
 require('@elliemae/ds-grid');
 require('@elliemae/ds-circular-progress-indicator');
-require('@elliemae/ds-icons/WarningTriangle');
 require('@elliemae/ds-system');
 var DataTableContext = require('../../../DataTableContext.js');
 require('../../../parts/Row.js');
 require('../../../parts/Footer.js');
-require('@elliemae/ds-icons/GripperVertical');
 require('../../../parts/HoC/SortableItemContext.js');
 var EditableCell = require('../../../exported-related/EditableCell.js');
-require('@elliemae/ds-icons/MoreOptionsVert');
+require('@elliemae/ds-utilities');
 require('uid');
 require('../../../exported-related/Filters/applyOutOfTheBoxFilters.js');
 require('moment');
+require('core-js/modules/esnext.async-iterator.some.js');
+require('core-js/modules/esnext.iterator.some.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -70,15 +79,31 @@ const TextEditableCell = props => {
       rowIndex
     });
   }, [value, onCellValueChange, cell.column.id, cell.row.index]);
+  const handleOnKeyDown = React.useCallback(e => {
+    if (e.code === 'Enter') {
+      cell.ref.current.focus(); // will exec on blur callback from input and save new value
+    }
+
+    if (e.code === 'Escape') {
+      setValue(cell.value);
+      const auxRef = cell.ref.current; // this prevent the on blur
+
+      setTimeout(() => {
+        auxRef.focus();
+      });
+    }
+  }, [cell]);
   return /*#__PURE__*/_jsx__default["default"](EditableCell.EditableCell, {
     StandardRender: DefaultCellRender,
     EditableRenderer: /*#__PURE__*/_jsx__default["default"](StyledInput, {
       value: value,
+      onKeyDown: handleOnKeyDown,
       onChange: handleOnChange,
       onBlur: handleOnBlur,
       autoFocus: true
     }),
     cell: cell,
+    setValue: setValue,
     isRowSelected: isRowSelected
   });
 };