@elliemae/ds-search-field 2.0.0-alpha.10 → 2.0.0-alpha.14

package/cjs/DSSearchField.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var _jsx = require('@babel/runtime/helpers/jsx');
 require('react');
 var reactDesc = require('react-desc');
-var Tabs = require('@elliemae/ds-basic/Tabs');
+var dsTabs = require('@elliemae/ds-tabs');
 var DSSeachFieldImpl = require('./impl/DSSeachFieldImpl.js');
 var ModalSearchField = require('./impl/components/ModalSearchField/ModalSearchField.js');
 
@@ -13,63 +13,66 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 
-const DSSearchField = ({
-  containerProps = {},
-  onChange = () => null,
-  searchOptionLabel = 'Advanced Search',
-  placeholder = 'Select field',
-  modalSize = 'x-large',
-  modalTitle = 'Search Field ID',
-  tabsAnimated = true,
-  tabsEnableMouseEvents = true,
-  tabType = Tabs.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
-}) => /*#__PURE__*/_jsx__default["default"](DSSeachFieldImpl["default"], {
-  additionalInfo: additionalInfo,
-  appElement: appElement,
-  searchable: searchable,
-  confirmLabel: confirmLabel,
-  containerProps: containerProps,
-  customDataGridOptions: customDataGridOptions,
-  customDropdownOptions: customDropdownOptions,
-  displayProperty: displayProperty,
-  dropdownOptions: dropdownOptions,
-  modalSize: modalSize,
-  modalTitle: modalTitle,
-  modalType: modalType,
-  onChange: onChange,
-  onConfirmField: onConfirmField,
-  onRejectField: onRejectField,
-  onTabChange: onTabChange,
-  placeholder: placeholder,
-  rejectLabel: rejectLabel,
-  searchFilters: searchFilters,
-  searchGrid: searchGrid,
-  searchOptionLabel: searchOptionLabel,
-  tabData: tabData,
-  tabsAnimated: tabsAnimated,
-  tabsEnableMouseEvents: tabsEnableMouseEvents,
-  tabType: tabType,
-  useLookupIndicator: useLookupIndicator,
-  value: value
-});
+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,
+    confirmLabel: confirmLabel,
+    containerProps: containerProps,
+    customDataGridOptions: customDataGridOptions,
+    customDropdownOptions: customDropdownOptions,
+    displayProperty: displayProperty,
+    dropdownOptions: dropdownOptions,
+    modalSize: modalSize,
+    modalTitle: modalTitle,
+    modalType: modalType,
+    onChange: onChange,
+    onConfirmField: onConfirmField,
+    onRejectField: onRejectField,
+    onTabChange: onTabChange,
+    placeholder: placeholder,
+    rejectLabel: rejectLabel,
+    searchFilters: searchFilters,
+    searchGrid: searchGrid,
+    searchOptionLabel: searchOptionLabel,
+    tabData: tabData,
+    tabsAnimated: tabsAnimated,
+    tabsEnableMouseEvents: tabsEnableMouseEvents,
+    tabType: tabType,
+    useLookupIndicator: useLookupIndicator,
+    value: value
+  });
+};
 
 const props = {
   /*
@@ -102,7 +105,7 @@ const props = {
   tabsEnableMouseEvents: reactDesc.PropTypes.bool.description('enable mouse event on tabs'),
 
   /** tab types on modal */
-  tabType: reactDesc.PropTypes.oneOf([Tabs.TabTypes.NORMAL, Tabs.TabTypes.SUBTABS]).description('tab types on modal'),
+  tabType: reactDesc.PropTypes.oneOf([dsTabs.TabTypes.NORMAL, dsTabs.TabTypes.SUBTABS]).description('tab types on modal'),
 
   /** data for modal tabs */
   tabData: reactDesc.PropTypes.array.description('data for modal tabs'),

package/cjs/impl/DSSeachFieldImpl.js

@@ -4,10 +4,18 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var _jsx = require('@babel/runtime/helpers/jsx');
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
+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 ComboBox = require('@elliemae/ds-basic/form/ComboBox');
+var dsForm = require('@elliemae/ds-form');
 var ModalSearchField = require('./components/ModalSearchField/ModalSearchField.js');
 var AdvanceSearchOption = require('./components/AdvanceSearchOption/AdvanceSearchOption.js');
 var LookupIndicator = require('./components/LookupIndicator/LookupIndicator.js');
@@ -38,7 +46,7 @@ class DSSearchFieldImpl extends react.Component {
   constructor(props) {
     super(props);
 
-    _defineProperty__default["default"](this, "onChange", () => {
+    this.onChange = () => {
       const {
         selected: id,
         additionalInfo: [row]
@@ -47,9 +55,9 @@ class DSSearchFieldImpl extends react.Component {
         onChange
       } = this.props;
       onChange(id, row);
-    });
+    };
 
-    _defineProperty__default["default"](this, "onChangeDropdown", value => {
+    this.onChangeDropdown = value => {
       const {
         dropdownOptions
       } = this.props;
@@ -61,9 +69,9 @@ class DSSearchFieldImpl extends react.Component {
       if (selected) onChange(value, {
         [displayProperty]: selected.label
       });
-    });
+    };
 
-    _defineProperty__default["default"](this, "onKeyDown", event => {
+    this.onKeyDown = event => {
       setTimeout(() => {
         const {
           keycode
@@ -73,9 +81,9 @@ class DSSearchFieldImpl extends react.Component {
         } = this.props;
         if (value && keycode === 13) this.handleCloseModal();
       }, 0);
-    });
+    };
 
-    _defineProperty__default["default"](this, "handleSelect", (selectedRow, rows) => {
+    this.handleSelect = (selectedRow, rows) => {
       let selected = selectedRow; // fix new datagrid callback format
 
       if (!selected) return;
@@ -85,36 +93,36 @@ class DSSearchFieldImpl extends react.Component {
         selected,
         additionalInfo
       });
-    });
+    };
 
-    _defineProperty__default["default"](this, "handleConfirm", () => {
+    this.handleConfirm = () => {
       const {
         onConfirmField
       } = this.props;
       this.onChange();
       this.handleCloseModal();
       onConfirmField();
-    });
+    };
 
-    _defineProperty__default["default"](this, "handleReject", () => {
+    this.handleReject = () => {
       const {
         onRejectField
       } = this.props;
       this.handleCloseModal();
       onRejectField();
-    });
+    };
 
-    _defineProperty__default["default"](this, "handleOpenModal", () => {
+    this.handleOpenModal = () => {
       this.setState({
         openModal: true
       });
-    });
+    };
 
-    _defineProperty__default["default"](this, "handleCloseModal", () => this.setState({
+    this.handleCloseModal = () => this.setState({
       openModal: false,
       selected: [],
       additionalInfo: []
-    }));
+    });
 
     advanceOption.label = props.searchOptionLabel;
     this.state = {
@@ -168,7 +176,7 @@ class DSSearchFieldImpl extends react.Component {
 
         if (props.data.isAdvance) {
           props.innerProps.onClick = this.handleOpenModal;
-          props.innerProps.className = `${props.innerProps.className} ${advanceOption.className}`;
+          props.innerProps.className = "".concat(props.innerProps.className, " ").concat(advanceOption.className);
         }
 
         return /*#__PURE__*/jsxRuntime.jsx(reactSelect.components.Option, _objectSpread({}, props));
@@ -189,11 +197,11 @@ class DSSearchFieldImpl extends react.Component {
     }
 
     return /*#__PURE__*/jsxRuntime.jsxs("div", _objectSpread(_objectSpread({}, containerProps), {}, {
-      className: `${cssClassName}`,
+      className: "".concat(cssClassName),
       children: [/*#__PURE__*/_jsx__default["default"]("div", {
-        className: `${classNameBlock('container-selector')}`
-      }, void 0, /*#__PURE__*/jsxRuntime.jsx(ComboBox.DSComboBox2, _objectSpread({
-        className: `${classNameElement('dropdown-field-selector')}`,
+        className: "".concat(classNameBlock('container-selector'))
+      }, void 0, /*#__PURE__*/jsxRuntime.jsx(dsForm.DSComboBox2, _objectSpread({
+        className: "".concat(classNameElement('dropdown-field-selector')),
         components: customComponents,
         onChange: this.onChangeDropdown,
         onKeyDown: this.onKeyDown,
@@ -202,7 +210,7 @@ class DSSearchFieldImpl extends react.Component {
         searchable: searchable
       }, customDropdownOptions)), useLookupIndicator && /*#__PURE__*/_jsx__default["default"](LookupIndicator, {
         buttonType: "text",
-        className: `${classNameElement('btn-selector')} ${!value ? classNameModifier('btn-placeholder', 'btn-selector') : ''}`,
+        className: "".concat(classNameElement('btn-selector'), " ").concat(!value ? classNameModifier('btn-placeholder', 'btn-selector') : ''),
         onAdvanceSearchClick: this.handleOpenModal
       })), /*#__PURE__*/_jsx__default["default"](ModalSearchField, {
         appElement: appElement,

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

@@ -2,22 +2,25 @@
 
 var _jsx = require('@babel/runtime/helpers/jsx');
 require('react');
-var DSButton = require('@elliemae/ds-basic/Button');
+var DSButton = require('@elliemae/ds-button');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 var DSButton__default = /*#__PURE__*/_interopDefaultLegacy(DSButton);
 
-const AdvanceSearchOption = ({
-  advanceSearchLabel = 'Advanced Search',
-  onAdvanceSearchClick = () => null
-}) => /*#__PURE__*/_jsx__default["default"](DSButton__default["default"], {
-  className: "advance-search-option-btn",
-  labelText: advanceSearchLabel,
-  onClick: onAdvanceSearchClick,
-  tabIndex: -1,
-  type: "button"
-});
+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,
+    tabIndex: -1,
+    type: "button"
+  });
+};
 
 module.exports = AdvanceSearchOption;

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

@@ -2,31 +2,33 @@
 
 var _jsx = require('@babel/runtime/helpers/jsx');
 require('react');
-var Search = require('@elliemae/ds-icons/Search');
-var DSButton = require('@elliemae/ds-basic/Button');
+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 _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
-var Search__default = /*#__PURE__*/_interopDefaultLegacy(Search);
 var DSButton__default = /*#__PURE__*/_interopDefaultLegacy(DSButton);
 
 var _Search;
 
-const LookupIndicator = ({
-  onAdvanceSearchClick = () => null,
-  className = ''
-}) => /*#__PURE__*/_jsx__default["default"](DSButton__default["default"], {
-  "data-testid": "ds-searchfield-search-btn",
-  buttonType: "secondary",
-  className: className,
-  icon: _Search || (_Search = /*#__PURE__*/_jsx__default["default"](Search__default["default"], {})),
-  iconSize: "s",
-  onClick: e => {
-    e.stopPropagation();
-    e.preventDefault();
-    onAdvanceSearchClick();
-  }
-});
+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: _Search || (_Search = /*#__PURE__*/_jsx__default["default"](dsIcons.Search, {})),
+    iconSize: "s",
+    onClick: e => {
+      e.stopPropagation();
+      e.preventDefault();
+      onAdvanceSearchClick();
+    }
+  });
+};
 
 module.exports = LookupIndicator;

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

@@ -3,9 +3,15 @@
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 var _jsx = require('@babel/runtime/helpers/jsx');
 var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
+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-basic/Toolbar');
-var DSSearchBox = require('@elliemae/ds-basic/form/SearchBox');
+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');
@@ -16,7 +22,6 @@ var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_definePropert
 var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
 var DSToolbar__default = /*#__PURE__*/_interopDefaultLegacy(DSToolbar);
-var DSSearchBox__default = /*#__PURE__*/_interopDefaultLegacy(DSSearchBox);
 
 const _excluded = ["onFiltersChange"];
 
@@ -33,14 +38,14 @@ class DataGridSearch extends react.Component {
     this.handleFiltersChange = this.handleFiltersChange.bind(this);
   }
 
-  handleSearch(...args) {
+  handleSearch() {
     const {
       customDataGridOptions
     } = this.props;
     const {
       property,
       value
-    } = args[0];
+    } = arguments.length <= 0 ? undefined : arguments[0];
     const {
       filters
     } = this.state;
@@ -52,7 +57,7 @@ class DataGridSearch extends react.Component {
         id: uid.uid(16)
       }]
     });
-    if (customDataGridOptions.onFiltersChange) customDataGridOptions.onFiltersChange(...args);
+    if (customDataGridOptions.onFiltersChange) customDataGridOptions.onFiltersChange(...arguments);
   }
 
   handleFiltersChange(nextFilters) {
@@ -85,7 +90,7 @@ class DataGridSearch extends react.Component {
     return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
       children: [/*#__PURE__*/_jsx__default["default"](DSToolbar__default["default"], {
         withDepth: false
-      }, void 0, /*#__PURE__*/_jsx__default["default"](DSToolbar.ToolbarGroup, {}, void 0, /*#__PURE__*/_jsx__default["default"](DSSearchBox__default["default"], {
+      }, void 0, /*#__PURE__*/_jsx__default["default"](DSToolbar.ToolbarGroup, {}, void 0, /*#__PURE__*/_jsx__default["default"](dsForm.DSSearchBox, {
         cleanOnSearch: true,
         onSearch: this.handleSearch,
         placeholder: "Search all"

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

@@ -1,9 +1,11 @@
 'use strict';
 
 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 Tabs = require('@elliemae/ds-basic/Tabs');
+var dsTabs = require('@elliemae/ds-tabs');
 var DataGridSearch = require('./DataGridSearch.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -11,65 +13,71 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 var DSModal__default = /*#__PURE__*/_interopDefaultLegacy(DSModal);
 
-const ModalSearchField = ({
-  isOpen = false,
-  onClose = () => null,
-  modalTitle = 'Search Field ID',
-  modalSize = 'x-large',
-  tabsAnimated = true,
-  tabsEnableMouseEvents = true,
-  tabType = Tabs.TabTypes.NORMAL,
-  tabData = [],
-  searchFilters = true,
-  searchGrid = false,
-  confirmLabel = 'Apply',
-  rejectLabel = 'Cancel',
-  modalType = 'confirm',
-  onConfirmField = () => null,
-  onRejectField = () => null,
-  handleSelect = () => null,
-  onTabChange = () => null,
-  appElement = null,
-  customDataGridOptions = {}
-}) => /*#__PURE__*/_jsx__default["default"](DSModal__default["default"], {
-  dataTestId: "ds-searchfield-modal",
-  appElement: appElement,
-  centered: false,
-  className: "modal-search-field",
-  confirmLabel: confirmLabel,
-  isOpen: isOpen,
-  modalTitle: modalTitle,
-  modalType: modalType,
-  onClose: onClose,
-  onConfirm: onConfirmField,
-  onReject: onRejectField,
-  rejectLabel: rejectLabel,
-  size: modalSize
-}, void 0, tabData.length > 0 && /*#__PURE__*/_jsx__default["default"](Tabs.DSTabs, {
-  animated: tabsAnimated,
-  enableMouseEvents: tabsEnableMouseEvents,
-  onlyRenderActiveTab: true,
-  onTabChange: onTabChange,
-  type: tabType
-}, void 0, tabData.map(({
-  tabId,
-  tabTitle,
-  columns,
-  rows,
-  boundFetchRows
-}) => /*#__PURE__*/_jsx__default["default"](Tabs.DSTab, {
-  className: "tab-content",
-  tabId: tabId,
-  title: tabTitle
-}, tabId, /*#__PURE__*/_jsx__default["default"](DataGridSearch, {
-  boundFetchRows: boundFetchRows,
-  columns: columns,
-  customDataGridOptions: customDataGridOptions,
-  handleSelect: handleSelect,
-  id: `datagrid_search_field_${tabId}`,
-  rows: rows,
-  searchFilters: searchFilters,
-  searchGrid: searchGrid
-})))));
+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,
+    className: "modal-search-field",
+    confirmLabel: confirmLabel,
+    isOpen: isOpen,
+    modalTitle: modalTitle,
+    modalType: modalType,
+    onClose: onClose,
+    onConfirm: onConfirmField,
+    onReject: onRejectField,
+    rejectLabel: rejectLabel,
+    size: modalSize
+  }, void 0, tabData.length > 0 && /*#__PURE__*/_jsx__default["default"](dsTabs.DSTabs, {
+    animated: tabsAnimated,
+    enableMouseEvents: tabsEnableMouseEvents,
+    onlyRenderActiveTab: true,
+    onTabChange: onTabChange,
+    type: tabType
+  }, 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
+    }, tabId, /*#__PURE__*/_jsx__default["default"](DataGridSearch, {
+      boundFetchRows: boundFetchRows,
+      columns: columns,
+      customDataGridOptions: customDataGridOptions,
+      handleSelect: handleSelect,
+      id: "datagrid_search_field_".concat(tabId),
+      rows: rows,
+      searchFilters: searchFilters,
+      searchGrid: searchGrid
+    }));
+  })));
+};
 
 module.exports = ModalSearchField;