@elliemae/ds-search-field 2.2.0 → 2.3.0-alpha.3
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/cjs/DSSearchField.js +129 -165
- package/cjs/DSSearchField.js.map +7 -0
- package/cjs/impl/DSSeachFieldImpl.js +126 -157
- package/cjs/impl/DSSeachFieldImpl.js.map +7 -0
- package/cjs/impl/components/AdvanceSearchOption/AdvanceSearchOption.js +43 -25
- package/cjs/impl/components/AdvanceSearchOption/AdvanceSearchOption.js.map +7 -0
- package/cjs/impl/components/LookupIndicator/LookupIndicator.js +49 -33
- package/cjs/impl/components/LookupIndicator/LookupIndicator.js.map +7 -0
- package/cjs/impl/components/ModalSearchField/DataGridSearch.js +83 -93
- package/cjs/impl/components/ModalSearchField/DataGridSearch.js.map +7 -0
- package/cjs/impl/components/ModalSearchField/ModalSearchField.js +93 -82
- package/cjs/impl/components/ModalSearchField/ModalSearchField.js.map +7 -0
- package/cjs/index.js +37 -12
- package/cjs/index.js.map +7 -0
- package/esm/DSSearchField.js +97 -152
- package/esm/DSSearchField.js.map +7 -0
- package/esm/impl/DSSeachFieldImpl.js +96 -147
- package/esm/impl/DSSeachFieldImpl.js.map +7 -0
- package/esm/impl/components/AdvanceSearchOption/AdvanceSearchOption.js +14 -18
- package/esm/impl/components/AdvanceSearchOption/AdvanceSearchOption.js.map +7 -0
- package/esm/impl/components/LookupIndicator/LookupIndicator.js +20 -26
- package/esm/impl/components/LookupIndicator/LookupIndicator.js.map +7 -0
- package/esm/impl/components/ModalSearchField/DataGridSearch.js +53 -83
- package/esm/impl/components/ModalSearchField/DataGridSearch.js.map +7 -0
- package/esm/impl/components/ModalSearchField/ModalSearchField.js +64 -75
- package/esm/impl/components/ModalSearchField/ModalSearchField.js.map +7 -0
- package/esm/index.js +12 -2
- package/esm/index.js.map +7 -0
- package/package.json +9 -9
|
@@ -1,129 +1,106 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
var
|
|
6
|
-
var
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
var
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
1
|
+
var __create = Object.create;
|
|
2
|
+
var __defProp = Object.defineProperty;
|
|
3
|
+
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
|
+
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
|
+
var __getProtoOf = Object.getPrototypeOf;
|
|
6
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
7
|
+
var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
|
|
8
|
+
var __export = (target, all) => {
|
|
9
|
+
for (var name in all)
|
|
10
|
+
__defProp(target, name, { get: all[name], enumerable: true });
|
|
11
|
+
};
|
|
12
|
+
var __reExport = (target, module2, copyDefault, desc) => {
|
|
13
|
+
if (module2 && typeof module2 === "object" || typeof module2 === "function") {
|
|
14
|
+
for (let key of __getOwnPropNames(module2))
|
|
15
|
+
if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
|
|
16
|
+
__defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
|
|
17
|
+
}
|
|
18
|
+
return target;
|
|
19
|
+
};
|
|
20
|
+
var __toESM = (module2, isNodeMode) => {
|
|
21
|
+
return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
|
|
22
|
+
};
|
|
23
|
+
var __toCommonJS = /* @__PURE__ */ ((cache) => {
|
|
24
|
+
return (module2, temp) => {
|
|
25
|
+
return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
|
|
26
|
+
};
|
|
27
|
+
})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
|
|
28
|
+
var DSSeachFieldImpl_exports = {};
|
|
29
|
+
__export(DSSeachFieldImpl_exports, {
|
|
30
|
+
DSModalSearchField: () => import_ModalSearchField.default,
|
|
31
|
+
default: () => DSSeachFieldImpl_default
|
|
32
|
+
});
|
|
33
|
+
var React = __toESM(require("react"));
|
|
34
|
+
var import_react = __toESM(require("react"));
|
|
35
|
+
var import_react_select = require("react-select");
|
|
36
|
+
var import_ds_classnames = require("@elliemae/ds-classnames");
|
|
37
|
+
var import_ds_form = require("@elliemae/ds-form");
|
|
38
|
+
var import_ModalSearchField = __toESM(require("./components/ModalSearchField/ModalSearchField"));
|
|
39
|
+
var import_AdvanceSearchOption = __toESM(require("./components/AdvanceSearchOption/AdvanceSearchOption"));
|
|
40
|
+
var import_LookupIndicator = __toESM(require("./components/LookupIndicator/LookupIndicator"));
|
|
32
41
|
const advanceOption = {
|
|
33
|
-
className:
|
|
34
|
-
label:
|
|
35
|
-
value:
|
|
42
|
+
className: "advanced-search-option",
|
|
43
|
+
label: "Advanced search",
|
|
44
|
+
value: "search-field-advance-option",
|
|
36
45
|
isAdvance: true
|
|
37
46
|
};
|
|
38
|
-
const {
|
|
39
|
-
|
|
40
|
-
classNameElement,
|
|
41
|
-
classNameModifier,
|
|
42
|
-
classNameBlock
|
|
43
|
-
} = dsClassnames.convertPropToCssClassName('query-builder-addon-search-field');
|
|
44
|
-
|
|
45
|
-
class DSSearchFieldImpl extends react.Component {
|
|
47
|
+
const { cssClassName, classNameElement, classNameModifier, classNameBlock } = (0, import_ds_classnames.convertPropToCssClassName)("query-builder-addon-search-field");
|
|
48
|
+
class DSSearchFieldImpl extends import_react.Component {
|
|
46
49
|
constructor(props) {
|
|
47
50
|
super(props);
|
|
48
|
-
|
|
49
51
|
this.onChange = () => {
|
|
50
52
|
const {
|
|
51
53
|
selected: id,
|
|
52
54
|
additionalInfo: [row]
|
|
53
55
|
} = this.state;
|
|
54
|
-
const {
|
|
55
|
-
onChange
|
|
56
|
-
} = this.props;
|
|
56
|
+
const { onChange } = this.props;
|
|
57
57
|
onChange(id, row);
|
|
58
58
|
};
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
const
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
const {
|
|
66
|
-
onChange,
|
|
67
|
-
displayProperty
|
|
68
|
-
} = this.props;
|
|
69
|
-
if (selected) onChange(value, {
|
|
70
|
-
[displayProperty]: selected.label
|
|
71
|
-
});
|
|
59
|
+
this.onChangeDropdown = (value) => {
|
|
60
|
+
const { dropdownOptions } = this.props;
|
|
61
|
+
const selected = dropdownOptions.find((op) => op.value === value);
|
|
62
|
+
const { onChange, displayProperty } = this.props;
|
|
63
|
+
if (selected)
|
|
64
|
+
onChange(value, { [displayProperty]: selected.label });
|
|
72
65
|
};
|
|
73
|
-
|
|
74
|
-
this.onKeyDown = event => {
|
|
66
|
+
this.onKeyDown = (event) => {
|
|
75
67
|
setTimeout(() => {
|
|
76
|
-
const {
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
value
|
|
81
|
-
} = this.props;
|
|
82
|
-
if (value && keycode === 13) this.handleCloseModal();
|
|
68
|
+
const { keycode } = event;
|
|
69
|
+
const { value } = this.props;
|
|
70
|
+
if (value && keycode === 13)
|
|
71
|
+
this.handleCloseModal();
|
|
83
72
|
}, 0);
|
|
84
73
|
};
|
|
85
|
-
|
|
86
74
|
this.handleSelect = (selectedRow, rows) => {
|
|
87
|
-
let selected = selectedRow;
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
if (selected.id)
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
selected
|
|
94
|
-
|
|
95
|
-
});
|
|
75
|
+
let selected = selectedRow;
|
|
76
|
+
if (!selected)
|
|
77
|
+
return;
|
|
78
|
+
if (selected.id)
|
|
79
|
+
selected = selected.id;
|
|
80
|
+
else if (selected[0] && selected[0].id)
|
|
81
|
+
selected = selected[0].id;
|
|
82
|
+
const additionalInfo = rows.filter((row) => selected === row.id);
|
|
83
|
+
this.setState({ selected, additionalInfo });
|
|
96
84
|
};
|
|
97
|
-
|
|
98
85
|
this.handleConfirm = () => {
|
|
99
|
-
const {
|
|
100
|
-
onConfirmField
|
|
101
|
-
} = this.props;
|
|
86
|
+
const { onConfirmField } = this.props;
|
|
102
87
|
this.onChange();
|
|
103
88
|
this.handleCloseModal();
|
|
104
89
|
onConfirmField();
|
|
105
90
|
};
|
|
106
|
-
|
|
107
91
|
this.handleReject = () => {
|
|
108
|
-
const {
|
|
109
|
-
onRejectField
|
|
110
|
-
} = this.props;
|
|
92
|
+
const { onRejectField } = this.props;
|
|
111
93
|
this.handleCloseModal();
|
|
112
94
|
onRejectField();
|
|
113
95
|
};
|
|
114
|
-
|
|
115
96
|
this.handleOpenModal = () => {
|
|
116
|
-
this.setState({
|
|
117
|
-
openModal: true
|
|
118
|
-
});
|
|
97
|
+
this.setState({ openModal: true });
|
|
119
98
|
};
|
|
120
|
-
|
|
121
99
|
this.handleCloseModal = () => this.setState({
|
|
122
100
|
openModal: false,
|
|
123
101
|
selected: [],
|
|
124
102
|
additionalInfo: []
|
|
125
103
|
});
|
|
126
|
-
|
|
127
104
|
advanceOption.label = props.searchOptionLabel;
|
|
128
105
|
this.state = {
|
|
129
106
|
openModal: false,
|
|
@@ -131,7 +108,6 @@ class DSSearchFieldImpl extends react.Component {
|
|
|
131
108
|
additionalInfo: []
|
|
132
109
|
};
|
|
133
110
|
}
|
|
134
|
-
|
|
135
111
|
render() {
|
|
136
112
|
const {
|
|
137
113
|
placeholder,
|
|
@@ -159,85 +135,78 @@ class DSSearchFieldImpl extends react.Component {
|
|
|
159
135
|
containerProps,
|
|
160
136
|
searchable
|
|
161
137
|
} = this.props;
|
|
162
|
-
const {
|
|
163
|
-
openModal
|
|
164
|
-
} = this.state;
|
|
138
|
+
const { openModal } = this.state;
|
|
165
139
|
let options = [...dropdownOptions, advanceOption];
|
|
166
140
|
let displayValue = !value ? placeholder : value;
|
|
167
|
-
if (additionalInfo && additionalInfo[displayProperty])
|
|
168
|
-
|
|
169
|
-
|
|
170
|
-
label: displayValue
|
|
171
|
-
};
|
|
141
|
+
if (additionalInfo && additionalInfo[displayProperty])
|
|
142
|
+
displayValue = additionalInfo[displayProperty];
|
|
143
|
+
const defaultoption = { value, label: displayValue };
|
|
172
144
|
const customComponents = {
|
|
173
|
-
Option: props => {
|
|
174
|
-
|
|
175
|
-
props.innerProps.className = 'em-ds-combobox__option';
|
|
176
|
-
|
|
145
|
+
Option: (props) => {
|
|
146
|
+
props.innerProps.className = "em-ds-combobox__option";
|
|
177
147
|
if (props.data.isAdvance) {
|
|
178
148
|
props.innerProps.onClick = this.handleOpenModal;
|
|
179
|
-
props.innerProps.className =
|
|
149
|
+
props.innerProps.className = `${props.innerProps.className} ${advanceOption.className}`;
|
|
180
150
|
}
|
|
181
|
-
|
|
182
|
-
|
|
151
|
+
return /* @__PURE__ */ import_react.default.createElement(import_react_select.components.Option, {
|
|
152
|
+
...props
|
|
153
|
+
});
|
|
183
154
|
},
|
|
184
155
|
IndicatorSeparator: () => null,
|
|
185
|
-
NoOptionsMessage: props =>
|
|
156
|
+
NoOptionsMessage: (props) => /* @__PURE__ */ import_react.default.createElement(import_AdvanceSearchOption.default, {
|
|
186
157
|
advanceSearchLabel: searchOptionLabel,
|
|
187
|
-
onAdvanceSearchClick: this.handleOpenModal
|
|
188
|
-
|
|
158
|
+
onAdvanceSearchClick: this.handleOpenModal,
|
|
159
|
+
...props
|
|
160
|
+
})
|
|
189
161
|
};
|
|
190
|
-
|
|
191
162
|
if (useLookupIndicator) {
|
|
192
163
|
customComponents.DropdownIndicator = () => null;
|
|
193
164
|
}
|
|
194
|
-
|
|
195
|
-
if (!options.find(o => o.value === defaultoption.value)) {
|
|
165
|
+
if (!options.find((o) => o.value === defaultoption.value)) {
|
|
196
166
|
options = [defaultoption, ...options];
|
|
197
167
|
}
|
|
198
|
-
|
|
199
|
-
|
|
200
|
-
className:
|
|
201
|
-
|
|
202
|
-
|
|
203
|
-
|
|
204
|
-
|
|
205
|
-
|
|
206
|
-
|
|
207
|
-
|
|
208
|
-
|
|
209
|
-
|
|
210
|
-
|
|
211
|
-
|
|
212
|
-
|
|
213
|
-
|
|
214
|
-
|
|
215
|
-
|
|
216
|
-
|
|
217
|
-
|
|
218
|
-
|
|
219
|
-
|
|
220
|
-
|
|
221
|
-
|
|
222
|
-
|
|
223
|
-
|
|
224
|
-
|
|
225
|
-
|
|
226
|
-
|
|
227
|
-
|
|
228
|
-
|
|
229
|
-
|
|
230
|
-
|
|
231
|
-
|
|
232
|
-
|
|
233
|
-
|
|
234
|
-
|
|
235
|
-
|
|
236
|
-
|
|
168
|
+
return /* @__PURE__ */ import_react.default.createElement("div", {
|
|
169
|
+
...containerProps,
|
|
170
|
+
className: `${cssClassName}`
|
|
171
|
+
}, /* @__PURE__ */ import_react.default.createElement("div", {
|
|
172
|
+
className: `${classNameBlock("container-selector")}`
|
|
173
|
+
}, /* @__PURE__ */ import_react.default.createElement(import_ds_form.DSComboBox2, {
|
|
174
|
+
className: `${classNameElement("dropdown-field-selector")}`,
|
|
175
|
+
components: customComponents,
|
|
176
|
+
onChange: this.onChangeDropdown,
|
|
177
|
+
onKeyDown: this.onKeyDown,
|
|
178
|
+
options,
|
|
179
|
+
value,
|
|
180
|
+
searchable,
|
|
181
|
+
...customDropdownOptions
|
|
182
|
+
}), useLookupIndicator && /* @__PURE__ */ import_react.default.createElement(import_LookupIndicator.default, {
|
|
183
|
+
buttonType: "text",
|
|
184
|
+
className: `${classNameElement("btn-selector")} ${!value ? classNameModifier("btn-placeholder", "btn-selector") : ""}`,
|
|
185
|
+
onAdvanceSearchClick: this.handleOpenModal
|
|
186
|
+
})), /* @__PURE__ */ import_react.default.createElement(import_ModalSearchField.default, {
|
|
187
|
+
appElement,
|
|
188
|
+
confirmLabel,
|
|
189
|
+
customDataGridOptions,
|
|
190
|
+
handleSelect: this.handleSelect,
|
|
191
|
+
isOpen: openModal,
|
|
192
|
+
modalSize,
|
|
193
|
+
modalTitle,
|
|
194
|
+
modalType,
|
|
195
|
+
onClose: this.handleCloseModal,
|
|
196
|
+
onConfirmField: this.handleConfirm,
|
|
197
|
+
onRejectField: this.handleReject,
|
|
198
|
+
onTabChange,
|
|
199
|
+
placeholder,
|
|
200
|
+
rejectLabel,
|
|
201
|
+
searchFilters,
|
|
202
|
+
searchGrid,
|
|
203
|
+
tabData,
|
|
204
|
+
tabsAnimated,
|
|
205
|
+
tabsEnableMouseEvents,
|
|
206
|
+
tabType
|
|
237
207
|
}));
|
|
238
208
|
}
|
|
239
|
-
|
|
240
209
|
}
|
|
241
|
-
|
|
242
|
-
exports
|
|
243
|
-
|
|
210
|
+
var DSSeachFieldImpl_default = DSSearchFieldImpl;
|
|
211
|
+
module.exports = __toCommonJS(DSSeachFieldImpl_exports);
|
|
212
|
+
//# sourceMappingURL=DSSeachFieldImpl.js.map
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../../src/impl/DSSeachFieldImpl.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
|
|
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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",
|
|
6
|
+
"names": []
|
|
7
|
+
}
|
|
@@ -1,26 +1,44 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
var
|
|
4
|
-
|
|
5
|
-
var
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
var
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
const AdvanceSearchOption = _ref => {
|
|
13
|
-
let {
|
|
14
|
-
advanceSearchLabel = 'Advanced Search',
|
|
15
|
-
onAdvanceSearchClick = () => null
|
|
16
|
-
} = _ref;
|
|
17
|
-
return /*#__PURE__*/_jsx__default["default"](DSButton__default["default"], {
|
|
18
|
-
className: "advance-search-option-btn",
|
|
19
|
-
labelText: advanceSearchLabel,
|
|
20
|
-
onClick: onAdvanceSearchClick,
|
|
21
|
-
tabIndex: -1,
|
|
22
|
-
type: "button"
|
|
23
|
-
});
|
|
1
|
+
var __create = Object.create;
|
|
2
|
+
var __defProp = Object.defineProperty;
|
|
3
|
+
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
|
+
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
|
+
var __getProtoOf = Object.getPrototypeOf;
|
|
6
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
7
|
+
var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
|
|
8
|
+
var __export = (target, all) => {
|
|
9
|
+
for (var name in all)
|
|
10
|
+
__defProp(target, name, { get: all[name], enumerable: true });
|
|
24
11
|
};
|
|
25
|
-
|
|
26
|
-
|
|
12
|
+
var __reExport = (target, module2, copyDefault, desc) => {
|
|
13
|
+
if (module2 && typeof module2 === "object" || typeof module2 === "function") {
|
|
14
|
+
for (let key of __getOwnPropNames(module2))
|
|
15
|
+
if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
|
|
16
|
+
__defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
|
|
17
|
+
}
|
|
18
|
+
return target;
|
|
19
|
+
};
|
|
20
|
+
var __toESM = (module2, isNodeMode) => {
|
|
21
|
+
return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
|
|
22
|
+
};
|
|
23
|
+
var __toCommonJS = /* @__PURE__ */ ((cache) => {
|
|
24
|
+
return (module2, temp) => {
|
|
25
|
+
return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
|
|
26
|
+
};
|
|
27
|
+
})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
|
|
28
|
+
var AdvanceSearchOption_exports = {};
|
|
29
|
+
__export(AdvanceSearchOption_exports, {
|
|
30
|
+
default: () => AdvanceSearchOption_default
|
|
31
|
+
});
|
|
32
|
+
var React = __toESM(require("react"));
|
|
33
|
+
var import_react = __toESM(require("react"));
|
|
34
|
+
var import_ds_button = __toESM(require("@elliemae/ds-button"));
|
|
35
|
+
const AdvanceSearchOption = ({ advanceSearchLabel = "Advanced Search", onAdvanceSearchClick = () => null }) => /* @__PURE__ */ import_react.default.createElement(import_ds_button.default, {
|
|
36
|
+
className: "advance-search-option-btn",
|
|
37
|
+
labelText: advanceSearchLabel,
|
|
38
|
+
onClick: onAdvanceSearchClick,
|
|
39
|
+
tabIndex: -1,
|
|
40
|
+
type: "button"
|
|
41
|
+
});
|
|
42
|
+
var AdvanceSearchOption_default = AdvanceSearchOption;
|
|
43
|
+
module.exports = __toCommonJS(AdvanceSearchOption_exports);
|
|
44
|
+
//# sourceMappingURL=AdvanceSearchOption.js.map
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../../../../src/impl/components/AdvanceSearchOption/AdvanceSearchOption.tsx", "../../../../../../../scripts/build/transpile/react-shim.js"],
|
|
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;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,uBAAqB;AAErB,MAAM,sBAAsB,CAAC,EAAE,qBAAqB,mBAAmB,uBAAuB,MAAM,WAClG,mDAAC,0BAAD;AAAA,EACE,WAAU;AAAA,EACV,WAAW;AAAA,EACX,SAAS;AAAA,EACT,UAAU;AAAA,EACV,MAAK;AAAA;AAIT,IAAO,8BAAQ;",
|
|
6
|
+
"names": []
|
|
7
|
+
}
|
|
@@ -1,34 +1,50 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
var
|
|
4
|
-
|
|
5
|
-
var
|
|
6
|
-
var
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
var DSButton__default = /*#__PURE__*/_interopDefaultLegacy(DSButton);
|
|
12
|
-
|
|
13
|
-
var _Search;
|
|
14
|
-
|
|
15
|
-
const LookupIndicator = _ref => {
|
|
16
|
-
let {
|
|
17
|
-
onAdvanceSearchClick = () => null,
|
|
18
|
-
className = ''
|
|
19
|
-
} = _ref;
|
|
20
|
-
return /*#__PURE__*/_jsx__default["default"](DSButton__default["default"], {
|
|
21
|
-
"data-testid": "ds-searchfield-search-btn",
|
|
22
|
-
buttonType: "secondary",
|
|
23
|
-
className: className,
|
|
24
|
-
icon: _Search || (_Search = /*#__PURE__*/_jsx__default["default"](dsIcons.Search, {})),
|
|
25
|
-
iconSize: "s",
|
|
26
|
-
onClick: e => {
|
|
27
|
-
e.stopPropagation();
|
|
28
|
-
e.preventDefault();
|
|
29
|
-
onAdvanceSearchClick();
|
|
30
|
-
}
|
|
31
|
-
});
|
|
1
|
+
var __create = Object.create;
|
|
2
|
+
var __defProp = Object.defineProperty;
|
|
3
|
+
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
|
+
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
|
+
var __getProtoOf = Object.getPrototypeOf;
|
|
6
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
7
|
+
var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
|
|
8
|
+
var __export = (target, all) => {
|
|
9
|
+
for (var name in all)
|
|
10
|
+
__defProp(target, name, { get: all[name], enumerable: true });
|
|
32
11
|
};
|
|
33
|
-
|
|
34
|
-
|
|
12
|
+
var __reExport = (target, module2, copyDefault, desc) => {
|
|
13
|
+
if (module2 && typeof module2 === "object" || typeof module2 === "function") {
|
|
14
|
+
for (let key of __getOwnPropNames(module2))
|
|
15
|
+
if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
|
|
16
|
+
__defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
|
|
17
|
+
}
|
|
18
|
+
return target;
|
|
19
|
+
};
|
|
20
|
+
var __toESM = (module2, isNodeMode) => {
|
|
21
|
+
return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
|
|
22
|
+
};
|
|
23
|
+
var __toCommonJS = /* @__PURE__ */ ((cache) => {
|
|
24
|
+
return (module2, temp) => {
|
|
25
|
+
return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
|
|
26
|
+
};
|
|
27
|
+
})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
|
|
28
|
+
var LookupIndicator_exports = {};
|
|
29
|
+
__export(LookupIndicator_exports, {
|
|
30
|
+
default: () => LookupIndicator_default
|
|
31
|
+
});
|
|
32
|
+
var React = __toESM(require("react"));
|
|
33
|
+
var import_react = __toESM(require("react"));
|
|
34
|
+
var import_ds_icons = require("@elliemae/ds-icons");
|
|
35
|
+
var import_ds_button = __toESM(require("@elliemae/ds-button"));
|
|
36
|
+
const LookupIndicator = ({ onAdvanceSearchClick = () => null, className = "" }) => /* @__PURE__ */ import_react.default.createElement(import_ds_button.default, {
|
|
37
|
+
"data-testid": "ds-searchfield-search-btn",
|
|
38
|
+
buttonType: "secondary",
|
|
39
|
+
className,
|
|
40
|
+
icon: /* @__PURE__ */ import_react.default.createElement(import_ds_icons.Search, null),
|
|
41
|
+
iconSize: "s",
|
|
42
|
+
onClick: (e) => {
|
|
43
|
+
e.stopPropagation();
|
|
44
|
+
e.preventDefault();
|
|
45
|
+
onAdvanceSearchClick();
|
|
46
|
+
}
|
|
47
|
+
});
|
|
48
|
+
var LookupIndicator_default = LookupIndicator;
|
|
49
|
+
module.exports = __toCommonJS(LookupIndicator_exports);
|
|
50
|
+
//# sourceMappingURL=LookupIndicator.js.map
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../../../../src/impl/components/LookupIndicator/LookupIndicator.tsx", "../../../../../../../scripts/build/transpile/react-shim.js"],
|
|
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;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,sBAAuB;AACvB,uBAAqB;AAErB,MAAM,kBAAkB,CAAC,EAAE,uBAAuB,MAAM,MAAM,YAAY,SACxE,mDAAC,0BAAD;AAAA,EACE,eAAY;AAAA,EACZ,YAAW;AAAA,EACX;AAAA,EACA,MAAM,mDAAC,wBAAD;AAAA,EACN,UAAS;AAAA,EACT,SAAS,CAAC,MAAM;AACd,MAAE;AACF,MAAE;AACF;AAAA;AAAA;AAKN,IAAO,0BAAQ;",
|
|
6
|
+
"names": []
|
|
7
|
+
}
|