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

package/cjs/impl/components/LookupIndicator/LookupIndicator.js

@@ -1,28 +1,29 @@
 'use strict';
 
-var React = require('react');
+var _jsx = require('@babel/runtime/helpers/jsx');
+require('react');
 var dsIcons = require('@elliemae/ds-icons');
 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 LookupIndicator = function LookupIndicator(_ref) {
-  var _ref$onAdvanceSearchC = _ref.onAdvanceSearchClick,
-      onAdvanceSearchClick = _ref$onAdvanceSearchC === void 0 ? function () {
-    return null;
-  } : _ref$onAdvanceSearchC,
-      _ref$className = _ref.className,
-      className = _ref$className === void 0 ? '' : _ref$className;
-  return /*#__PURE__*/React__default['default'].createElement(DSButton__default['default'], {
+var _Search;
+
+const LookupIndicator = _ref => {
+  let {
+    onAdvanceSearchClick = () => null,
+    className = ''
+  } = _ref;
+  return /*#__PURE__*/_jsx__default["default"](DSButton__default["default"], {
     "data-testid": "ds-searchfield-search-btn",
     buttonType: "secondary",
     className: className,
-    icon: /*#__PURE__*/React__default['default'].createElement(dsIcons.Search, null),
+    icon: _Search || (_Search = /*#__PURE__*/_jsx__default["default"](dsIcons.Search, {})),
     iconSize: "s",
-    onClick: function onClick(e) {
+    onClick: e => {
       e.stopPropagation();
       e.preventDefault();
       onAdvanceSearchClick();
@@ -31,4 +32,3 @@ var LookupIndicator = function LookupIndicator(_ref) {
 };
 
 module.exports = LookupIndicator;
-//# sourceMappingURL=LookupIndicator.js.map

package/cjs/impl/components/ModalSearchField/DataGridSearch.js

@@ -1,134 +1,117 @@
 'use strict';
 
-var _extends = require('@babel/runtime/helpers/extends');
+var _defineProperty = require('@babel/runtime/helpers/defineProperty');
+var _jsx = require('@babel/runtime/helpers/jsx');
 var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
-var _toConsumableArray = require('@babel/runtime/helpers/toConsumableArray');
-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');
-var React = require('react');
+require('core-js/modules/web.dom-collections.iterator.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/esnext.async-iterator.for-each.js');
+require('core-js/modules/esnext.iterator.for-each.js');
+var react = require('react');
 var DSToolbar = require('@elliemae/ds-toolbar');
 var dsForm = require('@elliemae/ds-form');
 var dsDatagrids = require('@elliemae/ds-datagrids');
 var uid = require('uid');
+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 _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
-var _toConsumableArray__default = /*#__PURE__*/_interopDefaultLegacy(_toConsumableArray);
-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 DSToolbar__default = /*#__PURE__*/_interopDefaultLegacy(DSToolbar);
 
-var _excluded = ["onFiltersChange"];
+const _excluded = ["onFiltersChange"];
 
-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 DataGridSearch = /*#__PURE__*/function (_Component) {
-  _inherits__default['default'](DataGridSearch, _Component);
-
-  var _super = _createSuper(DataGridSearch);
-
-  function DataGridSearch(props) {
-    var _this;
-
-    _classCallCheck__default['default'](this, DataGridSearch);
-
-    _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 DataGridSearch extends react.Component {
+  constructor(props) {
+    super(props);
+    this.state = {
       filters: props.filters || []
     };
-    _this.handleSearch = _this.handleSearch.bind(_assertThisInitialized__default['default'](_this));
-    _this.handleFiltersChange = _this.handleFiltersChange.bind(_assertThisInitialized__default['default'](_this));
-    return _this;
+    this.handleSearch = this.handleSearch.bind(this);
+    this.handleFiltersChange = this.handleFiltersChange.bind(this);
   }
 
-  _createClass__default['default'](DataGridSearch, [{
-    key: "handleSearch",
-    value: function handleSearch() {
-      var customDataGridOptions = this.props.customDataGridOptions;
-
-      var _ref = arguments.length <= 0 ? undefined : arguments[0],
-          property = _ref.property,
-          value = _ref.value;
-
-      var filters = this.state.filters;
-      this.setState({
-        filters: [].concat(_toConsumableArray__default['default'](filters), [{
-          group: property,
-          label: 'All',
-          value: value,
-          id: uid.uid(16)
-        }])
-      });
-      if (customDataGridOptions.onFiltersChange) customDataGridOptions.onFiltersChange.apply(customDataGridOptions, arguments);
-    }
-  }, {
-    key: "handleFiltersChange",
-    value: function handleFiltersChange(nextFilters) {
-      var customDataGridOptions = this.props.customDataGridOptions;
-      this.setState({
-        filters: nextFilters
-      });
-      if (customDataGridOptions.onFiltersChange) customDataGridOptions.onFiltersChange(nextFilters);
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var _this$props = this.props,
-          id = _this$props.id,
-          rows = _this$props.rows,
-          columns = _this$props.columns,
-          boundFetchRows = _this$props.boundFetchRows,
-          searchFilters = _this$props.searchFilters,
-          _this$props$searchGri = _this$props.searchGrid,
-          searchGrid = _this$props$searchGri === void 0 ? true : _this$props$searchGri,
-          customDataGridOptions = _this$props.customDataGridOptions,
-          handleSelect = _this$props.handleSelect;
+  handleSearch() {
+    const {
+      customDataGridOptions
+    } = this.props;
+    const {
+      property,
+      value
+    } = arguments.length <= 0 ? undefined : arguments[0];
+    const {
+      filters
+    } = this.state;
+    this.setState({
+      filters: [...filters, {
+        group: property,
+        label: 'All',
+        value,
+        id: uid.uid(16)
+      }]
+    });
+    if (customDataGridOptions.onFiltersChange) customDataGridOptions.onFiltersChange(...arguments);
+  }
 
-      customDataGridOptions.onFiltersChange;
-          var restCustomDataGridOptions = _objectWithoutProperties__default['default'](customDataGridOptions, _excluded);
+  handleFiltersChange(nextFilters) {
+    const {
+      customDataGridOptions
+    } = this.props;
+    this.setState({
+      filters: nextFilters
+    });
+    if (customDataGridOptions.onFiltersChange) customDataGridOptions.onFiltersChange(nextFilters);
+  }
 
-      var filters = this.state.filters;
-      return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement(DSToolbar__default['default'], {
+  render() {
+    const {
+      id,
+      rows,
+      columns,
+      boundFetchRows,
+      searchFilters,
+      searchGrid = true,
+      customDataGridOptions,
+      handleSelect
+    } = this.props;
+
+    const restCustomDataGridOptions = _objectWithoutProperties__default["default"](customDataGridOptions, _excluded);
+
+    const {
+      filters
+    } = this.state;
+    return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
+      children: [/*#__PURE__*/_jsx__default["default"](DSToolbar__default["default"], {
         withDepth: false
-      }, /*#__PURE__*/React__default['default'].createElement(DSToolbar.ToolbarGroup, null, /*#__PURE__*/React__default['default'].createElement(dsForm.DSSearchBox, {
+      }, void 0, /*#__PURE__*/_jsx__default["default"](DSToolbar.ToolbarGroup, {}, void 0, /*#__PURE__*/_jsx__default["default"](dsForm.DSSearchBox, {
         cleanOnSearch: true,
         onSearch: this.handleSearch,
         placeholder: "Search all"
-      }))), /*#__PURE__*/React__default['default'].createElement("div", {
+      }))), /*#__PURE__*/_jsx__default["default"]("div", {
         className: "datagrid-tab-content"
-      }, /*#__PURE__*/React__default['default'].createElement(dsDatagrids.DSDataGrid, _extends__default['default']({
+      }, void 0, /*#__PURE__*/jsxRuntime.jsx(dsDatagrids.DSDataGrid, _objectSpread({
         columns: columns,
         filters: filters,
         fluidHeight: true,
         getData: boundFetchRows,
         id: id,
         onFiltersChange: this.handleFiltersChange,
-        onSelectRow: function onSelectRow(rowId) {
-          return handleSelect(rowId, rows);
-        },
+        onSelectRow: rowId => handleSelect(rowId, rows),
         rows: rows,
         searchFilters: searchFilters,
         searchGrid: searchGrid,
         selectable: true
-      }, restCustomDataGridOptions))));
-    }
-  }]);
+      }, restCustomDataGridOptions)))]
+    });
+  }
 
-  return DataGridSearch;
-}(React.Component);
+}
 
 module.exports = DataGridSearch;
-//# sourceMappingURL=DataGridSearch.js.map

package/cjs/impl/components/ModalSearchField/ModalSearchField.js

@@ -1,78 +1,41 @@
 'use strict';
 
-var React = require('react');
+var _jsx = require('@babel/runtime/helpers/jsx');
+require('core-js/modules/esnext.async-iterator.map.js');
+require('core-js/modules/esnext.iterator.map.js');
+require('react');
 var DSModal = require('@elliemae/ds-modal');
 var dsTabs = require('@elliemae/ds-tabs');
-var impl_components_ModalSearchField_DataGridSearch = require('./DataGridSearch.js');
-require('@babel/runtime/helpers/extends');
-require('@babel/runtime/helpers/objectWithoutProperties');
-require('@babel/runtime/helpers/toConsumableArray');
-require('@babel/runtime/helpers/classCallCheck');
-require('@babel/runtime/helpers/createClass');
-require('@babel/runtime/helpers/assertThisInitialized');
-require('@babel/runtime/helpers/inherits');
-require('@babel/runtime/helpers/possibleConstructorReturn');
-require('@babel/runtime/helpers/getPrototypeOf');
-require('@elliemae/ds-toolbar');
-require('@elliemae/ds-form');
-require('@elliemae/ds-datagrids');
-require('uid');
+var DataGridSearch = require('./DataGridSearch.js');
 
 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 DSModal__default = /*#__PURE__*/_interopDefaultLegacy(DSModal);
 
-var ModalSearchField = function ModalSearchField(_ref) {
-  var _ref$isOpen = _ref.isOpen,
-      isOpen = _ref$isOpen === void 0 ? false : _ref$isOpen,
-      _ref$onClose = _ref.onClose,
-      onClose = _ref$onClose === void 0 ? function () {
-    return null;
-  } : _ref$onClose,
-      _ref$modalTitle = _ref.modalTitle,
-      modalTitle = _ref$modalTitle === void 0 ? 'Search Field ID' : _ref$modalTitle,
-      _ref$modalSize = _ref.modalSize,
-      modalSize = _ref$modalSize === void 0 ? 'x-large' : _ref$modalSize,
-      _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$searchFilters = _ref.searchFilters,
-      searchFilters = _ref$searchFilters === void 0 ? true : _ref$searchFilters,
-      _ref$searchGrid = _ref.searchGrid,
-      searchGrid = _ref$searchGrid === void 0 ? false : _ref$searchGrid,
-      _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$handleSelect = _ref.handleSelect,
-      handleSelect = _ref$handleSelect === void 0 ? function () {
-    return null;
-  } : _ref$handleSelect,
-      _ref$onTabChange = _ref.onTabChange,
-      onTabChange = _ref$onTabChange === void 0 ? function () {
-    return null;
-  } : _ref$onTabChange,
-      _ref$appElement = _ref.appElement,
-      appElement = _ref$appElement === void 0 ? null : _ref$appElement,
-      _ref$customDataGridOp = _ref.customDataGridOptions,
-      customDataGridOptions = _ref$customDataGridOp === void 0 ? {} : _ref$customDataGridOp;
-  return /*#__PURE__*/React__default['default'].createElement(DSModal__default['default'], {
+const ModalSearchField = _ref => {
+  let {
+    isOpen = false,
+    onClose = () => null,
+    modalTitle = 'Search Field ID',
+    modalSize = 'x-large',
+    tabsAnimated = true,
+    tabsEnableMouseEvents = true,
+    tabType = dsTabs.TabTypes.NORMAL,
+    tabData = [],
+    searchFilters = true,
+    searchGrid = false,
+    confirmLabel = 'Apply',
+    rejectLabel = 'Cancel',
+    modalType = 'confirm',
+    onConfirmField = () => null,
+    onRejectField = () => null,
+    handleSelect = () => null,
+    onTabChange = () => null,
+    appElement = null,
+    customDataGridOptions = {}
+  } = _ref;
+  return /*#__PURE__*/_jsx__default["default"](DSModal__default["default"], {
     dataTestId: "ds-searchfield-modal",
     appElement: appElement,
     centered: false,
@@ -86,24 +49,25 @@ var ModalSearchField = function ModalSearchField(_ref) {
     onReject: onRejectField,
     rejectLabel: rejectLabel,
     size: modalSize
-  }, tabData.length > 0 && /*#__PURE__*/React__default['default'].createElement(dsTabs.DSTabs, {
+  }, void 0, tabData.length > 0 && /*#__PURE__*/_jsx__default["default"](dsTabs.DSTabs, {
     animated: tabsAnimated,
     enableMouseEvents: tabsEnableMouseEvents,
     onlyRenderActiveTab: true,
     onTabChange: onTabChange,
     type: tabType
-  }, tabData.map(function (_ref2) {
-    var tabId = _ref2.tabId,
-        tabTitle = _ref2.tabTitle,
-        columns = _ref2.columns,
-        rows = _ref2.rows,
-        boundFetchRows = _ref2.boundFetchRows;
-    return /*#__PURE__*/React__default['default'].createElement(dsTabs.DSTab, {
-      key: tabId,
+  }, void 0, tabData.map(_ref2 => {
+    let {
+      tabId,
+      tabTitle,
+      columns,
+      rows,
+      boundFetchRows
+    } = _ref2;
+    return /*#__PURE__*/_jsx__default["default"](dsTabs.DSTab, {
       className: "tab-content",
       tabId: tabId,
       title: tabTitle
-    }, /*#__PURE__*/React__default['default'].createElement(impl_components_ModalSearchField_DataGridSearch, {
+    }, tabId, /*#__PURE__*/_jsx__default["default"](DataGridSearch, {
       boundFetchRows: boundFetchRows,
       columns: columns,
       customDataGridOptions: customDataGridOptions,
@@ -117,4 +81,3 @@ var ModalSearchField = function ModalSearchField(_ref) {
 };
 
 module.exports = ModalSearchField;
-//# sourceMappingURL=ModalSearchField.js.map

package/cjs/index.js

@@ -3,38 +3,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var DSSearchField = require('./DSSearchField.js');
-var impl_components_ModalSearchField_ModalSearchField = require('./impl/components/ModalSearchField/ModalSearchField.js');
-require('react');
-require('react-desc');
-require('@elliemae/ds-tabs');
-require('./impl/DSSeachFieldImpl.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 ModalSearchField = require('./impl/components/ModalSearchField/ModalSearchField.js');
 
 
 
 exports.DSSearchFieldWithSchema = DSSearchField.DSSearchFieldWithSchema;
-exports.default = DSSearchField['default'];
-exports.DSModalSearchField = impl_components_ModalSearchField_ModalSearchField;
-//# sourceMappingURL=index.js.map
+exports["default"] = DSSearchField["default"];
+exports.DSModalSearchField = ModalSearchField;

package/esm/DSSearchField.js

@@ -1,96 +1,41 @@
-import React from 'react';
+import _jsx from '@babel/runtime/helpers/esm/jsx';
+import 'react';
 import { PropTypes, describe } from 'react-desc';
 import { TabTypes } from '@elliemae/ds-tabs';
 import DSSearchFieldImpl from './impl/DSSeachFieldImpl.js';
 export { default as DSModalSearchField } from './impl/components/ModalSearchField/ModalSearchField.js';
-import '@babel/runtime/helpers/esm/extends';
-import '@babel/runtime/helpers/esm/toConsumableArray';
-import '@babel/runtime/helpers/esm/defineProperty';
-import '@babel/runtime/helpers/esm/slicedToArray';
-import '@babel/runtime/helpers/esm/classCallCheck';
-import '@babel/runtime/helpers/esm/createClass';
-import '@babel/runtime/helpers/esm/inherits';
-import '@babel/runtime/helpers/esm/possibleConstructorReturn';
-import '@babel/runtime/helpers/esm/getPrototypeOf';
-import 'react-select';
-import '@elliemae/ds-classnames';
-import '@elliemae/ds-form';
-import './impl/components/AdvanceSearchOption/AdvanceSearchOption.js';
-import '@elliemae/ds-button';
-import './impl/components/LookupIndicator/LookupIndicator.js';
-import '@elliemae/ds-icons';
-import '@elliemae/ds-modal';
-import './impl/components/ModalSearchField/DataGridSearch.js';
-import '@babel/runtime/helpers/esm/objectWithoutProperties';
-import '@babel/runtime/helpers/esm/assertThisInitialized';
-import '@elliemae/ds-toolbar';
-import '@elliemae/ds-datagrids';
-import 'uid';
-
-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 ? 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.createElement(DSSearchFieldImpl, {
+
+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 = 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(DSSearchFieldImpl, {
     additionalInfo: additionalInfo,
     appElement: appElement,
     searchable: searchable,
@@ -121,7 +66,7 @@ var DSSearchField = function DSSearchField(_ref) {
   });
 };
 
-var props = {
+const props = {
   /*
     Enable the user to search on combobox
   */
@@ -208,9 +153,7 @@ var props = {
   /** enable lookup */
   useLookupIndicator: PropTypes.bool.description('enable lookup')
 };
-DSSearchField.propTypes = props;
-var DSSearchFieldWithSchema = describe(DSSearchField);
+const DSSearchFieldWithSchema = describe(DSSearchField);
 DSSearchFieldWithSchema.propTypes = props;
 
 export { DSSearchFieldWithSchema, DSSearchField as default };
-//# sourceMappingURL=DSSearchField.js.map