@elliemae/ds-data-table 2.0.0-rc.13 → 2.0.0-rc.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/cjs/addons/Filters/Components/CurrencyRangeFilter/index.js +4 -1
- package/cjs/addons/Filters/Components/DateRangeFilter/index.js +1 -4
- package/cjs/addons/Filters/Components/DateSwitcherFilter/index.js +4 -1
- package/cjs/addons/Filters/Components/NumberRangeFilter/index.js +4 -1
- package/cjs/addons/Filters/Components/SelectFilter/BaseSelectFilter.js +3 -3
- package/cjs/addons/Filters/Components/SingleDateFilter/index.js +1 -4
- package/cjs/exported-related/FilterPopover.js +1 -1
- package/esm/addons/Filters/Components/CurrencyRangeFilter/index.js +4 -1
- package/esm/addons/Filters/Components/DateRangeFilter/index.js +1 -4
- package/esm/addons/Filters/Components/DateSwitcherFilter/index.js +4 -1
- package/esm/addons/Filters/Components/NumberRangeFilter/index.js +4 -1
- package/esm/addons/Filters/Components/SelectFilter/BaseSelectFilter.js +3 -3
- package/esm/addons/Filters/Components/SingleDateFilter/index.js +1 -4
- package/esm/exported-related/FilterPopover.js +1 -1
- package/package.json +18 -18
|
@@ -117,7 +117,10 @@ const CurrencyRangeFilter = props => {
|
|
|
117
117
|
"data-testid": constants.DATA_TESTID.DATA_TABLE_CURRENCY_RANGE_CONTROLLER,
|
|
118
118
|
gutter: "xxxs",
|
|
119
119
|
padding: "xxs",
|
|
120
|
-
cols: ['auto', 'auto']
|
|
120
|
+
cols: ['auto', 'auto'],
|
|
121
|
+
style: {
|
|
122
|
+
background: 'white'
|
|
123
|
+
}
|
|
121
124
|
}, void 0, /*#__PURE__*/_jsx__default["default"](dsFormLayoutBlocks.DSFormLayoutBlockItem, {
|
|
122
125
|
label: "Min",
|
|
123
126
|
inputID: "".concat(idPreffix, "-min-").concat(column.id)
|
|
@@ -89,10 +89,7 @@ const DateRangeFilter = props => {
|
|
|
89
89
|
width: "260px",
|
|
90
90
|
"data-testid": constants.DATA_TESTID.DATA_TABLE_DATE_RANGE_CONTROLLER
|
|
91
91
|
}, void 0, /*#__PURE__*/_jsx__default["default"](Grid__default["default"], {
|
|
92
|
-
p: "xxs"
|
|
93
|
-
style: {
|
|
94
|
-
background: 'white'
|
|
95
|
-
}
|
|
92
|
+
p: "xxs"
|
|
96
93
|
}, void 0, /*#__PURE__*/_jsx__default["default"](dsControlledForm.DSControlledDateRangePicker, {
|
|
97
94
|
fromDate: startDate,
|
|
98
95
|
onFromDateChange: setStartDate,
|
|
@@ -92,7 +92,10 @@ const DateSwitcherFilter = props => {
|
|
|
92
92
|
"data-testid": constants.DATA_TESTID.DATA_TABLE_DATE_RANGE_CONTROLLER
|
|
93
93
|
}, void 0, /*#__PURE__*/_jsx__default["default"](Grid__default["default"], {
|
|
94
94
|
p: "xxs",
|
|
95
|
-
gutter: "xxs"
|
|
95
|
+
gutter: "xxs",
|
|
96
|
+
style: {
|
|
97
|
+
background: 'white'
|
|
98
|
+
}
|
|
96
99
|
}, void 0, /*#__PURE__*/_jsx__default["default"](dsControlledForm.DSControlledCheckbox, {
|
|
97
100
|
checked: isDateRange,
|
|
98
101
|
name: "Date range",
|
|
@@ -120,7 +120,10 @@ const NumberRangeFilter = props => {
|
|
|
120
120
|
"data-testid": constants.DATA_TESTID.DATA_TABLE_NUMBER_RANGE_CONTROLLER,
|
|
121
121
|
gutter: "xxxs",
|
|
122
122
|
padding: "xxs",
|
|
123
|
-
cols: ['auto', 'auto']
|
|
123
|
+
cols: ['auto', 'auto'],
|
|
124
|
+
style: {
|
|
125
|
+
background: 'white'
|
|
126
|
+
}
|
|
124
127
|
}, void 0, /*#__PURE__*/_jsx__default["default"](dsFormLayoutBlocks.DSFormLayoutBlockItem, {
|
|
125
128
|
label: "Low",
|
|
126
129
|
inputID: "".concat(idPreffix, "-low-").concat(column.id)
|
|
@@ -140,7 +140,8 @@ const BaseSelectFilter = props => {
|
|
|
140
140
|
options: filters,
|
|
141
141
|
onChange: handleOnChange,
|
|
142
142
|
selectedValues: selectedItems,
|
|
143
|
-
onFilter: handleOnFilter
|
|
143
|
+
onFilter: handleOnFilter,
|
|
144
|
+
menuMaxHeight: 300
|
|
144
145
|
}));
|
|
145
146
|
|
|
146
147
|
const handleOnClickOutside = () => {
|
|
@@ -157,8 +158,7 @@ const BaseSelectFilter = props => {
|
|
|
157
158
|
ariaLabel: "Open Selection Filter",
|
|
158
159
|
onClickOutsideMenu: handleOnClickOutside,
|
|
159
160
|
customStyles: {
|
|
160
|
-
width: (_column$ref$current$o = (_column$ref = column.ref) === null || _column$ref === void 0 ? void 0 : (_column$ref$current = _column$ref.current) === null || _column$ref$current === void 0 ? void 0 : _column$ref$current.offsetWidth) !== null && _column$ref$current$o !== void 0 ? _column$ref$current$o : '0px'
|
|
161
|
-
maxHeight: '300px'
|
|
161
|
+
width: (_column$ref$current$o = (_column$ref = column.ref) === null || _column$ref === void 0 ? void 0 : (_column$ref$current = _column$ref.current) === null || _column$ref$current === void 0 ? void 0 : _column$ref$current.offsetWidth) !== null && _column$ref$current$o !== void 0 ? _column$ref$current$o : '0px'
|
|
162
162
|
}
|
|
163
163
|
});
|
|
164
164
|
};
|
|
@@ -79,10 +79,7 @@ const SingleDateFilter = props => {
|
|
|
79
79
|
"data-testid": constants.DATA_TESTID.DATA_TABLE_SINGLE_DATE_CONTROLLER,
|
|
80
80
|
width: "260px"
|
|
81
81
|
}, void 0, /*#__PURE__*/_jsx__default["default"](Grid__default["default"], {
|
|
82
|
-
p: "xxs"
|
|
83
|
-
style: {
|
|
84
|
-
background: 'white'
|
|
85
|
-
}
|
|
82
|
+
p: "xxs"
|
|
86
83
|
}, void 0, /*#__PURE__*/_jsx__default["default"](dsControlledForm.DSControlledDateTimePicker, {
|
|
87
84
|
date: date,
|
|
88
85
|
onDateChange: setDate,
|
|
@@ -54,7 +54,7 @@ const Button = /*#__PURE__*/styled__default["default"](DSButton__default["defaul
|
|
|
54
54
|
})(["position:relative;justify-self:flex-end;"]);
|
|
55
55
|
const PopperContent = /*#__PURE__*/styled__default["default"].div.withConfig({
|
|
56
56
|
componentId: "sc-16i88ut-2"
|
|
57
|
-
})(["background-color
|
|
57
|
+
})(["background-color:#fff;"]);
|
|
58
58
|
const FilterPopover = _ref2 => {
|
|
59
59
|
var _column$ref$current$o, _column$ref, _column$ref$current;
|
|
60
60
|
|
|
@@ -107,7 +107,10 @@ const CurrencyRangeFilter = props => {
|
|
|
107
107
|
"data-testid": DATA_TESTID.DATA_TABLE_CURRENCY_RANGE_CONTROLLER,
|
|
108
108
|
gutter: "xxxs",
|
|
109
109
|
padding: "xxs",
|
|
110
|
-
cols: ['auto', 'auto']
|
|
110
|
+
cols: ['auto', 'auto'],
|
|
111
|
+
style: {
|
|
112
|
+
background: 'white'
|
|
113
|
+
}
|
|
111
114
|
}, void 0, /*#__PURE__*/_jsx(DSFormLayoutBlockItem, {
|
|
112
115
|
label: "Min",
|
|
113
116
|
inputID: "".concat(idPreffix, "-min-").concat(column.id)
|
|
@@ -80,10 +80,7 @@ const DateRangeFilter = props => {
|
|
|
80
80
|
width: "260px",
|
|
81
81
|
"data-testid": DATA_TESTID.DATA_TABLE_DATE_RANGE_CONTROLLER
|
|
82
82
|
}, void 0, /*#__PURE__*/_jsx(Grid, {
|
|
83
|
-
p: "xxs"
|
|
84
|
-
style: {
|
|
85
|
-
background: 'white'
|
|
86
|
-
}
|
|
83
|
+
p: "xxs"
|
|
87
84
|
}, void 0, /*#__PURE__*/_jsx(DSControlledDateRangePicker, {
|
|
88
85
|
fromDate: startDate,
|
|
89
86
|
onFromDateChange: setStartDate,
|
|
@@ -83,7 +83,10 @@ const DateSwitcherFilter = props => {
|
|
|
83
83
|
"data-testid": DATA_TESTID.DATA_TABLE_DATE_RANGE_CONTROLLER
|
|
84
84
|
}, void 0, /*#__PURE__*/_jsx(Grid, {
|
|
85
85
|
p: "xxs",
|
|
86
|
-
gutter: "xxs"
|
|
86
|
+
gutter: "xxs",
|
|
87
|
+
style: {
|
|
88
|
+
background: 'white'
|
|
89
|
+
}
|
|
87
90
|
}, void 0, /*#__PURE__*/_jsx(DSControlledCheckbox, {
|
|
88
91
|
checked: isDateRange,
|
|
89
92
|
name: "Date range",
|
|
@@ -110,7 +110,10 @@ const NumberRangeFilter = props => {
|
|
|
110
110
|
"data-testid": DATA_TESTID.DATA_TABLE_NUMBER_RANGE_CONTROLLER,
|
|
111
111
|
gutter: "xxxs",
|
|
112
112
|
padding: "xxs",
|
|
113
|
-
cols: ['auto', 'auto']
|
|
113
|
+
cols: ['auto', 'auto'],
|
|
114
|
+
style: {
|
|
115
|
+
background: 'white'
|
|
116
|
+
}
|
|
114
117
|
}, void 0, /*#__PURE__*/_jsx(DSFormLayoutBlockItem, {
|
|
115
118
|
label: "Low",
|
|
116
119
|
inputID: "".concat(idPreffix, "-low-").concat(column.id)
|
|
@@ -132,7 +132,8 @@ const BaseSelectFilter = props => {
|
|
|
132
132
|
options: filters,
|
|
133
133
|
onChange: handleOnChange,
|
|
134
134
|
selectedValues: selectedItems,
|
|
135
|
-
onFilter: handleOnFilter
|
|
135
|
+
onFilter: handleOnFilter,
|
|
136
|
+
menuMaxHeight: 300
|
|
136
137
|
}));
|
|
137
138
|
|
|
138
139
|
const handleOnClickOutside = () => {
|
|
@@ -149,8 +150,7 @@ const BaseSelectFilter = props => {
|
|
|
149
150
|
ariaLabel: "Open Selection Filter",
|
|
150
151
|
onClickOutsideMenu: handleOnClickOutside,
|
|
151
152
|
customStyles: {
|
|
152
|
-
width: (_column$ref$current$o = (_column$ref = column.ref) === null || _column$ref === void 0 ? void 0 : (_column$ref$current = _column$ref.current) === null || _column$ref$current === void 0 ? void 0 : _column$ref$current.offsetWidth) !== null && _column$ref$current$o !== void 0 ? _column$ref$current$o : '0px'
|
|
153
|
-
maxHeight: '300px'
|
|
153
|
+
width: (_column$ref$current$o = (_column$ref = column.ref) === null || _column$ref === void 0 ? void 0 : (_column$ref$current = _column$ref.current) === null || _column$ref$current === void 0 ? void 0 : _column$ref$current.offsetWidth) !== null && _column$ref$current$o !== void 0 ? _column$ref$current$o : '0px'
|
|
154
154
|
}
|
|
155
155
|
});
|
|
156
156
|
};
|
|
@@ -70,10 +70,7 @@ const SingleDateFilter = props => {
|
|
|
70
70
|
"data-testid": DATA_TESTID.DATA_TABLE_SINGLE_DATE_CONTROLLER,
|
|
71
71
|
width: "260px"
|
|
72
72
|
}, void 0, /*#__PURE__*/_jsx(Grid, {
|
|
73
|
-
p: "xxs"
|
|
74
|
-
style: {
|
|
75
|
-
background: 'white'
|
|
76
|
-
}
|
|
73
|
+
p: "xxs"
|
|
77
74
|
}, void 0, /*#__PURE__*/_jsx(DSControlledDateTimePicker, {
|
|
78
75
|
date: date,
|
|
79
76
|
onDateChange: setDate,
|
|
@@ -43,7 +43,7 @@ const Button = /*#__PURE__*/styled(DSButton).withConfig({
|
|
|
43
43
|
})(["position:relative;justify-self:flex-end;"]);
|
|
44
44
|
const PopperContent = /*#__PURE__*/styled.div.withConfig({
|
|
45
45
|
componentId: "sc-16i88ut-2"
|
|
46
|
-
})(["background-color
|
|
46
|
+
})(["background-color:#fff;"]);
|
|
47
47
|
const FilterPopover = _ref2 => {
|
|
48
48
|
var _column$ref$current$o, _column$ref, _column$ref$current;
|
|
49
49
|
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@elliemae/ds-data-table",
|
|
3
|
-
"version": "2.0.0-rc.
|
|
3
|
+
"version": "2.0.0-rc.17",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"description": "ICE MT - Dimsum - Data Table",
|
|
6
6
|
"module": "./esm/index.js",
|
|
@@ -570,23 +570,23 @@
|
|
|
570
570
|
"dependencies": {
|
|
571
571
|
"@dnd-kit/core": "~4.0.1",
|
|
572
572
|
"@dnd-kit/sortable": "~5.0.0",
|
|
573
|
-
"@elliemae/ds-button": "2.0.0-rc.
|
|
574
|
-
"@elliemae/ds-circular-progress-indicator": "2.0.0-rc.
|
|
575
|
-
"@elliemae/ds-controlled-form": "2.0.0-rc.
|
|
576
|
-
"@elliemae/ds-drag-and-drop": "2.0.0-rc.
|
|
577
|
-
"@elliemae/ds-dropdownmenu": "2.0.0-rc.
|
|
578
|
-
"@elliemae/ds-form": "2.0.0-rc.
|
|
579
|
-
"@elliemae/ds-form-layout-blocks": "2.0.0-rc.
|
|
580
|
-
"@elliemae/ds-grid": "2.0.0-rc.
|
|
581
|
-
"@elliemae/ds-icons": "2.0.0-rc.
|
|
582
|
-
"@elliemae/ds-indeterminate-progress-indicator": "2.0.0-rc.
|
|
583
|
-
"@elliemae/ds-pagination": "2.0.0-rc.
|
|
584
|
-
"@elliemae/ds-pills": "2.0.0-rc.
|
|
585
|
-
"@elliemae/ds-popperjs": "2.0.0-rc.
|
|
586
|
-
"@elliemae/ds-system": "2.0.0-rc.
|
|
587
|
-
"@elliemae/ds-toolbar": "2.0.0-rc.
|
|
588
|
-
"@elliemae/ds-truncated-tooltip-text": "2.0.0-rc.
|
|
589
|
-
"@elliemae/ds-utilities": "2.0.0-rc.
|
|
573
|
+
"@elliemae/ds-button": "2.0.0-rc.17",
|
|
574
|
+
"@elliemae/ds-circular-progress-indicator": "2.0.0-rc.17",
|
|
575
|
+
"@elliemae/ds-controlled-form": "2.0.0-rc.17",
|
|
576
|
+
"@elliemae/ds-drag-and-drop": "2.0.0-rc.17",
|
|
577
|
+
"@elliemae/ds-dropdownmenu": "2.0.0-rc.17",
|
|
578
|
+
"@elliemae/ds-form": "2.0.0-rc.17",
|
|
579
|
+
"@elliemae/ds-form-layout-blocks": "2.0.0-rc.17",
|
|
580
|
+
"@elliemae/ds-grid": "2.0.0-rc.17",
|
|
581
|
+
"@elliemae/ds-icons": "2.0.0-rc.17",
|
|
582
|
+
"@elliemae/ds-indeterminate-progress-indicator": "2.0.0-rc.17",
|
|
583
|
+
"@elliemae/ds-pagination": "2.0.0-rc.17",
|
|
584
|
+
"@elliemae/ds-pills": "2.0.0-rc.17",
|
|
585
|
+
"@elliemae/ds-popperjs": "2.0.0-rc.17",
|
|
586
|
+
"@elliemae/ds-system": "2.0.0-rc.17",
|
|
587
|
+
"@elliemae/ds-toolbar": "2.0.0-rc.17",
|
|
588
|
+
"@elliemae/ds-truncated-tooltip-text": "2.0.0-rc.17",
|
|
589
|
+
"@elliemae/ds-utilities": "2.0.0-rc.17",
|
|
590
590
|
"@reduxjs/toolkit": "~1.6.2",
|
|
591
591
|
"csstype": "~3.0.9",
|
|
592
592
|
"moment": "~2.29.1",
|