@carbon/ibm-products 2.43.2-canary.100 → 2.43.2-canary.102
Sign up to get free protection for your applications and to get access to all the features.
- package/css/index-full-carbon.css +1 -0
- package/css/index-full-carbon.css.map +1 -1
- package/css/index-full-carbon.min.css +1 -1
- package/css/index-full-carbon.min.css.map +1 -1
- package/css/index-without-carbon-released-only.css +1 -0
- package/css/index-without-carbon-released-only.css.map +1 -1
- package/css/index-without-carbon-released-only.min.css +1 -1
- package/css/index-without-carbon-released-only.min.css.map +1 -1
- package/css/index-without-carbon.css +1 -0
- package/css/index-without-carbon.css.map +1 -1
- package/css/index-without-carbon.min.css +1 -1
- package/css/index-without-carbon.min.css.map +1 -1
- package/css/index.css +1 -0
- package/css/index.css.map +1 -1
- package/css/index.min.css +1 -1
- package/css/index.min.css.map +1 -1
- package/es/components/Datagrid/Datagrid/DatagridContent.js +3 -2
- package/es/components/Datagrid/Datagrid/DatagridSelectAll.js +4 -5
- package/es/components/Datagrid/Datagrid/addons/Filtering/FilterPanel.js +1 -1
- package/es/components/Datagrid/Datagrid/addons/Filtering/FilterProvider.d.ts +3 -2
- package/es/components/Datagrid/Datagrid/addons/Filtering/FilterProvider.js +13 -8
- package/lib/components/Datagrid/Datagrid/DatagridContent.js +3 -2
- package/lib/components/Datagrid/Datagrid/DatagridSelectAll.js +4 -5
- package/lib/components/Datagrid/Datagrid/addons/Filtering/FilterPanel.js +1 -1
- package/lib/components/Datagrid/Datagrid/addons/Filtering/FilterProvider.d.ts +3 -2
- package/lib/components/Datagrid/Datagrid/addons/Filtering/FilterProvider.js +13 -8
- package/package.json +2 -2
- package/scss/components/Datagrid/styles/_datagrid.scss +1 -0
@@ -1,8 +1,9 @@
|
|
1
1
|
export const FilterContext: React.Context<any>;
|
2
|
-
export function clearSingleFilter({ key, value }: {
|
2
|
+
export function clearSingleFilter({ key, value, tableId }: {
|
3
3
|
key: any;
|
4
4
|
value: any;
|
5
|
-
|
5
|
+
tableId: any;
|
6
|
+
}, setAllFilters: any, state: any, contextTableId: any): void;
|
6
7
|
export function FilterProvider({ children, filters, filterProps, tableId }: {
|
7
8
|
children: any;
|
8
9
|
filters: any;
|
@@ -47,9 +47,13 @@ var updateFilterState = function updateFilterState(state, type, value) {
|
|
47
47
|
});
|
48
48
|
return removeFilterItem(state, filterTagIndex);
|
49
49
|
};
|
50
|
-
var clearSingleFilter = function clearSingleFilter(_ref, setAllFilters, state) {
|
50
|
+
var clearSingleFilter = function clearSingleFilter(_ref, setAllFilters, state, contextTableId) {
|
51
51
|
var key = _ref.key,
|
52
|
-
value = _ref.value
|
52
|
+
value = _ref.value,
|
53
|
+
tableId = _ref.tableId;
|
54
|
+
if (tableId !== contextTableId) {
|
55
|
+
return;
|
56
|
+
}
|
53
57
|
var tempState = _toConsumableArray(state.filters);
|
54
58
|
tempState.forEach(function (f, filterIndex) {
|
55
59
|
if (f.id === key) {
|
@@ -85,10 +89,11 @@ var clearSingleFilter = function clearSingleFilter(_ref, setAllFilters, state) {
|
|
85
89
|
});
|
86
90
|
setAllFilters(tempState);
|
87
91
|
};
|
88
|
-
var handleSingleFilterRemoval = function handleSingleFilterRemoval(key, value) {
|
92
|
+
var handleSingleFilterRemoval = function handleSingleFilterRemoval(key, value, tableId) {
|
89
93
|
EventEmitter.dispatch(CLEAR_SINGLE_FILTER, {
|
90
94
|
key: key,
|
91
|
-
value: value
|
95
|
+
value: value,
|
96
|
+
tableId: tableId
|
92
97
|
});
|
93
98
|
};
|
94
99
|
var formatDateRange = function formatDateRange(startDate, endDate) {
|
@@ -96,7 +101,7 @@ var formatDateRange = function formatDateRange(startDate, endDate) {
|
|
96
101
|
var endDateObj = new Date(endDate);
|
97
102
|
return "".concat(startDateObj.toLocaleDateString(), " - ").concat(endDateObj.toLocaleDateString());
|
98
103
|
};
|
99
|
-
var prepareFiltersForTags = function prepareFiltersForTags(filters, renderDateLabel) {
|
104
|
+
var prepareFiltersForTags = function prepareFiltersForTags(filters, renderDateLabel, tableId) {
|
100
105
|
var tags = [];
|
101
106
|
filters.forEach(function (_ref2) {
|
102
107
|
var id = _ref2.id,
|
@@ -105,7 +110,7 @@ var prepareFiltersForTags = function prepareFiltersForTags(filters, renderDateLa
|
|
105
110
|
var sharedFilterProps = {
|
106
111
|
filter: true,
|
107
112
|
onClose: function onClose() {
|
108
|
-
return handleSingleFilterRemoval(id, value);
|
113
|
+
return handleSingleFilterRemoval(id, value, tableId);
|
109
114
|
}
|
110
115
|
};
|
111
116
|
if (type === DROPDOWN || type === RADIO || type === NUMBER) {
|
@@ -130,7 +135,7 @@ var prepareFiltersForTags = function prepareFiltersForTags(filters, renderDateLa
|
|
130
135
|
value: option.value
|
131
136
|
}, sharedFilterProps), {}, {
|
132
137
|
onClose: function onClose() {
|
133
|
-
return handleSingleFilterRemoval(id, option.value);
|
138
|
+
return handleSingleFilterRemoval(id, option.value, tableId);
|
134
139
|
}
|
135
140
|
}));
|
136
141
|
}
|
@@ -160,7 +165,7 @@ var FilterProvider = function FilterProvider(_ref4) {
|
|
160
165
|
tableId = _ref4.tableId;
|
161
166
|
var _ref5 = filterProps || {},
|
162
167
|
renderDateLabel = _ref5.renderDateLabel;
|
163
|
-
var filterTags = prepareFiltersForTags(filters, renderDateLabel);
|
168
|
+
var filterTags = prepareFiltersForTags(filters, renderDateLabel, tableId);
|
164
169
|
var _useState = useState(false),
|
165
170
|
_useState2 = _slicedToArray(_useState, 2),
|
166
171
|
panelOpen = _useState2[0],
|
@@ -49,7 +49,8 @@ var DatagridContent = function DatagridContent(_ref) {
|
|
49
49
|
var _useContext2 = React.useContext(FilterProvider.FilterContext),
|
50
50
|
filterTags = _useContext2.filterTags,
|
51
51
|
EventEmitter = _useContext2.EventEmitter,
|
52
|
-
panelOpen = _useContext2.panelOpen
|
52
|
+
panelOpen = _useContext2.panelOpen,
|
53
|
+
contextTableId = _useContext2.tableId;
|
53
54
|
var activeCellId = inlineEditState.activeCellId,
|
54
55
|
gridActive = inlineEditState.gridActive,
|
55
56
|
editId = inlineEditState.editId,
|
@@ -160,7 +161,7 @@ var DatagridContent = function DatagridContent(_ref) {
|
|
160
161
|
}
|
161
162
|
}, [withInlineEdit, tableId, totalColumnsWidth, datagridState, gridActive]);
|
162
163
|
useSubscribeToEventEmitter["default"](constants.CLEAR_SINGLE_FILTER, function (id) {
|
163
|
-
return FilterProvider.clearSingleFilter(id, setAllFilters, state);
|
164
|
+
return FilterProvider.clearSingleFilter(id, setAllFilters, state, contextTableId);
|
164
165
|
});
|
165
166
|
var renderFilterSummary = function renderFilterSummary() {
|
166
167
|
return state.filters.length > 0 && /*#__PURE__*/React__default["default"].createElement(FilterSummary["default"], {
|
@@ -58,7 +58,7 @@ var SelectAll = function SelectAll(datagridState) {
|
|
58
58
|
onAllRowSelect = datagridState.onAllRowSelect;
|
59
59
|
var isFirstColumnStickyLeft = ((_columns$ = columns[0]) === null || _columns$ === void 0 ? void 0 : _columns$.sticky) === 'left' && withStickyColumn;
|
60
60
|
if (hideSelectAll || radio) {
|
61
|
-
return /*#__PURE__*/React__default["default"].createElement("
|
61
|
+
return /*#__PURE__*/React__default["default"].createElement("th", {
|
62
62
|
className: cx__default["default"]("".concat(blockClass, "__head-hidden-select-all"), _rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "__select-all-sticky-left"), /* istanbul ignore next */
|
63
63
|
isFirstColumnStickyLeft && Number(windowSize) > 671))
|
64
64
|
});
|
@@ -95,15 +95,14 @@ var SelectAll = function SelectAll(datagridState) {
|
|
95
95
|
onAllRowSelect === null || onAllRowSelect === void 0 || onAllRowSelect(rows, event);
|
96
96
|
return onChange === null || onChange === void 0 ? void 0 : onChange(event);
|
97
97
|
};
|
98
|
-
return /*#__PURE__*/React__default["default"].createElement("
|
98
|
+
return /*#__PURE__*/React__default["default"].createElement(react.TableSelectAll, _rollupPluginBabelHelpers["extends"]({}, selectProps, {
|
99
99
|
className: cx__default["default"]("".concat(blockClass, "__head-select-all"), "".concat(blockClass, "__checkbox-cell"), _rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "__checkbox-cell-sticky-left"), /* istanbul ignore next */
|
100
|
-
isFirstColumnStickyLeft && Number(windowSize) > 671))
|
101
|
-
}, /*#__PURE__*/React__default["default"].createElement(react.TableSelectAll, _rollupPluginBabelHelpers["extends"]({}, selectProps, {
|
100
|
+
isFirstColumnStickyLeft && Number(windowSize) > 671)),
|
102
101
|
name: "".concat(tableId, "-select-all-checkbox-name"),
|
103
102
|
onSelect: handleSelectAllChange,
|
104
103
|
disabled: isFetching || (selectProps === null || selectProps === void 0 ? void 0 : selectProps.disabled),
|
105
104
|
id: "".concat(tableId, "-select-all-checkbox-id")
|
106
|
-
}))
|
105
|
+
}));
|
107
106
|
};
|
108
107
|
|
109
108
|
exports.SelectAll = SelectAll;
|
@@ -194,7 +194,7 @@ var FilterPanel = function FilterPanel(_ref) {
|
|
194
194
|
}, [filterPanelMinHeight]);
|
195
195
|
|
196
196
|
// tableId is passed in from the event emitter from the FilterSummary component
|
197
|
-
// in
|
197
|
+
// in DatagridContent
|
198
198
|
useSubscribeToEventEmitter["default"](constants.CLEAR_FILTERS, function (tableId) {
|
199
199
|
reset(tableId);
|
200
200
|
});
|
@@ -1,8 +1,9 @@
|
|
1
1
|
export const FilterContext: React.Context<any>;
|
2
|
-
export function clearSingleFilter({ key, value }: {
|
2
|
+
export function clearSingleFilter({ key, value, tableId }: {
|
3
3
|
key: any;
|
4
4
|
value: any;
|
5
|
-
|
5
|
+
tableId: any;
|
6
|
+
}, setAllFilters: any, state: any, contextTableId: any): void;
|
6
7
|
export function FilterProvider({ children, filters, filterProps, tableId }: {
|
7
8
|
children: any;
|
8
9
|
filters: any;
|
@@ -55,9 +55,13 @@ var updateFilterState = function updateFilterState(state, type, value) {
|
|
55
55
|
});
|
56
56
|
return removeFilterItem(state, filterTagIndex);
|
57
57
|
};
|
58
|
-
var clearSingleFilter = function clearSingleFilter(_ref, setAllFilters, state) {
|
58
|
+
var clearSingleFilter = function clearSingleFilter(_ref, setAllFilters, state, contextTableId) {
|
59
59
|
var key = _ref.key,
|
60
|
-
value = _ref.value
|
60
|
+
value = _ref.value,
|
61
|
+
tableId = _ref.tableId;
|
62
|
+
if (tableId !== contextTableId) {
|
63
|
+
return;
|
64
|
+
}
|
61
65
|
var tempState = _rollupPluginBabelHelpers.toConsumableArray(state.filters);
|
62
66
|
tempState.forEach(function (f, filterIndex) {
|
63
67
|
if (f.id === key) {
|
@@ -93,10 +97,11 @@ var clearSingleFilter = function clearSingleFilter(_ref, setAllFilters, state) {
|
|
93
97
|
});
|
94
98
|
setAllFilters(tempState);
|
95
99
|
};
|
96
|
-
var handleSingleFilterRemoval = function handleSingleFilterRemoval(key, value) {
|
100
|
+
var handleSingleFilterRemoval = function handleSingleFilterRemoval(key, value, tableId) {
|
97
101
|
EventEmitter.dispatch(constants.CLEAR_SINGLE_FILTER, {
|
98
102
|
key: key,
|
99
|
-
value: value
|
103
|
+
value: value,
|
104
|
+
tableId: tableId
|
100
105
|
});
|
101
106
|
};
|
102
107
|
var formatDateRange = function formatDateRange(startDate, endDate) {
|
@@ -104,7 +109,7 @@ var formatDateRange = function formatDateRange(startDate, endDate) {
|
|
104
109
|
var endDateObj = new Date(endDate);
|
105
110
|
return "".concat(startDateObj.toLocaleDateString(), " - ").concat(endDateObj.toLocaleDateString());
|
106
111
|
};
|
107
|
-
var prepareFiltersForTags = function prepareFiltersForTags(filters, renderDateLabel) {
|
112
|
+
var prepareFiltersForTags = function prepareFiltersForTags(filters, renderDateLabel, tableId) {
|
108
113
|
var tags = [];
|
109
114
|
filters.forEach(function (_ref2) {
|
110
115
|
var id = _ref2.id,
|
@@ -113,7 +118,7 @@ var prepareFiltersForTags = function prepareFiltersForTags(filters, renderDateLa
|
|
113
118
|
var sharedFilterProps = {
|
114
119
|
filter: true,
|
115
120
|
onClose: function onClose() {
|
116
|
-
return handleSingleFilterRemoval(id, value);
|
121
|
+
return handleSingleFilterRemoval(id, value, tableId);
|
117
122
|
}
|
118
123
|
};
|
119
124
|
if (type === constants.DROPDOWN || type === constants.RADIO || type === constants.NUMBER) {
|
@@ -138,7 +143,7 @@ var prepareFiltersForTags = function prepareFiltersForTags(filters, renderDateLa
|
|
138
143
|
value: option.value
|
139
144
|
}, sharedFilterProps), {}, {
|
140
145
|
onClose: function onClose() {
|
141
|
-
return handleSingleFilterRemoval(id, option.value);
|
146
|
+
return handleSingleFilterRemoval(id, option.value, tableId);
|
142
147
|
}
|
143
148
|
}));
|
144
149
|
}
|
@@ -168,7 +173,7 @@ var FilterProvider = function FilterProvider(_ref4) {
|
|
168
173
|
tableId = _ref4.tableId;
|
169
174
|
var _ref5 = filterProps || {},
|
170
175
|
renderDateLabel = _ref5.renderDateLabel;
|
171
|
-
var filterTags = prepareFiltersForTags(filters, renderDateLabel);
|
176
|
+
var filterTags = prepareFiltersForTags(filters, renderDateLabel, tableId);
|
172
177
|
var _useState = React.useState(false),
|
173
178
|
_useState2 = _rollupPluginBabelHelpers.slicedToArray(_useState, 2),
|
174
179
|
panelOpen = _useState2[0],
|
package/package.json
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
{
|
2
2
|
"name": "@carbon/ibm-products",
|
3
3
|
"description": "Carbon for IBM Products",
|
4
|
-
"version": "2.43.2-canary.
|
4
|
+
"version": "2.43.2-canary.102+5d21bf822",
|
5
5
|
"license": "Apache-2.0",
|
6
6
|
"main": "lib/index.js",
|
7
7
|
"module": "es/index.js",
|
@@ -120,5 +120,5 @@
|
|
120
120
|
"react": "^16.8.6 || ^17.0.1 || ^18.2.0",
|
121
121
|
"react-dom": "^16.8.6 || ^17.0.1 || ^18.2.0"
|
122
122
|
},
|
123
|
-
"gitHead": "
|
123
|
+
"gitHead": "5d21bf822fff0fef64e06de74c59c37470ffd900"
|
124
124
|
}
|