@elliemae/ds-search-field 3.0.0-next.13 → 3.0.0-next.17
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/impl/components/ModalSearchField/DataGridSearch.js +24 -24
- package/dist/cjs/impl/components/ModalSearchField/DataGridSearch.js.map +2 -2
- package/dist/esm/impl/components/ModalSearchField/DataGridSearch.js +24 -24
- package/dist/esm/impl/components/ModalSearchField/DataGridSearch.js.map +2 -2
- package/package.json +9 -9
|
@@ -64,34 +64,34 @@ var import_uid = require("uid");
|
|
|
64
64
|
class DataGridSearch extends import_react.Component {
|
|
65
65
|
constructor(props) {
|
|
66
66
|
super(props);
|
|
67
|
+
this.handleSearch = (...args) => {
|
|
68
|
+
const { customDataGridOptions } = this.props;
|
|
69
|
+
const { property, value } = args[0];
|
|
70
|
+
const { filters } = this.state;
|
|
71
|
+
this.setState({
|
|
72
|
+
filters: [
|
|
73
|
+
...filters,
|
|
74
|
+
{
|
|
75
|
+
group: property,
|
|
76
|
+
label: "All",
|
|
77
|
+
value,
|
|
78
|
+
id: (0, import_uid.uid)(16)
|
|
79
|
+
}
|
|
80
|
+
]
|
|
81
|
+
});
|
|
82
|
+
if (customDataGridOptions.onFiltersChange)
|
|
83
|
+
customDataGridOptions.onFiltersChange(...args);
|
|
84
|
+
};
|
|
85
|
+
this.handleFiltersChange = (nextFilters) => {
|
|
86
|
+
const { customDataGridOptions } = this.props;
|
|
87
|
+
this.setState({ filters: nextFilters });
|
|
88
|
+
if (customDataGridOptions.onFiltersChange)
|
|
89
|
+
customDataGridOptions.onFiltersChange(nextFilters);
|
|
90
|
+
};
|
|
67
91
|
this.state = {
|
|
68
92
|
filters: props.filters || []
|
|
69
93
|
};
|
|
70
94
|
}
|
|
71
|
-
handleSearch(...args) {
|
|
72
|
-
const { customDataGridOptions } = this.props;
|
|
73
|
-
const { property, value } = args[0];
|
|
74
|
-
const { filters } = this.state;
|
|
75
|
-
this.setState({
|
|
76
|
-
filters: [
|
|
77
|
-
...filters,
|
|
78
|
-
{
|
|
79
|
-
group: property,
|
|
80
|
-
label: "All",
|
|
81
|
-
value,
|
|
82
|
-
id: (0, import_uid.uid)(16)
|
|
83
|
-
}
|
|
84
|
-
]
|
|
85
|
-
});
|
|
86
|
-
if (customDataGridOptions.onFiltersChange)
|
|
87
|
-
customDataGridOptions.onFiltersChange(...args);
|
|
88
|
-
}
|
|
89
|
-
handleFiltersChange(nextFilters) {
|
|
90
|
-
const { customDataGridOptions } = this.props;
|
|
91
|
-
this.setState({ filters: nextFilters });
|
|
92
|
-
if (customDataGridOptions.onFiltersChange)
|
|
93
|
-
customDataGridOptions.onFiltersChange(nextFilters);
|
|
94
|
-
}
|
|
95
95
|
render() {
|
|
96
96
|
const {
|
|
97
97
|
id,
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
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;
|
|
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;AAMR,wBAAe,IAAI,SAAS;AAC1B,YAAM,EAAE,0BAA0B,KAAK;AACvC,YAAM,EAAE,UAAU,UAAU,KAAK;AACjC,YAAM,EAAE,YAAY,KAAK;AACzB,WAAK,SAAS;AAAA,QACZ,SAAS;AAAA,UACP,GAAG;AAAA,UACH;AAAA,YACE,OAAO;AAAA,YACP,OAAO;AAAA,YACP;AAAA,YACA,IAAI,oBAAI;AAAA;AAAA;AAAA;AAId,UAAI,sBAAsB;AAAiB,8BAAsB,gBAAgB,GAAG;AAAA;AAGtF,+BAAsB,CAAC,gBAAgB;AACrC,YAAM,EAAE,0BAA0B,KAAK;AACvC,WAAK,SAAS,EAAE,SAAS;AACzB,UAAI,sBAAsB;AAAiB,8BAAsB,gBAAgB;AAAA;AA1BjF,SAAK,QAAQ;AAAA,MACX,SAAS,MAAM,WAAW;AAAA;AAAA;AAAA,EA4B9B,SAAS;AACP,UAAM;AAAA,MACJ;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,aAAa;AAAA,MACb;AAAA,MACA;AAAA,QACE,KAAK;AACT,UAA0D,4BAAlD,sBAAkD,IAA9B,sCAA8B,IAA9B,CAApB;AACR,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,OACN;AAAA;AAAA;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -35,34 +35,34 @@ import { uid } from "uid";
|
|
|
35
35
|
class DataGridSearch extends Component {
|
|
36
36
|
constructor(props) {
|
|
37
37
|
super(props);
|
|
38
|
+
this.handleSearch = (...args) => {
|
|
39
|
+
const { customDataGridOptions } = this.props;
|
|
40
|
+
const { property, value } = args[0];
|
|
41
|
+
const { filters } = this.state;
|
|
42
|
+
this.setState({
|
|
43
|
+
filters: [
|
|
44
|
+
...filters,
|
|
45
|
+
{
|
|
46
|
+
group: property,
|
|
47
|
+
label: "All",
|
|
48
|
+
value,
|
|
49
|
+
id: uid(16)
|
|
50
|
+
}
|
|
51
|
+
]
|
|
52
|
+
});
|
|
53
|
+
if (customDataGridOptions.onFiltersChange)
|
|
54
|
+
customDataGridOptions.onFiltersChange(...args);
|
|
55
|
+
};
|
|
56
|
+
this.handleFiltersChange = (nextFilters) => {
|
|
57
|
+
const { customDataGridOptions } = this.props;
|
|
58
|
+
this.setState({ filters: nextFilters });
|
|
59
|
+
if (customDataGridOptions.onFiltersChange)
|
|
60
|
+
customDataGridOptions.onFiltersChange(nextFilters);
|
|
61
|
+
};
|
|
38
62
|
this.state = {
|
|
39
63
|
filters: props.filters || []
|
|
40
64
|
};
|
|
41
65
|
}
|
|
42
|
-
handleSearch(...args) {
|
|
43
|
-
const { customDataGridOptions } = this.props;
|
|
44
|
-
const { property, value } = args[0];
|
|
45
|
-
const { filters } = this.state;
|
|
46
|
-
this.setState({
|
|
47
|
-
filters: [
|
|
48
|
-
...filters,
|
|
49
|
-
{
|
|
50
|
-
group: property,
|
|
51
|
-
label: "All",
|
|
52
|
-
value,
|
|
53
|
-
id: uid(16)
|
|
54
|
-
}
|
|
55
|
-
]
|
|
56
|
-
});
|
|
57
|
-
if (customDataGridOptions.onFiltersChange)
|
|
58
|
-
customDataGridOptions.onFiltersChange(...args);
|
|
59
|
-
}
|
|
60
|
-
handleFiltersChange(nextFilters) {
|
|
61
|
-
const { customDataGridOptions } = this.props;
|
|
62
|
-
this.setState({ filters: nextFilters });
|
|
63
|
-
if (customDataGridOptions.onFiltersChange)
|
|
64
|
-
customDataGridOptions.onFiltersChange(nextFilters);
|
|
65
|
-
}
|
|
66
66
|
render() {
|
|
67
67
|
const {
|
|
68
68
|
id,
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
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;
|
|
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;AAMR,wBAAe,IAAI,SAAS;AAC1B,YAAM,EAAE,0BAA0B,KAAK;AACvC,YAAM,EAAE,UAAU,UAAU,KAAK;AACjC,YAAM,EAAE,YAAY,KAAK;AACzB,WAAK,SAAS;AAAA,QACZ,SAAS;AAAA,UACP,GAAG;AAAA,UACH;AAAA,YACE,OAAO;AAAA,YACP,OAAO;AAAA,YACP;AAAA,YACA,IAAI,IAAI;AAAA;AAAA;AAAA;AAId,UAAI,sBAAsB;AAAiB,8BAAsB,gBAAgB,GAAG;AAAA;AAGtF,+BAAsB,CAAC,gBAAgB;AACrC,YAAM,EAAE,0BAA0B,KAAK;AACvC,WAAK,SAAS,EAAE,SAAS;AACzB,UAAI,sBAAsB;AAAiB,8BAAsB,gBAAgB;AAAA;AA1BjF,SAAK,QAAQ;AAAA,MACX,SAAS,MAAM,WAAW;AAAA;AAAA;AAAA,EA4B9B,SAAS;AACP,UAAM;AAAA,MACJ;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,aAAa;AAAA,MACb;AAAA,MACA;AAAA,QACE,KAAK;AACT,UAA0D,4BAAlD,sBAAkD,IAA9B,sCAA8B,IAA9B,CAApB;AACR,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,OACN;AAAA;AAAA;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@elliemae/ds-search-field",
|
|
3
|
-
"version": "3.0.0-next.
|
|
3
|
+
"version": "3.0.0-next.17",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"description": "ICE MT - Dimsum - Search Field",
|
|
6
6
|
"files": [
|
|
@@ -59,14 +59,14 @@
|
|
|
59
59
|
"indent": 4
|
|
60
60
|
},
|
|
61
61
|
"dependencies": {
|
|
62
|
-
"@elliemae/ds-button": "3.0.0-next.
|
|
63
|
-
"@elliemae/ds-classnames": "3.0.0-next.
|
|
64
|
-
"@elliemae/ds-datagrids": "3.0.0-next.
|
|
65
|
-
"@elliemae/ds-form": "3.0.0-next.
|
|
66
|
-
"@elliemae/ds-icons": "3.0.0-next.
|
|
67
|
-
"@elliemae/ds-modal": "3.0.0-next.
|
|
68
|
-
"@elliemae/ds-tabs": "3.0.0-next.
|
|
69
|
-
"@elliemae/ds-toolbar": "3.0.0-next.
|
|
62
|
+
"@elliemae/ds-button": "3.0.0-next.17",
|
|
63
|
+
"@elliemae/ds-classnames": "3.0.0-next.17",
|
|
64
|
+
"@elliemae/ds-datagrids": "3.0.0-next.17",
|
|
65
|
+
"@elliemae/ds-form": "3.0.0-next.17",
|
|
66
|
+
"@elliemae/ds-icons": "3.0.0-next.17",
|
|
67
|
+
"@elliemae/ds-modal": "3.0.0-next.17",
|
|
68
|
+
"@elliemae/ds-tabs": "3.0.0-next.17",
|
|
69
|
+
"@elliemae/ds-toolbar": "3.0.0-next.17",
|
|
70
70
|
"react-desc": "~4.1.3",
|
|
71
71
|
"react-select": "~4.3.1",
|
|
72
72
|
"uid": "~2.0.0"
|