@elliemae/ds-search-field 2.3.0-next.3 → 3.0.0-alpha.0

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

@@ -0,0 +1,65 @@
+import * as React from "react";
+import React2 from "react";
+import DSModal from "@elliemae/ds-modal";
+import { DSTabs, DSTab, TabTypes } from "@elliemae/ds-tabs";
+import DataGridSearch from "./DataGridSearch";
+const ModalSearchField = ({
+  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 = {}
+}) => /* @__PURE__ */ React2.createElement(DSModal, {
+  dataTestId: "ds-searchfield-modal",
+  appElement,
+  centered: false,
+  className: "modal-search-field",
+  confirmLabel,
+  isOpen,
+  modalTitle,
+  modalType,
+  onClose,
+  onConfirm: onConfirmField,
+  onReject: onRejectField,
+  rejectLabel,
+  size: modalSize
+}, tabData.length > 0 && /* @__PURE__ */ React2.createElement(DSTabs, {
+  animated: tabsAnimated,
+  enableMouseEvents: tabsEnableMouseEvents,
+  onlyRenderActiveTab: true,
+  onTabChange,
+  type: tabType
+}, tabData.map(({ tabId, tabTitle, columns, rows, boundFetchRows }) => /* @__PURE__ */ React2.createElement(DSTab, {
+  key: tabId,
+  className: "tab-content",
+  tabId,
+  title: tabTitle
+}, /* @__PURE__ */ React2.createElement(DataGridSearch, {
+  boundFetchRows,
+  columns,
+  customDataGridOptions,
+  handleSelect,
+  id: `datagrid_search_field_${tabId}`,
+  rows,
+  searchFilters,
+  searchGrid
+})))));
+var ModalSearchField_default = ModalSearchField;
+export {
+  ModalSearchField_default as default
+};
+//# sourceMappingURL=ModalSearchField.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../src/impl/components/ModalSearchField/ModalSearchField.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport DSModal from '@elliemae/ds-modal';\nimport { DSTabs, DSTab, TabTypes } from '@elliemae/ds-tabs';\nimport DataGridSearch from './DataGridSearch';\n\nconst ModalSearchField = ({\n  isOpen = false,\n  onClose = () => null,\n  modalTitle = 'Search Field ID',\n  modalSize = 'x-large',\n  tabsAnimated = true,\n  tabsEnableMouseEvents = true,\n  tabType = TabTypes.NORMAL,\n  tabData = [],\n  searchFilters = true,\n  searchGrid = false,\n  confirmLabel = 'Apply',\n  rejectLabel = 'Cancel',\n  modalType = 'confirm',\n  onConfirmField = () => null,\n  onRejectField = () => null,\n  handleSelect = () => null,\n  onTabChange = () => null,\n  appElement = null,\n  customDataGridOptions = {},\n}) => (\n  <DSModal\n    dataTestId=\"ds-searchfield-modal\"\n    appElement={appElement}\n    centered={false}\n    className=\"modal-search-field\"\n    confirmLabel={confirmLabel}\n    isOpen={isOpen}\n    modalTitle={modalTitle}\n    modalType={modalType}\n    onClose={onClose}\n    onConfirm={onConfirmField}\n    onReject={onRejectField}\n    rejectLabel={rejectLabel}\n    size={modalSize}\n  >\n    {tabData.length > 0 && (\n      <DSTabs\n        animated={tabsAnimated}\n        enableMouseEvents={tabsEnableMouseEvents}\n        onlyRenderActiveTab\n        onTabChange={onTabChange}\n        type={tabType}\n      >\n        {tabData.map(({ tabId, tabTitle, columns, rows, boundFetchRows }) => (\n          <DSTab key={tabId} className=\"tab-content\" tabId={tabId} title={tabTitle}>\n            <DataGridSearch\n              boundFetchRows={boundFetchRows}\n              columns={columns}\n              customDataGridOptions={customDataGridOptions}\n              handleSelect={handleSelect}\n              id={`datagrid_search_field_${tabId}`}\n              rows={rows}\n              searchFilters={searchFilters}\n              searchGrid={searchGrid}\n            />\n          </DSTab>\n        ))}\n      </DSTabs>\n    )}\n  </DSModal>\n);\n\nexport default ModalSearchField;\n"],
+  "mappings": "AAAA;ACAA;AACA;AACA;AACA;AAEA,MAAM,mBAAmB,CAAC;AAAA,EACxB,SAAS;AAAA,EACT,UAAU,MAAM;AAAA,EAChB,aAAa;AAAA,EACb,YAAY;AAAA,EACZ,eAAe;AAAA,EACf,wBAAwB;AAAA,EACxB,UAAU,SAAS;AAAA,EACnB,UAAU;AAAA,EACV,gBAAgB;AAAA,EAChB,aAAa;AAAA,EACb,eAAe;AAAA,EACf,cAAc;AAAA,EACd,YAAY;AAAA,EACZ,iBAAiB,MAAM;AAAA,EACvB,gBAAgB,MAAM;AAAA,EACtB,eAAe,MAAM;AAAA,EACrB,cAAc,MAAM;AAAA,EACpB,aAAa;AAAA,EACb,wBAAwB;AAAA,MAExB,qCAAC,SAAD;AAAA,EACE,YAAW;AAAA,EACX;AAAA,EACA,UAAU;AAAA,EACV,WAAU;AAAA,EACV;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,WAAW;AAAA,EACX,UAAU;AAAA,EACV;AAAA,EACA,MAAM;AAAA,GAEL,QAAQ,SAAS,KAChB,qCAAC,QAAD;AAAA,EACE,UAAU;AAAA,EACV,mBAAmB;AAAA,EACnB,qBAAmB;AAAA,EACnB;AAAA,EACA,MAAM;AAAA,GAEL,QAAQ,IAAI,CAAC,EAAE,OAAO,UAAU,SAAS,MAAM,qBAC9C,qCAAC,OAAD;AAAA,EAAO,KAAK;AAAA,EAAO,WAAU;AAAA,EAAc;AAAA,EAAc,OAAO;AAAA,GAC9D,qCAAC,gBAAD;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,IAAI,yBAAyB;AAAA,EAC7B;AAAA,EACA;AAAA,EACA;AAAA;AASd,IAAO,2BAAQ;",
+  "names": []
+}

