@carbon/ibm-products 2.77.0 → 2.78.0-rc.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/css/index-full-carbon.css +17 -20
- package/css/index-full-carbon.css.map +1 -1
- package/css/index-full-carbon.min.css +1 -1
- package/css/index-full-carbon.min.css.map +1 -1
- package/css/index-without-carbon-released-only.css +224 -20
- package/css/index-without-carbon-released-only.css.map +1 -1
- package/css/index-without-carbon-released-only.min.css +1 -1
- package/css/index-without-carbon-released-only.min.css.map +1 -1
- package/css/index-without-carbon.css +17 -20
- package/css/index-without-carbon.css.map +1 -1
- package/css/index-without-carbon.min.css +1 -1
- package/css/index-without-carbon.min.css.map +1 -1
- package/css/index.css +17 -20
- package/css/index.css.map +1 -1
- package/css/index.min.css +1 -1
- package/css/index.min.css.map +1 -1
- package/es/components/Coachmark/next/Coachmark/Coachmark.d.ts +8 -1
- package/es/components/Coachmark/next/Coachmark/Coachmark.js +4 -1
- package/es/components/Coachmark/next/Coachmark/CoachmarkBeacon/CoachmarkBeacon.js +89 -0
- package/{lib/patterns/DeleteAndRemove/_story-assets/utils.d.ts → es/components/Coachmark/next/Coachmark/CoachmarkBeacon/index.js} +3 -2
- package/es/components/Coachmark/next/Coachmark/CoachmarkContent.js +0 -4
- package/es/components/Coachmark/next/Coachmark/ContentBody.d.ts +1 -1
- package/es/components/Coachmark/next/Coachmark/ContentBody.js +1 -1
- package/es/components/Coachmark/next/Coachmark/ContentHeader.d.ts +1 -2
- package/es/components/Coachmark/next/Coachmark/ContentHeader.js +1 -1
- package/es/components/Coachmark/next/Coachmark/index.d.ts +4 -0
- package/es/components/Datagrid/Datagrid/DatagridContent.d.ts +0 -1
- package/es/components/Datagrid/Datagrid/DatagridContent.js +0 -1
- package/es/components/Datagrid/Datagrid/addons/CustomizeColumns/TearsheetWrapper.js +0 -1
- package/es/components/FeatureFlags/index.js +14 -0
- package/es/components/PageHeader/next/PageHeader.js +11 -4
- package/es/components/PageHeader/next/_story-assets/pageActionButtonItems.d.ts +15 -0
- package/es/components/PageHeader/next/index.js +8 -0
- package/es/components/SidePanel/SidePanel.d.ts +0 -1
- package/es/components/SidePanel/SidePanel.js +0 -3
- package/es/components/index.d.ts +2 -2
- package/es/global/js/hooks/usePortalTarget.js +0 -1
- package/es/index.d.ts +0 -1
- package/es/index.js +4 -3
- package/lib/components/Coachmark/next/Coachmark/Coachmark.d.ts +8 -1
- package/lib/components/Coachmark/next/Coachmark/Coachmark.js +4 -1
- package/lib/components/Coachmark/next/Coachmark/CoachmarkBeacon/CoachmarkBeacon.js +91 -0
- package/lib/components/Coachmark/next/Coachmark/CoachmarkBeacon/index.js +14 -0
- package/lib/components/Coachmark/next/Coachmark/CoachmarkContent.js +0 -4
- package/lib/components/Coachmark/next/Coachmark/ContentBody.d.ts +1 -1
- package/lib/components/Coachmark/next/Coachmark/ContentBody.js +1 -0
- package/lib/components/Coachmark/next/Coachmark/ContentHeader.d.ts +1 -2
- package/lib/components/Coachmark/next/Coachmark/ContentHeader.js +1 -3
- package/lib/components/Coachmark/next/Coachmark/index.d.ts +4 -0
- package/lib/components/Datagrid/Datagrid/DatagridContent.d.ts +0 -1
- package/lib/components/Datagrid/Datagrid/DatagridContent.js +0 -1
- package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/TearsheetWrapper.js +0 -1
- package/lib/components/FeatureFlags/index.js +19 -5
- package/lib/components/PageHeader/next/PageHeader.js +11 -4
- package/lib/components/PageHeader/next/_story-assets/pageActionButtonItems.d.ts +15 -0
- package/lib/components/PageHeader/next/index.js +35 -0
- package/lib/components/SidePanel/SidePanel.d.ts +0 -1
- package/lib/components/SidePanel/SidePanel.js +0 -3
- package/lib/components/index.d.ts +2 -2
- package/lib/global/js/hooks/usePortalTarget.js +0 -1
- package/lib/index.d.ts +0 -1
- package/lib/index.js +15 -14
- package/package.json +6 -7
- package/scss/components/Datagrid/styles/_datagrid.scss +6 -2
- package/scss/components/PageHeader/_page-header.scss +18 -1
- package/scss/components/SidePanel/_side-panel.scss +0 -13
- package/scss/components/_index-released-only.scss +1 -0
- package/es/feature-flags.d.ts +0 -1
- package/es/feature-flags.js +0 -22
- package/es/patterns/DeleteAndRemove/_story-assets/utils.d.ts +0 -7
- package/lib/feature-flags.d.ts +0 -1
- package/lib/feature-flags.js +0 -43
|
@@ -8,7 +8,6 @@
|
|
|
8
8
|
'use strict';
|
|
9
9
|
|
|
10
10
|
var _rollupPluginBabelHelpers = require('../../../_virtual/_rollupPluginBabelHelpers.js');
|
|
11
|
-
require('../../../feature-flags.js');
|
|
12
11
|
var React = require('react');
|
|
13
12
|
var react = require('@carbon/react');
|
|
14
13
|
var settings = require('../../../settings.js');
|
|
@@ -10,7 +10,6 @@
|
|
|
10
10
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
11
11
|
|
|
12
12
|
var _rollupPluginBabelHelpers = require('../../../../../_virtual/_rollupPluginBabelHelpers.js');
|
|
13
|
-
require('../../../../../feature-flags.js');
|
|
14
13
|
var React = require('react');
|
|
15
14
|
var index = require('../../../../../_virtual/index.js');
|
|
16
15
|
var CustomizeColumnsTearsheet = require('./CustomizeColumnsTearsheet.js');
|
|
@@ -7,16 +7,30 @@
|
|
|
7
7
|
|
|
8
8
|
'use strict';
|
|
9
9
|
|
|
10
|
-
var
|
|
10
|
+
var featureFlags = require('@carbon/feature-flags');
|
|
11
11
|
var index = require('../../_virtual/index.js');
|
|
12
12
|
var React = require('react');
|
|
13
13
|
var propsHelper = require('../../global/js/utils/props-helper.js');
|
|
14
14
|
|
|
15
|
+
//merge c4p feature flags with carbon feature flags
|
|
16
|
+
featureFlags.FeatureFlags.merge({
|
|
17
|
+
'default-portal-target-body': true,
|
|
18
|
+
'enable-datagrid-useInlineEdit': false,
|
|
19
|
+
'enable-datagrid-useEditableCell': false,
|
|
20
|
+
'enable-datagrid-useCustomizeColumns': false,
|
|
21
|
+
'ExampleComponent.secondaryIcon': false,
|
|
22
|
+
'ExampleComponent.useExample': false,
|
|
23
|
+
'enable-test-flag-a': false,
|
|
24
|
+
// used in testing
|
|
25
|
+
'enable-test-flag-b': true,
|
|
26
|
+
// used in testing
|
|
27
|
+
enableSidepanelResizer: false
|
|
28
|
+
});
|
|
15
29
|
/**
|
|
16
30
|
* Our FeatureFlagContext is used alongside the FeatureFlags component to enable
|
|
17
31
|
* or disable feature flags in a given React tree
|
|
18
32
|
*/
|
|
19
|
-
const FeatureFlagContext = /*#__PURE__*/React.createContext(
|
|
33
|
+
const FeatureFlagContext = /*#__PURE__*/React.createContext(featureFlags.FeatureFlags);
|
|
20
34
|
|
|
21
35
|
/**
|
|
22
36
|
* Supports an object of feature flag values with the `flags` prop, merging them
|
|
@@ -52,12 +66,12 @@ function FeatureFlags(_ref) {
|
|
|
52
66
|
...flags
|
|
53
67
|
};
|
|
54
68
|
const [scope, updateScope] = React.useState(() => {
|
|
55
|
-
const scope =
|
|
69
|
+
const scope = featureFlags.createScope(combinedFlags);
|
|
56
70
|
scope.mergeWithScope(parentScope);
|
|
57
71
|
return scope;
|
|
58
72
|
});
|
|
59
73
|
if (parentScope !== prevParentScope) {
|
|
60
|
-
const scope =
|
|
74
|
+
const scope = featureFlags.createScope(combinedFlags);
|
|
61
75
|
scope.mergeWithScope(parentScope);
|
|
62
76
|
updateScope(scope);
|
|
63
77
|
setPrevParentScope(parentScope);
|
|
@@ -67,7 +81,7 @@ function FeatureFlags(_ref) {
|
|
|
67
81
|
// for flags that are passed in. If they have changed, then we re-create the
|
|
68
82
|
// FeatureFlagScope using the new flags
|
|
69
83
|
useChangedValue(combinedFlags, isEqual, changedFlags => {
|
|
70
|
-
const scope =
|
|
84
|
+
const scope = featureFlags.createScope(changedFlags);
|
|
71
85
|
scope.mergeWithScope(parentScope);
|
|
72
86
|
updateScope(scope);
|
|
73
87
|
});
|
|
@@ -526,7 +526,9 @@ const PageHeaderTabBar = /*#__PURE__*/React.forwardRef(function PageHeaderTabBar
|
|
|
526
526
|
return /*#__PURE__*/React.createElement("div", _rollupPluginBabelHelpers.extends({
|
|
527
527
|
className: classNames,
|
|
528
528
|
ref: ref
|
|
529
|
-
}, other), /*#__PURE__*/React.createElement(react.Grid,
|
|
529
|
+
}, other), /*#__PURE__*/React.createElement(react.Grid, {
|
|
530
|
+
condensed: true
|
|
531
|
+
}, /*#__PURE__*/React.createElement(react.Column, {
|
|
530
532
|
lg: 16,
|
|
531
533
|
md: 8,
|
|
532
534
|
sm: 4
|
|
@@ -535,7 +537,9 @@ const PageHeaderTabBar = /*#__PURE__*/React.forwardRef(function PageHeaderTabBar
|
|
|
535
537
|
return /*#__PURE__*/React.createElement("div", _rollupPluginBabelHelpers.extends({
|
|
536
538
|
className: classNames,
|
|
537
539
|
ref: ref
|
|
538
|
-
}, other), /*#__PURE__*/React.createElement(react.Grid,
|
|
540
|
+
}, other), /*#__PURE__*/React.createElement(react.Grid, {
|
|
541
|
+
condensed: true
|
|
542
|
+
}, /*#__PURE__*/React.createElement(react.Column, {
|
|
539
543
|
lg: 16,
|
|
540
544
|
md: 8,
|
|
541
545
|
sm: 4
|
|
@@ -546,7 +550,7 @@ const PageHeaderTabBar = /*#__PURE__*/React.forwardRef(function PageHeaderTabBar
|
|
|
546
550
|
}, children, tags, renderScroller()))));
|
|
547
551
|
});
|
|
548
552
|
PageHeaderTabBar.displayName = 'PageHeaderTabBar';
|
|
549
|
-
const PageHeaderTagOverflow = /*#__PURE__*/React.forwardRef(_ref8 => {
|
|
553
|
+
const PageHeaderTagOverflow = /*#__PURE__*/React.forwardRef((_ref8, ref) => {
|
|
550
554
|
let {
|
|
551
555
|
renderOverflowTag,
|
|
552
556
|
renderPopoverContent,
|
|
@@ -554,7 +558,8 @@ const PageHeaderTagOverflow = /*#__PURE__*/React.forwardRef(_ref8 => {
|
|
|
554
558
|
} = _ref8;
|
|
555
559
|
const [openPopover, setOpenPopover] = React.useState(false);
|
|
556
560
|
const [hiddenTags, setHiddenTags] = React.useState([]);
|
|
557
|
-
const
|
|
561
|
+
const localRef = React.useRef(null);
|
|
562
|
+
const tagsContainerRef = ref || localRef;
|
|
558
563
|
// To close popover when window resizes
|
|
559
564
|
React.useEffect(() => {
|
|
560
565
|
const handleResize = () => {
|
|
@@ -577,6 +582,8 @@ const PageHeaderTagOverflow = /*#__PURE__*/React.forwardRef(_ref8 => {
|
|
|
577
582
|
setHiddenTags(hidden);
|
|
578
583
|
}
|
|
579
584
|
});
|
|
585
|
+
// Don't want ref in dependency array
|
|
586
|
+
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
580
587
|
}, []);
|
|
581
588
|
return /*#__PURE__*/React.createElement("div", {
|
|
582
589
|
ref: tagsContainerRef,
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Copyright IBM Corp. 2025, 2025
|
|
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 React from 'react';
|
|
8
|
+
export declare const pageActionButtonItems: {
|
|
9
|
+
id: string;
|
|
10
|
+
onClick: () => void;
|
|
11
|
+
body: React.JSX.Element;
|
|
12
|
+
menuItem: {
|
|
13
|
+
label: string;
|
|
14
|
+
};
|
|
15
|
+
}[];
|
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Copyright IBM Corp. 2020, 2025
|
|
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
|
+
|
|
8
|
+
'use strict';
|
|
9
|
+
|
|
10
|
+
var PageHeader = require('./PageHeader.js');
|
|
11
|
+
|
|
12
|
+
|
|
13
|
+
|
|
14
|
+
exports.BreadcrumbBar = PageHeader.BreadcrumbBar;
|
|
15
|
+
exports.BreadcrumbOverflow = PageHeader.BreadcrumbOverflow;
|
|
16
|
+
exports.Content = PageHeader.Content;
|
|
17
|
+
exports.ContentPageActions = PageHeader.ContentPageActions;
|
|
18
|
+
exports.ContentText = PageHeader.ContentText;
|
|
19
|
+
exports.HeroImage = PageHeader.HeroImage;
|
|
20
|
+
exports.PageHeader = PageHeader.PageHeader;
|
|
21
|
+
exports.PageHeaderBreadcrumbBar = PageHeader.PageHeaderBreadcrumbBar;
|
|
22
|
+
exports.PageHeaderBreadcrumbOverflow = PageHeader.PageHeaderBreadcrumbOverflow;
|
|
23
|
+
exports.PageHeaderContent = PageHeader.PageHeaderContent;
|
|
24
|
+
exports.PageHeaderContentPageActions = PageHeader.PageHeaderContentPageActions;
|
|
25
|
+
exports.PageHeaderContentText = PageHeader.PageHeaderContentText;
|
|
26
|
+
exports.PageHeaderHeroImage = PageHeader.PageHeaderHeroImage;
|
|
27
|
+
exports.PageHeaderScrollButton = PageHeader.PageHeaderScrollButton;
|
|
28
|
+
exports.PageHeaderTabBar = PageHeader.PageHeaderTabBar;
|
|
29
|
+
exports.PageHeaderTagOverflow = PageHeader.PageHeaderTagOverflow;
|
|
30
|
+
exports.PageHeaderTitleBreadcrumb = PageHeader.PageHeaderTitleBreadcrumb;
|
|
31
|
+
exports.Root = PageHeader.Root;
|
|
32
|
+
exports.ScrollButton = PageHeader.ScrollButton;
|
|
33
|
+
exports.TabBar = PageHeader.TabBar;
|
|
34
|
+
exports.TagOverflow = PageHeader.TagOverflow;
|
|
35
|
+
exports.TitleBreadcrumb = PageHeader.TitleBreadcrumb;
|
|
@@ -4,7 +4,6 @@
|
|
|
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
|
-
import '../../feature-flags';
|
|
8
7
|
import { ButtonProps } from '@carbon/react';
|
|
9
8
|
import React, { ReactNode, RefObject } from 'react';
|
|
10
9
|
type SidePanelBaseProps = {
|
|
@@ -9,7 +9,6 @@
|
|
|
9
9
|
|
|
10
10
|
var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
|
|
11
11
|
var icons = require('@carbon/react/icons');
|
|
12
|
-
require('../../feature-flags.js');
|
|
13
12
|
var react = require('@carbon/react');
|
|
14
13
|
var index$1 = require('../FeatureFlags/index.js');
|
|
15
14
|
var React = require('react');
|
|
@@ -413,11 +412,9 @@ const SidePanel = /*#__PURE__*/React.forwardRef((props, ref) => {
|
|
|
413
412
|
ref: titleRef
|
|
414
413
|
}, /*#__PURE__*/React.createElement(react.Heading, {
|
|
415
414
|
className: `${blockClass}__title-text`,
|
|
416
|
-
title: title,
|
|
417
415
|
"aria-hidden": false
|
|
418
416
|
}, title), doAnimateTitle && !shouldReduceMotion && /*#__PURE__*/React.createElement(react.Heading, {
|
|
419
417
|
className: `${blockClass}__collapsed-title-text`,
|
|
420
|
-
title: title,
|
|
421
418
|
"aria-hidden": true
|
|
422
419
|
}, title));
|
|
423
420
|
const renderHeader = () => {
|
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
import '../feature-flags';
|
|
2
1
|
/**
|
|
3
2
|
* Stable components
|
|
4
3
|
*/
|
|
@@ -44,8 +43,9 @@ export * from './WebTerminal';
|
|
|
44
43
|
*/
|
|
45
44
|
export * as preview__Coachmark from './Coachmark/next/Coachmark';
|
|
46
45
|
export * as preview__CoachmarkTagline from './Coachmark/next/Coachmark/CoachmarkTagline';
|
|
46
|
+
export * as preview__CoachmarkBeacon from './Coachmark/next/Coachmark/CoachmarkBeacon';
|
|
47
47
|
export { FeatureFlags as preview__FeatureFlags, useFeatureFlag as preview__useFeatureFlag, useFeatureFlags as preview__useFeatureFlags, } from './FeatureFlags';
|
|
48
|
-
export * as preview__PageHeader from './PageHeader/next
|
|
48
|
+
export * as preview__PageHeader from './PageHeader/next';
|
|
49
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';
|
package/lib/index.d.ts
CHANGED
|
@@ -4,7 +4,6 @@
|
|
|
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
|
-
import './feature-flags';
|
|
8
7
|
export { pkg } from './settings';
|
|
9
8
|
export { usePrefix } from './global/js/hooks';
|
|
10
9
|
export * from './components';
|
package/lib/index.js
CHANGED
|
@@ -8,7 +8,6 @@
|
|
|
8
8
|
|
|
9
9
|
'use strict';
|
|
10
10
|
|
|
11
|
-
require('./feature-flags.js');
|
|
12
11
|
var settings = require('./settings.js');
|
|
13
12
|
var AboutModal = require('./components/AboutModal/AboutModal.js');
|
|
14
13
|
var APIKeyModal = require('./components/APIKeyModal/APIKeyModal.js');
|
|
@@ -40,7 +39,7 @@ var InterstitialScreen = require('./components/InterstitialScreen/InterstitialSc
|
|
|
40
39
|
var MultiAddSelect = require('./components/MultiAddSelect/MultiAddSelect.js');
|
|
41
40
|
var NotificationsPanel = require('./components/NotificationsPanel/NotificationsPanel.js');
|
|
42
41
|
var OptionsTile = require('./components/OptionsTile/OptionsTile.js');
|
|
43
|
-
var PageHeader
|
|
42
|
+
var PageHeader = require('./components/PageHeader/PageHeader.js');
|
|
44
43
|
var ProductiveCard = require('./components/ProductiveCard/ProductiveCard.js');
|
|
45
44
|
var RemoveModal = require('./components/RemoveModal/RemoveModal.js');
|
|
46
45
|
var Saving = require('./components/Saving/Saving.js');
|
|
@@ -54,11 +53,12 @@ var TearsheetNarrow = require('./components/Tearsheet/TearsheetNarrow.js');
|
|
|
54
53
|
var TruncatedText = require('./components/TruncatedText/TruncatedText.js');
|
|
55
54
|
var WebTerminal = require('./components/WebTerminal/WebTerminal.js');
|
|
56
55
|
var WebTerminalContentWrapper = require('./components/WebTerminal/WebTerminalContentWrapper.js');
|
|
57
|
-
var index$
|
|
56
|
+
var index$5 = require('./components/WebTerminal/hooks/index.js');
|
|
58
57
|
var index = require('./components/Coachmark/next/Coachmark/index.js');
|
|
59
58
|
var index$1 = require('./components/Coachmark/next/Coachmark/CoachmarkTagline/index.js');
|
|
60
|
-
var index$2 = require('./components/
|
|
61
|
-
var
|
|
59
|
+
var index$2 = require('./components/Coachmark/next/Coachmark/CoachmarkBeacon/index.js');
|
|
60
|
+
var index$4 = require('./components/FeatureFlags/index.js');
|
|
61
|
+
var index$3 = require('./components/PageHeader/next/index.js');
|
|
62
62
|
var BigNumber = require('./components/BigNumber/BigNumber.js');
|
|
63
63
|
var Coachmark = require('./components/Coachmark/Coachmark.js');
|
|
64
64
|
var enums = require('./components/Coachmark/utils/enums.js');
|
|
@@ -87,7 +87,7 @@ var ToolbarButton = require('./components/Toolbar/ToolbarButton.js');
|
|
|
87
87
|
var ToolbarGroup = require('./components/Toolbar/ToolbarGroup.js');
|
|
88
88
|
var TruncatedList = require('./components/TruncatedList/TruncatedList.js');
|
|
89
89
|
var ComboButton = require('./components/ComboButton/ComboButton.js');
|
|
90
|
-
var index$
|
|
90
|
+
var index$6 = 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');
|
|
@@ -180,7 +180,7 @@ exports.InterstitialScreen = InterstitialScreen.InterstitialScreen;
|
|
|
180
180
|
exports.MultiAddSelect = MultiAddSelect.MultiAddSelect;
|
|
181
181
|
exports.NotificationsPanel = NotificationsPanel.NotificationsPanel;
|
|
182
182
|
exports.OptionsTile = OptionsTile.OptionsTile;
|
|
183
|
-
exports.PageHeader = PageHeader
|
|
183
|
+
exports.PageHeader = PageHeader.PageHeader;
|
|
184
184
|
exports.ProductiveCard = ProductiveCard.ProductiveCard;
|
|
185
185
|
exports.RemoveModal = RemoveModal.RemoveModal;
|
|
186
186
|
exports.Saving = Saving.Saving;
|
|
@@ -197,14 +197,15 @@ Object.defineProperty(exports, "TruncatedText", {
|
|
|
197
197
|
});
|
|
198
198
|
exports.WebTerminal = WebTerminal.WebTerminal;
|
|
199
199
|
exports.WebTerminalContentWrapper = WebTerminalContentWrapper.WebTerminalContentWrapper;
|
|
200
|
-
exports.WebTerminalProvider = index$
|
|
201
|
-
exports.useWebTerminal = index$
|
|
200
|
+
exports.WebTerminalProvider = index$5.WebTerminalProvider;
|
|
201
|
+
exports.useWebTerminal = index$5.useWebTerminal;
|
|
202
202
|
exports.preview__Coachmark = index;
|
|
203
203
|
exports.preview__CoachmarkTagline = index$1;
|
|
204
|
-
exports.
|
|
205
|
-
exports.
|
|
206
|
-
exports.
|
|
207
|
-
exports.
|
|
204
|
+
exports.preview__CoachmarkBeacon = index$2;
|
|
205
|
+
exports.preview__FeatureFlags = index$4.FeatureFlags;
|
|
206
|
+
exports.preview__useFeatureFlag = index$4.useFeatureFlag;
|
|
207
|
+
exports.preview__useFeatureFlags = index$4.useFeatureFlags;
|
|
208
|
+
exports.preview__PageHeader = index$3;
|
|
208
209
|
exports.previewCandidate__BigNumber = BigNumber.BigNumber;
|
|
209
210
|
exports.previewCandidate__Coachmark = Coachmark.Coachmark;
|
|
210
211
|
exports.BEACON_KIND = enums.BEACON_KIND;
|
|
@@ -234,7 +235,7 @@ exports.previewCandidate__ToolbarButton = ToolbarButton.ToolbarButton;
|
|
|
234
235
|
exports.previewCandidate__ToolbarGroup = ToolbarGroup.ToolbarGroup;
|
|
235
236
|
exports.previewCandidate__TruncatedList = TruncatedList.TruncatedList;
|
|
236
237
|
exports.ComboButton = ComboButton.ComboButton;
|
|
237
|
-
exports.ComboButtonItem = index$
|
|
238
|
+
exports.ComboButtonItem = index$6.ComboButtonItem;
|
|
238
239
|
exports.Datagrid = Datagrid.Datagrid;
|
|
239
240
|
exports.useDatagrid = useDatagrid.default;
|
|
240
241
|
exports.useInfiniteScroll = useInfiniteScroll.default;
|
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.78.0-rc.0",
|
|
5
5
|
"license": "Apache-2.0",
|
|
6
6
|
"main": "lib/index.js",
|
|
7
7
|
"module": "es/index.js",
|
|
@@ -17,8 +17,7 @@
|
|
|
17
17
|
"sideEffects": [
|
|
18
18
|
"**/global/js/utils/props-helper.js",
|
|
19
19
|
"**/*.css",
|
|
20
|
-
"**/*.scss"
|
|
21
|
-
"**/feature-flags.js"
|
|
20
|
+
"**/*.scss"
|
|
22
21
|
],
|
|
23
22
|
"files": [
|
|
24
23
|
"css",
|
|
@@ -82,7 +81,7 @@
|
|
|
82
81
|
"@storybook/react-vite": "^9.0.13",
|
|
83
82
|
"@types/react-table": "^7.7.20",
|
|
84
83
|
"babel-plugin-dev-expression": "^0.2.3",
|
|
85
|
-
"babel-preset-ibm-cloud-cognitive": "^0.
|
|
84
|
+
"babel-preset-ibm-cloud-cognitive": "^0.36.0-rc.0",
|
|
86
85
|
"change-case": "5.4.4",
|
|
87
86
|
"classnames": "^2.5.1",
|
|
88
87
|
"copyfiles": "^2.4.1",
|
|
@@ -90,7 +89,7 @@
|
|
|
90
89
|
"fs-extra": "^11.3.0",
|
|
91
90
|
"glob": "^11.0.1",
|
|
92
91
|
"jest": "^29.7.0",
|
|
93
|
-
"jest-config-ibm-cloud-cognitive": "^1.
|
|
92
|
+
"jest-config-ibm-cloud-cognitive": "^1.37.0-rc.0",
|
|
94
93
|
"jest-environment-jsdom": "^29.7.0",
|
|
95
94
|
"namor": "^1.1.2",
|
|
96
95
|
"npm-run-all2": "^8.0.0",
|
|
@@ -110,7 +109,7 @@
|
|
|
110
109
|
"@babel/runtime": "^7.26.10",
|
|
111
110
|
"@carbon-labs/react-resizer": "^0.10.0",
|
|
112
111
|
"@carbon/feature-flags": "^0.30.0",
|
|
113
|
-
"@carbon/ibm-products-styles": "^2.
|
|
112
|
+
"@carbon/ibm-products-styles": "^2.74.0-rc.0",
|
|
114
113
|
"@carbon/telemetry": "^0.1.0",
|
|
115
114
|
"@carbon/utilities": "^0.9.0",
|
|
116
115
|
"@carbon/utilities-react": "0.12.0",
|
|
@@ -132,5 +131,5 @@
|
|
|
132
131
|
"react": "^16.8.6 || ^17.0.1 || ^18.2.0 || ^19.0.0",
|
|
133
132
|
"react-dom": "^16.8.6 || ^17.0.1 || ^18.2.0 || ^19.0.0"
|
|
134
133
|
},
|
|
135
|
-
"gitHead": "
|
|
134
|
+
"gitHead": "3c6c8abaf2f523ce781c1688372e38930584664b"
|
|
136
135
|
}
|
|
@@ -330,8 +330,8 @@
|
|
|
330
330
|
|
|
331
331
|
.#{$block-class}-filter-panel
|
|
332
332
|
+ .#{$block-class}__table-container-inner
|
|
333
|
-
.#{c4p-settings.$carbon-prefix}--
|
|
334
|
-
|
|
333
|
+
.#{c4p-settings.$carbon-prefix}--pagination {
|
|
334
|
+
background-color: $layer-02;
|
|
335
335
|
}
|
|
336
336
|
|
|
337
337
|
table.#{$block-class}__table-simple {
|
|
@@ -661,6 +661,10 @@
|
|
|
661
661
|
.#{c4p-settings.$pkg-prefix}--datagrid__table-simple {
|
|
662
662
|
block-size: 100%;
|
|
663
663
|
}
|
|
664
|
+
|
|
665
|
+
.#{c4p-settings.$carbon-prefix}--data-table-content {
|
|
666
|
+
block-size: fit-content;
|
|
667
|
+
}
|
|
664
668
|
}
|
|
665
669
|
|
|
666
670
|
.#{$block-class}__table-container {
|
|
@@ -732,6 +732,24 @@ $duration: 1000ms;
|
|
|
732
732
|
block-size: 100%;
|
|
733
733
|
}
|
|
734
734
|
|
|
735
|
+
.#{$block-class}__breadcrumb-bar
|
|
736
|
+
.#{$carbon-prefix}--css-grid
|
|
737
|
+
.#{$carbon-prefix}--css-grid-column {
|
|
738
|
+
block-size: to-rem(40px);
|
|
739
|
+
}
|
|
740
|
+
|
|
741
|
+
.#{$block-class}__breadcrumb-bar
|
|
742
|
+
.#{$carbon-prefix}--css-grid
|
|
743
|
+
.#{$carbon-prefix}--css-grid-column,
|
|
744
|
+
.#{$block-class}__breadcrumb-bar .#{$block-class}__breadcrumb-container {
|
|
745
|
+
block-size: to-rem(40px);
|
|
746
|
+
|
|
747
|
+
.#{$block-class}__breadcrumb-wrapper {
|
|
748
|
+
align-items: center;
|
|
749
|
+
block-size: inherit;
|
|
750
|
+
}
|
|
751
|
+
}
|
|
752
|
+
|
|
735
753
|
.#{$block-class}__breadcrumb-container {
|
|
736
754
|
display: inline-flex;
|
|
737
755
|
align-items: center;
|
|
@@ -905,7 +923,6 @@ $duration: 1000ms;
|
|
|
905
923
|
|
|
906
924
|
.#{$block-class}__tab-bar {
|
|
907
925
|
background-color: $layer;
|
|
908
|
-
margin-inline-start: -$spacing-05;
|
|
909
926
|
}
|
|
910
927
|
|
|
911
928
|
.#{$block-class}__tab-bar--tablist {
|
|
@@ -55,13 +55,8 @@ $clabs-prefix: 'clabs';
|
|
|
55
55
|
}
|
|
56
56
|
|
|
57
57
|
@mixin setCommonTitleStyles() {
|
|
58
|
-
display: -webkit-box;
|
|
59
|
-
overflow: hidden;
|
|
60
|
-
-webkit-box-orient: vertical;
|
|
61
|
-
-webkit-line-clamp: 2;
|
|
62
58
|
/* stylelint-disable-next-line carbon/layout-use -- custom css property set below */
|
|
63
59
|
padding-inline-end: var(--#{$block-class}--title-padding-right);
|
|
64
|
-
word-break: break-all;
|
|
65
60
|
}
|
|
66
61
|
|
|
67
62
|
.#{$block-class}--scrolls {
|
|
@@ -419,11 +414,8 @@ $clabs-prefix: 'clabs';
|
|
|
419
414
|
.#{$block-class}__label-text {
|
|
420
415
|
@include type.type-style('label-01');
|
|
421
416
|
|
|
422
|
-
overflow: hidden;
|
|
423
417
|
opacity: calc(1 - var(--#{$block-class}--scroll-animation-progress));
|
|
424
418
|
padding-inline-end: var(--#{$block-class}--title-padding-right);
|
|
425
|
-
text-overflow: ellipsis;
|
|
426
|
-
white-space: nowrap;
|
|
427
419
|
}
|
|
428
420
|
|
|
429
421
|
.#{$block-class}__collapsed-title-text {
|
|
@@ -447,11 +439,6 @@ $clabs-prefix: 'clabs';
|
|
|
447
439
|
.#{$block-class}__subtitle-text {
|
|
448
440
|
@include type.type-style('body-compact-01');
|
|
449
441
|
|
|
450
|
-
overflow: hidden;
|
|
451
|
-
|
|
452
|
-
-webkit-box-orient: vertical;
|
|
453
|
-
-webkit-line-clamp: 3;
|
|
454
|
-
line-clamp: 3;
|
|
455
442
|
opacity: calc(1 - var(--#{$block-class}--scroll-animation-progress));
|
|
456
443
|
padding-block-end: $spacing-05;
|
|
457
444
|
padding-inline-end: var(--#{$block-class}--title-padding-right);
|
package/es/feature-flags.d.ts
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export {};
|
package/es/feature-flags.js
DELETED
|
@@ -1,22 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Copyright IBM Corp. 2020, 2025
|
|
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
|
-
|
|
8
|
-
import * as FeatureFlags from '@carbon/feature-flags';
|
|
9
|
-
|
|
10
|
-
FeatureFlags.merge({
|
|
11
|
-
'default-portal-target-body': true,
|
|
12
|
-
'enable-datagrid-useInlineEdit': false,
|
|
13
|
-
'enable-datagrid-useEditableCell': false,
|
|
14
|
-
'enable-datagrid-useCustomizeColumns': false,
|
|
15
|
-
'ExampleComponent.secondaryIcon': false,
|
|
16
|
-
'ExampleComponent.useExample': false,
|
|
17
|
-
'enable-test-flag-a': false,
|
|
18
|
-
// used in testing
|
|
19
|
-
'enable-test-flag-b': true,
|
|
20
|
-
// used in testing
|
|
21
|
-
enableSidepanelResizer: false
|
|
22
|
-
});
|
package/lib/feature-flags.d.ts
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export {};
|
package/lib/feature-flags.js
DELETED
|
@@ -1,43 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Copyright IBM Corp. 2020, 2025
|
|
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
|
-
|
|
8
|
-
'use strict';
|
|
9
|
-
|
|
10
|
-
var FeatureFlags = require('@carbon/feature-flags');
|
|
11
|
-
|
|
12
|
-
function _interopNamespaceDefault(e) {
|
|
13
|
-
var n = Object.create(null);
|
|
14
|
-
if (e) {
|
|
15
|
-
Object.keys(e).forEach(function (k) {
|
|
16
|
-
if (k !== 'default') {
|
|
17
|
-
var d = Object.getOwnPropertyDescriptor(e, k);
|
|
18
|
-
Object.defineProperty(n, k, d.get ? d : {
|
|
19
|
-
enumerable: true,
|
|
20
|
-
get: function () { return e[k]; }
|
|
21
|
-
});
|
|
22
|
-
}
|
|
23
|
-
});
|
|
24
|
-
}
|
|
25
|
-
n.default = e;
|
|
26
|
-
return Object.freeze(n);
|
|
27
|
-
}
|
|
28
|
-
|
|
29
|
-
var FeatureFlags__namespace = /*#__PURE__*/_interopNamespaceDefault(FeatureFlags);
|
|
30
|
-
|
|
31
|
-
FeatureFlags__namespace.merge({
|
|
32
|
-
'default-portal-target-body': true,
|
|
33
|
-
'enable-datagrid-useInlineEdit': false,
|
|
34
|
-
'enable-datagrid-useEditableCell': false,
|
|
35
|
-
'enable-datagrid-useCustomizeColumns': false,
|
|
36
|
-
'ExampleComponent.secondaryIcon': false,
|
|
37
|
-
'ExampleComponent.useExample': false,
|
|
38
|
-
'enable-test-flag-a': false,
|
|
39
|
-
// used in testing
|
|
40
|
-
'enable-test-flag-b': true,
|
|
41
|
-
// used in testing
|
|
42
|
-
enableSidepanelResizer: false
|
|
43
|
-
});
|