@carbon/ibm-products 2.76.0 → 2.77.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/es/components/AddSelect/AddSelect.d.ts +1 -0
- package/es/components/AddSelect/AddSelectBody.d.ts +1 -0
- package/es/components/AddSelect/AddSelectBody.js +4 -0
- package/es/components/BigNumber/index.d.ts +1 -0
- package/es/components/Coachmark/next/Coachmark/CoachmarkContent.js +5 -5
- package/es/components/Coachmark/next/Coachmark/CoachmarkTagline/CoachmarkTagline.d.ts +4 -0
- package/es/components/Coachmark/next/Coachmark/CoachmarkTagline/CoachmarkTagline.js +6 -1
- package/es/components/ConditionBuilder/index.d.ts +8 -2
- package/es/components/EmptyStates/EmptyState.d.ts +2 -2
- package/es/components/EmptyStates/EmptyState.js +2 -2
- package/es/components/EmptyStates/EmptyStateContent.d.ts +2 -2
- package/es/components/EmptyStates/EmptyStateContent.js +2 -2
- package/es/components/Guidebanner/Guidebanner.d.ts +9 -1
- package/es/components/Guidebanner/Guidebanner.js +18 -7
- package/es/components/MultiAddSelect/MultiAddSelect.d.ts +4 -0
- package/es/components/MultiAddSelect/MultiAddSelect.js +4 -0
- package/es/components/PageHeader/next/PageHeader.js +6 -5
- package/es/components/PageHeader/next/overflowHandler.d.ts +5 -0
- package/es/components/PageHeader/next/overflowHandler.js +8 -0
- package/es/components/SingleAddSelect/SingleAddSelect.d.ts +4 -0
- package/es/components/SingleAddSelect/SingleAddSelect.js +4 -0
- package/es/components/TruncatedList/TruncatedList.d.ts +1 -1
- package/es/components/index.d.ts +10 -9
- package/es/global/js/utils/carousel/types.d.ts +1 -0
- package/es/index.d.ts +1 -1
- package/es/index.js +10 -18
- package/lib/components/AddSelect/AddSelect.d.ts +1 -0
- package/lib/components/AddSelect/AddSelectBody.d.ts +1 -0
- package/lib/components/AddSelect/AddSelectBody.js +4 -0
- package/lib/components/BigNumber/index.d.ts +1 -0
- package/lib/components/Coachmark/next/Coachmark/CoachmarkContent.js +5 -5
- package/lib/components/Coachmark/next/Coachmark/CoachmarkTagline/CoachmarkTagline.d.ts +4 -0
- package/lib/components/Coachmark/next/Coachmark/CoachmarkTagline/CoachmarkTagline.js +6 -1
- package/lib/components/ConditionBuilder/index.d.ts +8 -2
- package/lib/components/EmptyStates/EmptyState.d.ts +2 -2
- package/lib/components/EmptyStates/EmptyState.js +2 -2
- package/lib/components/EmptyStates/EmptyStateContent.d.ts +2 -2
- package/lib/components/EmptyStates/EmptyStateContent.js +2 -2
- package/lib/components/Guidebanner/Guidebanner.d.ts +9 -1
- package/lib/components/Guidebanner/Guidebanner.js +18 -7
- package/lib/components/MultiAddSelect/MultiAddSelect.d.ts +4 -0
- package/lib/components/MultiAddSelect/MultiAddSelect.js +4 -0
- package/lib/components/PageHeader/next/PageHeader.js +5 -4
- package/lib/components/PageHeader/next/overflowHandler.d.ts +5 -0
- package/lib/components/PageHeader/next/overflowHandler.js +8 -0
- package/lib/components/SingleAddSelect/SingleAddSelect.d.ts +4 -0
- package/lib/components/SingleAddSelect/SingleAddSelect.js +4 -0
- package/lib/components/TruncatedList/TruncatedList.d.ts +1 -1
- package/lib/components/index.d.ts +10 -9
- package/lib/global/js/utils/carousel/types.d.ts +1 -0
- package/lib/index.d.ts +1 -1
- package/lib/index.js +31 -27
- package/package.json +7 -6
- package/telemetry.yml +1 -0
- package/es/components/BigNumber/index.js +0 -8
- package/es/components/ConditionBuilder/index.js +0 -8
- package/es/components/DataSpreadsheet/index.js +0 -8
- package/es/components/Decorator/index.js +0 -8
- package/es/components/DelimitedList/index.js +0 -8
- package/es/components/GetStartedCard/index.js +0 -8
- package/es/components/NonLinearReading/index.js +0 -8
- package/es/components/SearchBar/index.js +0 -8
- package/es/components/TruncatedList/index.js +0 -8
- package/lib/components/BigNumber/index.js +0 -14
- package/lib/components/ConditionBuilder/index.js +0 -14
- package/lib/components/DataSpreadsheet/index.js +0 -14
- package/lib/components/Decorator/index.js +0 -17
- package/lib/components/DelimitedList/index.js +0 -14
- package/lib/components/GetStartedCard/index.js +0 -14
- package/lib/components/NonLinearReading/index.js +0 -14
- package/lib/components/SearchBar/index.js +0 -14
- package/lib/components/TruncatedList/index.js +0 -14
|
@@ -36,10 +36,11 @@ const CoachmarkTagline = /*#__PURE__*/React.forwardRef((_ref, ref) => {
|
|
|
36
36
|
title,
|
|
37
37
|
buttonProps,
|
|
38
38
|
isOpen,
|
|
39
|
+
className,
|
|
39
40
|
...rest
|
|
40
41
|
} = _ref;
|
|
41
42
|
return /*#__PURE__*/React.createElement("div", _rollupPluginBabelHelpers.extends({}, rest, {
|
|
42
|
-
className: cx(blockClass, isOpen && `${blockClass}--is-open
|
|
43
|
+
className: cx(blockClass, isOpen && `${blockClass}--is-open`, className),
|
|
43
44
|
ref: ref
|
|
44
45
|
}, devtools.getDevtoolsProps(componentName)), /*#__PURE__*/React.createElement("button", _rollupPluginBabelHelpers.extends({
|
|
45
46
|
className: `${blockClass}__cta`,
|
|
@@ -82,6 +83,10 @@ CoachmarkTagline.propTypes = {
|
|
|
82
83
|
tabIndex: index.default.number,
|
|
83
84
|
['aria-expanded']: index.default.bool
|
|
84
85
|
}),
|
|
86
|
+
/**
|
|
87
|
+
* Optional class name for this component.
|
|
88
|
+
*/
|
|
89
|
+
className: index.default.string,
|
|
85
90
|
/**
|
|
86
91
|
* Tooltip text and aria label for the Close button icon.
|
|
87
92
|
*/
|
|
@@ -1,2 +1,8 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
1
|
+
/**
|
|
2
|
+
* Copyright IBM Corp. 2024, 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
|
+
export { ConditionBuilder } from './ConditionBuilder';
|
|
8
|
+
export * from './ConditionBuilder.types';
|
|
@@ -61,11 +61,11 @@ export interface EmptyStateProps {
|
|
|
61
61
|
/**
|
|
62
62
|
* Empty state subtitle
|
|
63
63
|
*/
|
|
64
|
-
subtitle?:
|
|
64
|
+
subtitle?: ReactNode;
|
|
65
65
|
/**
|
|
66
66
|
* Empty state title
|
|
67
67
|
*/
|
|
68
|
-
title:
|
|
68
|
+
title: ReactNode;
|
|
69
69
|
/**
|
|
70
70
|
* **Deprecated:** Designates which version of the EmptyState component is being used. Refer to V2 documentation separately.
|
|
71
71
|
* @deprecated
|
|
@@ -123,11 +123,11 @@ EmptyState.propTypes = {
|
|
|
123
123
|
/**
|
|
124
124
|
* Empty state subtext
|
|
125
125
|
*/
|
|
126
|
-
subtitle: index.default.
|
|
126
|
+
subtitle: index.default.node,
|
|
127
127
|
/**
|
|
128
128
|
* Empty state heading
|
|
129
129
|
*/
|
|
130
|
-
title: index.default.
|
|
130
|
+
title: index.default.node.isRequired,
|
|
131
131
|
/**
|
|
132
132
|
* **Deprecated:** Designates which version of the EmptyState component is being used. Refer to V2 documentation separately.
|
|
133
133
|
* @deprecated
|
|
@@ -26,11 +26,11 @@ interface EmptyStateProps {
|
|
|
26
26
|
/**
|
|
27
27
|
* Empty state subtitle
|
|
28
28
|
*/
|
|
29
|
-
subtitle?:
|
|
29
|
+
subtitle?: ReactNode;
|
|
30
30
|
/**
|
|
31
31
|
* Empty state title
|
|
32
32
|
*/
|
|
33
|
-
title:
|
|
33
|
+
title: ReactNode;
|
|
34
34
|
}
|
|
35
35
|
export declare const EmptyStateContent: {
|
|
36
36
|
(props: EmptyStateProps): React.JSX.Element;
|
|
@@ -85,11 +85,11 @@ EmptyStateContent.propTypes = {
|
|
|
85
85
|
/**
|
|
86
86
|
* Empty state subtitle
|
|
87
87
|
*/
|
|
88
|
-
subtitle: index.default.
|
|
88
|
+
subtitle: index.default.node,
|
|
89
89
|
/**
|
|
90
90
|
* Empty state title
|
|
91
91
|
*/
|
|
92
|
-
title: index.default.
|
|
92
|
+
title: index.default.node.isRequired
|
|
93
93
|
};
|
|
94
94
|
|
|
95
95
|
exports.EmptyStateContent = EmptyStateContent;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/**
|
|
2
|
-
* Copyright IBM Corp. 2023,
|
|
2
|
+
* Copyright IBM Corp. 2023, 2025
|
|
3
3
|
*
|
|
4
4
|
* This source code is licensed under the Apache-2.0 license found in the
|
|
5
5
|
* LICENSE file in the root directory of this source tree.
|
|
@@ -57,6 +57,14 @@ export interface GuidebannerProps {
|
|
|
57
57
|
* content on the page under special circumstances.
|
|
58
58
|
*/
|
|
59
59
|
withLeftGutter?: boolean;
|
|
60
|
+
/**
|
|
61
|
+
* A handler for managing the controlled state of open prop. If not passed the open prop will not be honored and an uncontrolled state will be used.
|
|
62
|
+
*/
|
|
63
|
+
onChange?: (value: boolean) => void;
|
|
64
|
+
/**
|
|
65
|
+
* For controlled usage of the tile open state. This prop only works when an onChange prop is also passed, otherwise an uncontrolled state is used.
|
|
66
|
+
*/
|
|
67
|
+
open?: boolean;
|
|
60
68
|
}
|
|
61
69
|
/**
|
|
62
70
|
* The guide banner sits at the top of a page, or page-level tab,
|
|
@@ -19,6 +19,7 @@ var cx = require('classnames');
|
|
|
19
19
|
var devtools = require('../../global/js/utils/devtools.js');
|
|
20
20
|
var settings = require('../../settings.js');
|
|
21
21
|
var uuidv4 = require('../../global/js/utils/uuidv4.js');
|
|
22
|
+
var useControllableState = require('../../global/js/hooks/useControllableState.js');
|
|
22
23
|
|
|
23
24
|
var _CaretLeft, _CaretRight, _Close;
|
|
24
25
|
|
|
@@ -54,20 +55,22 @@ const Guidebanner = /*#__PURE__*/React.forwardRef((props, ref) => {
|
|
|
54
55
|
nextIconDescription = defaults.nextIconDescription,
|
|
55
56
|
previousIconDescription = defaults.previousIconDescription,
|
|
56
57
|
title,
|
|
58
|
+
onChange,
|
|
59
|
+
open: userOpen,
|
|
57
60
|
...rest
|
|
58
61
|
} = props;
|
|
59
62
|
const scrollRef = React.useRef(null);
|
|
60
63
|
const toggleRef = React.useRef(null);
|
|
61
64
|
const [scrollPosition, setScrollPosition] = React.useState(0);
|
|
62
65
|
const [showNavigation, setShowNavigation] = React.useState(false);
|
|
63
|
-
const [
|
|
66
|
+
const [open, setOpen] = useControllableState.useControllableState(userOpen ?? false, onChange);
|
|
64
67
|
const handleClickToggle = () => {
|
|
65
|
-
|
|
68
|
+
setOpen(!open);
|
|
66
69
|
};
|
|
67
70
|
const carouselContentId = `${uuidv4.default()}--carousel-content-id`;
|
|
68
71
|
return /*#__PURE__*/React.createElement("div", _rollupPluginBabelHelpers.extends({}, rest, {
|
|
69
|
-
"aria-owns":
|
|
70
|
-
className: cx(blockClass, className, collapsible && `${blockClass}__collapsible`,
|
|
72
|
+
"aria-owns": open ? carouselContentId : undefined,
|
|
73
|
+
className: cx(blockClass, className, collapsible && `${blockClass}__collapsible`, !open && `${blockClass}__collapsible-collapsed`, withLeftGutter && `${blockClass}__with-left-gutter`),
|
|
71
74
|
ref: ref
|
|
72
75
|
}, devtools.getDevtoolsProps(componentName)), /*#__PURE__*/React.createElement(icons.Idea, {
|
|
73
76
|
size: 20,
|
|
@@ -100,9 +103,9 @@ const Guidebanner = /*#__PURE__*/React.forwardRef((props, ref) => {
|
|
|
100
103
|
className: `${blockClass}__toggle-button`,
|
|
101
104
|
onClick: handleClickToggle,
|
|
102
105
|
ref: toggleRef,
|
|
103
|
-
"aria-controls": !
|
|
104
|
-
"aria-expanded": !
|
|
105
|
-
},
|
|
106
|
+
"aria-controls": !open ? carouselContentId : undefined,
|
|
107
|
+
"aria-expanded": !open
|
|
108
|
+
}, open ? expandButtonLabel : collapseButtonLabel), showNavigation && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("span", {
|
|
106
109
|
className: cx(`${blockClass}__back-button`, [scrollPosition === 0 ? `${blockClass}__back-button--disabled` : null])
|
|
107
110
|
}, /*#__PURE__*/React.createElement(react.IconButton, {
|
|
108
111
|
align: "top",
|
|
@@ -183,11 +186,19 @@ Guidebanner.propTypes = {
|
|
|
183
186
|
* Tooltip text and aria label for the Next button icon.
|
|
184
187
|
*/
|
|
185
188
|
nextIconDescription: index.default.string,
|
|
189
|
+
/**
|
|
190
|
+
* A handler for managing the controlled state of open prop. If not passed the open prop will not be honored and an uncontrolled state will be used.
|
|
191
|
+
*/
|
|
192
|
+
onChange: index.default.func,
|
|
186
193
|
/**
|
|
187
194
|
* If defined, a Close button will render in the top-right corner and a
|
|
188
195
|
* callback function will be triggered when button is clicked.
|
|
189
196
|
*/
|
|
190
197
|
onClose: index.default.func,
|
|
198
|
+
/**
|
|
199
|
+
* Specify whether the Guidebanner is currently open.
|
|
200
|
+
*/
|
|
201
|
+
open: index.default.bool,
|
|
191
202
|
/**
|
|
192
203
|
* Tooltip text and aria label for the Back button icon.
|
|
193
204
|
*/
|
|
@@ -105,6 +105,10 @@ export interface MultiAddSelectProps {
|
|
|
105
105
|
* title that displays in the sidebar when nothing is selected
|
|
106
106
|
*/
|
|
107
107
|
noSelectionTitle?: string;
|
|
108
|
+
/**
|
|
109
|
+
* Determines if the component should be rendered within a Tearsheet component
|
|
110
|
+
*/
|
|
111
|
+
noTearsheet?: boolean;
|
|
108
112
|
/**
|
|
109
113
|
* function to call when the close button clicked
|
|
110
114
|
*/
|
|
@@ -121,6 +121,10 @@ MultiAddSelect.propTypes = {
|
|
|
121
121
|
* title that displays in the sidebar when nothing is selected
|
|
122
122
|
*/
|
|
123
123
|
noSelectionTitle: index.default.string,
|
|
124
|
+
/**
|
|
125
|
+
* Determines if the component should be rendered within a Tearsheet component
|
|
126
|
+
*/
|
|
127
|
+
noTearsheet: index.default.bool,
|
|
124
128
|
/**
|
|
125
129
|
* function to call when the close button clicked
|
|
126
130
|
*/
|
|
@@ -253,7 +253,8 @@ const PageHeaderContent = /*#__PURE__*/React.forwardRef(function PageHeaderConte
|
|
|
253
253
|
React.useLayoutEffect(() => {
|
|
254
254
|
titleRef.current && isEllipsisActive(titleRef.current);
|
|
255
255
|
}, [title]);
|
|
256
|
-
return /*#__PURE__*/React.createElement(
|
|
256
|
+
return /*#__PURE__*/React.createElement(react.Section, _rollupPluginBabelHelpers.extends({
|
|
257
|
+
as: "div",
|
|
257
258
|
className: classNames,
|
|
258
259
|
ref: componentRef
|
|
259
260
|
}, other), /*#__PURE__*/React.createElement(react.Grid, null, /*#__PURE__*/React.createElement(react.Column, {
|
|
@@ -272,11 +273,11 @@ const PageHeaderContent = /*#__PURE__*/React.forwardRef(function PageHeaderConte
|
|
|
272
273
|
definition: title
|
|
273
274
|
}, /*#__PURE__*/React.createElement(react.unstable_Text, {
|
|
274
275
|
ref: titleRef,
|
|
275
|
-
as:
|
|
276
|
+
as: react.Heading,
|
|
276
277
|
className: `${PageHeaderUtils.blockClass}__content__title`
|
|
277
278
|
}, title)) : /*#__PURE__*/React.createElement(react.unstable_Text, {
|
|
278
279
|
ref: titleRef,
|
|
279
|
-
as:
|
|
280
|
+
as: react.Heading,
|
|
280
281
|
className: `${PageHeaderUtils.blockClass}__content__title`
|
|
281
282
|
}, title)), contextualActions && /*#__PURE__*/React.createElement("div", {
|
|
282
283
|
className: `${PageHeaderUtils.blockClass}__content__contextual-actions`
|
|
@@ -509,7 +510,7 @@ const PageHeaderTabBar = /*#__PURE__*/React.forwardRef(function PageHeaderTabBar
|
|
|
509
510
|
let {
|
|
510
511
|
className,
|
|
511
512
|
children,
|
|
512
|
-
tags
|
|
513
|
+
tags,
|
|
513
514
|
scroller,
|
|
514
515
|
...other
|
|
515
516
|
} = _ref7;
|
|
@@ -4,6 +4,11 @@
|
|
|
4
4
|
* This source code is licensed under the Apache-2.0 license found in the
|
|
5
5
|
* LICENSE file in the root directory of this source tree.
|
|
6
6
|
*/
|
|
7
|
+
/**
|
|
8
|
+
* This file has test coverage in @carbon/utilities. This is a copy of the utility
|
|
9
|
+
* that adds margin calculations to an element's size. This should ideally be
|
|
10
|
+
* merged back into the utility.
|
|
11
|
+
*/
|
|
7
12
|
/**
|
|
8
13
|
* Calculates the size (width or height) of a given HTML element.
|
|
9
14
|
*
|
|
@@ -7,6 +7,14 @@
|
|
|
7
7
|
|
|
8
8
|
'use strict';
|
|
9
9
|
|
|
10
|
+
/**
|
|
11
|
+
* This file has test coverage in @carbon/utilities. This is a copy of the utility
|
|
12
|
+
* that adds margin calculations to an element's size. This should ideally be
|
|
13
|
+
* merged back into the utility.
|
|
14
|
+
*/
|
|
15
|
+
|
|
16
|
+
/* istanbul ignore file */
|
|
17
|
+
|
|
10
18
|
/**
|
|
11
19
|
* Calculates the size (width or height) of a given HTML element.
|
|
12
20
|
*
|
|
@@ -36,6 +36,10 @@ export interface SingleAddSelectProps {
|
|
|
36
36
|
* title to display when no results are found from the global search
|
|
37
37
|
*/
|
|
38
38
|
noResultsTitle?: string;
|
|
39
|
+
/**
|
|
40
|
+
* Determines if the component should be rendered within a Tearsheet component
|
|
41
|
+
*/
|
|
42
|
+
noTearsheet?: boolean;
|
|
39
43
|
/**
|
|
40
44
|
* function to call when the close button clicked
|
|
41
45
|
*/
|
|
@@ -70,6 +70,10 @@ SingleAddSelect.propTypes = {
|
|
|
70
70
|
* title to display when no results are found from the global search
|
|
71
71
|
*/
|
|
72
72
|
noResultsTitle: index.default.string,
|
|
73
|
+
/**
|
|
74
|
+
* Determines if the component should be rendered within a Tearsheet component
|
|
75
|
+
*/
|
|
76
|
+
noTearsheet: index.default.bool,
|
|
73
77
|
/**
|
|
74
78
|
* function to call when the close button clicked
|
|
75
79
|
*/
|
|
@@ -41,7 +41,7 @@ export interface TruncatedListProps extends PropsWithChildren {
|
|
|
41
41
|
/**
|
|
42
42
|
* Callback function for building the label when the list is collapsed.
|
|
43
43
|
*/
|
|
44
|
-
viewMoreLabel?: (value:
|
|
44
|
+
viewMoreLabel?: (value: number) => ReactNode;
|
|
45
45
|
}
|
|
46
46
|
/**
|
|
47
47
|
* The `TruncatedList` allows consumers to control how many items are
|
|
@@ -46,7 +46,7 @@ export * as preview__Coachmark from './Coachmark/next/Coachmark';
|
|
|
46
46
|
export * as preview__CoachmarkTagline from './Coachmark/next/Coachmark/CoachmarkTagline';
|
|
47
47
|
export { FeatureFlags as preview__FeatureFlags, useFeatureFlag as preview__useFeatureFlag, useFeatureFlags as preview__useFeatureFlags, } from './FeatureFlags';
|
|
48
48
|
export * as preview__PageHeader from './PageHeader/next/PageHeader';
|
|
49
|
-
export
|
|
49
|
+
export { BigNumber as previewCandidate__BigNumber, type BigNumberProps, } from './BigNumber';
|
|
50
50
|
export { Coachmark as previewCandidate__Coachmark, BEACON_KIND, COACHMARK_OVERLAY_KIND, COACHMARK_ALIGNMENT, useCoachmark, type CoachmarkProps, } from './Coachmark';
|
|
51
51
|
export { CoachmarkBeacon as previewCandidate__CoachmarkBeacon, type CoachmarkBeaconProps, } from './CoachmarkBeacon';
|
|
52
52
|
export { CoachmarkButton as previewCandidate__CoachmarkButton, type CoachmarkButtonProps, } from './CoachmarkButton';
|
|
@@ -54,17 +54,18 @@ export { CoachmarkFixed as previewCandidate__CoachmarkFixed, type CoachmarkFixed
|
|
|
54
54
|
export { CoachmarkOverlayElement as previewCandidate__CoachmarkOverlayElement, type CoachmarkOverlayElementProps, } from './CoachmarkOverlayElement';
|
|
55
55
|
export { CoachmarkOverlayElements as previewCandidate__CoachmarkOverlayElements, type CoachmarkOverlayElementsProps, } from './CoachmarkOverlayElements';
|
|
56
56
|
export { CoachmarkStack as previewCandidate__CoachmarkStack } from './CoachmarkStack';
|
|
57
|
-
export
|
|
58
|
-
export *
|
|
59
|
-
export
|
|
60
|
-
export
|
|
61
|
-
export
|
|
57
|
+
export { ConditionBuilder as previewCandidate__ConditionBuilder } from './ConditionBuilder';
|
|
58
|
+
export * from './ConditionBuilder/ConditionBuilder.types';
|
|
59
|
+
export { DataSpreadsheet as previewCandidate__DataSpreadsheet, type DataSpreadsheetProps, } from './DataSpreadsheet';
|
|
60
|
+
export { DelimitedList as previewCandidate__DelimitedList, type DelimitedListProps, } from './DelimitedList';
|
|
61
|
+
export { Decorator as previewCandidate__Decorator } from './Decorator';
|
|
62
|
+
export { GetStartedCard as previewCandidate__GetStartedCard, type GetStartedCardProps, } from './GetStartedCard';
|
|
62
63
|
export { Guidebanner as previewCandidate__Guidebanner, GuidebannerElement as previewCandidate__GuidebannerElement, GuidebannerElementButton as previewCandidate__GuidebannerElementButton, GuidebannerElementLink as previewCandidate__GuidebannerElementLink, type GuidebannerProps, type GuidebannerElementProps, type GuidebannerElementButtonProps, type GuidebannerElementLinkProps, } from './Guidebanner';
|
|
63
64
|
export { InlineTip as previewCandidate__InlineTip, InlineTipButton as previewCandidate__InlineTipButton, InlineTipLink as previewCandidate__InlineTipLink, type InlineTipProps, type InlineTipButtonProps, type InlineTipLinkProps, } from './InlineTip';
|
|
64
|
-
export
|
|
65
|
-
export
|
|
65
|
+
export { NonLinearReading as previewCandidate__NonLinearReading, type NonLinearReadingProps, } from './NonLinearReading';
|
|
66
|
+
export { SearchBar as previewCandidate__SearchBar, type SearchBarProps, } from './SearchBar';
|
|
66
67
|
export { Toolbar as previewCandidate__Toolbar, ToolbarButton as previewCandidate__ToolbarButton, ToolbarGroup as previewCandidate__ToolbarGroup, type ToolbarProps, type ToolbarButtonProps, type ToolbarGroupProps, } from './Toolbar';
|
|
67
|
-
export
|
|
68
|
+
export { TruncatedList as previewCandidate__TruncatedList, type TruncatedListProps, } from './TruncatedList';
|
|
68
69
|
/**
|
|
69
70
|
* Deprecated
|
|
70
71
|
*/
|
package/lib/index.d.ts
CHANGED
package/lib/index.js
CHANGED
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
"use client";
|
|
1
2
|
/**
|
|
2
3
|
* Copyright IBM Corp. 2020, 2025
|
|
3
4
|
*
|
|
@@ -53,12 +54,12 @@ var TearsheetNarrow = require('./components/Tearsheet/TearsheetNarrow.js');
|
|
|
53
54
|
var TruncatedText = require('./components/TruncatedText/TruncatedText.js');
|
|
54
55
|
var WebTerminal = require('./components/WebTerminal/WebTerminal.js');
|
|
55
56
|
var WebTerminalContentWrapper = require('./components/WebTerminal/WebTerminalContentWrapper.js');
|
|
56
|
-
var index$
|
|
57
|
+
var index$3 = require('./components/WebTerminal/hooks/index.js');
|
|
57
58
|
var index = require('./components/Coachmark/next/Coachmark/index.js');
|
|
58
59
|
var index$1 = require('./components/Coachmark/next/Coachmark/CoachmarkTagline/index.js');
|
|
59
|
-
var index$
|
|
60
|
+
var index$2 = require('./components/FeatureFlags/index.js');
|
|
60
61
|
var PageHeader = require('./components/PageHeader/next/PageHeader.js');
|
|
61
|
-
var
|
|
62
|
+
var BigNumber = require('./components/BigNumber/BigNumber.js');
|
|
62
63
|
var Coachmark = require('./components/Coachmark/Coachmark.js');
|
|
63
64
|
var enums = require('./components/Coachmark/utils/enums.js');
|
|
64
65
|
var context = require('./components/Coachmark/utils/context.js');
|
|
@@ -68,11 +69,10 @@ var CoachmarkButton = require('./components/CoachmarkButton/CoachmarkButton.js')
|
|
|
68
69
|
var CoachmarkFixed = require('./components/CoachmarkFixed/CoachmarkFixed.js');
|
|
69
70
|
var CoachmarkOverlayElement = require('./components/CoachmarkOverlayElement/CoachmarkOverlayElement.js');
|
|
70
71
|
var CoachmarkOverlayElements = require('./components/CoachmarkOverlayElements/CoachmarkOverlayElements.js');
|
|
71
|
-
var
|
|
72
|
-
var
|
|
73
|
-
var
|
|
74
|
-
var
|
|
75
|
-
var index$7 = require('./components/GetStartedCard/index.js');
|
|
72
|
+
var ConditionBuilder = require('./components/ConditionBuilder/ConditionBuilder.js');
|
|
73
|
+
var DataSpreadsheet = require('./components/DataSpreadsheet/DataSpreadsheet.js');
|
|
74
|
+
var DelimitedList = require('./components/DelimitedList/DelimitedList.js');
|
|
75
|
+
var GetStartedCard = require('./components/GetStartedCard/GetStartedCard.js');
|
|
76
76
|
var Guidebanner = require('./components/Guidebanner/Guidebanner.js');
|
|
77
77
|
var GuidebannerElement = require('./components/Guidebanner/GuidebannerElement.js');
|
|
78
78
|
var GuidebannerElementButton = require('./components/Guidebanner/GuidebannerElementButton.js');
|
|
@@ -80,14 +80,14 @@ var GuidebannerElementLink = require('./components/Guidebanner/GuidebannerElemen
|
|
|
80
80
|
var InlineTip = require('./components/InlineTip/InlineTip.js');
|
|
81
81
|
var InlineTipButton = require('./components/InlineTip/InlineTipButton.js');
|
|
82
82
|
var InlineTipLink = require('./components/InlineTip/InlineTipLink.js');
|
|
83
|
-
var
|
|
84
|
-
var
|
|
83
|
+
var NonLinearReading = require('./components/NonLinearReading/NonLinearReading.js');
|
|
84
|
+
var SearchBar = require('./components/SearchBar/SearchBar.js');
|
|
85
85
|
var Toolbar = require('./components/Toolbar/Toolbar.js');
|
|
86
86
|
var ToolbarButton = require('./components/Toolbar/ToolbarButton.js');
|
|
87
87
|
var ToolbarGroup = require('./components/Toolbar/ToolbarGroup.js');
|
|
88
|
-
var
|
|
88
|
+
var TruncatedList = require('./components/TruncatedList/TruncatedList.js');
|
|
89
89
|
var ComboButton = require('./components/ComboButton/ComboButton.js');
|
|
90
|
-
var index$
|
|
90
|
+
var index$4 = require('./components/ComboButton/ComboButtonItem/index.js');
|
|
91
91
|
var Datagrid = require('./components/Datagrid/Datagrid/Datagrid.js');
|
|
92
92
|
var useDatagrid = require('./components/Datagrid/useDatagrid.js');
|
|
93
93
|
var useInfiniteScroll = require('./components/Datagrid/useInfiniteScroll.js');
|
|
@@ -117,6 +117,7 @@ var useFilterContext = require('./components/Datagrid/Datagrid/addons/Filtering/
|
|
|
117
117
|
var usePrefix = require('./global/js/hooks/usePrefix.js');
|
|
118
118
|
var ActionBar = require('./components/ActionBar/ActionBar.js');
|
|
119
119
|
var CoachmarkStack = require('./components/CoachmarkStack/CoachmarkStack.js');
|
|
120
|
+
var Decorator = require('./components/Decorator/Decorator.js');
|
|
120
121
|
var ScrollGradient = require('./components/ScrollGradient/ScrollGradient.js');
|
|
121
122
|
var StringFormatter = require('./components/StringFormatter/StringFormatter.js');
|
|
122
123
|
var UserAvatar = require('./components/UserAvatar/UserAvatar.js');
|
|
@@ -196,15 +197,15 @@ Object.defineProperty(exports, "TruncatedText", {
|
|
|
196
197
|
});
|
|
197
198
|
exports.WebTerminal = WebTerminal.WebTerminal;
|
|
198
199
|
exports.WebTerminalContentWrapper = WebTerminalContentWrapper.WebTerminalContentWrapper;
|
|
199
|
-
exports.WebTerminalProvider = index$
|
|
200
|
-
exports.useWebTerminal = index$
|
|
200
|
+
exports.WebTerminalProvider = index$3.WebTerminalProvider;
|
|
201
|
+
exports.useWebTerminal = index$3.useWebTerminal;
|
|
201
202
|
exports.preview__Coachmark = index;
|
|
202
203
|
exports.preview__CoachmarkTagline = index$1;
|
|
203
|
-
exports.preview__FeatureFlags = index$
|
|
204
|
-
exports.preview__useFeatureFlag = index$
|
|
205
|
-
exports.preview__useFeatureFlags = index$
|
|
204
|
+
exports.preview__FeatureFlags = index$2.FeatureFlags;
|
|
205
|
+
exports.preview__useFeatureFlag = index$2.useFeatureFlag;
|
|
206
|
+
exports.preview__useFeatureFlags = index$2.useFeatureFlags;
|
|
206
207
|
exports.preview__PageHeader = PageHeader;
|
|
207
|
-
exports.previewCandidate__BigNumber =
|
|
208
|
+
exports.previewCandidate__BigNumber = BigNumber.BigNumber;
|
|
208
209
|
exports.previewCandidate__Coachmark = Coachmark.Coachmark;
|
|
209
210
|
exports.BEACON_KIND = enums.BEACON_KIND;
|
|
210
211
|
exports.COACHMARK_ALIGNMENT = enums.COACHMARK_ALIGNMENT;
|
|
@@ -215,11 +216,10 @@ exports.previewCandidate__CoachmarkButton = CoachmarkButton.CoachmarkButton;
|
|
|
215
216
|
exports.previewCandidate__CoachmarkFixed = CoachmarkFixed.CoachmarkFixed;
|
|
216
217
|
exports.previewCandidate__CoachmarkOverlayElement = CoachmarkOverlayElement.CoachmarkOverlayElement;
|
|
217
218
|
exports.previewCandidate__CoachmarkOverlayElements = CoachmarkOverlayElements.CoachmarkOverlayElements;
|
|
218
|
-
exports.previewCandidate__ConditionBuilder =
|
|
219
|
-
exports.previewCandidate__DataSpreadsheet =
|
|
220
|
-
exports.previewCandidate__DelimitedList =
|
|
221
|
-
exports.
|
|
222
|
-
exports.previewCandidate__GetStartedCard = index$7;
|
|
219
|
+
exports.previewCandidate__ConditionBuilder = ConditionBuilder.ConditionBuilder;
|
|
220
|
+
exports.previewCandidate__DataSpreadsheet = DataSpreadsheet.DataSpreadsheet;
|
|
221
|
+
exports.previewCandidate__DelimitedList = DelimitedList.DelimitedList;
|
|
222
|
+
exports.previewCandidate__GetStartedCard = GetStartedCard.GetStartedCard;
|
|
223
223
|
exports.previewCandidate__Guidebanner = Guidebanner.Guidebanner;
|
|
224
224
|
exports.previewCandidate__GuidebannerElement = GuidebannerElement.GuidebannerElement;
|
|
225
225
|
exports.previewCandidate__GuidebannerElementButton = GuidebannerElementButton.GuidebannerElementButton;
|
|
@@ -227,14 +227,14 @@ exports.previewCandidate__GuidebannerElementLink = GuidebannerElementLink.Guideb
|
|
|
227
227
|
exports.previewCandidate__InlineTip = InlineTip.InlineTip;
|
|
228
228
|
exports.previewCandidate__InlineTipButton = InlineTipButton.InlineTipButton;
|
|
229
229
|
exports.previewCandidate__InlineTipLink = InlineTipLink.InlineTipLink;
|
|
230
|
-
exports.previewCandidate__NonLinearReading =
|
|
231
|
-
exports.previewCandidate__SearchBar =
|
|
230
|
+
exports.previewCandidate__NonLinearReading = NonLinearReading.NonLinearReading;
|
|
231
|
+
exports.previewCandidate__SearchBar = SearchBar.SearchBar;
|
|
232
232
|
exports.previewCandidate__Toolbar = Toolbar.Toolbar;
|
|
233
233
|
exports.previewCandidate__ToolbarButton = ToolbarButton.ToolbarButton;
|
|
234
234
|
exports.previewCandidate__ToolbarGroup = ToolbarGroup.ToolbarGroup;
|
|
235
|
-
exports.previewCandidate__TruncatedList =
|
|
235
|
+
exports.previewCandidate__TruncatedList = TruncatedList.TruncatedList;
|
|
236
236
|
exports.ComboButton = ComboButton.ComboButton;
|
|
237
|
-
exports.ComboButtonItem = index$
|
|
237
|
+
exports.ComboButtonItem = index$4.ComboButtonItem;
|
|
238
238
|
exports.Datagrid = Datagrid.Datagrid;
|
|
239
239
|
exports.useDatagrid = useDatagrid.default;
|
|
240
240
|
exports.useInfiniteScroll = useInfiniteScroll.default;
|
|
@@ -267,6 +267,10 @@ exports.useFilterContext = useFilterContext.default;
|
|
|
267
267
|
exports.usePrefix = usePrefix.usePrefix;
|
|
268
268
|
exports.ActionBar = ActionBar.ActionBar;
|
|
269
269
|
exports.previewCandidate__CoachmarkStack = CoachmarkStack.CoachmarkStack;
|
|
270
|
+
Object.defineProperty(exports, "previewCandidate__Decorator", {
|
|
271
|
+
enumerable: true,
|
|
272
|
+
get: function () { return Decorator.Decorator; }
|
|
273
|
+
});
|
|
270
274
|
Object.defineProperty(exports, "ScrollGradient", {
|
|
271
275
|
enumerable: true,
|
|
272
276
|
get: function () { return ScrollGradient.ScrollGradient; }
|
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.
|
|
4
|
+
"version": "2.77.0",
|
|
5
5
|
"license": "Apache-2.0",
|
|
6
6
|
"main": "lib/index.js",
|
|
7
7
|
"module": "es/index.js",
|
|
@@ -82,7 +82,7 @@
|
|
|
82
82
|
"@storybook/react-vite": "^9.0.13",
|
|
83
83
|
"@types/react-table": "^7.7.20",
|
|
84
84
|
"babel-plugin-dev-expression": "^0.2.3",
|
|
85
|
-
"babel-preset-ibm-cloud-cognitive": "^0.
|
|
85
|
+
"babel-preset-ibm-cloud-cognitive": "^0.35.0",
|
|
86
86
|
"change-case": "5.4.4",
|
|
87
87
|
"classnames": "^2.5.1",
|
|
88
88
|
"copyfiles": "^2.4.1",
|
|
@@ -90,7 +90,7 @@
|
|
|
90
90
|
"fs-extra": "^11.3.0",
|
|
91
91
|
"glob": "^11.0.1",
|
|
92
92
|
"jest": "^29.7.0",
|
|
93
|
-
"jest-config-ibm-cloud-cognitive": "^1.
|
|
93
|
+
"jest-config-ibm-cloud-cognitive": "^1.36.0",
|
|
94
94
|
"jest-environment-jsdom": "^29.7.0",
|
|
95
95
|
"namor": "^1.1.2",
|
|
96
96
|
"npm-run-all2": "^8.0.0",
|
|
@@ -98,10 +98,11 @@
|
|
|
98
98
|
"react-dom": "^19.1.0",
|
|
99
99
|
"rimraf": "^6.0.1",
|
|
100
100
|
"rollup": "^4.35.0",
|
|
101
|
+
"rollup-plugin-preserve-directives": "^0.4.0",
|
|
101
102
|
"rollup-plugin-strip-banner": "^3.1.0",
|
|
102
103
|
"sass": "^1.85.1",
|
|
103
104
|
"storybook": "^9.0.8",
|
|
104
|
-
"typescript-config-carbon": "^0.
|
|
105
|
+
"typescript-config-carbon": "^0.8.0",
|
|
105
106
|
"vite": "^7.0.0",
|
|
106
107
|
"yargs": "^18.0.0"
|
|
107
108
|
},
|
|
@@ -109,7 +110,7 @@
|
|
|
109
110
|
"@babel/runtime": "^7.26.10",
|
|
110
111
|
"@carbon-labs/react-resizer": "^0.10.0",
|
|
111
112
|
"@carbon/feature-flags": "^0.30.0",
|
|
112
|
-
"@carbon/ibm-products-styles": "^2.
|
|
113
|
+
"@carbon/ibm-products-styles": "^2.73.0",
|
|
113
114
|
"@carbon/telemetry": "^0.1.0",
|
|
114
115
|
"@carbon/utilities": "^0.9.0",
|
|
115
116
|
"@carbon/utilities-react": "0.12.0",
|
|
@@ -131,5 +132,5 @@
|
|
|
131
132
|
"react": "^16.8.6 || ^17.0.1 || ^18.2.0 || ^19.0.0",
|
|
132
133
|
"react-dom": "^16.8.6 || ^17.0.1 || ^18.2.0 || ^19.0.0"
|
|
133
134
|
},
|
|
134
|
-
"gitHead": "
|
|
135
|
+
"gitHead": "2e1d6a3c4360a0d8d9804ce1c146a4b408a6784f"
|
|
135
136
|
}
|
package/telemetry.yml
CHANGED