@carbon/ibm-products 2.96.0 → 2.97.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/.playwright/INTERNAL_AVT_REPORT_DO_NOT_USE.json +6383 -0
- package/css/index-full-carbon.css +72 -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 +5 -1
- 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 +72 -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 +72 -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/AddSelect/next/AddSelectBody.d.ts +3 -1
- package/es/components/AddSelect/next/AddSelectBody.d.ts.map +1 -1
- package/es/components/AddSelect/next/AddSelectBody.js +14 -10
- package/es/components/AddSelect/next/AddSelectColumn.d.ts +3 -2
- package/es/components/AddSelect/next/AddSelectColumn.d.ts.map +1 -1
- package/es/components/AddSelect/next/AddSelectColumn.js +10 -5
- package/es/components/AddSelect/next/AddSelectItemPanel.d.ts +7 -0
- package/es/components/AddSelect/next/AddSelectItemPanel.d.ts.map +1 -1
- package/es/components/AddSelect/next/AddSelectItemPanel.js +7 -7
- package/es/components/AddSelect/next/AddSelectRow.d.ts +6 -0
- package/es/components/AddSelect/next/AddSelectRow.d.ts.map +1 -1
- package/es/components/AddSelect/next/AddSelectRow.js +4 -2
- package/es/components/AddSelect/next/AddSelectSelectionSummary.d.ts +34 -45
- package/es/components/AddSelect/next/AddSelectSelectionSummary.d.ts.map +1 -1
- package/es/components/AddSelect/next/AddSelectSelectionSummary.js +33 -45
- package/es/components/AddSelect/next/AddSelectSelectionSummaryItem.d.ts.map +1 -1
- package/es/components/AddSelect/next/AddSelectSelectionSummaryItem.js +5 -7
- package/es/components/AddSelect/next/context.d.ts +10 -2
- package/es/components/AddSelect/next/context.d.ts.map +1 -1
- package/es/components/AddSelect/next/context.js +1 -4
- package/es/components/Card/next/Card.stories.internal.d.ts +114 -0
- package/es/components/Card/next/Card.stories.internal.d.ts.map +1 -0
- package/es/components/CreateModal/CreateModal.d.ts +3 -0
- package/es/components/CreateModal/CreateModal.d.ts.map +1 -1
- package/es/components/CreateModal/CreateModal.js +8 -0
- package/es/components/CreateSidePanel/CreateSidePanel.d.ts +1 -0
- package/es/components/CreateSidePanel/CreateSidePanel.d.ts.map +1 -1
- package/es/components/CreateSidePanel/CreateSidePanel.js +6 -0
- package/es/components/ExpressiveCard/ExpressiveCard.d.ts +1 -2
- package/es/components/ExpressiveCard/ExpressiveCard.d.ts.map +1 -1
- package/es/components/ExpressiveCard/ExpressiveCard.js +1 -2
- package/es/components/PageHeader/next/PageHeaderContent.d.ts +4 -0
- package/es/components/PageHeader/next/PageHeaderContent.d.ts.map +1 -1
- package/es/components/PageHeader/next/PageHeaderContent.js +19 -20
- package/es/components/RemoveModal/RemoveModal.d.ts +3 -0
- package/es/components/RemoveModal/RemoveModal.d.ts.map +1 -1
- package/es/components/RemoveModal/RemoveModal.js +8 -0
- package/es/components/UserAvatar/UserAvatar.d.ts +2 -3
- package/es/components/UserAvatar/UserAvatar.d.ts.map +1 -1
- package/es/components/UserAvatar/UserAvatar.js +13 -2
- package/es/components/index.d.ts +1 -1
- package/es/components/index.d.ts.map +1 -1
- package/lib/components/AddSelect/next/AddSelectBody.d.ts +3 -1
- package/lib/components/AddSelect/next/AddSelectBody.d.ts.map +1 -1
- package/lib/components/AddSelect/next/AddSelectBody.js +12 -8
- package/lib/components/AddSelect/next/AddSelectColumn.d.ts +3 -2
- package/lib/components/AddSelect/next/AddSelectColumn.d.ts.map +1 -1
- package/lib/components/AddSelect/next/AddSelectColumn.js +10 -5
- package/lib/components/AddSelect/next/AddSelectItemPanel.d.ts +7 -0
- package/lib/components/AddSelect/next/AddSelectItemPanel.d.ts.map +1 -1
- package/lib/components/AddSelect/next/AddSelectItemPanel.js +7 -7
- package/lib/components/AddSelect/next/AddSelectRow.d.ts +6 -0
- package/lib/components/AddSelect/next/AddSelectRow.d.ts.map +1 -1
- package/lib/components/AddSelect/next/AddSelectRow.js +6 -2
- package/lib/components/AddSelect/next/AddSelectSelectionSummary.d.ts +34 -45
- package/lib/components/AddSelect/next/AddSelectSelectionSummary.d.ts.map +1 -1
- package/lib/components/AddSelect/next/AddSelectSelectionSummary.js +33 -45
- package/lib/components/AddSelect/next/AddSelectSelectionSummaryItem.d.ts.map +1 -1
- package/lib/components/AddSelect/next/AddSelectSelectionSummaryItem.js +5 -7
- package/lib/components/AddSelect/next/context.d.ts +10 -2
- package/lib/components/AddSelect/next/context.d.ts.map +1 -1
- package/lib/components/AddSelect/next/context.js +1 -4
- package/lib/components/Card/next/Card.stories.internal.d.ts +114 -0
- package/lib/components/Card/next/Card.stories.internal.d.ts.map +1 -0
- package/lib/components/CreateModal/CreateModal.d.ts +3 -0
- package/lib/components/CreateModal/CreateModal.d.ts.map +1 -1
- package/lib/components/CreateModal/CreateModal.js +8 -0
- package/lib/components/CreateSidePanel/CreateSidePanel.d.ts +1 -0
- package/lib/components/CreateSidePanel/CreateSidePanel.d.ts.map +1 -1
- package/lib/components/CreateSidePanel/CreateSidePanel.js +6 -0
- package/lib/components/ExpressiveCard/ExpressiveCard.d.ts +1 -2
- package/lib/components/ExpressiveCard/ExpressiveCard.d.ts.map +1 -1
- package/lib/components/ExpressiveCard/ExpressiveCard.js +1 -2
- package/lib/components/PageHeader/next/PageHeaderContent.d.ts +4 -0
- package/lib/components/PageHeader/next/PageHeaderContent.d.ts.map +1 -1
- package/lib/components/PageHeader/next/PageHeaderContent.js +17 -18
- package/lib/components/RemoveModal/RemoveModal.d.ts +3 -0
- package/lib/components/RemoveModal/RemoveModal.d.ts.map +1 -1
- package/lib/components/RemoveModal/RemoveModal.js +8 -0
- package/lib/components/UserAvatar/UserAvatar.d.ts +2 -3
- package/lib/components/UserAvatar/UserAvatar.d.ts.map +1 -1
- package/lib/components/UserAvatar/UserAvatar.js +13 -2
- package/lib/components/index.d.ts +1 -1
- package/lib/components/index.d.ts.map +1 -1
- package/package.json +6 -6
- package/scss/components/AddSelect/_add-select_next.scss +81 -18
- package/scss/components/PageHeader/_page-header.scss +2 -1
- package/scss/components/Tearsheet/_tearsheet.scss +3 -0
- package/telemetry.yml +16 -3
|
@@ -0,0 +1,114 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Copyright IBM Corp. 2026
|
|
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
|
+
import './_storybook-styles.scss';
|
|
9
|
+
import '@carbon/charts-react/styles.css';
|
|
10
|
+
declare const _default: {
|
|
11
|
+
title: string;
|
|
12
|
+
component: React.ForwardRefExoticComponent<import("./Card.types").CardProps & React.RefAttributes<HTMLDivElement>> & {
|
|
13
|
+
Header: React.ForwardRefExoticComponent<import("./Card.types").CardBaseProps & React.RefAttributes<HTMLDivElement>>;
|
|
14
|
+
Body: React.ForwardRefExoticComponent<import("./Card.types").CardBaseProps & React.RefAttributes<HTMLDivElement>>;
|
|
15
|
+
Footer: React.ForwardRefExoticComponent<import("./Card.types").CardBaseProps & React.RefAttributes<HTMLDivElement>>;
|
|
16
|
+
HeaderMedia: React.ForwardRefExoticComponent<import("./CardHeaderMedia").CardHeaderMediaProps & React.RefAttributes<HTMLDivElement>>;
|
|
17
|
+
Media: React.ForwardRefExoticComponent<import("./CardMedia").CardMediaProps & React.RefAttributes<HTMLDivElement>>;
|
|
18
|
+
Title: React.ForwardRefExoticComponent<import("./CardTitle").CardTitleProps & React.RefAttributes<HTMLDivElement>>;
|
|
19
|
+
TitleMedia: React.ForwardRefExoticComponent<import("./CardTitleMedia").CardTitleMediaProps & React.RefAttributes<HTMLDivElement>>;
|
|
20
|
+
Actions: React.ForwardRefExoticComponent<import("./CardActions").CardActionsProps & React.RefAttributes<HTMLDivElement>>;
|
|
21
|
+
Action: React.ForwardRefExoticComponent<import("./CardAction").CardActionProps & React.RefAttributes<HTMLDivElement>>;
|
|
22
|
+
};
|
|
23
|
+
subcomponents: {
|
|
24
|
+
CardHeader: React.ForwardRefExoticComponent<import("./Card.types").CardBaseProps & React.RefAttributes<HTMLDivElement>>;
|
|
25
|
+
CardBody: React.ForwardRefExoticComponent<import("./Card.types").CardBaseProps & React.RefAttributes<HTMLDivElement>>;
|
|
26
|
+
CardFooter: React.ForwardRefExoticComponent<import("./Card.types").CardBaseProps & React.RefAttributes<HTMLDivElement>>;
|
|
27
|
+
CardHeaderMedia: React.ForwardRefExoticComponent<import("./CardHeaderMedia").CardHeaderMediaProps & React.RefAttributes<HTMLDivElement>>;
|
|
28
|
+
CardMedia: React.ForwardRefExoticComponent<import("./CardMedia").CardMediaProps & React.RefAttributes<HTMLDivElement>>;
|
|
29
|
+
CardTitle: React.ForwardRefExoticComponent<import("./CardTitle").CardTitleProps & React.RefAttributes<HTMLDivElement>>;
|
|
30
|
+
CardTitleMedia: React.ForwardRefExoticComponent<import("./CardTitleMedia").CardTitleMediaProps & React.RefAttributes<HTMLDivElement>>;
|
|
31
|
+
CardActions: React.ForwardRefExoticComponent<import("./CardActions").CardActionsProps & React.RefAttributes<HTMLDivElement>>;
|
|
32
|
+
CardAction: React.ForwardRefExoticComponent<import("./CardAction").CardActionProps & React.RefAttributes<HTMLDivElement>>;
|
|
33
|
+
};
|
|
34
|
+
tags: string[];
|
|
35
|
+
parameters: {
|
|
36
|
+
layout: string;
|
|
37
|
+
};
|
|
38
|
+
argTypes: {
|
|
39
|
+
density: {
|
|
40
|
+
control: {
|
|
41
|
+
type: string;
|
|
42
|
+
};
|
|
43
|
+
options: string[];
|
|
44
|
+
description: string;
|
|
45
|
+
};
|
|
46
|
+
clickable: {
|
|
47
|
+
control: {
|
|
48
|
+
type: string;
|
|
49
|
+
};
|
|
50
|
+
description: string;
|
|
51
|
+
};
|
|
52
|
+
disabled: {
|
|
53
|
+
control: {
|
|
54
|
+
type: string;
|
|
55
|
+
};
|
|
56
|
+
description: string;
|
|
57
|
+
};
|
|
58
|
+
};
|
|
59
|
+
};
|
|
60
|
+
export default _default;
|
|
61
|
+
export declare const Minimal: () => React.JSX.Element;
|
|
62
|
+
export declare const Disabled: () => React.JSX.Element;
|
|
63
|
+
export declare const ProductiveAndExpressive: () => React.JSX.Element;
|
|
64
|
+
export declare const WithIcon: () => React.JSX.Element;
|
|
65
|
+
export declare const WithMedia: () => React.JSX.Element;
|
|
66
|
+
export declare const WithHeaderActions: () => React.JSX.Element;
|
|
67
|
+
export declare const WithHeaderMedia: () => React.JSX.Element;
|
|
68
|
+
export declare const WithTruncatedTitle: () => React.JSX.Element;
|
|
69
|
+
export declare const WithAILabel: () => React.JSX.Element;
|
|
70
|
+
/**
|
|
71
|
+
* Title Media Story
|
|
72
|
+
* Demonstrates CardTitleMedia component for icons alongside label+title+caption block
|
|
73
|
+
*/
|
|
74
|
+
export declare const WithTitleMedia: () => React.JSX.Element;
|
|
75
|
+
/**
|
|
76
|
+
* Title leading icon story demonstrating the titleStart prop
|
|
77
|
+
* with both productive and expressive densities
|
|
78
|
+
*/
|
|
79
|
+
export declare const WithTitleLeadingIcon: () => React.JSX.Element;
|
|
80
|
+
/**
|
|
81
|
+
* Title trailing icon story demonstrating the titleEnd prop
|
|
82
|
+
* with both productive and expressive densities
|
|
83
|
+
*/
|
|
84
|
+
export declare const WithTitleTrailingIcon: () => React.JSX.Element;
|
|
85
|
+
/**
|
|
86
|
+
* Video card story demonstrating video content inside Card.Media
|
|
87
|
+
* Uses a sample video to show how video elements work within cards
|
|
88
|
+
*/
|
|
89
|
+
export declare const WithVideo: () => React.JSX.Element;
|
|
90
|
+
/**
|
|
91
|
+
* Horizontal layout: Card.Media on the left, Header/Body/Footer stacked on the right.
|
|
92
|
+
*
|
|
93
|
+
* Usage notes:
|
|
94
|
+
* - Card.Media must be a direct child of Card (not inside Card.Header).
|
|
95
|
+
* - mediaWidth controls the media column width (default: 33.33%).
|
|
96
|
+
* - Content inside Card.Media should fill it: width/height 100% + object-fit: cover.
|
|
97
|
+
*/
|
|
98
|
+
export declare const WithHorizontalMedia: () => React.JSX.Element;
|
|
99
|
+
/**
|
|
100
|
+
* Recreates the GetStartedCard pattern using composable Card primitives.
|
|
101
|
+
*
|
|
102
|
+
* The existing GetStartedCard wraps the legacy Card internally. This story
|
|
103
|
+
* demonstrates the same four variants using the new composable Card, showing
|
|
104
|
+
* that the pattern is achievable without a dedicated wrapper component.
|
|
105
|
+
*
|
|
106
|
+
* Variants:
|
|
107
|
+
* 1. Default — vertical card, pictogram + label + title + metadata footer
|
|
108
|
+
* 2. withSequence — same but a sequence number replaces the pictogram
|
|
109
|
+
* 3. withMedia — horizontal card, content left + image media right
|
|
110
|
+
* 4. withDisabled — disabled state
|
|
111
|
+
*/
|
|
112
|
+
export declare const GetStartedCard: () => React.JSX.Element;
|
|
113
|
+
export declare const WithChart: () => React.JSX.Element;
|
|
114
|
+
//# sourceMappingURL=Card.stories.internal.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Card.stories.internal.d.ts","sourceRoot":"","sources":["../../../../src/components/Card/next/Card.stories.internal.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AA0C1B,OAAO,0BAA0B,CAAC;AAClC,OAAO,iCAAiC,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAIzC,wBAkCE;AAEF,eAAO,MAAM,OAAO,yBA4BnB,CAAC;AAEF,eAAO,MAAM,QAAQ,yBA6CpB,CAAC;AAEF,eAAO,MAAM,uBAAuB,yBA2CnC,CAAC;AAEF,eAAO,MAAM,QAAQ,yBAgFpB,CAAC;AAEF,eAAO,MAAM,SAAS,yBAoErB,CAAC;AAEF,eAAO,MAAM,iBAAiB,yBAgO7B,CAAC;AAEF,eAAO,MAAM,eAAe,yBA0H3B,CAAC;AAEF,eAAO,MAAM,kBAAkB,yBA+D9B,CAAC;AAEF,eAAO,MAAM,WAAW,yBAwIvB,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,cAAc,yBAiL1B,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,oBAAoB,yBAkDhC,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,qBAAqB,yBAkDjC,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,SAAS,yBA+ErB,CAAC;AAEF;;;;;;;GAOG;AACH,eAAO,MAAM,mBAAmB,yBAgI/B,CAAC;AAEF;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,cAAc,yBAiF1B,CAAC;AAQF,eAAO,MAAM,SAAS,yBAyHrB,CAAC"}
|
|
@@ -64,5 +64,8 @@ resource. It is triggered by a user’s action, appears on top of the main page
|
|
|
64
64
|
content, and is persistent until dismissed. The purpose of this modal should be
|
|
65
65
|
immediately apparent to the user, with a clear and obvious path to completion.
|
|
66
66
|
*/
|
|
67
|
+
/**
|
|
68
|
+
* @deprecated This component is deprecated.
|
|
69
|
+
*/
|
|
67
70
|
export declare const CreateModal: React.ForwardRefExoticComponent<CreateModalProps & React.RefAttributes<HTMLDivElement>>;
|
|
68
71
|
//# sourceMappingURL=CreateModal.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CreateModal.d.ts","sourceRoot":"","sources":["../../../src/components/CreateModal/CreateModal.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAYH,OAAO,KAAK,EAAE,EAAE,iBAAiB,EAAE,SAAS,EAAO,MAAM,OAAO,CAAC;AAWjE,MAAM,WAAW,gBAAiB,SAAQ,iBAAiB;IACzD;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,cAAc,CAAC,IAAI,IAAI,CAAC;IACxB;;;OAGG;IACH,eAAe,CAAC,IAAI,IAAI,CAAC;IACzB;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IACf;;OAEG;IACH,KAAK,EAAE,SAAS,CAAC;IACjB;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB;;OAEG;IACH,WAAW,EAAE,SAAS,CAAC;IACvB;;OAEG;IACH,mBAAmB,EAAE,MAAM,CAAC;IAC5B;;OAEG;IACH,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB;;OAEG;IACH,iBAAiB,EAAE,MAAM,CAAC;IAC1B;;;OAGG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB;;OAEG;IACH,oBAAoB,EAAE,MAAM,CAAC;CAC9B;AAED;;;;;GAKG;AACH,eAAO,MAAM,WAAW,yFAoEvB,CAAC"}
|
|
1
|
+
{"version":3,"file":"CreateModal.d.ts","sourceRoot":"","sources":["../../../src/components/CreateModal/CreateModal.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAYH,OAAO,KAAK,EAAE,EAAE,iBAAiB,EAAE,SAAS,EAAO,MAAM,OAAO,CAAC;AAWjE,MAAM,WAAW,gBAAiB,SAAQ,iBAAiB;IACzD;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,cAAc,CAAC,IAAI,IAAI,CAAC;IACxB;;;OAGG;IACH,eAAe,CAAC,IAAI,IAAI,CAAC;IACzB;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IACf;;OAEG;IACH,KAAK,EAAE,SAAS,CAAC;IACjB;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB;;OAEG;IACH,WAAW,EAAE,SAAS,CAAC;IACvB;;OAEG;IACH,mBAAmB,EAAE,MAAM,CAAC;IAC5B;;OAEG;IACH,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB;;OAEG;IACH,iBAAiB,EAAE,MAAM,CAAC;IAC1B;;;OAGG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB;;OAEG;IACH,oBAAoB,EAAE,MAAM,CAAC;CAC9B;AAED;;;;;GAKG;AACH;;GAEG;AACH,eAAO,MAAM,WAAW,yFAoEvB,CAAC"}
|
|
@@ -29,6 +29,9 @@ resource. It is triggered by a user’s action, appears on top of the main page
|
|
|
29
29
|
content, and is persistent until dismissed. The purpose of this modal should be
|
|
30
30
|
immediately apparent to the user, with a clear and obvious path to completion.
|
|
31
31
|
*/
|
|
32
|
+
/**
|
|
33
|
+
* @deprecated This component is deprecated.
|
|
34
|
+
*/
|
|
32
35
|
const CreateModal = React.forwardRef((props, ref) => {
|
|
33
36
|
const { className, children, onRequestClose, onRequestSubmit, open, title, subtitle, description, secondaryButtonText, portalTarget: portalTargetIn, primaryButtonText, disableSubmit, selectorPrimaryFocus, ...rest } = props;
|
|
34
37
|
return usePortalTarget(portalTargetIn)(/* @__PURE__ */ React.createElement(ComposedModal, {
|
|
@@ -63,6 +66,11 @@ const CreateModal = React.forwardRef((props, ref) => {
|
|
|
63
66
|
disabled: disableSubmit
|
|
64
67
|
}, primaryButtonText))));
|
|
65
68
|
});
|
|
69
|
+
/**@ts-ignore*/
|
|
70
|
+
CreateModal.deprecated = {
|
|
71
|
+
level: "warn",
|
|
72
|
+
details: `Please replace ${componentName} with Create Modal pattern`
|
|
73
|
+
};
|
|
66
74
|
CreateModal.propTypes = {
|
|
67
75
|
/**
|
|
68
76
|
* Children refers to all form items within a form inside of the modal's body.
|
|
@@ -77,6 +77,7 @@ interface CreateSidePanelProps {
|
|
|
77
77
|
}
|
|
78
78
|
/**
|
|
79
79
|
* Use with medium complexity creations if the user needs page context. On-page content can be seen and interacted with.
|
|
80
|
+
* @deprecated This component is deprecated.
|
|
80
81
|
*/
|
|
81
82
|
export declare const CreateSidePanel: React.ForwardRefExoticComponent<CreateSidePanelProps & {
|
|
82
83
|
children?: ReactNode | undefined;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CreateSidePanel.d.ts","sourceRoot":"","sources":["../../../src/components/CreateSidePanel/CreateSidePanel.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAGH,OAAO,KAAK,EAAE,EAAqB,SAAS,EAAE,MAAM,OAAO,CAAC;AAoB5D,UAAU,oBAAoB;IAC5B;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB;;;OAGG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB;;OAEG;IACH,eAAe,CAAC,EAAE,SAAS,CAAC;IAE5B;;OAEG;IACH,SAAS,EAAE,SAAS,CAAC;IAErB;;OAEG;IACH,EAAE,CAAC,EAAE,MAAM,CAAC;IAEZ;;;OAGG;IACH,cAAc,CAAC,IAAI,IAAI,CAAC;IACxB;;;OAGG;IACH,eAAe,CAAC,IAAI,IAAI,CAAC;IACzB;;OAEG;IACH,IAAI,EAAE,OAAO,CAAC;IACd;;OAEG;IACH,iBAAiB,EAAE,MAAM,CAAC;IAC1B;;OAEG;IACH,mBAAmB,EAAE,MAAM,CAAC;IAC5B;;;OAGG;IACH,mBAAmB,EAAE,MAAM,CAAC;IAC5B;;OAEG;IACH,oBAAoB,EAAE,MAAM,CAAC;IAE7B;;OAEG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;IAEjB;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;CACf;AAED
|
|
1
|
+
{"version":3,"file":"CreateSidePanel.d.ts","sourceRoot":"","sources":["../../../src/components/CreateSidePanel/CreateSidePanel.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAGH,OAAO,KAAK,EAAE,EAAqB,SAAS,EAAE,MAAM,OAAO,CAAC;AAoB5D,UAAU,oBAAoB;IAC5B;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB;;;OAGG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB;;OAEG;IACH,eAAe,CAAC,EAAE,SAAS,CAAC;IAE5B;;OAEG;IACH,SAAS,EAAE,SAAS,CAAC;IAErB;;OAEG;IACH,EAAE,CAAC,EAAE,MAAM,CAAC;IAEZ;;;OAGG;IACH,cAAc,CAAC,IAAI,IAAI,CAAC;IACxB;;;OAGG;IACH,eAAe,CAAC,IAAI,IAAI,CAAC;IACzB;;OAEG;IACH,IAAI,EAAE,OAAO,CAAC;IACd;;OAEG;IACH,iBAAiB,EAAE,MAAM,CAAC;IAC1B;;OAEG;IACH,mBAAmB,EAAE,MAAM,CAAC;IAC5B;;;OAGG;IACH,mBAAmB,EAAE,MAAM,CAAC;IAC5B;;OAEG;IACH,oBAAoB,EAAE,MAAM,CAAC;IAE7B;;OAEG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;IAEjB;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;CACf;AAED;;;GAGG;AACH,eAAO,MAAM,eAAe;;wCAyF3B,CAAC"}
|
|
@@ -26,6 +26,7 @@ const blockClass = `${pkg.prefix}--create-side-panel`;
|
|
|
26
26
|
const componentName = "CreateSidePanel";
|
|
27
27
|
/**
|
|
28
28
|
* Use with medium complexity creations if the user needs page context. On-page content can be seen and interacted with.
|
|
29
|
+
* @deprecated This component is deprecated.
|
|
29
30
|
*/
|
|
30
31
|
const CreateSidePanel = React.forwardRef(({ className, children, disableSubmit, formTitle, formDescription, id, onRequestClose, onRequestSubmit, open, primaryButtonText, secondaryButtonText, selectorPageContent, selectorPrimaryFocus, subtitle, title, ...rest }, ref) => {
|
|
31
32
|
const actions = [{
|
|
@@ -69,6 +70,11 @@ const CreateSidePanel = React.forwardRef(({ className, children, disableSubmit,
|
|
|
69
70
|
onSubmit: (e) => e.preventDefault()
|
|
70
71
|
}, children));
|
|
71
72
|
});
|
|
73
|
+
/**@ts-ignore*/
|
|
74
|
+
CreateSidePanel.deprecated = {
|
|
75
|
+
level: "warn",
|
|
76
|
+
details: `Please replace ${componentName} with CreateSidePanel true pattern`
|
|
77
|
+
};
|
|
72
78
|
CreateSidePanel.displayName = componentName;
|
|
73
79
|
CreateSidePanel.propTypes = {
|
|
74
80
|
/**
|
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
import React, { PropsWithChildren, ReactNode } from 'react';
|
|
2
|
-
import { CarbonIconType } from '@carbon/icons-react/lib/CarbonIcon';
|
|
3
2
|
import { ActionIcon } from '../Card/Card';
|
|
4
3
|
export interface ExpressiveCardProps extends PropsWithChildren {
|
|
5
4
|
/**
|
|
@@ -48,7 +47,7 @@ export interface ExpressiveCardProps extends PropsWithChildren {
|
|
|
48
47
|
/**
|
|
49
48
|
* Provides the icon that's displayed at the top of the card
|
|
50
49
|
*/
|
|
51
|
-
pictogram?:
|
|
50
|
+
pictogram?: ReactNode;
|
|
52
51
|
/**
|
|
53
52
|
* Optionally specify an href for your Button to become an <a> element
|
|
54
53
|
*/
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ExpressiveCard.d.ts","sourceRoot":"","sources":["../../../src/components/ExpressiveCard/ExpressiveCard.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,EAAE,iBAAiB,EAAE,SAAS,EAAc,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"ExpressiveCard.d.ts","sourceRoot":"","sources":["../../../src/components/ExpressiveCard/ExpressiveCard.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,EAAE,iBAAiB,EAAE,SAAS,EAAc,MAAM,OAAO,CAAC;AAOxE,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE1C,MAAM,WAAW,mBAAoB,SAAQ,iBAAiB;IAC5D;;OAEG;IACH,WAAW,CAAC,EAAE,UAAU,EAAE,CAAC;IAC3B;;OAEG;IAEH;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,SAAS,CAAC,EAAE,SAAS,GAAG,OAAO,CAAC;IAChC;;OAEG;IACH,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB;;OAEG;IACH,aAAa,CAAC,EAAE,KAAK,GAAG,MAAM,CAAC;IAC/B;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB;;OAEG;IACH,oBAAoB,CAAC,EAAE,MAAM,IAAI,CAAC;IAClC;;OAEG;IACH,sBAAsB,CAAC,EAAE,MAAM,IAAI,CAAC;IACpC;;OAEG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB;;OAEG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B;;OAEG;IACH,iBAAiB,CAAC,EAAE,MAAM,IAAI,GAAG,MAAM,CAAC;IACxC;;OAEG;IACH,iBAAiB,CAAC,EAAE,SAAS,GAAG,OAAO,CAAC;IACxC;;OAEG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B;;OAEG;IACH,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B;;OAEG;IACH,mBAAmB,CAAC,EAAE,MAAM,IAAI,GAAG,MAAM,CAAC;IAC1C;;OAEG;IACH,mBAAmB,CAAC,EAAE,WAAW,GAAG,OAAO,CAAC;IAC5C;;OAEG;IACH,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B;;;;OAIG;IACH,IAAI,CAAC,EAAE,SAAS,GAAG,OAAO,CAAC;IAE3B;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;CACnB;AAID,eAAO,MAAM,cAAc,4FAa1B,CAAC"}
|
|
@@ -85,8 +85,7 @@ ExpressiveCard.propTypes = {
|
|
|
85
85
|
/**
|
|
86
86
|
* Provides the icon that's displayed at the top of the card
|
|
87
87
|
*/
|
|
88
|
-
|
|
89
|
-
pictogram: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
|
|
88
|
+
pictogram: PropTypes.node,
|
|
90
89
|
/**
|
|
91
90
|
* Optionally specify an href for your Button to become an <a> element
|
|
92
91
|
*/
|
|
@@ -33,6 +33,10 @@ export interface PageHeaderContentProps {
|
|
|
33
33
|
* Specify the element or component used to render the title.
|
|
34
34
|
*/
|
|
35
35
|
titleAs?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | typeof Heading;
|
|
36
|
+
/**
|
|
37
|
+
* Specify the maximum number of lines the title can span before truncating.
|
|
38
|
+
*/
|
|
39
|
+
titleTruncate?: number;
|
|
36
40
|
/**
|
|
37
41
|
* The PageHeaderContent's contextual actions
|
|
38
42
|
*/
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PageHeaderContent.d.ts","sourceRoot":"","sources":["../../../../src/components/PageHeader/next/PageHeaderContent.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,OAAO,KAAK,EAAE,EACZ,KAAK,aAAa,EAClB,KAAK,iBAAiB,
|
|
1
|
+
{"version":3,"file":"PageHeaderContent.d.ts","sourceRoot":"","sources":["../../../../src/components/PageHeader/next/PageHeaderContent.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,OAAO,KAAK,EAAE,EACZ,KAAK,aAAa,EAClB,KAAK,iBAAiB,EAIvB,MAAM,OAAO,CAAC;AAGf,OAAO,EAAyB,OAAO,EAAE,MAAM,eAAe,CAAC;AAE/D,OAAO,EAAiB,KAAK,uBAAuB,EAAE,MAAM,WAAW,CAAC;AAGxE;;;;GAIG;AACH,MAAM,WAAW,sBAAsB;IACrC;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,UAAU,CAAC,EAAE,aAAa,GAAG,iBAAiB,CAAC;IAC/C;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,OAAO,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,OAAO,OAAO,CAAC;IACnE;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB;;OAEG;IACH,iBAAiB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACpC;;;OAGG;IACH,WAAW,CAAC,EACR,KAAK,CAAC,SAAS,GACf,CAAC,CAAC,KAAK,EAAE,uBAAuB,KAAK,KAAK,CAAC,SAAS,CAAC,CAAC;CAC3D;AAED,eAAO,MAAM,iBAAiB,+FA2F5B,CAAC"}
|
|
@@ -7,12 +7,12 @@
|
|
|
7
7
|
|
|
8
8
|
import { __toESM } from "../../../_virtual/_rolldown/runtime.js";
|
|
9
9
|
import { require_classnames } from "../../../node_modules/classnames/index.js";
|
|
10
|
-
import { useIsomorphicEffect } from "../../../global/js/hooks/useIsomorphicEffect.js";
|
|
11
10
|
import { blockClass } from "../PageHeaderUtils.js";
|
|
11
|
+
import { TruncatedText } from "../../TruncatedText/TruncatedText.js";
|
|
12
12
|
import { usePageHeader } from "./context.js";
|
|
13
|
-
import React, { useEffect, useRef
|
|
13
|
+
import React, { useEffect, useRef } from "react";
|
|
14
14
|
import PropTypes from "prop-types";
|
|
15
|
-
import { Column,
|
|
15
|
+
import { Column, Grid, Section } from "@carbon/react";
|
|
16
16
|
//#region src/components/PageHeader/next/PageHeaderContent.tsx
|
|
17
17
|
/**
|
|
18
18
|
* Copyright IBM Corp. 2026
|
|
@@ -21,12 +21,13 @@ import { Column, DefinitionTooltip, Grid, Section, unstable_Text } from "@carbon
|
|
|
21
21
|
* LICENSE file in the root directory of this source tree.
|
|
22
22
|
*/
|
|
23
23
|
var import_classnames = /* @__PURE__ */ __toESM(require_classnames());
|
|
24
|
-
const PageHeaderContent = React.forwardRef(function PageHeaderContent({ className, children, title, titleAs = "h1", renderIcon: IconElement, contextualActions, pageActions, ...other }, ref) {
|
|
24
|
+
const PageHeaderContent = React.forwardRef(function PageHeaderContent({ className, children, title, titleAs: TitleTag = "h1", titleTruncate, renderIcon: IconElement, contextualActions, pageActions, ...other }, ref) {
|
|
25
25
|
const contentRef = useRef(null);
|
|
26
26
|
const componentRef = ref ?? contentRef;
|
|
27
27
|
const { setRefs, setPageActionsInstance } = usePageHeader();
|
|
28
28
|
const classNames = (0, import_classnames.default)({ [`${blockClass}__content`]: true }, className);
|
|
29
29
|
const titleRef = useRef(null);
|
|
30
|
+
const titleLines = titleTruncate ?? (contextualActions ? 1 : 2);
|
|
30
31
|
useEffect(() => {
|
|
31
32
|
if (componentRef?.current) setRefs((prev) => ({
|
|
32
33
|
...prev,
|
|
@@ -38,14 +39,6 @@ const PageHeaderContent = React.forwardRef(function PageHeaderContent({ classNam
|
|
|
38
39
|
if (typeof pageActions === "function") setPageActionsInstance(() => pageActions);
|
|
39
40
|
else setPageActionsInstance(pageActions ?? null);
|
|
40
41
|
}, [pageActions]);
|
|
41
|
-
const [isEllipsisApplied, setIsEllipsisApplied] = useState(false);
|
|
42
|
-
const isEllipsisActive = (element) => {
|
|
43
|
-
setIsEllipsisApplied(element.offsetHeight < element.scrollHeight);
|
|
44
|
-
return element.offsetHeight < element.scrollHeight;
|
|
45
|
-
};
|
|
46
|
-
useIsomorphicEffect(() => {
|
|
47
|
-
titleRef.current && isEllipsisActive(titleRef.current);
|
|
48
|
-
}, [title]);
|
|
49
42
|
return /* @__PURE__ */ React.createElement(Section, {
|
|
50
43
|
as: "div",
|
|
51
44
|
className: classNames,
|
|
@@ -55,15 +48,17 @@ const PageHeaderContent = React.forwardRef(function PageHeaderContent({ classNam
|
|
|
55
48
|
lg: 16,
|
|
56
49
|
md: 8,
|
|
57
50
|
sm: 4
|
|
58
|
-
}, /* @__PURE__ */ React.createElement("div", { className: `${blockClass}__content__title-wrapper` }, /* @__PURE__ */ React.createElement("div", { className: `${blockClass}__content__start` }, /* @__PURE__ */ React.createElement("div", { className: `${blockClass}__content__title-container` }, IconElement && /* @__PURE__ */ React.createElement("div", { className: `${blockClass}__content__icon` }, /* @__PURE__ */ React.createElement(IconElement, null)),
|
|
51
|
+
}, /* @__PURE__ */ React.createElement("div", { className: `${blockClass}__content__title-wrapper` }, /* @__PURE__ */ React.createElement("div", { className: `${blockClass}__content__start` }, /* @__PURE__ */ React.createElement("div", { className: `${blockClass}__content__title-container` }, IconElement && /* @__PURE__ */ React.createElement("div", { className: `${blockClass}__content__icon` }, /* @__PURE__ */ React.createElement(IconElement, null)), /* @__PURE__ */ React.createElement(TitleTag, {
|
|
59
52
|
ref: titleRef,
|
|
60
|
-
as: titleAs,
|
|
61
53
|
className: `${blockClass}__content__title`
|
|
62
|
-
},
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
54
|
+
}, /* @__PURE__ */ React.createElement(TruncatedText, {
|
|
55
|
+
id: `${blockClass}__content__title__truncatedText`,
|
|
56
|
+
className: `${blockClass}__content__title-text`,
|
|
57
|
+
align: "bottom",
|
|
58
|
+
value: title,
|
|
59
|
+
lines: titleLines,
|
|
60
|
+
type: "tooltip"
|
|
61
|
+
}))), contextualActions && /* @__PURE__ */ React.createElement("div", { className: `${blockClass}__content__contextual-actions` }, contextualActions)), typeof pageActions === "function" ? pageActions({
|
|
67
62
|
fullyCollapsed: false,
|
|
68
63
|
titleClipped: false,
|
|
69
64
|
contentActionsClipped: false
|
|
@@ -109,7 +104,11 @@ PageHeaderContent.propTypes = {
|
|
|
109
104
|
"h4",
|
|
110
105
|
"h5",
|
|
111
106
|
"h6"
|
|
112
|
-
]), PropTypes.elementType])
|
|
107
|
+
]), PropTypes.elementType]),
|
|
108
|
+
/**
|
|
109
|
+
* Specify the maximum number of lines the title can span before truncating.
|
|
110
|
+
*/
|
|
111
|
+
titleTruncate: PropTypes.number
|
|
113
112
|
};
|
|
114
113
|
//#endregion
|
|
115
114
|
export { PageHeaderContent };
|
|
@@ -78,6 +78,9 @@ export interface RemoveModalProps extends React.ComponentProps<typeof ComposedMo
|
|
|
78
78
|
*/
|
|
79
79
|
title: string;
|
|
80
80
|
}
|
|
81
|
+
/**
|
|
82
|
+
* @deprecated This component is deprecated.
|
|
83
|
+
*/
|
|
81
84
|
export declare const RemoveModal: React.ForwardRefExoticComponent<RemoveModalProps & {
|
|
82
85
|
children?: ReactNode | undefined;
|
|
83
86
|
} & React.RefAttributes<unknown>>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RemoveModal.d.ts","sourceRoot":"","sources":["../../../src/components/RemoveModal/RemoveModal.tsx"],"names":[],"mappings":"AAOA,OAAO,EAEL,aAAa,EAKd,MAAM,eAAe,CAAC;AACvB,OAAO,KAAK,EAAE,EACZ,SAAS,EAKV,MAAM,OAAO,CAAC;AAWf,MAAM,WAAW,gBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,OAAO,aAAa,CAAC;IAClD;;OAEG;IACH,IAAI,EAAE,SAAS,CAAC;IAChB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,eAAe,EAAE,MAAM,CAAC;IACxB;;OAEG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B;;OAEG;IACH,cAAc,CAAC,EAAE,SAAS,CAAC;IAC3B;;OAEG;IACH,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB;;OAEG;IACH,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;IAC7B;;OAEG;IACH,IAAI,EAAE,OAAO,CAAC;IACd;;OAEG;IACH,YAAY,CAAC,EAAE,WAAW,CAAC;IAC3B;;OAEG;IACH,0BAA0B,CAAC,EAAE,OAAO,CAAC;IACrC;;OAEG;IACH,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC;;OAEG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAE3B;;OAEG;IACH,wBAAwB,CAAC,EAAE,MAAM,CAAC;IAElC;;OAEG;IACH,YAAY,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B;;OAEG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;CACf;AASD,eAAO,MAAM,WAAW;;iCAkHvB,CAAC"}
|
|
1
|
+
{"version":3,"file":"RemoveModal.d.ts","sourceRoot":"","sources":["../../../src/components/RemoveModal/RemoveModal.tsx"],"names":[],"mappings":"AAOA,OAAO,EAEL,aAAa,EAKd,MAAM,eAAe,CAAC;AACvB,OAAO,KAAK,EAAE,EACZ,SAAS,EAKV,MAAM,OAAO,CAAC;AAWf,MAAM,WAAW,gBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,OAAO,aAAa,CAAC;IAClD;;OAEG;IACH,IAAI,EAAE,SAAS,CAAC;IAChB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,eAAe,EAAE,MAAM,CAAC;IACxB;;OAEG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B;;OAEG;IACH,cAAc,CAAC,EAAE,SAAS,CAAC;IAC3B;;OAEG;IACH,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB;;OAEG;IACH,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;IAC7B;;OAEG;IACH,IAAI,EAAE,OAAO,CAAC;IACd;;OAEG;IACH,YAAY,CAAC,EAAE,WAAW,CAAC;IAC3B;;OAEG;IACH,0BAA0B,CAAC,EAAE,OAAO,CAAC;IACrC;;OAEG;IACH,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC;;OAEG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAE3B;;OAEG;IACH,wBAAwB,CAAC,EAAE,MAAM,CAAC;IAElC;;OAEG;IACH,YAAY,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B;;OAEG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;CACf;AASD;;GAEG;AACH,eAAO,MAAM,WAAW;;iCAkHvB,CAAC"}
|
|
@@ -18,6 +18,9 @@ import { Button, ComposedModal, ModalBody, ModalFooter, ModalHeader, TextInput }
|
|
|
18
18
|
//#region src/components/RemoveModal/RemoveModal.tsx
|
|
19
19
|
var import_classnames = /* @__PURE__ */ __toESM(require_classnames());
|
|
20
20
|
const componentName = "RemoveModal";
|
|
21
|
+
/**
|
|
22
|
+
* @deprecated This component is deprecated.
|
|
23
|
+
*/
|
|
21
24
|
const RemoveModal = forwardRef(({ body, className, iconDescription, inputInvalidText, inputLabelText, inputPlaceholderText, label, onClose, onRequestSubmit, open, portalTarget: portalTargetIn, preventCloseOnClickOutside, primaryButtonDisabled, primaryButtonText, primaryDangerDescription, resourceName, secondaryButtonText, textConfirmation, title, ...rest }, ref) => {
|
|
22
25
|
const previousState = usePreviousValue({ open });
|
|
23
26
|
const [userInput, setUserInput] = useState("");
|
|
@@ -72,6 +75,11 @@ const RemoveModal = forwardRef(({ body, className, iconDescription, inputInvalid
|
|
|
72
75
|
disabled: primaryButtonStatus
|
|
73
76
|
}, primaryButtonText))));
|
|
74
77
|
});
|
|
78
|
+
/**@ts-ignore*/
|
|
79
|
+
RemoveModal.deprecated = {
|
|
80
|
+
level: "warn",
|
|
81
|
+
details: `Please replace ${componentName} with Delete and remove pattern`
|
|
82
|
+
};
|
|
75
83
|
RemoveModal.propTypes = {
|
|
76
84
|
/**
|
|
77
85
|
* The content to be displayed in the body of the modal
|
|
@@ -5,13 +5,12 @@
|
|
|
5
5
|
* LICENSE file in the root directory of this source tree.
|
|
6
6
|
*/
|
|
7
7
|
import React from 'react';
|
|
8
|
-
import '
|
|
8
|
+
import { PopoverAlignment } from '@carbon/react';
|
|
9
9
|
/**
|
|
10
10
|
* TODO: A description of the component.
|
|
11
11
|
*/
|
|
12
12
|
type BackgroundColor = 'order-1-cyan' | 'order-2-gray' | 'order-3-green' | 'order-4-magenta' | 'order-5-purple' | 'order-6-teal' | 'order-7-cyan' | 'order-8-gray' | 'order-9-green' | 'order-10-magenta' | 'order-11-purple' | 'order-12-teal';
|
|
13
13
|
type Size = 'xl' | 'lg' | 'md' | 'sm';
|
|
14
|
-
type TooltipAlignment = 'top' | 'top-left' | 'top-right' | 'bottom' | 'bottom-left' | 'bottom-right' | 'left' | 'right';
|
|
15
14
|
type ImageProps = {
|
|
16
15
|
/**
|
|
17
16
|
* When passing the image prop, supply a full path to the image to be displayed.
|
|
@@ -49,7 +48,7 @@ type UserAvatarBaseProps = {
|
|
|
49
48
|
/**
|
|
50
49
|
* Specify how the trigger should align with the tooltip
|
|
51
50
|
*/
|
|
52
|
-
tooltipAlignment?:
|
|
51
|
+
tooltipAlignment?: PopoverAlignment;
|
|
53
52
|
/**
|
|
54
53
|
* Pass in the display name to have it shown on hover
|
|
55
54
|
*/
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"UserAvatar.d.ts","sourceRoot":"","sources":["../../../src/components/UserAvatar/UserAvatar.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAGH,OAAO,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"UserAvatar.d.ts","sourceRoot":"","sources":["../../../src/components/UserAvatar/UserAvatar.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAGH,OAAO,KAAK,MAAM,OAAO,CAAC;AAS1B,OAAO,EAAE,gBAAgB,EAAsB,MAAM,eAAe,CAAC;AAUrE;;GAEG;AACH,KAAK,eAAe,GAChB,cAAc,GACd,cAAc,GACd,eAAe,GACf,iBAAiB,GACjB,gBAAgB,GAChB,cAAc,GACd,cAAc,GACd,cAAc,GACd,eAAe,GACf,kBAAkB,GAClB,iBAAiB,GACjB,eAAe,CAAC;AACpB,KAAK,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AACtC,KAAK,UAAU,GACX;IACE;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,gBAAgB,EAAE,MAAM,CAAC;CAC1B,GACD;IACE,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,gBAAgB,CAAC,EAAE,KAAK,CAAC;CAC1B,CAAC;AAEN,KAAK,mBAAmB,GAAG;IACzB;;OAEG;IACH,eAAe,CAAC,EAAE,eAAe,CAAC;IAClC;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,UAAU,CAAC,EAAE,KAAK,CAAC,WAAW,GAAG,MAAM,CAAC;IACxC;;OAEG;IACH,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ;;OAEG;IACH,gBAAgB,CAAC,EAAE,gBAAgB,CAAC;IACpC;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC;AAEF,KAAK,eAAe,GAAG,mBAAmB,GAAG,UAAU,CAAC;AAExD,eAAO,MAAM,UAAU,wFAgGtB,CAAC"}
|
|
@@ -9,7 +9,6 @@ import { __toESM } from "../../_virtual/_rolldown/runtime.js";
|
|
|
9
9
|
import { require_classnames } from "../../node_modules/classnames/index.js";
|
|
10
10
|
import { pkg } from "../../settings.js";
|
|
11
11
|
import { getDevtoolsProps } from "../../global/js/utils/devtools.js";
|
|
12
|
-
import "../../global/js/utils/props-helper.js";
|
|
13
12
|
import { TooltipTrigger } from "../TooltipTrigger/TooltipTrigger.js";
|
|
14
13
|
import React from "react";
|
|
15
14
|
import PropTypes from "prop-types";
|
|
@@ -131,11 +130,23 @@ UserAvatar.propTypes = {
|
|
|
131
130
|
"top",
|
|
132
131
|
"top-left",
|
|
133
132
|
"top-right",
|
|
133
|
+
"top-start",
|
|
134
|
+
"top-end",
|
|
134
135
|
"bottom",
|
|
135
136
|
"bottom-left",
|
|
136
137
|
"bottom-right",
|
|
138
|
+
"bottom-start",
|
|
139
|
+
"bottom-end",
|
|
137
140
|
"left",
|
|
138
|
-
"
|
|
141
|
+
"left-bottom",
|
|
142
|
+
"left-top",
|
|
143
|
+
"left-start",
|
|
144
|
+
"left-end",
|
|
145
|
+
"right",
|
|
146
|
+
"right-bottom",
|
|
147
|
+
"right-top",
|
|
148
|
+
"right-start",
|
|
149
|
+
"right-end"
|
|
139
150
|
]),
|
|
140
151
|
/**
|
|
141
152
|
* Pass in the display name to have it shown on hover
|
package/es/components/index.d.ts
CHANGED
|
@@ -37,7 +37,7 @@ export * from './Tearsheet';
|
|
|
37
37
|
export * from './UserAvatar';
|
|
38
38
|
export * from './WebTerminal';
|
|
39
39
|
export { AddSelectData } from '@carbon/ibm-products-utilities';
|
|
40
|
-
export type { AddSelectItem, ItemDetails, ItemStatus, SearchOptions, } from '@carbon/ibm-products-utilities';
|
|
40
|
+
export type { AddSelectItem, ItemDetailEntry, ItemDetails, ItemStatus, SearchOptions, } from '@carbon/ibm-products-utilities';
|
|
41
41
|
/**
|
|
42
42
|
* Non-stable components
|
|
43
43
|
* draft | previewCandidate | preview
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"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"}
|
|
@@ -49,7 +49,9 @@ export interface AddSelectBodyProps {
|
|
|
49
49
|
title: string;
|
|
50
50
|
}>;
|
|
51
51
|
/**
|
|
52
|
-
*
|
|
52
|
+
* Called when the global search input value changes.
|
|
53
|
+
* Intended to filter across ALL columns/rows in the Body.
|
|
54
|
+
* Independent of any per-column search in AddSelectColumn.
|
|
53
55
|
*/
|
|
54
56
|
onSearch?: (searchTerm: string) => void;
|
|
55
57
|
/**
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AddSelectBody.d.ts","sourceRoot":"","sources":["../../../../src/components/AddSelect/next/AddSelectBody.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAK,EAAE,EAGZ,SAAS,
|
|
1
|
+
{"version":3,"file":"AddSelectBody.d.ts","sourceRoot":"","sources":["../../../../src/components/AddSelect/next/AddSelectBody.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAK,EAAE,EAGZ,SAAS,EAMV,MAAM,OAAO,CAAC;AAGf,OAAO,EAML,KAAK,WAAW,EAChB,KAAK,QAAQ,EACb,KAAK,eAAe,EACpB,KAAK,mBAAmB,EACxB,KAAK,SAAS,EACf,MAAM,eAAe,CAAC;AAGvB;;;;GAIG;AAEH,MAAM,WAAW,kBAAkB;IACjC,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,MAAM,CAAC,EAAE,UAAU,GAAG,YAAY,CAAC;IACnC;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;OAEG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B;;OAEG;IACH,uBAAuB,CAAC,EAAE,MAAM,CAAC;IACjC;;OAEG;IACH,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,IAAI,CAAC,EAAE,KAAK,CAAC;QAAE,EAAE,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IAC5C;;;;OAIG;IACH,QAAQ,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC;;OAEG;IACH,iBAAiB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC5C;;OAEG;IACH,aAAa,CAAC,EAAE,SAAS,CAAC;IAC1B;;OAEG;IACH,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB;;OAEG;IACH,gBAAgB,CAAC,EAAE,SAAS,CAAC;IAC7B;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;OAEG;IACH,WAAW,CAAC,EAAE,IAAI,CAChB,WAAW,EACX,WAAW,GAAG,aAAa,GAAG,MAAM,GAAG,UAAU,GAAG,OAAO,CAC5D,CAAC;IACF;;OAEG;IACH,QAAQ,CAAC,EAAE,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,UAAU,CAAC,CAAC;IAC/D;;OAEG;IACH,eAAe,CAAC,EAAE,IAAI,CACpB,eAAe,EACf,iBAAiB,GAAG,WAAW,GAAG,UAAU,CAC7C,CAAC;IACF;;OAEG;IACH,mBAAmB,CAAC,EAAE,IAAI,CACxB,mBAAmB,EACnB,KAAK,GAAG,eAAe,GAAG,UAAU,CACrC,CAAC;IACF;;OAEG;IACH,SAAS,CAAC,EAAE,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,EAAE,MAAM,GAAG,SAAS,GAAG,UAAU,CAAC,CAAC;CACnE;AAED,QAAA,MAAM,aAAa,2FAgRlB,CAAC;AAyCF,eAAe,aAAa,CAAC"}
|
|
@@ -22,13 +22,14 @@ let _carbon_react = require("@carbon/react");
|
|
|
22
22
|
*/
|
|
23
23
|
var import_classnames = /* @__PURE__ */ require_runtime.__toESM(require_index.default);
|
|
24
24
|
const AddSelectBody = (0, react.forwardRef)(({ children, className, layout = "vertical", itemsLabel = "", globalSearchLabel = "Search", globalSearchPlaceholder = "Search", searchResultsTitle = "Search results", itemCount, path = [], onSearch, onBreadcrumbClick, headerContent, actionsSlot, subHeaderActions, hideSearch = false, searchProps, tagProps, breadcrumbProps, breadcrumbItemProps, linkProps, ...rest }, ref) => {
|
|
25
|
-
const
|
|
26
|
-
const [searchTerm, setSearchTerm] = (0, react.useState)("");
|
|
25
|
+
const [globalSearchTerm, setGlobalSearchTerm] = (0, react.useState)("");
|
|
27
26
|
const listRef = (0, react.useRef)(null);
|
|
28
27
|
const focusedIndexRef = (0, react.useRef)(0);
|
|
28
|
+
const rowsCacheRef = (0, react.useRef)(null);
|
|
29
29
|
const getItems = () => {
|
|
30
30
|
if (!listRef.current) return [];
|
|
31
|
-
|
|
31
|
+
if (rowsCacheRef.current === null) rowsCacheRef.current = Array.from(listRef.current.querySelectorAll("[role=\"row\"]"));
|
|
32
|
+
return rowsCacheRef.current;
|
|
32
33
|
};
|
|
33
34
|
const updateItemFocus = (focusIndex, shouldFocus = true) => {
|
|
34
35
|
const items = getItems();
|
|
@@ -88,11 +89,12 @@ const AddSelectBody = (0, react.forwardRef)(({ children, className, layout = "ve
|
|
|
88
89
|
if (handled) event.stopPropagation();
|
|
89
90
|
};
|
|
90
91
|
(0, react.useEffect)(() => {
|
|
92
|
+
rowsCacheRef.current = null;
|
|
91
93
|
updateItemFocus(0, false);
|
|
92
94
|
}, [children]);
|
|
93
95
|
const handleSearch = (event) => {
|
|
94
96
|
const value = event.target.value;
|
|
95
|
-
|
|
97
|
+
setGlobalSearchTerm(value);
|
|
96
98
|
onSearch?.(value);
|
|
97
99
|
};
|
|
98
100
|
const bodyClasses = (0, import_classnames.default)(`${require_context.blockClass}__body`, className);
|
|
@@ -105,9 +107,9 @@ const AddSelectBody = (0, react.forwardRef)(({ children, className, layout = "ve
|
|
|
105
107
|
placeholder: globalSearchPlaceholder,
|
|
106
108
|
size: "lg",
|
|
107
109
|
onChange: handleSearch,
|
|
108
|
-
value:
|
|
110
|
+
value: globalSearchTerm,
|
|
109
111
|
...searchProps
|
|
110
|
-
})), actionsSlot && /* @__PURE__ */ react.default.createElement("div", { className: `${require_context.blockClass}__global-actions` }, actionsSlot)), /* @__PURE__ */ react.default.createElement("div", { className: `${require_context.blockClass}__sub-header` }, /* @__PURE__ */ react.default.createElement("div", { className: `${require_context.blockClass}__tags` },
|
|
112
|
+
})), actionsSlot && /* @__PURE__ */ react.default.createElement("div", { className: `${require_context.blockClass}__global-actions` }, actionsSlot)), /* @__PURE__ */ react.default.createElement("div", { className: `${require_context.blockClass}__sub-header` }, /* @__PURE__ */ react.default.createElement("div", { className: `${require_context.blockClass}__tags` }, globalSearchTerm ? /* @__PURE__ */ react.default.createElement("p", { className: `${require_context.blockClass}__tags-label` }, searchResultsTitle) : path && path.length > 0 ? /* @__PURE__ */ react.default.createElement(_carbon_react.Breadcrumb, {
|
|
111
113
|
noTrailingSlash: true,
|
|
112
114
|
className: `${require_context.blockClass}__breadcrumbs`,
|
|
113
115
|
...breadcrumbProps
|
|
@@ -133,10 +135,12 @@ const AddSelectBody = (0, react.forwardRef)(({ children, className, layout = "ve
|
|
|
133
135
|
className: `${require_context.blockClass}__content`,
|
|
134
136
|
ref: listRef,
|
|
135
137
|
role: "grid",
|
|
136
|
-
"aria-multiselectable": multi,
|
|
137
138
|
tabIndex: 0,
|
|
138
139
|
onKeyDown: handleKeyDown
|
|
139
|
-
}, /* @__PURE__ */ react.default.createElement("div", {
|
|
140
|
+
}, /* @__PURE__ */ react.default.createElement("div", {
|
|
141
|
+
className: (0, import_classnames.default)(`${require_context.blockClass}-list-body`, { [`${require_context.blockClass}-list-body--horizontal`]: layout === "horizontal" }),
|
|
142
|
+
role: "rowgroup"
|
|
143
|
+
}, children)));
|
|
140
144
|
});
|
|
141
145
|
AddSelectBody.propTypes = {
|
|
142
146
|
actionsSlot: prop_types.default.node,
|
|
@@ -32,9 +32,10 @@ export interface AddSelectColumnProps {
|
|
|
32
32
|
*/
|
|
33
33
|
searchPlaceholder?: string;
|
|
34
34
|
/**
|
|
35
|
-
*
|
|
35
|
+
* Called when this column's local search input changes.
|
|
36
|
+
* Scoped to this column only — independent of AddSelectBody's global search.
|
|
36
37
|
*/
|
|
37
|
-
onSearch?: (
|
|
38
|
+
onSearch?: (columnSearchTerm: string) => void;
|
|
38
39
|
/**
|
|
39
40
|
* Actions slot - adds custom actions (filter/sort) next to search
|
|
40
41
|
*/
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AddSelectColumn.d.ts","sourceRoot":"","sources":["../../../../src/components/AddSelect/next/AddSelectColumn.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAK,EAAE,EAGZ,SAAS,EAGV,MAAM,OAAO,CAAC;AAGf,OAAO,EAIL,KAAK,WAAW,EAChB,KAAK,QAAQ,EACb,KAAK,aAAa,EACnB,MAAM,eAAe,CAAC;
|
|
1
|
+
{"version":3,"file":"AddSelectColumn.d.ts","sourceRoot":"","sources":["../../../../src/components/AddSelect/next/AddSelectColumn.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAK,EAAE,EAGZ,SAAS,EAGV,MAAM,OAAO,CAAC;AAGf,OAAO,EAIL,KAAK,WAAW,EAChB,KAAK,QAAQ,EACb,KAAK,aAAa,EACnB,MAAM,eAAe,CAAC;AAIvB;;;;;;;GAOG;AAEH,MAAM,WAAW,oBAAoB;IACnC;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B;;;OAGG;IACH,QAAQ,CAAC,EAAE,CAAC,gBAAgB,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9C;;OAEG;IACH,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB;;OAEG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;OAEG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B;;OAEG;IACH,WAAW,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IACzC;;OAEG;IACH,UAAU,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IACvE;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,WAAW,CAAC,EAAE,IAAI,CAChB,WAAW,EACX,WAAW,GAAG,aAAa,GAAG,MAAM,GAAG,UAAU,GAAG,OAAO,CAC5D,CAAC;IACF;;OAEG;IACH,QAAQ,CAAC,EAAE,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,UAAU,CAAC,CAAC;IAC/D;;OAEG;IACH,sBAAsB,CAAC,EAAE,IAAI,CAC3B,aAAa,EACb,IAAI,GAAG,WAAW,GAAG,SAAS,GAAG,UAAU,GAAG,WAAW,CAC1D,CAAC;CACH;AAED,QAAA,MAAM,eAAe,6FAkIpB,CAAC;AA+BF,eAAe,eAAe,CAAC"}
|