@elliemae/ds-search-field 3.16.0-next.2 → 3.16.0-next.21

package/dist/cjs/DSSearchField.js

@@ -18,6 +18,10 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
   isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
   mod
 ));
@@ -32,9 +36,9 @@ __export(DSSearchField_exports, {
 module.exports = __toCommonJS(DSSearchField_exports);
 var React = __toESM(require("react"));
 var import_jsx_runtime = require("react/jsx-runtime");
-var import_ds_utilities = require("@elliemae/ds-utilities");
+var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
 var import_ds_tabs = require("@elliemae/ds-tabs");
-var import_DSSeachFieldImpl = __toESM(require("./impl/DSSeachFieldImpl"));
+var import_DSSeachFieldImpl = __toESM(require("./impl/DSSeachFieldImpl.js"));
 const DSSearchField = ({
   containerProps = {},
   onChange = () => null,
@@ -96,42 +100,71 @@ const DSSearchField = ({
   }
 );
 const props = {
-  searchable: import_ds_utilities.PropTypes.bool.description("Enable the user to search on combobox"),
-  containerProps: import_ds_utilities.PropTypes.object.description("inject props to wrapper"),
-  onChange: import_ds_utilities.PropTypes.func.description("change handler"),
-  searchOptionLabel: import_ds_utilities.PropTypes.string.description("search option label"),
-  placeholder: import_ds_utilities.PropTypes.string.description("placeholder for search input"),
-  modalSize: import_ds_utilities.PropTypes.oneOf(["x-large", "large", "medium"]).description("search modal size"),
-  modalTitle: import_ds_utilities.PropTypes.string.description("search modal title"),
-  tabsAnimated: import_ds_utilities.PropTypes.bool.description("animate modal tabs"),
-  tabsEnableMouseEvents: import_ds_utilities.PropTypes.bool.description("enable mouse event on tabs"),
-  tabType: import_ds_utilities.PropTypes.oneOf([import_ds_tabs.TabTypes.NORMAL, import_ds_tabs.TabTypes.SUBTABS]).description("tab types on modal"),
-  tabData: import_ds_utilities.PropTypes.array.description("data for modal tabs"),
-  searchGrid: import_ds_utilities.PropTypes.bool.description("use search grid"),
-  searchFilters: import_ds_utilities.PropTypes.bool.description("add search filters"),
-  confirmLabel: import_ds_utilities.PropTypes.string.description("confirm modal label"),
-  rejectLabel: import_ds_utilities.PropTypes.string.description("reject modal label"),
-  modalType: import_ds_utilities.PropTypes.oneOf(["alert", "confirm"]).description("modal type"),
-  onConfirmField: import_ds_utilities.PropTypes.func.description("on confirm handler"),
-  onRejectField: import_ds_utilities.PropTypes.func.description("on cancel handler"),
-  onTabChange: import_ds_utilities.PropTypes.func.description("tab change handler"),
-  appElement: import_ds_utilities.PropTypes.string.description("app element"),
-  value: import_ds_utilities.PropTypes.string.description("value for search"),
-  additionalInfo: import_ds_utilities.PropTypes.object.description("additional info"),
-  displayProperty: import_ds_utilities.PropTypes.string.description("display property"),
-  dropdownOptions: import_ds_utilities.PropTypes.arrayOf(
-    import_ds_utilities.PropTypes.shape({
-      label: import_ds_utilities.PropTypes.string,
-      value: import_ds_utilities.PropTypes.string
+  /*
+    Enable the user to search on combobox
+  */
+  searchable: import_ds_props_helpers.PropTypes.bool.description("Enable the user to search on combobox"),
+  /** inject props to wrapper */
+  containerProps: import_ds_props_helpers.PropTypes.object.description("inject props to wrapper"),
+  /** change handler */
+  onChange: import_ds_props_helpers.PropTypes.func.description("change handler"),
+  /** search option label */
+  searchOptionLabel: import_ds_props_helpers.PropTypes.string.description("search option label"),
+  /** placeholder for search input */
+  placeholder: import_ds_props_helpers.PropTypes.string.description("placeholder for search input"),
+  /** search modal size */
+  modalSize: import_ds_props_helpers.PropTypes.oneOf(["x-large", "large", "medium"]).description("search modal size"),
+  /** search modal title */
+  modalTitle: import_ds_props_helpers.PropTypes.string.description("search modal title"),
+  /** animate modal tabs */
+  tabsAnimated: import_ds_props_helpers.PropTypes.bool.description("animate modal tabs"),
+  /** enable mouse event on tabs */
+  tabsEnableMouseEvents: import_ds_props_helpers.PropTypes.bool.description("enable mouse event on tabs"),
+  /** tab types on modal */
+  tabType: import_ds_props_helpers.PropTypes.oneOf([import_ds_tabs.TabTypes.NORMAL, import_ds_tabs.TabTypes.SUBTABS]).description("tab types on modal"),
+  /** data for modal tabs */
+  tabData: import_ds_props_helpers.PropTypes.array.description("data for modal tabs"),
+  /** use search grid */
+  searchGrid: import_ds_props_helpers.PropTypes.bool.description("use search grid"),
+  /** add search filters */
+  searchFilters: import_ds_props_helpers.PropTypes.bool.description("add search filters"),
+  /** confirm modal label */
+  confirmLabel: import_ds_props_helpers.PropTypes.string.description("confirm modal label"),
+  /** reject modal label */
+  rejectLabel: import_ds_props_helpers.PropTypes.string.description("reject modal label"),
+  /** modal type */
+  modalType: import_ds_props_helpers.PropTypes.oneOf(["alert", "confirm"]).description("modal type"),
+  /** on confirm handler */
+  onConfirmField: import_ds_props_helpers.PropTypes.func.description("on confirm handler"),
+  /** on cancel handler */
+  onRejectField: import_ds_props_helpers.PropTypes.func.description("on cancel handler"),
+  /** tab change handler */
+  onTabChange: import_ds_props_helpers.PropTypes.func.description("tab change handler"),
+  /** app element */
+  appElement: import_ds_props_helpers.PropTypes.string.description("app element"),
+  /** value for search */
+  value: import_ds_props_helpers.PropTypes.string.description("value for search"),
+  /** additional info */
+  additionalInfo: import_ds_props_helpers.PropTypes.object.description("additional info"),
+  /** display property */
+  displayProperty: import_ds_props_helpers.PropTypes.string.description("display property"),
+  /** options for dropdown */
+  dropdownOptions: import_ds_props_helpers.PropTypes.arrayOf(
+    import_ds_props_helpers.PropTypes.shape({
+      label: import_ds_props_helpers.PropTypes.string,
+      value: import_ds_props_helpers.PropTypes.string
     })
   ).description("options for dropdown"),
-  customDataGridOptions: import_ds_utilities.PropTypes.object.description("pass down props for datagrid in modal"),
-  customDropdownOptions: import_ds_utilities.PropTypes.object.description("custom props for dropdown"),
-  useLookupIndicator: import_ds_utilities.PropTypes.bool.description("enable lookup")
+  /** pass down props for datagrid in modal */
+  customDataGridOptions: import_ds_props_helpers.PropTypes.object.description("pass down props for datagrid in modal"),
+  /** custom props for dropdown */
+  customDropdownOptions: import_ds_props_helpers.PropTypes.object.description("custom props for dropdown"),
+  /** enable lookup */
+  useLookupIndicator: import_ds_props_helpers.PropTypes.bool.description("enable lookup")
 };
 DSSearchField.propTypes = props;
 DSSearchField.displayName = "DSSearchField";
-const DSSearchFieldWithSchema = (0, import_ds_utilities.describe)(DSSearchField);
+const DSSearchFieldWithSchema = (0, import_ds_props_helpers.describe)(DSSearchField);
 DSSearchFieldWithSchema.propTypes = props;
 var DSSearchField_default = DSSearchField;
 //# sourceMappingURL=DSSearchField.js.map

package/dist/cjs/DSSearchField.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/DSSearchField.tsx", "../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import React from 'react';\nimport { describe, PropTypes } from '@elliemae/ds-utilities';\nimport { TabTypes } from '@elliemae/ds-tabs';\nimport DSSeachFieldImpl, { DSModalSearchField } from './impl/DSSeachFieldImpl';\n\nconst DSSearchField = ({\n  containerProps = {},\n  onChange = () => null,\n  searchOptionLabel = 'Advanced Search',\n  placeholder = 'Select field',\n  modalSize = 'x-large',\n  modalTitle = 'Search Field ID',\n  tabsAnimated = true,\n  tabsEnableMouseEvents = true,\n  tabType = TabTypes.NORMAL,\n  tabData = [],\n  searchGrid = false,\n  searchFilters = true,\n  confirmLabel = 'Apply',\n  rejectLabel = 'Cancel',\n  modalType = 'confirm',\n  onConfirmField = () => null,\n  onRejectField = () => null,\n  onTabChange = () => null,\n  appElement = '#root',\n  value = null,\n  additionalInfo = null,\n  displayProperty = 'name',\n  dropdownOptions = [],\n  customDataGridOptions = {},\n  customDropdownOptions = {},\n  useLookupIndicator = true,\n  searchable = false,\n}) => (\n  <DSSeachFieldImpl\n    additionalInfo={additionalInfo}\n    appElement={appElement}\n    searchable={searchable}\n    confirmLabel={confirmLabel}\n    containerProps={containerProps}\n    customDataGridOptions={customDataGridOptions}\n    customDropdownOptions={customDropdownOptions}\n    displayProperty={displayProperty}\n    dropdownOptions={dropdownOptions}\n    modalSize={modalSize}\n    modalTitle={modalTitle}\n    modalType={modalType}\n    onChange={onChange}\n    onConfirmField={onConfirmField}\n    onRejectField={onRejectField}\n    onTabChange={onTabChange}\n    placeholder={placeholder}\n    rejectLabel={rejectLabel}\n    searchFilters={searchFilters}\n    searchGrid={searchGrid}\n    searchOptionLabel={searchOptionLabel}\n    tabData={tabData}\n    tabsAnimated={tabsAnimated}\n    tabsEnableMouseEvents={tabsEnableMouseEvents}\n    tabType={tabType}\n    useLookupIndicator={useLookupIndicator}\n    value={value}\n  />\n);\n\nconst props = {\n  /*\n    Enable the user to search on combobox\n  */\n  searchable: PropTypes.bool.description('Enable the user to search on combobox'),\n  /** inject props to wrapper */\n  containerProps: PropTypes.object.description('inject props to wrapper'),\n  /** change handler */\n  onChange: PropTypes.func.description('change handler'),\n  /** search option label */\n  searchOptionLabel: PropTypes.string.description('search option label'),\n  /** placeholder for search input */\n  placeholder: PropTypes.string.description('placeholder for search input'),\n  /** search modal size */\n  modalSize: PropTypes.oneOf(['x-large', 'large', 'medium']).description('search modal size'),\n  /** search modal title */\n  modalTitle: PropTypes.string.description('search modal title'),\n  /** animate modal tabs */\n  tabsAnimated: PropTypes.bool.description('animate modal tabs'),\n  /** enable mouse event on tabs */\n  tabsEnableMouseEvents: PropTypes.bool.description('enable mouse event on tabs'),\n  /** tab types on modal */\n  tabType: PropTypes.oneOf([TabTypes.NORMAL, TabTypes.SUBTABS]).description('tab types on modal'),\n  /** data for modal tabs */\n  tabData: PropTypes.array.description('data for modal tabs'),\n  /** use search grid */\n  searchGrid: PropTypes.bool.description('use search grid'),\n  /** add search filters */\n  searchFilters: PropTypes.bool.description('add search filters'),\n  /** confirm modal label */\n  confirmLabel: PropTypes.string.description('confirm modal label'),\n  /** reject modal label */\n  rejectLabel: PropTypes.string.description('reject modal label'),\n  /** modal type */\n  modalType: PropTypes.oneOf(['alert', 'confirm']).description('modal type'),\n  /** on confirm handler */\n  onConfirmField: PropTypes.func.description('on confirm handler'),\n  /** on cancel handler */\n  onRejectField: PropTypes.func.description('on cancel handler'),\n  /** tab change handler */\n  onTabChange: PropTypes.func.description('tab change handler'),\n  /** app element */\n  appElement: PropTypes.string.description('app element'),\n  /** value for search */\n  value: PropTypes.string.description('value for search'),\n  /** additional info */\n  additionalInfo: PropTypes.object.description('additional info'),\n  /** display property */\n  displayProperty: PropTypes.string.description('display property'),\n  /** options for dropdown */\n  dropdownOptions: PropTypes.arrayOf(\n    PropTypes.shape({\n      label: PropTypes.string,\n      value: PropTypes.string,\n    }),\n  ).description('options for dropdown'),\n  /** pass down props for datagrid in modal */\n  customDataGridOptions: PropTypes.object.description('pass down props for datagrid in modal'),\n  /** custom props for dropdown */\n  customDropdownOptions: PropTypes.object.description('custom props for dropdown'),\n  /** enable lookup */\n  useLookupIndicator: PropTypes.bool.description('enable lookup'),\n};\n\nDSSearchField.propTypes = props;\nDSSearchField.displayName = 'DSSearchField';\nconst DSSearchFieldWithSchema = describe(DSSearchField);\nDSSearchFieldWithSchema.propTypes = props;\n\nexport { DSSearchField, DSModalSearchField, DSSearchFieldWithSchema };\nexport default DSSearchField;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": "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",
+  "sourcesContent": ["import React from 'react';\nimport { describe, PropTypes } from '@elliemae/ds-props-helpers';\nimport { TabTypes } from '@elliemae/ds-tabs';\nimport DSSeachFieldImpl, { DSModalSearchField } from './impl/DSSeachFieldImpl.js';\n\nconst DSSearchField = ({\n  containerProps = {},\n  onChange = () => null,\n  searchOptionLabel = 'Advanced Search',\n  placeholder = 'Select field',\n  modalSize = 'x-large',\n  modalTitle = 'Search Field ID',\n  tabsAnimated = true,\n  tabsEnableMouseEvents = true,\n  tabType = TabTypes.NORMAL,\n  tabData = [],\n  searchGrid = false,\n  searchFilters = true,\n  confirmLabel = 'Apply',\n  rejectLabel = 'Cancel',\n  modalType = 'confirm',\n  onConfirmField = () => null,\n  onRejectField = () => null,\n  onTabChange = () => null,\n  appElement = '#root',\n  value = null,\n  additionalInfo = null,\n  displayProperty = 'name',\n  dropdownOptions = [],\n  customDataGridOptions = {},\n  customDropdownOptions = {},\n  useLookupIndicator = true,\n  searchable = false,\n}) => (\n  <DSSeachFieldImpl\n    additionalInfo={additionalInfo}\n    appElement={appElement}\n    searchable={searchable}\n    confirmLabel={confirmLabel}\n    containerProps={containerProps}\n    customDataGridOptions={customDataGridOptions}\n    customDropdownOptions={customDropdownOptions}\n    displayProperty={displayProperty}\n    dropdownOptions={dropdownOptions}\n    modalSize={modalSize}\n    modalTitle={modalTitle}\n    modalType={modalType}\n    onChange={onChange}\n    onConfirmField={onConfirmField}\n    onRejectField={onRejectField}\n    onTabChange={onTabChange}\n    placeholder={placeholder}\n    rejectLabel={rejectLabel}\n    searchFilters={searchFilters}\n    searchGrid={searchGrid}\n    searchOptionLabel={searchOptionLabel}\n    tabData={tabData}\n    tabsAnimated={tabsAnimated}\n    tabsEnableMouseEvents={tabsEnableMouseEvents}\n    tabType={tabType}\n    useLookupIndicator={useLookupIndicator}\n    value={value}\n  />\n);\n\nconst props = {\n  /*\n    Enable the user to search on combobox\n  */\n  searchable: PropTypes.bool.description('Enable the user to search on combobox'),\n  /** inject props to wrapper */\n  containerProps: PropTypes.object.description('inject props to wrapper'),\n  /** change handler */\n  onChange: PropTypes.func.description('change handler'),\n  /** search option label */\n  searchOptionLabel: PropTypes.string.description('search option label'),\n  /** placeholder for search input */\n  placeholder: PropTypes.string.description('placeholder for search input'),\n  /** search modal size */\n  modalSize: PropTypes.oneOf(['x-large', 'large', 'medium']).description('search modal size'),\n  /** search modal title */\n  modalTitle: PropTypes.string.description('search modal title'),\n  /** animate modal tabs */\n  tabsAnimated: PropTypes.bool.description('animate modal tabs'),\n  /** enable mouse event on tabs */\n  tabsEnableMouseEvents: PropTypes.bool.description('enable mouse event on tabs'),\n  /** tab types on modal */\n  tabType: PropTypes.oneOf([TabTypes.NORMAL, TabTypes.SUBTABS]).description('tab types on modal'),\n  /** data for modal tabs */\n  tabData: PropTypes.array.description('data for modal tabs'),\n  /** use search grid */\n  searchGrid: PropTypes.bool.description('use search grid'),\n  /** add search filters */\n  searchFilters: PropTypes.bool.description('add search filters'),\n  /** confirm modal label */\n  confirmLabel: PropTypes.string.description('confirm modal label'),\n  /** reject modal label */\n  rejectLabel: PropTypes.string.description('reject modal label'),\n  /** modal type */\n  modalType: PropTypes.oneOf(['alert', 'confirm']).description('modal type'),\n  /** on confirm handler */\n  onConfirmField: PropTypes.func.description('on confirm handler'),\n  /** on cancel handler */\n  onRejectField: PropTypes.func.description('on cancel handler'),\n  /** tab change handler */\n  onTabChange: PropTypes.func.description('tab change handler'),\n  /** app element */\n  appElement: PropTypes.string.description('app element'),\n  /** value for search */\n  value: PropTypes.string.description('value for search'),\n  /** additional info */\n  additionalInfo: PropTypes.object.description('additional info'),\n  /** display property */\n  displayProperty: PropTypes.string.description('display property'),\n  /** options for dropdown */\n  dropdownOptions: PropTypes.arrayOf(\n    PropTypes.shape({\n      label: PropTypes.string,\n      value: PropTypes.string,\n    }),\n  ).description('options for dropdown'),\n  /** pass down props for datagrid in modal */\n  customDataGridOptions: PropTypes.object.description('pass down props for datagrid in modal'),\n  /** custom props for dropdown */\n  customDropdownOptions: PropTypes.object.description('custom props for dropdown'),\n  /** enable lookup */\n  useLookupIndicator: PropTypes.bool.description('enable lookup'),\n};\n\nDSSearchField.propTypes = props;\nDSSearchField.displayName = 'DSSearchField';\nconst DSSearchFieldWithSchema = describe(DSSearchField);\nDSSearchFieldWithSchema.propTypes = props;\n\nexport { DSSearchField, DSModalSearchField, DSSearchFieldWithSchema };\nexport default DSSearchField;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": "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",
   "names": ["DSSeachFieldImpl"]
 }

package/dist/cjs/impl/DSSeachFieldImpl.js

@@ -18,6 +18,10 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
   isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
   mod
 ));
@@ -34,9 +38,9 @@ var import_react = require("react");
 var import_react_select = require("react-select");
 var import_ds_classnames = require("@elliemae/ds-classnames");
 var import_ds_form = require("@elliemae/ds-form");
-var import_ModalSearchField = __toESM(require("./components/ModalSearchField/ModalSearchField"));
-var import_AdvanceSearchOption = __toESM(require("./components/AdvanceSearchOption/AdvanceSearchOption"));
-var import_LookupIndicator = __toESM(require("./components/LookupIndicator/LookupIndicator"));
+var import_ModalSearchField = __toESM(require("./components/ModalSearchField/ModalSearchField.js"));
+var import_AdvanceSearchOption = __toESM(require("./components/AdvanceSearchOption/AdvanceSearchOption.js"));
+var import_LookupIndicator = __toESM(require("./components/LookupIndicator/LookupIndicator.js"));
 const advanceOption = {
   className: "advanced-search-option",
   label: "Advanced search",

package/dist/cjs/impl/DSSeachFieldImpl.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/impl/DSSeachFieldImpl.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["/* eslint-disable max-lines */\n/* eslint-disable react/prop-types */\nimport React, { Component } from 'react';\nimport { components } from 'react-select';\nimport { convertPropToCssClassName } from '@elliemae/ds-classnames';\nimport { DSComboBox2 } from '@elliemae/ds-form';\n\nimport DSModalSearchField from './components/ModalSearchField/ModalSearchField';\nimport AdvanceSearchOption from './components/AdvanceSearchOption/AdvanceSearchOption';\nimport LookupIndicator from './components/LookupIndicator/LookupIndicator';\n\nconst advanceOption = {\n  className: 'advanced-search-option',\n  label: 'Advanced search',\n  value: 'search-field-advance-option',\n  isAdvance: true,\n};\nconst { cssClassName, classNameElement, classNameModifier, classNameBlock } = convertPropToCssClassName(\n  'query-builder-addon-search-field',\n);\n\nclass DSSearchFieldImpl extends Component {\n  constructor(props) {\n    super(props);\n    advanceOption.label = props.searchOptionLabel;\n    this.state = {\n      openModal: false,\n      selected: null,\n      additionalInfo: [],\n    };\n  }\n\n  onChange = () => {\n    const {\n      selected: id,\n      additionalInfo: [row],\n    } = this.state;\n    const { onChange } = this.props;\n    onChange(id, row);\n  };\n\n  onChangeDropdown = (value) => {\n    const { dropdownOptions } = this.props;\n    const selected = dropdownOptions.find((op) => op.value === value);\n    const { onChange, displayProperty } = this.props;\n    if (selected) onChange(value, { [displayProperty]: selected.label });\n  };\n\n  onKeyDown = (event) => {\n    setTimeout(() => {\n      const { keycode } = event;\n      const { value } = this.props;\n      if (value && keycode === 13) this.handleCloseModal();\n    }, 0);\n  };\n\n  handleSelect = (selectedRow, rows) => {\n    let selected = selectedRow;\n    // fix new datagrid callback format\n    if (!selected) return;\n    if (selected.id) selected = selected.id;\n    else if (selected[0] && selected[0].id) selected = selected[0].id;\n    const additionalInfo = rows.filter((row) => selected === row.id);\n    this.setState({ selected, additionalInfo });\n  };\n\n  handleConfirm = () => {\n    const { onConfirmField } = this.props;\n    this.onChange();\n    this.handleCloseModal();\n    onConfirmField();\n  };\n\n  handleReject = () => {\n    const { onRejectField } = this.props;\n    this.handleCloseModal();\n    onRejectField();\n  };\n\n  handleOpenModal = () => {\n    this.setState({ openModal: true });\n  };\n\n  handleCloseModal = () =>\n    this.setState({\n      openModal: false,\n      selected: [],\n      additionalInfo: [],\n    });\n\n  render() {\n    const {\n      placeholder,\n      modalTitle,\n      modalSize,\n      tabsAnimated,\n      tabsEnableMouseEvents,\n      tabType,\n      tabData,\n      searchFilters,\n      searchGrid,\n      confirmLabel,\n      rejectLabel,\n      modalType,\n      appElement,\n      value,\n      additionalInfo,\n      displayProperty,\n      dropdownOptions,\n      searchOptionLabel,\n      customDataGridOptions,\n      customDropdownOptions,\n      useLookupIndicator,\n      onTabChange,\n      containerProps,\n      searchable,\n    } = this.props;\n    const { openModal } = this.state;\n\n    let options = [...dropdownOptions, advanceOption];\n    let displayValue = !value ? placeholder : value;\n    if (additionalInfo && additionalInfo[displayProperty]) displayValue = additionalInfo[displayProperty];\n\n    const defaultoption = { value, label: displayValue };\n\n    const customComponents = {\n      Option: (props) => {\n        // return <AdvanceSearchOption onAdvanceSearchClick={this.handleOpenModal} />\n        props.innerProps.className = 'em-ds-combobox__option';\n        if (props.data.isAdvance) {\n          props.innerProps.onClick = this.handleOpenModal;\n          props.innerProps.className = `${props.innerProps.className} ${advanceOption.className}`;\n        }\n        return <components.Option {...props} />;\n      },\n      IndicatorSeparator: () => null,\n      NoOptionsMessage: (props) => (\n        <AdvanceSearchOption\n          advanceSearchLabel={searchOptionLabel}\n          onAdvanceSearchClick={this.handleOpenModal}\n          {...props}\n        />\n      ),\n    };\n    if (useLookupIndicator) {\n      customComponents.DropdownIndicator = function () {\n        return null;\n      };\n    }\n\n    if (!options.find((o) => o.value === defaultoption.value)) {\n      options = [defaultoption, ...options];\n    }\n    return (\n      <div {...containerProps} className={`${cssClassName}`}>\n        <div className={`${classNameBlock('container-selector')}`}>\n          <DSComboBox2\n            className={`${classNameElement('dropdown-field-selector')}`}\n            components={customComponents}\n            onChange={this.onChangeDropdown}\n            onKeyDown={this.onKeyDown}\n            options={options}\n            value={value}\n            searchable={searchable}\n            {...customDropdownOptions}\n          />\n          {useLookupIndicator && (\n            <LookupIndicator\n              buttonType=\"text\"\n              className={`${classNameElement('btn-selector')} ${\n                !value ? classNameModifier('btn-placeholder', 'btn-selector') : ''\n              }`}\n              onAdvanceSearchClick={this.handleOpenModal}\n            />\n          )}\n        </div>\n        <DSModalSearchField\n          appElement={appElement}\n          confirmLabel={confirmLabel}\n          customDataGridOptions={customDataGridOptions}\n          handleSelect={this.handleSelect}\n          isOpen={openModal}\n          modalSize={modalSize}\n          modalTitle={modalTitle}\n          modalType={modalType}\n          onClose={this.handleCloseModal}\n          onConfirmField={this.handleConfirm}\n          onRejectField={this.handleReject}\n          onTabChange={onTabChange}\n          placeholder={placeholder}\n          rejectLabel={rejectLabel}\n          searchFilters={searchFilters}\n          searchGrid={searchGrid}\n          tabData={tabData}\n          tabsAnimated={tabsAnimated}\n          tabsEnableMouseEvents={tabsEnableMouseEvents}\n          tabType={tabType}\n        />\n      </div>\n    );\n  }\n}\n\nexport { DSModalSearchField };\nexport default DSSearchFieldImpl;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": "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",
+  "sourcesContent": ["/* eslint-disable max-lines */\n/* eslint-disable react/prop-types */\nimport React, { Component } from 'react';\nimport { components } from 'react-select';\nimport { convertPropToCssClassName } from '@elliemae/ds-classnames';\nimport { DSComboBox2 } from '@elliemae/ds-form';\nimport DSModalSearchField from './components/ModalSearchField/ModalSearchField.js';\nimport AdvanceSearchOption from './components/AdvanceSearchOption/AdvanceSearchOption.js';\nimport LookupIndicator from './components/LookupIndicator/LookupIndicator.js';\n\nconst advanceOption = {\n  className: 'advanced-search-option',\n  label: 'Advanced search',\n  value: 'search-field-advance-option',\n  isAdvance: true,\n};\nconst { cssClassName, classNameElement, classNameModifier, classNameBlock } = convertPropToCssClassName(\n  'query-builder-addon-search-field',\n);\n\nclass DSSearchFieldImpl extends Component {\n  constructor(props) {\n    super(props);\n    advanceOption.label = props.searchOptionLabel;\n    this.state = {\n      openModal: false,\n      selected: null,\n      additionalInfo: [],\n    };\n  }\n\n  onChange = () => {\n    const {\n      selected: id,\n      additionalInfo: [row],\n    } = this.state;\n    const { onChange } = this.props;\n    onChange(id, row);\n  };\n\n  onChangeDropdown = (value) => {\n    const { dropdownOptions } = this.props;\n    const selected = dropdownOptions.find((op) => op.value === value);\n    const { onChange, displayProperty } = this.props;\n    if (selected) onChange(value, { [displayProperty]: selected.label });\n  };\n\n  onKeyDown = (event) => {\n    setTimeout(() => {\n      const { keycode } = event;\n      const { value } = this.props;\n      if (value && keycode === 13) this.handleCloseModal();\n    }, 0);\n  };\n\n  handleSelect = (selectedRow, rows) => {\n    let selected = selectedRow;\n    // fix new datagrid callback format\n    if (!selected) return;\n    if (selected.id) selected = selected.id;\n    else if (selected[0] && selected[0].id) selected = selected[0].id;\n    const additionalInfo = rows.filter((row) => selected === row.id);\n    this.setState({ selected, additionalInfo });\n  };\n\n  handleConfirm = () => {\n    const { onConfirmField } = this.props;\n    this.onChange();\n    this.handleCloseModal();\n    onConfirmField();\n  };\n\n  handleReject = () => {\n    const { onRejectField } = this.props;\n    this.handleCloseModal();\n    onRejectField();\n  };\n\n  handleOpenModal = () => {\n    this.setState({ openModal: true });\n  };\n\n  handleCloseModal = () =>\n    this.setState({\n      openModal: false,\n      selected: [],\n      additionalInfo: [],\n    });\n\n  render() {\n    const {\n      placeholder,\n      modalTitle,\n      modalSize,\n      tabsAnimated,\n      tabsEnableMouseEvents,\n      tabType,\n      tabData,\n      searchFilters,\n      searchGrid,\n      confirmLabel,\n      rejectLabel,\n      modalType,\n      appElement,\n      value,\n      additionalInfo,\n      displayProperty,\n      dropdownOptions,\n      searchOptionLabel,\n      customDataGridOptions,\n      customDropdownOptions,\n      useLookupIndicator,\n      onTabChange,\n      containerProps,\n      searchable,\n    } = this.props;\n    const { openModal } = this.state;\n\n    let options = [...dropdownOptions, advanceOption];\n    let displayValue = !value ? placeholder : value;\n    if (additionalInfo && additionalInfo[displayProperty]) displayValue = additionalInfo[displayProperty];\n\n    const defaultoption = { value, label: displayValue };\n\n    const customComponents = {\n      Option: (props) => {\n        // return <AdvanceSearchOption onAdvanceSearchClick={this.handleOpenModal} />\n        props.innerProps.className = 'em-ds-combobox__option';\n        if (props.data.isAdvance) {\n          props.innerProps.onClick = this.handleOpenModal;\n          props.innerProps.className = `${props.innerProps.className} ${advanceOption.className}`;\n        }\n        return <components.Option {...props} />;\n      },\n      IndicatorSeparator: () => null,\n      NoOptionsMessage: (props) => (\n        <AdvanceSearchOption\n          advanceSearchLabel={searchOptionLabel}\n          onAdvanceSearchClick={this.handleOpenModal}\n          {...props}\n        />\n      ),\n    };\n    if (useLookupIndicator) {\n      customComponents.DropdownIndicator = function () {\n        return null;\n      };\n    }\n\n    if (!options.find((o) => o.value === defaultoption.value)) {\n      options = [defaultoption, ...options];\n    }\n    return (\n      <div {...containerProps} className={`${cssClassName}`}>\n        <div className={`${classNameBlock('container-selector')}`}>\n          <DSComboBox2\n            className={`${classNameElement('dropdown-field-selector')}`}\n            components={customComponents}\n            onChange={this.onChangeDropdown}\n            onKeyDown={this.onKeyDown}\n            options={options}\n            value={value}\n            searchable={searchable}\n            {...customDropdownOptions}\n          />\n          {useLookupIndicator && (\n            <LookupIndicator\n              buttonType=\"text\"\n              className={`${classNameElement('btn-selector')} ${\n                !value ? classNameModifier('btn-placeholder', 'btn-selector') : ''\n              }`}\n              onAdvanceSearchClick={this.handleOpenModal}\n            />\n          )}\n        </div>\n        <DSModalSearchField\n          appElement={appElement}\n          confirmLabel={confirmLabel}\n          customDataGridOptions={customDataGridOptions}\n          handleSelect={this.handleSelect}\n          isOpen={openModal}\n          modalSize={modalSize}\n          modalTitle={modalTitle}\n          modalType={modalType}\n          onClose={this.handleCloseModal}\n          onConfirmField={this.handleConfirm}\n          onRejectField={this.handleReject}\n          onTabChange={onTabChange}\n          placeholder={placeholder}\n          rejectLabel={rejectLabel}\n          searchFilters={searchFilters}\n          searchGrid={searchGrid}\n          tabData={tabData}\n          tabsAnimated={tabsAnimated}\n          tabsEnableMouseEvents={tabsEnableMouseEvents}\n          tabType={tabType}\n        />\n      </div>\n    );\n  }\n}\n\nexport { DSModalSearchField };\nexport default DSSearchFieldImpl;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": "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",
   "names": ["DSModalSearchField", "AdvanceSearchOption", "LookupIndicator", "DSModalSearchField"]
 }

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

@@ -18,6 +18,10 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
   isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
   mod
 ));

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

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../src/impl/components/AdvanceSearchOption/AdvanceSearchOption.tsx", "../../../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["import React from 'react';\nimport DSButton from '@elliemae/ds-button';\n\nconst AdvanceSearchOption = ({ advanceSearchLabel = 'Advanced Search', onAdvanceSearchClick = () => null }) => (\n  <DSButton\n    className=\"advance-search-option-btn\"\n    labelText={advanceSearchLabel}\n    onClick={onAdvanceSearchClick}\n    tabIndex={-1}\n    type=\"button\"\n  />\n);\n\nexport default AdvanceSearchOption;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADIrB;AAHF,uBAAqB;AAErB,MAAM,sBAAsB,CAAC,EAAE,qBAAqB,mBAAmB,uBAAuB,MAAM,KAAK,MACvG;AAAA,EAAC,iBAAAA;AAAA,EAAA;AAAA,IACC,WAAU;AAAA,IACV,WAAW;AAAA,IACX,SAAS;AAAA,IACT,UAAU;AAAA,IACV,MAAK;AAAA;AACP;AAGF,IAAO,8BAAQ;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADIrB;AAHF,uBAAqB;AAErB,MAAM,sBAAsB,CAAC,EAAE,qBAAqB,mBAAmB,uBAAuB,MAAM,KAAK,MACvG;AAAA,EAAC,iBAAAA;AAAA,EAAA;AAAA,IACC,WAAU;AAAA,IACV,WAAW;AAAA,IACX,SAAS;AAAA,IACT,UAAU;AAAA,IACV,MAAK;AAAA;AACP;AAGF,IAAO,8BAAQ;",
   "names": ["DSButton"]
 }

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

@@ -18,6 +18,10 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
   isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
   mod
 ));

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

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../src/impl/components/LookupIndicator/LookupIndicator.tsx", "../../../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["import React from 'react';\nimport { Search } from '@elliemae/ds-icons';\nimport DSButton from '@elliemae/ds-button';\n\nconst LookupIndicator = ({ onAdvanceSearchClick = () => null, className = '' }) => (\n  <DSButton\n    data-testid=\"ds-searchfield-search-btn\"\n    buttonType=\"secondary\"\n    className={className}\n    icon={<Search />}\n    iconSize=\"s\"\n    onClick={(e) => {\n      e.stopPropagation();\n      e.preventDefault();\n      onAdvanceSearchClick();\n    }}\n  />\n);\n\nexport default LookupIndicator;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADSb;AARV,sBAAuB;AACvB,uBAAqB;AAErB,MAAM,kBAAkB,CAAC,EAAE,uBAAuB,MAAM,MAAM,YAAY,GAAG,MAC3E;AAAA,EAAC,iBAAAA;AAAA,EAAA;AAAA,IACC,eAAY;AAAA,IACZ,YAAW;AAAA,IACX;AAAA,IACA,MAAM,4CAAC,0BAAO;AAAA,IACd,UAAS;AAAA,IACT,SAAS,CAAC,MAAM;AACd,QAAE,gBAAgB;AAClB,QAAE,eAAe;AACjB,2BAAqB;AAAA,IACvB;AAAA;AACF;AAGF,IAAO,0BAAQ;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADSb;AARV,sBAAuB;AACvB,uBAAqB;AAErB,MAAM,kBAAkB,CAAC,EAAE,uBAAuB,MAAM,MAAM,YAAY,GAAG,MAC3E;AAAA,EAAC,iBAAAA;AAAA,EAAA;AAAA,IACC,eAAY;AAAA,IACZ,YAAW;AAAA,IACX;AAAA,IACA,MAAM,4CAAC,0BAAO;AAAA,IACd,UAAS;AAAA,IACT,SAAS,CAAC,MAAM;AACd,QAAE,gBAAgB;AAClB,QAAE,eAAe;AACjB,2BAAqB;AAAA,IACvB;AAAA;AACF;AAGF,IAAO,0BAAQ;",
   "names": ["DSButton"]
 }

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

@@ -18,6 +18,10 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
   isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
   mod
 ));

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

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../src/impl/components/ModalSearchField/DataGridSearch.tsx", "../../../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["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", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADoDjB;AApDN,mBAAiC;AACjC,wBAAwC;AACxC,qBAA4B;AAC5B,0BAA2B;AAC3B,iBAAoB;AAEpB,MAAO,uBAAqC,uBAAU;AAAA,EACpD,YAAY,OAAO;AACjB,UAAM,KAAK;AAMb,wBAAe,IAAI,SAAS;AAC1B,YAAM,EAAE,sBAAsB,IAAI,KAAK;AACvC,YAAM,EAAE,UAAU,MAAM,IAAI,KAAK;AACjC,YAAM,EAAE,QAAQ,IAAI,KAAK;AACzB,WAAK,SAAS;AAAA,QACZ,SAAS;AAAA,UACP,GAAG;AAAA,UACH;AAAA,YACE,OAAO;AAAA,YACP,OAAO;AAAA,YACP;AAAA,YACA,QAAI,gBAAI,EAAE;AAAA,UACZ;AAAA,QACF;AAAA,MACF,CAAC;AACD,UAAI,sBAAsB;AAAiB,8BAAsB,gBAAgB,GAAG,IAAI;AAAA,IAC1F;AAEA,+BAAsB,CAAC,gBAAgB;AACrC,YAAM,EAAE,sBAAsB,IAAI,KAAK;AACvC,WAAK,SAAS,EAAE,SAAS,YAAY,CAAC;AACtC,UAAI,sBAAsB;AAAiB,8BAAsB,gBAAgB,WAAW;AAAA,IAC9F;AA3BE,SAAK,QAAQ;AAAA,MACX,SAAS,MAAM,WAAW,CAAC;AAAA,IAC7B;AAAA,EACF;AAAA,EA0BA,SAAS;AACP,UAAM;AAAA,MACJ;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,aAAa;AAAA,MACb;AAAA,MACA;AAAA,IACF,IAAI,KAAK;AACT,UAAM,EAAE,oBAAoB,0BAA0B,IAAI;AAC1D,UAAM,EAAE,QAAQ,IAAI,KAAK;AACzB,WACE,4EACE;AAAA,kDAAC,kBAAAA,SAAA,EAAU,WAAW,OACpB,sDAAC,kCACC,sDAAC,8BAAY,eAAa,MAAC,UAAU,KAAK,cAAc,aAAY,cAAa,GACnF,GACF;AAAA,MACA,4CAAC,SAAI,WAAU,wBACb;AAAA,QAAC;AAAA;AAAA,UACC;AAAA,UACA;AAAA,UACA,aAAW;AAAA,UACX,SAAS;AAAA,UACT;AAAA,UACA,iBAAiB,KAAK;AAAA,UACtB,aAAa,CAAC,UAAU,aAAa,OAAO,IAAI;AAAA,UAChD;AAAA,UACA;AAAA,UACA;AAAA,UACA,YAAU;AAAA,UACT,GAAG;AAAA;AAAA,MACN,GACF;AAAA,OACF;AAAA,EAEJ;AACF;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADoDjB;AApDN,mBAAiC;AACjC,wBAAwC;AACxC,qBAA4B;AAC5B,0BAA2B;AAC3B,iBAAoB;AAEpB,MAAO,uBAAqC,uBAAU;AAAA,EACpD,YAAY,OAAO;AACjB,UAAM,KAAK;AAMb,wBAAe,IAAI,SAAS;AAC1B,YAAM,EAAE,sBAAsB,IAAI,KAAK;AACvC,YAAM,EAAE,UAAU,MAAM,IAAI,KAAK,CAAC;AAClC,YAAM,EAAE,QAAQ,IAAI,KAAK;AACzB,WAAK,SAAS;AAAA,QACZ,SAAS;AAAA,UACP,GAAG;AAAA,UACH;AAAA,YACE,OAAO;AAAA,YACP,OAAO;AAAA,YACP;AAAA,YACA,QAAI,gBAAI,EAAE;AAAA,UACZ;AAAA,QACF;AAAA,MACF,CAAC;AACD,UAAI,sBAAsB;AAAiB,8BAAsB,gBAAgB,GAAG,IAAI;AAAA,IAC1F;AAEA,+BAAsB,CAAC,gBAAgB;AACrC,YAAM,EAAE,sBAAsB,IAAI,KAAK;AACvC,WAAK,SAAS,EAAE,SAAS,YAAY,CAAC;AACtC,UAAI,sBAAsB;AAAiB,8BAAsB,gBAAgB,WAAW;AAAA,IAC9F;AA3BE,SAAK,QAAQ;AAAA,MACX,SAAS,MAAM,WAAW,CAAC;AAAA,IAC7B;AAAA,EACF;AAAA,EA0BA,SAAS;AACP,UAAM;AAAA,MACJ;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,aAAa;AAAA,MACb;AAAA,MACA;AAAA,IACF,IAAI,KAAK;AACT,UAAM,EAAE,iBAAiB,GAAG,0BAA0B,IAAI;AAC1D,UAAM,EAAE,QAAQ,IAAI,KAAK;AACzB,WACE,4EACE;AAAA,kDAAC,kBAAAA,SAAA,EAAU,WAAW,OACpB,sDAAC,kCACC,sDAAC,8BAAY,eAAa,MAAC,UAAU,KAAK,cAAc,aAAY,cAAa,GACnF,GACF;AAAA,MACA,4CAAC,SAAI,WAAU,wBACb;AAAA,QAAC;AAAA;AAAA,UACC;AAAA,UACA;AAAA,UACA,aAAW;AAAA,UACX,SAAS;AAAA,UACT;AAAA,UACA,iBAAiB,KAAK;AAAA,UACtB,aAAa,CAAC,UAAU,aAAa,OAAO,IAAI;AAAA,UAChD;AAAA,UACA;AAAA,UACA;AAAA,UACA,YAAU;AAAA,UACT,GAAG;AAAA;AAAA,MACN,GACF;AAAA,OACF;AAAA,EAEJ;AACF;",
   "names": ["DSToolbar"]
 }

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

@@ -18,6 +18,10 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
   isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
   mod
 ));
