@carbon/ibm-products 2.99.0 → 2.100.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 +401 -401
- package/css/index-full-carbon.css +91 -3
- 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 +91 -3
- 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 +91 -3
- 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 +91 -3
- 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/CreateFullPage/CreateFullPage.d.ts +1 -0
- package/es/components/CreateFullPage/CreateFullPage.d.ts.map +1 -1
- package/es/components/CreateFullPage/CreateFullPage.js +6 -0
- package/es/components/CreateFullPage/CreateFullPageStep.d.ts +3 -0
- package/es/components/CreateFullPage/CreateFullPageStep.d.ts.map +1 -1
- package/es/components/CreateFullPage/CreateFullPageStep.js +9 -0
- package/es/components/CreateTearsheet/CreateTearsheet.d.ts +5 -1
- package/es/components/CreateTearsheet/CreateTearsheet.d.ts.map +1 -1
- package/es/components/CreateTearsheet/CreateTearsheet.js +10 -1
- package/es/components/CreateTearsheet/CreateTearsheetDivider.d.ts +4 -1
- package/es/components/CreateTearsheet/CreateTearsheetDivider.d.ts.map +1 -1
- package/es/components/CreateTearsheet/CreateTearsheetDivider.js +11 -1
- package/es/components/CreateTearsheet/CreateTearsheetStep.d.ts +4 -1
- package/es/components/CreateTearsheet/CreateTearsheetStep.d.ts.map +1 -1
- package/es/components/CreateTearsheet/CreateTearsheetStep.js +10 -1
- package/es/components/CreateTearsheetNarrow/CreateTearsheetNarrow.d.ts +2 -1
- package/es/components/CreateTearsheetNarrow/CreateTearsheetNarrow.d.ts.map +1 -1
- package/es/components/CreateTearsheetNarrow/CreateTearsheetNarrow.js +7 -1
- package/es/components/OptionsTile/OptionsTile.d.ts.map +1 -1
- package/es/components/OptionsTile/OptionsTile.js +19 -3
- package/es/components/Saving/Saving.d.ts +1 -1
- package/es/components/Saving/Saving.d.ts.map +1 -1
- package/es/components/Saving/Saving.js +9 -1
- package/es/components/WebTerminal/WebTerminal.d.ts +3 -1
- package/es/components/WebTerminal/WebTerminal.d.ts.map +1 -1
- package/es/components/WebTerminal/WebTerminal.js +8 -1
- package/es/components/WebTerminal/WebTerminalContentWrapper.d.ts +1 -1
- package/es/components/WebTerminal/WebTerminalContentWrapper.js +6 -1
- package/es/components/WebTerminal/hooks/index.d.ts.map +1 -1
- package/es/components/WebTerminal/hooks/index.js +9 -0
- package/lib/components/CreateFullPage/CreateFullPage.d.ts +1 -0
- package/lib/components/CreateFullPage/CreateFullPage.d.ts.map +1 -1
- package/lib/components/CreateFullPage/CreateFullPage.js +6 -0
- package/lib/components/CreateFullPage/CreateFullPageStep.d.ts +3 -0
- package/lib/components/CreateFullPage/CreateFullPageStep.d.ts.map +1 -1
- package/lib/components/CreateFullPage/CreateFullPageStep.js +9 -0
- package/lib/components/CreateTearsheet/CreateTearsheet.d.ts +5 -1
- package/lib/components/CreateTearsheet/CreateTearsheet.d.ts.map +1 -1
- package/lib/components/CreateTearsheet/CreateTearsheet.js +10 -1
- package/lib/components/CreateTearsheet/CreateTearsheetDivider.d.ts +4 -1
- package/lib/components/CreateTearsheet/CreateTearsheetDivider.d.ts.map +1 -1
- package/lib/components/CreateTearsheet/CreateTearsheetDivider.js +11 -1
- package/lib/components/CreateTearsheet/CreateTearsheetStep.d.ts +4 -1
- package/lib/components/CreateTearsheet/CreateTearsheetStep.d.ts.map +1 -1
- package/lib/components/CreateTearsheet/CreateTearsheetStep.js +10 -1
- package/lib/components/CreateTearsheetNarrow/CreateTearsheetNarrow.d.ts +2 -1
- package/lib/components/CreateTearsheetNarrow/CreateTearsheetNarrow.d.ts.map +1 -1
- package/lib/components/CreateTearsheetNarrow/CreateTearsheetNarrow.js +7 -1
- package/lib/components/OptionsTile/OptionsTile.d.ts.map +1 -1
- package/lib/components/OptionsTile/OptionsTile.js +19 -3
- package/lib/components/Saving/Saving.d.ts +1 -1
- package/lib/components/Saving/Saving.d.ts.map +1 -1
- package/lib/components/Saving/Saving.js +9 -1
- package/lib/components/WebTerminal/WebTerminal.d.ts +3 -1
- package/lib/components/WebTerminal/WebTerminal.d.ts.map +1 -1
- package/lib/components/WebTerminal/WebTerminal.js +8 -1
- package/lib/components/WebTerminal/WebTerminalContentWrapper.d.ts +1 -1
- package/lib/components/WebTerminal/WebTerminalContentWrapper.js +6 -1
- package/lib/components/WebTerminal/hooks/index.d.ts.map +1 -1
- package/lib/components/WebTerminal/hooks/index.js +9 -0
- package/package.json +6 -6
- package/scss/components/OptionsTile/_options-tile.scss +15 -4
- package/scss/components/Tearsheet/_tearsheet_next.scss +49 -1
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/**
|
|
2
|
-
* Copyright IBM Corp. 2021,
|
|
2
|
+
* Copyright IBM Corp. 2021, 2026
|
|
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.
|
|
@@ -123,6 +123,10 @@ interface Step {
|
|
|
123
123
|
shouldIncludeStep?: boolean;
|
|
124
124
|
title?: string;
|
|
125
125
|
}
|
|
126
|
+
/**
|
|
127
|
+
* Use CreateTearsheet when you need a multi-step creation flow with an influencer sidebar.
|
|
128
|
+
* @deprecated This component is deprecated.
|
|
129
|
+
*/
|
|
126
130
|
export declare const CreateTearsheet: React.ForwardRefExoticComponent<CreateTearsheetProps & React.RefAttributes<HTMLDivElement>>;
|
|
127
131
|
export {};
|
|
128
132
|
//# sourceMappingURL=CreateTearsheet.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CreateTearsheet.d.ts","sourceRoot":"","sources":["../../../src/components/CreateTearsheet/CreateTearsheet.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAK,EAAE,EACZ,QAAQ,EAER,iBAAiB,EACjB,SAAS,EACT,cAAc,EAMf,MAAM,OAAO,CAAC;AAmBf,OAAO,EAAE,2BAA2B,EAAE,MAAM,uBAAuB,CAAC;AASpE,MAAM,WAAW,gBAAgB;IAC/B,WAAW,EAAE,MAAM,CAAC;IACpB,8BAA8B,EAAE,QAAQ,CACtC,cAAc,CAAC,2BAA2B,GAAG,SAAS,CAAC,CACxD,CAAC;IACF,aAAa,EAAE,QAAQ,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,CAAC;IACjD,aAAa,EAAE,CAAC,EAAE,EAAE,GAAG,KAAK,IAAI,CAAC;IACjC,SAAS,EAAE,CAAC,EAAE,EAAE,GAAG,KAAK,IAAI,CAAC;IAC7B,UAAU,EAAE,CAAC,EAAE,EAAE,GAAG,KAAK,IAAI,CAAC;IAC9B,0BAA0B,CAAC,EAAE,QAAQ,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,CAAC;IAC/D,WAAW,EAAE,QAAQ,CAAC,cAAc,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC;IAC9C,QAAQ,EAAE,IAAI,EAAE,CAAC;CAClB;AACD,eAAO,MAAM,YAAY,iCAA+C,CAAC;AAIzE,eAAO,MAAM,iBAAiB,uBAAoB,CAAC;AAEnD,MAAM,WAAW,oBAAqB,SAAQ,iBAAiB;IAC7D;;OAEG;IACH,cAAc,EAAE,MAAM,CAAC;IAEvB;;OAEG;IACH,gBAAgB,EAAE,MAAM,CAAC;IAEzB;;OAEG;IAGH;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;OAEG;IACH,+BAA+B,CAAC,EAAE,MAAM,CAAC;IAEzC;;OAEG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC;IAEtB;;OAEG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAE3B;;OAEG;IACH,WAAW,CAAC,EAAE,SAAS,CAAC;IAExB;;;OAGG;IACH,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAE9B;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;OAEG;IACH,eAAe,CAAC,EAAE,QAAQ,GAAG,MAAM,CAAC;IAEpC;;;;OAIG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB;;;;OAIG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAElB;;OAEG;IACH,cAAc,EAAE,MAAM,CAAC;IAEvB;;;;OAIG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IAErB;;;OAGG;IACH,eAAe,EAAE,MAAM,IAAI,CAAC;IAE5B;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IAEf;;OAEG;IACH,gBAAgB,EAAE,MAAM,CAAC;IAEzB;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAElB;;;;;;OAMG;IACH,gBAAgB,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAC;IAGtC;;OAEG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;CAClB;AAED,UAAU,IAAI;IACZ,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,eAAO,MAAM,eAAe,6FAsL3B,CAAC"}
|
|
1
|
+
{"version":3,"file":"CreateTearsheet.d.ts","sourceRoot":"","sources":["../../../src/components/CreateTearsheet/CreateTearsheet.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAK,EAAE,EACZ,QAAQ,EAER,iBAAiB,EACjB,SAAS,EACT,cAAc,EAMf,MAAM,OAAO,CAAC;AAmBf,OAAO,EAAE,2BAA2B,EAAE,MAAM,uBAAuB,CAAC;AASpE,MAAM,WAAW,gBAAgB;IAC/B,WAAW,EAAE,MAAM,CAAC;IACpB,8BAA8B,EAAE,QAAQ,CACtC,cAAc,CAAC,2BAA2B,GAAG,SAAS,CAAC,CACxD,CAAC;IACF,aAAa,EAAE,QAAQ,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,CAAC;IACjD,aAAa,EAAE,CAAC,EAAE,EAAE,GAAG,KAAK,IAAI,CAAC;IACjC,SAAS,EAAE,CAAC,EAAE,EAAE,GAAG,KAAK,IAAI,CAAC;IAC7B,UAAU,EAAE,CAAC,EAAE,EAAE,GAAG,KAAK,IAAI,CAAC;IAC9B,0BAA0B,CAAC,EAAE,QAAQ,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,CAAC;IAC/D,WAAW,EAAE,QAAQ,CAAC,cAAc,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC;IAC9C,QAAQ,EAAE,IAAI,EAAE,CAAC;CAClB;AACD,eAAO,MAAM,YAAY,iCAA+C,CAAC;AAIzE,eAAO,MAAM,iBAAiB,uBAAoB,CAAC;AAEnD,MAAM,WAAW,oBAAqB,SAAQ,iBAAiB;IAC7D;;OAEG;IACH,cAAc,EAAE,MAAM,CAAC;IAEvB;;OAEG;IACH,gBAAgB,EAAE,MAAM,CAAC;IAEzB;;OAEG;IAGH;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;OAEG;IACH,+BAA+B,CAAC,EAAE,MAAM,CAAC;IAEzC;;OAEG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC;IAEtB;;OAEG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAE3B;;OAEG;IACH,WAAW,CAAC,EAAE,SAAS,CAAC;IAExB;;;OAGG;IACH,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAE9B;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;OAEG;IACH,eAAe,CAAC,EAAE,QAAQ,GAAG,MAAM,CAAC;IAEpC;;;;OAIG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB;;;;OAIG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAElB;;OAEG;IACH,cAAc,EAAE,MAAM,CAAC;IAEvB;;;;OAIG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IAErB;;;OAGG;IACH,eAAe,EAAE,MAAM,IAAI,CAAC;IAE5B;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IAEf;;OAEG;IACH,gBAAgB,EAAE,MAAM,CAAC;IAEzB;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAElB;;;;;;OAMG;IACH,gBAAgB,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAC;IAGtC;;OAEG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;CAClB;AAED,UAAU,IAAI;IACZ,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED;;;GAGG;AACH,eAAO,MAAM,eAAe,6FAsL3B,CAAC"}
|
|
@@ -26,7 +26,7 @@ prop_types = require_runtime.__toESM(prop_types);
|
|
|
26
26
|
let _carbon_react = require("@carbon/react");
|
|
27
27
|
//#region src/components/CreateTearsheet/CreateTearsheet.tsx
|
|
28
28
|
/**
|
|
29
|
-
* Copyright IBM Corp. 2021,
|
|
29
|
+
* Copyright IBM Corp. 2021, 2026
|
|
30
30
|
*
|
|
31
31
|
* This source code is licensed under the Apache-2.0 license found in the
|
|
32
32
|
* LICENSE file in the root directory of this source tree.
|
|
@@ -36,6 +36,10 @@ const componentName = "CreateTearsheet";
|
|
|
36
36
|
const blockClass = `${require_settings.pkg.prefix}--tearsheet-create`;
|
|
37
37
|
const StepsContext = (0, react.createContext)(null);
|
|
38
38
|
const StepNumberContext = (0, react.createContext)(-1);
|
|
39
|
+
/**
|
|
40
|
+
* Use CreateTearsheet when you need a multi-step creation flow with an influencer sidebar.
|
|
41
|
+
* @deprecated This component is deprecated.
|
|
42
|
+
*/
|
|
39
43
|
const CreateTearsheet = (0, react.forwardRef)(({ backButtonText, cancelButtonText, children, className, experimentalSecondarySubmitText, firstFocusElement, description, hasError, influencerWidth = "narrow", initialStep, label, nextButtonText, onClose, onRequestSubmit, open, selectorPrimaryFocus, slug: deprecated_slug, decorator, submitButtonText, title, verticalPosition = "normal", ...rest }, ref) => {
|
|
40
44
|
const [createTearsheetActions, setCreateTearsheetActions] = (0, react.useState)([]);
|
|
41
45
|
const [shouldViewAll, setShouldViewAll] = (0, react.useState)(false);
|
|
@@ -169,6 +173,11 @@ const CreateTearsheet = (0, react.forwardRef)(({ backButtonText, cancelButtonTex
|
|
|
169
173
|
}, child))))));
|
|
170
174
|
});
|
|
171
175
|
CreateTearsheet.displayName = componentName;
|
|
176
|
+
/**@ts-ignore*/
|
|
177
|
+
CreateTearsheet.deprecated = {
|
|
178
|
+
level: "warn",
|
|
179
|
+
details: `Please replace ${componentName} with Create Tearsheet pattern`
|
|
180
|
+
};
|
|
172
181
|
const deprecatedProps = {
|
|
173
182
|
/**
|
|
174
183
|
* @deprecated Property replaced by `decorator`
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/**
|
|
2
|
-
* Copyright IBM Corp. 2021,
|
|
2
|
+
* Copyright IBM Corp. 2021, 2026
|
|
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.
|
|
@@ -9,6 +9,9 @@ interface CreateTearsheetDividerProps {
|
|
|
9
9
|
/** Specifies an optional className to be added to the tearsheet divider */
|
|
10
10
|
className?: string;
|
|
11
11
|
}
|
|
12
|
+
/**
|
|
13
|
+
* @deprecated This component is deprecated.
|
|
14
|
+
*/
|
|
12
15
|
export declare const CreateTearsheetDivider: React.FC<CreateTearsheetDividerProps>;
|
|
13
16
|
export {};
|
|
14
17
|
//# sourceMappingURL=CreateTearsheetDivider.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CreateTearsheetDivider.d.ts","sourceRoot":"","sources":["../../../src/components/CreateTearsheet/CreateTearsheetDivider.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAmC,MAAM,OAAO,CAAC;AAQxD,UAAU,2BAA2B;IACnC,2EAA2E;IAC3E,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,sBAAsB,EAAE,KAAK,CAAC,EAAE,CAAC,2BAA2B,CAYtE,CAAC"}
|
|
1
|
+
{"version":3,"file":"CreateTearsheetDivider.d.ts","sourceRoot":"","sources":["../../../src/components/CreateTearsheet/CreateTearsheetDivider.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAmC,MAAM,OAAO,CAAC;AAQxD,UAAU,2BAA2B;IACnC,2EAA2E;IAC3E,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;GAEG;AACH,eAAO,MAAM,sBAAsB,EAAE,KAAK,CAAC,EAAE,CAAC,2BAA2B,CAYtE,CAAC"}
|
|
@@ -14,13 +14,17 @@ let prop_types = require("prop-types");
|
|
|
14
14
|
prop_types = require_runtime.__toESM(prop_types);
|
|
15
15
|
//#region src/components/CreateTearsheet/CreateTearsheetDivider.tsx
|
|
16
16
|
/**
|
|
17
|
-
* Copyright IBM Corp. 2021,
|
|
17
|
+
* Copyright IBM Corp. 2021, 2026
|
|
18
18
|
*
|
|
19
19
|
* This source code is licensed under the Apache-2.0 license found in the
|
|
20
20
|
* LICENSE file in the root directory of this source tree.
|
|
21
21
|
*/
|
|
22
22
|
var import_classnames = /* @__PURE__ */ require_runtime.__toESM(require_index.default);
|
|
23
|
+
const componentName = "CreateTearsheetDivider";
|
|
23
24
|
const blockClass = `${require_settings.pkg.prefix}--tearsheet-create__section--divider`;
|
|
25
|
+
/**
|
|
26
|
+
* @deprecated This component is deprecated.
|
|
27
|
+
*/
|
|
24
28
|
const CreateTearsheetDivider = (0, react.forwardRef)(({ className, ...rest }, ref) => {
|
|
25
29
|
return /* @__PURE__ */ react.default.createElement("span", {
|
|
26
30
|
...rest,
|
|
@@ -28,6 +32,12 @@ const CreateTearsheetDivider = (0, react.forwardRef)(({ className, ...rest }, re
|
|
|
28
32
|
className: (0, import_classnames.default)(blockClass, className)
|
|
29
33
|
});
|
|
30
34
|
});
|
|
35
|
+
CreateTearsheetDivider.displayName = componentName;
|
|
36
|
+
/**@ts-ignore*/
|
|
37
|
+
CreateTearsheetDivider.deprecated = {
|
|
38
|
+
level: "warn",
|
|
39
|
+
details: `Please replace ${componentName} with Create Tearsheet pattern`
|
|
40
|
+
};
|
|
31
41
|
CreateTearsheetDivider.propTypes = {
|
|
32
42
|
/**
|
|
33
43
|
* Sets an optional className to be added to the tearsheet divider
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/**
|
|
2
|
-
* Copyright IBM Corp. 2021,
|
|
2
|
+
* Copyright IBM Corp. 2021, 2026
|
|
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.
|
|
@@ -121,6 +121,9 @@ export type ExperimentalSecondarySubmit = {
|
|
|
121
121
|
hideSecondarySubmit?: boolean;
|
|
122
122
|
onClick?: () => void;
|
|
123
123
|
};
|
|
124
|
+
/**
|
|
125
|
+
* @deprecated This component is deprecated.
|
|
126
|
+
*/
|
|
124
127
|
export declare const CreateTearsheetStep: React.ForwardRefExoticComponent<CreateTearsheetStepProps & React.RefAttributes<unknown>>;
|
|
125
128
|
export {};
|
|
126
129
|
//# sourceMappingURL=CreateTearsheetStep.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CreateTearsheetStep.d.ts","sourceRoot":"","sources":["../../../src/components/CreateTearsheet/CreateTearsheetStep.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAK,EAAE,EAMZ,iBAAiB,EAGlB,MAAM,OAAO,CAAC;AAkBf,KAAK,uBAAuB,GACxB;IACE;;;;OAIG;IACH,WAAW,EAAE,KAAK,CAAC;IACnB;;;;OAIG;IACH,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B;;OAEG;IACH,gBAAgB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACpC,GACD;IACE;;;;OAIG;IACH,WAAW,CAAC,EAAE,IAAI,CAAC;IACnB;;;;OAIG;IACH,kBAAkB,EAAE,MAAM,CAAC;IAC3B;;OAEG;IACH,gBAAgB,EAAE,KAAK,CAAC,SAAS,CAAC;CACnC,CAAC;AAEN,UAAU,4BAA6B,SAAQ,iBAAiB;IAC9D;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE3B;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;OAEG;IACH,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE9B;;OAEG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IAExB;;OAEG;IACH,2BAA2B,CAAC,EAAE,2BAA2B,CAAC;IAE1D;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IAEtB;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IAErB;;;;OAIG;IACH,MAAM,CAAC,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IAE7B;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IAExB;;OAEG;IACH,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAElC;;OAEG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IAExB;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB;;OAEG;IACH,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;CACxB;AAID,KAAK,wBAAwB,GAAG,4BAA4B,GAC1D,uBAAuB,CAAC;AAE1B;;;;;;;GAOG;AACH,MAAM,MAAM,2BAA2B,GAAG;IACxC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB,CAAC;AAEF,eAAO,MAAM,mBAAmB,0FAmK/B,CAAC"}
|
|
1
|
+
{"version":3,"file":"CreateTearsheetStep.d.ts","sourceRoot":"","sources":["../../../src/components/CreateTearsheet/CreateTearsheetStep.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAK,EAAE,EAMZ,iBAAiB,EAGlB,MAAM,OAAO,CAAC;AAkBf,KAAK,uBAAuB,GACxB;IACE;;;;OAIG;IACH,WAAW,EAAE,KAAK,CAAC;IACnB;;;;OAIG;IACH,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B;;OAEG;IACH,gBAAgB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACpC,GACD;IACE;;;;OAIG;IACH,WAAW,CAAC,EAAE,IAAI,CAAC;IACnB;;;;OAIG;IACH,kBAAkB,EAAE,MAAM,CAAC;IAC3B;;OAEG;IACH,gBAAgB,EAAE,KAAK,CAAC,SAAS,CAAC;CACnC,CAAC;AAEN,UAAU,4BAA6B,SAAQ,iBAAiB;IAC9D;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE3B;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;OAEG;IACH,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE9B;;OAEG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IAExB;;OAEG;IACH,2BAA2B,CAAC,EAAE,2BAA2B,CAAC;IAE1D;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IAEtB;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IAErB;;;;OAIG;IACH,MAAM,CAAC,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IAE7B;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IAExB;;OAEG;IACH,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAElC;;OAEG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IAExB;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB;;OAEG;IACH,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;CACxB;AAID,KAAK,wBAAwB,GAAG,4BAA4B,GAC1D,uBAAuB,CAAC;AAE1B;;;;;;;GAOG;AACH,MAAM,MAAM,2BAA2B,GAAG;IACxC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,mBAAmB,0FAmK/B,CAAC"}
|
|
@@ -19,7 +19,7 @@ prop_types = require_runtime.__toESM(prop_types);
|
|
|
19
19
|
let _carbon_react = require("@carbon/react");
|
|
20
20
|
//#region src/components/CreateTearsheet/CreateTearsheetStep.tsx
|
|
21
21
|
/**
|
|
22
|
-
* Copyright IBM Corp. 2021,
|
|
22
|
+
* Copyright IBM Corp. 2021, 2026
|
|
23
23
|
*
|
|
24
24
|
* This source code is licensed under the Apache-2.0 license found in the
|
|
25
25
|
* LICENSE file in the root directory of this source tree.
|
|
@@ -31,6 +31,9 @@ const defaults = {
|
|
|
31
31
|
hasFieldset: true,
|
|
32
32
|
includeStep: true
|
|
33
33
|
};
|
|
34
|
+
/**
|
|
35
|
+
* @deprecated This component is deprecated.
|
|
36
|
+
*/
|
|
34
37
|
const CreateTearsheetStep = (0, react.forwardRef)(({ children, className, description, disableSubmit, experimentalSecondarySubmit, fieldsetLegendText, fieldsetLegendId, hasFieldset = defaults.hasFieldset, includeStep = defaults.includeStep, introStep, invalid, onMount, onNext, onPrevious, secondaryButtonDisabled, secondaryLabel, subtitle, title, ...rest }, ref) => {
|
|
35
38
|
const localRef = (0, react.useRef)(null);
|
|
36
39
|
const stepRef = ref || localRef;
|
|
@@ -113,6 +116,12 @@ const CreateTearsheetStep = (0, react.forwardRef)(({ children, className, descri
|
|
|
113
116
|
legendId: fieldsetLegendId
|
|
114
117
|
}, children) : children))) : require_pconsole.default.warn(`You have tried using a ${componentName} component outside of a CreateTearsheet. This is not allowed. ${componentName}s should always be children of the CreateTearsheet`);
|
|
115
118
|
});
|
|
119
|
+
CreateTearsheetStep.displayName = componentName;
|
|
120
|
+
/**@ts-ignore*/
|
|
121
|
+
CreateTearsheetStep.deprecated = {
|
|
122
|
+
level: "warn",
|
|
123
|
+
details: `Please replace ${componentName} with Create Tearsheet pattern`
|
|
124
|
+
};
|
|
116
125
|
CreateTearsheetStep.propTypes = {
|
|
117
126
|
/**
|
|
118
127
|
* Content that shows in the tearsheet step
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/**
|
|
2
|
-
* Copyright IBM Corp. 2021,
|
|
2
|
+
* Copyright IBM Corp. 2021, 2026
|
|
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.
|
|
@@ -81,6 +81,7 @@ export interface CreateTearsheetNarrowProps extends PropsWithChildren {
|
|
|
81
81
|
/**
|
|
82
82
|
* Use a narrow tearsheet as an alternative to a modal when there is scrolling.
|
|
83
83
|
* Use when the form fields can be broken down into sections using section headers.
|
|
84
|
+
* @deprecated This component is deprecated.
|
|
84
85
|
*/
|
|
85
86
|
export declare const CreateTearsheetNarrow: React.ForwardRefExoticComponent<CreateTearsheetNarrowProps & React.RefAttributes<unknown>>;
|
|
86
87
|
export {};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CreateTearsheetNarrow.d.ts","sourceRoot":"","sources":["../../../src/components/CreateTearsheetNarrow/CreateTearsheetNarrow.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAGH,OAAO,KAAK,EAAE,EAAE,iBAAiB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAiB5D,KAAK,gBAAgB,GAAG,QAAQ,GAAG,OAAO,CAAC;AAC3C,MAAM,WAAW,0BAA2B,SAAQ,iBAAiB;IACnE;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IACpB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;OAEG;IACH,WAAW,CAAC,EAAE,SAAS,CAAC;IAExB;;;OAGG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IAExB;;OAEG;IACH,eAAe,CAAC,EAAE,SAAS,CAAC;IAE5B;;OAEG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC;IAEtB;;;;OAIG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAElB;;;;OAIG;IACH,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAE5B;;;OAGG;IACH,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;IAE7B;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IAEf;;OAEG;IACH,iBAAiB,EAAE,MAAM,CAAC;IAE1B;;OAEG;IACH,mBAAmB,EAAE,MAAM,CAAC;IAE5B;;OAEG;IACH,oBAAoB,CAAC,EAAE,SAAS,CAAC;IAEjC;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAElB;;;;;;OAMG;IACH,gBAAgB,CAAC,EAAE,gBAAgB,CAAC;CACrC;AACD
|
|
1
|
+
{"version":3,"file":"CreateTearsheetNarrow.d.ts","sourceRoot":"","sources":["../../../src/components/CreateTearsheetNarrow/CreateTearsheetNarrow.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAGH,OAAO,KAAK,EAAE,EAAE,iBAAiB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAiB5D,KAAK,gBAAgB,GAAG,QAAQ,GAAG,OAAO,CAAC;AAC3C,MAAM,WAAW,0BAA2B,SAAQ,iBAAiB;IACnE;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IACpB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;OAEG;IACH,WAAW,CAAC,EAAE,SAAS,CAAC;IAExB;;;OAGG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IAExB;;OAEG;IACH,eAAe,CAAC,EAAE,SAAS,CAAC;IAE5B;;OAEG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC;IAEtB;;;;OAIG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAElB;;;;OAIG;IACH,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAE5B;;;OAGG;IACH,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;IAE7B;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IAEf;;OAEG;IACH,iBAAiB,EAAE,MAAM,CAAC;IAE1B;;OAEG;IACH,mBAAmB,EAAE,MAAM,CAAC;IAE5B;;OAEG;IACH,oBAAoB,CAAC,EAAE,SAAS,CAAC;IAEjC;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAElB;;;;;;OAMG;IACH,gBAAgB,CAAC,EAAE,gBAAgB,CAAC;CACrC;AACD;;;;GAIG;AACH,eAAO,MAAM,qBAAqB,4FAkFjC,CAAC"}
|
|
@@ -18,7 +18,7 @@ prop_types = require_runtime.__toESM(prop_types);
|
|
|
18
18
|
let _carbon_react = require("@carbon/react");
|
|
19
19
|
//#region src/components/CreateTearsheetNarrow/CreateTearsheetNarrow.tsx
|
|
20
20
|
/**
|
|
21
|
-
* Copyright IBM Corp. 2021,
|
|
21
|
+
* Copyright IBM Corp. 2021, 2026
|
|
22
22
|
*
|
|
23
23
|
* This source code is licensed under the Apache-2.0 license found in the
|
|
24
24
|
* LICENSE file in the root directory of this source tree.
|
|
@@ -29,6 +29,7 @@ const componentName = "CreateTearsheetNarrow";
|
|
|
29
29
|
/**
|
|
30
30
|
* Use a narrow tearsheet as an alternative to a modal when there is scrolling.
|
|
31
31
|
* Use when the form fields can be broken down into sections using section headers.
|
|
32
|
+
* @deprecated This component is deprecated.
|
|
32
33
|
*/
|
|
33
34
|
const CreateTearsheetNarrow = react.default.forwardRef(({ children, className, description, disableSubmit, formDescription, formTitle, label, open, onRequestClose, onRequestSubmit, primaryButtonText, secondaryButtonText, selectorPrimaryFocus, title, verticalPosition, ...rest }, ref) => {
|
|
34
35
|
const actions = [{
|
|
@@ -70,6 +71,11 @@ const CreateTearsheetNarrow = react.default.forwardRef(({ children, className, d
|
|
|
70
71
|
}, children));
|
|
71
72
|
});
|
|
72
73
|
CreateTearsheetNarrow.displayName = componentName;
|
|
74
|
+
/**@ts-ignore*/
|
|
75
|
+
CreateTearsheetNarrow.deprecated = {
|
|
76
|
+
level: "warn",
|
|
77
|
+
details: `Please replace ${componentName} with Create Tearsheet Narrow pattern`
|
|
78
|
+
};
|
|
73
79
|
CreateTearsheetNarrow.propTypes = {
|
|
74
80
|
/**
|
|
75
81
|
* Provide the contents of the CreateTearsheetNarrow.
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"OptionsTile.d.ts","sourceRoot":"","sources":["../../../src/components/OptionsTile/OptionsTile.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAWH,OAAO,KAAK,EAAE,EAAc,SAAS,EAAoB,MAAM,OAAO,CAAC;AAgBvE,MAAM,WAAW,gBAAgB;IAC/B;;;OAGG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IAErB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB;;OAEG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IAEjB;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IAEpC;;;OAGG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IAEpC;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IAEf;;OAEG;IACH,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IAEnB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB;;OAEG;IACH,KAAK,EAAE,SAAS,CAAC;IAEjB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IAEf;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAOD,eAAO,MAAM,WAAW,
|
|
1
|
+
{"version":3,"file":"OptionsTile.d.ts","sourceRoot":"","sources":["../../../src/components/OptionsTile/OptionsTile.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAWH,OAAO,KAAK,EAAE,EAAc,SAAS,EAAoB,MAAM,OAAO,CAAC;AAgBvE,MAAM,WAAW,gBAAgB;IAC/B;;;OAGG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IAErB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB;;OAEG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IAEjB;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IAEpC;;;OAGG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IAEpC;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IAEf;;OAEG;IACH,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IAEnB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB;;OAEG;IACH,KAAK,EAAE,SAAS,CAAC;IAEjB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IAEf;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAOD,eAAO,MAAM,WAAW,yFA4SvB,CAAC"}
|
|
@@ -117,9 +117,10 @@ const OptionsTile = react.default.forwardRef((props, ref) => {
|
|
|
117
117
|
text = warnText;
|
|
118
118
|
} else if (locked) {
|
|
119
119
|
Icon = _carbon_react_icons.Locked;
|
|
120
|
-
if (!
|
|
120
|
+
if (!isExpandable) text = lockedText;
|
|
121
|
+
else if (!text) text = lockedText;
|
|
121
122
|
}
|
|
122
|
-
const summaryHidden = !(invalid || warn || locked) &&
|
|
123
|
+
const summaryHidden = !(invalid || warn || locked) && open;
|
|
123
124
|
const summaryClasses = (0, import_classnames.default)(`${blockClass}__summary`, {
|
|
124
125
|
[`${blockClass}__summary--closing`]: closing,
|
|
125
126
|
[`${blockClass}__summary--open`]: open,
|
|
@@ -175,7 +176,22 @@ const OptionsTile = react.default.forwardRef((props, ref) => {
|
|
|
175
176
|
className: `${blockClass}__content`,
|
|
176
177
|
ref: contentRef,
|
|
177
178
|
"data-testid": "options-tile-content"
|
|
178
|
-
}, /* @__PURE__ */ react.default.createElement(_carbon_react.Layer, null, isLocked && /* @__PURE__ */ react.default.createElement("p", { className: `${blockClass}__locked-text` }, /* @__PURE__ */ react.default.createElement(_carbon_react_icons.Locked, { size: 16 }), lockedText), children))) : /* @__PURE__ */ react.default.createElement("div", { className: `${blockClass}__static-content` },
|
|
179
|
+
}, /* @__PURE__ */ react.default.createElement(_carbon_react.Layer, null, isLocked && /* @__PURE__ */ react.default.createElement("p", { className: `${blockClass}__locked-text` }, /* @__PURE__ */ react.default.createElement(_carbon_react_icons.Locked, { size: 16 }), lockedText), children))) : /* @__PURE__ */ react.default.createElement("div", { className: (0, import_classnames.default)(`${blockClass}__static-content`, { [`${blockClass}__header--has-toggle`]: enabled !== void 0 }) }, enabled !== void 0 && /* @__PURE__ */ react.default.createElement("div", {
|
|
180
|
+
className: `${blockClass}__toggle-container`,
|
|
181
|
+
"data-testid": "options-tile-toggle-container",
|
|
182
|
+
onMouseDown: (evt) => {
|
|
183
|
+
evt.preventDefault();
|
|
184
|
+
}
|
|
185
|
+
}, /* @__PURE__ */ react.default.createElement(_carbon_react.Toggle, {
|
|
186
|
+
id: `${titleId}-toggle`,
|
|
187
|
+
className: `${blockClass}__toggle`,
|
|
188
|
+
toggled: enabled,
|
|
189
|
+
"aria-labelledby": titleId,
|
|
190
|
+
hideLabel: true,
|
|
191
|
+
onToggle,
|
|
192
|
+
size: "sm",
|
|
193
|
+
disabled: isLocked
|
|
194
|
+
})), renderTitle()));
|
|
179
195
|
});
|
|
180
196
|
OptionsTile.displayName = componentName;
|
|
181
197
|
OptionsTile.propTypes = {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Saving.d.ts","sourceRoot":"","sources":["../../../src/components/Saving/Saving.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;
|
|
1
|
+
{"version":3,"file":"Saving.d.ts","sourceRoot":"","sources":["../../../src/components/Saving/Saving.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAaH,OAAO,KAAqB,MAAM,OAAO,CAAC;AAS1C,KAAK,IAAI,GAAG,QAAQ,GAAG,MAAM,CAAC;AAC9B,KAAK,MAAM,GAAG,SAAS,GAAG,aAAa,GAAG,SAAS,GAAG,MAAM,CAAC;AAE7D,MAAM,WAAW,WAAW;IAC1B;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAChC;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;OAEG;IACH,yBAAyB,CAAC,EAAE,MAAM,CAAC;IACnC;;OAEG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB;;OAEG;IACH,eAAe,CAAC,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,GAAG,IAAI,CAAC;IACnE;;OAEG;IACH,aAAa,CAAC,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,GAAG,IAAI,CAAC;IACjE;;OAEG;IACH,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B;;OAEG;IACH,MAAM,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAChC;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,IAAI,EAAE,IAAI,CAAC;CACZ;AAED,eAAO,MAAM,MAAM,6EAsFlB,CAAC"}
|
|
@@ -17,11 +17,14 @@ let _carbon_react = require("@carbon/react");
|
|
|
17
17
|
let _carbon_react_icons = require("@carbon/react/icons");
|
|
18
18
|
//#region src/components/Saving/Saving.tsx
|
|
19
19
|
/**
|
|
20
|
-
* Copyright IBM Corp. 2021,
|
|
20
|
+
* Copyright IBM Corp. 2021, 2026
|
|
21
21
|
*
|
|
22
22
|
* This source code is licensed under the Apache-2.0 license found in the
|
|
23
23
|
* LICENSE file in the root directory of this source tree.
|
|
24
24
|
*/
|
|
25
|
+
/**
|
|
26
|
+
* @deprecated This component is deprecated.
|
|
27
|
+
*/
|
|
25
28
|
var import_classnames = /* @__PURE__ */ require_runtime.__toESM(require_index.default);
|
|
26
29
|
const componentName = "Saving";
|
|
27
30
|
const Saving = (0, react.forwardRef)(({ secondaryButtonText, className, defaultIconDescription, defaultText, failIconDescription, failText, inProgressIconDescription, inProgressText, onRequestCancel, onRequestSave, status, successIconDescription, successText, type, ...rest }, ref) => {
|
|
@@ -143,5 +146,10 @@ Saving.propTypes = {
|
|
|
143
146
|
type: prop_types.default.oneOf(["manual", "auto"]).isRequired
|
|
144
147
|
};
|
|
145
148
|
Saving.displayName = componentName;
|
|
149
|
+
/**@ts-ignore*/
|
|
150
|
+
Saving.deprecated = {
|
|
151
|
+
level: "warn",
|
|
152
|
+
details: `Please replace ${componentName} with Saving Example`
|
|
153
|
+
};
|
|
146
154
|
//#endregion
|
|
147
155
|
exports.Saving = Saving;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/**
|
|
2
|
-
* Copyright IBM Corp. 2020,
|
|
2
|
+
* Copyright IBM Corp. 2020, 2026
|
|
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.
|
|
@@ -47,6 +47,8 @@ export interface WebTerminalProps extends PropsWithChildren {
|
|
|
47
47
|
}
|
|
48
48
|
/**
|
|
49
49
|
* The `WebTerminal` is prompted by the user and is persistent until dismissed. The purpose of a web terminal is to provide users with the ability to type commands manually instead of using the GUI.
|
|
50
|
+
*
|
|
51
|
+
* @deprecated This component is deprecated.
|
|
50
52
|
*/
|
|
51
53
|
export declare const WebTerminal: React.ForwardRefExoticComponent<WebTerminalProps & React.RefAttributes<HTMLDivElement>>;
|
|
52
54
|
export {};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"WebTerminal.d.ts","sourceRoot":"","sources":["../../../src/components/WebTerminal/WebTerminal.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAwB,gBAAgB,EAAS,MAAM,eAAe,CAAC;AAI9E,OAAO,KAAK,EAAE,EAGZ,iBAAiB,EACjB,SAAS,EAKV,MAAM,OAAO,CAAC;AAuBf,UAAU,MAAM;IACd,UAAU,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC;IAC/B,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,eAAe,EAAE,MAAM,CAAC;CACzB;AAED,MAAM,WAAW,gBAAiB,SAAQ,iBAAiB;IACzD;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IACpB;;OAEG;IACH,OAAO,CAAC,EAAE,SAAS,MAAM,EAAE,CAAC;IAE5B;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;OAEG;IACH,oBAAoB,EAAE,MAAM,CAAC;IAE7B;;OAEG;IACH,kBAAkB,CAAC,EAAE,SAAS,CAAC,OAAO,gBAAgB,CAAC,EAAE,CAAC;IAE1D;;OAEG;IACH,iCAAiC,CAAC,EAAE,MAAM,CAAC;IAE3C;;OAEG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAE1B;;OAEG;IACH,oBAAoB,CAAC,EAAE,MAAM,CAAC;CAC/B;AAMD
|
|
1
|
+
{"version":3,"file":"WebTerminal.d.ts","sourceRoot":"","sources":["../../../src/components/WebTerminal/WebTerminal.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAwB,gBAAgB,EAAS,MAAM,eAAe,CAAC;AAI9E,OAAO,KAAK,EAAE,EAGZ,iBAAiB,EACjB,SAAS,EAKV,MAAM,OAAO,CAAC;AAuBf,UAAU,MAAM;IACd,UAAU,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC;IAC/B,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,eAAe,EAAE,MAAM,CAAC;CACzB;AAED,MAAM,WAAW,gBAAiB,SAAQ,iBAAiB;IACzD;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IACpB;;OAEG;IACH,OAAO,CAAC,EAAE,SAAS,MAAM,EAAE,CAAC;IAE5B;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;OAEG;IACH,oBAAoB,EAAE,MAAM,CAAC;IAE7B;;OAEG;IACH,kBAAkB,CAAC,EAAE,SAAS,CAAC,OAAO,gBAAgB,CAAC,EAAE,CAAC;IAE1D;;OAEG;IACH,iCAAiC,CAAC,EAAE,MAAM,CAAC;IAE3C;;OAEG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAE1B;;OAEG;IACH,oBAAoB,CAAC,EAAE,MAAM,CAAC;CAC/B;AAMD;;;;GAIG;AACH,eAAO,MAAM,WAAW,yFAkIvB,CAAC"}
|
|
@@ -19,7 +19,7 @@ let _carbon_react = require("@carbon/react");
|
|
|
19
19
|
let _carbon_react_icons = require("@carbon/react/icons");
|
|
20
20
|
//#region src/components/WebTerminal/WebTerminal.tsx
|
|
21
21
|
/**
|
|
22
|
-
* Copyright IBM Corp. 2020,
|
|
22
|
+
* Copyright IBM Corp. 2020, 2026
|
|
23
23
|
*
|
|
24
24
|
* This source code is licensed under the Apache-2.0 license found in the
|
|
25
25
|
* LICENSE file in the root directory of this source tree.
|
|
@@ -36,6 +36,8 @@ const defaults = {
|
|
|
36
36
|
};
|
|
37
37
|
/**
|
|
38
38
|
* The `WebTerminal` is prompted by the user and is persistent until dismissed. The purpose of a web terminal is to provide users with the ability to type commands manually instead of using the GUI.
|
|
39
|
+
*
|
|
40
|
+
* @deprecated This component is deprecated.
|
|
39
41
|
*/
|
|
40
42
|
const WebTerminal = react.default.forwardRef(({ actions = defaults.actions, children, className, closeIconDescription, documentationLinks = defaults.documentationLinks, documentationLinksIconDescription = defaults.documentationLinksIconDescription, isInitiallyOpen = defaults.isInitiallyOpen, webTerminalAriaLabel = defaults.webTerminalAriaLabel, ...rest }, ref) => {
|
|
41
43
|
const localRef = (0, react.useRef)(null);
|
|
@@ -116,6 +118,11 @@ const WebTerminal = react.default.forwardRef(({ actions = defaults.actions, chil
|
|
|
116
118
|
})), /* @__PURE__ */ react.default.createElement(_carbon_react.Theme, { theme: "g100" }, /* @__PURE__ */ react.default.createElement("div", { className: `${blockClass}__body` }, children))) : null;
|
|
117
119
|
});
|
|
118
120
|
WebTerminal.displayName = componentName;
|
|
121
|
+
/**@ts-ignore*/
|
|
122
|
+
WebTerminal.deprecated = {
|
|
123
|
+
level: "warn",
|
|
124
|
+
details: `Please replace ${componentName} with Web Terminal pattern`
|
|
125
|
+
};
|
|
119
126
|
WebTerminal.propTypes = {
|
|
120
127
|
/**
|
|
121
128
|
* An array of actions to be displayed in the web terminal header bar
|
|
@@ -15,7 +15,7 @@ let prop_types = require("prop-types");
|
|
|
15
15
|
prop_types = require_runtime.__toESM(prop_types);
|
|
16
16
|
//#region src/components/WebTerminal/WebTerminalContentWrapper.tsx
|
|
17
17
|
/**
|
|
18
|
-
* Copyright IBM Corp. 2022,
|
|
18
|
+
* Copyright IBM Corp. 2022, 2026
|
|
19
19
|
*
|
|
20
20
|
* This source code is licensed under the Apache-2.0 license found in the
|
|
21
21
|
* LICENSE file in the root directory of this source tree.
|
|
@@ -32,6 +32,11 @@ const WebTerminalContentWrapper = react.default.forwardRef(({ children, ...rest
|
|
|
32
32
|
}, children);
|
|
33
33
|
});
|
|
34
34
|
WebTerminalContentWrapper.displayName = componentName;
|
|
35
|
+
/**@ts-ignore*/
|
|
36
|
+
WebTerminalContentWrapper.deprecated = {
|
|
37
|
+
level: "warn",
|
|
38
|
+
details: `Please replace ${componentName} with Web Terminal pattern`
|
|
39
|
+
};
|
|
35
40
|
WebTerminalContentWrapper.propTypes = {
|
|
36
41
|
/**
|
|
37
42
|
* Pass in content as children.
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/WebTerminal/hooks/index.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,EAAwC,SAAS,EAAE,MAAM,OAAO,CAAC;AAK/E,MAAM,WAAW,sBAAsB;IACrC,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;IAC7B,gBAAgB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC9B,iBAAiB,CAAC,EAAE,MAAM,IAAI,CAAC;CAChC;AAED,eAAO,MAAM,kBAAkB,uCAA4C,CAAC;AAI5E,UAAU,wBAAwB;IAChC;;OAEG;IACH,QAAQ,EAAE,SAAS,GAAG,SAAS,EAAE,CAAC;CACnC;AAED,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC,wBAAwB,CAgBlE,CAAC;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/WebTerminal/hooks/index.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,EAAwC,SAAS,EAAE,MAAM,OAAO,CAAC;AAK/E,MAAM,WAAW,sBAAsB;IACrC,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;IAC7B,gBAAgB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC9B,iBAAiB,CAAC,EAAE,MAAM,IAAI,CAAC;CAChC;AAED,eAAO,MAAM,kBAAkB,uCAA4C,CAAC;AAI5E,UAAU,wBAAwB;IAChC;;OAEG;IACH,QAAQ,EAAE,SAAS,GAAG,SAAS,EAAE,CAAC;CACnC;AAED,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC,wBAAwB,CAgBlE,CAAC;AAqBF,eAAO,MAAM,cAAc,8BAK1B,CAAC"}
|
|
@@ -6,12 +6,14 @@
|
|
|
6
6
|
*/
|
|
7
7
|
|
|
8
8
|
const require_runtime = require("../../../_virtual/_rolldown/runtime.js");
|
|
9
|
+
const require_pconsole = require("../../../global/js/utils/pconsole.js");
|
|
9
10
|
let react = require("react");
|
|
10
11
|
react = require_runtime.__toESM(react);
|
|
11
12
|
let prop_types = require("prop-types");
|
|
12
13
|
prop_types = require_runtime.__toESM(prop_types);
|
|
13
14
|
//#region src/components/WebTerminal/hooks/index.tsx
|
|
14
15
|
const WebTerminalContext = (0, react.createContext)({});
|
|
16
|
+
const componentName = "WebTerminalProvider";
|
|
15
17
|
const WebTerminalProvider = ({ children }) => {
|
|
16
18
|
const [open, setOpen] = (0, react.useState)(false);
|
|
17
19
|
const openWebTerminal = (0, react.useCallback)(() => setOpen(true), []);
|
|
@@ -24,12 +26,19 @@ const WebTerminalProvider = ({ children }) => {
|
|
|
24
26
|
toggleWebTerminal
|
|
25
27
|
} }, children);
|
|
26
28
|
};
|
|
29
|
+
WebTerminalProvider.displayName = componentName;
|
|
30
|
+
/**@ts-ignore*/
|
|
31
|
+
WebTerminalProvider.deprecated = {
|
|
32
|
+
level: "warn",
|
|
33
|
+
details: `Please replace ${componentName} with Web Terminal pattern`
|
|
34
|
+
};
|
|
27
35
|
WebTerminalProvider.propTypes = {
|
|
28
36
|
/**
|
|
29
37
|
* Provide your own terminal component as children to show up in the web terminal
|
|
30
38
|
*/
|
|
31
39
|
children: prop_types.default.oneOfType([prop_types.default.arrayOf(prop_types.default.node), prop_types.default.node]).isRequired };
|
|
32
40
|
const useWebTerminal = () => {
|
|
41
|
+
require_pconsole.default.warn(`Carbon for IBM Products (WARNING): Hook "useWebTerminal" is deprecated. Please replace with Web Terminal pattern`);
|
|
33
42
|
return (0, react.useContext)(WebTerminalContext);
|
|
34
43
|
};
|
|
35
44
|
//#endregion
|
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.100.0",
|
|
5
5
|
"license": "Apache-2.0",
|
|
6
6
|
"main": "lib/index.js",
|
|
7
7
|
"module": "es/index.js",
|
|
@@ -67,7 +67,7 @@
|
|
|
67
67
|
"@babel/preset-react": "^7.26.3",
|
|
68
68
|
"@babel/preset-typescript": "^7.26.0",
|
|
69
69
|
"@carbon/charts-react": "^1.27.18",
|
|
70
|
-
"@carbon/ibm-products-utilities": "1.
|
|
70
|
+
"@carbon/ibm-products-utilities": "1.9.0",
|
|
71
71
|
"@carbon/styles": "^1.114.0",
|
|
72
72
|
"@figma/code-connect": "^1.4.0",
|
|
73
73
|
"@ibm/telemetry-js-config-generator": "^2.0.1",
|
|
@@ -80,7 +80,7 @@
|
|
|
80
80
|
"@types/react-table": "^7.7.20",
|
|
81
81
|
"@vitejs/plugin-react": "^5.0.0",
|
|
82
82
|
"babel-plugin-dev-expression": "^0.2.3",
|
|
83
|
-
"babel-preset-ibm-cloud-cognitive": "^0.
|
|
83
|
+
"babel-preset-ibm-cloud-cognitive": "^0.58.0",
|
|
84
84
|
"change-case": "5.4.4",
|
|
85
85
|
"classnames": "^2.5.1",
|
|
86
86
|
"copyfiles": "^2.4.1",
|
|
@@ -88,7 +88,7 @@
|
|
|
88
88
|
"fs-extra": "^11.3.0",
|
|
89
89
|
"glob": "^13.0.0",
|
|
90
90
|
"jest": "^30.0.5",
|
|
91
|
-
"jest-config-ibm-cloud-cognitive": "^1.
|
|
91
|
+
"jest-config-ibm-cloud-cognitive": "^1.59.0",
|
|
92
92
|
"jest-environment-jsdom": "^30.0.5",
|
|
93
93
|
"namor": "^1.1.2",
|
|
94
94
|
"npm-run-all2": "^8.0.0",
|
|
@@ -108,7 +108,7 @@
|
|
|
108
108
|
"@babel/runtime": "^7.26.10",
|
|
109
109
|
"@carbon-labs/react-resizer": "^0.25.0",
|
|
110
110
|
"@carbon/feature-flags": "^1.8.0",
|
|
111
|
-
"@carbon/ibm-products-styles": "^2.
|
|
111
|
+
"@carbon/ibm-products-styles": "^2.96.0",
|
|
112
112
|
"@carbon/telemetry": "^0.1.0",
|
|
113
113
|
"@carbon/utilities": "^0.25.0",
|
|
114
114
|
"@carbon/utilities-react": "0.28.0",
|
|
@@ -132,5 +132,5 @@
|
|
|
132
132
|
"react-dom": "^16.8.6 || ^17.0.1 || ^18.2.0 || ^19.0.0",
|
|
133
133
|
"react-is": "^16.13.1 || ^17.0.2 || ^18.3.1 || ^19.0.0"
|
|
134
134
|
},
|
|
135
|
-
"gitHead": "
|
|
135
|
+
"gitHead": "27710b2ea428a3904fc8895ee9b4c2798188f6db"
|
|
136
136
|
}
|
|
@@ -36,7 +36,7 @@ $block-class: #{c4p-settings.$pkg-prefix}--options-tile;
|
|
|
36
36
|
align-items: center;
|
|
37
37
|
justify-content: center;
|
|
38
38
|
inline-size: calc(
|
|
39
|
-
#{$spacing-05} +
|
|
39
|
+
#{$spacing-05} + #{$spacing-07} + #{$spacing-05}
|
|
40
40
|
); // spacing + toggle width + spacing
|
|
41
41
|
|
|
42
42
|
inset-block: 0;
|
|
@@ -67,24 +67,35 @@ $block-class: #{c4p-settings.$pkg-prefix}--options-tile;
|
|
|
67
67
|
|
|
68
68
|
.#{$block-class}__header,
|
|
69
69
|
.#{$block-class}__static-content {
|
|
70
|
-
display: grid;
|
|
71
70
|
box-sizing: border-box;
|
|
72
71
|
align-items: center;
|
|
73
|
-
grid-template-columns: 3rem 1fr 0; // chevron container, heading, toggle width
|
|
74
72
|
padding-inline-end: $spacing-05;
|
|
75
73
|
}
|
|
76
74
|
|
|
77
75
|
.#{$block-class}__header {
|
|
76
|
+
display: grid;
|
|
78
77
|
flex-grow: 1;
|
|
79
78
|
background-color: transparent;
|
|
80
79
|
cursor: pointer;
|
|
80
|
+
grid-template-columns: 3rem 1fr 0; // chevron container, heading, toggle width
|
|
81
81
|
inline-size: 100%;
|
|
82
82
|
|
|
83
83
|
transition: background-color $duration-fast-01 motion(entrance, productive);
|
|
84
84
|
|
|
85
85
|
&--has-toggle {
|
|
86
86
|
inline-size: calc(
|
|
87
|
-
100% - (#{$spacing-05} +
|
|
87
|
+
100% - (#{$spacing-05} + #{$spacing-07} + #{$spacing-05})
|
|
88
|
+
); // total width - toggle container width
|
|
89
|
+
}
|
|
90
|
+
}
|
|
91
|
+
|
|
92
|
+
.#{$block-class}__static-content {
|
|
93
|
+
display: flex;
|
|
94
|
+
padding-inline-start: $spacing-05;
|
|
95
|
+
|
|
96
|
+
&.#{$block-class}__header--has-toggle {
|
|
97
|
+
inline-size: calc(
|
|
98
|
+
100% - (#{$spacing-05} + #{$spacing-07} + #{$spacing-05})
|
|
88
99
|
); // total width - toggle container width
|
|
89
100
|
}
|
|
90
101
|
}
|