@elliemae/ds-search-field 3.22.0-next.8 → 3.22.0-rc.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -58,7 +58,7 @@ const DSSearchField = ({
58
58
  onConfirmField = () => null,
59
59
  onRejectField = () => null,
60
60
  onTabChange = () => null,
61
- appElement = "#root",
61
+ appElement = "body",
62
62
  value = null,
63
63
  additionalInfo = null,
64
64
  displayProperty = "name",
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
- "sources": ["../../src/DSSearchField.tsx", "../../../../scripts/build/transpile/react-shim.js"],
4
- "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"],
3
+ "sources": ["../../src/DSSearchField.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
4
+ "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 = 'body',\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"],
5
5
  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADkCrB;AAjCF,8BAAoC;AACpC,qBAAyB;AACzB,8BAAqD;AAErD,MAAM,gBAAgB,CAAC;AAAA,EACrB,iBAAiB,CAAC;AAAA,EAClB,WAAW,MAAM;AAAA,EACjB,oBAAoB;AAAA,EACpB,cAAc;AAAA,EACd,YAAY;AAAA,EACZ,aAAa;AAAA,EACb,eAAe;AAAA,EACf,wBAAwB;AAAA,EACxB,UAAU,wBAAS;AAAA,EACnB,UAAU,CAAC;AAAA,EACX,aAAa;AAAA,EACb,gBAAgB;AAAA,EAChB,eAAe;AAAA,EACf,cAAc;AAAA,EACd,YAAY;AAAA,EACZ,iBAAiB,MAAM;AAAA,EACvB,gBAAgB,MAAM;AAAA,EACtB,cAAc,MAAM;AAAA,EACpB,aAAa;AAAA,EACb,QAAQ;AAAA,EACR,iBAAiB;AAAA,EACjB,kBAAkB;AAAA,EAClB,kBAAkB,CAAC;AAAA,EACnB,wBAAwB,CAAC;AAAA,EACzB,wBAAwB,CAAC;AAAA,EACzB,qBAAqB;AAAA,EACrB,aAAa;AACf,MACE;AAAA,EAAC,wBAAAA;AAAA,EAAA;AAAA,IACC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AACF;AAGF,MAAM,QAAQ;AAAA;AAAA;AAAA;AAAA,EAIZ,YAAY,kCAAU,KAAK,YAAY,uCAAuC;AAAA;AAAA,EAE9E,gBAAgB,kCAAU,OAAO,YAAY,yBAAyB;AAAA;AAAA,EAEtE,UAAU,kCAAU,KAAK,YAAY,gBAAgB;AAAA;AAAA,EAErD,mBAAmB,kCAAU,OAAO,YAAY,qBAAqB;AAAA;AAAA,EAErE,aAAa,kCAAU,OAAO,YAAY,8BAA8B;AAAA;AAAA,EAExE,WAAW,kCAAU,MAAM,CAAC,WAAW,SAAS,QAAQ,CAAC,EAAE,YAAY,mBAAmB;AAAA;AAAA,EAE1F,YAAY,kCAAU,OAAO,YAAY,oBAAoB;AAAA;AAAA,EAE7D,cAAc,kCAAU,KAAK,YAAY,oBAAoB;AAAA;AAAA,EAE7D,uBAAuB,kCAAU,KAAK,YAAY,4BAA4B;AAAA;AAAA,EAE9E,SAAS,kCAAU,MAAM,CAAC,wBAAS,QAAQ,wBAAS,OAAO,CAAC,EAAE,YAAY,oBAAoB;AAAA;AAAA,EAE9F,SAAS,kCAAU,MAAM,YAAY,qBAAqB;AAAA;AAAA,EAE1D,YAAY,kCAAU,KAAK,YAAY,iBAAiB;AAAA;AAAA,EAExD,eAAe,kCAAU,KAAK,YAAY,oBAAoB;AAAA;AAAA,EAE9D,cAAc,kCAAU,OAAO,YAAY,qBAAqB;AAAA;AAAA,EAEhE,aAAa,kCAAU,OAAO,YAAY,oBAAoB;AAAA;AAAA,EAE9D,WAAW,kCAAU,MAAM,CAAC,SAAS,SAAS,CAAC,EAAE,YAAY,YAAY;AAAA;AAAA,EAEzE,gBAAgB,kCAAU,KAAK,YAAY,oBAAoB;AAAA;AAAA,EAE/D,eAAe,kCAAU,KAAK,YAAY,mBAAmB;AAAA;AAAA,EAE7D,aAAa,kCAAU,KAAK,YAAY,oBAAoB;AAAA;AAAA,EAE5D,YAAY,kCAAU,OAAO,YAAY,aAAa;AAAA;AAAA,EAEtD,OAAO,kCAAU,OAAO,YAAY,kBAAkB;AAAA;AAAA,EAEtD,gBAAgB,kCAAU,OAAO,YAAY,iBAAiB;AAAA;AAAA,EAE9D,iBAAiB,kCAAU,OAAO,YAAY,kBAAkB;AAAA;AAAA,EAEhE,iBAAiB,kCAAU;AAAA,IACzB,kCAAU,MAAM;AAAA,MACd,OAAO,kCAAU;AAAA,MACjB,OAAO,kCAAU;AAAA,IACnB,CAAC;AAAA,EACH,EAAE,YAAY,sBAAsB;AAAA;AAAA,EAEpC,uBAAuB,kCAAU,OAAO,YAAY,uCAAuC;AAAA;AAAA,EAE3F,uBAAuB,kCAAU,OAAO,YAAY,2BAA2B;AAAA;AAAA,EAE/E,oBAAoB,kCAAU,KAAK,YAAY,eAAe;AAChE;AAEA,cAAc,YAAY;AAC1B,cAAc,cAAc;AAC5B,MAAM,8BAA0B,kCAAS,aAAa;AACtD,wBAAwB,YAAY;AAGpC,IAAO,wBAAQ;",
6
6
  "names": ["DSSeachFieldImpl"]
7
7
  }
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "version": 3,
3
- "sources": ["../../../src/impl/DSSeachFieldImpl.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
3
+ "sources": ["../../../src/impl/DSSeachFieldImpl.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
4
4
  "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"],
5
5
  "mappings": "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",
6
6
  "names": ["DSModalSearchField", "AdvanceSearchOption", "LookupIndicator", "DSModalSearchField"]
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "version": 3,
3
- "sources": ["../../../../../src/impl/components/AdvanceSearchOption/AdvanceSearchOption.tsx", "../../../../../../../scripts/build/transpile/react-shim.js"],
3
+ "sources": ["../../../../../src/impl/components/AdvanceSearchOption/AdvanceSearchOption.tsx", "../../../../../../../../scripts/build/transpile/react-shim.js"],
4
4
  "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"],
