@elliemae/ds-search-field 3.12.0-rc.2 → 3.12.0-rc.20
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.
- package/dist/cjs/DSSearchField.js +32 -29
- package/dist/cjs/DSSearchField.js.map +1 -1
- package/dist/cjs/impl/DSSeachFieldImpl.js +39 -36
- package/dist/cjs/impl/DSSeachFieldImpl.js.map +1 -1
- package/dist/cjs/impl/components/AdvanceSearchOption/AdvanceSearchOption.js +10 -7
- package/dist/cjs/impl/components/AdvanceSearchOption/AdvanceSearchOption.js.map +1 -1
- package/dist/cjs/impl/components/LookupIndicator/LookupIndicator.js +14 -11
- package/dist/cjs/impl/components/LookupIndicator/LookupIndicator.js.map +1 -1
- package/dist/cjs/impl/components/ModalSearchField/DataGridSearch.js +20 -31
- package/dist/cjs/impl/components/ModalSearchField/DataGridSearch.js.map +1 -1
- package/dist/cjs/impl/components/ModalSearchField/ModalSearchField.js +41 -37
- package/dist/cjs/impl/components/ModalSearchField/ModalSearchField.js.map +1 -1
- package/dist/esm/DSSearchField.js +32 -29
- package/dist/esm/DSSearchField.js.map +1 -1
- package/dist/esm/impl/DSSeachFieldImpl.js +39 -36
- package/dist/esm/impl/DSSeachFieldImpl.js.map +1 -1
- package/dist/esm/impl/components/AdvanceSearchOption/AdvanceSearchOption.js +10 -7
- package/dist/esm/impl/components/AdvanceSearchOption/AdvanceSearchOption.js.map +1 -1
- package/dist/esm/impl/components/LookupIndicator/LookupIndicator.js +14 -11
- package/dist/esm/impl/components/LookupIndicator/LookupIndicator.js.map +1 -1
- package/dist/esm/impl/components/ModalSearchField/DataGridSearch.js +20 -31
- package/dist/esm/impl/components/ModalSearchField/DataGridSearch.js.map +1 -1
- package/dist/esm/impl/components/ModalSearchField/ModalSearchField.js +41 -37
- package/dist/esm/impl/components/ModalSearchField/ModalSearchField.js.map +1 -1
- package/package.json +11 -11
|
@@ -63,35 +63,38 @@ const DSSearchField = ({
|
|
|
63
63
|
customDropdownOptions = {},
|
|
64
64
|
useLookupIndicator = true,
|
|
65
65
|
searchable = false
|
|
66
|
-
}) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
66
|
+
}) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
67
|
+
import_DSSeachFieldImpl.default,
|
|
68
|
+
{
|
|
69
|
+
additionalInfo,
|
|
70
|
+
appElement,
|
|
71
|
+
searchable,
|
|
72
|
+
confirmLabel,
|
|
73
|
+
containerProps,
|
|
74
|
+
customDataGridOptions,
|
|
75
|
+
customDropdownOptions,
|
|
76
|
+
displayProperty,
|
|
77
|
+
dropdownOptions,
|
|
78
|
+
modalSize,
|
|
79
|
+
modalTitle,
|
|
80
|
+
modalType,
|
|
81
|
+
onChange,
|
|
82
|
+
onConfirmField,
|
|
83
|
+
onRejectField,
|
|
84
|
+
onTabChange,
|
|
85
|
+
placeholder,
|
|
86
|
+
rejectLabel,
|
|
87
|
+
searchFilters,
|
|
88
|
+
searchGrid,
|
|
89
|
+
searchOptionLabel,
|
|
90
|
+
tabData,
|
|
91
|
+
tabsAnimated,
|
|
92
|
+
tabsEnableMouseEvents,
|
|
93
|
+
tabType,
|
|
94
|
+
useLookupIndicator,
|
|
95
|
+
value
|
|
96
|
+
}
|
|
97
|
+
);
|
|
95
98
|
const props = {
|
|
96
99
|
searchable: import_ds_utilities.PropTypes.bool.description("Enable the user to search on combobox"),
|
|
97
100
|
containerProps: import_ds_utilities.PropTypes.object.description("inject props to wrapper"),
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/DSSearchField.tsx", "../../../../scripts/build/transpile/react-shim.js"],
|
|
4
4
|
"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"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADkCrB;AAjCF,0BAAoC;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,
|
|
5
|
+
"mappings": "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",
|
|
6
6
|
"names": ["DSSeachFieldImpl"]
|
|
7
7
|
}
|
|
@@ -149,16 +149,17 @@ class DSSearchFieldImpl extends import_react.Component {
|
|
|
149
149
|
props.innerProps.onClick = this.handleOpenModal;
|
|
150
150
|
props.innerProps.className = `${props.innerProps.className} ${advanceOption.className}`;
|
|
151
151
|
}
|
|
152
|
-
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_select.components.Option, {
|
|
153
|
-
...props
|
|
154
|
-
});
|
|
152
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_select.components.Option, { ...props });
|
|
155
153
|
},
|
|
156
154
|
IndicatorSeparator: () => null,
|
|
157
|
-
NoOptionsMessage: (props) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
|
|
155
|
+
NoOptionsMessage: (props) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
156
|
+
import_AdvanceSearchOption.default,
|
|
157
|
+
{
|
|
158
|
+
advanceSearchLabel: searchOptionLabel,
|
|
159
|
+
onAdvanceSearchClick: this.handleOpenModal,
|
|
160
|
+
...props
|
|
161
|
+
}
|
|
162
|
+
)
|
|
162
163
|
};
|
|
163
164
|
if (useLookupIndicator) {
|
|
164
165
|
customComponents.DropdownIndicator = () => null;
|
|
@@ -166,31 +167,33 @@ class DSSearchFieldImpl extends import_react.Component {
|
|
|
166
167
|
if (!options.find((o) => o.value === defaultoption.value)) {
|
|
167
168
|
options = [defaultoption, ...options];
|
|
168
169
|
}
|
|
169
|
-
return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
|
|
170
|
-
|
|
171
|
-
|
|
172
|
-
|
|
173
|
-
|
|
174
|
-
|
|
175
|
-
|
|
176
|
-
|
|
177
|
-
|
|
178
|
-
|
|
179
|
-
|
|
180
|
-
|
|
181
|
-
|
|
182
|
-
|
|
183
|
-
|
|
184
|
-
|
|
185
|
-
|
|
186
|
-
|
|
187
|
-
|
|
188
|
-
|
|
189
|
-
|
|
190
|
-
|
|
191
|
-
|
|
192
|
-
|
|
193
|
-
|
|
170
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { ...containerProps, className: `${cssClassName}`, children: [
|
|
171
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: `${classNameBlock("container-selector")}`, children: [
|
|
172
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
173
|
+
import_ds_form.DSComboBox2,
|
|
174
|
+
{
|
|
175
|
+
className: `${classNameElement("dropdown-field-selector")}`,
|
|
176
|
+
components: customComponents,
|
|
177
|
+
onChange: this.onChangeDropdown,
|
|
178
|
+
onKeyDown: this.onKeyDown,
|
|
179
|
+
options,
|
|
180
|
+
value,
|
|
181
|
+
searchable,
|
|
182
|
+
...customDropdownOptions
|
|
183
|
+
}
|
|
184
|
+
),
|
|
185
|
+
useLookupIndicator && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
186
|
+
import_LookupIndicator.default,
|
|
187
|
+
{
|
|
188
|
+
buttonType: "text",
|
|
189
|
+
className: `${classNameElement("btn-selector")} ${!value ? classNameModifier("btn-placeholder", "btn-selector") : ""}`,
|
|
190
|
+
onAdvanceSearchClick: this.handleOpenModal
|
|
191
|
+
}
|
|
192
|
+
)
|
|
193
|
+
] }),
|
|
194
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
195
|
+
import_ModalSearchField.default,
|
|
196
|
+
{
|
|
194
197
|
appElement,
|
|
195
198
|
confirmLabel,
|
|
196
199
|
customDataGridOptions,
|
|
@@ -211,9 +214,9 @@ class DSSearchFieldImpl extends import_react.Component {
|
|
|
211
214
|
tabsAnimated,
|
|
212
215
|
tabsEnableMouseEvents,
|
|
213
216
|
tabType
|
|
214
|
-
}
|
|
215
|
-
|
|
216
|
-
});
|
|
217
|
+
}
|
|
218
|
+
)
|
|
219
|
+
] });
|
|
217
220
|
}
|
|
218
221
|
}
|
|
219
222
|
var DSSeachFieldImpl_default = DSSearchFieldImpl;
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
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';\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 = () => null;\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
|
-
"mappings": "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
|
|
5
|
+
"mappings": "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",
|
|
6
6
|
"names": ["DSModalSearchField", "AdvanceSearchOption", "LookupIndicator", "DSModalSearchField"]
|
|
7
7
|
}
|
|
@@ -30,12 +30,15 @@ module.exports = __toCommonJS(AdvanceSearchOption_exports);
|
|
|
30
30
|
var React = __toESM(require("react"));
|
|
31
31
|
var import_jsx_runtime = require("react/jsx-runtime");
|
|
32
32
|
var import_ds_button = __toESM(require("@elliemae/ds-button"));
|
|
33
|
-
const AdvanceSearchOption = ({ advanceSearchLabel = "Advanced Search", onAdvanceSearchClick = () => null }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
33
|
+
const AdvanceSearchOption = ({ advanceSearchLabel = "Advanced Search", onAdvanceSearchClick = () => null }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
34
|
+
import_ds_button.default,
|
|
35
|
+
{
|
|
36
|
+
className: "advance-search-option-btn",
|
|
37
|
+
labelText: advanceSearchLabel,
|
|
38
|
+
onClick: onAdvanceSearchClick,
|
|
39
|
+
tabIndex: -1,
|
|
40
|
+
type: "button"
|
|
41
|
+
}
|
|
42
|
+
);
|
|
40
43
|
var AdvanceSearchOption_default = AdvanceSearchOption;
|
|
41
44
|
//# sourceMappingURL=AdvanceSearchOption.js.map
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
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
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADIrB;AAHF,uBAAqB;AAErB,MAAM,sBAAsB,CAAC,EAAE,qBAAqB,mBAAmB,uBAAuB,MAAM,KAAK,MACvG,
|
|
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"]
|
|
7
7
|
}
|
|
@@ -31,17 +31,20 @@ var React = __toESM(require("react"));
|
|
|
31
31
|
var import_jsx_runtime = require("react/jsx-runtime");
|
|
32
32
|
var import_ds_icons = require("@elliemae/ds-icons");
|
|
33
33
|
var import_ds_button = __toESM(require("@elliemae/ds-button"));
|
|
34
|
-
const LookupIndicator = ({ onAdvanceSearchClick = () => null, className = "" }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
e
|
|
43
|
-
|
|
34
|
+
const LookupIndicator = ({ onAdvanceSearchClick = () => null, className = "" }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
35
|
+
import_ds_button.default,
|
|
36
|
+
{
|
|
37
|
+
"data-testid": "ds-searchfield-search-btn",
|
|
38
|
+
buttonType: "secondary",
|
|
39
|
+
className,
|
|
40
|
+
icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_icons.Search, {}),
|
|
41
|
+
iconSize: "s",
|
|
42
|
+
onClick: (e) => {
|
|
43
|
+
e.stopPropagation();
|
|
44
|
+
e.preventDefault();
|
|
45
|
+
onAdvanceSearchClick();
|
|
46
|
+
}
|
|
44
47
|
}
|
|
45
|
-
|
|
48
|
+
);
|
|
46
49
|
var LookupIndicator_default = LookupIndicator;
|
|
47
50
|
//# sourceMappingURL=LookupIndicator.js.map
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
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
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADSb;AARV,sBAAuB;AACvB,uBAAqB;AAErB,MAAM,kBAAkB,CAAC,EAAE,uBAAuB,MAAM,MAAM,YAAY,GAAG,MAC3E,
|
|
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"]
|
|
7
7
|
}
|
|
@@ -78,37 +78,26 @@ class DataGridSearch extends import_react.Component {
|
|
|
78
78
|
} = this.props;
|
|
79
79
|
const { onFiltersChange, ...restCustomDataGridOptions } = customDataGridOptions;
|
|
80
80
|
const { filters } = this.state;
|
|
81
|
-
return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
|
|
82
|
-
children:
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
onFiltersChange: this.handleFiltersChange,
|
|
102
|
-
onSelectRow: (rowId) => handleSelect(rowId, rows),
|
|
103
|
-
rows,
|
|
104
|
-
searchFilters,
|
|
105
|
-
searchGrid,
|
|
106
|
-
selectable: true,
|
|
107
|
-
...restCustomDataGridOptions
|
|
108
|
-
})
|
|
109
|
-
})
|
|
110
|
-
]
|
|
111
|
-
});
|
|
81
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
|
|
82
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_toolbar.default, { withDepth: false, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_toolbar.ToolbarGroup, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_form.DSSearchBox, { cleanOnSearch: true, onSearch: this.handleSearch, placeholder: "Search all" }) }) }),
|
|
83
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "datagrid-tab-content", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
84
|
+
import_ds_datagrids.DSDataGrid,
|
|
85
|
+
{
|
|
86
|
+
columns,
|
|
87
|
+
filters,
|
|
88
|
+
fluidHeight: true,
|
|
89
|
+
getData: boundFetchRows,
|
|
90
|
+
id,
|
|
91
|
+
onFiltersChange: this.handleFiltersChange,
|
|
92
|
+
onSelectRow: (rowId) => handleSelect(rowId, rows),
|
|
93
|
+
rows,
|
|
94
|
+
searchFilters,
|
|
95
|
+
searchGrid,
|
|
96
|
+
selectable: true,
|
|
97
|
+
...restCustomDataGridOptions
|
|
98
|
+
}
|
|
99
|
+
) })
|
|
100
|
+
] });
|
|
112
101
|
}
|
|
113
102
|
}
|
|
114
103
|
//# sourceMappingURL=DataGridSearch.js.map
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
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
|
-
"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
|
|
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;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;",
|
|
6
6
|
"names": ["DSToolbar"]
|
|
7
7
|
}
|
|
@@ -52,42 +52,46 @@ const ModalSearchField = ({
|
|
|
52
52
|
onTabChange = () => null,
|
|
53
53
|
appElement = null,
|
|
54
54
|
customDataGridOptions = {}
|
|
55
|
-
}) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
})
|
|
55
|
+
}) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
56
|
+
import_ds_modal.default,
|
|
57
|
+
{
|
|
58
|
+
dataTestId: "ds-searchfield-modal",
|
|
59
|
+
appElement,
|
|
60
|
+
centered: false,
|
|
61
|
+
className: "modal-search-field",
|
|
62
|
+
confirmLabel,
|
|
63
|
+
isOpen,
|
|
64
|
+
modalTitle,
|
|
65
|
+
modalType,
|
|
66
|
+
onClose,
|
|
67
|
+
onConfirm: onConfirmField,
|
|
68
|
+
onReject: onRejectField,
|
|
69
|
+
rejectLabel,
|
|
70
|
+
size: modalSize,
|
|
71
|
+
children: tabData.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
72
|
+
import_ds_tabs.DSTabs,
|
|
73
|
+
{
|
|
74
|
+
animated: tabsAnimated,
|
|
75
|
+
enableMouseEvents: tabsEnableMouseEvents,
|
|
76
|
+
onlyRenderActiveTab: true,
|
|
77
|
+
onTabChange,
|
|
78
|
+
type: tabType,
|
|
79
|
+
children: tabData.map(({ tabId, tabTitle, columns, rows, boundFetchRows }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_tabs.DSTab, { className: "tab-content", tabId, title: tabTitle, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
80
|
+
import_DataGridSearch.default,
|
|
81
|
+
{
|
|
82
|
+
boundFetchRows,
|
|
83
|
+
columns,
|
|
84
|
+
customDataGridOptions,
|
|
85
|
+
handleSelect,
|
|
86
|
+
id: `datagrid_search_field_${tabId}`,
|
|
87
|
+
rows,
|
|
88
|
+
searchFilters,
|
|
89
|
+
searchGrid
|
|
90
|
+
}
|
|
91
|
+
) }, tabId))
|
|
92
|
+
}
|
|
93
|
+
)
|
|
94
|
+
}
|
|
95
|
+
);
|
|
92
96
|
var ModalSearchField_default = ModalSearchField;
|
|
93
97
|
//# sourceMappingURL=ModalSearchField.js.map
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
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';\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
|
-
"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,
|
|
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"]
|
|
7
7
|
}
|
|
@@ -31,35 +31,38 @@ const DSSearchField = ({
|
|
|
31
31
|
customDropdownOptions = {},
|
|
32
32
|
useLookupIndicator = true,
|
|
33
33
|
searchable = false
|
|
34
|
-
}) => /* @__PURE__ */ jsx(
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
34
|
+
}) => /* @__PURE__ */ jsx(
|
|
35
|
+
DSSeachFieldImpl,
|
|
36
|
+
{
|
|
37
|
+
additionalInfo,
|
|
38
|
+
appElement,
|
|
39
|
+
searchable,
|
|
40
|
+
confirmLabel,
|
|
41
|
+
containerProps,
|
|
42
|
+
customDataGridOptions,
|
|
43
|
+
customDropdownOptions,
|
|
44
|
+
displayProperty,
|
|
45
|
+
dropdownOptions,
|
|
46
|
+
modalSize,
|
|
47
|
+
modalTitle,
|
|
48
|
+
modalType,
|
|
49
|
+
onChange,
|
|
50
|
+
onConfirmField,
|
|
51
|
+
onRejectField,
|
|
52
|
+
onTabChange,
|
|
53
|
+
placeholder,
|
|
54
|
+
rejectLabel,
|
|
55
|
+
searchFilters,
|
|
56
|
+
searchGrid,
|
|
57
|
+
searchOptionLabel,
|
|
58
|
+
tabData,
|
|
59
|
+
tabsAnimated,
|
|
60
|
+
tabsEnableMouseEvents,
|
|
61
|
+
tabType,
|
|
62
|
+
useLookupIndicator,
|
|
63
|
+
value
|
|
64
|
+
}
|
|
65
|
+
);
|
|
63
66
|
const props = {
|
|
64
67
|
searchable: PropTypes.bool.description("Enable the user to search on combobox"),
|
|
65
68
|
containerProps: PropTypes.object.description("inject props to wrapper"),
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/DSSearchField.tsx"],
|
|
4
4
|
"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"],
|
|
5
|
-
"mappings": "AAAA,YAAY,WAAW;ACkCrB;AAjCF,SAAS,UAAU,iBAAiB;AACpC,SAAS,gBAAgB;AACzB,OAAO,oBAAoB,0BAA0B;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,SAAS;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
|
|
5
|
+
"mappings": "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",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -119,16 +119,17 @@ class DSSearchFieldImpl extends Component {
|
|
|
119
119
|
props.innerProps.onClick = this.handleOpenModal;
|
|
120
120
|
props.innerProps.className = `${props.innerProps.className} ${advanceOption.className}`;
|
|
121
121
|
}
|
|
122
|
-
return /* @__PURE__ */ jsx(components.Option, {
|
|
123
|
-
...props
|
|
124
|
-
});
|
|
122
|
+
return /* @__PURE__ */ jsx(components.Option, { ...props });
|
|
125
123
|
},
|
|
126
124
|
IndicatorSeparator: () => null,
|
|
127
|
-
NoOptionsMessage: (props) => /* @__PURE__ */ jsx(
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
125
|
+
NoOptionsMessage: (props) => /* @__PURE__ */ jsx(
|
|
126
|
+
AdvanceSearchOption,
|
|
127
|
+
{
|
|
128
|
+
advanceSearchLabel: searchOptionLabel,
|
|
129
|
+
onAdvanceSearchClick: this.handleOpenModal,
|
|
130
|
+
...props
|
|
131
|
+
}
|
|
132
|
+
)
|
|
132
133
|
};
|
|
133
134
|
if (useLookupIndicator) {
|
|
134
135
|
customComponents.DropdownIndicator = () => null;
|
|
@@ -136,31 +137,33 @@ class DSSearchFieldImpl extends Component {
|
|
|
136
137
|
if (!options.find((o) => o.value === defaultoption.value)) {
|
|
137
138
|
options = [defaultoption, ...options];
|
|
138
139
|
}
|
|
139
|
-
return /* @__PURE__ */ jsxs("div", {
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
|
|
140
|
+
return /* @__PURE__ */ jsxs("div", { ...containerProps, className: `${cssClassName}`, children: [
|
|
141
|
+
/* @__PURE__ */ jsxs("div", { className: `${classNameBlock("container-selector")}`, children: [
|
|
142
|
+
/* @__PURE__ */ jsx(
|
|
143
|
+
DSComboBox2,
|
|
144
|
+
{
|
|
145
|
+
className: `${classNameElement("dropdown-field-selector")}`,
|
|
146
|
+
components: customComponents,
|
|
147
|
+
onChange: this.onChangeDropdown,
|
|
148
|
+
onKeyDown: this.onKeyDown,
|
|
149
|
+
options,
|
|
150
|
+
value,
|
|
151
|
+
searchable,
|
|
152
|
+
...customDropdownOptions
|
|
153
|
+
}
|
|
154
|
+
),
|
|
155
|
+
useLookupIndicator && /* @__PURE__ */ jsx(
|
|
156
|
+
LookupIndicator,
|
|
157
|
+
{
|
|
158
|
+
buttonType: "text",
|
|
159
|
+
className: `${classNameElement("btn-selector")} ${!value ? classNameModifier("btn-placeholder", "btn-selector") : ""}`,
|
|
160
|
+
onAdvanceSearchClick: this.handleOpenModal
|
|
161
|
+
}
|
|
162
|
+
)
|
|
163
|
+
] }),
|
|
164
|
+
/* @__PURE__ */ jsx(
|
|
165
|
+
DSModalSearchField,
|
|
166
|
+
{
|
|
164
167
|
appElement,
|
|
165
168
|
confirmLabel,
|
|
166
169
|
customDataGridOptions,
|
|
@@ -181,9 +184,9 @@ class DSSearchFieldImpl extends Component {
|
|
|
181
184
|
tabsAnimated,
|
|
182
185
|
tabsEnableMouseEvents,
|
|
183
186
|
tabType
|
|
184
|
-
}
|
|
185
|
-
|
|
186
|
-
});
|
|
187
|
+
}
|
|
188
|
+
)
|
|
189
|
+
] });
|
|
187
190
|
}
|
|
188
191
|
}
|
|
189
192
|
var DSSeachFieldImpl_default = DSSearchFieldImpl;
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
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';\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 = () => null;\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
|
-
"mappings": "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
|
|
5
|
+
"mappings": "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",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -1,13 +1,16 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
2
|
import { jsx } from "react/jsx-runtime";
|
|
3
3
|
import DSButton from "@elliemae/ds-button";
|
|
4
|
-
const AdvanceSearchOption = ({ advanceSearchLabel = "Advanced Search", onAdvanceSearchClick = () => null }) => /* @__PURE__ */ jsx(
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
4
|
+
const AdvanceSearchOption = ({ advanceSearchLabel = "Advanced Search", onAdvanceSearchClick = () => null }) => /* @__PURE__ */ jsx(
|
|
5
|
+
DSButton,
|
|
6
|
+
{
|
|
7
|
+
className: "advance-search-option-btn",
|
|
8
|
+
labelText: advanceSearchLabel,
|
|
9
|
+
onClick: onAdvanceSearchClick,
|
|
10
|
+
tabIndex: -1,
|
|
11
|
+
type: "button"
|
|
12
|
+
}
|
|
13
|
+
);
|
|
11
14
|
var AdvanceSearchOption_default = AdvanceSearchOption;
|
|
12
15
|
export {
|
|
13
16
|
AdvanceSearchOption_default as default
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
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
|
-
"mappings": "AAAA,YAAY,WAAW;ACIrB;AAHF,OAAO,cAAc;AAErB,MAAM,sBAAsB,CAAC,EAAE,qBAAqB,mBAAmB,uBAAuB,MAAM,KAAK,MACvG,
|
|
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": []
|
|
7
7
|
}
|
|
@@ -2,18 +2,21 @@ import * as React from "react";
|
|
|
2
2
|
import { jsx } from "react/jsx-runtime";
|
|
3
3
|
import { Search } from "@elliemae/ds-icons";
|
|
4
4
|
import DSButton from "@elliemae/ds-button";
|
|
5
|
-
const LookupIndicator = ({ onAdvanceSearchClick = () => null, className = "" }) => /* @__PURE__ */ jsx(
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
e
|
|
14
|
-
|
|
5
|
+
const LookupIndicator = ({ onAdvanceSearchClick = () => null, className = "" }) => /* @__PURE__ */ jsx(
|
|
6
|
+
DSButton,
|
|
7
|
+
{
|
|
8
|
+
"data-testid": "ds-searchfield-search-btn",
|
|
9
|
+
buttonType: "secondary",
|
|
10
|
+
className,
|
|
11
|
+
icon: /* @__PURE__ */ jsx(Search, {}),
|
|
12
|
+
iconSize: "s",
|
|
13
|
+
onClick: (e) => {
|
|
14
|
+
e.stopPropagation();
|
|
15
|
+
e.preventDefault();
|
|
16
|
+
onAdvanceSearchClick();
|
|
17
|
+
}
|
|
15
18
|
}
|
|
16
|
-
|
|
19
|
+
);
|
|
17
20
|
var LookupIndicator_default = LookupIndicator;
|
|
18
21
|
export {
|
|
19
22
|
LookupIndicator_default as default
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
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
|
-
"mappings": "AAAA,YAAY,WAAW;ACSb;AARV,SAAS,cAAc;AACvB,OAAO,cAAc;AAErB,MAAM,kBAAkB,CAAC,EAAE,uBAAuB,MAAM,MAAM,YAAY,GAAG,MAC3E,
|
|
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": []
|
|
7
7
|
}
|
|
@@ -49,37 +49,26 @@ class DataGridSearch extends Component {
|
|
|
49
49
|
} = this.props;
|
|
50
50
|
const { onFiltersChange, ...restCustomDataGridOptions } = customDataGridOptions;
|
|
51
51
|
const { filters } = this.state;
|
|
52
|
-
return /* @__PURE__ */ jsxs(Fragment, {
|
|
53
|
-
children:
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
onFiltersChange: this.handleFiltersChange,
|
|
73
|
-
onSelectRow: (rowId) => handleSelect(rowId, rows),
|
|
74
|
-
rows,
|
|
75
|
-
searchFilters,
|
|
76
|
-
searchGrid,
|
|
77
|
-
selectable: true,
|
|
78
|
-
...restCustomDataGridOptions
|
|
79
|
-
})
|
|
80
|
-
})
|
|
81
|
-
]
|
|
82
|
-
});
|
|
52
|
+
return /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
53
|
+
/* @__PURE__ */ jsx(DSToolbar, { withDepth: false, children: /* @__PURE__ */ jsx(ToolbarGroup, { children: /* @__PURE__ */ jsx(DSSearchBox, { cleanOnSearch: true, onSearch: this.handleSearch, placeholder: "Search all" }) }) }),
|
|
54
|
+
/* @__PURE__ */ jsx("div", { className: "datagrid-tab-content", children: /* @__PURE__ */ jsx(
|
|
55
|
+
DSDataGrid,
|
|
56
|
+
{
|
|
57
|
+
columns,
|
|
58
|
+
filters,
|
|
59
|
+
fluidHeight: true,
|
|
60
|
+
getData: boundFetchRows,
|
|
61
|
+
id,
|
|
62
|
+
onFiltersChange: this.handleFiltersChange,
|
|
63
|
+
onSelectRow: (rowId) => handleSelect(rowId, rows),
|
|
64
|
+
rows,
|
|
65
|
+
searchFilters,
|
|
66
|
+
searchGrid,
|
|
67
|
+
selectable: true,
|
|
68
|
+
...restCustomDataGridOptions
|
|
69
|
+
}
|
|
70
|
+
) })
|
|
71
|
+
] });
|
|
83
72
|
}
|
|
84
73
|
}
|
|
85
74
|
export {
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
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
|
-
"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
|
|
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;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;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -23,43 +23,47 @@ const ModalSearchField = ({
|
|
|
23
23
|
onTabChange = () => null,
|
|
24
24
|
appElement = null,
|
|
25
25
|
customDataGridOptions = {}
|
|
26
|
-
}) => /* @__PURE__ */ jsx(
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
})
|
|
26
|
+
}) => /* @__PURE__ */ jsx(
|
|
27
|
+
DSModal,
|
|
28
|
+
{
|
|
29
|
+
dataTestId: "ds-searchfield-modal",
|
|
30
|
+
appElement,
|
|
31
|
+
centered: false,
|
|
32
|
+
className: "modal-search-field",
|
|
33
|
+
confirmLabel,
|
|
34
|
+
isOpen,
|
|
35
|
+
modalTitle,
|
|
36
|
+
modalType,
|
|
37
|
+
onClose,
|
|
38
|
+
onConfirm: onConfirmField,
|
|
39
|
+
onReject: onRejectField,
|
|
40
|
+
rejectLabel,
|
|
41
|
+
size: modalSize,
|
|
42
|
+
children: tabData.length > 0 && /* @__PURE__ */ jsx(
|
|
43
|
+
DSTabs,
|
|
44
|
+
{
|
|
45
|
+
animated: tabsAnimated,
|
|
46
|
+
enableMouseEvents: tabsEnableMouseEvents,
|
|
47
|
+
onlyRenderActiveTab: true,
|
|
48
|
+
onTabChange,
|
|
49
|
+
type: tabType,
|
|
50
|
+
children: tabData.map(({ tabId, tabTitle, columns, rows, boundFetchRows }) => /* @__PURE__ */ jsx(DSTab, { className: "tab-content", tabId, title: tabTitle, children: /* @__PURE__ */ jsx(
|
|
51
|
+
DataGridSearch,
|
|
52
|
+
{
|
|
53
|
+
boundFetchRows,
|
|
54
|
+
columns,
|
|
55
|
+
customDataGridOptions,
|
|
56
|
+
handleSelect,
|
|
57
|
+
id: `datagrid_search_field_${tabId}`,
|
|
58
|
+
rows,
|
|
59
|
+
searchFilters,
|
|
60
|
+
searchGrid
|
|
61
|
+
}
|
|
62
|
+
) }, tabId))
|
|
63
|
+
}
|
|
64
|
+
)
|
|
65
|
+
}
|
|
66
|
+
);
|
|
63
67
|
var ModalSearchField_default = ModalSearchField;
|
|
64
68
|
export {
|
|
65
69
|
ModalSearchField_default as default
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
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';\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
|
-
"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,
|
|
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": []
|
|
7
7
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@elliemae/ds-search-field",
|
|
3
|
-
"version": "3.12.0-rc.
|
|
3
|
+
"version": "3.12.0-rc.20",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"description": "ICE MT - Dimsum - Search Field",
|
|
6
6
|
"files": [
|
|
@@ -59,17 +59,17 @@
|
|
|
59
59
|
"indent": 4
|
|
60
60
|
},
|
|
61
61
|
"dependencies": {
|
|
62
|
-
"@elliemae/ds-button": "3.12.0-rc.2",
|
|
63
|
-
"@elliemae/ds-classnames": "3.12.0-rc.2",
|
|
64
|
-
"@elliemae/ds-datagrids": "3.12.0-rc.2",
|
|
65
|
-
"@elliemae/ds-form": "3.12.0-rc.2",
|
|
66
|
-
"@elliemae/ds-icons": "3.12.0-rc.2",
|
|
67
|
-
"@elliemae/ds-modal": "3.12.0-rc.2",
|
|
68
|
-
"@elliemae/ds-tabs": "3.12.0-rc.2",
|
|
69
|
-
"@elliemae/ds-toolbar": "3.12.0-rc.2",
|
|
70
|
-
"@elliemae/ds-utilities": "3.12.0-rc.2",
|
|
71
62
|
"react-select": "~4.3.1",
|
|
72
|
-
"uid": "~2.0.0"
|
|
63
|
+
"uid": "~2.0.0",
|
|
64
|
+
"@elliemae/ds-button": "3.12.0-rc.20",
|
|
65
|
+
"@elliemae/ds-classnames": "3.12.0-rc.20",
|
|
66
|
+
"@elliemae/ds-icons": "3.12.0-rc.20",
|
|
67
|
+
"@elliemae/ds-modal": "3.12.0-rc.20",
|
|
68
|
+
"@elliemae/ds-tabs": "3.12.0-rc.20",
|
|
69
|
+
"@elliemae/ds-toolbar": "3.12.0-rc.20",
|
|
70
|
+
"@elliemae/ds-utilities": "3.12.0-rc.20",
|
|
71
|
+
"@elliemae/ds-datagrids": "3.12.0-rc.20",
|
|
72
|
+
"@elliemae/ds-form": "3.12.0-rc.20"
|
|
73
73
|
},
|
|
74
74
|
"publishConfig": {
|
|
75
75
|
"access": "public",
|