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

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

@@ -1,118 +1,108 @@
-import _extends from '@babel/runtime/helpers/esm/extends';
+import 'core-js/modules/esnext.async-iterator.filter.js';
+import 'core-js/modules/esnext.iterator.constructor.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 _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
+import _jsx from '@babel/runtime/helpers/esm/jsx';
 import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
-import _toConsumableArray from '@babel/runtime/helpers/esm/toConsumableArray';
-import _classCallCheck from '@babel/runtime/helpers/esm/classCallCheck';
-import _createClass from '@babel/runtime/helpers/esm/createClass';
-import _assertThisInitialized from '@babel/runtime/helpers/esm/assertThisInitialized';
-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 { Component } from 'react';
 import DSToolbar, { ToolbarGroup } from '@elliemae/ds-toolbar';
 import { DSSearchBox } from '@elliemae/ds-form';
 import { DSDataGrid } from '@elliemae/ds-datagrids';
 import { uid } from 'uid';
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 
-var _excluded = ["onFiltersChange"];
+const _excluded = ["onFiltersChange"];
 
-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 DataGridSearch = /*#__PURE__*/function (_Component) {
-  _inherits(DataGridSearch, _Component);
-
-  var _super = _createSuper(DataGridSearch);
-
-  function DataGridSearch(props) {
-    var _this;
-
-    _classCallCheck(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(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 Component {
+  constructor(props) {
+    super(props);
+    this.state = {
       filters: props.filters || []
     };
-    _this.handleSearch = _this.handleSearch.bind(_assertThisInitialized(_this));
-    _this.handleFiltersChange = _this.handleFiltersChange.bind(_assertThisInitialized(_this));
-    return _this;
+    this.handleSearch = this.handleSearch.bind(this);
+    this.handleFiltersChange = this.handleFiltersChange.bind(this);
   }
 
-  _createClass(DataGridSearch, [{
-    key: "handleSearch",
-    value: function handleSearch() {
-      var customDataGridOptions = this.props.customDataGridOptions;
+  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(16)
+      }]
+    });
+    if (customDataGridOptions.onFiltersChange) customDataGridOptions.onFiltersChange(...arguments);
+  }
 
-      var _ref = arguments.length <= 0 ? undefined : arguments[0],
-          property = _ref.property,
-          value = _ref.value;
+  handleFiltersChange(nextFilters) {
+    const {
+      customDataGridOptions
+    } = this.props;
+    this.setState({
+      filters: nextFilters
+    });
+    if (customDataGridOptions.onFiltersChange) customDataGridOptions.onFiltersChange(nextFilters);
+  }
 
-      var filters = this.state.filters;
-      this.setState({
-        filters: [].concat(_toConsumableArray(filters), [{
-          group: property,
-          label: 'All',
-          value: value,
-          id: 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;
+  render() {
+    const {
+      id,
+      rows,
+      columns,
+      boundFetchRows,
+      searchFilters,
+      searchGrid = true,
+      customDataGridOptions,
+      handleSelect
+    } = this.props;
 
-      customDataGridOptions.onFiltersChange;
-          var restCustomDataGridOptions = _objectWithoutProperties(customDataGridOptions, _excluded);
+    const restCustomDataGridOptions = _objectWithoutProperties(customDataGridOptions, _excluded);
 
-      var filters = this.state.filters;
-      return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(DSToolbar, {
+    const {
+      filters
+    } = this.state;
+    return /*#__PURE__*/jsxs(Fragment, {
+      children: [/*#__PURE__*/_jsx(DSToolbar, {
         withDepth: false
-      }, /*#__PURE__*/React.createElement(ToolbarGroup, null, /*#__PURE__*/React.createElement(DSSearchBox, {
+      }, void 0, /*#__PURE__*/_jsx(ToolbarGroup, {}, void 0, /*#__PURE__*/_jsx(DSSearchBox, {
         cleanOnSearch: true,
         onSearch: this.handleSearch,
         placeholder: "Search all"
-      }))), /*#__PURE__*/React.createElement("div", {
+      }))), /*#__PURE__*/_jsx("div", {
         className: "datagrid-tab-content"
-      }, /*#__PURE__*/React.createElement(DSDataGrid, _extends({
+      }, void 0, /*#__PURE__*/jsx(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;
-}(Component);
+}
 
 export { DataGridSearch as default };
-//# sourceMappingURL=DataGridSearch.js.map

package/esm/impl/components/ModalSearchField/ModalSearchField.js

@@ -1,71 +1,34 @@
-import React from 'react';
+import _jsx from '@babel/runtime/helpers/esm/jsx';
+import 'core-js/modules/esnext.async-iterator.map.js';
+import 'core-js/modules/esnext.iterator.map.js';
+import 'react';
 import DSModal from '@elliemae/ds-modal';
 import { TabTypes, DSTabs, DSTab } from '@elliemae/ds-tabs';
 import DataGridSearch from './DataGridSearch.js';
-import '@babel/runtime/helpers/esm/extends';
-import '@babel/runtime/helpers/esm/objectWithoutProperties';
-import '@babel/runtime/helpers/esm/toConsumableArray';
-import '@babel/runtime/helpers/esm/classCallCheck';
-import '@babel/runtime/helpers/esm/createClass';
-import '@babel/runtime/helpers/esm/assertThisInitialized';
-import '@babel/runtime/helpers/esm/inherits';
-import '@babel/runtime/helpers/esm/possibleConstructorReturn';
-import '@babel/runtime/helpers/esm/getPrototypeOf';
-import '@elliemae/ds-toolbar';
-import '@elliemae/ds-form';
-import '@elliemae/ds-datagrids';
-import 'uid';
 
-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 ? 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.createElement(DSModal, {
+const ModalSearchField = _ref => {
+  let {
+    isOpen = false,
+    onClose = () => null,
+    modalTitle = 'Search Field ID',
+    modalSize = 'x-large',
+    tabsAnimated = true,
+    tabsEnableMouseEvents = true,
+    tabType = 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(DSModal, {
     dataTestId: "ds-searchfield-modal",
     appElement: appElement,
     centered: false,
@@ -79,24 +42,25 @@ var ModalSearchField = function ModalSearchField(_ref) {
     onReject: onRejectField,
     rejectLabel: rejectLabel,
     size: modalSize
-  }, tabData.length > 0 && /*#__PURE__*/React.createElement(DSTabs, {
+  }, void 0, tabData.length > 0 && /*#__PURE__*/_jsx(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.createElement(DSTab, {
-      key: tabId,
+  }, void 0, tabData.map(_ref2 => {
+    let {
+      tabId,
+      tabTitle,
+      columns,
+      rows,
+      boundFetchRows
+    } = _ref2;
+    return /*#__PURE__*/_jsx(DSTab, {
       className: "tab-content",
       tabId: tabId,
       title: tabTitle
-    }, /*#__PURE__*/React.createElement(DataGridSearch, {
+    }, tabId, /*#__PURE__*/_jsx(DataGridSearch, {
       boundFetchRows: boundFetchRows,
       columns: columns,
       customDataGridOptions: customDataGridOptions,
@@ -110,4 +74,3 @@ var ModalSearchField = function ModalSearchField(_ref) {
 };
 
 export { ModalSearchField as default };
-//# sourceMappingURL=ModalSearchField.js.map

package/esm/index.js

@@ -1,30 +1,2 @@
 export { DSSearchFieldWithSchema, default } from './DSSearchField.js';
 export { default as DSModalSearchField } from './impl/components/ModalSearchField/ModalSearchField.js';
-import 'react';
-import 'react-desc';
-import '@elliemae/ds-tabs';
-import './impl/DSSeachFieldImpl.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';
-//# sourceMappingURL=index.js.map

package/package.json

@@ -1,14 +1,54 @@
 {
   "name": "@elliemae/ds-search-field",
-  "version": "1.60.0",
+  "version": "2.0.0-alpha.12",
   "license": "MIT",
-  "description": "Ellie Mae - Dim Sum - Search Field",
-  "main": "cjs/index.js",
-  "module": "esm/index.js",
+  "description": "ICE MT - Dimsum - Search Field",
+  "module": "./esm/index.js",
+  "main": "./cjs/index.js",
+  "types": "./types/index.d.ts",
+  "exports": {
+    ".": {
+      "import": "./esm/index.js",
+      "require": "./cjs/index.js"
+    },
+    "./impl/DSSeachFieldImpl": {
+      "import": "./esm/impl/DSSeachFieldImpl.js",
+      "require": "./cjs/impl/DSSeachFieldImpl.js"
+    },
+    "./impl/components/ModalSearchField/ModalSearchField": {
+      "import": "./esm/impl/components/ModalSearchField/ModalSearchField.js",
+      "require": "./cjs/impl/components/ModalSearchField/ModalSearchField.js"
+    },
+    "./impl/components/ModalSearchField/DataGridSearch": {
+      "import": "./esm/impl/components/ModalSearchField/DataGridSearch.js",
+      "require": "./cjs/impl/components/ModalSearchField/DataGridSearch.js"
+    },
+    "./impl/components/LookupIndicator/LookupIndicator": {
+      "import": "./esm/impl/components/LookupIndicator/LookupIndicator.js",
+      "require": "./cjs/impl/components/LookupIndicator/LookupIndicator.js"
+    },
+    "./impl/components/AdvanceSearchOption/AdvanceSearchOption": {
+      "import": "./esm/impl/components/AdvanceSearchOption/AdvanceSearchOption.js",
+      "require": "./cjs/impl/components/AdvanceSearchOption/AdvanceSearchOption.js"
+    },
+    "./DSSearchField": {
+      "import": "./esm/DSSearchField.js",
+      "require": "./cjs/DSSearchField.js"
+    }
+  },
   "sideEffects": [
     "*.css",
     "*.scss"
   ],
+  "repository": {
+    "type": "git",
+    "url": "https://git.elliemae.io/platform-ui/dimsum.git"
+  },
+  "engines": {
+    "npm": ">=7",
+    "node": ">=14"
+  },
+  "author": "ICE MT",
   "scripts": {
     "dev": "cross-env NODE_ENV=development && node ../../scripts/build/build.js -w",
     "prebuild": "exit 0",
@@ -16,23 +56,26 @@
     "build": "node ../../scripts/build/build.js"
   },
   "dependencies": {
-    "@elliemae/ds-basic": "1.60.0",
-    "@elliemae/ds-classnames": "1.60.0",
-    "@elliemae/ds-datagrids": "1.60.0",
-    "@elliemae/ds-icons": "1.60.0",
-    "@elliemae/ds-modal": "1.60.0",
-    "@elliemae/ds-utilities": "1.60.0",
-    "react-desc": "^4.1.2",
-    "react-select": "4.3.0",
+    "@elliemae/ds-button": "2.0.0-alpha.12",
+    "@elliemae/ds-classnames": "2.0.0-alpha.12",
+    "@elliemae/ds-datagrids": "2.0.0-alpha.12",
+    "@elliemae/ds-form": "2.0.0-alpha.12",
+    "@elliemae/ds-icons": "2.0.0-alpha.12",
+    "@elliemae/ds-modal": "2.0.0-alpha.12",
+    "@elliemae/ds-tabs": "2.0.0-alpha.12",
+    "@elliemae/ds-toolbar": "2.0.0-alpha.12",
+    "react-desc": "~4.1.3",
+    "react-select": "~4.3.0",
     "uid": "~2.0.0"
   },
   "publishConfig": {
     "access": "public",
-    "directory": "dist"
+    "directory": "dist",
+    "generateSubmodules": true
   },
   "peerDependencies": {
-    "lodash": "^4.17.20",
-    "react": "~17.0.1",
-    "react-dom": "^17.0.1"
+    "lodash": "^4.17.21",
+    "react": "~17.0.2",
+    "react-dom": "^17.0.2"
   }
 }