5
5
  "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;",
6
6
  "names": ["DSButton"]
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "version": 3,
3
- "sources": ["../../../../../src/impl/components/LookupIndicator/LookupIndicator.tsx", "../../../../../../../scripts/build/transpile/react-shim.js"],
3
+ "sources": ["../../../../../src/impl/components/LookupIndicator/LookupIndicator.tsx", "../../../../../../../../scripts/build/transpile/react-shim.js"],
4
4
  "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"],
5
5
  "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;",
6
6
  "names": ["DSButton"]
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "version": 3,
3
- "sources": ["../../../../../src/impl/components/ModalSearchField/DataGridSearch.tsx", "../../../../../../../scripts/build/transpile/react-shim.js"],
3
+ "sources": ["../../../../../src/impl/components/ModalSearchField/DataGridSearch.tsx", "../../../../../../../../scripts/build/transpile/react-shim.js"],
4
4
  "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"],
5
5
  "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;",
6
6
  "names": ["DSToolbar"]
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "version": 3,
3
- "sources": ["../../../../../src/impl/components/ModalSearchField/ModalSearchField.tsx", "../../../../../../../scripts/build/transpile/react-shim.js"],
3
+ "sources": ["../../../../../src/impl/components/ModalSearchField/ModalSearchField.tsx", "../../../../../../../../scripts/build/transpile/react-shim.js"],
4
4
  "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"],
5
5
  "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;",
