@elliemae/ds-data-table 2.3.0-next.9 → 2.3.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.
|
@@ -53,7 +53,9 @@ const EditableCell = props => {
|
|
|
53
53
|
}
|
|
54
54
|
}, [isEditing, handleCellClick, setIsEditing]);
|
|
55
55
|
const handleOnBlur = React.useCallback(event => {
|
|
56
|
-
|
|
56
|
+
var _event$currentTarget;
|
|
57
|
+
|
|
58
|
+
if (isEditing && !((_event$currentTarget = event.currentTarget) !== null && _event$currentTarget !== void 0 && _event$currentTarget.contains(event.relatedTarget))) {
|
|
57
59
|
// Not triggered when swapping focus between children
|
|
58
60
|
setIsEditing(false);
|
|
59
61
|
}
|
|
@@ -121,7 +121,9 @@ const FilterPopover = _ref2 => {
|
|
|
121
121
|
display: 'flex'
|
|
122
122
|
},
|
|
123
123
|
onBlur: e => {
|
|
124
|
-
|
|
124
|
+
var _popperRef$current;
|
|
125
|
+
|
|
126
|
+
if (e.target !== referenceElement && !((_popperRef$current = popperRef.current) !== null && _popperRef$current !== void 0 && _popperRef$current.contains(e.relatedTarget))) {
|
|
125
127
|
referenceElement.focus();
|
|
126
128
|
}
|
|
127
129
|
}
|
|
@@ -159,9 +161,9 @@ const FilterPopover = _ref2 => {
|
|
|
159
161
|
onKeyDown: e => {
|
|
160
162
|
if (e.code === 'Tab') {
|
|
161
163
|
setTimeout(() => {
|
|
162
|
-
var _popperRef$
|
|
164
|
+
var _popperRef$current2;
|
|
163
165
|
|
|
164
|
-
if (!(popperRef !== null && popperRef !== void 0 && (_popperRef$
|
|
166
|
+
if (!(popperRef !== null && popperRef !== void 0 && (_popperRef$current2 = popperRef.current) !== null && _popperRef$current2 !== void 0 && _popperRef$current2.contains(document.activeElement))) {
|
|
165
167
|
patchHeader(columnId, {
|
|
166
168
|
hideFilterMenu: true,
|
|
167
169
|
hideFilterButton: false
|
|
@@ -45,7 +45,9 @@ const EditableCell = props => {
|
|
|
45
45
|
}
|
|
46
46
|
}, [isEditing, handleCellClick, setIsEditing]);
|
|
47
47
|
const handleOnBlur = useCallback(event => {
|
|
48
|
-
|
|
48
|
+
var _event$currentTarget;
|
|
49
|
+
|
|
50
|
+
if (isEditing && !((_event$currentTarget = event.currentTarget) !== null && _event$currentTarget !== void 0 && _event$currentTarget.contains(event.relatedTarget))) {
|
|
49
51
|
// Not triggered when swapping focus between children
|
|
50
52
|
setIsEditing(false);
|
|
51
53
|
}
|
|
@@ -110,7 +110,9 @@ const FilterPopover = _ref2 => {
|
|
|
110
110
|
display: 'flex'
|
|
111
111
|
},
|
|
112
112
|
onBlur: e => {
|
|
113
|
-
|
|
113
|
+
var _popperRef$current;
|
|
114
|
+
|
|
115
|
+
if (e.target !== referenceElement && !((_popperRef$current = popperRef.current) !== null && _popperRef$current !== void 0 && _popperRef$current.contains(e.relatedTarget))) {
|
|
114
116
|
referenceElement.focus();
|
|
115
117
|
}
|
|
116
118
|
}
|
|
@@ -148,9 +150,9 @@ const FilterPopover = _ref2 => {
|
|
|
148
150
|
onKeyDown: e => {
|
|
149
151
|
if (e.code === 'Tab') {
|
|
150
152
|
setTimeout(() => {
|
|
151
|
-
var _popperRef$
|
|
153
|
+
var _popperRef$current2;
|
|
152
154
|
|
|
153
|
-
if (!(popperRef !== null && popperRef !== void 0 && (_popperRef$
|
|
155
|
+
if (!(popperRef !== null && popperRef !== void 0 && (_popperRef$current2 = popperRef.current) !== null && _popperRef$current2 !== void 0 && _popperRef$current2.contains(document.activeElement))) {
|
|
154
156
|
patchHeader(columnId, {
|
|
155
157
|
hideFilterMenu: true,
|
|
156
158
|
hideFilterButton: false
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@elliemae/ds-data-table",
|
|
3
|
-
"version": "2.3.0
|
|
3
|
+
"version": "2.3.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.3.0
|
|
574
|
-
"@elliemae/ds-circular-progress-indicator": "2.3.0
|
|
575
|
-
"@elliemae/ds-controlled-form": "2.3.0
|
|
576
|
-
"@elliemae/ds-drag-and-drop": "2.3.0
|
|
577
|
-
"@elliemae/ds-dropdownmenu": "2.3.0
|
|
578
|
-
"@elliemae/ds-form": "2.3.0
|
|
579
|
-
"@elliemae/ds-form-layout-blocks": "2.3.0
|
|
580
|
-
"@elliemae/ds-grid": "2.3.0
|
|
581
|
-
"@elliemae/ds-icons": "2.3.0
|
|
582
|
-
"@elliemae/ds-indeterminate-progress-indicator": "2.3.0
|
|
583
|
-
"@elliemae/ds-pagination": "2.3.0
|
|
584
|
-
"@elliemae/ds-pills": "2.3.0
|
|
585
|
-
"@elliemae/ds-popperjs": "2.3.0
|
|
586
|
-
"@elliemae/ds-system": "2.3.0
|
|
587
|
-
"@elliemae/ds-toolbar": "2.3.0
|
|
588
|
-
"@elliemae/ds-truncated-tooltip-text": "2.3.0
|
|
589
|
-
"@elliemae/ds-utilities": "2.3.0
|
|
573
|
+
"@elliemae/ds-button": "2.3.0",
|
|
574
|
+
"@elliemae/ds-circular-progress-indicator": "2.3.0",
|
|
575
|
+
"@elliemae/ds-controlled-form": "2.3.0",
|
|
576
|
+
"@elliemae/ds-drag-and-drop": "2.3.0",
|
|
577
|
+
"@elliemae/ds-dropdownmenu": "2.3.0",
|
|
578
|
+
"@elliemae/ds-form": "2.3.0",
|
|
579
|
+
"@elliemae/ds-form-layout-blocks": "2.3.0",
|
|
580
|
+
"@elliemae/ds-grid": "2.3.0",
|
|
581
|
+
"@elliemae/ds-icons": "2.3.0",
|
|
582
|
+
"@elliemae/ds-indeterminate-progress-indicator": "2.3.0",
|
|
583
|
+
"@elliemae/ds-pagination": "2.3.0",
|
|
584
|
+
"@elliemae/ds-pills": "2.3.0",
|
|
585
|
+
"@elliemae/ds-popperjs": "2.3.0",
|
|
586
|
+
"@elliemae/ds-system": "2.3.0",
|
|
587
|
+
"@elliemae/ds-toolbar": "2.3.0",
|
|
588
|
+
"@elliemae/ds-truncated-tooltip-text": "2.3.0",
|
|
589
|
+
"@elliemae/ds-utilities": "2.3.0",
|
|
590
590
|
"@reduxjs/toolkit": "~1.6.2",
|
|
591
591
|
"csstype": "~3.0.9",
|
|
592
592
|
"moment": "~2.29.1",
|