@elliemae/ds-search-field 2.2.1 → 2.3.0-alpha.4

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.
Files changed (29) hide show
  1. package/cjs/DSSearchField.js +129 -165
  2. package/cjs/DSSearchField.js.map +7 -0
  3. package/cjs/impl/DSSeachFieldImpl.js +126 -157
  4. package/cjs/impl/DSSeachFieldImpl.js.map +7 -0
  5. package/cjs/impl/components/AdvanceSearchOption/AdvanceSearchOption.js +43 -25
  6. package/cjs/impl/components/AdvanceSearchOption/AdvanceSearchOption.js.map +7 -0
  7. package/cjs/impl/components/LookupIndicator/LookupIndicator.js +49 -33
  8. package/cjs/impl/components/LookupIndicator/LookupIndicator.js.map +7 -0
  9. package/cjs/impl/components/ModalSearchField/DataGridSearch.js +83 -93
  10. package/cjs/impl/components/ModalSearchField/DataGridSearch.js.map +7 -0
  11. package/cjs/impl/components/ModalSearchField/ModalSearchField.js +93 -82
  12. package/cjs/impl/components/ModalSearchField/ModalSearchField.js.map +7 -0
  13. package/cjs/index.js +37 -12
  14. package/cjs/index.js.map +7 -0
  15. package/esm/DSSearchField.js +97 -152
  16. package/esm/DSSearchField.js.map +7 -0
  17. package/esm/impl/DSSeachFieldImpl.js +96 -147
  18. package/esm/impl/DSSeachFieldImpl.js.map +7 -0
  19. package/esm/impl/components/AdvanceSearchOption/AdvanceSearchOption.js +14 -18
  20. package/esm/impl/components/AdvanceSearchOption/AdvanceSearchOption.js.map +7 -0
  21. package/esm/impl/components/LookupIndicator/LookupIndicator.js +20 -26
  22. package/esm/impl/components/LookupIndicator/LookupIndicator.js.map +7 -0
  23. package/esm/impl/components/ModalSearchField/DataGridSearch.js +53 -83
  24. package/esm/impl/components/ModalSearchField/DataGridSearch.js.map +7 -0
  25. package/esm/impl/components/ModalSearchField/ModalSearchField.js +64 -75
  26. package/esm/impl/components/ModalSearchField/ModalSearchField.js.map +7 -0
  27. package/esm/index.js +12 -2
  28. package/esm/index.js.map +7 -0
  29. package/package.json +9 -9
