@elliemae/ds-search-field 1.60.0 → 2.0.0-alpha.12

package/cjs/DSSearchField.js

@@ -2,103 +2,48 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var React = require('react');
+var _jsx = require('@babel/runtime/helpers/jsx');
+require('react');
 var reactDesc = require('react-desc');
 var dsTabs = require('@elliemae/ds-tabs');
-var impl_DSSeachFieldImpl = require('./impl/DSSeachFieldImpl.js');
-var impl_components_ModalSearchField_ModalSearchField = require('./impl/components/ModalSearchField/ModalSearchField.js');
-require('@babel/runtime/helpers/extends');
-require('@babel/runtime/helpers/toConsumableArray');
-require('@babel/runtime/helpers/defineProperty');
-require('@babel/runtime/helpers/slicedToArray');
-require('@babel/runtime/helpers/classCallCheck');
-require('@babel/runtime/helpers/createClass');
-require('@babel/runtime/helpers/inherits');
-require('@babel/runtime/helpers/possibleConstructorReturn');
-require('@babel/runtime/helpers/getPrototypeOf');
-require('react-select');
-require('@elliemae/ds-classnames');
-require('@elliemae/ds-form');
-require('./impl/components/AdvanceSearchOption/AdvanceSearchOption.js');
-require('@elliemae/ds-button');
-require('./impl/components/LookupIndicator/LookupIndicator.js');
-require('@elliemae/ds-icons');
-require('@elliemae/ds-modal');
-require('./impl/components/ModalSearchField/DataGridSearch.js');
-require('@babel/runtime/helpers/objectWithoutProperties');
-require('@babel/runtime/helpers/assertThisInitialized');
-require('@elliemae/ds-toolbar');
-require('@elliemae/ds-datagrids');
-require('uid');
+var DSSeachFieldImpl = require('./impl/DSSeachFieldImpl.js');
+var ModalSearchField = require('./impl/components/ModalSearchField/ModalSearchField.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
-var DSSearchField = function DSSearchField(_ref) {
-  var _ref$containerProps = _ref.containerProps,
-      containerProps = _ref$containerProps === void 0 ? {} : _ref$containerProps,
-      _ref$onChange = _ref.onChange,
-      onChange = _ref$onChange === void 0 ? function () {
-    return null;
-  } : _ref$onChange,
-      _ref$searchOptionLabe = _ref.searchOptionLabel,
-      searchOptionLabel = _ref$searchOptionLabe === void 0 ? 'Advanced Search' : _ref$searchOptionLabe,
-      _ref$placeholder = _ref.placeholder,
-      placeholder = _ref$placeholder === void 0 ? 'Select field' : _ref$placeholder,
-      _ref$modalSize = _ref.modalSize,
-      modalSize = _ref$modalSize === void 0 ? 'x-large' : _ref$modalSize,
-      _ref$modalTitle = _ref.modalTitle,
-      modalTitle = _ref$modalTitle === void 0 ? 'Search Field ID' : _ref$modalTitle,
-      _ref$tabsAnimated = _ref.tabsAnimated,
-      tabsAnimated = _ref$tabsAnimated === void 0 ? true : _ref$tabsAnimated,
-      _ref$tabsEnableMouseE = _ref.tabsEnableMouseEvents,
-      tabsEnableMouseEvents = _ref$tabsEnableMouseE === void 0 ? true : _ref$tabsEnableMouseE,
-      _ref$tabType = _ref.tabType,
-      tabType = _ref$tabType === void 0 ? dsTabs.TabTypes.NORMAL : _ref$tabType,
-      _ref$tabData = _ref.tabData,
-      tabData = _ref$tabData === void 0 ? [] : _ref$tabData,
-      _ref$searchGrid = _ref.searchGrid,
-      searchGrid = _ref$searchGrid === void 0 ? false : _ref$searchGrid,
-      _ref$searchFilters = _ref.searchFilters,
-      searchFilters = _ref$searchFilters === void 0 ? true : _ref$searchFilters,
-      _ref$confirmLabel = _ref.confirmLabel,
-      confirmLabel = _ref$confirmLabel === void 0 ? 'Apply' : _ref$confirmLabel,
-      _ref$rejectLabel = _ref.rejectLabel,
-      rejectLabel = _ref$rejectLabel === void 0 ? 'Cancel' : _ref$rejectLabel,
-      _ref$modalType = _ref.modalType,
-      modalType = _ref$modalType === void 0 ? 'confirm' : _ref$modalType,
-      _ref$onConfirmField = _ref.onConfirmField,
-      onConfirmField = _ref$onConfirmField === void 0 ? function () {
-    return null;
-  } : _ref$onConfirmField,
-      _ref$onRejectField = _ref.onRejectField,
-      onRejectField = _ref$onRejectField === void 0 ? function () {
-    return null;
-  } : _ref$onRejectField,
-      _ref$onTabChange = _ref.onTabChange,
-      onTabChange = _ref$onTabChange === void 0 ? function () {
-    return null;
-  } : _ref$onTabChange,
-      _ref$appElement = _ref.appElement,
-      appElement = _ref$appElement === void 0 ? '#root' : _ref$appElement,
-      _ref$value = _ref.value,
-      value = _ref$value === void 0 ? null : _ref$value,
-      _ref$additionalInfo = _ref.additionalInfo,
-      additionalInfo = _ref$additionalInfo === void 0 ? null : _ref$additionalInfo,
-      _ref$displayProperty = _ref.displayProperty,
-      displayProperty = _ref$displayProperty === void 0 ? 'name' : _ref$displayProperty,
-      _ref$dropdownOptions = _ref.dropdownOptions,
-      dropdownOptions = _ref$dropdownOptions === void 0 ? [] : _ref$dropdownOptions,
-      _ref$customDataGridOp = _ref.customDataGridOptions,
-      customDataGridOptions = _ref$customDataGridOp === void 0 ? {} : _ref$customDataGridOp,
-      _ref$customDropdownOp = _ref.customDropdownOptions,
-      customDropdownOptions = _ref$customDropdownOp === void 0 ? {} : _ref$customDropdownOp,
-      _ref$useLookupIndicat = _ref.useLookupIndicator,
-      useLookupIndicator = _ref$useLookupIndicat === void 0 ? true : _ref$useLookupIndicat,
-      _ref$searchable = _ref.searchable,
-      searchable = _ref$searchable === void 0 ? false : _ref$searchable;
-  return /*#__PURE__*/React__default['default'].createElement(impl_DSSeachFieldImpl['default'], {
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
+
+const DSSearchField = _ref => {
+  let {
+    containerProps = {},
+    onChange = () => null,
+    searchOptionLabel = 'Advanced Search',
+    placeholder = 'Select field',
+    modalSize = 'x-large',
+    modalTitle = 'Search Field ID',
+    tabsAnimated = true,
+    tabsEnableMouseEvents = true,
+    tabType = dsTabs.TabTypes.NORMAL,
+    tabData = [],
+    searchGrid = false,
+    searchFilters = true,
+    confirmLabel = 'Apply',
+    rejectLabel = 'Cancel',
+    modalType = 'confirm',
+    onConfirmField = () => null,
+    onRejectField = () => null,
+    onTabChange = () => null,
+    appElement = '#root',
+    value = null,
+    additionalInfo = null,
+    displayProperty = 'name',
+    dropdownOptions = [],
+    customDataGridOptions = {},
+    customDropdownOptions = {},
+    useLookupIndicator = true,
+    searchable = false
+  } = _ref;
+  return /*#__PURE__*/_jsx__default["default"](DSSeachFieldImpl["default"], {
     additionalInfo: additionalInfo,
     appElement: appElement,
     searchable: searchable,
@@ -129,7 +74,7 @@ var DSSearchField = function DSSearchField(_ref) {
   });
 };
 
-var props = {
+const props = {
   /*
     Enable the user to search on combobox
   */
@@ -216,11 +161,9 @@ var props = {
   /** enable lookup */
   useLookupIndicator: reactDesc.PropTypes.bool.description('enable lookup')
 };
-DSSearchField.propTypes = props;
-var DSSearchFieldWithSchema = reactDesc.describe(DSSearchField);
+const DSSearchFieldWithSchema = reactDesc.describe(DSSearchField);
 DSSearchFieldWithSchema.propTypes = props;
 
-exports.DSModalSearchField = impl_components_ModalSearchField_ModalSearchField;
+exports.DSModalSearchField = ModalSearchField;
 exports.DSSearchFieldWithSchema = DSSearchFieldWithSchema;
-exports['default'] = DSSearchField;
-//# sourceMappingURL=DSSearchField.js.map
+exports["default"] = DSSearchField;

package/cjs/impl/DSSeachFieldImpl.js

@@ -2,237 +2,205 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _extends = require('@babel/runtime/helpers/extends');
-var _toConsumableArray = require('@babel/runtime/helpers/toConsumableArray');
+var _jsx = require('@babel/runtime/helpers/jsx');
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
-var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
-var _classCallCheck = require('@babel/runtime/helpers/classCallCheck');
-var _createClass = require('@babel/runtime/helpers/createClass');
-var _inherits = require('@babel/runtime/helpers/inherits');
-var _possibleConstructorReturn = require('@babel/runtime/helpers/possibleConstructorReturn');
-var _getPrototypeOf = require('@babel/runtime/helpers/getPrototypeOf');
-var React = require('react');
+require('core-js/modules/web.dom-collections.iterator.js');
+require('core-js/modules/esnext.async-iterator.find.js');
+require('core-js/modules/esnext.iterator.constructor.js');
+require('core-js/modules/esnext.iterator.find.js');
+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');
+var react = require('react');
 var reactSelect = require('react-select');
 var dsClassnames = require('@elliemae/ds-classnames');
 var dsForm = require('@elliemae/ds-form');
-var impl_components_ModalSearchField_ModalSearchField = require('./components/ModalSearchField/ModalSearchField.js');
-var impl_components_AdvanceSearchOption_AdvanceSearchOption = require('./components/AdvanceSearchOption/AdvanceSearchOption.js');
-var impl_components_LookupIndicator_LookupIndicator = require('./components/LookupIndicator/LookupIndicator.js');
-require('@elliemae/ds-modal');
-require('@elliemae/ds-tabs');
-require('./components/ModalSearchField/DataGridSearch.js');
-require('@babel/runtime/helpers/objectWithoutProperties');
-require('@babel/runtime/helpers/assertThisInitialized');
-require('@elliemae/ds-toolbar');
-require('@elliemae/ds-datagrids');
-require('uid');
-require('@elliemae/ds-button');
-require('@elliemae/ds-icons');
+var ModalSearchField = require('./components/ModalSearchField/ModalSearchField.js');
+var AdvanceSearchOption = require('./components/AdvanceSearchOption/AdvanceSearchOption.js');
+var LookupIndicator = require('./components/LookupIndicator/LookupIndicator.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 _toConsumableArray__default = /*#__PURE__*/_interopDefaultLegacy(_toConsumableArray);
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
-var _slicedToArray__default = /*#__PURE__*/_interopDefaultLegacy(_slicedToArray);
-var _classCallCheck__default = /*#__PURE__*/_interopDefaultLegacy(_classCallCheck);
-var _createClass__default = /*#__PURE__*/_interopDefaultLegacy(_createClass);
-var _inherits__default = /*#__PURE__*/_interopDefaultLegacy(_inherits);
-var _possibleConstructorReturn__default = /*#__PURE__*/_interopDefaultLegacy(_possibleConstructorReturn);
-var _getPrototypeOf__default = /*#__PURE__*/_interopDefaultLegacy(_getPrototypeOf);
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-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 advanceOption = {
+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 advanceOption = {
   className: 'advanced-search-option',
   label: 'Advanced search',
   value: 'search-field-advance-option',
   isAdvance: true
 };
-
-var _convertPropToCssClas = dsClassnames.convertPropToCssClassName('query-builder-addon-search-field'),
-    cssClassName = _convertPropToCssClas.cssClassName,
-    classNameElement = _convertPropToCssClas.classNameElement,
-    classNameModifier = _convertPropToCssClas.classNameModifier,
-    classNameBlock = _convertPropToCssClas.classNameBlock;
-
-var DSSearchFieldImpl = /*#__PURE__*/function (_Component) {
-  _inherits__default['default'](DSSearchFieldImpl, _Component);
-
-  var _super = _createSuper(DSSearchFieldImpl);
-
-  function DSSearchFieldImpl(props) {
-    var _this;
-
-    _classCallCheck__default['default'](this, DSSearchFieldImpl);
-
-    _this = _super.call(this, props);
-
-    _this.onChange = function () {
-      var _this$state = _this.state,
-          id = _this$state.selected,
-          _this$state$additiona = _slicedToArray__default['default'](_this$state.additionalInfo, 1),
-          row = _this$state$additiona[0];
-
-      var onChange = _this.props.onChange;
+const {
+  cssClassName,
+  classNameElement,
+  classNameModifier,
+  classNameBlock
+} = dsClassnames.convertPropToCssClassName('query-builder-addon-search-field');
+
+class DSSearchFieldImpl extends react.Component {
+  constructor(props) {
+    super(props);
+
+    this.onChange = () => {
+      const {
+        selected: id,
+        additionalInfo: [row]
+      } = this.state;
+      const {
+        onChange
+      } = this.props;
       onChange(id, row);
     };
 
-    _this.onChangeDropdown = function (value) {
-      var dropdownOptions = _this.props.dropdownOptions;
-      var selected = dropdownOptions.find(function (op) {
-        return op.value === value;
+    this.onChangeDropdown = value => {
+      const {
+        dropdownOptions
+      } = this.props;
+      const selected = dropdownOptions.find(op => op.value === value);
+      const {
+        onChange,
+        displayProperty
+      } = this.props;
+      if (selected) onChange(value, {
+        [displayProperty]: selected.label
       });
-      var _this$props = _this.props,
-          onChange = _this$props.onChange,
-          displayProperty = _this$props.displayProperty;
-      if (selected) onChange(value, _defineProperty__default['default']({}, displayProperty, selected.label));
     };
 
-    _this.onKeyDown = function (event) {
-      setTimeout(function () {
-        var keycode = event.keycode;
-        var value = _this.props.value;
-        if (value && keycode === 13) _this.handleCloseModal();
+    this.onKeyDown = event => {
+      setTimeout(() => {
+        const {
+          keycode
+        } = event;
+        const {
+          value
+        } = this.props;
+        if (value && keycode === 13) this.handleCloseModal();
       }, 0);
     };
 
-    _this.handleSelect = function (selectedRow, rows) {
-      var selected = selectedRow; // fix new datagrid callback format
+    this.handleSelect = (selectedRow, rows) => {
+      let selected = selectedRow; // fix new datagrid callback format
 
       if (!selected) return;
       if (selected.id) selected = selected.id;else if (selected[0] && selected[0].id) selected = selected[0].id;
-      var additionalInfo = rows.filter(function (row) {
-        return selected === row.id;
-      });
-
-      _this.setState({
-        selected: selected,
-        additionalInfo: additionalInfo
+      const additionalInfo = rows.filter(row => selected === row.id);
+      this.setState({
+        selected,
+        additionalInfo
       });
     };
 
-    _this.handleConfirm = function () {
-      var onConfirmField = _this.props.onConfirmField;
-
-      _this.onChange();
-
-      _this.handleCloseModal();
-
+    this.handleConfirm = () => {
+      const {
+        onConfirmField
+      } = this.props;
+      this.onChange();
+      this.handleCloseModal();
       onConfirmField();
     };
 
-    _this.handleReject = function () {
-      var onRejectField = _this.props.onRejectField;
-
-      _this.handleCloseModal();
-
+    this.handleReject = () => {
+      const {
+        onRejectField
+      } = this.props;
+      this.handleCloseModal();
       onRejectField();
     };
 
-    _this.handleOpenModal = function () {
-      _this.setState({
+    this.handleOpenModal = () => {
+      this.setState({
         openModal: true
       });
     };
 
-    _this.handleCloseModal = function () {
-      return _this.setState({
-        openModal: false,
-        selected: [],
-        additionalInfo: []
-      });
-    };
+    this.handleCloseModal = () => this.setState({
+      openModal: false,
+      selected: [],
+      additionalInfo: []
+    });
 
     advanceOption.label = props.searchOptionLabel;
-    _this.state = {
+    this.state = {
       openModal: false,
       selected: null,
       additionalInfo: []
     };
-    return _this;
   }
 
-  _createClass__default['default'](DSSearchFieldImpl, [{
-    key: "render",
-    value: function render() {
-      var _this2 = this;
-
-      var _this$props2 = this.props,
-          placeholder = _this$props2.placeholder,
-          modalTitle = _this$props2.modalTitle,
-          modalSize = _this$props2.modalSize,
-          tabsAnimated = _this$props2.tabsAnimated,
-          tabsEnableMouseEvents = _this$props2.tabsEnableMouseEvents,
-          tabType = _this$props2.tabType,
-          tabData = _this$props2.tabData,
-          searchFilters = _this$props2.searchFilters,
-          searchGrid = _this$props2.searchGrid,
-          confirmLabel = _this$props2.confirmLabel,
-          rejectLabel = _this$props2.rejectLabel,
-          modalType = _this$props2.modalType,
-          appElement = _this$props2.appElement,
-          value = _this$props2.value,
-          additionalInfo = _this$props2.additionalInfo,
-          displayProperty = _this$props2.displayProperty,
-          dropdownOptions = _this$props2.dropdownOptions,
-          searchOptionLabel = _this$props2.searchOptionLabel,
-          customDataGridOptions = _this$props2.customDataGridOptions,
-          customDropdownOptions = _this$props2.customDropdownOptions,
-          useLookupIndicator = _this$props2.useLookupIndicator,
-          onTabChange = _this$props2.onTabChange,
-          containerProps = _this$props2.containerProps,
-          searchable = _this$props2.searchable;
-      var openModal = this.state.openModal;
-      var options = [].concat(_toConsumableArray__default['default'](dropdownOptions), [advanceOption]);
-      var displayValue = !value ? placeholder : value;
-      if (additionalInfo && additionalInfo[displayProperty]) displayValue = additionalInfo[displayProperty];
-      var defaultoption = {
-        value: value,
-        label: displayValue
-      };
-      var customComponents = {
-        Option: function Option(props) {
-          // return <AdvanceSearchOption onAdvanceSearchClick={this.handleOpenModal} />
-          props.innerProps.className = 'em-ds-combobox__option';
-
-          if (props.data.isAdvance) {
-            props.innerProps.onClick = _this2.handleOpenModal;
-            props.innerProps.className = "".concat(props.innerProps.className, " ").concat(advanceOption.className);
-          }
-
-          return /*#__PURE__*/React__default['default'].createElement(reactSelect.components.Option, props);
-        },
-        IndicatorSeparator: function IndicatorSeparator() {
-          return null;
-        },
-        NoOptionsMessage: function NoOptionsMessage(props) {
-          return /*#__PURE__*/React__default['default'].createElement(impl_components_AdvanceSearchOption_AdvanceSearchOption, _extends__default['default']({
-            advanceSearchLabel: searchOptionLabel,
-            onAdvanceSearchClick: _this2.handleOpenModal
-          }, props));
+  render() {
+    const {
+      placeholder,
+      modalTitle,
+      modalSize,
+      tabsAnimated,
+      tabsEnableMouseEvents,
+      tabType,
+      tabData,
+      searchFilters,
+      searchGrid,
+      confirmLabel,
+      rejectLabel,
+      modalType,
+      appElement,
+      value,
+      additionalInfo,
+      displayProperty,
+      dropdownOptions,
+      searchOptionLabel,
+      customDataGridOptions,
+      customDropdownOptions,
+      useLookupIndicator,
+      onTabChange,
+      containerProps,
+      searchable
+    } = this.props;
+    const {
+      openModal
+    } = this.state;
+    let options = [...dropdownOptions, advanceOption];
+    let displayValue = !value ? placeholder : value;
+    if (additionalInfo && additionalInfo[displayProperty]) displayValue = additionalInfo[displayProperty];
+    const defaultoption = {
+      value,
+      label: displayValue
+    };
+    const customComponents = {
+      Option: props => {
+        // return <AdvanceSearchOption onAdvanceSearchClick={this.handleOpenModal} />
+        props.innerProps.className = 'em-ds-combobox__option';
+
+        if (props.data.isAdvance) {
+          props.innerProps.onClick = this.handleOpenModal;
+          props.innerProps.className = "".concat(props.innerProps.className, " ").concat(advanceOption.className);
         }
-      };
 
-      if (useLookupIndicator) {
-        customComponents.DropdownIndicator = function () {
-          return null;
-        };
-      }
+        return /*#__PURE__*/jsxRuntime.jsx(reactSelect.components.Option, _objectSpread({}, props));
+      },
+      IndicatorSeparator: () => null,
+      NoOptionsMessage: props => /*#__PURE__*/jsxRuntime.jsx(AdvanceSearchOption, _objectSpread({
+        advanceSearchLabel: searchOptionLabel,
+        onAdvanceSearchClick: this.handleOpenModal
+      }, props))
+    };
 
-      if (!options.find(function (o) {
-        return o.value === defaultoption.value;
-      })) {
-        options = [defaultoption].concat(_toConsumableArray__default['default'](options));
-      }
+    if (useLookupIndicator) {
+      customComponents.DropdownIndicator = () => null;
+    }
 
-      return /*#__PURE__*/React__default['default'].createElement("div", _extends__default['default']({}, containerProps, {
-        className: "".concat(cssClassName)
-      }), /*#__PURE__*/React__default['default'].createElement("div", {
+    if (!options.find(o => o.value === defaultoption.value)) {
+      options = [defaultoption, ...options];
+    }
+
+    return /*#__PURE__*/jsxRuntime.jsxs("div", _objectSpread(_objectSpread({}, containerProps), {}, {
+      className: "".concat(cssClassName),
+      children: [/*#__PURE__*/_jsx__default["default"]("div", {
         className: "".concat(classNameBlock('container-selector'))
-      }, /*#__PURE__*/React__default['default'].createElement(dsForm.DSComboBox2, _extends__default['default']({
+      }, void 0, /*#__PURE__*/jsxRuntime.jsx(dsForm.DSComboBox2, _objectSpread({
         className: "".concat(classNameElement('dropdown-field-selector')),
         components: customComponents,
         onChange: this.onChangeDropdown,
@@ -240,11 +208,11 @@ var DSSearchFieldImpl = /*#__PURE__*/function (_Component) {
         options: options,
         value: value,
         searchable: searchable
-      }, customDropdownOptions)), useLookupIndicator && /*#__PURE__*/React__default['default'].createElement(impl_components_LookupIndicator_LookupIndicator, {
+      }, customDropdownOptions)), useLookupIndicator && /*#__PURE__*/_jsx__default["default"](LookupIndicator, {
         buttonType: "text",
         className: "".concat(classNameElement('btn-selector'), " ").concat(!value ? classNameModifier('btn-placeholder', 'btn-selector') : ''),
         onAdvanceSearchClick: this.handleOpenModal
-      })), /*#__PURE__*/React__default['default'].createElement(impl_components_ModalSearchField_ModalSearchField, {
+      })), /*#__PURE__*/_jsx__default["default"](ModalSearchField, {
         appElement: appElement,
         confirmLabel: confirmLabel,
         customDataGridOptions: customDataGridOptions,
@@ -265,13 +233,11 @@ var DSSearchFieldImpl = /*#__PURE__*/function (_Component) {
         tabsAnimated: tabsAnimated,
         tabsEnableMouseEvents: tabsEnableMouseEvents,
         tabType: tabType
-      }));
-    }
-  }]);
+      })]
+    }));
+  }
 
-  return DSSearchFieldImpl;
-}(React.Component);
+}
 
-exports.DSModalSearchField = impl_components_ModalSearchField_ModalSearchField;
-exports['default'] = DSSearchFieldImpl;
-//# sourceMappingURL=DSSeachFieldImpl.js.map
+exports.DSModalSearchField = ModalSearchField;
+exports["default"] = DSSearchFieldImpl;

package/cjs/impl/components/AdvanceSearchOption/AdvanceSearchOption.js

@@ -1,21 +1,20 @@
 'use strict';
 
-var React = require('react');
+var _jsx = require('@babel/runtime/helpers/jsx');
+require('react');
 var DSButton = require('@elliemae/ds-button');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 var DSButton__default = /*#__PURE__*/_interopDefaultLegacy(DSButton);
 
-var AdvanceSearchOption = function AdvanceSearchOption(_ref) {
-  var _ref$advanceSearchLab = _ref.advanceSearchLabel,
-      advanceSearchLabel = _ref$advanceSearchLab === void 0 ? 'Advanced Search' : _ref$advanceSearchLab,
-      _ref$onAdvanceSearchC = _ref.onAdvanceSearchClick,
-      onAdvanceSearchClick = _ref$onAdvanceSearchC === void 0 ? function () {
-    return null;
-  } : _ref$onAdvanceSearchC;
-  return /*#__PURE__*/React__default['default'].createElement(DSButton__default['default'], {
+const AdvanceSearchOption = _ref => {
+  let {
+    advanceSearchLabel = 'Advanced Search',
+    onAdvanceSearchClick = () => null
+  } = _ref;
+  return /*#__PURE__*/_jsx__default["default"](DSButton__default["default"], {
     className: "advance-search-option-btn",
     labelText: advanceSearchLabel,
     onClick: onAdvanceSearchClick,
@@ -25,4 +24,3 @@ var AdvanceSearchOption = function AdvanceSearchOption(_ref) {
 };
 
 module.exports = AdvanceSearchOption;
-//# sourceMappingURL=AdvanceSearchOption.js.map