@@ -31,7 +35,7 @@ var React = __toESM(require("react"));
 var import_jsx_runtime = require("react/jsx-runtime");
 var import_ds_modal = __toESM(require("@elliemae/ds-modal"));
 var import_ds_tabs = require("@elliemae/ds-tabs");
-var import_DataGridSearch = __toESM(require("./DataGridSearch"));
+var import_DataGridSearch = __toESM(require("./DataGridSearch.js"));
 const ModalSearchField = ({
   isOpen = false,
   onClose = () => null,

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/impl/components/ModalSearchField/ModalSearchField.tsx", "../../../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["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", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADmDX;AAlDZ,sBAAoB;AACpB,qBAAwC;AACxC,4BAA2B;AAE3B,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,wBAAS;AAAA,EACnB,UAAU,CAAC;AAAA,EACX,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,CAAC;AAC3B,MACE;AAAA,EAAC,gBAAAA;AAAA,EAAA;AAAA,IACC,YAAW;AAAA,IACX;AAAA,IACA,UAAU;AAAA,IACV,WAAU;AAAA,IACV;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,WAAW;AAAA,IACX,UAAU;AAAA,IACV;AAAA,IACA,MAAM;AAAA,IAEL,kBAAQ,SAAS,KAChB;AAAA,MAAC;AAAA;AAAA,QACC,UAAU;AAAA,QACV,mBAAmB;AAAA,QACnB,qBAAmB;AAAA,QACnB;AAAA,QACA,MAAM;AAAA,QAEL,kBAAQ,IAAI,CAAC,EAAE,OAAO,UAAU,SAAS,MAAM,eAAe,MAC7D,4CAAC,wBAAkB,WAAU,eAAc,OAAc,OAAO,UAC9D;AAAA,UAAC,sBAAAC;AAAA,UAAA;AAAA,YACC;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA,IAAI,yBAAyB;AAAA,YAC7B;AAAA,YACA;AAAA,YACA;AAAA;AAAA,QACF,KAVU,KAWZ,CACD;AAAA;AAAA,IACH;AAAA;AAEJ;AAGF,IAAO,2BAAQ;",
+  "sourcesContent": ["import React from 'react';\nimport DSModal from '@elliemae/ds-modal';\nimport { DSTabs, DSTab, TabTypes } from '@elliemae/ds-tabs';\nimport DataGridSearch from './DataGridSearch.js';\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", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADmDX;AAlDZ,sBAAoB;AACpB,qBAAwC;AACxC,4BAA2B;AAE3B,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,wBAAS;AAAA,EACnB,UAAU,CAAC;AAAA,EACX,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,CAAC;AAC3B,MACE;AAAA,EAAC,gBAAAA;AAAA,EAAA;AAAA,IACC,YAAW;AAAA,IACX;AAAA,IACA,UAAU;AAAA,IACV,WAAU;AAAA,IACV;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,WAAW;AAAA,IACX,UAAU;AAAA,IACV;AAAA,IACA,MAAM;AAAA,IAEL,kBAAQ,SAAS,KAChB;AAAA,MAAC;AAAA;AAAA,QACC,UAAU;AAAA,QACV,mBAAmB;AAAA,QACnB,qBAAmB;AAAA,QACnB;AAAA,QACA,MAAM;AAAA,QAEL,kBAAQ,IAAI,CAAC,EAAE,OAAO,UAAU,SAAS,MAAM,eAAe,MAC7D,4CAAC,wBAAkB,WAAU,eAAc,OAAc,OAAO,UAC9D;AAAA,UAAC,sBAAAC;AAAA,UAAA;AAAA,YACC;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA,IAAI,yBAAyB;AAAA,YAC7B;AAAA,YACA;AAAA,YACA;AAAA;AAAA,QACF,KAVU,KAWZ,CACD;AAAA;AAAA,IACH;AAAA;AAEJ;AAGF,IAAO,2BAAQ;",
   "names": ["DSModal", "DataGridSearch"]
 }

package/dist/cjs/index.js

@@ -18,6 +18,10 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
   isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
   mod
 ));
@@ -31,5 +35,5 @@ __export(src_exports, {
 });
 module.exports = __toCommonJS(src_exports);
 var React = __toESM(require("react"));
-var import_DSSearchField = __toESM(require("./DSSearchField"));
+var import_DSSearchField = __toESM(require("./DSSearchField.js"));
 //# sourceMappingURL=index.js.map

package/dist/cjs/index.js.map

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

package/dist/cjs/package.json

@@ -0,0 +1,7 @@
+{
+  "type": "commonjs",
+  "sideEffects": [
+    "*.css",
+    "*.scss"
+  ]
+}

package/dist/esm/DSSearchField.js

@@ -1,8 +1,8 @@
 import * as React from "react";
 import { jsx } from "react/jsx-runtime";
-import { describe, PropTypes } from "@elliemae/ds-utilities";
+import { describe, PropTypes } from "@elliemae/ds-props-helpers";
 import { TabTypes } from "@elliemae/ds-tabs";
-import DSSeachFieldImpl, { DSModalSearchField } from "./impl/DSSeachFieldImpl";
+import DSSeachFieldImpl, { DSModalSearchField } from "./impl/DSSeachFieldImpl.js";
 const DSSearchField = ({
   containerProps = {},
   onChange = () => null,
@@ -64,37 +64,66 @@ const DSSearchField = ({
   }
 );
 const props = {
+  /*
+    Enable the user to search on combobox
+  */
   searchable: PropTypes.bool.description("Enable the user to search on combobox"),
+  /** inject props to wrapper */
   containerProps: PropTypes.object.description("inject props to wrapper"),
+  /** change handler */
   onChange: PropTypes.func.description("change handler"),
+  /** search option label */
   searchOptionLabel: PropTypes.string.description("search option label"),
+  /** placeholder for search input */
   placeholder: PropTypes.string.description("placeholder for search input"),
+  /** search modal size */
   modalSize: PropTypes.oneOf(["x-large", "large", "medium"]).description("search modal size"),
+  /** search modal title */
   modalTitle: PropTypes.string.description("search modal title"),
+  /** animate modal tabs */
   tabsAnimated: PropTypes.bool.description("animate modal tabs"),
+  /** enable mouse event on tabs */
   tabsEnableMouseEvents: PropTypes.bool.description("enable mouse event on tabs"),
+  /** tab types on modal */
   tabType: PropTypes.oneOf([TabTypes.NORMAL, TabTypes.SUBTABS]).description("tab types on modal"),
+  /** data for modal tabs */
   tabData: PropTypes.array.description("data for modal tabs"),
+  /** use search grid */
   searchGrid: PropTypes.bool.description("use search grid"),
+  /** add search filters */
   searchFilters: PropTypes.bool.description("add search filters"),
+  /** confirm modal label */
   confirmLabel: PropTypes.string.description("confirm modal label"),
+  /** reject modal label */
   rejectLabel: PropTypes.string.description("reject modal label"),
+  /** modal type */
   modalType: PropTypes.oneOf(["alert", "confirm"]).description("modal type"),
+  /** on confirm handler */
   onConfirmField: PropTypes.func.description("on confirm handler"),
+  /** on cancel handler */
   onRejectField: PropTypes.func.description("on cancel handler"),
+  /** tab change handler */
   onTabChange: PropTypes.func.description("tab change handler"),
+  /** app element */
   appElement: PropTypes.string.description("app element"),
+  /** value for search */
   value: PropTypes.string.description("value for search"),
+  /** additional info */
   additionalInfo: PropTypes.object.description("additional info"),
+  /** display property */
   displayProperty: PropTypes.string.description("display property"),
+  /** options for dropdown */
   dropdownOptions: PropTypes.arrayOf(
     PropTypes.shape({
       label: PropTypes.string,
       value: PropTypes.string
     })
   ).description("options for dropdown"),
+  /** pass down props for datagrid in modal */
   customDataGridOptions: PropTypes.object.description("pass down props for datagrid in modal"),
+  /** custom props for dropdown */
   customDropdownOptions: PropTypes.object.description("custom props for dropdown"),
+  /** enable lookup */
   useLookupIndicator: PropTypes.bool.description("enable lookup")
 };
 DSSearchField.propTypes = props;

package/dist/esm/DSSearchField.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/DSSearchField.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { describe, PropTypes } from '@elliemae/ds-utilities';\nimport { TabTypes } from '@elliemae/ds-tabs';\nimport DSSeachFieldImpl, { DSModalSearchField } from './impl/DSSeachFieldImpl';\n\nconst DSSearchField = ({\n  containerProps = {},\n  onChange = () => null,\n  searchOptionLabel = 'Advanced Search',\n  placeholder = 'Select field',\n  modalSize = 'x-large',\n  modalTitle = 'Search Field ID',\n  tabsAnimated = true,\n  tabsEnableMouseEvents = true,\n  tabType = TabTypes.NORMAL,\n  tabData = [],\n  searchGrid = false,\n  searchFilters = true,\n  confirmLabel = 'Apply',\n  rejectLabel = 'Cancel',\n  modalType = 'confirm',\n  onConfirmField = () => null,\n  onRejectField = () => null,\n  onTabChange = () => null,\n  appElement = '#root',\n  value = null,\n  additionalInfo = null,\n  displayProperty = 'name',\n  dropdownOptions = [],\n  customDataGridOptions = {},\n  customDropdownOptions = {},\n  useLookupIndicator = true,\n  searchable = false,\n}) => (\n  <DSSeachFieldImpl\n    additionalInfo={additionalInfo}\n    appElement={appElement}\n    searchable={searchable}\n    confirmLabel={confirmLabel}\n    containerProps={containerProps}\n    customDataGridOptions={customDataGridOptions}\n    customDropdownOptions={customDropdownOptions}\n    displayProperty={displayProperty}\n    dropdownOptions={dropdownOptions}\n    modalSize={modalSize}\n    modalTitle={modalTitle}\n    modalType={modalType}\n    onChange={onChange}\n    onConfirmField={onConfirmField}\n    onRejectField={onRejectField}\n    onTabChange={onTabChange}\n    placeholder={placeholder}\n    rejectLabel={rejectLabel}\n    searchFilters={searchFilters}\n    searchGrid={searchGrid}\n    searchOptionLabel={searchOptionLabel}\n    tabData={tabData}\n    tabsAnimated={tabsAnimated}\n    tabsEnableMouseEvents={tabsEnableMouseEvents}\n    tabType={tabType}\n    useLookupIndicator={useLookupIndicator}\n    value={value}\n  />\n);\n\nconst props = {\n  /*\n    Enable the user to search on combobox\n  */\n  searchable: PropTypes.bool.description('Enable the user to search on combobox'),\n  /** inject props to wrapper */\n  containerProps: PropTypes.object.description('inject props to wrapper'),\n  /** change handler */\n  onChange: PropTypes.func.description('change handler'),\n  /** search option label */\n  searchOptionLabel: PropTypes.string.description('search option label'),\n  /** placeholder for search input */\n  placeholder: PropTypes.string.description('placeholder for search input'),\n  /** search modal size */\n  modalSize: PropTypes.oneOf(['x-large', 'large', 'medium']).description('search modal size'),\n  /** search modal title */\n  modalTitle: PropTypes.string.description('search modal title'),\n  /** animate modal tabs */\n  tabsAnimated: PropTypes.bool.description('animate modal tabs'),\n  /** enable mouse event on tabs */\n  tabsEnableMouseEvents: PropTypes.bool.description('enable mouse event on tabs'),\n  /** tab types on modal */\n  tabType: PropTypes.oneOf([TabTypes.NORMAL, TabTypes.SUBTABS]).description('tab types on modal'),\n  /** data for modal tabs */\n  tabData: PropTypes.array.description('data for modal tabs'),\n  /** use search grid */\n  searchGrid: PropTypes.bool.description('use search grid'),\n  /** add search filters */\n  searchFilters: PropTypes.bool.description('add search filters'),\n  /** confirm modal label */\n  confirmLabel: PropTypes.string.description('confirm modal label'),\n  /** reject modal label */\n  rejectLabel: PropTypes.string.description('reject modal label'),\n  /** modal type */\n  modalType: PropTypes.oneOf(['alert', 'confirm']).description('modal type'),\n  /** on confirm handler */\n  onConfirmField: PropTypes.func.description('on confirm handler'),\n  /** on cancel handler */\n  onRejectField: PropTypes.func.description('on cancel handler'),\n  /** tab change handler */\n  onTabChange: PropTypes.func.description('tab change handler'),\n  /** app element */\n  appElement: PropTypes.string.description('app element'),\n  /** value for search */\n  value: PropTypes.string.description('value for search'),\n  /** additional info */\n  additionalInfo: PropTypes.object.description('additional info'),\n  /** display property */\n  displayProperty: PropTypes.string.description('display property'),\n  /** options for dropdown */\n  dropdownOptions: PropTypes.arrayOf(\n    PropTypes.shape({\n      label: PropTypes.string,\n      value: PropTypes.string,\n    }),\n  ).description('options for dropdown'),\n  /** pass down props for datagrid in modal */\n  customDataGridOptions: PropTypes.object.description('pass down props for datagrid in modal'),\n  /** custom props for dropdown */\n  customDropdownOptions: PropTypes.object.description('custom props for dropdown'),\n  /** enable lookup */\n  useLookupIndicator: PropTypes.bool.description('enable lookup'),\n};\n\nDSSearchField.propTypes = props;\nDSSearchField.displayName = 'DSSearchField';\nconst DSSearchFieldWithSchema = describe(DSSearchField);\nDSSearchFieldWithSchema.propTypes = props;\n\nexport { DSSearchField, DSModalSearchField, DSSearchFieldWithSchema };\nexport default DSSearchField;\n"],
-  "mappings": "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",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { describe, PropTypes } from '@elliemae/ds-props-helpers';\nimport { TabTypes } from '@elliemae/ds-tabs';\nimport DSSeachFieldImpl, { DSModalSearchField } from './impl/DSSeachFieldImpl.js';\n\nconst DSSearchField = ({\n  containerProps = {},\n  onChange = () => null,\n  searchOptionLabel = 'Advanced Search',\n  placeholder = 'Select field',\n  modalSize = 'x-large',\n  modalTitle = 'Search Field ID',\n  tabsAnimated = true,\n  tabsEnableMouseEvents = true,\n  tabType = TabTypes.NORMAL,\n  tabData = [],\n  searchGrid = false,\n  searchFilters = true,\n  confirmLabel = 'Apply',\n  rejectLabel = 'Cancel',\n  modalType = 'confirm',\n  onConfirmField = () => null,\n  onRejectField = () => null,\n  onTabChange = () => null,\n  appElement = '#root',\n  value = null,\n  additionalInfo = null,\n  displayProperty = 'name',\n  dropdownOptions = [],\n  customDataGridOptions = {},\n  customDropdownOptions = {},\n  useLookupIndicator = true,\n  searchable = false,\n}) => (\n  <DSSeachFieldImpl\n    additionalInfo={additionalInfo}\n    appElement={appElement}\n    searchable={searchable}\n    confirmLabel={confirmLabel}\n    containerProps={containerProps}\n    customDataGridOptions={customDataGridOptions}\n    customDropdownOptions={customDropdownOptions}\n    displayProperty={displayProperty}\n    dropdownOptions={dropdownOptions}\n    modalSize={modalSize}\n    modalTitle={modalTitle}\n    modalType={modalType}\n    onChange={onChange}\n    onConfirmField={onConfirmField}\n    onRejectField={onRejectField}\n    onTabChange={onTabChange}\n    placeholder={placeholder}\n    rejectLabel={rejectLabel}\n    searchFilters={searchFilters}\n    searchGrid={searchGrid}\n    searchOptionLabel={searchOptionLabel}\n    tabData={tabData}\n    tabsAnimated={tabsAnimated}\n    tabsEnableMouseEvents={tabsEnableMouseEvents}\n    tabType={tabType}\n    useLookupIndicator={useLookupIndicator}\n    value={value}\n  />\n);\n\nconst props = {\n  /*\n    Enable the user to search on combobox\n  */\n  searchable: PropTypes.bool.description('Enable the user to search on combobox'),\n  /** inject props to wrapper */\n  containerProps: PropTypes.object.description('inject props to wrapper'),\n  /** change handler */\n  onChange: PropTypes.func.description('change handler'),\n  /** search option label */\n  searchOptionLabel: PropTypes.string.description('search option label'),\n  /** placeholder for search input */\n  placeholder: PropTypes.string.description('placeholder for search input'),\n  /** search modal size */\n  modalSize: PropTypes.oneOf(['x-large', 'large', 'medium']).description('search modal size'),\n  /** search modal title */\n  modalTitle: PropTypes.string.description('search modal title'),\n  /** animate modal tabs */\n  tabsAnimated: PropTypes.bool.description('animate modal tabs'),\n  /** enable mouse event on tabs */\n  tabsEnableMouseEvents: PropTypes.bool.description('enable mouse event on tabs'),\n  /** tab types on modal */\n  tabType: PropTypes.oneOf([TabTypes.NORMAL, TabTypes.SUBTABS]).description('tab types on modal'),\n  /** data for modal tabs */\n  tabData: PropTypes.array.description('data for modal tabs'),\n  /** use search grid */\n  searchGrid: PropTypes.bool.description('use search grid'),\n  /** add search filters */\n  searchFilters: PropTypes.bool.description('add search filters'),\n  /** confirm modal label */\n  confirmLabel: PropTypes.string.description('confirm modal label'),\n  /** reject modal label */\n  rejectLabel: PropTypes.string.description('reject modal label'),\n  /** modal type */\n  modalType: PropTypes.oneOf(['alert', 'confirm']).description('modal type'),\n  /** on confirm handler */\n  onConfirmField: PropTypes.func.description('on confirm handler'),\n  /** on cancel handler */\n  onRejectField: PropTypes.func.description('on cancel handler'),\n  /** tab change handler */\n  onTabChange: PropTypes.func.description('tab change handler'),\n  /** app element */\n  appElement: PropTypes.string.description('app element'),\n  /** value for search */\n  value: PropTypes.string.description('value for search'),\n  /** additional info */\n  additionalInfo: PropTypes.object.description('additional info'),\n  /** display property */\n  displayProperty: PropTypes.string.description('display property'),\n  /** options for dropdown */\n  dropdownOptions: PropTypes.arrayOf(\n    PropTypes.shape({\n      label: PropTypes.string,\n      value: PropTypes.string,\n    }),\n  ).description('options for dropdown'),\n  /** pass down props for datagrid in modal */\n  customDataGridOptions: PropTypes.object.description('pass down props for datagrid in modal'),\n  /** custom props for dropdown */\n  customDropdownOptions: PropTypes.object.description('custom props for dropdown'),\n  /** enable lookup */\n  useLookupIndicator: PropTypes.bool.description('enable lookup'),\n};\n\nDSSearchField.propTypes = props;\nDSSearchField.displayName = 'DSSearchField';\nconst DSSearchFieldWithSchema = describe(DSSearchField);\nDSSearchFieldWithSchema.propTypes = props;\n\nexport { DSSearchField, DSModalSearchField, DSSearchFieldWithSchema };\nexport default DSSearchField;\n"],
+  "mappings": "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",
   "names": []
 }

package/dist/esm/impl/DSSeachFieldImpl.js

@@ -4,9 +4,9 @@ import { Component } from "react";
 import { components } from "react-select";
 import { convertPropToCssClassName } from "@elliemae/ds-classnames";
 import { DSComboBox2 } from "@elliemae/ds-form";
-import DSModalSearchField from "./components/ModalSearchField/ModalSearchField";
-import AdvanceSearchOption from "./components/AdvanceSearchOption/AdvanceSearchOption";
-import LookupIndicator from "./components/LookupIndicator/LookupIndicator";
+import DSModalSearchField from "./components/ModalSearchField/ModalSearchField.js";
+import AdvanceSearchOption from "./components/AdvanceSearchOption/AdvanceSearchOption.js";
+import LookupIndicator from "./components/LookupIndicator/LookupIndicator.js";
 const advanceOption = {
   className: "advanced-search-option",
   label: "Advanced search",

package/dist/esm/impl/DSSeachFieldImpl.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/impl/DSSeachFieldImpl.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable max-lines */\n/* eslint-disable react/prop-types */\nimport React, { Component } from 'react';\nimport { components } from 'react-select';\nimport { convertPropToCssClassName } from '@elliemae/ds-classnames';\nimport { DSComboBox2 } from '@elliemae/ds-form';\n\nimport DSModalSearchField from './components/ModalSearchField/ModalSearchField';\nimport AdvanceSearchOption from './components/AdvanceSearchOption/AdvanceSearchOption';\nimport LookupIndicator from './components/LookupIndicator/LookupIndicator';\n\nconst advanceOption = {\n  className: 'advanced-search-option',\n  label: 'Advanced search',\n  value: 'search-field-advance-option',\n  isAdvance: true,\n};\nconst { cssClassName, classNameElement, classNameModifier, classNameBlock } = convertPropToCssClassName(\n  'query-builder-addon-search-field',\n);\n\nclass DSSearchFieldImpl extends Component {\n  constructor(props) {\n    super(props);\n    advanceOption.label = props.searchOptionLabel;\n    this.state = {\n      openModal: false,\n      selected: null,\n      additionalInfo: [],\n    };\n  }\n\n  onChange = () => {\n    const {\n      selected: id,\n      additionalInfo: [row],\n    } = this.state;\n    const { onChange } = this.props;\n    onChange(id, row);\n  };\n\n  onChangeDropdown = (value) => {\n    const { dropdownOptions } = this.props;\n    const selected = dropdownOptions.find((op) => op.value === value);\n    const { onChange, displayProperty } = this.props;\n    if (selected) onChange(value, { [displayProperty]: selected.label });\n  };\n\n  onKeyDown = (event) => {\n    setTimeout(() => {\n      const { keycode } = event;\n      const { value } = this.props;\n      if (value && keycode === 13) this.handleCloseModal();\n    }, 0);\n  };\n\n  handleSelect = (selectedRow, rows) => {\n    let selected = selectedRow;\n    // fix new datagrid callback format\n    if (!selected) return;\n    if (selected.id) selected = selected.id;\n    else if (selected[0] && selected[0].id) selected = selected[0].id;\n    const additionalInfo = rows.filter((row) => selected === row.id);\n    this.setState({ selected, additionalInfo });\n  };\n\n  handleConfirm = () => {\n    const { onConfirmField } = this.props;\n    this.onChange();\n    this.handleCloseModal();\n    onConfirmField();\n  };\n\n  handleReject = () => {\n    const { onRejectField } = this.props;\n    this.handleCloseModal();\n    onRejectField();\n  };\n\n  handleOpenModal = () => {\n    this.setState({ openModal: true });\n  };\n\n  handleCloseModal = () =>\n    this.setState({\n      openModal: false,\n      selected: [],\n      additionalInfo: [],\n    });\n\n  render() {\n    const {\n      placeholder,\n      modalTitle,\n      modalSize,\n      tabsAnimated,\n      tabsEnableMouseEvents,\n      tabType,\n      tabData,\n      searchFilters,\n      searchGrid,\n      confirmLabel,\n      rejectLabel,\n      modalType,\n      appElement,\n      value,\n      additionalInfo,\n      displayProperty,\n      dropdownOptions,\n      searchOptionLabel,\n      customDataGridOptions,\n      customDropdownOptions,\n      useLookupIndicator,\n      onTabChange,\n      containerProps,\n      searchable,\n    } = this.props;\n    const { openModal } = this.state;\n\n    let options = [...dropdownOptions, advanceOption];\n    let displayValue = !value ? placeholder : value;\n    if (additionalInfo && additionalInfo[displayProperty]) displayValue = additionalInfo[displayProperty];\n\n    const defaultoption = { value, label: displayValue };\n\n    const customComponents = {\n      Option: (props) => {\n        // return <AdvanceSearchOption onAdvanceSearchClick={this.handleOpenModal} />\n        props.innerProps.className = 'em-ds-combobox__option';\n        if (props.data.isAdvance) {\n          props.innerProps.onClick = this.handleOpenModal;\n          props.innerProps.className = `${props.innerProps.className} ${advanceOption.className}`;\n        }\n        return <components.Option {...props} />;\n      },\n      IndicatorSeparator: () => null,\n      NoOptionsMessage: (props) => (\n        <AdvanceSearchOption\n          advanceSearchLabel={searchOptionLabel}\n          onAdvanceSearchClick={this.handleOpenModal}\n          {...props}\n        />\n      ),\n    };\n    if (useLookupIndicator) {\n      customComponents.DropdownIndicator = function () {\n        return null;\n      };\n    }\n\n    if (!options.find((o) => o.value === defaultoption.value)) {\n      options = [defaultoption, ...options];\n    }\n    return (\n      <div {...containerProps} className={`${cssClassName}`}>\n        <div className={`${classNameBlock('container-selector')}`}>\n          <DSComboBox2\n            className={`${classNameElement('dropdown-field-selector')}`}\n            components={customComponents}\n            onChange={this.onChangeDropdown}\n            onKeyDown={this.onKeyDown}\n            options={options}\n            value={value}\n            searchable={searchable}\n            {...customDropdownOptions}\n          />\n          {useLookupIndicator && (\n            <LookupIndicator\n              buttonType=\"text\"\n              className={`${classNameElement('btn-selector')} ${\n                !value ? classNameModifier('btn-placeholder', 'btn-selector') : ''\n              }`}\n              onAdvanceSearchClick={this.handleOpenModal}\n            />\n          )}\n        </div>\n        <DSModalSearchField\n          appElement={appElement}\n          confirmLabel={confirmLabel}\n          customDataGridOptions={customDataGridOptions}\n          handleSelect={this.handleSelect}\n          isOpen={openModal}\n          modalSize={modalSize}\n          modalTitle={modalTitle}\n          modalType={modalType}\n          onClose={this.handleCloseModal}\n          onConfirmField={this.handleConfirm}\n          onRejectField={this.handleReject}\n          onTabChange={onTabChange}\n          placeholder={placeholder}\n          rejectLabel={rejectLabel}\n          searchFilters={searchFilters}\n          searchGrid={searchGrid}\n          tabData={tabData}\n          tabsAnimated={tabsAnimated}\n          tabsEnableMouseEvents={tabsEnableMouseEvents}\n          tabType={tabType}\n        />\n      </div>\n    );\n  }\n}\n\nexport { DSModalSearchField };\nexport default DSSearchFieldImpl;\n"],
-  "mappings": "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",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable max-lines */\n/* eslint-disable react/prop-types */\nimport React, { Component } from 'react';\nimport { components } from 'react-select';\nimport { convertPropToCssClassName } from '@elliemae/ds-classnames';\nimport { DSComboBox2 } from '@elliemae/ds-form';\nimport DSModalSearchField from './components/ModalSearchField/ModalSearchField.js';\nimport AdvanceSearchOption from './components/AdvanceSearchOption/AdvanceSearchOption.js';\nimport LookupIndicator from './components/LookupIndicator/LookupIndicator.js';\n\nconst advanceOption = {\n  className: 'advanced-search-option',\n  label: 'Advanced search',\n  value: 'search-field-advance-option',\n  isAdvance: true,\n};\nconst { cssClassName, classNameElement, classNameModifier, classNameBlock } = convertPropToCssClassName(\n  'query-builder-addon-search-field',\n);\n\nclass DSSearchFieldImpl extends Component {\n  constructor(props) {\n    super(props);\n    advanceOption.label = props.searchOptionLabel;\n    this.state = {\n      openModal: false,\n      selected: null,\n      additionalInfo: [],\n    };\n  }\n\n  onChange = () => {\n    const {\n      selected: id,\n      additionalInfo: [row],\n    } = this.state;\n    const { onChange } = this.props;\n    onChange(id, row);\n  };\n\n  onChangeDropdown = (value) => {\n    const { dropdownOptions } = this.props;\n    const selected = dropdownOptions.find((op) => op.value === value);\n    const { onChange, displayProperty } = this.props;\n    if (selected) onChange(value, { [displayProperty]: selected.label });\n  };\n\n  onKeyDown = (event) => {\n    setTimeout(() => {\n      const { keycode } = event;\n      const { value } = this.props;\n      if (value && keycode === 13) this.handleCloseModal();\n    }, 0);\n  };\n\n  handleSelect = (selectedRow, rows) => {\n    let selected = selectedRow;\n    // fix new datagrid callback format\n    if (!selected) return;\n    if (selected.id) selected = selected.id;\n    else if (selected[0] && selected[0].id) selected = selected[0].id;\n    const additionalInfo = rows.filter((row) => selected === row.id);\n    this.setState({ selected, additionalInfo });\n  };\n\n  handleConfirm = () => {\n    const { onConfirmField } = this.props;\n    this.onChange();\n    this.handleCloseModal();\n    onConfirmField();\n  };\n\n  handleReject = () => {\n    const { onRejectField } = this.props;\n    this.handleCloseModal();\n    onRejectField();\n  };\n\n  handleOpenModal = () => {\n    this.setState({ openModal: true });\n  };\n\n  handleCloseModal = () =>\n    this.setState({\n      openModal: false,\n      selected: [],\n      additionalInfo: [],\n    });\n\n  render() {\n    const {\n      placeholder,\n      modalTitle,\n      modalSize,\n      tabsAnimated,\n      tabsEnableMouseEvents,\n      tabType,\n      tabData,\n      searchFilters,\n      searchGrid,\n      confirmLabel,\n      rejectLabel,\n      modalType,\n      appElement,\n      value,\n      additionalInfo,\n      displayProperty,\n      dropdownOptions,\n      searchOptionLabel,\n      customDataGridOptions,\n      customDropdownOptions,\n      useLookupIndicator,\n      onTabChange,\n      containerProps,\n      searchable,\n    } = this.props;\n    const { openModal } = this.state;\n\n    let options = [...dropdownOptions, advanceOption];\n    let displayValue = !value ? placeholder : value;\n    if (additionalInfo && additionalInfo[displayProperty]) displayValue = additionalInfo[displayProperty];\n\n    const defaultoption = { value, label: displayValue };\n\n    const customComponents = {\n      Option: (props) => {\n        // return <AdvanceSearchOption onAdvanceSearchClick={this.handleOpenModal} />\n        props.innerProps.className = 'em-ds-combobox__option';\n        if (props.data.isAdvance) {\n          props.innerProps.onClick = this.handleOpenModal;\n          props.innerProps.className = `${props.innerProps.className} ${advanceOption.className}`;\n        }\n        return <components.Option {...props} />;\n      },\n      IndicatorSeparator: () => null,\n      NoOptionsMessage: (props) => (\n        <AdvanceSearchOption\n          advanceSearchLabel={searchOptionLabel}\n          onAdvanceSearchClick={this.handleOpenModal}\n          {...props}\n        />\n      ),\n    };\n    if (useLookupIndicator) {\n      customComponents.DropdownIndicator = function () {\n        return null;\n      };\n    }\n\n    if (!options.find((o) => o.value === defaultoption.value)) {\n      options = [defaultoption, ...options];\n    }\n    return (\n      <div {...containerProps} className={`${cssClassName}`}>\n        <div className={`${classNameBlock('container-selector')}`}>\n          <DSComboBox2\n            className={`${classNameElement('dropdown-field-selector')}`}\n            components={customComponents}\n            onChange={this.onChangeDropdown}\n            onKeyDown={this.onKeyDown}\n            options={options}\n            value={value}\n            searchable={searchable}\n            {...customDropdownOptions}\n          />\n          {useLookupIndicator && (\n            <LookupIndicator\n              buttonType=\"text\"\n              className={`${classNameElement('btn-selector')} ${\n                !value ? classNameModifier('btn-placeholder', 'btn-selector') : ''\n              }`}\n              onAdvanceSearchClick={this.handleOpenModal}\n            />\n          )}\n        </div>\n        <DSModalSearchField\n          appElement={appElement}\n          confirmLabel={confirmLabel}\n          customDataGridOptions={customDataGridOptions}\n          handleSelect={this.handleSelect}\n          isOpen={openModal}\n          modalSize={modalSize}\n          modalTitle={modalTitle}\n          modalType={modalType}\n          onClose={this.handleCloseModal}\n          onConfirmField={this.handleConfirm}\n          onRejectField={this.handleReject}\n          onTabChange={onTabChange}\n          placeholder={placeholder}\n          rejectLabel={rejectLabel}\n          searchFilters={searchFilters}\n          searchGrid={searchGrid}\n          tabData={tabData}\n          tabsAnimated={tabsAnimated}\n          tabsEnableMouseEvents={tabsEnableMouseEvents}\n          tabType={tabType}\n        />\n      </div>\n    );\n  }\n}\n\nexport { DSModalSearchField };\nexport default DSSearchFieldImpl;\n"],
+  "mappings": "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",
   "names": []
 }

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

@@ -2,6 +2,6 @@
   "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,YAAY,WAAW;ACoDjB,mBAGM,KAHN;AApDN,SAAgB,iBAAiB;AACjC,OAAO,aAAa,oBAAoB;AACxC,SAAS,mBAAmB;AAC5B,SAAS,kBAAkB;AAC3B,SAAS,WAAW;AAEpB,MAAO,uBAAqC,UAAU;AAAA,EACpD,YAAY,OAAO;AACjB,UAAM,KAAK;AAMb,wBAAe,IAAI,SAAS;AAC1B,YAAM,EAAE,sBAAsB,IAAI,KAAK;AACvC,YAAM,EAAE,UAAU,MAAM,IAAI,KAAK;AACjC,YAAM,EAAE,QAAQ,IAAI,KAAK;AACzB,WAAK,SAAS;AAAA,QACZ,SAAS;AAAA,UACP,GAAG;AAAA,UACH;AAAA,YACE,OAAO;AAAA,YACP,OAAO;AAAA,YACP;AAAA,YACA,IAAI,IAAI,EAAE;AAAA,UACZ;AAAA,QACF;AAAA,MACF,CAAC;AACD,UAAI,sBAAsB;AAAiB,8BAAsB,gBAAgB,GAAG,IAAI;AAAA,IAC1F;AAEA,+BAAsB,CAAC,gBAAgB;AACrC,YAAM,EAAE,sBAAsB,IAAI,KAAK;AACvC,WAAK,SAAS,EAAE,SAAS,YAAY,CAAC;AACtC,UAAI,sBAAsB;AAAiB,8BAAsB,gBAAgB,WAAW;AAAA,IAC9F;AA3BE,SAAK,QAAQ;AAAA,MACX,SAAS,MAAM,WAAW,CAAC;AAAA,IAC7B;AAAA,EACF;AAAA,EA0BA,SAAS;AACP,UAAM;AAAA,MACJ;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,aAAa;AAAA,MACb;AAAA,MACA;AAAA,IACF,IAAI,KAAK;AACT,UAAM,EAAE,oBAAoB,0BAA0B,IAAI;AAC1D,UAAM,EAAE,QAAQ,IAAI,KAAK;AACzB,WACE,iCACE;AAAA,0BAAC,aAAU,WAAW,OACpB,8BAAC,gBACC,8BAAC,eAAY,eAAa,MAAC,UAAU,KAAK,cAAc,aAAY,cAAa,GACnF,GACF;AAAA,MACA,oBAAC,SAAI,WAAU,wBACb;AAAA,QAAC;AAAA;AAAA,UACC;AAAA,UACA;AAAA,UACA,aAAW;AAAA,UACX,SAAS;AAAA,UACT;AAAA,UACA,iBAAiB,KAAK;AAAA,UACtB,aAAa,CAAC,UAAU,aAAa,OAAO,IAAI;AAAA,UAChD;AAAA,UACA;AAAA,UACA;AAAA,UACA,YAAU;AAAA,UACT,GAAG;AAAA;AAAA,MACN,GACF;AAAA,OACF;AAAA,EAEJ;AACF;",
+  "mappings": "AAAA,YAAY,WAAW;ACoDjB,mBAGM,KAHN;AApDN,SAAgB,iBAAiB;AACjC,OAAO,aAAa,oBAAoB;AACxC,SAAS,mBAAmB;AAC5B,SAAS,kBAAkB;AAC3B,SAAS,WAAW;AAEpB,MAAO,uBAAqC,UAAU;AAAA,EACpD,YAAY,OAAO;AACjB,UAAM,KAAK;AAMb,wBAAe,IAAI,SAAS;AAC1B,YAAM,EAAE,sBAAsB,IAAI,KAAK;AACvC,YAAM,EAAE,UAAU,MAAM,IAAI,KAAK,CAAC;AAClC,YAAM,EAAE,QAAQ,IAAI,KAAK;AACzB,WAAK,SAAS;AAAA,QACZ,SAAS;AAAA,UACP,GAAG;AAAA,UACH;AAAA,YACE,OAAO;AAAA,YACP,OAAO;AAAA,YACP;AAAA,YACA,IAAI,IAAI,EAAE;AAAA,UACZ;AAAA,QACF;AAAA,MACF,CAAC;AACD,UAAI,sBAAsB;AAAiB,8BAAsB,gBAAgB,GAAG,IAAI;AAAA,IAC1F;AAEA,+BAAsB,CAAC,gBAAgB;AACrC,YAAM,EAAE,sBAAsB,IAAI,KAAK;AACvC,WAAK,SAAS,EAAE,SAAS,YAAY,CAAC;AACtC,UAAI,sBAAsB;AAAiB,8BAAsB,gBAAgB,WAAW;AAAA,IAC9F;AA3BE,SAAK,QAAQ;AAAA,MACX,SAAS,MAAM,WAAW,CAAC;AAAA,IAC7B;AAAA,EACF;AAAA,EA0BA,SAAS;AACP,UAAM;AAAA,MACJ;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,aAAa;AAAA,MACb;AAAA,MACA;AAAA,IACF,IAAI,KAAK;AACT,UAAM,EAAE,iBAAiB,GAAG,0BAA0B,IAAI;AAC1D,UAAM,EAAE,QAAQ,IAAI,KAAK;AACzB,WACE,iCACE;AAAA,0BAAC,aAAU,WAAW,OACpB,8BAAC,gBACC,8BAAC,eAAY,eAAa,MAAC,UAAU,KAAK,cAAc,aAAY,cAAa,GACnF,GACF;AAAA,MACA,oBAAC,SAAI,WAAU,wBACb;AAAA,QAAC;AAAA;AAAA,UACC;AAAA,UACA;AAAA,UACA,aAAW;AAAA,UACX,SAAS;AAAA,UACT;AAAA,UACA,iBAAiB,KAAK;AAAA,UACtB,aAAa,CAAC,UAAU,aAAa,OAAO,IAAI;AAAA,UAChD;AAAA,UACA;AAAA,UACA;AAAA,UACA,YAAU;AAAA,UACT,GAAG;AAAA;AAAA,MACN,GACF;AAAA,OACF;AAAA,EAEJ;AACF;",
   "names": []
 }

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

@@ -2,7 +2,7 @@ import * as React from "react";
 import { jsx } from "react/jsx-runtime";
 import DSModal from "@elliemae/ds-modal";
 import { DSTabs, DSTab, TabTypes } from "@elliemae/ds-tabs";
-import DataGridSearch from "./DataGridSearch";
+import DataGridSearch from "./DataGridSearch.js";
 const ModalSearchField = ({
   isOpen = false,
   onClose = () => null,

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

@@ -1,7 +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"],
+  "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.js';\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,YAAY,WAAW;ACmDX;AAlDZ,OAAO,aAAa;AACpB,SAAS,QAAQ,OAAO,gBAAgB;AACxC,OAAO,oBAAoB;AAE3B,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,CAAC;AAAA,EACX,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,CAAC;AAC3B,MACE;AAAA,EAAC;AAAA;AAAA,IACC,YAAW;AAAA,IACX;AAAA,IACA,UAAU;AAAA,IACV,WAAU;AAAA,IACV;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,WAAW;AAAA,IACX,UAAU;AAAA,IACV;AAAA,IACA,MAAM;AAAA,IAEL,kBAAQ,SAAS,KAChB;AAAA,MAAC;AAAA;AAAA,QACC,UAAU;AAAA,QACV,mBAAmB;AAAA,QACnB,qBAAmB;AAAA,QACnB;AAAA,QACA,MAAM;AAAA,QAEL,kBAAQ,IAAI,CAAC,EAAE,OAAO,UAAU,SAAS,MAAM,eAAe,MAC7D,oBAAC,SAAkB,WAAU,eAAc,OAAc,OAAO,UAC9D;AAAA,UAAC;AAAA;AAAA,YACC;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA,IAAI,yBAAyB;AAAA,YAC7B;AAAA,YACA;AAAA,YACA;AAAA;AAAA,QACF,KAVU,KAWZ,CACD;AAAA;AAAA,IACH;AAAA;AAEJ;AAGF,IAAO,2BAAQ;",
   "names": []
 }

package/dist/esm/index.js

@@ -1,5 +1,5 @@
 import * as React from "react";
-import { default as default2, DSSearchField, DSModalSearchField, DSSearchFieldWithSchema } from "./DSSearchField";
+import { default as default2, DSSearchField, DSModalSearchField, DSSearchFieldWithSchema } from "./DSSearchField.js";
 export {
   DSModalSearchField,
   DSSearchField,

package/dist/esm/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/index.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export { default, DSSearchField, DSModalSearchField, DSSearchFieldWithSchema } from './DSSearchField';\n"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export { default, DSSearchField, DSModalSearchField, DSSearchFieldWithSchema } from './DSSearchField.js';\n"],
   "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,WAAAA,UAAS,eAAe,oBAAoB,+BAA+B;",
   "names": ["default"]
 }

package/dist/esm/package.json

@@ -0,0 +1,7 @@
+{
+  "type": "module",
+  "sideEffects": [
+    "*.css",
+    "*.scss"
+  ]
+}

package/dist/types/DSSearchField.d.ts

@@ -1,4 +1,5 @@
-import { DSModalSearchField } from './impl/DSSeachFieldImpl';
+/// <reference types="react" />
+import { DSModalSearchField } from './impl/DSSeachFieldImpl.js';
 declare const DSSearchField: {
     ({ containerProps, onChange, searchOptionLabel, placeholder, modalSize, modalTitle, tabsAnimated, tabsEnableMouseEvents, tabType, tabData, searchGrid, searchFilters, confirmLabel, rejectLabel, modalType, onConfirmField, onRejectField, onTabChange, appElement, value, additionalInfo, displayProperty, dropdownOptions, customDataGridOptions, customDropdownOptions, useLookupIndicator, searchable, }: {
         containerProps?: {} | undefined;
@@ -30,63 +31,63 @@ declare const DSSearchField: {
         searchable?: boolean | undefined;
     }): JSX.Element;
     propTypes: {
-        searchable: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+        searchable: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
         /** inject props to wrapper */
-        containerProps: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+        containerProps: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
         /** change handler */
-        onChange: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+        onChange: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
         /** search option label */
-        searchOptionLabel: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+        searchOptionLabel: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
         /** placeholder for search input */
-        placeholder: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+        placeholder: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
         /** search modal size */
-        modalSize: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+        modalSize: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
         /** search modal title */
-        modalTitle: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+        modalTitle: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
         /** animate modal tabs */
-        tabsAnimated: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+        tabsAnimated: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
         /** enable mouse event on tabs */
-        tabsEnableMouseEvents: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+        tabsEnableMouseEvents: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
         /** tab types on modal */
-        tabType: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+        tabType: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
         /** data for modal tabs */
-        tabData: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+        tabData: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
         /** use search grid */
-        searchGrid: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+        searchGrid: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
         /** add search filters */
-        searchFilters: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+        searchFilters: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
         /** confirm modal label */
-        confirmLabel: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+        confirmLabel: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
         /** reject modal label */
-        rejectLabel: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+        rejectLabel: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
         /** modal type */
-        modalType: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+        modalType: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
         /** on confirm handler */
-        onConfirmField: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+        onConfirmField: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
         /** on cancel handler */
-        onRejectField: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+        onRejectField: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
         /** tab change handler */
-        onTabChange: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+        onTabChange: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
         /** app element */
-        appElement: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+        appElement: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
         /** value for search */
-        value: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+        value: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
         /** additional info */
-        additionalInfo: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+        additionalInfo: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
         /** display property */
-        displayProperty: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+        displayProperty: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
         /** options for dropdown */
-        dropdownOptions: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+        dropdownOptions: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
         /** pass down props for datagrid in modal */
-        customDataGridOptions: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+        customDataGridOptions: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
         /** custom props for dropdown */
-        customDropdownOptions: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+        customDropdownOptions: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
         /** enable lookup */
-        useLookupIndicator: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+        useLookupIndicator: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
     };
     displayName: string;
 };
-declare const DSSearchFieldWithSchema: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").DocumentedReactComponent<{
+declare const DSSearchFieldWithSchema: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").DocumentedReactComponent<{
     containerProps?: {} | undefined;
     onChange?: (() => null) | undefined;
     searchOptionLabel?: string | undefined;

package/dist/types/impl/DSSeachFieldImpl.d.ts

@@ -1,5 +1,5 @@
 import { Component } from 'react';
-import DSModalSearchField from './components/ModalSearchField/ModalSearchField';
+import DSModalSearchField from './components/ModalSearchField/ModalSearchField.js';
 declare class DSSearchFieldImpl extends Component {
     constructor(props: any);
     onChange: () => void;

package/dist/types/impl/components/AdvanceSearchOption/AdvanceSearchOption.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 declare const AdvanceSearchOption: ({ advanceSearchLabel, onAdvanceSearchClick }: {
     advanceSearchLabel?: string | undefined;
     onAdvanceSearchClick?: (() => null) | undefined;

package/dist/types/impl/components/LookupIndicator/LookupIndicator.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 declare const LookupIndicator: ({ onAdvanceSearchClick, className }: {
     onAdvanceSearchClick?: (() => null) | undefined;
     className?: string | undefined;

package/dist/types/impl/components/ModalSearchField/ModalSearchField.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 declare const ModalSearchField: ({ isOpen, onClose, modalTitle, modalSize, tabsAnimated, tabsEnableMouseEvents, tabType, tabData, searchFilters, searchGrid, confirmLabel, rejectLabel, modalType, onConfirmField, onRejectField, handleSelect, onTabChange, appElement, customDataGridOptions, }: {
     isOpen?: boolean | undefined;
     onClose?: (() => null) | undefined;

package/dist/types/index.d.ts

@@ -1 +1 @@
-export { default, DSSearchField, DSModalSearchField, DSSearchFieldWithSchema } from './DSSearchField';
+export { default, DSSearchField, DSModalSearchField, DSSearchFieldWithSchema } from './DSSearchField.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/ds-search-field",
-  "version": "3.16.0-next.2",
+  "version": "3.16.0-next.21",
   "license": "MIT",
   "description": "ICE MT - Dimsum - Search Field",
   "files": [
@@ -60,16 +60,17 @@
   },
   "dependencies": {
     "react-select": "~4.3.1",
-    "uid": "~2.0.0",
-    "@elliemae/ds-button": "3.16.0-next.2",
-    "@elliemae/ds-datagrids": "3.16.0-next.2",
-    "@elliemae/ds-classnames": "3.16.0-next.2",
-    "@elliemae/ds-form": "3.16.0-next.2",
-    "@elliemae/ds-tabs": "3.16.0-next.2",
-    "@elliemae/ds-icons": "3.16.0-next.2",
-    "@elliemae/ds-modal": "3.16.0-next.2",
-    "@elliemae/ds-utilities": "3.16.0-next.2",
-    "@elliemae/ds-toolbar": "3.16.0-next.2"
+    "uid": "~2.0.1",
+    "@elliemae/ds-button": "3.16.0-next.21",
+    "@elliemae/ds-classnames": "3.16.0-next.21",
+    "@elliemae/ds-form": "3.16.0-next.21",
+    "@elliemae/ds-datagrids": "3.16.0-next.21",
+    "@elliemae/ds-modal": "3.16.0-next.21",
+    "@elliemae/ds-icons": "3.16.0-next.21",
+    "@elliemae/ds-props-helpers": "3.16.0-next.21",
+    "@elliemae/ds-toolbar": "3.16.0-next.21",
+    "@elliemae/ds-tabs": "3.16.0-next.21",
+    "@elliemae/ds-utilities": "3.16.0-next.21"
   },
   "publishConfig": {
     "access": "public",
@@ -87,7 +88,7 @@
     "eslint:fix": "eslint --ext='.js,.jsx,.test.js,.ts,.tsx' --fix --config='../../.eslintrc.js' src/",
     "dts": "node ../../scripts/dts.mjs",
     "build": "cross-env NODE_ENV=production node ../../scripts/build/build.mjs",
-    "dev:build": "pnpm --filter {.}... build && pnpm --filter {.}... dts",
+    "dev:build": "pnpm --filter {.}... build",
     "dev:install": "pnpm --filter {.}... i --no-lockfile && pnpm run dev:build",
     "checkDeps": "npx -yes ../ds-codemods check-missing-packages --projectFolderPath=\"./\" --ignorePackagesGlobPattern=\"\" --ignoreFilesGlobPattern=\"**/test-ables/*,**/tests/*\""
   }