package/dist/esm/index.js

@@ -0,0 +1,12 @@
+import * as React from "react";
+import {
+  default as default2,
+  DSModalSearchField,
+  DSSearchFieldWithSchema
+} from "./DSSearchField";
+export {
+  DSModalSearchField,
+  DSSearchFieldWithSchema,
+  default2 as default
+};
+//# sourceMappingURL=index.js.map

package/dist/esm/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/index.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export {\n  default,\n  DSModalSearchField,\n  DSSearchFieldWithSchema,\n} from './DSSearchField';\n"],
+  "mappings": "AAAA;ACAA;AAAA;AAAA;AAAA;AAAA;",
+  "names": []
+}

package/package.json

@@ -1,39 +1,42 @@
 {
   "name": "@elliemae/ds-search-field",
-  "version": "2.3.0-next.3",
+  "version": "3.0.0-alpha.0",
   "license": "MIT",
   "description": "ICE MT - Dimsum - Search Field",
-  "module": "./esm/index.js",
-  "main": "./cjs/index.js",
-  "types": "./types/index.d.ts",
+  "files": [
+    "dist"
+  ],
+  "module": "./dist/esm/index.js",
+  "main": "./dist/cjs/index.js",
+  "types": "./dist/types/index.d.ts",
   "exports": {
     ".": {
-      "import": "./esm/index.js",
-      "require": "./cjs/index.js"
+      "import": "./dist/esm/index.js",
+      "require": "./dist/cjs/index.js"
     },
     "./impl/DSSeachFieldImpl": {
-      "import": "./esm/impl/DSSeachFieldImpl.js",
-      "require": "./cjs/impl/DSSeachFieldImpl.js"
+      "import": "./dist/esm/impl/DSSeachFieldImpl.js",
+      "require": "./dist/cjs/impl/DSSeachFieldImpl.js"
     },
     "./impl/components/ModalSearchField/ModalSearchField": {
-      "import": "./esm/impl/components/ModalSearchField/ModalSearchField.js",
-      "require": "./cjs/impl/components/ModalSearchField/ModalSearchField.js"
+      "import": "./dist/esm/impl/components/ModalSearchField/ModalSearchField.js",
+      "require": "./dist/cjs/impl/components/ModalSearchField/ModalSearchField.js"
     },
     "./impl/components/ModalSearchField/DataGridSearch": {
-      "import": "./esm/impl/components/ModalSearchField/DataGridSearch.js",
-      "require": "./cjs/impl/components/ModalSearchField/DataGridSearch.js"
+      "import": "./dist/esm/impl/components/ModalSearchField/DataGridSearch.js",
+      "require": "./dist/cjs/impl/components/ModalSearchField/DataGridSearch.js"
     },
     "./impl/components/LookupIndicator/LookupIndicator": {
-      "import": "./esm/impl/components/LookupIndicator/LookupIndicator.js",
-      "require": "./cjs/impl/components/LookupIndicator/LookupIndicator.js"
+      "import": "./dist/esm/impl/components/LookupIndicator/LookupIndicator.js",
+      "require": "./dist/cjs/impl/components/LookupIndicator/LookupIndicator.js"
     },
     "./impl/components/AdvanceSearchOption/AdvanceSearchOption": {
-      "import": "./esm/impl/components/AdvanceSearchOption/AdvanceSearchOption.js",
-      "require": "./cjs/impl/components/AdvanceSearchOption/AdvanceSearchOption.js"
+      "import": "./dist/esm/impl/components/AdvanceSearchOption/AdvanceSearchOption.js",
+      "require": "./dist/cjs/impl/components/AdvanceSearchOption/AdvanceSearchOption.js"
     },
     "./DSSearchField": {
-      "import": "./esm/DSSearchField.js",
-      "require": "./cjs/DSSearchField.js"
+      "import": "./dist/esm/DSSearchField.js",
+      "require": "./dist/cjs/DSSearchField.js"
     }
   },
   "sideEffects": [
@@ -45,37 +48,42 @@
     "url": "https://git.elliemae.io/platform-ui/dimsum.git"
   },
   "engines": {
-    "npm": ">=7",
-    "node": ">=14"
+    "pnpm": ">=6",
+    "node": ">=16"
   },
   "author": "ICE MT",
-  "scripts": {
-    "dev": "cross-env NODE_ENV=development && node ../../scripts/build/build.js -w",
-    "prebuild": "exit 0",
-    "predev": "exit 0",
-    "build": "node ../../scripts/build/build.js"
+  "jestSonar": {
+    "sonar56x": true,
+    "reportPath": "reports",
+    "reportFile": "tests.xml",
+    "indent": 4
   },
   "dependencies": {
-    "@elliemae/ds-button": "2.3.0-next.3",
-    "@elliemae/ds-classnames": "2.3.0-next.3",
-    "@elliemae/ds-datagrids": "2.3.0-next.3",
-    "@elliemae/ds-form": "2.3.0-next.3",
-    "@elliemae/ds-icons": "2.3.0-next.3",
-    "@elliemae/ds-modal": "2.3.0-next.3",
-    "@elliemae/ds-tabs": "2.3.0-next.3",
-    "@elliemae/ds-toolbar": "2.3.0-next.3",
+    "@elliemae/ds-button": "3.0.0-alpha.0",
+    "@elliemae/ds-classnames": "3.0.0-alpha.0",
+    "@elliemae/ds-datagrids": "3.0.0-alpha.0",
+    "@elliemae/ds-form": "3.0.0-alpha.0",
+    "@elliemae/ds-icons": "3.0.0-alpha.0",
+    "@elliemae/ds-modal": "3.0.0-alpha.0",
+    "@elliemae/ds-tabs": "3.0.0-alpha.0",
+    "@elliemae/ds-toolbar": "3.0.0-alpha.0",
     "react-desc": "~4.1.3",
-    "react-select": "~4.3.0",
+    "react-select": "~4.3.1",
     "uid": "~2.0.0"
   },
   "publishConfig": {
     "access": "public",
-    "directory": "dist",
-    "generateSubmodules": true
+    "typeSafety": false
   },
   "peerDependencies": {
     "lodash": "^4.17.21",
     "react": "~17.0.2",
     "react-dom": "^17.0.2"
+  },
+  "scripts": {
+    "dev": "cross-env NODE_ENV=development node ../../scripts/build/build.mjs --watch",
+    "test": "node ../../scripts/testing/test.mjs",
+    "lint": "node ../../scripts/lint.mjs",
+    "build": "cross-env NODE_ENV=production node ../../scripts/build/build.mjs"
   }
 }

package/cjs/DSSearchField.js

@@ -1,169 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var _jsx = require('@babel/runtime/helpers/jsx');
-require('react');
-var reactDesc = require('react-desc');
-var dsTabs = require('@elliemae/ds-tabs');
-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 _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,
-    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 = {
-  /*
-    Enable the user to search on combobox
-  */
-  searchable: reactDesc.PropTypes.bool.description('Enable the user to search on combobox'),
-
-  /** inject props to wrapper */
-  containerProps: reactDesc.PropTypes.object.description('inject props to wrapper'),
-
-  /** change handler */
-  onChange: reactDesc.PropTypes.func.description('change handler'),
-
-  /** search option label */
-  searchOptionLabel: reactDesc.PropTypes.string.description('search option label'),
-
-  /** placeholder for search input */
-  placeholder: reactDesc.PropTypes.string.description('placeholder for search input'),
-
-  /** search modal size */
-  modalSize: reactDesc.PropTypes.oneOf(['x-large', 'large', 'medium']).description('search modal size'),
-
-  /** search modal title */
-  modalTitle: reactDesc.PropTypes.string.description('search modal title'),
-
-  /** animate modal tabs */
-  tabsAnimated: reactDesc.PropTypes.bool.description('animate modal tabs'),
-
-  /** enable mouse event on tabs */
-  tabsEnableMouseEvents: reactDesc.PropTypes.bool.description('enable mouse event on tabs'),
-
-  /** 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'),
-
-  /** use search grid */
-  searchGrid: reactDesc.PropTypes.bool.description('use search grid'),
-
-  /** add search filters */
-  searchFilters: reactDesc.PropTypes.bool.description('add search filters'),
-
-  /** confirm modal label */
-  confirmLabel: reactDesc.PropTypes.string.description('confirm modal label'),
-
-  /** reject modal label */
-  rejectLabel: reactDesc.PropTypes.string.description('reject modal label'),
-
-  /** modal type */
-  modalType: reactDesc.PropTypes.oneOf(['alert', 'confirm']).description('modal type'),
-
-  /** on confirm handler */
-  onConfirmField: reactDesc.PropTypes.func.description('on confirm handler'),
-
-  /** on cancel handler */
-  onRejectField: reactDesc.PropTypes.func.description('on cancel handler'),
-
-  /** tab change handler */
-  onTabChange: reactDesc.PropTypes.func.description('tab change handler'),
-
-  /** app element */
-  appElement: reactDesc.PropTypes.string.description('app element'),
-
-  /** value for search */
-  value: reactDesc.PropTypes.string.description('value for search'),
-
-  /** additional info */
-  additionalInfo: reactDesc.PropTypes.object.description('additional info'),
-
-  /** display property */
-  displayProperty: reactDesc.PropTypes.string.description('display property'),
-
-  /** options for dropdown */
-  dropdownOptions: reactDesc.PropTypes.arrayOf(reactDesc.PropTypes.shape({
-    label: reactDesc.PropTypes.string,
-    value: reactDesc.PropTypes.string
-  })).description('options for dropdown'),
-
-  /** pass down props for datagrid in modal */
-  customDataGridOptions: reactDesc.PropTypes.object.description('pass down props for datagrid in modal'),
-
-  /** custom props for dropdown */
-  customDropdownOptions: reactDesc.PropTypes.object.description('custom props for dropdown'),
-
-  /** enable lookup */
-  useLookupIndicator: reactDesc.PropTypes.bool.description('enable lookup')
-};
-const DSSearchFieldWithSchema = reactDesc.describe(DSSearchField);
-DSSearchFieldWithSchema.propTypes = props;
-
-exports.DSModalSearchField = ModalSearchField;
-exports.DSSearchFieldWithSchema = DSSearchFieldWithSchema;
-exports["default"] = DSSearchField;

package/cjs/impl/DSSeachFieldImpl.js

@@ -1,243 +0,0 @@
-'use strict';
-
-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 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');
-var jsxRuntime = require('react/jsx-runtime');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
-var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : 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
-};
-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 = 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
-      });
-    };
-
-    this.onKeyDown = event => {
-      setTimeout(() => {
-        const {
-          keycode
-        } = event;
-        const {
-          value
-        } = this.props;
-        if (value && keycode === 13) this.handleCloseModal();
-      }, 0);
-    };
-
-    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;
-      const additionalInfo = rows.filter(row => selected === row.id);
-      this.setState({
-        selected,
-        additionalInfo
-      });
-    };
-
-    this.handleConfirm = () => {
-      const {
-        onConfirmField
-      } = this.props;
-      this.onChange();
-      this.handleCloseModal();
-      onConfirmField();
-    };
-
-    this.handleReject = () => {
-      const {
-        onRejectField
-      } = this.props;
-      this.handleCloseModal();
-      onRejectField();
-    };
-
-    this.handleOpenModal = () => {
-      this.setState({
-        openModal: true
-      });
-    };
-
-    this.handleCloseModal = () => this.setState({
-      openModal: false,
-      selected: [],
-      additionalInfo: []
-    });
-
-    advanceOption.label = props.searchOptionLabel;
-    this.state = {
-      openModal: false,
-      selected: null,
-      additionalInfo: []
-    };
-  }
-
-  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);
-        }
-
-        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 (useLookupIndicator) {
-      customComponents.DropdownIndicator = () => null;
-    }
-
-    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'))
-      }, void 0, /*#__PURE__*/jsxRuntime.jsx(dsForm.DSComboBox2, _objectSpread({
-        className: "".concat(classNameElement('dropdown-field-selector')),
-        components: customComponents,
-        onChange: this.onChangeDropdown,
-        onKeyDown: this.onKeyDown,
-        options: options,
-        value: value,
-        searchable: searchable
-      }, 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__*/_jsx__default["default"](ModalSearchField, {
-        appElement: appElement,
-        confirmLabel: confirmLabel,
-        customDataGridOptions: customDataGridOptions,
-        handleSelect: this.handleSelect,
-        isOpen: openModal,
-        modalSize: modalSize,
-        modalTitle: modalTitle,
-        modalType: modalType,
-        onClose: this.handleCloseModal,
-        onConfirmField: this.handleConfirm,
-        onRejectField: this.handleReject,
-        onTabChange: onTabChange,
-        placeholder: placeholder,
-        rejectLabel: rejectLabel,
-        searchFilters: searchFilters,
-        searchGrid: searchGrid,
-        tabData: tabData,
-        tabsAnimated: tabsAnimated,
-        tabsEnableMouseEvents: tabsEnableMouseEvents,
-        tabType: tabType
-      })]
-    }));
-  }
-
-}
-
-exports.DSModalSearchField = ModalSearchField;
-exports["default"] = DSSearchFieldImpl;