@elliemae/ds-search-field 2.1.0 → 2.2.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,75 +1,71 @@
|
|
|
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
|
-
|
|
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 DataGridSearch_exports = {};
|
|
29
|
+
__export(DataGridSearch_exports, {
|
|
30
|
+
default: () => DataGridSearch
|
|
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 {
|
|
32
39
|
constructor(props) {
|
|
33
40
|
super(props);
|
|
34
41
|
this.state = {
|
|
35
42
|
filters: props.filters || []
|
|
36
43
|
};
|
|
37
|
-
this.handleSearch = this.handleSearch.bind(this);
|
|
38
|
-
this.handleFiltersChange = this.handleFiltersChange.bind(this);
|
|
39
44
|
}
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
const {
|
|
43
|
-
|
|
44
|
-
} = this.props;
|
|
45
|
-
const {
|
|
46
|
-
property,
|
|
47
|
-
value
|
|
48
|
-
} = arguments.length <= 0 ? undefined : arguments[0];
|
|
49
|
-
const {
|
|
50
|
-
filters
|
|
51
|
-
} = this.state;
|
|
45
|
+
handleSearch(...args) {
|
|
46
|
+
const { customDataGridOptions } = this.props;
|
|
47
|
+
const { property, value } = args[0];
|
|
48
|
+
const { filters } = this.state;
|
|
52
49
|
this.setState({
|
|
53
|
-
filters: [
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
50
|
+
filters: [
|
|
51
|
+
...filters,
|
|
52
|
+
{
|
|
53
|
+
group: property,
|
|
54
|
+
label: "All",
|
|
55
|
+
value,
|
|
56
|
+
id: (0, import_uid.uid)(16)
|
|
57
|
+
}
|
|
58
|
+
]
|
|
59
59
|
});
|
|
60
|
-
if (customDataGridOptions.onFiltersChange)
|
|
60
|
+
if (customDataGridOptions.onFiltersChange)
|
|
61
|
+
customDataGridOptions.onFiltersChange(...args);
|
|
61
62
|
}
|
|
62
|
-
|
|
63
63
|
handleFiltersChange(nextFilters) {
|
|
64
|
-
const {
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
filters: nextFilters
|
|
69
|
-
});
|
|
70
|
-
if (customDataGridOptions.onFiltersChange) customDataGridOptions.onFiltersChange(nextFilters);
|
|
64
|
+
const { customDataGridOptions } = this.props;
|
|
65
|
+
this.setState({ filters: nextFilters });
|
|
66
|
+
if (customDataGridOptions.onFiltersChange)
|
|
67
|
+
customDataGridOptions.onFiltersChange(nextFilters);
|
|
71
68
|
}
|
|
72
|
-
|
|
73
69
|
render() {
|
|
74
70
|
const {
|
|
75
71
|
id,
|
|
@@ -81,37 +77,31 @@ class DataGridSearch extends react.Component {
|
|
|
81
77
|
customDataGridOptions,
|
|
82
78
|
handleSelect
|
|
83
79
|
} = this.props;
|
|
84
|
-
|
|
85
|
-
const
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
searchFilters: searchFilters,
|
|
109
|
-
searchGrid: searchGrid,
|
|
110
|
-
selectable: true
|
|
111
|
-
}, restCustomDataGridOptions)))]
|
|
112
|
-
});
|
|
80
|
+
const { onFiltersChange, ...restCustomDataGridOptions } = customDataGridOptions;
|
|
81
|
+
const { filters } = this.state;
|
|
82
|
+
return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(import_ds_toolbar.default, {
|
|
83
|
+
withDepth: false
|
|
84
|
+
}, /* @__PURE__ */ import_react.default.createElement(import_ds_toolbar.ToolbarGroup, null, /* @__PURE__ */ import_react.default.createElement(import_ds_form.DSSearchBox, {
|
|
85
|
+
cleanOnSearch: true,
|
|
86
|
+
onSearch: this.handleSearch,
|
|
87
|
+
placeholder: "Search all"
|
|
88
|
+
}))), /* @__PURE__ */ import_react.default.createElement("div", {
|
|
89
|
+
className: "datagrid-tab-content"
|
|
90
|
+
}, /* @__PURE__ */ import_react.default.createElement(import_ds_datagrids.DSDataGrid, {
|
|
91
|
+
columns,
|
|
92
|
+
filters,
|
|
93
|
+
fluidHeight: true,
|
|
94
|
+
getData: boundFetchRows,
|
|
95
|
+
id,
|
|
96
|
+
onFiltersChange: this.handleFiltersChange,
|
|
97
|
+
onSelectRow: (rowId) => handleSelect(rowId, rows),
|
|
98
|
+
rows,
|
|
99
|
+
searchFilters,
|
|
100
|
+
searchGrid,
|
|
101
|
+
selectable: true,
|
|
102
|
+
...restCustomDataGridOptions
|
|
103
|
+
})));
|
|
113
104
|
}
|
|
114
|
-
|
|
115
105
|
}
|
|
116
|
-
|
|
117
|
-
|
|
106
|
+
module.exports = __toCommonJS(DataGridSearch_exports);
|
|
107
|
+
//# sourceMappingURL=DataGridSearch.js.map
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../../../../src/impl/components/ModalSearchField/DataGridSearch.tsx", "../../../../../../../scripts/build/transpile/react-shim.js"],
|
|
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;ACAA,YAAuB;ADAvB,mBAAiC;AACjC,wBAAwC;AACxC,qBAA4B;AAC5B,0BAA2B;AAC3B,iBAAoB;AAEpB,6BAA4C,uBAAU;AAAA,EACpD,YAAY,OAAO;AACjB,UAAM;AACN,SAAK,QAAQ;AAAA,MACX,SAAS,MAAM,WAAW;AAAA;AAAA;AAAA,EAI9B,gBAAgB,MAAM;AACpB,UAAM,EAAE,0BAA0B,KAAK;AACvC,UAAM,EAAE,UAAU,UAAU,KAAK;AACjC,UAAM,EAAE,YAAY,KAAK;AACzB,SAAK,SAAS;AAAA,MACZ,SAAS;AAAA,QACP,GAAG;AAAA,QACH;AAAA,UACE,OAAO;AAAA,UACP,OAAO;AAAA,UACP;AAAA,UACA,IAAI,oBAAI;AAAA;AAAA;AAAA;AAId,QAAI,sBAAsB;AAAiB,4BAAsB,gBAAgB,GAAG;AAAA;AAAA,EAGtF,oBAAoB,aAAa;AAC/B,UAAM,EAAE,0BAA0B,KAAK;AACvC,SAAK,SAAS,EAAE,SAAS;AACzB,QAAI,sBAAsB;AAAiB,4BAAsB,gBAAgB;AAAA;AAAA,EAGnF,SAAS;AACP,UAAM;AAAA,MACJ;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,aAAa;AAAA,MACb;AAAA,MACA;AAAA,QACE,KAAK;AACT,UAAM,EAAE,oBAAoB,8BAA8B;AAC1D,UAAM,EAAE,YAAY,KAAK;AACzB,WACE,wFACE,mDAAC,2BAAD;AAAA,MAAW,WAAW;AAAA,OACpB,mDAAC,gCAAD,MACE,mDAAC,4BAAD;AAAA,MAAa,eAAa;AAAA,MAAC,UAAU,KAAK;AAAA,MAAc,aAAY;AAAA,UAGxE,mDAAC,OAAD;AAAA,MAAK,WAAU;AAAA,OACb,mDAAC,gCAAD;AAAA,MACE;AAAA,MACA;AAAA,MACA,aAAW;AAAA,MACX,SAAS;AAAA,MACT;AAAA,MACA,iBAAiB,KAAK;AAAA,MACtB,aAAa,CAAC,UAAU,aAAa,OAAO;AAAA,MAC5C;AAAA,MACA;AAAA,MACA;AAAA,MACA,YAAU;AAAA,SACN;AAAA;AAAA;AAAA;",
|
|
6
|
+
"names": []
|
|
7
|
+
}
|
|
@@ -1,83 +1,94 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
var
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
var
|
|
8
|
-
var
|
|
9
|
-
var
|
|
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
|
-
})));
|
|
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 });
|
|
81
11
|
};
|
|
82
|
-
|
|
83
|
-
|
|
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 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
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../../../../src/impl/components/ModalSearchField/ModalSearchField.tsx", "../../../../../../../scripts/build/transpile/react-shim.js"],
|
|
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;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,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;AAAA,EACV,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;AAAA,MAExB,mDAAC,yBAAD;AAAA,EACE,YAAW;AAAA,EACX;AAAA,EACA,UAAU;AAAA,EACV,WAAU;AAAA,EACV;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,WAAW;AAAA,EACX,UAAU;AAAA,EACV;AAAA,EACA,MAAM;AAAA,GAEL,QAAQ,SAAS,KAChB,mDAAC,uBAAD;AAAA,EACE,UAAU;AAAA,EACV,mBAAmB;AAAA,EACnB,qBAAmB;AAAA,EACnB;AAAA,EACA,MAAM;AAAA,GAEL,QAAQ,IAAI,CAAC,EAAE,OAAO,UAAU,SAAS,MAAM,qBAC9C,mDAAC,sBAAD;AAAA,EAAO,KAAK;AAAA,EAAO,WAAU;AAAA,EAAc;AAAA,EAAc,OAAO;AAAA,GAC9D,mDAAC,+BAAD;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,IAAI,yBAAyB;AAAA,EAC7B;AAAA,EACA;AAAA,EACA;AAAA;AASd,IAAO,2BAAQ;",
|
|
6
|
+
"names": []
|
|
7
|
+
}
|
package/cjs/index.js
CHANGED
|
@@ -1,12 +1,37 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
var
|
|
6
|
-
var
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
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 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
|
package/cjs/index.js.map
ADDED
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../src/index.tsx", "../../../../scripts/build/transpile/react-shim.js"],
|
|
4
|
+
"sourcesContent": ["export {\n default,\n DSModalSearchField,\n DSSearchFieldWithSchema,\n} from './DSSearchField';\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,2BAIO;",
|
|
6
|
+
"names": []
|
|
7
|
+
}
|