6
6
  "names": ["DSModal", "DataGridSearch"]
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "version": 3,
3
- "sources": ["../../src/index.tsx", "../../../../scripts/build/transpile/react-shim.js"],
3
+ "sources": ["../../src/index.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
4
4
  "sourcesContent": ["export { default, DSSearchField, DSModalSearchField, DSSearchFieldWithSchema } from './DSSearchField.js';\n", "import * as React from 'react';\nexport { React };\n"],
5
5
  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,2BAAoF;",
6
6
  "names": []
@@ -22,7 +22,7 @@ const DSSearchField = ({
22
22
  onConfirmField = () => null,
23
23
  onRejectField = () => null,
24
24
  onTabChange = () => null,
25
- appElement = "#root",
25
+ appElement = "body",
26
26
  value = null,
27
27
  additionalInfo = null,
28
28
  displayProperty = "name",
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
- "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/DSSearchField.tsx"],
4
- "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"],
3
+ "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../src/DSSearchField.tsx"],
4
+ "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 = 'body',\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"],
5
5
  "mappings": "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",
6
6
  "names": []
7
7
  }
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "version": 3,
3
- "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/impl/DSSeachFieldImpl.tsx"],
3
+ "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/impl/DSSeachFieldImpl.tsx"],
4
4
  "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"],
5
5
  "mappings": "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",
6
6
  "names": []
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "version": 3,
3
- "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../src/impl/components/AdvanceSearchOption/AdvanceSearchOption.tsx"],
3
+ "sources": ["../../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../src/impl/components/AdvanceSearchOption/AdvanceSearchOption.tsx"],
4
4
  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "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"],
5
5
  "mappings": "AAAA,YAAY,WAAW;ACIrB;AAHF,OAAO,cAAc;AAErB,MAAM,sBAAsB,CAAC,EAAE,qBAAqB,mBAAmB,uBAAuB,MAAM,KAAK,MACvG;AAAA,EAAC;AAAA;AAAA,IACC,WAAU;AAAA,IACV,WAAW;AAAA,IACX,SAAS;AAAA,IACT,UAAU;AAAA,IACV,MAAK;AAAA;AACP;AAGF,IAAO,8BAAQ;",
6
6
  "names": []
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "version": 3,
3
- "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../src/impl/components/LookupIndicator/LookupIndicator.tsx"],
3
+ "sources": ["../../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../src/impl/components/LookupIndicator/LookupIndicator.tsx"],
4
4
  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "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"],
5
5
  "mappings": "AAAA,YAAY,WAAW;ACSb;AARV,SAAS,cAAc;AACvB,OAAO,cAAc;AAErB,MAAM,kBAAkB,CAAC,EAAE,uBAAuB,MAAM,MAAM,YAAY,GAAG,MAC3E;AAAA,EAAC;AAAA;AAAA,IACC,eAAY;AAAA,IACZ,YAAW;AAAA,IACX;AAAA,IACA,MAAM,oBAAC,UAAO;AAAA,IACd,UAAS;AAAA,IACT,SAAS,CAAC,MAAM;AACd,QAAE,gBAAgB;AAClB,QAAE,eAAe;AACjB,2BAAqB;AAAA,IACvB;AAAA;AACF;AAGF,IAAO,0BAAQ;",
6
6
  "names": []
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "version": 3,
3
- "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../src/impl/components/ModalSearchField/DataGridSearch.tsx"],
3
+ "sources": ["../../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../src/impl/components/ModalSearchField/DataGridSearch.tsx"],
4
4
  "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"],
5
5
  "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;",
6
6
  "names": []
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "version": 3,
3
- "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../src/impl/components/ModalSearchField/ModalSearchField.tsx"],
3
+ "sources": ["../../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../src/impl/components/ModalSearchField/ModalSearchField.tsx"],
4
4
  "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"],
5
5
  "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;",
6
6
  "names": []
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "version": 3,
3
- "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/index.tsx"],
3
+ "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../src/index.tsx"],
4
4
  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export { default, DSSearchField, DSModalSearchField, DSSearchFieldWithSchema } from './DSSearchField.js';\n"],
5
5
  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,WAAAA,UAAS,eAAe,oBAAoB,+BAA+B;",
6
6
  "names": ["default"]
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@elliemae/ds-search-field",
3
- "version": "3.22.0-next.8",
3
+ "version": "3.22.0-rc.1",
4
4
  "license": "MIT",
5
5
  "description": "ICE MT - Dimsum - Search Field",
