@elliemae/ds-search-field 2.3.1 → 3.0.0-alpha.3

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

@@ -0,0 +1,105 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+import * as React from "react";
+import React2, { 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";
+class DataGridSearch extends Component {
+  constructor(props) {
+    super(props);
+    this.state = {
+      filters: props.filters || []
+    };
+  }
+  handleSearch(...args) {
+    const { customDataGridOptions } = this.props;
+    const { property, value } = args[0];
+    const { filters } = this.state;
+    this.setState({
+      filters: [
+        ...filters,
+        {
+          group: property,
+          label: "All",
+          value,
+          id: uid(16)
+        }
+      ]
+    });
+    if (customDataGridOptions.onFiltersChange)
+      customDataGridOptions.onFiltersChange(...args);
+  }
+  handleFiltersChange(nextFilters) {
+    const { customDataGridOptions } = this.props;
+    this.setState({ filters: nextFilters });
+    if (customDataGridOptions.onFiltersChange)
+      customDataGridOptions.onFiltersChange(nextFilters);
+  }
+  render() {
+    const {
+      id,
+      rows,
+      columns,
+      boundFetchRows,
+      searchFilters,
+      searchGrid = true,
+      customDataGridOptions,
+      handleSelect
+    } = this.props;
+    const _a = customDataGridOptions, { onFiltersChange } = _a, restCustomDataGridOptions = __objRest(_a, ["onFiltersChange"]);
+    const { filters } = this.state;
+    return /* @__PURE__ */ React2.createElement(React2.Fragment, null, /* @__PURE__ */ React2.createElement(DSToolbar, {
+      withDepth: false
+    }, /* @__PURE__ */ React2.createElement(ToolbarGroup, null, /* @__PURE__ */ React2.createElement(DSSearchBox, {
+      cleanOnSearch: true,
+      onSearch: this.handleSearch,
+      placeholder: "Search all"
+    }))), /* @__PURE__ */ React2.createElement("div", {
+      className: "datagrid-tab-content"
+    }, /* @__PURE__ */ React2.createElement(DSDataGrid, __spreadValues({
+      columns,
+      filters,
+      fluidHeight: true,
+      getData: boundFetchRows,
+      id,
+      onFiltersChange: this.handleFiltersChange,
+      onSelectRow: (rowId) => handleSelect(rowId, rows),
+      rows,
+      searchFilters,
+      searchGrid,
+      selectable: true
+    }, restCustomDataGridOptions))));
+  }
+}
+export {
+  DataGridSearch as default
+};
+//# sourceMappingURL=DataGridSearch.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../src/impl/components/ModalSearchField/DataGridSearch.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { Component } from 'react';\nimport DSToolbar, { ToolbarGroup } from '@elliemae/ds-toolbar';\nimport { DSSearchBox } from '@elliemae/ds-form';\nimport { DSDataGrid } from '@elliemae/ds-datagrids';\nimport { uid } from 'uid';\n\nexport default class DataGridSearch extends Component {\n  constructor(props) {\n    super(props);\n    this.state = {\n      filters: props.filters || [],\n    };\n  }\n\n  handleSearch(...args) {\n    const { customDataGridOptions } = this.props;\n    const { property, value } = args[0];\n    const { filters } = this.state;\n    this.setState({\n      filters: [\n        ...filters,\n        {\n          group: property,\n          label: 'All',\n          value,\n          id: uid(16),\n        },\n      ],\n    });\n    if (customDataGridOptions.onFiltersChange) customDataGridOptions.onFiltersChange(...args);\n  }\n\n  handleFiltersChange(nextFilters) {\n    const { customDataGridOptions } = this.props;\n    this.setState({ filters: nextFilters });\n    if (customDataGridOptions.onFiltersChange) customDataGridOptions.onFiltersChange(nextFilters);\n  }\n\n  render() {\n    const {\n      id,\n      rows,\n      columns,\n      boundFetchRows,\n      searchFilters,\n      searchGrid = true,\n      customDataGridOptions,\n      handleSelect,\n    } = this.props;\n    const { onFiltersChange, ...restCustomDataGridOptions } = customDataGridOptions;\n    const { filters } = this.state;\n    return (\n      <>\n        <DSToolbar withDepth={false}>\n          <ToolbarGroup>\n            <DSSearchBox cleanOnSearch onSearch={this.handleSearch} placeholder=\"Search all\" />\n          </ToolbarGroup>\n        </DSToolbar>\n        <div className=\"datagrid-tab-content\">\n          <DSDataGrid\n            columns={columns}\n            filters={filters}\n            fluidHeight\n            getData={boundFetchRows}\n            id={id}\n            onFiltersChange={this.handleFiltersChange}\n            onSelectRow={(rowId) => handleSelect(rowId, rows)}\n            rows={rows}\n            searchFilters={searchFilters}\n            searchGrid={searchGrid}\n            selectable\n            {...restCustomDataGridOptions}\n          />\n        </div>\n      </>\n    );\n  }\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;ACAA;AACA;AACA;AACA;AACA;AAEA,6BAA4C,UAAU;AAAA,EACpD,YAAY,OAAO;AACjB,UAAM;AACN,SAAK,QAAQ;AAAA,MACX,SAAS,MAAM,WAAW;AAAA;AAAA;AAAA,EAI9B,gBAAgB,MAAM;AACpB,UAAM,EAAE,0BAA0B,KAAK;AACvC,UAAM,EAAE,UAAU,UAAU,KAAK;AACjC,UAAM,EAAE,YAAY,KAAK;AACzB,SAAK,SAAS;AAAA,MACZ,SAAS;AAAA,QACP,GAAG;AAAA,QACH;AAAA,UACE,OAAO;AAAA,UACP,OAAO;AAAA,UACP;AAAA,UACA,IAAI,IAAI;AAAA;AAAA;AAAA;AAId,QAAI,sBAAsB;AAAiB,4BAAsB,gBAAgB,GAAG;AAAA;AAAA,EAGtF,oBAAoB,aAAa;AAC/B,UAAM,EAAE,0BAA0B,KAAK;AACvC,SAAK,SAAS,EAAE,SAAS;AACzB,QAAI,sBAAsB;AAAiB,4BAAsB,gBAAgB;AAAA;AAAA,EAGnF,SAAS;AACP,UAAM;AAAA,MACJ;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,aAAa;AAAA,MACb;AAAA,MACA;AAAA,QACE,KAAK;AACT,UAA0D,4BAAlD,sBAAkD,IAA9B,sCAA8B,IAA9B,CAApB;AACR,UAAM,EAAE,YAAY,KAAK;AACzB,WACE,4DACE,qCAAC,WAAD;AAAA,MAAW,WAAW;AAAA,OACpB,qCAAC,cAAD,MACE,qCAAC,aAAD;AAAA,MAAa,eAAa;AAAA,MAAC,UAAU,KAAK;AAAA,MAAc,aAAY;AAAA,UAGxE,qCAAC,OAAD;AAAA,MAAK,WAAU;AAAA,OACb,qCAAC,YAAD;AAAA,MACE;AAAA,MACA;AAAA,MACA,aAAW;AAAA,MACX,SAAS;AAAA,MACT;AAAA,MACA,iBAAiB,KAAK;AAAA,MACtB,aAAa,CAAC,UAAU,aAAa,OAAO;AAAA,MAC5C;AAAA,MACA;AAAA,MACA;AAAA,MACA,YAAU;AAAA,OACN;AAAA;AAAA;",
+  "names": []
+}

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.1",
+  "version": "3.0.0-alpha.3",
   "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,43 @@
     "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.1",
-    "@elliemae/ds-classnames": "2.3.1",
-    "@elliemae/ds-datagrids": "2.3.1",
-    "@elliemae/ds-form": "2.3.1",
-    "@elliemae/ds-icons": "2.3.1",
-    "@elliemae/ds-modal": "2.3.1",
-    "@elliemae/ds-tabs": "2.3.1",
-    "@elliemae/ds-toolbar": "2.3.1",
+    "@elliemae/ds-button": "3.0.0-alpha.3",
+    "@elliemae/ds-classnames": "3.0.0-alpha.3",
+    "@elliemae/ds-datagrids": "3.0.0-alpha.3",
+    "@elliemae/ds-form": "3.0.0-alpha.3",
+    "@elliemae/ds-icons": "3.0.0-alpha.3",
+    "@elliemae/ds-modal": "3.0.0-alpha.3",
+    "@elliemae/ds-tabs": "3.0.0-alpha.3",
+    "@elliemae/ds-toolbar": "3.0.0-alpha.3",
     "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",
+    "dts": "node ../../scripts/dts.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;