@carbon/ibm-products 2.43.2-canary.331 → 2.43.2-canary.337
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/ActionBar/ActionBar.d.ts +2 -1
- package/es/components/BreadcrumbWithOverflow/BreadcrumbWithOverflow.d.ts +3 -1
- package/es/components/BreadcrumbWithOverflow/BreadcrumbWithOverflow.js +11 -3
- package/es/components/CoachmarkBeacon/CoachmarkBeacon.js +2 -2
- package/es/components/EditInPlace/EditInPlace.js +1 -0
- package/es/components/NotificationsPanel/NotificationsPanel.js +2 -1
- package/es/components/PageHeader/PageHeader.d.ts +7 -3
- package/es/components/PageHeader/PageHeader.js +4 -2
- package/lib/components/ActionBar/ActionBar.d.ts +2 -1
- package/lib/components/BreadcrumbWithOverflow/BreadcrumbWithOverflow.d.ts +3 -1
- package/lib/components/BreadcrumbWithOverflow/BreadcrumbWithOverflow.js +11 -3
- package/lib/components/CoachmarkBeacon/CoachmarkBeacon.js +2 -2
- package/lib/components/EditInPlace/EditInPlace.js +1 -0
- package/lib/components/NotificationsPanel/NotificationsPanel.js +2 -1
- package/lib/components/PageHeader/PageHeader.d.ts +7 -3
- package/lib/components/PageHeader/PageHeader.js +4 -2
- package/package.json +4 -4
@@ -1,5 +1,6 @@
|
|
1
|
+
/// <reference path="../../../src/custom-typings/index.d.ts" />
|
1
2
|
import React, { PropsWithChildren, ForwardedRef } from 'react';
|
2
|
-
import { ButtonProps } from '@carbon/
|
3
|
+
import { ButtonProps } from '@carbon/react';
|
3
4
|
import { CarbonIconType } from '@carbon/icons-react/lib/CarbonIcon';
|
4
5
|
interface Action extends ButtonProps {
|
5
6
|
id?: string;
|
@@ -1,7 +1,8 @@
|
|
1
|
-
export function BreadcrumbWithOverflow({ breadcrumbs, className, maxVisible, noTrailingSlash, overflowAriaLabel, overflowTooltipAlign, ...other }: {
|
1
|
+
export function BreadcrumbWithOverflow({ breadcrumbs, className, label, maxVisible, noTrailingSlash, overflowAriaLabel, overflowTooltipAlign, ...other }: {
|
2
2
|
[x: string]: any;
|
3
3
|
breadcrumbs: any;
|
4
4
|
className: any;
|
5
|
+
label: any;
|
5
6
|
maxVisible: any;
|
6
7
|
noTrailingSlash: any;
|
7
8
|
overflowAriaLabel: any;
|
@@ -36,6 +37,7 @@ export namespace BreadcrumbWithOverflow {
|
|
36
37
|
title: any;
|
37
38
|
}> | null | undefined)[]>;
|
38
39
|
let className: PropTypes.Requireable<string>;
|
40
|
+
let label: PropTypes.Requireable<string>;
|
39
41
|
let maxVisible: PropTypes.Requireable<number>;
|
40
42
|
let noTrailingSlash: PropTypes.Requireable<boolean>;
|
41
43
|
let overflowAriaLabel: any;
|
@@ -18,7 +18,7 @@ import '../../global/js/utils/props-helper.js';
|
|
18
18
|
import { TooltipTrigger } from '../TooltipTrigger/TooltipTrigger.js';
|
19
19
|
|
20
20
|
var _TooltipTrigger;
|
21
|
-
var _excluded = ["breadcrumbs", "className", "maxVisible", "noTrailingSlash", "overflowAriaLabel", "overflowTooltipAlign"],
|
21
|
+
var _excluded = ["breadcrumbs", "className", "label", "maxVisible", "noTrailingSlash", "overflowAriaLabel", "overflowTooltipAlign"],
|
22
22
|
_excluded2 = ["label", "key", "title", "id", "shortTitle"],
|
23
23
|
_excluded3 = ["className", "key", "label", "shortTitle", "title"];
|
24
24
|
|
@@ -35,6 +35,7 @@ var BreadcrumbWithOverflow = function BreadcrumbWithOverflow(_ref) {
|
|
35
35
|
var _backItem, _backItem2, _backItem3;
|
36
36
|
var breadcrumbs = _ref.breadcrumbs,
|
37
37
|
className = _ref.className,
|
38
|
+
label = _ref.label,
|
38
39
|
maxVisible = _ref.maxVisible,
|
39
40
|
noTrailingSlash = _ref.noTrailingSlash,
|
40
41
|
overflowAriaLabel = _ref.overflowAriaLabel,
|
@@ -93,7 +94,9 @@ var BreadcrumbWithOverflow = function BreadcrumbWithOverflow(_ref) {
|
|
93
94
|
className: "".concat(blockClass, "__breadcrumb-container ").concat(blockClass, "__breadcrumb-container--hidden"),
|
94
95
|
"aria-hidden": true,
|
95
96
|
ref: sizingContainerRef
|
96
|
-
}, /*#__PURE__*/React__default.createElement(Breadcrumb,
|
97
|
+
}, /*#__PURE__*/React__default.createElement(Breadcrumb, {
|
98
|
+
"aria-label": "".concat(label, "-hidden")
|
99
|
+
}, /*#__PURE__*/React__default.createElement(BreadcrumbItem, {
|
97
100
|
key: "".concat(blockClass, "-hidden-overflow-").concat(internalId)
|
98
101
|
}, /*#__PURE__*/React__default.createElement(OverflowMenu, {
|
99
102
|
"aria-label": overflowAriaLabel,
|
@@ -117,7 +120,7 @@ var BreadcrumbWithOverflow = function BreadcrumbWithOverflow(_ref) {
|
|
117
120
|
title: title !== null && title !== void 0 ? title : label
|
118
121
|
}), label);
|
119
122
|
}))));
|
120
|
-
}, [breadcrumbs, overflowAriaLabel]);
|
123
|
+
}, [breadcrumbs, label, overflowAriaLabel]);
|
121
124
|
useEffect(function () {
|
122
125
|
// updates displayedBreadcrumbItems and overflowBreadcrumbItems based on displayCount and breadcrumbs
|
123
126
|
/* istanbul ignore if */
|
@@ -259,6 +262,7 @@ var BreadcrumbWithOverflow = function BreadcrumbWithOverflow(_ref) {
|
|
259
262
|
}, /*#__PURE__*/React__default.createElement("div", {
|
260
263
|
className: cx(["".concat(blockClass, "__space")])
|
261
264
|
}, hiddenSizingItems, /*#__PURE__*/React__default.createElement(Breadcrumb, _extends({
|
265
|
+
"aria-label": label,
|
262
266
|
className: cx("".concat(blockClass, "__breadcrumb-container"), _defineProperty({}, "".concat(blockClass, "__breadcrumb-container-with-items"), displayedBreadcrumbItems.length > 1)),
|
263
267
|
noTrailingSlash: noTrailingSlash
|
264
268
|
}, other), ((_backItem = backItem) === null || _backItem === void 0 ? void 0 : _backItem.href) && (((_backItem2 = backItem) === null || _backItem2 === void 0 ? void 0 : _backItem2.label) || ((_backItem3 = backItem) === null || _backItem3 === void 0 ? void 0 : _backItem3.title)) && /*#__PURE__*/React__default.createElement(BreadcrumbItem, {
|
@@ -313,6 +317,10 @@ BreadcrumbWithOverflow.propTypes = {
|
|
313
317
|
* className
|
314
318
|
*/
|
315
319
|
className: PropTypes.string,
|
320
|
+
/**
|
321
|
+
* Label for the Breadcrumb component
|
322
|
+
*/
|
323
|
+
label: PropTypes.string,
|
316
324
|
/**
|
317
325
|
* maxVisible: maximum visible breadcrumb-items before overflow is used (values less than 1 are treated as 1)
|
318
326
|
*/
|
@@ -45,10 +45,10 @@ var CoachmarkBeacon = /*#__PURE__*/React__default.forwardRef(function (_ref, ref
|
|
45
45
|
tabIndex: 0,
|
46
46
|
type: "button"
|
47
47
|
}, coachmark.buttonProps, {
|
48
|
-
"aria-label": label,
|
49
48
|
className: "".concat(blockClass, "__target")
|
50
49
|
}), /*#__PURE__*/React__default.createElement("svg", {
|
51
|
-
className: "".concat(blockClass, "__center")
|
50
|
+
className: "".concat(blockClass, "__center"),
|
51
|
+
"aria-label": label
|
52
52
|
}, /*#__PURE__*/React__default.createElement("title", null, label), _circle || (_circle = /*#__PURE__*/React__default.createElement("circle", {
|
53
53
|
r: 1,
|
54
54
|
cx: 38,
|
@@ -459,7 +459,8 @@ var NotificationsPanel = /*#__PURE__*/React__default.forwardRef(function (_ref,
|
|
459
459
|
iconDescription: settingsIconDescription,
|
460
460
|
onClick: function onClick() {
|
461
461
|
return onSettingsClick();
|
462
|
-
}
|
462
|
+
},
|
463
|
+
hasIconOnly: true
|
463
464
|
})) : null)), /*#__PURE__*/React__default.createElement("button", {
|
464
465
|
type: "button",
|
465
466
|
className: "".concat(carbonPrefix, "--visually-hidden"),
|
@@ -1,6 +1,6 @@
|
|
1
1
|
/// <reference path="../../../src/custom-typings/index.d.ts" />
|
2
|
-
import { Tag } from '@carbon/react';
|
3
|
-
import {
|
2
|
+
import { Tag, ButtonProps, PopoverAlignment } from '@carbon/react';
|
3
|
+
import { TagProps } from '@carbon/react/lib/components/Tag/Tag';
|
4
4
|
import React, { PropsWithChildren, ReactNode } from 'react';
|
5
5
|
interface ActionBarItem extends ButtonProps {
|
6
6
|
iconDescription: string;
|
@@ -134,7 +134,7 @@ type PageActionProps = {
|
|
134
134
|
pageActions?: never;
|
135
135
|
pageActionsOverflowLabel?: ReactNode;
|
136
136
|
};
|
137
|
-
interface Tag extends TagProps {
|
137
|
+
interface Tag extends TagProps<React.ElementType> {
|
138
138
|
label: string;
|
139
139
|
}
|
140
140
|
interface TitleIcon {
|
@@ -189,6 +189,10 @@ interface PageHeaderBaseProps extends PropsWithChildren {
|
|
189
189
|
* align breadcrumb overflow tooltip
|
190
190
|
*/
|
191
191
|
breadcrumbOverflowTooltipAlign?: PopoverAlignment;
|
192
|
+
/**
|
193
|
+
* Label for the Breadcrumb component
|
194
|
+
*/
|
195
|
+
breadcrumbLabel?: string;
|
192
196
|
/**
|
193
197
|
* Specifies class(es) to be applied to the top-level PageHeader node.
|
194
198
|
* Optional.
|
@@ -25,7 +25,7 @@ import { BreadcrumbWithOverflow } from '../BreadcrumbWithOverflow/BreadcrumbWith
|
|
25
25
|
import { ActionBar } from '../ActionBar/ActionBar.js';
|
26
26
|
import { ButtonSetWithOverflow } from '../ButtonSetWithOverflow/ButtonSetWithOverflow.js';
|
27
27
|
|
28
|
-
var _excluded = ["actionBarItems", "actionBarMenuOptionsClass", "actionBarOverflowAriaLabel", "allTagsModalSearchLabel", "allTagsModalSearchPlaceholderText", "allTagsModalTitle", "hasBackgroundAlways", "breadcrumbOverflowAriaLabel", "breadcrumbs", "children", "className", "collapseHeader", "collapseHeaderIconDescription", "collapseTitle", "disableBreadcrumbScroll", "enableBreadcrumbScroll", "expandHeaderIconDescription", "fullWidthGrid", "hasCollapseHeaderToggle", "narrowGrid", "navigation", "pageActions", "pageActionsOverflowLabel", "pageActionsMenuOptionsClass", "showAllTagsLabel", "subtitle", "tags", "title", "withoutBackground", "breadcrumbOverflowTooltipAlign"];
|
28
|
+
var _excluded = ["actionBarItems", "actionBarMenuOptionsClass", "actionBarOverflowAriaLabel", "allTagsModalSearchLabel", "allTagsModalSearchPlaceholderText", "allTagsModalTitle", "hasBackgroundAlways", "breadcrumbOverflowAriaLabel", "breadcrumbLabel", "breadcrumbs", "children", "className", "collapseHeader", "collapseHeaderIconDescription", "collapseTitle", "disableBreadcrumbScroll", "enableBreadcrumbScroll", "expandHeaderIconDescription", "fullWidthGrid", "hasCollapseHeaderToggle", "narrowGrid", "navigation", "pageActions", "pageActionsOverflowLabel", "pageActionsMenuOptionsClass", "showAllTagsLabel", "subtitle", "tags", "title", "withoutBackground", "breadcrumbOverflowTooltipAlign"];
|
29
29
|
var componentName = 'PageHeader';
|
30
30
|
pkg._silenceWarnings(true);
|
31
31
|
pkg.component.ActionBar = true;
|
@@ -46,6 +46,7 @@ var PageHeader = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
|
|
46
46
|
allTagsModalTitle = _ref.allTagsModalTitle,
|
47
47
|
deprecated_hasBackgroundAlways = _ref.hasBackgroundAlways,
|
48
48
|
breadcrumbOverflowAriaLabel = _ref.breadcrumbOverflowAriaLabel,
|
49
|
+
breadcrumbLabel = _ref.breadcrumbLabel,
|
49
50
|
breadcrumbs = _ref.breadcrumbs,
|
50
51
|
children = _ref.children,
|
51
52
|
className = _ref.className,
|
@@ -385,7 +386,8 @@ var PageHeader = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
|
|
385
386
|
overflowAriaLabel: breadcrumbOverflowAriaLabel,
|
386
387
|
breadcrumbs: displayedBreadcrumbs,
|
387
388
|
overflowTooltipAlign: breadcrumbOverflowTooltipAlign,
|
388
|
-
maxVisible: undefined
|
389
|
+
maxVisible: undefined,
|
390
|
+
label: breadcrumbLabel
|
389
391
|
})), /*#__PURE__*/React__default.createElement(Column, {
|
390
392
|
className: cx(["".concat(blockClass, "__action-bar-column ").concat(blockClass, "__action-bar-column--background"), _defineProperty(_defineProperty({}, "".concat(blockClass, "__action-bar-column--has-page-actions"), pageActions), "".concat(blockClass, "__action-bar-column--influenced-by-collapse-button"), spaceForCollapseButton)])
|
391
393
|
}, /*#__PURE__*/React__default.createElement("div", {
|
@@ -1,5 +1,6 @@
|
|
1
|
+
/// <reference path="../../../src/custom-typings/index.d.ts" />
|
1
2
|
import React, { PropsWithChildren, ForwardedRef } from 'react';
|
2
|
-
import { ButtonProps } from '@carbon/
|
3
|
+
import { ButtonProps } from '@carbon/react';
|
3
4
|
import { CarbonIconType } from '@carbon/icons-react/lib/CarbonIcon';
|
4
5
|
interface Action extends ButtonProps {
|
5
6
|
id?: string;
|
@@ -1,7 +1,8 @@
|
|
1
|
-
export function BreadcrumbWithOverflow({ breadcrumbs, className, maxVisible, noTrailingSlash, overflowAriaLabel, overflowTooltipAlign, ...other }: {
|
1
|
+
export function BreadcrumbWithOverflow({ breadcrumbs, className, label, maxVisible, noTrailingSlash, overflowAriaLabel, overflowTooltipAlign, ...other }: {
|
2
2
|
[x: string]: any;
|
3
3
|
breadcrumbs: any;
|
4
4
|
className: any;
|
5
|
+
label: any;
|
5
6
|
maxVisible: any;
|
6
7
|
noTrailingSlash: any;
|
7
8
|
overflowAriaLabel: any;
|
@@ -36,6 +37,7 @@ export namespace BreadcrumbWithOverflow {
|
|
36
37
|
title: any;
|
37
38
|
}> | null | undefined)[]>;
|
38
39
|
let className: PropTypes.Requireable<string>;
|
40
|
+
let label: PropTypes.Requireable<string>;
|
39
41
|
let maxVisible: PropTypes.Requireable<number>;
|
40
42
|
let noTrailingSlash: PropTypes.Requireable<boolean>;
|
41
43
|
let overflowAriaLabel: any;
|
@@ -20,7 +20,7 @@ require('../../global/js/utils/props-helper.js');
|
|
20
20
|
var TooltipTrigger = require('../TooltipTrigger/TooltipTrigger.js');
|
21
21
|
|
22
22
|
var _TooltipTrigger;
|
23
|
-
var _excluded = ["breadcrumbs", "className", "maxVisible", "noTrailingSlash", "overflowAriaLabel", "overflowTooltipAlign"],
|
23
|
+
var _excluded = ["breadcrumbs", "className", "label", "maxVisible", "noTrailingSlash", "overflowAriaLabel", "overflowTooltipAlign"],
|
24
24
|
_excluded2 = ["label", "key", "title", "id", "shortTitle"],
|
25
25
|
_excluded3 = ["className", "key", "label", "shortTitle", "title"];
|
26
26
|
|
@@ -37,6 +37,7 @@ exports.BreadcrumbWithOverflow = function BreadcrumbWithOverflow(_ref) {
|
|
37
37
|
var _backItem, _backItem2, _backItem3;
|
38
38
|
var breadcrumbs = _ref.breadcrumbs,
|
39
39
|
className = _ref.className,
|
40
|
+
label = _ref.label,
|
40
41
|
maxVisible = _ref.maxVisible,
|
41
42
|
noTrailingSlash = _ref.noTrailingSlash,
|
42
43
|
overflowAriaLabel = _ref.overflowAriaLabel,
|
@@ -95,7 +96,9 @@ exports.BreadcrumbWithOverflow = function BreadcrumbWithOverflow(_ref) {
|
|
95
96
|
className: "".concat(blockClass, "__breadcrumb-container ").concat(blockClass, "__breadcrumb-container--hidden"),
|
96
97
|
"aria-hidden": true,
|
97
98
|
ref: sizingContainerRef
|
98
|
-
}, /*#__PURE__*/React.createElement(react.Breadcrumb,
|
99
|
+
}, /*#__PURE__*/React.createElement(react.Breadcrumb, {
|
100
|
+
"aria-label": "".concat(label, "-hidden")
|
101
|
+
}, /*#__PURE__*/React.createElement(react.BreadcrumbItem, {
|
99
102
|
key: "".concat(blockClass, "-hidden-overflow-").concat(internalId)
|
100
103
|
}, /*#__PURE__*/React.createElement(react.OverflowMenu, {
|
101
104
|
"aria-label": overflowAriaLabel,
|
@@ -119,7 +122,7 @@ exports.BreadcrumbWithOverflow = function BreadcrumbWithOverflow(_ref) {
|
|
119
122
|
title: title !== null && title !== void 0 ? title : label
|
120
123
|
}), label);
|
121
124
|
}))));
|
122
|
-
}, [breadcrumbs, overflowAriaLabel]);
|
125
|
+
}, [breadcrumbs, label, overflowAriaLabel]);
|
123
126
|
React.useEffect(function () {
|
124
127
|
// updates displayedBreadcrumbItems and overflowBreadcrumbItems based on displayCount and breadcrumbs
|
125
128
|
/* istanbul ignore if */
|
@@ -261,6 +264,7 @@ exports.BreadcrumbWithOverflow = function BreadcrumbWithOverflow(_ref) {
|
|
261
264
|
}, /*#__PURE__*/React.createElement("div", {
|
262
265
|
className: cx(["".concat(blockClass, "__space")])
|
263
266
|
}, hiddenSizingItems, /*#__PURE__*/React.createElement(react.Breadcrumb, _rollupPluginBabelHelpers.extends({
|
267
|
+
"aria-label": label,
|
264
268
|
className: cx("".concat(blockClass, "__breadcrumb-container"), _rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "__breadcrumb-container-with-items"), displayedBreadcrumbItems.length > 1)),
|
265
269
|
noTrailingSlash: noTrailingSlash
|
266
270
|
}, other), ((_backItem = backItem) === null || _backItem === void 0 ? void 0 : _backItem.href) && (((_backItem2 = backItem) === null || _backItem2 === void 0 ? void 0 : _backItem2.label) || ((_backItem3 = backItem) === null || _backItem3 === void 0 ? void 0 : _backItem3.title)) && /*#__PURE__*/React.createElement(react.BreadcrumbItem, {
|
@@ -315,6 +319,10 @@ exports.BreadcrumbWithOverflow.propTypes = {
|
|
315
319
|
* className
|
316
320
|
*/
|
317
321
|
className: index.default.string,
|
322
|
+
/**
|
323
|
+
* Label for the Breadcrumb component
|
324
|
+
*/
|
325
|
+
label: index.default.string,
|
318
326
|
/**
|
319
327
|
* maxVisible: maximum visible breadcrumb-items before overflow is used (values less than 1 are treated as 1)
|
320
328
|
*/
|
@@ -47,10 +47,10 @@ exports.CoachmarkBeacon = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
47
47
|
tabIndex: 0,
|
48
48
|
type: "button"
|
49
49
|
}, coachmark.buttonProps, {
|
50
|
-
"aria-label": label,
|
51
50
|
className: "".concat(blockClass, "__target")
|
52
51
|
}), /*#__PURE__*/React.createElement("svg", {
|
53
|
-
className: "".concat(blockClass, "__center")
|
52
|
+
className: "".concat(blockClass, "__center"),
|
53
|
+
"aria-label": label
|
54
54
|
}, /*#__PURE__*/React.createElement("title", null, label), _circle || (_circle = /*#__PURE__*/React.createElement("circle", {
|
55
55
|
r: 1,
|
56
56
|
cx: 38,
|
@@ -461,7 +461,8 @@ exports.NotificationsPanel = /*#__PURE__*/React.forwardRef(function (_ref, ref)
|
|
461
461
|
iconDescription: settingsIconDescription,
|
462
462
|
onClick: function onClick() {
|
463
463
|
return onSettingsClick();
|
464
|
-
}
|
464
|
+
},
|
465
|
+
hasIconOnly: true
|
465
466
|
})) : null)), /*#__PURE__*/React.createElement("button", {
|
466
467
|
type: "button",
|
467
468
|
className: "".concat(carbonPrefix, "--visually-hidden"),
|
@@ -1,6 +1,6 @@
|
|
1
1
|
/// <reference path="../../../src/custom-typings/index.d.ts" />
|
2
|
-
import { Tag } from '@carbon/react';
|
3
|
-
import {
|
2
|
+
import { Tag, ButtonProps, PopoverAlignment } from '@carbon/react';
|
3
|
+
import { TagProps } from '@carbon/react/lib/components/Tag/Tag';
|
4
4
|
import React, { PropsWithChildren, ReactNode } from 'react';
|
5
5
|
interface ActionBarItem extends ButtonProps {
|
6
6
|
iconDescription: string;
|
@@ -134,7 +134,7 @@ type PageActionProps = {
|
|
134
134
|
pageActions?: never;
|
135
135
|
pageActionsOverflowLabel?: ReactNode;
|
136
136
|
};
|
137
|
-
interface Tag extends TagProps {
|
137
|
+
interface Tag extends TagProps<React.ElementType> {
|
138
138
|
label: string;
|
139
139
|
}
|
140
140
|
interface TitleIcon {
|
@@ -189,6 +189,10 @@ interface PageHeaderBaseProps extends PropsWithChildren {
|
|
189
189
|
* align breadcrumb overflow tooltip
|
190
190
|
*/
|
191
191
|
breadcrumbOverflowTooltipAlign?: PopoverAlignment;
|
192
|
+
/**
|
193
|
+
* Label for the Breadcrumb component
|
194
|
+
*/
|
195
|
+
breadcrumbLabel?: string;
|
192
196
|
/**
|
193
197
|
* Specifies class(es) to be applied to the top-level PageHeader node.
|
194
198
|
* Optional.
|
@@ -27,7 +27,7 @@ var BreadcrumbWithOverflow = require('../BreadcrumbWithOverflow/BreadcrumbWithOv
|
|
27
27
|
var ActionBar = require('../ActionBar/ActionBar.js');
|
28
28
|
var ButtonSetWithOverflow = require('../ButtonSetWithOverflow/ButtonSetWithOverflow.js');
|
29
29
|
|
30
|
-
var _excluded = ["actionBarItems", "actionBarMenuOptionsClass", "actionBarOverflowAriaLabel", "allTagsModalSearchLabel", "allTagsModalSearchPlaceholderText", "allTagsModalTitle", "hasBackgroundAlways", "breadcrumbOverflowAriaLabel", "breadcrumbs", "children", "className", "collapseHeader", "collapseHeaderIconDescription", "collapseTitle", "disableBreadcrumbScroll", "enableBreadcrumbScroll", "expandHeaderIconDescription", "fullWidthGrid", "hasCollapseHeaderToggle", "narrowGrid", "navigation", "pageActions", "pageActionsOverflowLabel", "pageActionsMenuOptionsClass", "showAllTagsLabel", "subtitle", "tags", "title", "withoutBackground", "breadcrumbOverflowTooltipAlign"];
|
30
|
+
var _excluded = ["actionBarItems", "actionBarMenuOptionsClass", "actionBarOverflowAriaLabel", "allTagsModalSearchLabel", "allTagsModalSearchPlaceholderText", "allTagsModalTitle", "hasBackgroundAlways", "breadcrumbOverflowAriaLabel", "breadcrumbLabel", "breadcrumbs", "children", "className", "collapseHeader", "collapseHeaderIconDescription", "collapseTitle", "disableBreadcrumbScroll", "enableBreadcrumbScroll", "expandHeaderIconDescription", "fullWidthGrid", "hasCollapseHeaderToggle", "narrowGrid", "navigation", "pageActions", "pageActionsOverflowLabel", "pageActionsMenuOptionsClass", "showAllTagsLabel", "subtitle", "tags", "title", "withoutBackground", "breadcrumbOverflowTooltipAlign"];
|
31
31
|
var componentName = 'PageHeader';
|
32
32
|
settings.pkg._silenceWarnings(true);
|
33
33
|
settings.pkg.component.ActionBar = true;
|
@@ -48,6 +48,7 @@ exports.PageHeader = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
48
48
|
allTagsModalTitle = _ref.allTagsModalTitle,
|
49
49
|
deprecated_hasBackgroundAlways = _ref.hasBackgroundAlways,
|
50
50
|
breadcrumbOverflowAriaLabel = _ref.breadcrumbOverflowAriaLabel,
|
51
|
+
breadcrumbLabel = _ref.breadcrumbLabel,
|
51
52
|
breadcrumbs = _ref.breadcrumbs,
|
52
53
|
children = _ref.children,
|
53
54
|
className = _ref.className,
|
@@ -387,7 +388,8 @@ exports.PageHeader = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
387
388
|
overflowAriaLabel: breadcrumbOverflowAriaLabel,
|
388
389
|
breadcrumbs: displayedBreadcrumbs,
|
389
390
|
overflowTooltipAlign: breadcrumbOverflowTooltipAlign,
|
390
|
-
maxVisible: undefined
|
391
|
+
maxVisible: undefined,
|
392
|
+
label: breadcrumbLabel
|
391
393
|
})), /*#__PURE__*/React.createElement(react.Column, {
|
392
394
|
className: cx(["".concat(PageHeaderUtils.blockClass, "__action-bar-column ").concat(PageHeaderUtils.blockClass, "__action-bar-column--background"), _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, "".concat(PageHeaderUtils.blockClass, "__action-bar-column--has-page-actions"), pageActions), "".concat(PageHeaderUtils.blockClass, "__action-bar-column--influenced-by-collapse-button"), spaceForCollapseButton)])
|
393
395
|
}, /*#__PURE__*/React.createElement("div", {
|
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.337+1fe4d8151",
|
5
5
|
"license": "Apache-2.0",
|
6
6
|
"main": "lib/index.js",
|
7
7
|
"module": "es/index.js",
|
@@ -81,7 +81,7 @@
|
|
81
81
|
"fs-extra": "^11.2.0",
|
82
82
|
"glob": "^10.3.10",
|
83
83
|
"jest": "^29.7.0",
|
84
|
-
"jest-config-ibm-cloud-cognitive": "^1.12.0
|
84
|
+
"jest-config-ibm-cloud-cognitive": "^1.12.0",
|
85
85
|
"jest-environment-jsdom": "^29.7.0",
|
86
86
|
"namor": "^1.1.2",
|
87
87
|
"npm-check-updates": "^16.14.12",
|
@@ -96,7 +96,7 @@
|
|
96
96
|
"dependencies": {
|
97
97
|
"@babel/runtime": "^7.23.9",
|
98
98
|
"@carbon/feature-flags": "^0.23.1",
|
99
|
-
"@carbon/ibm-products-styles": "^2.49.0
|
99
|
+
"@carbon/ibm-products-styles": "^2.49.0",
|
100
100
|
"@carbon/telemetry": "^0.1.0",
|
101
101
|
"@dnd-kit/core": "^6.0.8",
|
102
102
|
"@dnd-kit/modifiers": "^7.0.0",
|
@@ -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": "1fe4d815100c0dbaf6b7685f20dd0a4ccfac4bb9"
|
124
124
|
}
|