@@ -1,19 +1,15 @@
1
- import _jsx from '@babel/runtime/helpers/esm/jsx';
2
- import 'react';
3
- import DSButton from '@elliemae/ds-button';
4
-
5
- const AdvanceSearchOption = _ref => {
6
- let {
7
- advanceSearchLabel = 'Advanced Search',
8
- onAdvanceSearchClick = () => null
9
- } = _ref;
10
- return /*#__PURE__*/_jsx(DSButton, {
11
- className: "advance-search-option-btn",
12
- labelText: advanceSearchLabel,
13
- onClick: onAdvanceSearchClick,
14
- tabIndex: -1,
15
- type: "button"
16
- });
1
+ import * as React from "react";
2
+ import React2 from "react";
3
+ import DSButton from "@elliemae/ds-button";
4
+ const AdvanceSearchOption = ({ advanceSearchLabel = "Advanced Search", onAdvanceSearchClick = () => null }) => /* @__PURE__ */ React2.createElement(DSButton, {
5
+ className: "advance-search-option-btn",
6
+ labelText: advanceSearchLabel,
7
+ onClick: onAdvanceSearchClick,
8
+ tabIndex: -1,
9
+ type: "button"
10
+ });
11
+ var AdvanceSearchOption_default = AdvanceSearchOption;
12
+ export {
13
+ AdvanceSearchOption_default as default
17
14
  };
18
-
19
- export { AdvanceSearchOption as default };
15
+ //# sourceMappingURL=AdvanceSearchOption.js.map
@@ -0,0 +1,7 @@
1
+ {
2
+ "version": 3,
3
+ "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../src/impl/components/AdvanceSearchOption/AdvanceSearchOption.tsx"],
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;ACAA;AACA;AAEA,MAAM,sBAAsB,CAAC,EAAE,qBAAqB,mBAAmB,uBAAuB,MAAM,WAClG,qCAAC,UAAD;AAAA,EACE,WAAU;AAAA,EACV,WAAW;AAAA,EACX,SAAS;AAAA,EACT,UAAU;AAAA,EACV,MAAK;AAAA;AAIT,IAAO,8BAAQ;",
6
+ "names": []
7
+ }
@@ -1,27 +1,21 @@
1
- import _jsx from '@babel/runtime/helpers/esm/jsx';
2
- import 'react';
3
- import { Search } from '@elliemae/ds-icons';
4
- import DSButton from '@elliemae/ds-button';
5
-
6
- var _Search;
7
-
8
- const LookupIndicator = _ref => {
9
- let {
10
- onAdvanceSearchClick = () => null,
11
- className = ''
12
- } = _ref;
13
- return /*#__PURE__*/_jsx(DSButton, {
14
- "data-testid": "ds-searchfield-search-btn",
15
- buttonType: "secondary",
16
- className: className,
17
- icon: _Search || (_Search = /*#__PURE__*/_jsx(Search, {})),
18
- iconSize: "s",
19
- onClick: e => {
20
- e.stopPropagation();
21
- e.preventDefault();
22
- onAdvanceSearchClick();
23
- }
24
- });
1
+ import * as React from "react";
2
+ import React2 from "react";
3
+ import { Search } from "@elliemae/ds-icons";
4
+ import DSButton from "@elliemae/ds-button";
5
+ const LookupIndicator = ({ onAdvanceSearchClick = () => null, className = "" }) => /* @__PURE__ */ React2.createElement(DSButton, {
6
+ "data-testid": "ds-searchfield-search-btn",
7
+ buttonType: "secondary",
8
+ className,
9
+ icon: /* @__PURE__ */ React2.createElement(Search, null),
10
+ iconSize: "s",
11
+ onClick: (e) => {
12
+ e.stopPropagation();
13
+ e.preventDefault();
14
+ onAdvanceSearchClick();
15
+ }
16
+ });
17
+ var LookupIndicator_default = LookupIndicator;
18
+ export {
19
+ LookupIndicator_default as default
25
20
  };
26
-
27
- export { LookupIndicator as default };
21
+ //# sourceMappingURL=LookupIndicator.js.map
@@ -0,0 +1,7 @@
1
+ {
2
+ "version": 3,
3
+ "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../src/impl/components/LookupIndicator/LookupIndicator.tsx"],
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;ACAA;AACA;AACA;AAEA,MAAM,kBAAkB,CAAC,EAAE,uBAAuB,MAAM,MAAM,YAAY,SACxE,qCAAC,UAAD;AAAA,EACE,eAAY;AAAA,EACZ,YAAW;AAAA,EACX;AAAA,EACA,MAAM,qCAAC,QAAD;AAAA,EACN,UAAS;AAAA,EACT,SAAS,CAAC,MAAM;AACd,MAAE;AACF,MAAE;AACF;AAAA;AAAA;AAKN,IAAO,0BAAQ;",
6
+ "names": []
7
+ }
@@ -1,66 +1,40 @@
1
- import 'core-js/modules/esnext.async-iterator.filter.js';
2
- import 'core-js/modules/esnext.iterator.constructor.js';
3
- import 'core-js/modules/esnext.iterator.filter.js';
4
- import 'core-js/modules/esnext.async-iterator.for-each.js';
5
- import 'core-js/modules/esnext.iterator.for-each.js';
6
- import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
7
- import _jsx from '@babel/runtime/helpers/esm/jsx';
8
- import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
9
- import 'core-js/modules/web.dom-collections.iterator.js';
10
- import { Component } from 'react';
11
- import DSToolbar, { ToolbarGroup } from '@elliemae/ds-toolbar';
12
- import { DSSearchBox } from '@elliemae/ds-form';
13
- import { DSDataGrid } from '@elliemae/ds-datagrids';
14
- import { uid } from 'uid';
15
- import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
16
-
17
- const _excluded = ["onFiltersChange"];
18
-
19
- 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; }
20
-
21
- 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(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; }
1
+ import * as React from "react";
2
+ import React2, { Component } from "react";
3
+ import DSToolbar, { ToolbarGroup } from "@elliemae/ds-toolbar";
4
+ import { DSSearchBox } from "@elliemae/ds-form";
5
+ import { DSDataGrid } from "@elliemae/ds-datagrids";
6
+ import { uid } from "uid";
22
7
  class DataGridSearch extends Component {
23
8
  constructor(props) {
24
9
  super(props);
25
10
  this.state = {
26
11
  filters: props.filters || []
27
12
  };
28
- this.handleSearch = this.handleSearch.bind(this);
29
- this.handleFiltersChange = this.handleFiltersChange.bind(this);
30
13
  }
31
-
32
- handleSearch() {
33
- const {
34
- customDataGridOptions
35
- } = this.props;
36
- const {
37
- property,
38
- value
39
- } = arguments.length <= 0 ? undefined : arguments[0];
40
- const {
41
- filters
42
- } = this.state;
14
+ handleSearch(...args) {
15
+ const { customDataGridOptions } = this.props;
16
+ const { property, value } = args[0];
17
+ const { filters } = this.state;
43
18
  this.setState({
44
- filters: [...filters, {
45
- group: property,
46
- label: 'All',
47
- value,
48
- id: uid(16)
49
- }]
19
+ filters: [
20
+ ...filters,
21
+ {
22
+ group: property,
23
+ label: "All",
24
+ value,
25
+ id: uid(16)
26
+ }
27
+ ]
50
28
  });
51
- if (customDataGridOptions.onFiltersChange) customDataGridOptions.onFiltersChange(...arguments);
29
+ if (customDataGridOptions.onFiltersChange)
30
+ customDataGridOptions.onFiltersChange(...args);
52
31
  }
53
-
54
32
  handleFiltersChange(nextFilters) {
55
- const {
56
- customDataGridOptions
57
- } = this.props;
58
- this.setState({
59
- filters: nextFilters
60
- });
61
- if (customDataGridOptions.onFiltersChange) customDataGridOptions.onFiltersChange(nextFilters);
33
+ const { customDataGridOptions } = this.props;
34
+ this.setState({ filters: nextFilters });
35
+ if (customDataGridOptions.onFiltersChange)
36
+ customDataGridOptions.onFiltersChange(nextFilters);
62
37
  }
63
-
64
38
  render() {
65
39
  const {
66
40
  id,
@@ -72,37 +46,33 @@ class DataGridSearch extends Component {
72
46
  customDataGridOptions,
73
47
  handleSelect
74
48
  } = this.props;
75
-
76
- const restCustomDataGridOptions = _objectWithoutProperties(customDataGridOptions, _excluded);
77
-
78
- const {
79
- filters
80
- } = this.state;
81
- return /*#__PURE__*/jsxs(Fragment, {
82
- children: [/*#__PURE__*/_jsx(DSToolbar, {
83
- withDepth: false
84
- }, void 0, /*#__PURE__*/_jsx(ToolbarGroup, {}, void 0, /*#__PURE__*/_jsx(DSSearchBox, {
85
- cleanOnSearch: true,
86
- onSearch: this.handleSearch,
87
- placeholder: "Search all"
88
- }))), /*#__PURE__*/_jsx("div", {
89
- className: "datagrid-tab-content"
90
- }, void 0, /*#__PURE__*/jsx(DSDataGrid, _objectSpread({
91
- columns: columns,
92
- filters: filters,
93
- fluidHeight: true,
94
- getData: boundFetchRows,
95
- id: id,
96
- onFiltersChange: this.handleFiltersChange,
97
- onSelectRow: rowId => handleSelect(rowId, rows),
98
- rows: rows,
99
- searchFilters: searchFilters,
100
- searchGrid: searchGrid,
101
- selectable: true
102
- }, restCustomDataGridOptions)))]
103
- });
49
+ const { onFiltersChange, ...restCustomDataGridOptions } = customDataGridOptions;
50
+ const { filters } = this.state;
51
+ return /* @__PURE__ */ React2.createElement(React2.Fragment, null, /* @__PURE__ */ React2.createElement(DSToolbar, {
52
+ withDepth: false
53
+ }, /* @__PURE__ */ React2.createElement(ToolbarGroup, null, /* @__PURE__ */ React2.createElement(DSSearchBox, {
54
+ cleanOnSearch: true,
55
+ onSearch: this.handleSearch,
56
+ placeholder: "Search all"
57
+ }))), /* @__PURE__ */ React2.createElement("div", {
58
+ className: "datagrid-tab-content"
59
+ }, /* @__PURE__ */ React2.createElement(DSDataGrid, {
60
+ columns,
61
+ filters,
62
+ fluidHeight: true,
63
+ getData: boundFetchRows,
64
+ id,
65
+ onFiltersChange: this.handleFiltersChange,
66
+ onSelectRow: (rowId) => handleSelect(rowId, rows),
67
+ rows,
68
+ searchFilters,
69
+ searchGrid,
70
+ selectable: true,
71
+ ...restCustomDataGridOptions
72
+ })));
104
73
  }
105
-
106
74
  }
107
-
108
- export { DataGridSearch as default };
75
+ export {
76
+ DataGridSearch as default
77
+ };
78
+ //# sourceMappingURL=DataGridSearch.js.map
@@ -0,0 +1,7 @@
1
+ {
2
+ "version": 3,
3
+ "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../src/impl/components/ModalSearchField/DataGridSearch.tsx"],
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;ACAA;AACA;AACA;AACA;AACA;AAEA,6BAA4C,UAAU;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,IAAI;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,4DACE,qCAAC,WAAD;AAAA,MAAW,WAAW;AAAA,OACpB,qCAAC,cAAD,MACE,qCAAC,aAAD;AAAA,MAAa,eAAa;AAAA,MAAC,UAAU,KAAK;AAAA,MAAc,aAAY;AAAA,UAGxE,qCAAC,OAAD;AAAA,MAAK,WAAU;AAAA,OACb,qCAAC,YAAD;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,76 +1,65 @@
1
- import _jsx from '@babel/runtime/helpers/esm/jsx';
2
- import 'core-js/modules/esnext.async-iterator.map.js';
3
- import 'core-js/modules/esnext.iterator.map.js';
4
- import 'react';
5
- import DSModal from '@elliemae/ds-modal';
6
- import { TabTypes, DSTabs, DSTab } from '@elliemae/ds-tabs';
7
- import DataGridSearch from './DataGridSearch.js';
8
-
9
- const ModalSearchField = _ref => {
10
- let {
11
- isOpen = false,
12
- onClose = () => null,
13
- modalTitle = 'Search Field ID',
14
- modalSize = 'x-large',
15
- tabsAnimated = true,
16
- tabsEnableMouseEvents = true,
17
- tabType = TabTypes.NORMAL,
18
- tabData = [],
19
- searchFilters = true,
20
- searchGrid = false,
21
- confirmLabel = 'Apply',
22
- rejectLabel = 'Cancel',
23
- modalType = 'confirm',
24
- onConfirmField = () => null,
25
- onRejectField = () => null,
26
- handleSelect = () => null,
27
- onTabChange = () => null,
28
- appElement = null,
29
- customDataGridOptions = {}
30
- } = _ref;
31
- return /*#__PURE__*/_jsx(DSModal, {
32
- dataTestId: "ds-searchfield-modal",
33
- appElement: appElement,
34
- centered: false,
35
- className: "modal-search-field",
36
- confirmLabel: confirmLabel,
37
- isOpen: isOpen,
38
- modalTitle: modalTitle,
39
- modalType: modalType,
40
- onClose: onClose,
41
- onConfirm: onConfirmField,
42
- onReject: onRejectField,
43
- rejectLabel: rejectLabel,
44
- size: modalSize
45
- }, void 0, tabData.length > 0 && /*#__PURE__*/_jsx(DSTabs, {
46
- animated: tabsAnimated,
47
- enableMouseEvents: tabsEnableMouseEvents,
48
- onlyRenderActiveTab: true,
49
- onTabChange: onTabChange,
50
- type: tabType
51
- }, void 0, tabData.map(_ref2 => {
52
- let {
53
- tabId,
54
- tabTitle,
55
- columns,
56
- rows,
57
- boundFetchRows
58
- } = _ref2;
59
- return /*#__PURE__*/_jsx(DSTab, {
60
- className: "tab-content",
61
- tabId: tabId,
62
- title: tabTitle
63
- }, tabId, /*#__PURE__*/_jsx(DataGridSearch, {
64
- boundFetchRows: boundFetchRows,
65
- columns: columns,
66
- customDataGridOptions: customDataGridOptions,
67
- handleSelect: handleSelect,
68
- id: "datagrid_search_field_".concat(tabId),
69
- rows: rows,
70
- searchFilters: searchFilters,
71
- searchGrid: searchGrid
72
- }));
73
- })));
1
+ import * as React from "react";
2
+ import React2 from "react";
3
+ import DSModal from "@elliemae/ds-modal";
4
+ import { DSTabs, DSTab, TabTypes } from "@elliemae/ds-tabs";
5
+ import DataGridSearch from "./DataGridSearch";
6
+ const ModalSearchField = ({
7
+ isOpen = false,
8
+ onClose = () => null,
9
+ modalTitle = "Search Field ID",
10
+ modalSize = "x-large",
11
+ tabsAnimated = true,
12
+ tabsEnableMouseEvents = true,
13
+ tabType = TabTypes.NORMAL,
14
+ tabData = [],
15
+ searchFilters = true,
16
+ searchGrid = false,
17
+ confirmLabel = "Apply",
18
+ rejectLabel = "Cancel",
19
+ modalType = "confirm",
20
+ onConfirmField = () => null,
21
+ onRejectField = () => null,
22
+ handleSelect = () => null,
23
+ onTabChange = () => null,
24
+ appElement = null,
25
+ customDataGridOptions = {}
26
+ }) => /* @__PURE__ */ React2.createElement(DSModal, {
27
+ dataTestId: "ds-searchfield-modal",
28
+ appElement,
29
+ centered: false,
30
+ className: "modal-search-field",
31
+ confirmLabel,
32
+ isOpen,
33
+ modalTitle,
34
+ modalType,
35
+ onClose,
36
+ onConfirm: onConfirmField,
37
+ onReject: onRejectField,
38
+ rejectLabel,
39
+ size: modalSize
40
+ }, tabData.length > 0 && /* @__PURE__ */ React2.createElement(DSTabs, {
41
+ animated: tabsAnimated,
42
+ enableMouseEvents: tabsEnableMouseEvents,
43
+ onlyRenderActiveTab: true,
44
+ onTabChange,
45
+ type: tabType
46
+ }, tabData.map(({ tabId, tabTitle, columns, rows, boundFetchRows }) => /* @__PURE__ */ React2.createElement(DSTab, {
47
+ key: tabId,
48
+ className: "tab-content",
49
+ tabId,
50
+ title: tabTitle
51
+ }, /* @__PURE__ */ React2.createElement(DataGridSearch, {
52
+ boundFetchRows,
53
+ columns,
54
+ customDataGridOptions,
55
+ handleSelect,
56
+ id: `datagrid_search_field_${tabId}`,
57
+ rows,
58
+ searchFilters,
59
+ searchGrid
60
+ })))));
61
+ var ModalSearchField_default = ModalSearchField;
62
+ export {
63
+ ModalSearchField_default as default
74
64
  };
75
-
76
- export { ModalSearchField as default };
65
+ //# sourceMappingURL=ModalSearchField.js.map
@@ -0,0 +1,7 @@
1
+ {
2
+ "version": 3,
3
+ "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../src/impl/components/ModalSearchField/ModalSearchField.tsx"],
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;ACAA;AACA;AACA;AACA;AAEA,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;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,qCAAC,SAAD;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,qCAAC,QAAD;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,qCAAC,OAAD;AAAA,EAAO,KAAK;AAAA,EAAO,WAAU;AAAA,EAAc;AAAA,EAAc,OAAO;AAAA,GAC9D,qCAAC,gBAAD;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/esm/index.js CHANGED
@@ -1,2 +1,12 @@
1
- export { DSSearchFieldWithSchema, default } from './DSSearchField.js';
2
- export { default as DSModalSearchField } from './impl/components/ModalSearchField/ModalSearchField.js';
1
+ import * as React from "react";
2
+ import {
3
+ default as default2,
4
+ DSModalSearchField,
5
+ DSSearchFieldWithSchema
6
+ } from "./DSSearchField";
7
+ export {
8
+ DSModalSearchField,
9
+ DSSearchFieldWithSchema,
10
+ default2 as default
11
+ };
12
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1,7 @@
1
+ {
2
+ "version": 3,
3
+ "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/index.tsx"],
4
+ "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export {\n default,\n DSModalSearchField,\n DSSearchFieldWithSchema,\n} from './DSSearchField';\n"],
5
+ "mappings": "AAAA;ACAA;AAAA;AAAA;AAAA;AAAA;",
6
+ "names": []
7
+ }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@elliemae/ds-search-field",
3
- "version": "2.2.1",
3
+ "version": "2.3.0-alpha.4",
4
4
  "license": "MIT",
5
5
  "description": "ICE MT - Dimsum - Search Field",
6
6
  "module": "./esm/index.js",
@@ -56,14 +56,14 @@
56
56
  "build": "node ../../scripts/build/build.js"
57
57
  },
