@carbon/ibm-products 2.43.2-canary.40 → 2.43.2-canary.42
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/es/components/Datagrid/Datagrid/Datagrid.d.ts +0 -4
- package/es/components/Datagrid/Datagrid/Datagrid.js +2 -8
- package/es/components/Datagrid/Datagrid/DatagridHeaderRow.js +12 -7
- package/es/components/Datagrid/Datagrid/DatagridRow.js +8 -6
- package/es/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditButton/InlineEditButton.js +1 -2
- package/es/components/Datagrid/useDefaultStringRenderer.js +0 -1
- package/es/components/Datagrid/useNestedRowExpander.js +1 -3
- package/es/components/Datagrid/useRowExpander.js +1 -3
- package/lib/components/Datagrid/Datagrid/Datagrid.d.ts +0 -4
- package/lib/components/Datagrid/Datagrid/Datagrid.js +2 -8
- package/lib/components/Datagrid/Datagrid/DatagridHeaderRow.js +12 -7
- package/lib/components/Datagrid/Datagrid/DatagridRow.js +8 -6
- package/lib/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditButton/InlineEditButton.js +1 -2
- package/lib/components/Datagrid/useDefaultStringRenderer.js +0 -1
- package/lib/components/Datagrid/useNestedRowExpander.js +1 -3
- package/lib/components/Datagrid/useRowExpander.js +1 -3
- package/package.json +2 -2
- package/telemetry.yml +7 -0
@@ -16,10 +16,6 @@ export interface DatagridProps {
|
|
16
16
|
* The data grid state, much of it being supplied by the useDatagrid hook
|
17
17
|
*/
|
18
18
|
datagridState: DataGridState;
|
19
|
-
/**
|
20
|
-
* Table title
|
21
|
-
*/
|
22
|
-
title?: string;
|
23
19
|
}
|
24
20
|
/**
|
25
21
|
* The `Datagrid` component is an extension of Carbon's DataTable component. At the most basic level, the `Datagrid` component takes in columns and rows and renders a data table. There is a set of data table extensions which this component provides support for, these can be found [here](https://pages.github.ibm.com/cdai-design/pal/components/data-table/overview/). This component is data driven and allows you to choose what pieces will be included based on the hooks/plugins that are provided.
|
@@ -16,7 +16,7 @@ import { DatagridContent } from './DatagridContent.js';
|
|
16
16
|
import { FilterProvider } from './addons/Filtering/FilterProvider.js';
|
17
17
|
import { InlineEditProvider } from './addons/InlineEdit/InlineEditContext/InlineEditContext.js';
|
18
18
|
|
19
|
-
var _excluded = ["datagridState", "
|
19
|
+
var _excluded = ["datagridState", "ariaToolbarLabel"];
|
20
20
|
var blockClass = "".concat(pkg.prefix, "--datagrid");
|
21
21
|
var componentName = 'Datagrid';
|
22
22
|
/**
|
@@ -24,7 +24,6 @@ var componentName = 'Datagrid';
|
|
24
24
|
*/
|
25
25
|
var Datagrid = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
|
26
26
|
var datagridState = _ref.datagridState,
|
27
|
-
title = _ref.title,
|
28
27
|
ariaToolbarLabel = _ref.ariaToolbarLabel,
|
29
28
|
rest = _objectWithoutProperties(_ref, _excluded);
|
30
29
|
if (!datagridState) {
|
@@ -40,7 +39,6 @@ var Datagrid = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
|
|
40
39
|
state = datagridState.state;
|
41
40
|
var rows = DatagridPagination && datagridState.page || datagridState.rows;
|
42
41
|
var props = {
|
43
|
-
title: title,
|
44
42
|
datagridState: datagridState,
|
45
43
|
ariaToolbarLabel: ariaToolbarLabel
|
46
44
|
};
|
@@ -73,11 +71,7 @@ Datagrid.propTypes = {
|
|
73
71
|
* The data grid state, much of it being supplied by the useDatagrid hook
|
74
72
|
*/
|
75
73
|
/**@ts-ignore */
|
76
|
-
datagridState: PropTypes.object.isRequired
|
77
|
-
/**
|
78
|
-
* Table title
|
79
|
-
*/
|
80
|
-
title: PropTypes.string
|
74
|
+
datagridState: PropTypes.object.isRequired
|
81
75
|
};
|
82
76
|
|
83
77
|
export { Datagrid };
|
@@ -23,10 +23,8 @@ var _excluded = ["className"],
|
|
23
23
|
var blockClass = "".concat(pkg.prefix, "--datagrid");
|
24
24
|
var getAccessibilityProps = function getAccessibilityProps(header) {
|
25
25
|
var props = {};
|
26
|
-
var
|
27
|
-
if (
|
28
|
-
props.title = title;
|
29
|
-
} else {
|
26
|
+
var content = getNodeTextContent(header.Header);
|
27
|
+
if (!content) {
|
30
28
|
props['aria-hidden'] = true;
|
31
29
|
}
|
32
30
|
return props;
|
@@ -82,6 +80,7 @@ var ResizeHeader = function ResizeHeader(_ref) {
|
|
82
80
|
"aria-label": resizerAriaLabel || 'Resize column',
|
83
81
|
disabled: isFetching
|
84
82
|
})), /*#__PURE__*/React__default.createElement("span", {
|
83
|
+
role: "separator",
|
85
84
|
className: "".concat(blockClass, "__col-resize-indicator")
|
86
85
|
}));
|
87
86
|
};
|
@@ -136,7 +135,9 @@ var HeaderRow = function HeaderRow(datagridState, headRef, headerGroup) {
|
|
136
135
|
}
|
137
136
|
onMouseDown === null || onMouseDown === void 0 || onMouseDown(event);
|
138
137
|
};
|
139
|
-
var _headerGroup$getHeade = headerGroup.getHeaderGroupProps(
|
138
|
+
var _headerGroup$getHeade = headerGroup.getHeaderGroupProps({
|
139
|
+
role: undefined
|
140
|
+
}),
|
140
141
|
headerGroupClassName = _headerGroup$getHeade.className,
|
141
142
|
headerGroupProps = _objectWithoutProperties(_headerGroup$getHeade, _excluded);
|
142
143
|
var renderSlug = function renderSlug(slug) {
|
@@ -185,9 +186,13 @@ var HeaderRow = function HeaderRow(datagridState, headRef, headerGroup) {
|
|
185
186
|
var _ref5 = columnResizing || {},
|
186
187
|
columnWidths = _ref5.columnWidths;
|
187
188
|
var originalCol = visibleColumns[index];
|
188
|
-
var _header$getHeaderProp = header.getHeaderProps(
|
189
|
+
var _header$getHeaderProp = header.getHeaderProps({
|
190
|
+
role: undefined
|
191
|
+
}),
|
189
192
|
headerProps = _extends({}, (_objectDestructuringEmpty(_header$getHeaderProp), _header$getHeaderProp));
|
190
|
-
var resizerProps = header === null || header === void 0 || (_header$getResizerPro = header.getResizerProps) === null || _header$getResizerPro === void 0 ? void 0 : _header$getResizerPro.call(header
|
193
|
+
var resizerProps = header === null || header === void 0 || (_header$getResizerPro = header.getResizerProps) === null || _header$getResizerPro === void 0 ? void 0 : _header$getResizerPro.call(header, {
|
194
|
+
role: undefined
|
195
|
+
});
|
191
196
|
var headerStyle = headerProps === null || headerProps === void 0 ? void 0 : headerProps.style;
|
192
197
|
var lastVisibleIndex = withActionsColumn ? 2 : 1;
|
193
198
|
var lastVisibleFlexStyle = index === visibleColumns.length - lastVisibleIndex ? '1 1 0' : '0 0 auto';
|
@@ -108,7 +108,9 @@ var DatagridRow = function DatagridRow(datagridState) {
|
|
108
108
|
}
|
109
109
|
return {};
|
110
110
|
};
|
111
|
-
var _row$getRowProps = row.getRowProps(
|
111
|
+
var _row$getRowProps = row.getRowProps({
|
112
|
+
role: undefined
|
113
|
+
}),
|
112
114
|
className = _row$getRowProps.className,
|
113
115
|
rowProps = _objectWithoutProperties(_row$getRowProps, _excluded);
|
114
116
|
var foundAIRow = rows.some(function (r) {
|
@@ -136,8 +138,10 @@ var DatagridRow = function DatagridRow(datagridState) {
|
|
136
138
|
})) : /*#__PURE__*/React__default.createElement("td", {
|
137
139
|
className: "".concat(blockClass, "__table-row-ai-spacer")
|
138
140
|
}) : null, row.cells.map(function (cell, index) {
|
139
|
-
var _cell$column, _cell$column2,
|
140
|
-
var cellProps = cell.getCellProps(
|
141
|
+
var _cell$column, _cell$column2, _associatedHeader$;
|
142
|
+
var cellProps = cell.getCellProps({
|
143
|
+
role: undefined
|
144
|
+
});
|
141
145
|
// eslint-disable-next-line no-unused-vars
|
142
146
|
var _ref2 = cellProps,
|
143
147
|
style = _ref2.style,
|
@@ -151,7 +155,6 @@ var DatagridRow = function DatagridRow(datagridState) {
|
|
151
155
|
key: cell.column.id
|
152
156
|
});
|
153
157
|
}
|
154
|
-
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;
|
155
158
|
var associatedHeader = headers === null || headers === void 0 ? void 0 : headers.filter(function (h) {
|
156
159
|
return h.id === cell.column.id;
|
157
160
|
});
|
@@ -164,8 +167,7 @@ var DatagridRow = function DatagridRow(datagridState) {
|
|
164
167
|
className: cx("".concat(blockClass, "__cell"), _defineProperty(_defineProperty(_defineProperty({}, "".concat(blockClass, "__expandable-row-cell"), row.canExpand && index === 0), "".concat(blockClass, "__expandable-row-cell--is-expanded"), row.isExpanded && index === 0), "".concat(blockClass, "__slug--cell"), associatedHeader && associatedHeader.length && /*#__PURE__*/isValidElement((_associatedHeader$ = associatedHeader[0]) === null || _associatedHeader$ === void 0 ? void 0 : _associatedHeader$.slug)), columnClassname)
|
165
168
|
}, restProps, {
|
166
169
|
style: style,
|
167
|
-
key: cell.column.id
|
168
|
-
title: title
|
170
|
+
key: cell.column.id
|
169
171
|
}), content);
|
170
172
|
})), (renderExpandedRow === null || renderExpandedRow === void 0 ? void 0 : renderExpandedRow()) || undefined);
|
171
173
|
};
|
package/es/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditButton/InlineEditButton.js
CHANGED
@@ -27,8 +27,7 @@ var InlineEditButton = function InlineEditButton(_ref) {
|
|
27
27
|
tabIndex: isActiveCell ? 0 : -1,
|
28
28
|
"data-disabled": disabledCell,
|
29
29
|
"aria-disabled": disabledCell,
|
30
|
-
role: "button"
|
31
|
-
title: label
|
30
|
+
role: "button"
|
32
31
|
}, LabelIcon && /*#__PURE__*/React__default.createElement("div", {
|
33
32
|
className: "".concat(blockClass, "__label-icon")
|
34
33
|
}, /*#__PURE__*/React__default.createElement(LabelIcon, null)), label !== '' ? /*#__PURE__*/React__default.createElement("span", {
|
@@ -21,7 +21,6 @@ var useDefaultStringRenderer = function useDefaultStringRenderer(hooks) {
|
|
21
21
|
var HeaderRenderer = function HeaderRenderer(header, slug) {
|
22
22
|
return /*#__PURE__*/React__default.createElement("div", {
|
23
23
|
className: cx("".concat(blockClass, "__defaultStringRenderer"), _defineProperty({}, "".concat(blockClass, "__defaultStringRenderer--slug"), slug && /*#__PURE__*/React__default.isValidElement(slug))),
|
24
|
-
title: typeof header === 'string' ? header : '',
|
25
24
|
key: typeof header === 'string' ? header : ''
|
26
25
|
}, header);
|
27
26
|
};
|
@@ -48,9 +48,7 @@ var useNestedRowExpander = function useNestedRowExpander(hooks) {
|
|
48
48
|
type: "button",
|
49
49
|
"aria-label": expanderTitle,
|
50
50
|
className: cx("".concat(blockClass, "__row-expander"), "".concat(carbon.prefix, "--btn"), "".concat(carbon.prefix, "--btn--ghost"))
|
51
|
-
}, expanderButtonProps, {
|
52
|
-
title: expanderTitle
|
53
|
-
}), /*#__PURE__*/React__default.createElement(ChevronRight, {
|
51
|
+
}, expanderButtonProps), /*#__PURE__*/React__default.createElement(ChevronRight, {
|
54
52
|
className: cx("".concat(blockClass, "__expander-icon"), _defineProperty(_defineProperty({}, "".concat(blockClass, "__expander-icon--not-open"), !row.isExpanded), "".concat(blockClass, "__expander-icon--open"), row.isExpanded))
|
55
53
|
}));
|
56
54
|
},
|
@@ -50,9 +50,7 @@ var useRowExpander = function useRowExpander(hooks) {
|
|
50
50
|
type: "button",
|
51
51
|
"aria-label": expanderTitle,
|
52
52
|
className: cx("".concat(blockClass, "__row-expander"), "".concat(carbon.prefix, "--btn"), "".concat(carbon.prefix, "--btn--ghost"))
|
53
|
-
}, expanderButtonProps, {
|
54
|
-
title: expanderTitle
|
55
|
-
}), row.isExpanded ? /*#__PURE__*/React__default.createElement(ChevronUp, {
|
53
|
+
}, expanderButtonProps), row.isExpanded ? /*#__PURE__*/React__default.createElement(ChevronUp, {
|
56
54
|
className: "".concat(blockClass, "__row-expander--icon")
|
57
55
|
}) : /*#__PURE__*/React__default.createElement(ChevronDown, {
|
58
56
|
className: "".concat(blockClass, "__row-expander--icon")
|
@@ -16,10 +16,6 @@ export interface DatagridProps {
|
|
16
16
|
* The data grid state, much of it being supplied by the useDatagrid hook
|
17
17
|
*/
|
18
18
|
datagridState: DataGridState;
|
19
|
-
/**
|
20
|
-
* Table title
|
21
|
-
*/
|
22
|
-
title?: string;
|
23
19
|
}
|
24
20
|
/**
|
25
21
|
* The `Datagrid` component is an extension of Carbon's DataTable component. At the most basic level, the `Datagrid` component takes in columns and rows and renders a data table. There is a set of data table extensions which this component provides support for, these can be found [here](https://pages.github.ibm.com/cdai-design/pal/components/data-table/overview/). This component is data driven and allows you to choose what pieces will be included based on the hooks/plugins that are provided.
|
@@ -25,7 +25,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
|
|
25
25
|
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
26
26
|
var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
|
27
27
|
|
28
|
-
var _excluded = ["datagridState", "
|
28
|
+
var _excluded = ["datagridState", "ariaToolbarLabel"];
|
29
29
|
var blockClass = "".concat(settings.pkg.prefix, "--datagrid");
|
30
30
|
var componentName = 'Datagrid';
|
31
31
|
/**
|
@@ -33,7 +33,6 @@ var componentName = 'Datagrid';
|
|
33
33
|
*/
|
34
34
|
exports.Datagrid = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
|
35
35
|
var datagridState = _ref.datagridState,
|
36
|
-
title = _ref.title,
|
37
36
|
ariaToolbarLabel = _ref.ariaToolbarLabel,
|
38
37
|
rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
|
39
38
|
if (!datagridState) {
|
@@ -49,7 +48,6 @@ exports.Datagrid = /*#__PURE__*/React__default["default"].forwardRef(function (_
|
|
49
48
|
state = datagridState.state;
|
50
49
|
var rows = DatagridPagination && datagridState.page || datagridState.rows;
|
51
50
|
var props = {
|
52
|
-
title: title,
|
53
51
|
datagridState: datagridState,
|
54
52
|
ariaToolbarLabel: ariaToolbarLabel
|
55
53
|
};
|
@@ -82,9 +80,5 @@ exports.Datagrid.propTypes = {
|
|
82
80
|
* The data grid state, much of it being supplied by the useDatagrid hook
|
83
81
|
*/
|
84
82
|
/**@ts-ignore */
|
85
|
-
datagridState: index["default"].object.isRequired
|
86
|
-
/**
|
87
|
-
* Table title
|
88
|
-
*/
|
89
|
-
title: index["default"].string
|
83
|
+
datagridState: index["default"].object.isRequired
|
90
84
|
};
|
@@ -32,10 +32,8 @@ var _excluded = ["className"],
|
|
32
32
|
var blockClass = "".concat(settings.pkg.prefix, "--datagrid");
|
33
33
|
var getAccessibilityProps = function getAccessibilityProps(header) {
|
34
34
|
var props = {};
|
35
|
-
var
|
36
|
-
if (
|
37
|
-
props.title = title;
|
38
|
-
} else {
|
35
|
+
var content = getNodeTextContent.getNodeTextContent(header.Header);
|
36
|
+
if (!content) {
|
39
37
|
props['aria-hidden'] = true;
|
40
38
|
}
|
41
39
|
return props;
|
@@ -91,6 +89,7 @@ var ResizeHeader = function ResizeHeader(_ref) {
|
|
91
89
|
"aria-label": resizerAriaLabel || 'Resize column',
|
92
90
|
disabled: isFetching
|
93
91
|
})), /*#__PURE__*/React__default["default"].createElement("span", {
|
92
|
+
role: "separator",
|
94
93
|
className: "".concat(blockClass, "__col-resize-indicator")
|
95
94
|
}));
|
96
95
|
};
|
@@ -145,7 +144,9 @@ var HeaderRow = function HeaderRow(datagridState, headRef, headerGroup) {
|
|
145
144
|
}
|
146
145
|
onMouseDown === null || onMouseDown === void 0 || onMouseDown(event);
|
147
146
|
};
|
148
|
-
var _headerGroup$getHeade = headerGroup.getHeaderGroupProps(
|
147
|
+
var _headerGroup$getHeade = headerGroup.getHeaderGroupProps({
|
148
|
+
role: undefined
|
149
|
+
}),
|
149
150
|
headerGroupClassName = _headerGroup$getHeade.className,
|
150
151
|
headerGroupProps = _rollupPluginBabelHelpers.objectWithoutProperties(_headerGroup$getHeade, _excluded);
|
151
152
|
var renderSlug = function renderSlug(slug) {
|
@@ -194,9 +195,13 @@ var HeaderRow = function HeaderRow(datagridState, headRef, headerGroup) {
|
|
194
195
|
var _ref5 = columnResizing || {},
|
195
196
|
columnWidths = _ref5.columnWidths;
|
196
197
|
var originalCol = visibleColumns[index];
|
197
|
-
var _header$getHeaderProp = header.getHeaderProps(
|
198
|
+
var _header$getHeaderProp = header.getHeaderProps({
|
199
|
+
role: undefined
|
200
|
+
}),
|
198
201
|
headerProps = _rollupPluginBabelHelpers["extends"]({}, (_rollupPluginBabelHelpers.objectDestructuringEmpty(_header$getHeaderProp), _header$getHeaderProp));
|
199
|
-
var resizerProps = header === null || header === void 0 || (_header$getResizerPro = header.getResizerProps) === null || _header$getResizerPro === void 0 ? void 0 : _header$getResizerPro.call(header
|
202
|
+
var resizerProps = header === null || header === void 0 || (_header$getResizerPro = header.getResizerProps) === null || _header$getResizerPro === void 0 ? void 0 : _header$getResizerPro.call(header, {
|
203
|
+
role: undefined
|
204
|
+
});
|
200
205
|
var headerStyle = headerProps === null || headerProps === void 0 ? void 0 : headerProps.style;
|
201
206
|
var lastVisibleIndex = withActionsColumn ? 2 : 1;
|
202
207
|
var lastVisibleFlexStyle = index === visibleColumns.length - lastVisibleIndex ? '1 1 0' : '0 0 auto';
|
@@ -117,7 +117,9 @@ var DatagridRow = function DatagridRow(datagridState) {
|
|
117
117
|
}
|
118
118
|
return {};
|
119
119
|
};
|
120
|
-
var _row$getRowProps = row.getRowProps(
|
120
|
+
var _row$getRowProps = row.getRowProps({
|
121
|
+
role: undefined
|
122
|
+
}),
|
121
123
|
className = _row$getRowProps.className,
|
122
124
|
rowProps = _rollupPluginBabelHelpers.objectWithoutProperties(_row$getRowProps, _excluded);
|
123
125
|
var foundAIRow = rows.some(function (r) {
|
@@ -145,8 +147,10 @@ var DatagridRow = function DatagridRow(datagridState) {
|
|
145
147
|
})) : /*#__PURE__*/React__default["default"].createElement("td", {
|
146
148
|
className: "".concat(blockClass, "__table-row-ai-spacer")
|
147
149
|
}) : null, row.cells.map(function (cell, index) {
|
148
|
-
var _cell$column, _cell$column2,
|
149
|
-
var cellProps = cell.getCellProps(
|
150
|
+
var _cell$column, _cell$column2, _associatedHeader$;
|
151
|
+
var cellProps = cell.getCellProps({
|
152
|
+
role: undefined
|
153
|
+
});
|
150
154
|
// eslint-disable-next-line no-unused-vars
|
151
155
|
var _ref2 = cellProps,
|
152
156
|
style = _ref2.style,
|
@@ -160,7 +164,6 @@ var DatagridRow = function DatagridRow(datagridState) {
|
|
160
164
|
key: cell.column.id
|
161
165
|
});
|
162
166
|
}
|
163
|
-
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;
|
164
167
|
var associatedHeader = headers === null || headers === void 0 ? void 0 : headers.filter(function (h) {
|
165
168
|
return h.id === cell.column.id;
|
166
169
|
});
|
@@ -173,8 +176,7 @@ var DatagridRow = function DatagridRow(datagridState) {
|
|
173
176
|
className: cx__default["default"]("".concat(blockClass, "__cell"), _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "__expandable-row-cell"), row.canExpand && index === 0), "".concat(blockClass, "__expandable-row-cell--is-expanded"), row.isExpanded && index === 0), "".concat(blockClass, "__slug--cell"), associatedHeader && associatedHeader.length && /*#__PURE__*/React.isValidElement((_associatedHeader$ = associatedHeader[0]) === null || _associatedHeader$ === void 0 ? void 0 : _associatedHeader$.slug)), columnClassname)
|
174
177
|
}, restProps, {
|
175
178
|
style: style,
|
176
|
-
key: cell.column.id
|
177
|
-
title: title
|
179
|
+
key: cell.column.id
|
178
180
|
}), content);
|
179
181
|
})), (renderExpandedRow === null || renderExpandedRow === void 0 ? void 0 : renderExpandedRow()) || undefined);
|
180
182
|
};
|
package/lib/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditButton/InlineEditButton.js
CHANGED
@@ -36,8 +36,7 @@ var InlineEditButton = function InlineEditButton(_ref) {
|
|
36
36
|
tabIndex: isActiveCell ? 0 : -1,
|
37
37
|
"data-disabled": disabledCell,
|
38
38
|
"aria-disabled": disabledCell,
|
39
|
-
role: "button"
|
40
|
-
title: label
|
39
|
+
role: "button"
|
41
40
|
}, LabelIcon && /*#__PURE__*/React__default["default"].createElement("div", {
|
42
41
|
className: "".concat(blockClass, "__label-icon")
|
43
42
|
}, /*#__PURE__*/React__default["default"].createElement(LabelIcon, null)), label !== '' ? /*#__PURE__*/React__default["default"].createElement("span", {
|
@@ -30,7 +30,6 @@ var useDefaultStringRenderer = function useDefaultStringRenderer(hooks) {
|
|
30
30
|
var HeaderRenderer = function HeaderRenderer(header, slug) {
|
31
31
|
return /*#__PURE__*/React__default["default"].createElement("div", {
|
32
32
|
className: cx__default["default"]("".concat(blockClass, "__defaultStringRenderer"), _rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "__defaultStringRenderer--slug"), slug && /*#__PURE__*/React__default["default"].isValidElement(slug))),
|
33
|
-
title: typeof header === 'string' ? header : '',
|
34
33
|
key: typeof header === 'string' ? header : ''
|
35
34
|
}, header);
|
36
35
|
};
|
@@ -57,9 +57,7 @@ var useNestedRowExpander = function useNestedRowExpander(hooks) {
|
|
57
57
|
type: "button",
|
58
58
|
"aria-label": expanderTitle,
|
59
59
|
className: cx__default["default"]("".concat(blockClass, "__row-expander"), "".concat(settings.carbon.prefix, "--btn"), "".concat(settings.carbon.prefix, "--btn--ghost"))
|
60
|
-
}, expanderButtonProps, {
|
61
|
-
title: expanderTitle
|
62
|
-
}), /*#__PURE__*/React__default["default"].createElement(icons.ChevronRight, {
|
60
|
+
}, expanderButtonProps), /*#__PURE__*/React__default["default"].createElement(icons.ChevronRight, {
|
63
61
|
className: cx__default["default"]("".concat(blockClass, "__expander-icon"), _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "__expander-icon--not-open"), !row.isExpanded), "".concat(blockClass, "__expander-icon--open"), row.isExpanded))
|
64
62
|
}));
|
65
63
|
},
|
@@ -59,9 +59,7 @@ var useRowExpander = function useRowExpander(hooks) {
|
|
59
59
|
type: "button",
|
60
60
|
"aria-label": expanderTitle,
|
61
61
|
className: cx__default["default"]("".concat(blockClass, "__row-expander"), "".concat(settings.carbon.prefix, "--btn"), "".concat(settings.carbon.prefix, "--btn--ghost"))
|
62
|
-
}, expanderButtonProps, {
|
63
|
-
title: expanderTitle
|
64
|
-
}), row.isExpanded ? /*#__PURE__*/React__default["default"].createElement(icons.ChevronUp, {
|
62
|
+
}, expanderButtonProps), row.isExpanded ? /*#__PURE__*/React__default["default"].createElement(icons.ChevronUp, {
|
65
63
|
className: "".concat(blockClass, "__row-expander--icon")
|
66
64
|
}) : /*#__PURE__*/React__default["default"].createElement(icons.ChevronDown, {
|
67
65
|
className: "".concat(blockClass, "__row-expander--icon")
|
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.42+9c0fd8906",
|
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": "9c0fd890600e456c932b636971f0614d562bad40"
|
124
124
|
}
|
package/telemetry.yml
CHANGED
@@ -123,6 +123,7 @@ collect:
|
|
123
123
|
- handleResize
|
124
124
|
- hasActions
|
125
125
|
- hasCloseIcon
|
126
|
+
- hasCustomRowHeader
|
126
127
|
- hasFieldset
|
127
128
|
- headerGroups
|
128
129
|
- HeaderRow
|
@@ -264,6 +265,8 @@ collect:
|
|
264
265
|
- radio
|
265
266
|
- reactTableFiltersState
|
266
267
|
- renderIcon
|
268
|
+
- renderRowHeader
|
269
|
+
- renderRowHeaderDirection
|
267
270
|
- resetToDefaultLabel
|
268
271
|
- resizerAriaLabel
|
269
272
|
- rightAlign
|
@@ -784,6 +787,7 @@ collect:
|
|
784
787
|
- inputInvalidText
|
785
788
|
- inputLabelText
|
786
789
|
- inputPlaceholderText
|
790
|
+
- primaryDangerDescription
|
787
791
|
- resourceName
|
788
792
|
- textConfirmation
|
789
793
|
# RowSizeDropdown
|
@@ -1015,6 +1019,9 @@ collect:
|
|
1015
1019
|
# General - primaryButtonPlacement
|
1016
1020
|
- bottom
|
1017
1021
|
- top
|
1022
|
+
# General - renderRowHeaderDirection
|
1023
|
+
- left
|
1024
|
+
- right
|
1018
1025
|
# General - rowSize
|
1019
1026
|
- lg
|
1020
1027
|
- md
|