@carbon/ibm-products 2.41.1-canary.11 → 2.41.1-canary.16
Sign up to get free protection for your applications and to get access to all the features.
- package/es/components/CreateFullPage/CreateFullPage.d.ts +2 -1
- package/es/components/CreateFullPage/CreateFullPageStep.d.ts +71 -2
- package/es/components/CreateFullPage/CreateFullPageStep.js +3 -0
- package/es/components/DataSpreadsheet/DataSpreadsheet.d.ts +3 -2
- package/es/components/DataSpreadsheet/DataSpreadsheet.js +28 -28
- package/es/components/DataSpreadsheet/DataSpreadsheetBody.d.ts +7 -8
- package/es/components/DataSpreadsheet/DataSpreadsheetBody.js +1 -0
- package/es/components/DataSpreadsheet/DataSpreadsheetHeader.d.ts +4 -3
- package/es/components/DataSpreadsheet/types/index.d.ts +1 -4
- package/es/components/Datagrid/Datagrid/Datagrid.d.ts +24 -2
- package/es/components/Datagrid/Datagrid/Datagrid.js +4 -4
- package/es/components/Datagrid/Datagrid/DatagridBody.d.ts +2 -1
- package/es/components/Datagrid/Datagrid/DatagridBody.js +1 -2
- package/es/components/Datagrid/Datagrid/DatagridContent.d.ts +16 -13
- package/es/components/Datagrid/Datagrid/DatagridContent.js +12 -13
- package/es/components/Datagrid/Datagrid/DatagridEmptyBody.d.ts +8 -1
- package/es/components/Datagrid/Datagrid/DatagridEmptyBody.js +3 -4
- package/es/components/Datagrid/Datagrid/DatagridExpandedRow.d.ts +9 -1
- package/es/components/Datagrid/Datagrid/DatagridExpandedRow.js +10 -5
- package/es/components/Datagrid/Datagrid/DatagridHead.d.ts +8 -1
- package/es/components/Datagrid/Datagrid/DatagridHead.js +3 -5
- package/es/components/Datagrid/Datagrid/DatagridHeaderRow.d.ts +8 -1
- package/es/components/Datagrid/Datagrid/DatagridHeaderRow.js +41 -36
- package/es/components/Datagrid/Datagrid/DatagridRefBody.d.ts +2 -1
- package/es/components/Datagrid/Datagrid/DatagridRefBody.js +4 -4
- package/es/components/Datagrid/Datagrid/DatagridRow.d.ts +8 -1
- package/es/components/Datagrid/Datagrid/DatagridRow.js +12 -16
- package/es/components/Datagrid/Datagrid/DatagridSelectAll.d.ts +9 -1
- package/es/components/Datagrid/Datagrid/DatagridSelectAll.js +10 -8
- package/es/components/Datagrid/Datagrid/DatagridSelectAllWithToggle.d.ts +23 -27
- package/es/components/Datagrid/Datagrid/DatagridSelectAllWithToggle.js +9 -9
- package/es/components/Datagrid/Datagrid/DatagridSimpleBody.d.ts +2 -1
- package/es/components/Datagrid/Datagrid/DatagridSimpleBody.js +3 -3
- package/es/components/Datagrid/Datagrid/DatagridToolbar.d.ts +17 -10
- package/es/components/Datagrid/Datagrid/DatagridToolbar.js +15 -11
- package/es/components/Datagrid/Datagrid/DatagridVirtualBody.d.ts +8 -1
- package/es/components/Datagrid/Datagrid/DatagridVirtualBody.js +29 -17
- package/es/components/Datagrid/Datagrid/DraggableElement.d.ts +23 -21
- package/es/components/Datagrid/Datagrid/DraggableElement.js +2 -4
- package/es/components/Datagrid/Datagrid/addons/Filtering/FilterPanel.d.ts +1 -1
- package/es/components/Datagrid/Datagrid/addons/Filtering/FilterPanel.js +1 -1
- package/es/components/Datagrid/Datagrid/addons/Slug/DatagridSlug.d.ts +12 -2
- package/es/components/Datagrid/Datagrid/index.d.ts +7 -1
- package/es/components/Datagrid/types/index.d.ts +208 -0
- package/es/components/Datagrid/useColumnOrder.d.ts +1 -0
- package/es/components/Datagrid/useDatagrid.d.ts +1 -1
- package/es/components/Datagrid/useSelectRows.js +5 -1
- package/es/components/FilterSummary/FilterSummary.d.ts +21 -2
- package/es/components/FilterSummary/FilterSummary.js +10 -11
- package/es/components/Guidebanner/Guidebanner.js +7 -2
- package/es/global/js/hooks/usePreviousValue.d.ts +1 -1
- package/es/global/js/hooks/usePreviousValue.js +3 -2
- package/es/global/js/hooks/useRetrieveStepData.d.ts +5 -5
- package/es/global/js/hooks/useRetrieveStepData.js +5 -5
- package/lib/components/CreateFullPage/CreateFullPage.d.ts +2 -1
- package/lib/components/CreateFullPage/CreateFullPageStep.d.ts +71 -2
- package/lib/components/CreateFullPage/CreateFullPageStep.js +3 -0
- package/lib/components/DataSpreadsheet/DataSpreadsheet.d.ts +3 -2
- package/lib/components/DataSpreadsheet/DataSpreadsheet.js +28 -28
- package/lib/components/DataSpreadsheet/DataSpreadsheetBody.d.ts +7 -8
- package/lib/components/DataSpreadsheet/DataSpreadsheetBody.js +1 -0
- package/lib/components/DataSpreadsheet/DataSpreadsheetHeader.d.ts +4 -3
- package/lib/components/DataSpreadsheet/types/index.d.ts +1 -4
- package/lib/components/Datagrid/Datagrid/Datagrid.d.ts +24 -2
- package/lib/components/Datagrid/Datagrid/Datagrid.js +4 -4
- package/lib/components/Datagrid/Datagrid/DatagridBody.d.ts +2 -1
- package/lib/components/Datagrid/Datagrid/DatagridBody.js +1 -2
- package/lib/components/Datagrid/Datagrid/DatagridContent.d.ts +16 -13
- package/lib/components/Datagrid/Datagrid/DatagridContent.js +44 -45
- package/lib/components/Datagrid/Datagrid/DatagridEmptyBody.d.ts +8 -1
- package/lib/components/Datagrid/Datagrid/DatagridEmptyBody.js +3 -4
- package/lib/components/Datagrid/Datagrid/DatagridExpandedRow.d.ts +9 -1
- package/lib/components/Datagrid/Datagrid/DatagridExpandedRow.js +9 -4
- package/lib/components/Datagrid/Datagrid/DatagridHead.d.ts +8 -1
- package/lib/components/Datagrid/Datagrid/DatagridHead.js +3 -5
- package/lib/components/Datagrid/Datagrid/DatagridHeaderRow.d.ts +8 -1
- package/lib/components/Datagrid/Datagrid/DatagridHeaderRow.js +40 -35
- package/lib/components/Datagrid/Datagrid/DatagridRefBody.d.ts +2 -1
- package/lib/components/Datagrid/Datagrid/DatagridRefBody.js +4 -4
- package/lib/components/Datagrid/Datagrid/DatagridRow.d.ts +8 -1
- package/lib/components/Datagrid/Datagrid/DatagridRow.js +12 -16
- package/lib/components/Datagrid/Datagrid/DatagridSelectAll.d.ts +9 -1
- package/lib/components/Datagrid/Datagrid/DatagridSelectAll.js +10 -8
- package/lib/components/Datagrid/Datagrid/DatagridSelectAllWithToggle.d.ts +23 -27
- package/lib/components/Datagrid/Datagrid/DatagridSelectAllWithToggle.js +9 -9
- package/lib/components/Datagrid/Datagrid/DatagridSimpleBody.d.ts +2 -1
- package/lib/components/Datagrid/Datagrid/DatagridSimpleBody.js +3 -3
- package/lib/components/Datagrid/Datagrid/DatagridToolbar.d.ts +17 -10
- package/lib/components/Datagrid/Datagrid/DatagridToolbar.js +15 -11
- package/lib/components/Datagrid/Datagrid/DatagridVirtualBody.d.ts +8 -1
- package/lib/components/Datagrid/Datagrid/DatagridVirtualBody.js +29 -17
- package/lib/components/Datagrid/Datagrid/DraggableElement.d.ts +23 -21
- package/lib/components/Datagrid/Datagrid/DraggableElement.js +2 -4
- package/lib/components/Datagrid/Datagrid/addons/Filtering/FilterPanel.d.ts +1 -1
- package/lib/components/Datagrid/Datagrid/addons/Filtering/FilterPanel.js +1 -1
- package/lib/components/Datagrid/Datagrid/addons/Slug/DatagridSlug.d.ts +12 -2
- package/lib/components/Datagrid/Datagrid/index.d.ts +7 -1
- package/lib/components/Datagrid/types/index.d.ts +208 -0
- package/lib/components/Datagrid/useColumnOrder.d.ts +1 -0
- package/lib/components/Datagrid/useDatagrid.d.ts +1 -1
- package/lib/components/Datagrid/useSelectRows.js +5 -1
- package/lib/components/FilterSummary/FilterSummary.d.ts +21 -2
- package/lib/components/FilterSummary/FilterSummary.js +10 -11
- package/lib/components/Guidebanner/Guidebanner.js +7 -2
- package/lib/global/js/hooks/usePreviousValue.d.ts +1 -1
- package/lib/global/js/hooks/usePreviousValue.js +3 -2
- package/lib/global/js/hooks/useRetrieveStepData.d.ts +5 -5
- package/lib/global/js/hooks/useRetrieveStepData.js +5 -5
- package/package.json +3 -2
@@ -46,13 +46,12 @@ var DatagridEmptyBody = function DatagridEmptyBody(datagridState) {
|
|
46
46
|
return /*#__PURE__*/React__default["default"].createElement(react.TableBody, _rollupPluginBabelHelpers["extends"]({}, getTableBodyProps({
|
47
47
|
role: undefined
|
48
48
|
}), {
|
49
|
-
"aria-live":
|
49
|
+
"aria-live": "off",
|
50
50
|
className: "".concat(blockClass, "__empty-state-body")
|
51
51
|
}), /*#__PURE__*/React__default["default"].createElement(react.TableRow, null, /*#__PURE__*/React__default["default"].createElement(react.TableCell, {
|
52
|
-
colSpan: headers.length,
|
52
|
+
colSpan: headers === null || headers === void 0 ? void 0 : headers.length,
|
53
53
|
className: "".concat(blockClass, "__empty-state-cell")
|
54
54
|
}, validEmptyStates.includes(emptyStateType) ? /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, emptyStateType === 'error' && /*#__PURE__*/React__default["default"].createElement(ErrorEmptyState.ErrorEmptyState, emptyStateProps), emptyStateType === 'noData' && /*#__PURE__*/React__default["default"].createElement(NoDataEmptyState.NoDataEmptyState, emptyStateProps), emptyStateType === 'notFound' && /*#__PURE__*/React__default["default"].createElement(NotFoundEmptyState.NotFoundEmptyState, emptyStateProps)) : /*#__PURE__*/React__default["default"].createElement(EmptyState.EmptyState, emptyStateProps))));
|
55
55
|
};
|
56
|
-
var DatagridEmptyBody$1 = DatagridEmptyBody;
|
57
56
|
|
58
|
-
exports["default"] = DatagridEmptyBody
|
57
|
+
exports["default"] = DatagridEmptyBody;
|
@@ -1,2 +1,10 @@
|
|
1
|
+
/**
|
2
|
+
* Copyright IBM Corp. 2020, 2024
|
3
|
+
*
|
4
|
+
* This source code is licensed under the Apache-2.0 license found in the
|
5
|
+
* LICENSE file in the root directory of this source tree.
|
6
|
+
*/
|
7
|
+
import { JSXElementConstructor } from 'react';
|
8
|
+
import { DataGridState } from '../types';
|
9
|
+
declare const DatagridExpandedRow: (ExpandedRowContentComponent: JSXElementConstructor<any>) => (datagridState: DataGridState) => import("react/jsx-runtime").JSX.Element;
|
1
10
|
export default DatagridExpandedRow;
|
2
|
-
declare function DatagridExpandedRow(ExpandedRowContentComponent: any): (datagridState: any) => import("react/jsx-runtime").JSX.Element;
|
@@ -19,6 +19,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
|
|
19
19
|
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
20
20
|
var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
|
21
21
|
|
22
|
+
var _excluded = ["key"];
|
22
23
|
var blockClass = "".concat(settings.pkg.prefix, "--datagrid");
|
23
24
|
|
24
25
|
// eslint-disable-next-line react/prop-types
|
@@ -27,8 +28,9 @@ var DatagridExpandedRow = function DatagridExpandedRow(ExpandedRowContentCompone
|
|
27
28
|
var _row$original;
|
28
29
|
var row = datagridState.row;
|
29
30
|
var expandedContentHeight = row.expandedContentHeight;
|
30
|
-
var toggleParentHoverClass = function toggleParentHoverClass(event
|
31
|
+
var toggleParentHoverClass = function toggleParentHoverClass(event) {
|
31
32
|
var _event$target;
|
33
|
+
var eventType = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
|
32
34
|
/* istanbul ignore else */
|
33
35
|
if (event !== null && event !== void 0 && (_event$target = event.target) !== null && _event$target !== void 0 && _event$target.closest('tr').previousElementSibling) {
|
34
36
|
var _event$target2;
|
@@ -40,6 +42,8 @@ var DatagridExpandedRow = function DatagridExpandedRow(ExpandedRowContentCompone
|
|
40
42
|
}
|
41
43
|
}
|
42
44
|
};
|
45
|
+
var key = datagridState.key,
|
46
|
+
_state = _rollupPluginBabelHelpers.objectWithoutProperties(datagridState, _excluded);
|
43
47
|
return /*#__PURE__*/React__default["default"].createElement("tr", {
|
44
48
|
className: cx__default["default"]("".concat(blockClass, "__expanded-row"), _rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "__slug--row"), /*#__PURE__*/React.isValidElement(row === null || row === void 0 || (_row$original = row.original) === null || _row$original === void 0 ? void 0 : _row$original.slug))),
|
45
49
|
onMouseEnter: function onMouseEnter(event) {
|
@@ -55,9 +59,10 @@ var DatagridExpandedRow = function DatagridExpandedRow(ExpandedRowContentCompone
|
|
55
59
|
style: {
|
56
60
|
height: expandedContentHeight && expandedContentHeight
|
57
61
|
}
|
58
|
-
}, /*#__PURE__*/React__default["default"].createElement(ExpandedRowContentComponent,
|
62
|
+
}, /*#__PURE__*/React__default["default"].createElement(ExpandedRowContentComponent, _rollupPluginBabelHelpers["extends"]({
|
63
|
+
key: key
|
64
|
+
}, _state)))));
|
59
65
|
};
|
60
66
|
};
|
61
|
-
var DatagridExpandedRow$1 = DatagridExpandedRow;
|
62
67
|
|
63
|
-
exports["default"] = DatagridExpandedRow
|
68
|
+
exports["default"] = DatagridExpandedRow;
|
@@ -1,2 +1,9 @@
|
|
1
|
+
/**
|
2
|
+
* Copyright IBM Corp. 2020, 2022
|
3
|
+
*
|
4
|
+
* This source code is licensed under the Apache-2.0 license found in the
|
5
|
+
* LICENSE file in the root directory of this source tree.
|
6
|
+
*/
|
7
|
+
import { DataGridState } from '../types';
|
8
|
+
declare const DatagridHead: (datagridState: DataGridState) => import("react/jsx-runtime").JSX.Element;
|
1
9
|
export default DatagridHead;
|
2
|
-
declare function DatagridHead(datagridState: any): import("react/jsx-runtime").JSX.Element;
|
@@ -22,12 +22,10 @@ var DatagridHead = function DatagridHead(datagridState) {
|
|
22
22
|
headRef = datagridState.headRef,
|
23
23
|
HeaderRow = datagridState.HeaderRow;
|
24
24
|
return /*#__PURE__*/React__default["default"].createElement(react.TableHead, null, headerGroups.map(function (headerGroup) {
|
25
|
-
return (
|
26
|
-
|
27
|
-
HeaderRow(datagridState, headRef, headerGroup)
|
25
|
+
return (// doesn't support header grouping.
|
26
|
+
HeaderRow === null || HeaderRow === void 0 ? void 0 : HeaderRow(datagridState, headRef, headerGroup)
|
28
27
|
);
|
29
28
|
}));
|
30
29
|
};
|
31
|
-
var DatagridHead$1 = DatagridHead;
|
32
30
|
|
33
|
-
exports["default"] = DatagridHead
|
31
|
+
exports["default"] = DatagridHead;
|
@@ -1,2 +1,9 @@
|
|
1
|
+
/**
|
2
|
+
* Copyright IBM Corp. 2020, 2024
|
3
|
+
*
|
4
|
+
* This source code is licensed under the Apache-2.0 license found in the
|
5
|
+
* LICENSE file in the root directory of this source tree.
|
6
|
+
*/
|
7
|
+
import { DatagridTableHooks } from '../types';
|
8
|
+
declare const useHeaderRow: (hooks: DatagridTableHooks) => void;
|
1
9
|
export default useHeaderRow;
|
2
|
-
declare function useHeaderRow(hooks: any): void;
|
@@ -27,9 +27,8 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
27
27
|
var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
|
28
28
|
|
29
29
|
var _th;
|
30
|
-
var _excluded = ["
|
31
|
-
_excluded2 = ["
|
32
|
-
_excluded3 = ["role"];
|
30
|
+
var _excluded = ["className"],
|
31
|
+
_excluded2 = ["key"];
|
33
32
|
var blockClass = "".concat(settings.pkg.prefix, "--datagrid");
|
34
33
|
var getAccessibilityProps = function getAccessibilityProps(header) {
|
35
34
|
var props = {};
|
@@ -54,22 +53,20 @@ var ResizeHeader = function ResizeHeader(_ref) {
|
|
54
53
|
onColResizeEnd = _ref.onColResizeEnd,
|
55
54
|
resizerAriaLabel = _ref.resizerAriaLabel,
|
56
55
|
isFetching = _ref.isFetching;
|
57
|
-
|
58
|
-
resizerProps.role;
|
59
|
-
var headerProps = _rollupPluginBabelHelpers.objectWithoutProperties(resizerProps, _excluded);
|
56
|
+
var headerProps = _rollupPluginBabelHelpers["extends"]({}, (_rollupPluginBabelHelpers.objectDestructuringEmpty(resizerProps), resizerProps));
|
60
57
|
var mouseDownHandler = function mouseDownHandler(evt) {
|
61
|
-
handleOnMouseDownResize(evt, resizerProps);
|
58
|
+
handleOnMouseDownResize === null || handleOnMouseDownResize === void 0 || handleOnMouseDownResize(evt, resizerProps);
|
62
59
|
};
|
63
60
|
var mouseUpHandler = function mouseUpHandler() {
|
64
|
-
stateReducer.handleColumnResizeEndEvent(dispatch, onColResizeEnd, header.id, true);
|
61
|
+
stateReducer.handleColumnResizeEndEvent(dispatch, onColResizeEnd, header === null || header === void 0 ? void 0 : header.id, true);
|
65
62
|
};
|
66
63
|
var keyDownHandler = function keyDownHandler(evt) {
|
67
64
|
var key = evt.key;
|
68
65
|
if (key === 'ArrowLeft' || key === 'ArrowRight') {
|
69
|
-
var originalColMinWidth = originalCol.minWidth || 90;
|
70
|
-
var currentColumnWidth = columnWidths[header.id] || (datagridState.isTableSortable && originalCol.width < originalColMinWidth ? originalColMinWidth : originalCol.width);
|
66
|
+
var originalColMinWidth = (originalCol === null || originalCol === void 0 ? void 0 : originalCol.minWidth) || 90;
|
67
|
+
var currentColumnWidth = (header === null || header === void 0 ? void 0 : header.id) && (columnWidths === null || columnWidths === void 0 ? void 0 : columnWidths[header === null || header === void 0 ? void 0 : header.id]) || (datagridState !== null && datagridState !== void 0 && datagridState.isTableSortable && Number(originalCol === null || originalCol === void 0 ? void 0 : originalCol.width) < originalColMinWidth ? originalColMinWidth : originalCol === null || originalCol === void 0 ? void 0 : originalCol.width);
|
71
68
|
if (key === 'ArrowLeft') {
|
72
|
-
if (currentColumnWidth - incrementAmount > Math.max(minWidth, 50)) {
|
69
|
+
if (currentColumnWidth - incrementAmount > Math.max(Number(minWidth), 50)) {
|
73
70
|
var newWidth = currentColumnWidth - incrementAmount;
|
74
71
|
stateReducer.handleColumnResizingEvent(dispatch, header, newWidth, true);
|
75
72
|
}
|
@@ -81,7 +78,7 @@ var ResizeHeader = function ResizeHeader(_ref) {
|
|
81
78
|
}
|
82
79
|
};
|
83
80
|
var keyUpHandler = function keyUpHandler() {
|
84
|
-
stateReducer.handleColumnResizeEndEvent(dispatch, onColResizeEnd, header.id, true);
|
81
|
+
stateReducer.handleColumnResizeEndEvent(dispatch, onColResizeEnd, header === null || header === void 0 ? void 0 : header.id, true);
|
85
82
|
};
|
86
83
|
return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement("input", _rollupPluginBabelHelpers["extends"]({}, headerProps, {
|
87
84
|
onMouseDown: mouseDownHandler,
|
@@ -90,7 +87,7 @@ var ResizeHeader = function ResizeHeader(_ref) {
|
|
90
87
|
onKeyUp: keyUpHandler,
|
91
88
|
className: "".concat(blockClass, "__col-resizer-range"),
|
92
89
|
type: "range",
|
93
|
-
defaultValue: originalCol.width,
|
90
|
+
defaultValue: originalCol === null || originalCol === void 0 ? void 0 : originalCol.width,
|
94
91
|
"aria-label": resizerAriaLabel || 'Resize column',
|
95
92
|
disabled: isFetching
|
96
93
|
})), /*#__PURE__*/React__default["default"].createElement("span", {
|
@@ -98,6 +95,7 @@ var ResizeHeader = function ResizeHeader(_ref) {
|
|
98
95
|
}));
|
99
96
|
};
|
100
97
|
var HeaderRow = function HeaderRow(datagridState, headRef, headerGroup) {
|
98
|
+
var _datagridState$header;
|
101
99
|
var resizerAriaLabel = datagridState.resizerAriaLabel,
|
102
100
|
isTableSortable = datagridState.isTableSortable,
|
103
101
|
rows = datagridState.rows,
|
@@ -108,22 +106,27 @@ var HeaderRow = function HeaderRow(datagridState, headRef, headerGroup) {
|
|
108
106
|
React.useEffect(function () {
|
109
107
|
var tableId = datagridState.tableId;
|
110
108
|
var gridElement = document.querySelector("#".concat(tableId));
|
111
|
-
var tableElement = gridElement.querySelector('table');
|
109
|
+
var tableElement = gridElement === null || gridElement === void 0 ? void 0 : gridElement.querySelector('table');
|
112
110
|
var headerRowElement = document.querySelector("#".concat(tableId, " .").concat(blockClass, "__head"));
|
113
|
-
var
|
114
|
-
|
115
|
-
|
111
|
+
var scrollBuffer = 2;
|
112
|
+
if (tableElement) {
|
113
|
+
var hasHorizontalScrollbar = (tableElement === null || tableElement === void 0 ? void 0 : tableElement.scrollWidth) > (tableElement === null || tableElement === void 0 ? void 0 : tableElement.clientWidth);
|
114
|
+
if (hasHorizontalScrollbar) {
|
115
|
+
scrollBuffer = 18;
|
116
|
+
}
|
117
|
+
}
|
118
|
+
var tableToolbar = (gridElement === null || gridElement === void 0 ? void 0 : gridElement.querySelector(".".concat(blockClass, "__table-toolbar"))) || null;
|
116
119
|
var tableToolbarHeight = (tableToolbar === null || tableToolbar === void 0 ? void 0 : tableToolbar.offsetHeight) || 0;
|
117
120
|
var setCustomValues = function setCustomValues(_ref2) {
|
118
121
|
var rowHeight = _ref2.rowHeight,
|
119
122
|
gridHeight = _ref2.gridHeight;
|
120
|
-
headerRowElement.style.setProperty("--".concat(blockClass, "--row-height"), layout.px(rowHeight));
|
121
|
-
headerRowElement.style.setProperty("--".concat(blockClass, "--grid-height"), layout.px(gridHeight - scrollBuffer - tableToolbarHeight));
|
122
|
-
headerRowElement.style.setProperty("--".concat(blockClass, "--header-height"), layout.px(headerRowElement.offsetHeight));
|
123
|
+
headerRowElement === null || headerRowElement === void 0 || headerRowElement.style.setProperty("--".concat(blockClass, "--row-height"), layout.px(rowHeight));
|
124
|
+
headerRowElement === null || headerRowElement === void 0 || headerRowElement.style.setProperty("--".concat(blockClass, "--grid-height"), layout.px(gridHeight - scrollBuffer - tableToolbarHeight));
|
125
|
+
headerRowElement === null || headerRowElement === void 0 || headerRowElement.style.setProperty("--".concat(blockClass, "--header-height"), layout.px(headerRowElement.offsetHeight));
|
123
126
|
};
|
124
127
|
setCustomValues({
|
125
|
-
gridHeight: gridElement.offsetHeight,
|
126
|
-
rowHeight: headerRowElement.clientHeight
|
128
|
+
gridHeight: gridElement === null || gridElement === void 0 ? void 0 : gridElement.offsetHeight,
|
129
|
+
rowHeight: headerRowElement === null || headerRowElement === void 0 ? void 0 : headerRowElement.clientHeight
|
127
130
|
});
|
128
131
|
}, [datagridState.rowSize, datagridState.tableId, datagridState]);
|
129
132
|
var _useState = React.useState(2),
|
@@ -131,7 +134,8 @@ var HeaderRow = function HeaderRow(datagridState, headRef, headerGroup) {
|
|
131
134
|
incrementAmount = _useState2[0];
|
132
135
|
var handleOnMouseDownResize = function handleOnMouseDownResize(event, resizeProps) {
|
133
136
|
var _resizeProps = _rollupPluginBabelHelpers.objectSpread2({}, resizeProps),
|
134
|
-
|
137
|
+
_resizeProps$onMouseD = _resizeProps.onMouseDown,
|
138
|
+
onMouseDown = _resizeProps$onMouseD === void 0 ? function () {} : _resizeProps$onMouseD;
|
135
139
|
// When event.button is 2, that is a right click
|
136
140
|
// and we do not want to resize
|
137
141
|
if (event.button === 2 || event.ctrlKey) {
|
@@ -141,9 +145,8 @@ var HeaderRow = function HeaderRow(datagridState, headRef, headerGroup) {
|
|
141
145
|
onMouseDown === null || onMouseDown === void 0 || onMouseDown(event);
|
142
146
|
};
|
143
147
|
var _headerGroup$getHeade = headerGroup.getHeaderGroupProps(),
|
144
|
-
headerGroupClassName = _headerGroup$getHeade.className
|
145
|
-
_headerGroup$getHeade
|
146
|
-
var headerGroupProps = _rollupPluginBabelHelpers.objectWithoutProperties(_headerGroup$getHeade, _excluded2);
|
148
|
+
headerGroupClassName = _headerGroup$getHeade.className,
|
149
|
+
headerGroupProps = _rollupPluginBabelHelpers.objectWithoutProperties(_headerGroup$getHeade, _excluded);
|
147
150
|
var renderSlug = function renderSlug(slug) {
|
148
151
|
if (isTableSortable) {
|
149
152
|
return;
|
@@ -156,16 +159,20 @@ var HeaderRow = function HeaderRow(datagridState, headRef, headerGroup) {
|
|
156
159
|
var _r$original;
|
157
160
|
return /*#__PURE__*/React.isValidElement(r === null || r === void 0 || (_r$original = r.original) === null || _r$original === void 0 ? void 0 : _r$original.slug);
|
158
161
|
});
|
159
|
-
|
162
|
+
var key = headerGroupProps.key,
|
163
|
+
rowProps = _rollupPluginBabelHelpers.objectWithoutProperties(headerGroupProps, _excluded2);
|
164
|
+
return /*#__PURE__*/React__default["default"].createElement(react.TableRow, _rollupPluginBabelHelpers["extends"]({
|
165
|
+
key: key
|
166
|
+
}, rowProps, {
|
160
167
|
className: cx__default["default"]("".concat(blockClass, "__head"), headerGroupClassName),
|
161
168
|
ref: headRef
|
162
169
|
}), foundAIRow ? _th || (_th = /*#__PURE__*/React__default["default"].createElement("th", {
|
163
170
|
scope: "col",
|
164
171
|
"aria-hidden": "false"
|
165
|
-
})) : null, datagridState.headers.filter(function (_ref3) {
|
172
|
+
})) : null, datagridState === null || datagridState === void 0 || (_datagridState$header = datagridState.headers) === null || _datagridState$header === void 0 || (_datagridState$header = _datagridState$header.filter(function (_ref3) {
|
166
173
|
var isVisible = _ref3.isVisible;
|
167
174
|
return isVisible;
|
168
|
-
}).map(function (header, index) {
|
175
|
+
})) === null || _datagridState$header === void 0 ? void 0 : _datagridState$header.map(function (header, index) {
|
169
176
|
var _header$getResizerPro;
|
170
177
|
if (header.id === commonColumnIds.selectionColumnId) {
|
171
178
|
// render directly without the wrapper TableHeader
|
@@ -183,12 +190,11 @@ var HeaderRow = function HeaderRow(datagridState, headRef, headerGroup) {
|
|
183
190
|
var _ref5 = columnResizing || {},
|
184
191
|
columnWidths = _ref5.columnWidths;
|
185
192
|
var originalCol = visibleColumns[index];
|
186
|
-
var _header$getHeaderProp = header.getHeaderProps()
|
187
|
-
_header$getHeaderProp
|
188
|
-
var headerProps = _rollupPluginBabelHelpers.objectWithoutProperties(_header$getHeaderProp, _excluded3);
|
193
|
+
var _header$getHeaderProp = header.getHeaderProps(),
|
194
|
+
headerProps = _rollupPluginBabelHelpers["extends"]({}, (_rollupPluginBabelHelpers.objectDestructuringEmpty(_header$getHeaderProp), _header$getHeaderProp));
|
189
195
|
var resizerProps = header === null || header === void 0 || (_header$getResizerPro = header.getResizerProps) === null || _header$getResizerPro === void 0 ? void 0 : _header$getResizerPro.call(header);
|
190
196
|
return /*#__PURE__*/React__default["default"].createElement(react.TableHeader, _rollupPluginBabelHelpers["extends"]({}, headerProps, {
|
191
|
-
className: cx__default["default"](header.className, _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "__resizableColumn"), resizerProps), "".concat(blockClass, "__isResizing"), header.isResizing), "".concat(blockClass, "__sortableColumn"), datagridState.isTableSortable && header.id !== 'spacer'), "".concat(blockClass, "__isSorted"), header.isSorted), "".concat(blockClass, "__header-actions-column"), header.isAction), "".concat(blockClass, "__with-slug"), header.slug && /*#__PURE__*/React__default["default"].isValidElement(header.slug))),
|
197
|
+
className: cx__default["default"](header === null || header === void 0 ? void 0 : header.className, _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "__resizableColumn"), resizerProps), "".concat(blockClass, "__isResizing"), header === null || header === void 0 ? void 0 : header.isResizing), "".concat(blockClass, "__sortableColumn"), datagridState.isTableSortable && header.id !== 'spacer'), "".concat(blockClass, "__isSorted"), header === null || header === void 0 ? void 0 : header.isSorted), "".concat(blockClass, "__header-actions-column"), header === null || header === void 0 ? void 0 : header.isAction), "".concat(blockClass, "__with-slug"), header.slug && /*#__PURE__*/React__default["default"].isValidElement(header === null || header === void 0 ? void 0 : header.slug))),
|
192
198
|
key: header.id,
|
193
199
|
"aria-hidden": header.id === 'spacer' && 'true'
|
194
200
|
}, getAccessibilityProps(header)), header.render('Header'), renderSlug(header.slug), resizerProps && !header.isAction && /*#__PURE__*/React__default["default"].createElement(ResizeHeader, {
|
@@ -215,6 +221,5 @@ var useHeaderRow = function useHeaderRow(hooks) {
|
|
215
221
|
};
|
216
222
|
hooks.useInstance.push(useInstance);
|
217
223
|
};
|
218
|
-
var useHeaderRow$1 = useHeaderRow;
|
219
224
|
|
220
|
-
exports["default"] = useHeaderRow
|
225
|
+
exports["default"] = useHeaderRow;
|
@@ -1,2 +1,3 @@
|
|
1
|
+
import { DataGridState } from '../types';
|
2
|
+
declare const DatagridRefBody: (datagridState: DataGridState) => import("react/jsx-runtime").JSX.Element;
|
1
3
|
export default DatagridRefBody;
|
2
|
-
declare function DatagridRefBody(datagridState: any): import("react/jsx-runtime").JSX.Element;
|
@@ -33,16 +33,16 @@ var DatagridRefBody = function DatagridRefBody(datagridState) {
|
|
33
33
|
role: undefined
|
34
34
|
}), {
|
35
35
|
className: cx__default["default"]("".concat(blockClass, "__simple-body"), getTableBodyProps().className)
|
36
|
-
}), rows.map(function (row) {
|
36
|
+
}), rows === null || rows === void 0 ? void 0 : rows.map(function (row) {
|
37
|
+
var _row$RowRenderer;
|
37
38
|
prepareRow(row);
|
38
39
|
var _row$getRowProps = row.getRowProps(),
|
39
40
|
key = _row$getRowProps.key;
|
40
|
-
return row.RowRenderer(_rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, datagridState), {}, {
|
41
|
+
return row === null || row === void 0 || (_row$RowRenderer = row.RowRenderer) === null || _row$RowRenderer === void 0 ? void 0 : _row$RowRenderer.call(row, _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, datagridState), {}, {
|
41
42
|
row: row,
|
42
43
|
key: key
|
43
44
|
}));
|
44
45
|
}));
|
45
46
|
};
|
46
|
-
var DatagridRefBody$1 = DatagridRefBody;
|
47
47
|
|
48
|
-
exports["default"] = DatagridRefBody
|
48
|
+
exports["default"] = DatagridRefBody;
|
@@ -1,2 +1,9 @@
|
|
1
|
+
/**
|
2
|
+
* Copyright IBM Corp. 2020, 2024
|
3
|
+
*
|
4
|
+
* This source code is licensed under the Apache-2.0 license found in the
|
5
|
+
* LICENSE file in the root directory of this source tree.
|
6
|
+
*/
|
7
|
+
import { DataGridState } from '../types';
|
8
|
+
declare const DatagridRow: (datagridState: DataGridState) => import("react/jsx-runtime").JSX.Element;
|
1
9
|
export default DatagridRow;
|
2
|
-
declare function DatagridRow(datagridState: any): import("react/jsx-runtime").JSX.Element;
|
@@ -24,8 +24,8 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
24
24
|
var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
|
25
25
|
|
26
26
|
var _SkeletonText;
|
27
|
-
var _excluded = ["
|
28
|
-
_excluded2 = ["children"
|
27
|
+
var _excluded = ["className"],
|
28
|
+
_excluded2 = ["children"];
|
29
29
|
var blockClass = "".concat(settings.pkg.prefix, "--datagrid");
|
30
30
|
var rowHeights = {
|
31
31
|
xs: 24,
|
@@ -67,7 +67,7 @@ var DatagridRow = function DatagridRow(datagridState) {
|
|
67
67
|
return;
|
68
68
|
}
|
69
69
|
var subRowCount = getVisibleNestedRowCount(row);
|
70
|
-
var totalNestedRowIndicatorHeight = layout.px(subRowCount * rowHeights[rowSize]);
|
70
|
+
var totalNestedRowIndicatorHeight = layout.px(subRowCount * rowHeights[Number(rowSize)]);
|
71
71
|
var hoverRow = event.target.closest(".".concat(blockClass, "__carbon-row-expanded"));
|
72
72
|
hoverRow === null || hoverRow === void 0 || hoverRow.classList.add("".concat(blockClass, "__carbon-row-expanded-hover-active"));
|
73
73
|
var rowExpanderButton = hoverRow === null || hoverRow === void 0 ? void 0 : hoverRow.querySelector(".".concat(blockClass, "__row-expander"));
|
@@ -94,7 +94,7 @@ var DatagridRow = function DatagridRow(datagridState) {
|
|
94
94
|
};
|
95
95
|
var handleMouseLeave = function handleMouseLeave(event) {
|
96
96
|
if (withMouseHover) {
|
97
|
-
setMouseOverRowIndex(null);
|
97
|
+
setMouseOverRowIndex === null || setMouseOverRowIndex === void 0 || setMouseOverRowIndex(null);
|
98
98
|
}
|
99
99
|
var hoverRow = event.target.closest(".".concat(blockClass, "__carbon-row-expanded"));
|
100
100
|
hoverRow === null || hoverRow === void 0 || hoverRow.classList.remove("".concat(blockClass, "__carbon-row-expanded-hover-active"));
|
@@ -116,11 +116,8 @@ var DatagridRow = function DatagridRow(datagridState) {
|
|
116
116
|
}
|
117
117
|
return {};
|
118
118
|
};
|
119
|
-
|
120
|
-
|
121
|
-
var _row$getRowProps = row.getRowProps();
|
122
|
-
_row$getRowProps.role;
|
123
|
-
var className = _row$getRowProps.className,
|
119
|
+
var _row$getRowProps = row.getRowProps(),
|
120
|
+
className = _row$getRowProps.className,
|
124
121
|
rowProps = _rollupPluginBabelHelpers.objectWithoutProperties(_row$getRowProps, _excluded);
|
125
122
|
var foundAIRow = rows.some(function (r) {
|
126
123
|
var _r$original;
|
@@ -147,9 +144,9 @@ var DatagridRow = function DatagridRow(datagridState) {
|
|
147
144
|
var _cell$column, _cell$column2, _content$props, _associatedHeader$;
|
148
145
|
var cellProps = cell.getCellProps();
|
149
146
|
// eslint-disable-next-line no-unused-vars
|
150
|
-
var
|
151
|
-
|
152
|
-
|
147
|
+
var _ref2 = cellProps,
|
148
|
+
children = _ref2.children,
|
149
|
+
restProps = _rollupPluginBabelHelpers.objectWithoutProperties(_ref2, _excluded2);
|
153
150
|
var columnClassname = cell === null || cell === void 0 || (_cell$column = cell.column) === null || _cell$column === void 0 ? void 0 : _cell$column.className;
|
154
151
|
var content = children || /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, !row.isSkeleton && cell.render('Cell'), row.isSkeleton && (_SkeletonText || (_SkeletonText = /*#__PURE__*/React__default["default"].createElement(react.SkeletonText, null))));
|
155
152
|
if ((cell === null || cell === void 0 || (_cell$column2 = cell.column) === null || _cell$column2 === void 0 ? void 0 : _cell$column2.id) === commonColumnIds.selectionColumnId) {
|
@@ -159,7 +156,7 @@ var DatagridRow = function DatagridRow(datagridState) {
|
|
159
156
|
});
|
160
157
|
}
|
161
158
|
var title = content === null || content === void 0 || (_content$props = content.props) === null || _content$props === void 0 || (_content$props = _content$props.children[0]) === null || _content$props === void 0 || (_content$props = _content$props.props) === null || _content$props === void 0 ? void 0 : _content$props.value;
|
162
|
-
var associatedHeader = headers.filter(function (h) {
|
159
|
+
var associatedHeader = headers === null || headers === void 0 ? void 0 : headers.filter(function (h) {
|
163
160
|
return h.id === cell.column.id;
|
164
161
|
});
|
165
162
|
return /*#__PURE__*/React__default["default"].createElement(react.TableCell, _rollupPluginBabelHelpers["extends"]({
|
@@ -168,8 +165,7 @@ var DatagridRow = function DatagridRow(datagridState) {
|
|
168
165
|
key: cell.column.id,
|
169
166
|
title: title
|
170
167
|
}), content);
|
171
|
-
})), renderExpandedRow());
|
168
|
+
})), (renderExpandedRow === null || renderExpandedRow === void 0 ? void 0 : renderExpandedRow()) || undefined);
|
172
169
|
};
|
173
|
-
var DatagridRow$1 = DatagridRow;
|
174
170
|
|
175
|
-
exports["default"] = DatagridRow
|
171
|
+
exports["default"] = DatagridRow;
|
@@ -1 +1,9 @@
|
|
1
|
-
|
1
|
+
/**
|
2
|
+
* Copyright IBM Corp. 2020, 2023
|
3
|
+
*
|
4
|
+
* This source code is licensed under the Apache-2.0 license found in the
|
5
|
+
* LICENSE file in the root directory of this source tree.
|
6
|
+
*/
|
7
|
+
import { DataGridState } from '../types';
|
8
|
+
declare const SelectAll: (datagridState: DataGridState) => import("react/jsx-runtime").JSX.Element;
|
9
|
+
export { SelectAll };
|
@@ -59,13 +59,13 @@ var SelectAll = function SelectAll(datagridState) {
|
|
59
59
|
if (hideSelectAll || radio) {
|
60
60
|
return /*#__PURE__*/React__default["default"].createElement("div", {
|
61
61
|
className: cx__default["default"]("".concat(blockClass, "__head-hidden-select-all"), _rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "__select-all-sticky-left"), /* istanbul ignore next */
|
62
|
-
isFirstColumnStickyLeft && windowSize > 671))
|
62
|
+
isFirstColumnStickyLeft && Number(windowSize) > 671))
|
63
63
|
});
|
64
64
|
}
|
65
65
|
var getProps = DatagridPagination ? getToggleAllPageRowsSelectedProps : getToggleAllRowsSelectedProps;
|
66
|
-
var
|
67
|
-
onChange =
|
68
|
-
selectProps = _rollupPluginBabelHelpers.objectWithoutProperties(
|
66
|
+
var _ref = getProps(),
|
67
|
+
onChange = _ref.onChange,
|
68
|
+
selectProps = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
|
69
69
|
var indeterminate = selectProps.indeterminate;
|
70
70
|
var handleSelectAllChange = function handleSelectAllChange(event) {
|
71
71
|
if (indeterminate) {
|
@@ -73,7 +73,8 @@ var SelectAll = function SelectAll(datagridState) {
|
|
73
73
|
dispatch: dispatch,
|
74
74
|
rows: rows,
|
75
75
|
getRowId: getRowId,
|
76
|
-
indeterminate: true
|
76
|
+
indeterminate: true,
|
77
|
+
isChecked: undefined
|
77
78
|
});
|
78
79
|
toggleAllRowsSelected(false);
|
79
80
|
onAllRowSelect === null || onAllRowSelect === void 0 || onAllRowSelect(rows, event);
|
@@ -87,18 +88,19 @@ var SelectAll = function SelectAll(datagridState) {
|
|
87
88
|
dispatch: dispatch,
|
88
89
|
rows: rows,
|
89
90
|
getRowId: getRowId,
|
90
|
-
isChecked: event.target.checked
|
91
|
+
isChecked: event.target.checked,
|
92
|
+
indeterminate: indeterminate
|
91
93
|
});
|
92
94
|
onAllRowSelect === null || onAllRowSelect === void 0 || onAllRowSelect(rows, event);
|
93
95
|
return onChange === null || onChange === void 0 ? void 0 : onChange(event);
|
94
96
|
};
|
95
97
|
return /*#__PURE__*/React__default["default"].createElement("div", {
|
96
98
|
className: cx__default["default"]("".concat(blockClass, "__head-select-all"), "".concat(blockClass, "__checkbox-cell"), _rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "__checkbox-cell-sticky-left"), /* istanbul ignore next */
|
97
|
-
isFirstColumnStickyLeft && windowSize > 671))
|
99
|
+
isFirstColumnStickyLeft && Number(windowSize) > 671))
|
98
100
|
}, /*#__PURE__*/React__default["default"].createElement(react.TableSelectAll, _rollupPluginBabelHelpers["extends"]({}, selectProps, {
|
99
101
|
name: "".concat(tableId, "-select-all-checkbox-name"),
|
100
102
|
onSelect: handleSelectAllChange,
|
101
|
-
disabled: isFetching || selectProps.disabled,
|
103
|
+
disabled: isFetching || (selectProps === null || selectProps === void 0 ? void 0 : selectProps.disabled),
|
102
104
|
id: "".concat(tableId, "-select-all-checkbox-id")
|
103
105
|
})));
|
104
106
|
};
|
@@ -1,28 +1,24 @@
|
|
1
|
-
|
2
|
-
|
3
|
-
|
4
|
-
|
5
|
-
|
6
|
-
|
7
|
-
getToggleAllPageRowsSelectedProps: any;
|
8
|
-
getToggleAllRowsSelectedProps: any;
|
9
|
-
allPageRowsLabel?: string | undefined;
|
10
|
-
allRowsLabel?: string | undefined;
|
11
|
-
columns: any;
|
12
|
-
withStickyColumn: any;
|
13
|
-
}): import("react/jsx-runtime").JSX.Element;
|
14
|
-
declare namespace SelectAllWithToggle {
|
15
|
-
namespace propTypes {
|
16
|
-
let allPageRowsLabel: PropTypes.Requireable<string>;
|
17
|
-
let allRowsLabel: PropTypes.Requireable<string>;
|
18
|
-
let columns: PropTypes.Requireable<(object | null | undefined)[]>;
|
19
|
-
let getToggleAllPageRowsSelectedProps: PropTypes.Validator<(...args: any[]) => any>;
|
20
|
-
let getToggleAllRowsSelectedProps: PropTypes.Validator<(...args: any[]) => any>;
|
21
|
-
let isAllRowsSelected: PropTypes.Validator<boolean>;
|
22
|
-
let isFetching: PropTypes.Requireable<boolean>;
|
23
|
-
let selectAllToggle: PropTypes.Requireable<object>;
|
24
|
-
let tableId: PropTypes.Validator<string>;
|
25
|
-
let withStickyColumn: PropTypes.Requireable<boolean>;
|
26
|
-
}
|
27
|
-
}
|
1
|
+
/**
|
2
|
+
* Copyright IBM Corp. 2020, 2023
|
3
|
+
*
|
4
|
+
* This source code is licensed under the Apache-2.0 license found in the
|
5
|
+
* LICENSE file in the root directory of this source tree.
|
6
|
+
*/
|
28
7
|
import PropTypes from 'prop-types';
|
8
|
+
import { DataGridState } from '../types';
|
9
|
+
declare const SelectAllWithToggle: {
|
10
|
+
({ tableId, isFetching, isAllRowsSelected, selectAllToggle, getToggleAllPageRowsSelectedProps, getToggleAllRowsSelectedProps, allPageRowsLabel, allRowsLabel, columns, withStickyColumn, }: DataGridState): import("react/jsx-runtime").JSX.Element;
|
11
|
+
propTypes: {
|
12
|
+
allPageRowsLabel: PropTypes.Requireable<string>;
|
13
|
+
allRowsLabel: PropTypes.Requireable<string>;
|
14
|
+
columns: PropTypes.Requireable<(object | null | undefined)[]>;
|
15
|
+
getToggleAllPageRowsSelectedProps: PropTypes.Validator<(...args: any[]) => any>;
|
16
|
+
getToggleAllRowsSelectedProps: PropTypes.Validator<(...args: any[]) => any>;
|
17
|
+
isAllRowsSelected: PropTypes.Validator<boolean>;
|
18
|
+
isFetching: PropTypes.Requireable<boolean>;
|
19
|
+
selectAllToggle: PropTypes.Requireable<object>;
|
20
|
+
tableId: PropTypes.Validator<string>;
|
21
|
+
withStickyColumn: PropTypes.Requireable<boolean>;
|
22
|
+
};
|
23
|
+
};
|
24
|
+
export default SelectAllWithToggle;
|
@@ -66,22 +66,22 @@ var SelectAllWithToggle = function SelectAllWithToggle(_ref) {
|
|
66
66
|
};
|
67
67
|
}, []);
|
68
68
|
if (labels) {
|
69
|
-
allPageRowsLabel = labels.allPageRows || allPageRowsLabel;
|
69
|
+
allPageRowsLabel = (labels === null || labels === void 0 ? void 0 : labels.allPageRows) || allPageRowsLabel;
|
70
70
|
allRowsLabel = labels.allRows || allRowsLabel;
|
71
71
|
}
|
72
72
|
var getProps = selectAllMode === SELECT_ALL_PAGE_ROWS ? getToggleAllPageRowsSelectedProps : getToggleAllRowsSelectedProps;
|
73
|
-
var
|
74
|
-
onChange =
|
75
|
-
selectProps = _rollupPluginBabelHelpers.objectWithoutProperties(
|
73
|
+
var _ref3 = getProps(),
|
74
|
+
onChange = _ref3.onChange,
|
75
|
+
selectProps = _rollupPluginBabelHelpers.objectWithoutProperties(_ref3, _excluded);
|
76
76
|
var disabled = isFetching || selectProps.disabled;
|
77
|
-
var isFirstColumnStickyLeft = ((_columns$ = columns[0]) === null || _columns$ === void 0 ? void 0 : _columns$.sticky) === 'left' && withStickyColumn;
|
77
|
+
var isFirstColumnStickyLeft = (columns === null || columns === void 0 || (_columns$ = columns[0]) === null || _columns$ === void 0 ? void 0 : _columns$.sticky) === 'left' && withStickyColumn;
|
78
78
|
return /*#__PURE__*/React__default["default"].createElement("th", {
|
79
79
|
scope: "col",
|
80
80
|
className: cx__default["default"]("".concat(blockClass, "__select-all-toggle-on"), _rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "__select-all-sticky-left"), isFirstColumnStickyLeft && windowSize > 671))
|
81
81
|
}, /*#__PURE__*/React__default["default"].createElement("span", null, /*#__PURE__*/React__default["default"].createElement(react.Checkbox, _rollupPluginBabelHelpers["extends"]({}, selectProps, {
|
82
82
|
name: "".concat(tableId, "-select-all-checkbox-name"),
|
83
83
|
onClick: function onClick(e) {
|
84
|
-
onChange(e);
|
84
|
+
onChange === null || onChange === void 0 || onChange(e);
|
85
85
|
},
|
86
86
|
disabled: disabled,
|
87
87
|
id: "".concat(tableId, "-select-all-checkbox-id"),
|
@@ -101,9 +101,10 @@ var SelectAllWithToggle = function SelectAllWithToggle(_ref) {
|
|
101
101
|
requireTitle: true,
|
102
102
|
disabled: disabled,
|
103
103
|
onClick: function onClick() {
|
104
|
+
var _ref4;
|
104
105
|
setSelectAllMode(SELECT_ALL_PAGE_ROWS);
|
105
106
|
// deselect all rows first
|
106
|
-
getToggleAllRowsSelectedProps().onChange({
|
107
|
+
getToggleAllRowsSelectedProps === null || getToggleAllRowsSelectedProps === void 0 || (_ref4 = getToggleAllRowsSelectedProps()) === null || _ref4 === void 0 || _ref4.onChange({
|
107
108
|
target: {
|
108
109
|
checked: false
|
109
110
|
}
|
@@ -141,6 +142,5 @@ SelectAllWithToggle.propTypes = {
|
|
141
142
|
tableId: index["default"].string.isRequired,
|
142
143
|
withStickyColumn: index["default"].bool
|
143
144
|
};
|
144
|
-
var SelectAllWithToggle$1 = SelectAllWithToggle;
|
145
145
|
|
146
|
-
exports["default"] = SelectAllWithToggle
|
146
|
+
exports["default"] = SelectAllWithToggle;
|
@@ -1,2 +1,3 @@
|
|
1
|
+
import { DataGridState } from '../types';
|
2
|
+
declare const DatagridSimpleBody: (datagridState: DataGridState) => import("react/jsx-runtime").JSX.Element;
|
1
3
|
export default DatagridSimpleBody;
|
2
|
-
declare function DatagridSimpleBody(datagridState: any): import("react/jsx-runtime").JSX.Element;
|
@@ -31,15 +31,15 @@ var DatagridSimpleBody = function DatagridSimpleBody(datagridState) {
|
|
31
31
|
"aria-live": null,
|
32
32
|
className: cx__default["default"]("".concat(blockClass, "__simple-body"), getTableBodyProps().className)
|
33
33
|
}), rows.map(function (row) {
|
34
|
+
var _row$RowRenderer;
|
34
35
|
prepareRow(row);
|
35
36
|
var _row$getRowProps = row.getRowProps(),
|
36
37
|
key = _row$getRowProps.key;
|
37
|
-
return row.RowRenderer(_rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, datagridState), {}, {
|
38
|
+
return row === null || row === void 0 || (_row$RowRenderer = row.RowRenderer) === null || _row$RowRenderer === void 0 ? void 0 : _row$RowRenderer.call(row, _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, datagridState), {}, {
|
38
39
|
row: row,
|
39
40
|
key: key
|
40
41
|
}));
|
41
42
|
}));
|
42
43
|
};
|
43
|
-
var DatagridSimpleBody$1 = DatagridSimpleBody;
|
44
44
|
|
45
|
-
exports["default"] = DatagridSimpleBody
|
45
|
+
exports["default"] = DatagridSimpleBody;
|
@@ -1,11 +1,18 @@
|
|
1
|
-
|
2
|
-
|
3
|
-
|
4
|
-
|
5
|
-
|
6
|
-
|
7
|
-
namespace propTypes {
|
8
|
-
let ariaToolbarLabel: PropTypes.Requireable<string>;
|
9
|
-
}
|
10
|
-
}
|
1
|
+
/**
|
2
|
+
* Copyright IBM Corp. 2021, 2023
|
3
|
+
*
|
4
|
+
* This source code is licensed under the Apache-2.0 license found in the
|
5
|
+
* LICENSE file in the root directory of this source tree.
|
6
|
+
*/
|
11
7
|
import PropTypes from 'prop-types';
|
8
|
+
import { DataGridState } from '../types';
|
9
|
+
interface DatagridToolbarProps {
|
10
|
+
ariaToolbarLabel?: string;
|
11
|
+
}
|
12
|
+
declare const DatagridToolbar: {
|
13
|
+
({ ariaToolbarLabel, ...datagridState }: DatagridToolbarProps & DataGridState): import("react/jsx-runtime").JSX.Element | null;
|
14
|
+
propTypes: {
|
15
|
+
ariaToolbarLabel: PropTypes.Requireable<string>;
|
16
|
+
};
|
17
|
+
};
|
18
|
+
export default DatagridToolbar;
|