6
6
  "files": [
@@ -61,38 +61,43 @@
61
61
  "dependencies": {
62
62
  "react-select": "~4.3.1",
63
63
  "uid": "~2.0.1",
64
- "@elliemae/ds-button": "3.22.0-next.8",
65
- "@elliemae/ds-classnames": "3.22.0-next.8",
66
- "@elliemae/ds-modal": "3.22.0-next.8",
67
- "@elliemae/ds-icons": "3.22.0-next.8",
68
- "@elliemae/ds-tabs": "3.22.0-next.8",
69
- "@elliemae/ds-props-helpers": "3.22.0-next.8",
70
- "@elliemae/ds-toolbar": "3.22.0-next.8",
71
- "@elliemae/ds-form": "3.22.0-next.8",
72
- "@elliemae/ds-datagrids": "3.22.0-next.8"
64
+ "@elliemae/ds-button": "3.22.0-rc.1",
65
+ "@elliemae/ds-classnames": "3.22.0-rc.1",
66
+ "@elliemae/ds-props-helpers": "3.22.0-rc.1",
67
+ "@elliemae/ds-form": "3.22.0-rc.1",
68
+ "@elliemae/ds-toolbar": "3.22.0-rc.1",
69
+ "@elliemae/ds-icons": "3.22.0-rc.1",
70
+ "@elliemae/ds-datagrids": "3.22.0-rc.1",
71
+ "@elliemae/ds-tabs": "3.22.0-rc.1",
72
+ "@elliemae/ds-modal": "3.22.0-rc.1"
73
73
  },
74
74
  "devDependencies": {
75
- "@elliemae/pui-cli": "~9.0.0-next.17",
76
- "@elliemae/ds-monorepo-devops": "3.22.0-next.8"
75
+ "@elliemae/pui-cli": "~9.0.0-next.22",
76
+ "@testing-library/jest-dom": "~5.16.5",
77
+ "@testing-library/react": "~12.1.3",
78
+ "@testing-library/user-event": "~13.5.0",
79
+ "jest-axe": "^7.0.1",
80
+ "styled-components": "~5.3.9",
81
+ "@elliemae/ds-monorepo-devops": "3.22.0-rc.1"
82
+ },
83
+ "publishConfig": {
84
+ "access": "public",
85
+ "typeSafety": false
77
86
  },
78
87
  "peerDependencies": {
79
88
  "lodash": "^4.17.21",
80
89
  "react": "~17.0.2",
81
90
  "react-dom": "^17.0.2"
82
91
  },
83
- "publishConfig": {
84
- "access": "public",
85
- "typeSafety": false
86
- },
87
92
  "scripts": {
88
- "dev": "cross-env NODE_ENV=development node ../../scripts/build/build.mjs --watch",
93
+ "dev": "cross-env NODE_ENV=development node ../../../scripts/build/build.mjs --watch",
89
94
  "test": "pui-cli test --passWithNoTests",
90
- "lint": "node ../../scripts/lint.mjs",
91
- "eslint:fix": "eslint --ext='.js,.jsx,.test.js,.ts,.tsx' --fix --config='../../.eslintrc.js' src/",
92
- "dts": "node ../../scripts/dts.mjs",
93
- "build": "cross-env NODE_ENV=production node ../../scripts/build/build.mjs",
95
+ "lint": "node ../../../scripts/lint.mjs",
96
+ "eslint:fix": "eslint --ext='.js,.jsx,.test.js,.ts,.tsx' --fix --config='../../../.eslintrc.js' src/",
97
+ "dts": "node ../../../scripts/dts.mjs",
98
+ "build": "cross-env NODE_ENV=production node ../../../scripts/build/build.mjs",
94
99
  "dev:build": "pnpm --filter {.}... build",
95
100
  "dev:install": "pnpm --filter {.}... i --no-lockfile && pnpm run dev:build",
96
- "checkDeps": "npm exec ../ds-codemods -- check-missing-packages --projectFolderPath=\"./\" --ignorePackagesGlobPattern=\"\" --ignoreFilesGlobPattern=\"**/test-ables/*,**/tests/*\""
101
+ "checkDeps": "npm exec ../../util/ds-codemods -- check-missing-packages --projectFolderPath=\"./\" --ignorePackagesGlobPattern=\"\" --ignoreFilesGlobPattern=\"**/test-ables/*,**/tests/*\""
97
102
  }
98
103
  }