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

package/esm/impl/DSSeachFieldImpl.js

@@ -1,13 +1,14 @@
-import _extends from '@babel/runtime/helpers/esm/extends';
-import _toConsumableArray from '@babel/runtime/helpers/esm/toConsumableArray';
+import _jsx from '@babel/runtime/helpers/esm/jsx';
 import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
-import _slicedToArray from '@babel/runtime/helpers/esm/slicedToArray';
-import _classCallCheck from '@babel/runtime/helpers/esm/classCallCheck';
-import _createClass from '@babel/runtime/helpers/esm/createClass';
-import _inherits from '@babel/runtime/helpers/esm/inherits';
-import _possibleConstructorReturn from '@babel/runtime/helpers/esm/possibleConstructorReturn';
-import _getPrototypeOf from '@babel/runtime/helpers/esm/getPrototypeOf';
-import React, { Component } from 'react';
+import 'core-js/modules/web.dom-collections.iterator.js';
+import 'core-js/modules/esnext.async-iterator.find.js';
+import 'core-js/modules/esnext.iterator.constructor.js';
+import 'core-js/modules/esnext.iterator.find.js';
+import 'core-js/modules/esnext.async-iterator.filter.js';
+import 'core-js/modules/esnext.iterator.filter.js';
+import 'core-js/modules/esnext.async-iterator.for-each.js';
+import 'core-js/modules/esnext.iterator.for-each.js';
+import { Component } from 'react';
 import { components } from 'react-select';
 import { convertPropToCssClassName } from '@elliemae/ds-classnames';
 import { DSComboBox2 } from '@elliemae/ds-form';
@@ -15,208 +16,183 @@ import ModalSearchField from './components/ModalSearchField/ModalSearchField.js'
 export { default as DSModalSearchField } from './components/ModalSearchField/ModalSearchField.js';
 import AdvanceSearchOption from './components/AdvanceSearchOption/AdvanceSearchOption.js';
 import LookupIndicator from './components/LookupIndicator/LookupIndicator.js';
