@elliemae/ds-data-table 2.1.0-rc.6 → 2.1.0
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/DateRangeFilter/index.js +4 -1
- package/cjs/addons/Filters/Components/SelectFilter/BaseSelectFilter.js +2 -2
- package/cjs/addons/Filters/Components/SingleDateFilter/index.js +4 -1
- package/cjs/parts/FilterBar/components/DateRangePill.js +3 -1
- package/cjs/parts/FilterBar/components/DateSwitcherPill.js +3 -1
- package/cjs/parts/FilterBar/components/MultiSelectPill.js +3 -1
- package/cjs/parts/FilterBar/components/NumberRangePill.js +3 -1
- package/cjs/parts/FilterBar/components/SelectPill.js +3 -1
- package/cjs/parts/FilterBar/components/SingleDatePill.js +3 -1
- package/esm/addons/Filters/Components/DateRangeFilter/index.js +4 -1
- package/esm/addons/Filters/Components/SelectFilter/BaseSelectFilter.js +1 -1
- package/esm/addons/Filters/Components/SingleDateFilter/index.js +4 -1
- package/esm/parts/FilterBar/components/DateRangePill.js +3 -1
- package/esm/parts/FilterBar/components/DateSwitcherPill.js +3 -1
- package/esm/parts/FilterBar/components/MultiSelectPill.js +3 -1
- package/esm/parts/FilterBar/components/NumberRangePill.js +3 -1
- package/esm/parts/FilterBar/components/SelectPill.js +3 -1
- package/esm/parts/FilterBar/components/SingleDatePill.js +3 -1
- package/package.json +18 -18
|
@@ -89,7 +89,10 @@ 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"
|
|
92
|
+
p: "xxs",
|
|
93
|
+
style: {
|
|
94
|
+
background: 'white'
|
|
95
|
+
}
|
|
93
96
|
}, void 0, /*#__PURE__*/_jsx__default["default"](dsControlledForm.DSControlledDateRangePicker, {
|
|
94
97
|
fromDate: startDate,
|
|
95
98
|
onFromDateChange: setStartDate,
|
|
@@ -29,7 +29,7 @@ require('core-js/modules/esnext.async-iterator.filter.js');
|
|
|
29
29
|
require('core-js/modules/esnext.iterator.filter.js');
|
|
30
30
|
var React = require('react');
|
|
31
31
|
var Grid = require('@elliemae/ds-grid');
|
|
32
|
-
var
|
|
32
|
+
var dsControlledForm = require('@elliemae/ds-controlled-form');
|
|
33
33
|
var dsIcons = require('@elliemae/ds-icons');
|
|
34
34
|
var FilterPopover = require('../../../../exported-related/FilterPopover.js');
|
|
35
35
|
require('../../../../styled.js');
|
|
@@ -134,7 +134,7 @@ const BaseSelectFilter = props => {
|
|
|
134
134
|
background: '#fff',
|
|
135
135
|
position: 'relative'
|
|
136
136
|
}
|
|
137
|
-
}, void 0, /*#__PURE__*/_jsx__default["default"](
|
|
137
|
+
}, void 0, /*#__PURE__*/_jsx__default["default"](dsControlledForm.DSComboBox, {
|
|
138
138
|
inline: true,
|
|
139
139
|
autoFocus: true,
|
|
140
140
|
options: filters,
|
|
@@ -79,7 +79,10 @@ 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"
|
|
82
|
+
p: "xxs",
|
|
83
|
+
style: {
|
|
84
|
+
background: 'white'
|
|
85
|
+
}
|
|
83
86
|
}, void 0, /*#__PURE__*/_jsx__default["default"](dsControlledForm.DSControlledDateTimePicker, {
|
|
84
87
|
date: date,
|
|
85
88
|
onDateChange: setDate,
|
|
@@ -28,7 +28,9 @@ const DateRangePill = _ref => {
|
|
|
28
28
|
nextRef
|
|
29
29
|
} = _ref;
|
|
30
30
|
const handleOnRemove = React.useCallback(() => {
|
|
31
|
-
|
|
31
|
+
var _nextRef$current;
|
|
32
|
+
|
|
33
|
+
if (prevRef !== null && prevRef !== void 0 && prevRef.current) prevRef.current.focus();else (_nextRef$current = nextRef.current) === null || _nextRef$current === void 0 ? void 0 : _nextRef$current.focus();
|
|
32
34
|
onFiltersChange(filters.filter(filter => filter.id !== column));
|
|
33
35
|
}, [onFiltersChange, filters, prevRef, nextRef, column]);
|
|
34
36
|
return value !== null && value !== void 0 && value.startDate && value !== null && value !== void 0 && value.endDate ? /*#__PURE__*/_jsx__default["default"](dsPills.DSPillGroupV2, {}, void 0, /*#__PURE__*/_jsx__default["default"](dsPills.DSPillV2, {
|
|
@@ -28,7 +28,9 @@ const DateSwitcherPill = _ref => {
|
|
|
28
28
|
nextRef
|
|
29
29
|
} = _ref;
|
|
30
30
|
const handleOnRemove = React.useCallback(() => {
|
|
31
|
-
|
|
31
|
+
var _nextRef$current;
|
|
32
|
+
|
|
33
|
+
if (prevRef !== null && prevRef !== void 0 && prevRef.current) prevRef.current.focus();else (_nextRef$current = nextRef.current) === null || _nextRef$current === void 0 ? void 0 : _nextRef$current.focus();
|
|
32
34
|
onFiltersChange(filters.filter(filter => filter.id !== column));
|
|
33
35
|
}, [onFiltersChange, filters, prevRef, nextRef, column]);
|
|
34
36
|
return value !== null && value !== void 0 && value.startDate && value !== null && value !== void 0 && value.endDate ? /*#__PURE__*/_jsx__default["default"](dsPills.DSPillGroupV2, {}, void 0, /*#__PURE__*/_jsx__default["default"](dsPills.DSPillV2, {
|
|
@@ -34,7 +34,9 @@ const MultiSelectPill = _ref => {
|
|
|
34
34
|
newFilters[filterIndex].value = multiSelectedValue.filter(val => val.dsId !== valToRemove.dsId);
|
|
35
35
|
|
|
36
36
|
if (newFilters[filterIndex].value.length === 0) {
|
|
37
|
-
|
|
37
|
+
var _nextRef$current;
|
|
38
|
+
|
|
39
|
+
if (prevRef !== null && prevRef !== void 0 && prevRef.current) prevRef.current.focus();else (_nextRef$current = nextRef.current) === null || _nextRef$current === void 0 ? void 0 : _nextRef$current.focus();
|
|
38
40
|
newFilters.splice(filterIndex, 1);
|
|
39
41
|
}
|
|
40
42
|
|
|
@@ -27,7 +27,9 @@ const NumberRangePill = _ref => {
|
|
|
27
27
|
nextRef
|
|
28
28
|
} = _ref;
|
|
29
29
|
const handleOnRemove = React.useCallback(() => {
|
|
30
|
-
|
|
30
|
+
var _nextRef$current;
|
|
31
|
+
|
|
32
|
+
if (prevRef !== null && prevRef !== void 0 && prevRef.current) prevRef.current.focus();else (_nextRef$current = nextRef.current) === null || _nextRef$current === void 0 ? void 0 : _nextRef$current.focus();
|
|
31
33
|
onFiltersChange(filters.filter(filter => filter.id !== column));
|
|
32
34
|
}, [onFiltersChange, filters, column, prevRef, nextRef]);
|
|
33
35
|
return ((_value$from = value === null || value === void 0 ? void 0 : value.from) !== null && _value$from !== void 0 ? _value$from : '') !== '' && ((_value$to = value === null || value === void 0 ? void 0 : value.to) !== null && _value$to !== void 0 ? _value$to : '') !== '' ? /*#__PURE__*/_jsx__default["default"](dsPills.DSPillGroupV2, {}, void 0, /*#__PURE__*/_jsx__default["default"](dsPills.DSPillV2, {
|
|
@@ -25,7 +25,9 @@ const SelectPill = _ref => {
|
|
|
25
25
|
nextRef
|
|
26
26
|
} = _ref;
|
|
27
27
|
const handleOnRemove = React.useCallback(() => {
|
|
28
|
-
|
|
28
|
+
var _nextRef$current;
|
|
29
|
+
|
|
30
|
+
if (prevRef !== null && prevRef !== void 0 && prevRef.current) prevRef.current.focus();else (_nextRef$current = nextRef.current) === null || _nextRef$current === void 0 ? void 0 : _nextRef$current.focus();
|
|
29
31
|
onFiltersChange(filters.filter(filter => filter.id !== column));
|
|
30
32
|
}, [onFiltersChange, filters, prevRef, nextRef, column]);
|
|
31
33
|
return value ? /*#__PURE__*/_jsx__default["default"](dsPills.DSPillGroupV2, {}, void 0, /*#__PURE__*/_jsx__default["default"](dsPills.DSPillV2, {
|
|
@@ -26,7 +26,9 @@ const SingleDatePill = _ref => {
|
|
|
26
26
|
nextRef
|
|
27
27
|
} = _ref;
|
|
28
28
|
const handleOnRemove = React.useCallback(() => {
|
|
29
|
-
|
|
29
|
+
var _nextRef$current;
|
|
30
|
+
|
|
31
|
+
if (prevRef !== null && prevRef !== void 0 && prevRef.current) prevRef.current.focus();else (_nextRef$current = nextRef.current) === null || _nextRef$current === void 0 ? void 0 : _nextRef$current.focus();
|
|
30
32
|
onFiltersChange(filters.filter(filter => filter.id !== column));
|
|
31
33
|
}, [onFiltersChange, filters, prevRef, nextRef, column]);
|
|
32
34
|
return value ? /*#__PURE__*/_jsx__default["default"](dsPills.DSPillGroupV2, {}, void 0, /*#__PURE__*/_jsx__default["default"](dsPills.DSPillV2, {
|
|
@@ -80,7 +80,10 @@ 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"
|
|
83
|
+
p: "xxs",
|
|
84
|
+
style: {
|
|
85
|
+
background: 'white'
|
|
86
|
+
}
|
|
84
87
|
}, void 0, /*#__PURE__*/_jsx(DSControlledDateRangePicker, {
|
|
85
88
|
fromDate: startDate,
|
|
86
89
|
onFromDateChange: setStartDate,
|
|
@@ -25,7 +25,7 @@ import 'core-js/modules/esnext.async-iterator.filter.js';
|
|
|
25
25
|
import 'core-js/modules/esnext.iterator.filter.js';
|
|
26
26
|
import { useMemo, useState, useEffect, useCallback } from 'react';
|
|
27
27
|
import { Grid } from '@elliemae/ds-grid';
|
|
28
|
-
import { DSComboBox } from '@elliemae/ds-form
|
|
28
|
+
import { DSComboBox } from '@elliemae/ds-controlled-form';
|
|
29
29
|
import { SearchXsmall } from '@elliemae/ds-icons';
|
|
30
30
|
import { FilterPopover } from '../../../../exported-related/FilterPopover.js';
|
|
31
31
|
import '../../../../styled.js';
|
|
@@ -70,7 +70,10 @@ 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"
|
|
73
|
+
p: "xxs",
|
|
74
|
+
style: {
|
|
75
|
+
background: 'white'
|
|
76
|
+
}
|
|
74
77
|
}, void 0, /*#__PURE__*/_jsx(DSControlledDateTimePicker, {
|
|
75
78
|
date: date,
|
|
76
79
|
onDateChange: setDate,
|
|
@@ -20,7 +20,9 @@ const DateRangePill = _ref => {
|
|
|
20
20
|
nextRef
|
|
21
21
|
} = _ref;
|
|
22
22
|
const handleOnRemove = useCallback(() => {
|
|
23
|
-
|
|
23
|
+
var _nextRef$current;
|
|
24
|
+
|
|
25
|
+
if (prevRef !== null && prevRef !== void 0 && prevRef.current) prevRef.current.focus();else (_nextRef$current = nextRef.current) === null || _nextRef$current === void 0 ? void 0 : _nextRef$current.focus();
|
|
24
26
|
onFiltersChange(filters.filter(filter => filter.id !== column));
|
|
25
27
|
}, [onFiltersChange, filters, prevRef, nextRef, column]);
|
|
26
28
|
return value !== null && value !== void 0 && value.startDate && value !== null && value !== void 0 && value.endDate ? /*#__PURE__*/_jsx(DSPillGroupV2, {}, void 0, /*#__PURE__*/_jsx(DSPillV2, {
|
|
@@ -20,7 +20,9 @@ const DateSwitcherPill = _ref => {
|
|
|
20
20
|
nextRef
|
|
21
21
|
} = _ref;
|
|
22
22
|
const handleOnRemove = useCallback(() => {
|
|
23
|
-
|
|
23
|
+
var _nextRef$current;
|
|
24
|
+
|
|
25
|
+
if (prevRef !== null && prevRef !== void 0 && prevRef.current) prevRef.current.focus();else (_nextRef$current = nextRef.current) === null || _nextRef$current === void 0 ? void 0 : _nextRef$current.focus();
|
|
24
26
|
onFiltersChange(filters.filter(filter => filter.id !== column));
|
|
25
27
|
}, [onFiltersChange, filters, prevRef, nextRef, column]);
|
|
26
28
|
return value !== null && value !== void 0 && value.startDate && value !== null && value !== void 0 && value.endDate ? /*#__PURE__*/_jsx(DSPillGroupV2, {}, void 0, /*#__PURE__*/_jsx(DSPillV2, {
|
|
@@ -26,7 +26,9 @@ const MultiSelectPill = _ref => {
|
|
|
26
26
|
newFilters[filterIndex].value = multiSelectedValue.filter(val => val.dsId !== valToRemove.dsId);
|
|
27
27
|
|
|
28
28
|
if (newFilters[filterIndex].value.length === 0) {
|
|
29
|
-
|
|
29
|
+
var _nextRef$current;
|
|
30
|
+
|
|
31
|
+
if (prevRef !== null && prevRef !== void 0 && prevRef.current) prevRef.current.focus();else (_nextRef$current = nextRef.current) === null || _nextRef$current === void 0 ? void 0 : _nextRef$current.focus();
|
|
30
32
|
newFilters.splice(filterIndex, 1);
|
|
31
33
|
}
|
|
32
34
|
|
|
@@ -19,7 +19,9 @@ const NumberRangePill = _ref => {
|
|
|
19
19
|
nextRef
|
|
20
20
|
} = _ref;
|
|
21
21
|
const handleOnRemove = useCallback(() => {
|
|
22
|
-
|
|
22
|
+
var _nextRef$current;
|
|
23
|
+
|
|
24
|
+
if (prevRef !== null && prevRef !== void 0 && prevRef.current) prevRef.current.focus();else (_nextRef$current = nextRef.current) === null || _nextRef$current === void 0 ? void 0 : _nextRef$current.focus();
|
|
23
25
|
onFiltersChange(filters.filter(filter => filter.id !== column));
|
|
24
26
|
}, [onFiltersChange, filters, column, prevRef, nextRef]);
|
|
25
27
|
return ((_value$from = value === null || value === void 0 ? void 0 : value.from) !== null && _value$from !== void 0 ? _value$from : '') !== '' && ((_value$to = value === null || value === void 0 ? void 0 : value.to) !== null && _value$to !== void 0 ? _value$to : '') !== '' ? /*#__PURE__*/_jsx(DSPillGroupV2, {}, void 0, /*#__PURE__*/_jsx(DSPillV2, {
|
|
@@ -17,7 +17,9 @@ const SelectPill = _ref => {
|
|
|
17
17
|
nextRef
|
|
18
18
|
} = _ref;
|
|
19
19
|
const handleOnRemove = useCallback(() => {
|
|
20
|
-
|
|
20
|
+
var _nextRef$current;
|
|
21
|
+
|
|
22
|
+
if (prevRef !== null && prevRef !== void 0 && prevRef.current) prevRef.current.focus();else (_nextRef$current = nextRef.current) === null || _nextRef$current === void 0 ? void 0 : _nextRef$current.focus();
|
|
21
23
|
onFiltersChange(filters.filter(filter => filter.id !== column));
|
|
22
24
|
}, [onFiltersChange, filters, prevRef, nextRef, column]);
|
|
23
25
|
return value ? /*#__PURE__*/_jsx(DSPillGroupV2, {}, void 0, /*#__PURE__*/_jsx(DSPillV2, {
|
|
@@ -18,7 +18,9 @@ const SingleDatePill = _ref => {
|
|
|
18
18
|
nextRef
|
|
19
19
|
} = _ref;
|
|
20
20
|
const handleOnRemove = useCallback(() => {
|
|
21
|
-
|
|
21
|
+
var _nextRef$current;
|
|
22
|
+
|
|
23
|
+
if (prevRef !== null && prevRef !== void 0 && prevRef.current) prevRef.current.focus();else (_nextRef$current = nextRef.current) === null || _nextRef$current === void 0 ? void 0 : _nextRef$current.focus();
|
|
22
24
|
onFiltersChange(filters.filter(filter => filter.id !== column));
|
|
23
25
|
}, [onFiltersChange, filters, prevRef, nextRef, column]);
|
|
24
26
|
return value ? /*#__PURE__*/_jsx(DSPillGroupV2, {}, void 0, /*#__PURE__*/_jsx(DSPillV2, {
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@elliemae/ds-data-table",
|
|
3
|
-
"version": "2.1.0
|
|
3
|
+
"version": "2.1.0",
|
|
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.1.0
|
|
574
|
-
"@elliemae/ds-circular-progress-indicator": "2.1.0
|
|
575
|
-
"@elliemae/ds-controlled-form": "2.1.0
|
|
576
|
-
"@elliemae/ds-drag-and-drop": "2.1.0
|
|
577
|
-
"@elliemae/ds-dropdownmenu": "2.1.0
|
|
578
|
-
"@elliemae/ds-form": "2.1.0
|
|
579
|
-
"@elliemae/ds-form-layout-blocks": "2.1.0
|
|
580
|
-
"@elliemae/ds-grid": "2.1.0
|
|
581
|
-
"@elliemae/ds-icons": "2.1.0
|
|
582
|
-
"@elliemae/ds-indeterminate-progress-indicator": "2.1.0
|
|
583
|
-
"@elliemae/ds-pagination": "2.1.0
|
|
584
|
-
"@elliemae/ds-pills": "2.1.0
|
|
585
|
-
"@elliemae/ds-popperjs": "2.1.0
|
|
586
|
-
"@elliemae/ds-system": "2.1.0
|
|
587
|
-
"@elliemae/ds-toolbar": "2.1.0
|
|
588
|
-
"@elliemae/ds-truncated-tooltip-text": "2.1.0
|
|
589
|
-
"@elliemae/ds-utilities": "2.1.0
|
|
573
|
+
"@elliemae/ds-button": "2.1.0",
|
|
574
|
+
"@elliemae/ds-circular-progress-indicator": "2.1.0",
|
|
575
|
+
"@elliemae/ds-controlled-form": "2.1.0",
|
|
576
|
+
"@elliemae/ds-drag-and-drop": "2.1.0",
|
|
577
|
+
"@elliemae/ds-dropdownmenu": "2.1.0",
|
|
578
|
+
"@elliemae/ds-form": "2.1.0",
|
|
579
|
+
"@elliemae/ds-form-layout-blocks": "2.1.0",
|
|
580
|
+
"@elliemae/ds-grid": "2.1.0",
|
|
581
|
+
"@elliemae/ds-icons": "2.1.0",
|
|
582
|
+
"@elliemae/ds-indeterminate-progress-indicator": "2.1.0",
|
|
583
|
+
"@elliemae/ds-pagination": "2.1.0",
|
|
584
|
+
"@elliemae/ds-pills": "2.1.0",
|
|
585
|
+
"@elliemae/ds-popperjs": "2.1.0",
|
|
586
|
+
"@elliemae/ds-system": "2.1.0",
|
|
587
|
+
"@elliemae/ds-toolbar": "2.1.0",
|
|
588
|
+
"@elliemae/ds-truncated-tooltip-text": "2.1.0",
|
|
589
|
+
"@elliemae/ds-utilities": "2.1.0",
|
|
590
590
|
"@reduxjs/toolkit": "~1.6.2",
|
|
591
591
|
"csstype": "~3.0.9",
|
|
592
592
|
"moment": "~2.29.1",
|