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

package/cjs/plugins/column-sizing/utils.js

@@ -2,22 +2,23 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+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');
 var dsUtilities = require('@elliemae/ds-utilities');
 
 function getScrollbarSizeFromHeaderAndBody(refs) {
-  var innerBodyOffsetWidth = dsUtilities.get(refs, ['innerBody', 'current', 'offsetWidth']);
-  var headerOffsetWidth = dsUtilities.get(refs, ['header', 'current', 'offsetWidth']);
+  const innerBodyOffsetWidth = dsUtilities.get(refs, ['innerBody', 'current', 'offsetWidth']);
+  const headerOffsetWidth = dsUtilities.get(refs, ['header', 'current', 'offsetWidth']);
   return headerOffsetWidth - innerBodyOffsetWidth;
 }
-var isScrollbarVisible = function isScrollbarVisible(element) {
-  return element.scrollHeight > element.clientHeight;
-};
-var getPercentageValue = function getPercentageValue(percentString) {
+const isScrollbarVisible = element => element.scrollHeight > element.clientHeight;
+const getPercentageValue = percentString => {
   if (typeof percentString !== 'string') return null;
-  var result = percentString.match(/(\d+|\d*[.,]\d{1,2})/);
+  const result = percentString.match(/(\d+|\d*[.,]\d{1,2})/);
   return result && Number(result[0]);
 };
-var getColumnWidthSize = function getColumnWidthSize(width, minWidth, column) {
+const getColumnWidthSize = (width, minWidth, column) => {
   if (column.special) {
     return column.width;
   }
@@ -25,13 +26,13 @@ var getColumnWidthSize = function getColumnWidthSize(width, minWidth, column) {
   if (minWidth && minWidth > width) return minWidth;
   return width;
 };
-var calculateMinWidthForWrappedText = function calculateMinWidthForWrappedText(columns) {
-  var longestWord = 0;
-  columns.forEach(function (_ref) {
-    var label = _ref.label;
-    var localLongestWord = label.split(' ').sort(function (a, b) {
-      return b.length - a.length;
-    })[0].length;
+const calculateMinWidthForWrappedText = columns => {
+  let longestWord = 0;
+  columns.forEach(_ref => {
+    let {
+      label
+    } = _ref;
+    const localLongestWord = label.split(' ').sort((a, b) => b.length - a.length)[0].length;
     if (localLongestWord > longestWord) longestWord = localLongestWord;
   });
   return longestWord * 8.5;
@@ -42,4 +43,3 @@ exports.getColumnWidthSize = getColumnWidthSize;
 exports.getPercentageValue = getPercentageValue;
 exports.getScrollbarSizeFromHeaderAndBody = getScrollbarSizeFromHeaderAndBody;
 exports.isScrollbarVisible = isScrollbarVisible;
-//# sourceMappingURL=utils.js.map

package/cjs/plugins/custom-cell-renderer/CustomRendererPlugin.js

@@ -3,36 +3,16 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var createInstancePlugin = require('@elliemae/ds-shared/createDataInstance/createInstancePlugin');
-var plugins_customCellRenderer_addCustomRendererToCell = require('./addCustomRendererToCell.js');
-require('@babel/runtime/helpers/defineProperty');
-require('@elliemae/ds-utilities');
-require('@elliemae/ds-shared/useDataGrid/initColumnDefinition');
-require('./getRendererComponent.js');
-require('@babel/runtime/helpers/extends');
-require('@babel/runtime/helpers/objectWithoutProperties');
-require('react');
-require('@elliemae/ds-button');
-require('@elliemae/ds-form');
-require('@elliemae/ds-dropdownmenu');
-require('../../index-0be12eb8.js');
-require('../../components/renderers/defaultClassedRenderers.js');
-require('@elliemae/ds-classnames');
-require('../../blockNames.js');
-require('../../components/renderers/renderRowsLoader.js');
-require('../../components/RowsLoader.js');
-require('@elliemae/ds-spinner');
+var addCustomRendererToCell = require('./addCustomRendererToCell.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var createInstancePlugin__default = /*#__PURE__*/_interopDefaultLegacy(createInstancePlugin);
 
-var decorateColumn = function decorateColumn(column, grid) {
-  return plugins_customCellRenderer_addCustomRendererToCell['default'](grid)(column);
-};
+const decorateColumn = (column, grid) => addCustomRendererToCell["default"](grid)(column);
 
-var CustomRendererPlugin = createInstancePlugin__default['default']('custom-renderer', {
-  decorateColumn: decorateColumn
+const CustomRendererPlugin = createInstancePlugin__default["default"]('custom-renderer', {
+  decorateColumn
 });
 
 exports.CustomRendererPlugin = CustomRendererPlugin;
-//# sourceMappingURL=CustomRendererPlugin.js.map

package/cjs/plugins/custom-cell-renderer/addCustomRendererToCell.js

@@ -2,23 +2,15 @@
 
 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 dsUtilities = require('@elliemae/ds-utilities');
 var initColumnDefinition = require('@elliemae/ds-shared/useDataGrid/initColumnDefinition');
-var plugins_customCellRenderer_getRendererComponent = require('./getRendererComponent.js');
-require('@babel/runtime/helpers/extends');
-require('@babel/runtime/helpers/objectWithoutProperties');
-require('react');
-require('@elliemae/ds-button');
-require('@elliemae/ds-form');
-require('@elliemae/ds-dropdownmenu');
-require('../../index-0be12eb8.js');
-require('../../components/renderers/defaultClassedRenderers.js');
-require('@elliemae/ds-classnames');
-require('../../blockNames.js');
-require('../../components/renderers/renderRowsLoader.js');
-require('../../components/RowsLoader.js');
-require('@elliemae/ds-spinner');
+var getRendererComponent = require('./getRendererComponent.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -26,59 +18,55 @@ var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_definePropert
 
 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 getRenderer = function getRenderer(renderer, grid, column) {
-  return function (value, metaData) {
-    var _grid$getInstance = grid.getInstance(),
-        _grid$getInstance$pro = _grid$getInstance.props,
-        customHandlers = _grid$getInstance$pro.customHandlers,
-        parentRowData = _grid$getInstance$pro.parentRowData;
-
-    if (column && column.formatExpandable && value && value.props && value.props.children && value.props.children.length === 2) {
-      return [value.props.children[0], renderer({
-        value: value.props.children[1],
-        // apply custom render only to the original value not the arrow
-        metaData: _objectSpread(_objectSpread({}, metaData), {}, {
-          parentRowData: parentRowData
-        }),
-        customHandlers: customHandlers
-      })];
+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 getRenderer = (renderer, grid, column) => (value, metaData) => {
+  const {
+    props: {
+      customHandlers,
+      parentRowData
     }
+  } = grid.getInstance();
 
-    return renderer({
-      value: value,
+  if (column && column.formatExpandable && value && value.props && value.props.children && value.props.children.length === 2) {
+    return [value.props.children[0], renderer({
+      value: value.props.children[1],
+      // apply custom render only to the original value not the arrow
       metaData: _objectSpread(_objectSpread({}, metaData), {}, {
-        parentRowData: parentRowData
+        parentRowData
       }),
-      customHandlers: customHandlers
-    });
-  };
+      customHandlers
+    })];
+  }
+
+  return renderer({
+    value,
+    metaData: _objectSpread(_objectSpread({}, metaData), {}, {
+      parentRowData
+    }),
+    customHandlers
+  });
 };
 
-var addCustomRendererToCell = function addCustomRendererToCell(grid) {
-  return function (column) {
-    var _column = column,
-        customRenderer = _column.customRenderer;
-    var customHeaderRenderer = dsUtilities.get(column, ['header', 'customRenderer']);
-    if (!customRenderer && !customHeaderRenderer) return column;
+const addCustomRendererToCell = grid => column => {
+  const {
+    customRenderer
+  } = column;
+  const customHeaderRenderer = dsUtilities.get(column, ['header', 'customRenderer']);
+  if (!customRenderer && !customHeaderRenderer) return column;
 
-    if (dsUtilities.isFunction(customHeaderRenderer)) {
-      column.header.formatters.push(getRenderer(customHeaderRenderer, grid));
-    }
+  if (dsUtilities.isFunction(customHeaderRenderer)) {
+    column.header.formatters.push(getRenderer(customHeaderRenderer, grid));
+  }
 
-    if (dsUtilities.isFunction(customRenderer)) {
-      column = initColumnDefinition.appendCellFormatter(getRenderer(customRenderer, grid, column), column);
-    } else {
-      if (!customRenderer) return column;
-      column.cell.formatters.push(function (value, columnData) {
-        return plugins_customCellRenderer_getRendererComponent(grid, customRenderer, columnData);
-      });
-    }
+  if (dsUtilities.isFunction(customRenderer)) {
+    column = initColumnDefinition.appendCellFormatter(getRenderer(customRenderer, grid, column), column);
+  } else {
+    if (!customRenderer) return column;
+    column.cell.formatters.push((value, columnData) => getRendererComponent(grid, customRenderer, columnData));
+  }
 
-    return column;
-  };
+  return column;
 };
 
-exports['default'] = addCustomRendererToCell;
+exports["default"] = addCustomRendererToCell;
 exports.getRenderer = getRenderer;
-//# sourceMappingURL=addCustomRendererToCell.js.map

package/cjs/plugins/custom-cell-renderer/getRendererComponent.js

@@ -1,58 +1,65 @@
 'use strict';
 
-var _extends = require('@babel/runtime/helpers/extends');
+var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
-var React = require('react');
+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');
+require('react');
 var DSButton = require('@elliemae/ds-button');
 var dsForm = require('@elliemae/ds-form');
 var DSDropdownMenu = require('@elliemae/ds-dropdownmenu');
-var components_renderers_index = require('../../index-0be12eb8.js');
-require('../../components/renderers/defaultClassedRenderers.js');
-require('@elliemae/ds-classnames');
-require('../../blockNames.js');
-require('../../components/renderers/renderRowsLoader.js');
-require('../../components/RowsLoader.js');
-require('@elliemae/ds-spinner');
+var index = require('../../components/renderers/index.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 _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
 var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var DSButton__default = /*#__PURE__*/_interopDefaultLegacy(DSButton);
 var DSDropdownMenu__default = /*#__PURE__*/_interopDefaultLegacy(DSDropdownMenu);
 
-var _excluded = ["type", "handlers"];
-var components = {
-  DSButton: DSButton__default['default'],
+const _excluded = ["type", "handlers"];
+
+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; }
+const components = {
+  DSButton: DSButton__default["default"],
   DSCheckbox: dsForm.DSCheckbox,
   DSComboBox: dsForm.DSComboBox,
   DSRadio: dsForm.DSRadio,
   DSTextBox: dsForm.DSTextBox,
   DSToggle: dsForm.DSToggle,
-  DSDropdownMenu: DSDropdownMenu__default['default']
+  DSDropdownMenu: DSDropdownMenu__default["default"]
 };
 
-var getRendererComponent = function getRendererComponent(_ref2, _ref, _ref3) {
-  var props = _ref2.props;
-  var rowData = _ref3.rowData;
-
-  var _ref$type = _ref.type,
-      type = _ref$type === void 0 ? 'DSTextBox' : _ref$type,
-      handlers = _ref.handlers,
-      rest = _objectWithoutProperties__default['default'](_ref, _excluded);
-
-  var Component = components[type] || components_renderers_index.renderers[type];
-  var customHandlers = props.customHandlers,
-      rowKey = props.rowKey;
-  var mappedHandlers = {};
-  Object.keys(handlers).forEach(function (key) {
-    mappedHandlers[handlers[key]] = function () {
-      return typeof customHandlers[key] === 'function' ? customHandlers[key](rowData, rowData[rowKey]) : null;
-    };
+const getRendererComponent = (_ref2, _ref, _ref3) => {
+  let {
+    props
+  } = _ref2;
+  let {
+    rowData
+  } = _ref3;
+
+  let {
+    type = 'DSTextBox',
+    handlers
+  } = _ref,
+      rest = _objectWithoutProperties__default["default"](_ref, _excluded);
+
+  const Component = components[type] || index[type];
+  const {
+    customHandlers,
+    rowKey
+  } = props;
+  const mappedHandlers = {};
+  Object.keys(handlers).forEach(key => {
+    mappedHandlers[handlers[key]] = () => typeof customHandlers[key] === 'function' ? customHandlers[key](rowData, rowData[rowKey]) : null;
   });
-  return /*#__PURE__*/React__default['default'].createElement(Component, _extends__default['default']({}, rowData, mappedHandlers, rest));
+  return /*#__PURE__*/jsxRuntime.jsx(Component, _objectSpread(_objectSpread(_objectSpread({}, rowData), mappedHandlers), rest));
 };
 
 module.exports = getRendererComponent;
-//# sourceMappingURL=getRendererComponent.js.map

package/cjs/plugins/custom-cell-renderer/index.js

@@ -2,28 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var plugins_customCellRenderer_CustomRendererPlugin = require('./CustomRendererPlugin.js');
-require('@elliemae/ds-shared/createDataInstance/createInstancePlugin');
-require('./addCustomRendererToCell.js');
-require('@babel/runtime/helpers/defineProperty');
-require('@elliemae/ds-utilities');
-require('@elliemae/ds-shared/useDataGrid/initColumnDefinition');
-require('./getRendererComponent.js');
-require('@babel/runtime/helpers/extends');
-require('@babel/runtime/helpers/objectWithoutProperties');
-require('react');
-require('@elliemae/ds-button');
-require('@elliemae/ds-form');
-require('@elliemae/ds-dropdownmenu');
-require('../../index-0be12eb8.js');
-require('../../components/renderers/defaultClassedRenderers.js');
-require('@elliemae/ds-classnames');
-require('../../blockNames.js');
-require('../../components/renderers/renderRowsLoader.js');
-require('../../components/RowsLoader.js');
-require('@elliemae/ds-spinner');
+var CustomRendererPlugin = require('./CustomRendererPlugin.js');
 
 
 
-exports.CustomRendererPlugin = plugins_customCellRenderer_CustomRendererPlugin.CustomRendererPlugin;
-//# sourceMappingURL=index.js.map
+exports.CustomRendererPlugin = CustomRendererPlugin.CustomRendererPlugin;

package/cjs/plugins/editable/EditableComponents/ComboBox.js

@@ -1,94 +1,71 @@
 'use strict';
 
-var _extends = require('@babel/runtime/helpers/extends');
-var _classCallCheck = require('@babel/runtime/helpers/classCallCheck');
-var _createClass = require('@babel/runtime/helpers/createClass');
-var _assertThisInitialized = require('@babel/runtime/helpers/assertThisInitialized');
-var _inherits = require('@babel/runtime/helpers/inherits');
-var _possibleConstructorReturn = require('@babel/runtime/helpers/possibleConstructorReturn');
-var _getPrototypeOf = require('@babel/runtime/helpers/getPrototypeOf');
+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 React = require('react');
 var dsForm = require('@elliemae/ds-form');
+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 _classCallCheck__default = /*#__PURE__*/_interopDefaultLegacy(_classCallCheck);
-var _createClass__default = /*#__PURE__*/_interopDefaultLegacy(_createClass);
-var _assertThisInitialized__default = /*#__PURE__*/_interopDefaultLegacy(_assertThisInitialized);
-var _inherits__default = /*#__PURE__*/_interopDefaultLegacy(_inherits);
-var _possibleConstructorReturn__default = /*#__PURE__*/_interopDefaultLegacy(_possibleConstructorReturn);
-var _getPrototypeOf__default = /*#__PURE__*/_interopDefaultLegacy(_getPrototypeOf);
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
 
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf__default['default'](Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf__default['default'](this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn__default['default'](this, result); }; }
+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 _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-
-var ComboBox = /*#__PURE__*/function (_Component) {
-  _inherits__default['default'](ComboBox, _Component);
-
-  var _super = _createSuper(ComboBox);
-
-  function ComboBox(props) {
-    var _this;
-
-    _classCallCheck__default['default'](this, ComboBox);
-
-    _this = _super.call(this, props);
-    _this.state = {
+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; }
+class ComboBox extends React.Component {
+  constructor(props) {
+    super(props);
+    this.state = {
       value: props.value
     };
-    _this.handleBlur = _this.handleBlur.bind(_assertThisInitialized__default['default'](_this));
-    _this.handleChange = _this.handleChange.bind(_assertThisInitialized__default['default'](_this));
-    return _this;
+    this.handleBlur = this.handleBlur.bind(this);
+    this.handleChange = this.handleChange.bind(this);
   }
 
-  _createClass__default['default'](ComboBox, [{
-    key: "handleChange",
-    value: function handleChange(value) {
-      var onValue = this.props.onValue; // some how this is executed before handleBlur, and handleBlur before the value is set
-      // causing the value to be the same as the prevProp
-      // todo: find a better solution to this
+  handleChange(value) {
+    const {
+      onValue
+    } = this.props; // some how this is executed before handleBlur, and handleBlur before the value is set
+    // causing the value to be the same as the prevProp
+    // todo: find a better solution to this
 
-      setTimeout(function () {
-        return onValue(value);
-      }, 1);
-      this.setState({
-        value: value
-      });
-    }
-  }, {
-    key: "handleBlur",
-    value: function handleBlur() {
-      var onValue = this.props.onValue;
-      var value = this.state.value;
-      onValue(value);
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var value = this.state.value;
-      return /*#__PURE__*/React__default['default'].createElement(dsForm.DSComboBox, _extends__default['default']({}, this.props, {
-        menuIsOpen: true,
-        onBlur: this.handleBlur,
-        onChange: this.handleChange,
-        onClick: function onClick(e) {
-          return e.stopPropagation();
-        },
-        value: value
-      }));
-    }
-  }]);
+    setTimeout(() => onValue(value), 1);
+    this.setState({
+      value
+    });
+  }
 
-  return ComboBox;
-}(React.Component);
+  handleBlur() {
+    const {
+      onValue
+    } = this.props;
+    const {
+      value
+    } = this.state;
+    onValue(value);
+  }
 
-ComboBox.defaultProps = {
-  onValue: function onValue() {
-    return null;
+  render() {
+    const {
+      value
+    } = this.state;
+    return /*#__PURE__*/jsxRuntime.jsx(dsForm.DSComboBox, _objectSpread(_objectSpread({}, this.props), {}, {
+      menuIsOpen: true,
+      onBlur: this.handleBlur,
+      onChange: this.handleChange,
+      onClick: e => e.stopPropagation(),
+      value: value
+    }));
   }
+
+}
+ComboBox.defaultProps = {
+  onValue: () => null
 };
 
 module.exports = ComboBox;
-//# sourceMappingURL=ComboBox.js.map