@elliemae/ds-data-table 2.2.0-alpha.5 → 2.2.0-beta.0

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

@@ -1,108 +1,150 @@
-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 ColumnSelectMultiple_exports = {};
-__export(ColumnSelectMultiple_exports, {
-  multiSelectColumn: () => multiSelectColumn
-});
-var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
-var import_ds_form = require("@elliemae/ds-form");
-var import_constants = require("../../../configs/constants");
+'use strict';
+
+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 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('../../../parts/TableContent.js');
+require('@elliemae/ds-grid');
+require('@elliemae/ds-circular-progress-indicator');
+require('@elliemae/ds-system');
+require('@elliemae/ds-button');
+require('../../../DataTableContext.js');
+require('../../../parts/Row.js');
+require('../../../parts/Footer.js');
+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);
+
+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 multiSelectColumn = {
-  id: "multiSelecter",
-  Header: ({ ctx }) => {
+  // Build our multiSelecter column
+  id: 'multiSelecter',
+  // Make sure it has an ID
+  Header: _ref => {
+    let {
+      ctx
+    } = _ref;
     const {
-      tableProps: { onSelectionChange, selection, data, disabledRows },
+      tableProps: {
+        onSelectionChange,
+        selection,
+        data,
+        disabledRows
+      },
       allDataFlattened
     } = ctx;
     const selectionKeyCount = Object.keys(selection).length;
-    const currentGlobalState = (0, import_react.useMemo)(() => selectionKeyCount > 0 && selectionKeyCount < data.length ? "mixed" : selectionKeyCount > 0, [selectionKeyCount, data]);
-    const newGlobalStateAfterToggle = (0, import_react.useMemo)(() => {
+    const currentGlobalState = React.useMemo(() => selectionKeyCount > 0 && selectionKeyCount < data.length ? 'mixed' : selectionKeyCount > 0, [selectionKeyCount, data]);
+    const newGlobalStateAfterToggle = React.useMemo(() => {
+      // false -- toggles into --> true
+      // mixed  -- toggles into --> true
+      // true  -- toggles into --> false
       let newState = false;
-      if (currentGlobalState === false || currentGlobalState === "mixed")
-        newState = true;
+      if (currentGlobalState === false || currentGlobalState === 'mixed') newState = true;
       return newState;
     }, [currentGlobalState]);
-    const newSelection = (0, import_react.useMemo)(() => {
+    const newSelection = React.useMemo(() => {
       if (newGlobalStateAfterToggle) {
         const nextSelection = {};
-        allDataFlattened.forEach((datum) => {
+        allDataFlattened.forEach(datum => {
           nextSelection[datum.uid] = !disabledRows[datum.uid];
         });
         return nextSelection;
       }
+
       return {};
     }, [newGlobalStateAfterToggle, allDataFlattened, disabledRows]);
-    const onChangeHandler = (0, import_react.useCallback)((e) => {
-      onSelectionChange(newSelection, "All", e);
+    const onChangeHandler = React.useCallback(e => {
+      onSelectionChange(newSelection, 'All', e);
     }, [newSelection, onSelectionChange]);
-    const PureHeaderCheckbox = (0, import_react.useMemo)(() => /* @__PURE__ */ import_react.default.createElement(import_ds_form.DSCheckbox, {
-      "data-testid": import_constants.DATA_TESTID.DATA_TABLE_GLOBAL_CHECKBOX,
+    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,
       onChange: onChangeHandler,
       tabIndex: "0",
-      style: { cursor: "pointer" }
+      style: {
+        cursor: 'pointer'
+      }
     }), [currentGlobalState, onChangeHandler]);
     return PureHeaderCheckbox;
   },
-  Cell: ({ cell, row, isRowSelected, ctx }) => {
+  Cell: _ref2 => {
+    let {
+      cell,
+      row,
+      isRowSelected,
+      ctx
+    } = _ref2;
     const {
-      tableProps: { onSelectionChange, selection, disabledRows }
+      tableProps: {
+        onSelectionChange,
+        selection,
+        disabledRows
+      }
     } = ctx;
-    const { uid } = row;
-    const selectedState = selection?.[uid];
-    const PureCheckboxCell = (0, import_react.useMemo)(() => /* @__PURE__ */ import_react.default.createElement(import_ds_form.DSCheckbox, {
-      "data-testid": import_constants.DATA_TESTID.DATA_TABLE_CHECKBOX,
+    const {
+      uid
+    } = row;
+    const selectedState = selection === null || selection === void 0 ? void 0 : selection[uid];
+    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,
       "aria-disabled": false,
       checked: selectedState,
-      onChange: (e) => {
+      onChange: e => {
         const newState = !selectedState;
-        const newSelection = { ...selection, [uid]: newState };
-        if (!newState)
-          delete newSelection[uid];
+
+        const newSelection = _objectSpread(_objectSpread({}, selection), {}, {
+          [uid]: newState
+        }); // we only want true and mixed values
+
+
+        if (!newState) delete newSelection[uid]; // if newState is false, remove from the new selection
+
         onSelectionChange(newSelection, uid, e);
       },
       disabled: disabledRows[row.uid],
       innerRef: cell.ref,
       tabIndex: isRowSelected ? 0 : -1,
-      style: { cursor: "pointer" }
+      style: {
+        cursor: 'pointer'
+      }
     }), [selectedState, disabledRows, row.uid, cell.ref, isRowSelected, selection, uid, onSelectionChange]);
     return PureCheckboxCell;
   },
-  textWrap: "wrap",
+  textWrap: 'wrap',
   width: 32,
   padding: 7,
   canResize: false,
   isFocuseable: false,
   disableDnD: true
 };
-module.exports = __toCommonJS(ColumnSelectMultiple_exports);
-//# sourceMappingURL=ColumnSelectMultiple.js.map
+
+exports.multiSelectColumn = multiSelectColumn;

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

@@ -1,70 +1,89 @@
-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 ColumnSelectSingle_exports = {};
-__export(ColumnSelectSingle_exports, {
-  singleSelectColumn: () => singleSelectColumn
-});
-var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
-var import_ds_form = require("@elliemae/ds-form");
-var import_styled_components = __toESM(require("styled-components"));
-var import_constants = require("../../../configs/constants");
-const CenteredContent = import_styled_components.default.div`
-  display: flex;
-  height: 100%;
-  width: 100%;
-  justify-content: center;
-  align-items: center;
-`;
-const StyledDSRadio = (0, import_styled_components.default)(import_ds_form.DSRadio)`
-  padding-bottom: 0;
-  cursor: pointer;
-`;
+'use strict';
+
+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 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('../../../parts/TableContent.js');
+require('@elliemae/ds-grid');
+require('@elliemae/ds-circular-progress-indicator');
+require('@elliemae/ds-system');
+require('@elliemae/ds-button');
+require('../../../DataTableContext.js');
+require('../../../parts/Row.js');
+require('../../../parts/Footer.js');
+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 _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"](dsForm.DSRadio).withConfig({
+  componentId: "sc-1u47u8g-1"
+})(["padding-bottom:0;cursor:pointer;"]);
 const singleSelectColumn = {
-  id: "singleSelecter",
-  Header: () => /* @__PURE__ */ import_react.default.createElement("div", null),
-  Cell: ({ cell, row, isRowSelected, ctx }) => {
+  // Build our singleSelecter column
+  id: 'singleSelecter',
+  // Make sure it has an ID
+  // The header doesn't need anything for single selection
+  Header: () => _div || (_div = /*#__PURE__*/_jsx__default["default"]("div", {})),
+  Cell: _ref => {
+    let {
+      cell,
+      row,
+      isRowSelected,
+      ctx
+    } = _ref;
     const {
-      tableProps: { onSelectionChange, selection, disabledRows }
+      tableProps: {
+        onSelectionChange,
+        selection,
+        disabledRows
+      }
     } = ctx;
-    const { uid } = row;
-    const selectedState = selection?.[uid];
-    const PureCheckBox = (0, import_react.useMemo)(() => /* @__PURE__ */ import_react.default.createElement(CenteredContent, null, /* @__PURE__ */ import_react.default.createElement(StyledDSRadio, {
+    const {
+      uid
+    } = row;
+    const selectedState = selection === null || selection === void 0 ? void 0 : selection[uid];
+    const PureCheckBox = React.useMemo(() => /*#__PURE__*/_jsx__default["default"](CenteredContent, {}, void 0, /*#__PURE__*/_jsx__default["default"](StyledDSRadio // eslint-disable-next-line react/prop-types
+    , {
       containerProps: {
-        "aria-checked": selectedState,
-        "aria-disabled": false,
-        title: "Toggle Row Selected"
+        'aria-checked': selectedState,
+        'aria-disabled': false,
+        title: 'Toggle Row Selected'
       },
       checked: selectedState,
       onChange: () => {
-        onSelectionChange(!selectedState ? { [uid]: !selectedState } : {});
+        // in single select we only allow one item to be selected
+        onSelectionChange(!selectedState ? {
+          [uid]: !selectedState
+        } : {});
       },
-      "data-testid": import_constants.DATA_TESTID.DATA_TABLE_RADIO,
+      "data-testid": constants.DATA_TESTID.DATA_TABLE_RADIO,
       disabled: disabledRows[row.uid],
       innerRef: cell.ref,
       value: "",
@@ -72,12 +91,12 @@ const singleSelectColumn = {
     })), [selectedState, disabledRows, row.uid, cell.ref, isRowSelected, onSelectionChange, uid]);
     return PureCheckBox;
   },
-  textWrap: "wrap",
+  textWrap: 'wrap',
   width: 32,
   padding: 4,
   canResize: false,
   isFocuseable: false,
   disableDnD: true
 };
-module.exports = __toCommonJS(ColumnSelectSingle_exports);
-//# sourceMappingURL=ColumnSelectSingle.js.map
+
+exports.singleSelectColumn = singleSelectColumn;

package/cjs/addons/Columns/index.js

@@ -1,51 +1,18 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
-var Columns_exports = {};
-__export(Columns_exports, {
-  INTERNAL_COLUMNS: () => INTERNAL_COLUMNS,
-  actionColumn: () => import_ColumnAction.actionColumn,
-  dragHandleColumn: () => import_ColumnDragHandle.dragHandleColumn,
-  expandRowColumn: () => import_ColumnExpand.expandRowColumn,
-  multiSelectColumn: () => import_ColumnSelectMultiple.multiSelectColumn,
-  singleSelectColumn: () => import_ColumnSelectSingle.singleSelectColumn
-});
-var React = __toESM(require("react"));
-var import_ColumnAction = require("./ColumnAction/ColumnAction");
-var import_ColumnExpand = require("./ColumnExpand/ColumnExpand");
-var import_ColumnSelectMultiple = require("./ColumnSelectMultiple/ColumnSelectMultiple");
-var import_ColumnSelectSingle = require("./ColumnSelectSingle/ColumnSelectSingle");
-var import_ColumnDragHandle = require("./ColumnDragHandle/ColumnDragHandle");
-const INTERNAL_COLUMNS = [
-  "rowActions",
-  "expander",
-  "multiSelecter",
-  "singleSelecter",
-  "dragHandleColumn"
-];
-module.exports = __toCommonJS(Columns_exports);
-//# sourceMappingURL=index.js.map
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var ColumnAction = require('./ColumnAction/ColumnAction.js');
+var ColumnExpand = require('./ColumnExpand/ColumnExpand.js');
+var ColumnSelectMultiple = require('./ColumnSelectMultiple/ColumnSelectMultiple.js');
+var ColumnSelectSingle = require('./ColumnSelectSingle/ColumnSelectSingle.js');
+var ColumnDragHandle = require('./ColumnDragHandle/ColumnDragHandle.js');
+
+const INTERNAL_COLUMNS = ['rowActions', 'expander', 'multiSelecter', 'singleSelecter', 'dragHandleColumn'];
+
+exports.actionColumn = ColumnAction.actionColumn;
+exports.expandRowColumn = ColumnExpand.expandRowColumn;
+exports.multiSelectColumn = ColumnSelectMultiple.multiSelectColumn;
+exports.singleSelectColumn = ColumnSelectSingle.singleSelectColumn;
+exports.dragHandleColumn = ColumnDragHandle.dragHandleColumn;
+exports.INTERNAL_COLUMNS = INTERNAL_COLUMNS;

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

@@ -1,77 +1,105 @@
-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 ComboboxEditableCell_exports = {};
-__export(ComboboxEditableCell_exports, {
-  ComboboxEditableCell: () => ComboboxEditableCell
-});
-var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
-var import_ds_form = require("@elliemae/ds-form");
-var import_exported_related = require("../../../exported-related");
-var import_DataTableContext = require("../../../DataTableContext");
-var import_prop_types = require("../../../prop-types");
-const ComboboxEditableCell = (props) => {
-  const { cell, DefaultCellRender, isRowSelected } = props;
+'use strict';
+
+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 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');
+require('../../../redux/reducers/index.js');
+require('../../../configs/constants.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.js');
+require('react/jsx-runtime');
+require('../../../parts/TableContent.js');
+require('@elliemae/ds-grid');
+require('@elliemae/ds-circular-progress-indicator');
+require('@elliemae/ds-system');
+var DataTableContext = require('../../../DataTableContext.js');
+require('../../../parts/Row.js');
+require('../../../parts/Footer.js');
+require('../../../parts/HoC/SortableItemContext.js');
+var EditableCell = require('../../../exported-related/EditableCell.js');
+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);
+
+const ComboboxEditableCell = props => {
   const {
-    tableProps: { onCellValueChange },
+    cell,
+    DefaultCellRender,
+    isRowSelected
+  } = props;
+  const {
+    tableProps: {
+      onCellValueChange
+    },
     flattenedData
-  } = (0, import_react.useContext)(import_DataTableContext.DataTableContext);
-  const cellValue = (0, import_react.useMemo)(() => cell.value, [cell.value]);
-  const columnId = (0, import_react.useMemo)(() => cell.column.id, [cell.column.id]);
-  const [value, setValue] = (0, import_react.useState)({ value: cellValue, label: cellValue });
-  const uniqueOptions = (0, import_react.useMemo)(() => {
+  } = React.useContext(DataTableContext["default"]);
+  const cellValue = React.useMemo(() => cell.value, [cell.value]);
+  const columnId = React.useMemo(() => cell.column.id, [cell.column.id]);
+  const [value, setValue] = React.useState({
+    value: cellValue,
+    label: cellValue
+  });
+  const uniqueOptions = React.useMemo(() => {
     const uniqueValuesMap = {};
     return flattenedData.reduce((optionsSoFar, currRow) => {
       const currValue = currRow.original[columnId];
+
       if (!uniqueValuesMap[currValue]) {
-        optionsSoFar.push({ value: currValue, label: currValue });
+        optionsSoFar.push({
+          value: currValue,
+          label: currValue
+        });
         uniqueValuesMap[currValue] = true;
       }
+
       return optionsSoFar;
     }, []);
   }, [flattenedData, columnId]);
-  const handleOnBlur = (0, import_react.useCallback)(() => {
+  const handleOnBlur = React.useCallback(() => {
     const property = columnId;
-    onCellValueChange({ value: value?.value, property, rowIndex: cell.row.index });
-  }, [columnId, onCellValueChange, value?.value, cell.row.index]);
-  return /* @__PURE__ */ import_react.default.createElement(import_exported_related.EditableCell, {
+    onCellValueChange({
+      value: value === null || value === void 0 ? void 0 : value.value,
+      property,
+      rowIndex: cell.row.index
+    });
+  }, [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__ */ import_react.default.createElement(import_ds_form.ComboBoxFreeSolo, {
-      value,
+    EditableRenderer: /*#__PURE__*/_jsx__default["default"](dsForm.ComboBoxFreeSolo, {
+      value: value,
       autoFocus: true,
       onBlur: handleOnBlur,
       onChange: setValue,
       options: uniqueOptions
     }),
-    cell,
-    isRowSelected
+    cell: cell,
+    isRowSelected: isRowSelected
   });
 };
-ComboboxEditableCell.propTypes = import_prop_types.editableCellPropType;
-module.exports = __toCommonJS(ComboboxEditableCell_exports);
-//# sourceMappingURL=ComboboxEditableCell.js.map
+
+exports.ComboboxEditableCell = ComboboxEditableCell;