-import '@elliemae/ds-modal';
-import '@elliemae/ds-tabs';
-import './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';
-import '@elliemae/ds-button';
-import '@elliemae/ds-icons';
+import { jsxs, jsx } from 'react/jsx-runtime';
 
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(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(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 = convertPropToCssClassName('query-builder-addon-search-field'),
-    cssClassName = _convertPropToCssClas.cssClassName,
-    classNameElement = _convertPropToCssClas.classNameElement,
-    classNameModifier = _convertPropToCssClas.classNameModifier,
-    classNameBlock = _convertPropToCssClas.classNameBlock;
-
-var DSSearchFieldImpl = /*#__PURE__*/function (_Component) {
-  _inherits(DSSearchFieldImpl, _Component);
-
-  var _super = _createSuper(DSSearchFieldImpl);
-
-  function DSSearchFieldImpl(props) {
-    var _this;
-
-    _classCallCheck(this, DSSearchFieldImpl);
-
-    _this = _super.call(this, props);
-
-    _this.onChange = function () {
-      var _this$state = _this.state,
-          id = _this$state.selected,
-          _this$state$additiona = _slicedToArray(_this$state.additionalInfo, 1),
-          row = _this$state$additiona[0];
-
-      var onChange = _this.props.onChange;
+const {
+  cssClassName,
+  classNameElement,
+  classNameModifier,
+  classNameBlock
+} = convertPropToCssClassName('query-builder-addon-search-field');
+
+class DSSearchFieldImpl extends 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({}, 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(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(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.createElement(components.Option, props);
-        },
-        IndicatorSeparator: function IndicatorSeparator() {
-          return null;
-        },
-        NoOptionsMessage: function NoOptionsMessage(props) {
-          return /*#__PURE__*/React.createElement(AdvanceSearchOption, _extends({
-            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__*/jsx(components.Option, _objectSpread({}, props));
+      },
+      IndicatorSeparator: () => null,
+      NoOptionsMessage: props => /*#__PURE__*/jsx(AdvanceSearchOption, _objectSpread({
+        advanceSearchLabel: searchOptionLabel,
+        onAdvanceSearchClick: this.handleOpenModal
+      }, props))
+    };
 
-      if (!options.find(function (o) {
-        return o.value === defaultoption.value;
-      })) {
-        options = [defaultoption].concat(_toConsumableArray(options));
-      }
+    if (useLookupIndicator) {
+      customComponents.DropdownIndicator = () => null;
+    }
 
-      return /*#__PURE__*/React.createElement("div", _extends({}, containerProps, {
-        className: "".concat(cssClassName)
-      }), /*#__PURE__*/React.createElement("div", {
+    if (!options.find(o => o.value === defaultoption.value)) {
+      options = [defaultoption, ...options];
+    }
+
+    return /*#__PURE__*/jsxs("div", _objectSpread(_objectSpread({}, containerProps), {}, {
+      className: "".concat(cssClassName),
+      children: [/*#__PURE__*/_jsx("div", {
         className: "".concat(classNameBlock('container-selector'))
-      }, /*#__PURE__*/React.createElement(DSComboBox2, _extends({
+      }, void 0, /*#__PURE__*/jsx(DSComboBox2, _objectSpread({
         className: "".concat(classNameElement('dropdown-field-selector')),
         components: customComponents,
         onChange: this.onChangeDropdown,
@@ -224,11 +200,11 @@ var DSSearchFieldImpl = /*#__PURE__*/function (_Component) {
         options: options,
         value: value,
         searchable: searchable
-      }, customDropdownOptions)), useLookupIndicator && /*#__PURE__*/React.createElement(LookupIndicator, {
+      }, customDropdownOptions)), useLookupIndicator && /*#__PURE__*/_jsx(LookupIndicator, {
         buttonType: "text",
         className: "".concat(classNameElement('btn-selector'), " ").concat(!value ? classNameModifier('btn-placeholder', 'btn-selector') : ''),
         onAdvanceSearchClick: this.handleOpenModal
-      })), /*#__PURE__*/React.createElement(ModalSearchField, {
+      })), /*#__PURE__*/_jsx(ModalSearchField, {
         appElement: appElement,
         confirmLabel: confirmLabel,
         customDataGridOptions: customDataGridOptions,
@@ -249,12 +225,10 @@ var DSSearchFieldImpl = /*#__PURE__*/function (_Component) {
         tabsAnimated: tabsAnimated,
         tabsEnableMouseEvents: tabsEnableMouseEvents,
         tabType: tabType
-      }));
-    }
-  }]);
+      })]
+    }));
+  }
 
-  return DSSearchFieldImpl;
-}(Component);
+}
 
 export { DSSearchFieldImpl as default };
-//# sourceMappingURL=DSSeachFieldImpl.js.map

package/esm/impl/components/AdvanceSearchOption/AdvanceSearchOption.js

@@ -1,14 +1,13 @@
-import React from 'react';
+import _jsx from '@babel/runtime/helpers/esm/jsx';
+import 'react';
 import DSButton from '@elliemae/ds-button';
 
-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.createElement(DSButton, {
+const AdvanceSearchOption = _ref => {
+  let {
+    advanceSearchLabel = 'Advanced Search',
+    onAdvanceSearchClick = () => null
+  } = _ref;
+  return /*#__PURE__*/_jsx(DSButton, {
     className: "advance-search-option-btn",
     labelText: advanceSearchLabel,
     onClick: onAdvanceSearchClick,
@@ -18,4 +17,3 @@ var AdvanceSearchOption = function AdvanceSearchOption(_ref) {
 };
 
 export { AdvanceSearchOption as default };
-//# sourceMappingURL=AdvanceSearchOption.js.map

package/esm/impl/components/LookupIndicator/LookupIndicator.js

@@ -1,21 +1,22 @@
-import React from 'react';
+import _jsx from '@babel/runtime/helpers/esm/jsx';
+import 'react';
 import { Search } from '@elliemae/ds-icons';
 import DSButton from '@elliemae/ds-button';
 
-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.createElement(DSButton, {
+var _Search;
+
+const LookupIndicator = _ref => {
+  let {
+    onAdvanceSearchClick = () => null,
+    className = ''
+  } = _ref;
+  return /*#__PURE__*/_jsx(DSButton, {
     "data-testid": "ds-searchfield-search-btn",
     buttonType: "secondary",
     className: className,
-    icon: /*#__PURE__*/React.createElement(Search, null),
+    icon: _Search || (_Search = /*#__PURE__*/_jsx(Search, {})),
     iconSize: "s",
-    onClick: function onClick(e) {
+    onClick: e => {
       e.stopPropagation();
       e.preventDefault();
       onAdvanceSearchClick();
@@ -24,4 +25,3 @@ var LookupIndicator = function LookupIndicator(_ref) {
 };
 
 export { LookupIndicator as default };
-//# sourceMappingURL=LookupIndicator.js.map