58
58
  "dependencies": {
59
- "@elliemae/ds-button": "2.2.1",
60
- "@elliemae/ds-classnames": "2.2.1",
61
- "@elliemae/ds-datagrids": "2.2.1",
62
- "@elliemae/ds-form": "2.2.1",
63
- "@elliemae/ds-icons": "2.2.1",
64
- "@elliemae/ds-modal": "2.2.1",
65
- "@elliemae/ds-tabs": "2.2.1",
66
- "@elliemae/ds-toolbar": "2.2.1",
59
+ "@elliemae/ds-button": "2.3.0-alpha.4",
60
+ "@elliemae/ds-classnames": "2.3.0-alpha.4",
61
+ "@elliemae/ds-datagrids": "2.3.0-alpha.4",
62
+ "@elliemae/ds-form": "2.3.0-alpha.4",
63
+ "@elliemae/ds-icons": "2.3.0-alpha.4",
64
+ "@elliemae/ds-modal": "2.3.0-alpha.4",
65
+ "@elliemae/ds-tabs": "2.3.0-alpha.4",
66
+ "@elliemae/ds-toolbar": "2.3.0-alpha.4",
67
67
  "react-desc": "~4.1.3",
68
68
  "react-select": "~4.3.0",
69
69
  "uid": "~2.0.0"