@elliemae/ds-search-field 2.2.0-alpha.3 → 2.2.0-next.2
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 +165 -129
- package/cjs/impl/DSSeachFieldImpl.js +157 -126
- package/cjs/impl/components/AdvanceSearchOption/AdvanceSearchOption.js +25 -43
- package/cjs/impl/components/LookupIndicator/LookupIndicator.js +33 -49
- package/cjs/impl/components/ModalSearchField/DataGridSearch.js +93 -83
- package/cjs/impl/components/ModalSearchField/ModalSearchField.js +82 -93
- package/cjs/index.js +12 -37
- package/esm/DSSearchField.js +152 -97
- package/esm/impl/DSSeachFieldImpl.js +147 -96
- package/esm/impl/components/AdvanceSearchOption/AdvanceSearchOption.js +18 -14
- package/esm/impl/components/LookupIndicator/LookupIndicator.js +26 -20
- package/esm/impl/components/ModalSearchField/DataGridSearch.js +83 -53
- package/esm/impl/components/ModalSearchField/ModalSearchField.js +75 -64
- package/esm/index.js +2 -12
- package/package.json +9 -9
- package/cjs/DSSearchField.js.map +0 -7
- package/cjs/impl/DSSeachFieldImpl.js.map +0 -7
- package/cjs/impl/components/AdvanceSearchOption/AdvanceSearchOption.js.map +0 -7
- package/cjs/impl/components/LookupIndicator/LookupIndicator.js.map +0 -7
- package/cjs/impl/components/ModalSearchField/DataGridSearch.js.map +0 -7
- package/cjs/impl/components/ModalSearchField/ModalSearchField.js.map +0 -7
- package/cjs/index.js.map +0 -7
- package/esm/DSSearchField.js.map +0 -7
- package/esm/impl/DSSeachFieldImpl.js.map +0 -7
- package/esm/impl/components/AdvanceSearchOption/AdvanceSearchOption.js.map +0 -7
- package/esm/impl/components/LookupIndicator/LookupIndicator.js.map +0 -7
- package/esm/impl/components/ModalSearchField/DataGridSearch.js.map +0 -7
- package/esm/impl/components/ModalSearchField/ModalSearchField.js.map +0 -7
- package/esm/index.js.map +0 -7
|
@@ -1,44 +1,26 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
var
|
|
4
|
-
|
|
5
|
-
var
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
var _jsx = require('@babel/runtime/helpers/jsx');
|
|
4
|
+
require('react');
|
|
5
|
+
var DSButton = require('@elliemae/ds-button');
|
|
6
|
+
|
|
7
|
+
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
8
|
+
|
|
9
|
+
var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
|
|
10
|
+
var DSButton__default = /*#__PURE__*/_interopDefaultLegacy(DSButton);
|
|
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
|
+
});
|
|
11
24
|
};
|
|
12
|
-
|
|
13
|
-
|
|
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
|
|
25
|
+
|
|
26
|
+
module.exports = AdvanceSearchOption;
|
|
@@ -1,50 +1,34 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
var
|
|
4
|
-
|
|
5
|
-
var
|
|
6
|
-
var
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
var _jsx = require('@babel/runtime/helpers/jsx');
|
|
4
|
+
require('react');
|
|
5
|
+
var dsIcons = require('@elliemae/ds-icons');
|
|
6
|
+
var DSButton = require('@elliemae/ds-button');
|
|
7
|
+
|
|
8
|
+
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
9
|
+
|
|
10
|
+
var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
|
|
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
|
+
});
|
|
11
32
|
};
|
|
12
|
-
|
|
13
|
-
|
|
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 = __toESM(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
|
|
33
|
+
|
|
34
|
+
module.exports = LookupIndicator;
|
|
@@ -1,71 +1,75 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
var
|
|
4
|
-
var
|
|
5
|
-
var
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
var
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
};
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
var
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
var
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
var React = __toESM(require("react"));
|
|
33
|
-
var import_react = __toESM(require("react"));
|
|
34
|
-
var import_ds_toolbar = __toESM(require("@elliemae/ds-toolbar"));
|
|
35
|
-
var import_ds_form = __toESM(require("@elliemae/ds-form"));
|
|
36
|
-
var import_ds_datagrids = __toESM(require("@elliemae/ds-datagrids"));
|
|
37
|
-
var import_uid = __toESM(require("uid"));
|
|
38
|
-
class DataGridSearch extends import_react.Component {
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
var _defineProperty = require('@babel/runtime/helpers/defineProperty');
|
|
4
|
+
var _jsx = require('@babel/runtime/helpers/jsx');
|
|
5
|
+
var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
|
|
6
|
+
require('core-js/modules/web.dom-collections.iterator.js');
|
|
7
|
+
require('core-js/modules/esnext.async-iterator.filter.js');
|
|
8
|
+
require('core-js/modules/esnext.iterator.constructor.js');
|
|
9
|
+
require('core-js/modules/esnext.iterator.filter.js');
|
|
10
|
+
require('core-js/modules/esnext.async-iterator.for-each.js');
|
|
11
|
+
require('core-js/modules/esnext.iterator.for-each.js');
|
|
12
|
+
var react = require('react');
|
|
13
|
+
var DSToolbar = require('@elliemae/ds-toolbar');
|
|
14
|
+
var dsForm = require('@elliemae/ds-form');
|
|
15
|
+
var dsDatagrids = require('@elliemae/ds-datagrids');
|
|
16
|
+
var uid = require('uid');
|
|
17
|
+
var jsxRuntime = require('react/jsx-runtime');
|
|
18
|
+
|
|
19
|
+
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
20
|
+
|
|
21
|
+
var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
|
|
22
|
+
var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
|
|
23
|
+
var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
|
|
24
|
+
var DSToolbar__default = /*#__PURE__*/_interopDefaultLegacy(DSToolbar);
|
|
25
|
+
|
|
26
|
+
const _excluded = ["onFiltersChange"];
|
|
27
|
+
|
|
28
|
+
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
29
|
+
|
|
30
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
31
|
+
class DataGridSearch extends react.Component {
|
|
39
32
|
constructor(props) {
|
|
40
33
|
super(props);
|
|
41
34
|
this.state = {
|
|
42
35
|
filters: props.filters || []
|
|
43
36
|
};
|
|
37
|
+
this.handleSearch = this.handleSearch.bind(this);
|
|
38
|
+
this.handleFiltersChange = this.handleFiltersChange.bind(this);
|
|
44
39
|
}
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
const {
|
|
48
|
-
|
|
40
|
+
|
|
41
|
+
handleSearch() {
|
|
42
|
+
const {
|
|
43
|
+
customDataGridOptions
|
|
44
|
+
} = this.props;
|
|
45
|
+
const {
|
|
46
|
+
property,
|
|
47
|
+
value
|
|
48
|
+
} = arguments.length <= 0 ? undefined : arguments[0];
|
|
49
|
+
const {
|
|
50
|
+
filters
|
|
51
|
+
} = this.state;
|
|
49
52
|
this.setState({
|
|
50
|
-
filters: [
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
id: (0, import_uid.uid)(16)
|
|
57
|
-
}
|
|
58
|
-
]
|
|
53
|
+
filters: [...filters, {
|
|
54
|
+
group: property,
|
|
55
|
+
label: 'All',
|
|
56
|
+
value,
|
|
57
|
+
id: uid.uid(16)
|
|
58
|
+
}]
|
|
59
59
|
});
|
|
60
|
-
if (customDataGridOptions.onFiltersChange)
|
|
61
|
-
customDataGridOptions.onFiltersChange(...args);
|
|
60
|
+
if (customDataGridOptions.onFiltersChange) customDataGridOptions.onFiltersChange(...arguments);
|
|
62
61
|
}
|
|
62
|
+
|
|
63
63
|
handleFiltersChange(nextFilters) {
|
|
64
|
-
const {
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
64
|
+
const {
|
|
65
|
+
customDataGridOptions
|
|
66
|
+
} = this.props;
|
|
67
|
+
this.setState({
|
|
68
|
+
filters: nextFilters
|
|
69
|
+
});
|
|
70
|
+
if (customDataGridOptions.onFiltersChange) customDataGridOptions.onFiltersChange(nextFilters);
|
|
68
71
|
}
|
|
72
|
+
|
|
69
73
|
render() {
|
|
70
74
|
const {
|
|
71
75
|
id,
|
|
@@ -77,31 +81,37 @@ class DataGridSearch extends import_react.Component {
|
|
|
77
81
|
customDataGridOptions,
|
|
78
82
|
handleSelect
|
|
79
83
|
} = this.props;
|
|
80
|
-
|
|
81
|
-
const
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
84
|
+
|
|
85
|
+
const restCustomDataGridOptions = _objectWithoutProperties__default["default"](customDataGridOptions, _excluded);
|
|
86
|
+
|
|
87
|
+
const {
|
|
88
|
+
filters
|
|
89
|
+
} = this.state;
|
|
90
|
+
return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
|
|
91
|
+
children: [/*#__PURE__*/_jsx__default["default"](DSToolbar__default["default"], {
|
|
92
|
+
withDepth: false
|
|
93
|
+
}, void 0, /*#__PURE__*/_jsx__default["default"](DSToolbar.ToolbarGroup, {}, void 0, /*#__PURE__*/_jsx__default["default"](dsForm.DSSearchBox, {
|
|
94
|
+
cleanOnSearch: true,
|
|
95
|
+
onSearch: this.handleSearch,
|
|
96
|
+
placeholder: "Search all"
|
|
97
|
+
}))), /*#__PURE__*/_jsx__default["default"]("div", {
|
|
98
|
+
className: "datagrid-tab-content"
|
|
99
|
+
}, void 0, /*#__PURE__*/jsxRuntime.jsx(dsDatagrids.DSDataGrid, _objectSpread({
|
|
100
|
+
columns: columns,
|
|
101
|
+
filters: filters,
|
|
102
|
+
fluidHeight: true,
|
|
103
|
+
getData: boundFetchRows,
|
|
104
|
+
id: id,
|
|
105
|
+
onFiltersChange: this.handleFiltersChange,
|
|
106
|
+
onSelectRow: rowId => handleSelect(rowId, rows),
|
|
107
|
+
rows: rows,
|
|
108
|
+
searchFilters: searchFilters,
|
|
109
|
+
searchGrid: searchGrid,
|
|
110
|
+
selectable: true
|
|
111
|
+
}, restCustomDataGridOptions)))]
|
|
112
|
+
});
|
|
104
113
|
}
|
|
114
|
+
|
|
105
115
|
}
|
|
106
|
-
|
|
107
|
-
|
|
116
|
+
|
|
117
|
+
module.exports = DataGridSearch;
|
|
@@ -1,94 +1,83 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
var
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
var
|
|
8
|
-
var
|
|
9
|
-
|
|
10
|
-
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
var _jsx = require('@babel/runtime/helpers/jsx');
|
|
4
|
+
require('core-js/modules/esnext.async-iterator.map.js');
|
|
5
|
+
require('core-js/modules/esnext.iterator.map.js');
|
|
6
|
+
require('react');
|
|
7
|
+
var DSModal = require('@elliemae/ds-modal');
|
|
8
|
+
var dsTabs = require('@elliemae/ds-tabs');
|
|
9
|
+
var DataGridSearch = require('./DataGridSearch.js');
|
|
10
|
+
|
|
11
|
+
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
12
|
+
|
|
13
|
+
var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
|
|
14
|
+
var DSModal__default = /*#__PURE__*/_interopDefaultLegacy(DSModal);
|
|
15
|
+
|
|
16
|
+
const ModalSearchField = _ref => {
|
|
17
|
+
let {
|
|
18
|
+
isOpen = false,
|
|
19
|
+
onClose = () => null,
|
|
20
|
+
modalTitle = 'Search Field ID',
|
|
21
|
+
modalSize = 'x-large',
|
|
22
|
+
tabsAnimated = true,
|
|
23
|
+
tabsEnableMouseEvents = true,
|
|
24
|
+
tabType = dsTabs.TabTypes.NORMAL,
|
|
25
|
+
tabData = [],
|
|
26
|
+
searchFilters = true,
|
|
27
|
+
searchGrid = false,
|
|
28
|
+
confirmLabel = 'Apply',
|
|
29
|
+
rejectLabel = 'Cancel',
|
|
30
|
+
modalType = 'confirm',
|
|
31
|
+
onConfirmField = () => null,
|
|
32
|
+
onRejectField = () => null,
|
|
33
|
+
handleSelect = () => null,
|
|
34
|
+
onTabChange = () => null,
|
|
35
|
+
appElement = null,
|
|
36
|
+
customDataGridOptions = {}
|
|
37
|
+
} = _ref;
|
|
38
|
+
return /*#__PURE__*/_jsx__default["default"](DSModal__default["default"], {
|
|
39
|
+
dataTestId: "ds-searchfield-modal",
|
|
40
|
+
appElement: appElement,
|
|
41
|
+
centered: false,
|
|
42
|
+
className: "modal-search-field",
|
|
43
|
+
confirmLabel: confirmLabel,
|
|
44
|
+
isOpen: isOpen,
|
|
45
|
+
modalTitle: modalTitle,
|
|
46
|
+
modalType: modalType,
|
|
47
|
+
onClose: onClose,
|
|
48
|
+
onConfirm: onConfirmField,
|
|
49
|
+
onReject: onRejectField,
|
|
50
|
+
rejectLabel: rejectLabel,
|
|
51
|
+
size: modalSize
|
|
52
|
+
}, void 0, tabData.length > 0 && /*#__PURE__*/_jsx__default["default"](dsTabs.DSTabs, {
|
|
53
|
+
animated: tabsAnimated,
|
|
54
|
+
enableMouseEvents: tabsEnableMouseEvents,
|
|
55
|
+
onlyRenderActiveTab: true,
|
|
56
|
+
onTabChange: onTabChange,
|
|
57
|
+
type: tabType
|
|
58
|
+
}, void 0, tabData.map(_ref2 => {
|
|
59
|
+
let {
|
|
60
|
+
tabId,
|
|
61
|
+
tabTitle,
|
|
62
|
+
columns,
|
|
63
|
+
rows,
|
|
64
|
+
boundFetchRows
|
|
65
|
+
} = _ref2;
|
|
66
|
+
return /*#__PURE__*/_jsx__default["default"](dsTabs.DSTab, {
|
|
67
|
+
className: "tab-content",
|
|
68
|
+
tabId: tabId,
|
|
69
|
+
title: tabTitle
|
|
70
|
+
}, tabId, /*#__PURE__*/_jsx__default["default"](DataGridSearch, {
|
|
71
|
+
boundFetchRows: boundFetchRows,
|
|
72
|
+
columns: columns,
|
|
73
|
+
customDataGridOptions: customDataGridOptions,
|
|
74
|
+
handleSelect: handleSelect,
|
|
75
|
+
id: "datagrid_search_field_".concat(tabId),
|
|
76
|
+
rows: rows,
|
|
77
|
+
searchFilters: searchFilters,
|
|
78
|
+
searchGrid: searchGrid
|
|
79
|
+
}));
|
|
80
|
+
})));
|
|
11
81
|
};
|
|
12
|
-
|
|
13
|
-
|
|
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 ModalSearchField_exports = {};
|
|
29
|
-
__export(ModalSearchField_exports, {
|
|
30
|
-
default: () => ModalSearchField_default
|
|
31
|
-
});
|
|
32
|
-
var React = __toESM(require("react"));
|
|
33
|
-
var import_react = __toESM(require("react"));
|
|
34
|
-
var import_ds_modal = __toESM(require("@elliemae/ds-modal"));
|
|
35
|
-
var import_ds_tabs = __toESM(require("@elliemae/ds-tabs"));
|
|
36
|
-
var import_DataGridSearch = __toESM(require("./DataGridSearch"));
|
|
37
|
-
const ModalSearchField = ({
|
|
38
|
-
isOpen = false,
|
|
39
|
-
onClose = () => null,
|
|
40
|
-
modalTitle = "Search Field ID",
|
|
41
|
-
modalSize = "x-large",
|
|
42
|
-
tabsAnimated = true,
|
|
43
|
-
tabsEnableMouseEvents = true,
|
|
44
|
-
tabType = import_ds_tabs.TabTypes.NORMAL,
|
|
45
|
-
tabData = [],
|
|
46
|
-
searchFilters = true,
|
|
47
|
-
searchGrid = false,
|
|
48
|
-
confirmLabel = "Apply",
|
|
49
|
-
rejectLabel = "Cancel",
|
|
50
|
-
modalType = "confirm",
|
|
51
|
-
onConfirmField = () => null,
|
|
52
|
-
onRejectField = () => null,
|
|
53
|
-
handleSelect = () => null,
|
|
54
|
-
onTabChange = () => null,
|
|
55
|
-
appElement = null,
|
|
56
|
-
customDataGridOptions = {}
|
|
57
|
-
}) => /* @__PURE__ */ import_react.default.createElement(import_ds_modal.default, {
|
|
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
|
-
}, tabData.length > 0 && /* @__PURE__ */ import_react.default.createElement(import_ds_tabs.DSTabs, {
|
|
72
|
-
animated: tabsAnimated,
|
|
73
|
-
enableMouseEvents: tabsEnableMouseEvents,
|
|
74
|
-
onlyRenderActiveTab: true,
|
|
75
|
-
onTabChange,
|
|
76
|
-
type: tabType
|
|
77
|
-
}, tabData.map(({ tabId, tabTitle, columns, rows, boundFetchRows }) => /* @__PURE__ */ import_react.default.createElement(import_ds_tabs.DSTab, {
|
|
78
|
-
key: tabId,
|
|
79
|
-
className: "tab-content",
|
|
80
|
-
tabId,
|
|
81
|
-
title: tabTitle
|
|
82
|
-
}, /* @__PURE__ */ import_react.default.createElement(import_DataGridSearch.default, {
|
|
83
|
-
boundFetchRows,
|
|
84
|
-
columns,
|
|
85
|
-
customDataGridOptions,
|
|
86
|
-
handleSelect,
|
|
87
|
-
id: `datagrid_search_field_${tabId}`,
|
|
88
|
-
rows,
|
|
89
|
-
searchFilters,
|
|
90
|
-
searchGrid
|
|
91
|
-
})))));
|
|
92
|
-
var ModalSearchField_default = ModalSearchField;
|
|
93
|
-
module.exports = __toCommonJS(ModalSearchField_exports);
|
|
94
|
-
//# sourceMappingURL=ModalSearchField.js.map
|
|
82
|
+
|
|
83
|
+
module.exports = ModalSearchField;
|
package/cjs/index.js
CHANGED
|
@@ -1,37 +1,12 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
var
|
|
6
|
-
var
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
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 src_exports = {};
|
|
29
|
-
__export(src_exports, {
|
|
30
|
-
DSModalSearchField: () => import_DSSearchField.DSModalSearchField,
|
|
31
|
-
DSSearchFieldWithSchema: () => import_DSSearchField.DSSearchFieldWithSchema,
|
|
32
|
-
default: () => import_DSSearchField.default
|
|
33
|
-
});
|
|
34
|
-
var React = __toESM(require("react"));
|
|
35
|
-
var import_DSSearchField = __toESM(require("./DSSearchField"));
|
|
36
|
-
module.exports = __toCommonJS(src_exports);
|
|
37
|
-
//# sourceMappingURL=index.js.map
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
var DSSearchField = require('./DSSearchField.js');
|
|
6
|
+
var ModalSearchField = require('./impl/components/ModalSearchField/ModalSearchField.js');
|
|
7
|
+
|
|
8
|
+
|
|
9
|
+
|
|
10
|
+
exports.DSSearchFieldWithSchema = DSSearchField.DSSearchFieldWithSchema;
|
|
11
|
+
exports["default"] = DSSearchField["default"];
|
|
12
|
+
exports.DSModalSearchField = ModalSearchField;
|