@carbon/ibm-products 2.94.0 → 2.95.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/css/carbon.css +92 -103
- package/css/carbon.css.map +1 -1
- package/css/index-full-carbon.css +605 -186
- 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 +43 -7
- 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 +513 -83
- 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 +308 -178
- 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/APIKeyModal/APIKeyModal.d.ts +3 -0
- package/es/components/APIKeyModal/APIKeyModal.d.ts.map +1 -1
- package/es/components/APIKeyModal/APIKeyModal.js +8 -0
- package/es/components/AddSelect/next/AddSelect.d.ts +7 -9
- package/es/components/AddSelect/next/AddSelect.d.ts.map +1 -1
- package/es/components/AddSelect/next/AddSelect.js +0 -2
- package/es/components/AddSelect/next/AddSelectBody.d.ts +4 -0
- package/es/components/AddSelect/next/AddSelectBody.d.ts.map +1 -1
- package/es/components/AddSelect/next/AddSelectBody.js +80 -4
- package/es/components/AddSelect/next/AddSelectColumn.d.ts +1 -1
- 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 +10 -3
- package/es/components/AddSelect/next/AddSelectSelectionSummaryItem.d.ts.map +1 -1
- package/es/components/AddSelect/next/AddSelectSelectionSummaryItem.js +5 -3
- package/es/components/AddSelect/next/index.d.ts +0 -1
- package/es/components/AddSelect/next/index.d.ts.map +1 -1
- package/es/components/BigNumber/BigNumber.d.ts +1 -1
- package/es/components/BigNumber/BigNumber.d.ts.map +1 -1
- package/es/components/BigNumber/BigNumber.js +2 -2
- package/es/components/Card/next/Card.d.ts +87 -11
- package/es/components/Card/next/Card.d.ts.map +1 -1
- package/es/components/Card/next/Card.js +62 -8
- package/es/components/Card/next/Card.types.d.ts +13 -0
- package/es/components/Card/next/Card.types.d.ts.map +1 -1
- package/es/components/Card/next/CardAction.d.ts +43 -0
- package/es/components/Card/next/CardAction.d.ts.map +1 -0
- package/es/components/Card/next/CardAction.js +51 -0
- package/es/components/Card/next/CardActions.d.ts +46 -0
- package/es/components/Card/next/CardActions.d.ts.map +1 -0
- package/es/components/Card/next/CardActions.js +107 -0
- package/es/components/Card/next/CardCaption.d.ts +46 -0
- package/es/components/Card/next/CardCaption.d.ts.map +1 -0
- package/es/components/Card/next/CardCaption.js +52 -0
- package/es/components/Card/next/CardContext.js +12 -2
- package/es/components/Card/next/CardFooter.d.ts.map +1 -1
- package/es/components/Card/next/CardHeader.d.ts.map +1 -1
- package/es/components/Card/next/CardHeader.js +25 -2
- package/es/components/Card/next/CardHeaderMedia.d.ts +33 -0
- package/es/components/Card/next/CardHeaderMedia.d.ts.map +1 -0
- package/es/components/Card/next/CardHeaderMedia.js +44 -0
- package/es/components/Card/next/CardLabel.d.ts +46 -0
- package/es/components/Card/next/CardLabel.d.ts.map +1 -0
- package/es/components/Card/next/CardLabel.js +52 -0
- package/es/components/Card/next/CardMedia.d.ts +39 -0
- package/es/components/Card/next/CardMedia.d.ts.map +1 -0
- package/es/components/Card/next/CardMedia.js +50 -0
- package/es/components/Card/next/CardTitle.d.ts +82 -0
- package/es/components/Card/next/CardTitle.d.ts.map +1 -0
- package/es/components/Card/next/CardTitle.js +77 -0
- package/es/components/Card/next/CardTitleMedia.d.ts +24 -0
- package/es/components/Card/next/CardTitleMedia.d.ts.map +1 -0
- package/es/components/Card/next/CardTitleMedia.js +48 -0
- package/es/components/Card/next/index.d.ts +2 -3
- package/es/components/Card/next/index.d.ts.map +1 -1
- package/es/components/Card/next/index.js +17 -5
- package/es/components/Coachmark/next/Coachmark/Coachmark.d.ts +9 -3
- package/es/components/Coachmark/next/Coachmark/Coachmark.d.ts.map +1 -1
- package/es/components/Coachmark/next/Coachmark/Coachmark.js +6 -13
- package/es/components/Coachmark/next/Coachmark/CoachmarkContent.d.ts +1 -1
- package/es/components/Coachmark/next/Coachmark/CoachmarkContent.d.ts.map +1 -1
- package/es/components/Coachmark/next/Coachmark/CoachmarkContent.js +16 -32
- package/es/components/Coachmark/next/Coachmark/context.d.ts +2 -2
- package/es/components/Coachmark/next/Coachmark/context.d.ts.map +1 -1
- package/es/components/Coachmark/next/Coachmark/context.js +1 -2
- package/es/components/ExportModal/ExportModal.d.ts +1 -0
- package/es/components/ExportModal/ExportModal.d.ts.map +1 -1
- package/es/components/ExportModal/ExportModal.js +6 -0
- package/es/components/ImportModal/ImportModal.d.ts +3 -0
- package/es/components/ImportModal/ImportModal.d.ts.map +1 -1
- package/es/components/ImportModal/ImportModal.js +8 -0
- package/es/components/PageHeader/PageHeader.d.ts +6 -0
- package/es/components/PageHeader/PageHeader.d.ts.map +1 -1
- package/es/components/PageHeader/PageHeader.js +11 -0
- package/es/components/Tearsheet/next/StackContext.d.ts +2 -2
- package/es/components/Tearsheet/next/StackContext.d.ts.map +1 -1
- package/es/components/Tearsheet/next/Tearsheet.d.ts +30 -28
- package/es/components/Tearsheet/next/Tearsheet.d.ts.map +1 -1
- package/es/components/Tearsheet/next/Tearsheet.js +4 -2
- package/es/components/Tearsheet/next/TearsheetBody.d.ts +20 -14
- package/es/components/Tearsheet/next/TearsheetBody.d.ts.map +1 -1
- package/es/components/Tearsheet/next/TearsheetBody.js +4 -0
- package/es/components/Tearsheet/next/TearsheetHeader.d.ts +15 -14
- package/es/components/Tearsheet/next/TearsheetHeader.d.ts.map +1 -1
- package/es/components/Tearsheet/next/TearsheetHeader.js +14 -7
- package/es/components/Tearsheet/next/TearsheetHeaderActions.d.ts +10 -6
- package/es/components/Tearsheet/next/TearsheetHeaderActions.d.ts.map +1 -1
- package/es/components/Tearsheet/next/TearsheetHeaderActions.js +6 -3
- package/es/components/Tearsheet/next/TearsheetHeaderContent.d.ts.map +1 -1
- package/es/components/Tearsheet/next/TearsheetHeaderContent.js +7 -4
- package/es/components/Tearsheet/next/_story-assets/StepTearsheet.d.ts +7 -1
- package/es/components/Tearsheet/next/_story-assets/StepTearsheet.d.ts.map +1 -1
- package/es/components/Tearsheet/next/context.d.ts +2 -1
- package/es/components/Tearsheet/next/context.d.ts.map +1 -1
- package/es/components/index.d.ts +1 -1
- package/es/components/index.d.ts.map +1 -1
- package/es/node_modules/@carbon/icons-react/es/generated/bucket-11.js +283 -294
- package/es/node_modules/@carbon/icons-react/es/generated/bucket-3.js +25 -41
- package/es/node_modules/@carbon/icons-react/es/{iconPropTypes-BElKp6Sn.js → iconPropTypes-CdMBxq3Y.js} +1 -1
- package/lib/components/APIKeyModal/APIKeyModal.d.ts +3 -0
- package/lib/components/APIKeyModal/APIKeyModal.d.ts.map +1 -1
- package/lib/components/APIKeyModal/APIKeyModal.js +8 -0
- package/lib/components/AddSelect/next/AddSelect.d.ts +7 -9
- package/lib/components/AddSelect/next/AddSelect.d.ts.map +1 -1
- package/lib/components/AddSelect/next/AddSelect.js +0 -2
- package/lib/components/AddSelect/next/AddSelectBody.d.ts +4 -0
- package/lib/components/AddSelect/next/AddSelectBody.d.ts.map +1 -1
- package/lib/components/AddSelect/next/AddSelectBody.js +78 -2
- package/lib/components/AddSelect/next/AddSelectColumn.d.ts +1 -1
- 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 +9 -2
- package/lib/components/AddSelect/next/AddSelectSelectionSummaryItem.d.ts.map +1 -1
- package/lib/components/AddSelect/next/AddSelectSelectionSummaryItem.js +5 -3
- package/lib/components/AddSelect/next/index.d.ts +0 -1
- package/lib/components/AddSelect/next/index.d.ts.map +1 -1
- package/lib/components/BigNumber/BigNumber.d.ts +1 -1
- package/lib/components/BigNumber/BigNumber.d.ts.map +1 -1
- package/lib/components/BigNumber/BigNumber.js +2 -2
- package/lib/components/Card/next/Card.d.ts +87 -11
- package/lib/components/Card/next/Card.d.ts.map +1 -1
- package/lib/components/Card/next/Card.js +61 -11
- package/lib/components/Card/next/Card.types.d.ts +13 -0
- package/lib/components/Card/next/Card.types.d.ts.map +1 -1
- package/lib/components/Card/next/CardAction.d.ts +43 -0
- package/lib/components/Card/next/CardAction.d.ts.map +1 -0
- package/lib/components/Card/next/CardAction.js +53 -0
- package/lib/components/Card/next/CardActions.d.ts +46 -0
- package/lib/components/Card/next/CardActions.d.ts.map +1 -0
- package/lib/components/Card/next/CardActions.js +109 -0
- package/lib/components/Card/next/CardCaption.d.ts +46 -0
- package/lib/components/Card/next/CardCaption.d.ts.map +1 -0
- package/lib/components/Card/next/CardCaption.js +54 -0
- package/lib/components/Card/next/CardContext.js +13 -1
- package/lib/components/Card/next/CardFooter.d.ts.map +1 -1
- package/lib/components/Card/next/CardHeader.d.ts.map +1 -1
- package/lib/components/Card/next/CardHeader.js +24 -1
- package/lib/components/Card/next/CardHeaderMedia.d.ts +33 -0
- package/lib/components/Card/next/CardHeaderMedia.d.ts.map +1 -0
- package/lib/components/Card/next/CardHeaderMedia.js +46 -0
- package/lib/components/Card/next/CardLabel.d.ts +46 -0
- package/lib/components/Card/next/CardLabel.d.ts.map +1 -0
- package/lib/components/Card/next/CardLabel.js +54 -0
- package/lib/components/Card/next/CardMedia.d.ts +39 -0
- package/lib/components/Card/next/CardMedia.d.ts.map +1 -0
- package/lib/components/Card/next/CardMedia.js +52 -0
- package/lib/components/Card/next/CardTitle.d.ts +82 -0
- package/lib/components/Card/next/CardTitle.d.ts.map +1 -0
- package/lib/components/Card/next/CardTitle.js +79 -0
- package/lib/components/Card/next/CardTitleMedia.d.ts +24 -0
- package/lib/components/Card/next/CardTitleMedia.d.ts.map +1 -0
- package/lib/components/Card/next/CardTitleMedia.js +50 -0
- package/lib/components/Card/next/index.d.ts +2 -3
- package/lib/components/Card/next/index.d.ts.map +1 -1
- package/lib/components/Card/next/index.js +16 -4
- package/lib/components/Coachmark/next/Coachmark/Coachmark.d.ts +9 -3
- package/lib/components/Coachmark/next/Coachmark/Coachmark.d.ts.map +1 -1
- package/lib/components/Coachmark/next/Coachmark/Coachmark.js +6 -13
- package/lib/components/Coachmark/next/Coachmark/CoachmarkContent.d.ts +1 -1
- package/lib/components/Coachmark/next/Coachmark/CoachmarkContent.d.ts.map +1 -1
- package/lib/components/Coachmark/next/Coachmark/CoachmarkContent.js +16 -32
- package/lib/components/Coachmark/next/Coachmark/context.d.ts +2 -2
- package/lib/components/Coachmark/next/Coachmark/context.d.ts.map +1 -1
- package/lib/components/Coachmark/next/Coachmark/context.js +1 -2
- package/lib/components/ExportModal/ExportModal.d.ts +1 -0
- package/lib/components/ExportModal/ExportModal.d.ts.map +1 -1
- package/lib/components/ExportModal/ExportModal.js +6 -0
- package/lib/components/ImportModal/ImportModal.d.ts +3 -0
- package/lib/components/ImportModal/ImportModal.d.ts.map +1 -1
- package/lib/components/ImportModal/ImportModal.js +8 -0
- package/lib/components/PageHeader/PageHeader.d.ts +6 -0
- package/lib/components/PageHeader/PageHeader.d.ts.map +1 -1
- package/lib/components/PageHeader/PageHeader.js +11 -0
- package/lib/components/Tearsheet/next/StackContext.d.ts +2 -2
- package/lib/components/Tearsheet/next/StackContext.d.ts.map +1 -1
- package/lib/components/Tearsheet/next/Tearsheet.d.ts +30 -28
- package/lib/components/Tearsheet/next/Tearsheet.d.ts.map +1 -1
- package/lib/components/Tearsheet/next/Tearsheet.js +4 -2
- package/lib/components/Tearsheet/next/TearsheetBody.d.ts +20 -14
- package/lib/components/Tearsheet/next/TearsheetBody.d.ts.map +1 -1
- package/lib/components/Tearsheet/next/TearsheetBody.js +4 -0
- package/lib/components/Tearsheet/next/TearsheetHeader.d.ts +15 -14
- package/lib/components/Tearsheet/next/TearsheetHeader.d.ts.map +1 -1
- package/lib/components/Tearsheet/next/TearsheetHeader.js +14 -7
- package/lib/components/Tearsheet/next/TearsheetHeaderActions.d.ts +10 -6
- package/lib/components/Tearsheet/next/TearsheetHeaderActions.d.ts.map +1 -1
- package/lib/components/Tearsheet/next/TearsheetHeaderActions.js +4 -1
- package/lib/components/Tearsheet/next/TearsheetHeaderContent.d.ts.map +1 -1
- package/lib/components/Tearsheet/next/TearsheetHeaderContent.js +7 -4
- package/lib/components/Tearsheet/next/_story-assets/StepTearsheet.d.ts +7 -1
- package/lib/components/Tearsheet/next/_story-assets/StepTearsheet.d.ts.map +1 -1
- package/lib/components/Tearsheet/next/context.d.ts +2 -1
- package/lib/components/Tearsheet/next/context.d.ts.map +1 -1
- package/lib/components/index.d.ts +1 -1
- package/lib/components/index.d.ts.map +1 -1
- package/lib/node_modules/@carbon/icons-react/lib/{Icon-2zUDcllO.js → Icon.js} +8 -37
- package/lib/node_modules/@carbon/icons-react/lib/generated/bucket-0.js +133 -131
- package/lib/node_modules/@carbon/icons-react/lib/generated/bucket-1.js +140 -138
- package/lib/node_modules/@carbon/icons-react/lib/generated/bucket-10.js +393 -403
- package/lib/node_modules/@carbon/icons-react/lib/generated/bucket-11.js +417 -426
- package/lib/node_modules/@carbon/icons-react/lib/generated/bucket-12.js +447 -441
- package/lib/node_modules/@carbon/icons-react/lib/generated/bucket-13.js +449 -470
- package/lib/node_modules/@carbon/icons-react/lib/generated/bucket-14.js +487 -456
- package/lib/node_modules/@carbon/icons-react/lib/generated/bucket-15.js +550 -548
- package/lib/node_modules/@carbon/icons-react/lib/generated/bucket-16.js +680 -733
- package/lib/node_modules/@carbon/icons-react/lib/generated/bucket-17.js +810 -828
- package/lib/node_modules/@carbon/icons-react/lib/generated/bucket-18.js +754 -670
- package/lib/node_modules/@carbon/icons-react/lib/generated/bucket-19.js +622 -726
- package/lib/node_modules/@carbon/icons-react/lib/generated/bucket-2.js +150 -148
- package/lib/node_modules/@carbon/icons-react/lib/generated/bucket-20.js +752 -752
- package/lib/node_modules/@carbon/icons-react/lib/generated/bucket-21.js +724 -55
- package/lib/node_modules/@carbon/icons-react/lib/generated/bucket-3.js +176 -190
- package/lib/node_modules/@carbon/icons-react/lib/generated/bucket-4.js +198 -180
- package/lib/node_modules/@carbon/icons-react/lib/generated/bucket-5.js +217 -227
- package/lib/node_modules/@carbon/icons-react/lib/generated/bucket-6.js +270 -335
- package/lib/node_modules/@carbon/icons-react/lib/generated/bucket-7.js +405 -339
- package/lib/node_modules/@carbon/icons-react/lib/generated/bucket-8.js +400 -577
- package/lib/node_modules/@carbon/icons-react/lib/generated/bucket-9.js +578 -388
- package/lib/node_modules/@carbon/icons-react/lib/{iconPropTypes-DaTOKOBs.js → iconPropTypes-Dkz7B3UR.js} +6 -6
- package/lib/node_modules/@carbon/icons-react/lib/index.js +465 -423
- package/lib/node_modules/@carbon/icons-react/lib/rolldown-runtime-DyAcNxqs.js +51 -0
- package/package.json +18 -18
- package/scss/components/AboutModal/_about-modal.scss +12 -3
- package/scss/components/AddSelect/_add-select_next.scss +238 -99
- package/scss/components/BigNumber/_big-number.scss +4 -0
- package/scss/components/Card/_card-next.scss +394 -8
- package/scss/components/Tearsheet/_tearsheet_next.scss +38 -4
- package/telemetry.yml +24 -18
- package/es/components/AddSelect/next/AddSelectContent.d.ts +0 -26
- package/es/components/AddSelect/next/AddSelectContent.d.ts.map +0 -1
- package/es/components/AddSelect/next/AddSelectContent.js +0 -113
- package/lib/components/AddSelect/next/AddSelectContent.d.ts +0 -26
- package/lib/components/AddSelect/next/AddSelectContent.d.ts.map +0 -1
- package/lib/components/AddSelect/next/AddSelectContent.js +0 -115
|
@@ -22,23 +22,27 @@ import { PopoverContent } from "@carbon/react";
|
|
|
22
22
|
*/
|
|
23
23
|
var import_classnames = /* @__PURE__ */ __toESM(require_classnames());
|
|
24
24
|
const CoachmarkContent = forwardRef((props, ref) => {
|
|
25
|
-
const { className = "", children, "aria-label": ariaLabel, ...rest } = props;
|
|
25
|
+
const { className = "", children, "aria-label": ariaLabel = "Coachmark content", ...rest } = props;
|
|
26
26
|
const coachmarkContentBlockClass = `${blockClass}--coachmark-content`;
|
|
27
|
-
const { open, setContentRef, onClose, setOpen,
|
|
27
|
+
const { open, setContentRef, onClose, setOpen, launcherButtonRef, selectorPrimaryFocus } = useContext(CoachmarkContext);
|
|
28
28
|
const handleRef = useRef(null);
|
|
29
|
-
const
|
|
29
|
+
const mergedRef = React.useCallback((node) => {
|
|
30
|
+
handleRef.current = node;
|
|
31
|
+
if (ref) if (typeof ref === "function") ref(node);
|
|
32
|
+
else ref.current = node;
|
|
33
|
+
}, []);
|
|
30
34
|
useEffect(() => {
|
|
31
|
-
if (open &&
|
|
32
|
-
const popoverContainer =
|
|
35
|
+
if (open && handleRef.current) {
|
|
36
|
+
const popoverContainer = handleRef.current?.closest(`.${carbon.prefix}--popover`);
|
|
33
37
|
if (popoverContainer instanceof HTMLElement) setContentRef(popoverContainer);
|
|
34
38
|
}
|
|
35
|
-
}, [open
|
|
39
|
+
}, [open]);
|
|
36
40
|
useEffect(() => {
|
|
37
41
|
const handleKeyDown = (event) => {
|
|
38
42
|
if (event.key === "Escape" && open) {
|
|
39
43
|
onClose?.();
|
|
40
44
|
setOpen(false);
|
|
41
|
-
if (
|
|
45
|
+
if (launcherButtonRef?.current) launcherButtonRef.current.focus();
|
|
42
46
|
}
|
|
43
47
|
};
|
|
44
48
|
if (open) document.addEventListener("keydown", handleKeyDown);
|
|
@@ -49,40 +53,20 @@ const CoachmarkContent = forwardRef((props, ref) => {
|
|
|
49
53
|
open,
|
|
50
54
|
onClose,
|
|
51
55
|
setOpen,
|
|
52
|
-
|
|
53
|
-
]);
|
|
54
|
-
useEffect(() => {
|
|
55
|
-
const handleKeyDown = (event) => {
|
|
56
|
-
if (event.key === "Escape" && open) {
|
|
57
|
-
onClose?.();
|
|
58
|
-
setOpen(false);
|
|
59
|
-
}
|
|
60
|
-
};
|
|
61
|
-
if (open) document.addEventListener("keydown", handleKeyDown);
|
|
62
|
-
return () => {
|
|
63
|
-
document.removeEventListener("keydown", handleKeyDown);
|
|
64
|
-
};
|
|
65
|
-
}, [
|
|
66
|
-
open,
|
|
67
|
-
onClose,
|
|
68
|
-
setOpen
|
|
56
|
+
launcherButtonRef
|
|
69
57
|
]);
|
|
70
58
|
useEffect(() => {
|
|
71
59
|
if (open) setTimeout(() => {
|
|
72
60
|
requestAnimationFrame(() => {
|
|
73
61
|
let elementToFocus = null;
|
|
74
62
|
if (selectorPrimaryFocus) elementToFocus = document.querySelector(selectorPrimaryFocus);
|
|
75
|
-
if (!elementToFocus &&
|
|
63
|
+
if (!elementToFocus && handleRef.current) elementToFocus = handleRef.current.querySelector(`.${blockClass}--content-header--close-button`);
|
|
76
64
|
if (elementToFocus) elementToFocus.focus();
|
|
77
65
|
});
|
|
78
66
|
}, 100);
|
|
79
|
-
}, [
|
|
80
|
-
open,
|
|
81
|
-
selectorPrimaryFocus,
|
|
82
|
-
contentRef
|
|
83
|
-
]);
|
|
67
|
+
}, [open, selectorPrimaryFocus]);
|
|
84
68
|
return /* @__PURE__ */ React.createElement(PopoverContent, {
|
|
85
|
-
ref:
|
|
69
|
+
ref: mergedRef,
|
|
86
70
|
className: (0, import_classnames.default)(coachmarkContentBlockClass, className) || "",
|
|
87
71
|
role: "region",
|
|
88
72
|
"aria-label": ariaLabel,
|
|
@@ -94,7 +78,7 @@ CoachmarkContent.propTypes = {
|
|
|
94
78
|
/**
|
|
95
79
|
* Accessible label for the coachmark content region.
|
|
96
80
|
*/
|
|
97
|
-
"aria-label": PropTypes.string
|
|
81
|
+
"aria-label": PropTypes.string,
|
|
98
82
|
/**
|
|
99
83
|
* This is a required callback that has to return the content to render in the body section.
|
|
100
84
|
* It can be a single child or an array of children depending on your need
|
|
@@ -11,13 +11,13 @@ interface CoachmarkContextType {
|
|
|
11
11
|
open?: boolean;
|
|
12
12
|
setOpen: (value: boolean) => void;
|
|
13
13
|
align?: NewPopoverAlignment;
|
|
14
|
-
|
|
14
|
+
launcherButtonRef?: RefObject<HTMLElement | null>;
|
|
15
15
|
position: {
|
|
16
16
|
x: number;
|
|
17
17
|
y: number;
|
|
18
18
|
};
|
|
19
19
|
contentRef: HTMLElement | null;
|
|
20
|
-
setContentRef: (value:
|
|
20
|
+
setContentRef: (value: HTMLElement | null) => void;
|
|
21
21
|
floating?: boolean;
|
|
22
22
|
selectorPrimaryFocus?: string;
|
|
23
23
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../../../../src/components/Coachmark/next/Coachmark/context.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAiB,SAAS,EAAE,MAAM,OAAO,CAAC;AAEjD,OAAO,EAAE,mBAAmB,EAAE,MAAM,eAAe,CAAC;AAEpD,UAAU,oBAAoB;IAC5B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,OAAO,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IAClC,KAAK,CAAC,EAAE,mBAAmB,CAAC;IAC5B,
|
|
1
|
+
{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../../../../src/components/Coachmark/next/Coachmark/context.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAiB,SAAS,EAAE,MAAM,OAAO,CAAC;AAEjD,OAAO,EAAE,mBAAmB,EAAE,MAAM,eAAe,CAAC;AAEpD,UAAU,oBAAoB;IAC5B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,OAAO,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IAClC,KAAK,CAAC,EAAE,mBAAmB,CAAC;IAC5B,iBAAiB,CAAC,EAAE,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;IAClD,QAAQ,EAAE;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IACnC,UAAU,EAAE,WAAW,GAAG,IAAI,CAAC;IAC/B,aAAa,EAAE,CAAC,KAAK,EAAE,WAAW,GAAG,IAAI,KAAK,IAAI,CAAC;IACnD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,oBAAoB,CAAC,EAAE,MAAM,CAAC;CAC/B;AAED,eAAO,MAAM,gBAAgB,+CAQ3B,CAAC;AAEH,eAAO,MAAM,UAAU,QAAmC,CAAC"}
|
|
@@ -18,13 +18,12 @@ const CoachmarkContext = createContext({
|
|
|
18
18
|
open: false,
|
|
19
19
|
setOpen: () => {},
|
|
20
20
|
align: "bottom",
|
|
21
|
-
triggerRef: { current: null },
|
|
22
21
|
position: {
|
|
23
22
|
x: 0,
|
|
24
23
|
y: 0
|
|
25
24
|
},
|
|
26
25
|
contentRef: null,
|
|
27
|
-
setContentRef: (
|
|
26
|
+
setContentRef: (_value) => {},
|
|
28
27
|
floating: false
|
|
29
28
|
});
|
|
30
29
|
const blockClass = `${pkg.prefix}--coachmark__next`;
|
|
@@ -109,6 +109,7 @@ export interface ExportModalProps extends React.ComponentProps<typeof ComposedMo
|
|
|
109
109
|
}
|
|
110
110
|
/**
|
|
111
111
|
* Modal dialog version of the export pattern
|
|
112
|
+
* @deprecated This component is deprecated.
|
|
112
113
|
*/
|
|
113
114
|
export declare const ExportModal: React.ForwardRefExoticComponent<ExportModalProps & {
|
|
114
115
|
children?: ReactNode | undefined;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ExportModal.d.ts","sourceRoot":"","sources":["../../../src/components/ExportModal/ExportModal.tsx"],"names":[],"mappings":"AAOA,OAAO,EAEL,aAAa,EAYd,MAAM,eAAe,CAAC;AAEvB,OAAO,KAAK,EAAE,EACZ,SAAS,EAIT,SAAS,EAEV,MAAM,OAAO,CAAC;AAkBf,KAAK,SAAS,GAAG,MAAM,GAAG,UAAU,CAAC;AAErC,KAAK,sBAAsB,GAAG;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC;AACF,MAAM,WAAW,gBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,OAAO,aAAa,CAAC;IAClD;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;OAEG;IACH,QAAQ,EAAE,MAAM,CAAC;IACjB;;OAEG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;OAEG;IACH,SAAS,EAAE,SAAS,CAAC;IACrB;;OAEG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;OAEG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB;;OAEG;IACH,eAAe,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3C;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IACf;;OAEG;IACH,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB;;OAEG;IACH,sBAAsB,EAAE,SAAS,sBAAsB,EAAE,CAAC;IAC1D;;OAEG;IACH,2BAA2B,CAAC,EAAE,MAAM,CAAC;IACrC;;OAEG;IACH,iBAAiB,EAAE,MAAM,CAAC;IAC1B;;OAEG;IACH,mBAAmB,EAAE,MAAM,CAAC;IAC5B;;OAEG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B;;OAEG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,gBAAgB,CAAC,EAAE,SAAS,CAAC,GAAG,CAAC,CAAC;IAClC;;OAEG;IACH,eAAe,EAAE,SAAS,GAAG,EAAE,CAAC;CACjC;AAED
|
|
1
|
+
{"version":3,"file":"ExportModal.d.ts","sourceRoot":"","sources":["../../../src/components/ExportModal/ExportModal.tsx"],"names":[],"mappings":"AAOA,OAAO,EAEL,aAAa,EAYd,MAAM,eAAe,CAAC;AAEvB,OAAO,KAAK,EAAE,EACZ,SAAS,EAIT,SAAS,EAEV,MAAM,OAAO,CAAC;AAkBf,KAAK,SAAS,GAAG,MAAM,GAAG,UAAU,CAAC;AAErC,KAAK,sBAAsB,GAAG;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC;AACF,MAAM,WAAW,gBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,OAAO,aAAa,CAAC;IAClD;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;OAEG;IACH,QAAQ,EAAE,MAAM,CAAC;IACjB;;OAEG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;OAEG;IACH,SAAS,EAAE,SAAS,CAAC;IACrB;;OAEG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;OAEG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB;;OAEG;IACH,eAAe,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3C;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IACf;;OAEG;IACH,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB;;OAEG;IACH,sBAAsB,EAAE,SAAS,sBAAsB,EAAE,CAAC;IAC1D;;OAEG;IACH,2BAA2B,CAAC,EAAE,MAAM,CAAC;IACrC;;OAEG;IACH,iBAAiB,EAAE,MAAM,CAAC;IAC1B;;OAEG;IACH,mBAAmB,EAAE,MAAM,CAAC;IAC5B;;OAEG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B;;OAEG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,gBAAgB,CAAC,EAAE,SAAS,CAAC,GAAG,CAAC,CAAC;IAClC;;OAEG;IACH,eAAe,EAAE,SAAS,GAAG,EAAE,CAAC;CACjC;AAED;;;GAGG;AACH,eAAO,MAAM,WAAW;;iCA0NvB,CAAC"}
|
|
@@ -25,6 +25,7 @@ const defaults = {
|
|
|
25
25
|
};
|
|
26
26
|
/**
|
|
27
27
|
* Modal dialog version of the export pattern
|
|
28
|
+
* @deprecated This component is deprecated.
|
|
28
29
|
*/
|
|
29
30
|
const ExportModal = forwardRef(({ body, className, error, errorMessage, filename, hidePasswordLabel, inputLabel, inputType = "text", invalidInputText, loading, loadingMessage, onClose, onRequestSubmit, open, portalTarget: portalTargetIn, preformattedExtensions = defaults.preformattedExtensions, preformattedExtensionsLabel, primaryButtonText, secondaryButtonText, showPasswordLabel, successMessage, successful, title, triggerButtonRef, validExtensions = defaults.validExtensions, ...rest }, ref) => {
|
|
30
31
|
const blockClass = `${pkg.prefix}--export-modal`;
|
|
@@ -138,6 +139,11 @@ const ExportModal = forwardRef(({ body, className, error, errorMessage, filename
|
|
|
138
139
|
disabled: primaryButtonDisabled
|
|
139
140
|
}, primaryButtonText)))));
|
|
140
141
|
});
|
|
142
|
+
/**@ts-ignore*/
|
|
143
|
+
ExportModal.deprecated = {
|
|
144
|
+
level: "warn",
|
|
145
|
+
details: `Please replace ${componentName} with Export Modal pattern`
|
|
146
|
+
};
|
|
141
147
|
ExportModal.propTypes = {
|
|
142
148
|
/**
|
|
143
149
|
* Body content for the modal
|
|
@@ -136,6 +136,9 @@ export interface ImportModalProps {
|
|
|
136
136
|
*/
|
|
137
137
|
title: string;
|
|
138
138
|
}
|
|
139
|
+
/**
|
|
140
|
+
* @deprecated This component is deprecated.
|
|
141
|
+
*/
|
|
139
142
|
export declare const ImportModal: React.FC<ImportModalProps>;
|
|
140
143
|
export {};
|
|
141
144
|
//# sourceMappingURL=ImportModal.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ImportModal.d.ts","sourceRoot":"","sources":["../../../src/components/ImportModal/ImportModal.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAaH,OAAO,KAAK,EAAE,EAAgB,SAAS,EAAwB,MAAM,OAAO,CAAC;AAY7E,KAAK,QAAQ,GAAG;IACd,UAAU,CAAC,EAAE,SAAS,GAAG,OAAO,CAAC;IACjC,QAAQ,CAAC,EAAE,IAAI,CAAC;IAChB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,UAAU,CAAC;IAC3C,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB,CAAC;AAEF,MAAM,WAAW,gBAAgB;IAC/B;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,EAAE,CAAC;IAClB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,gBAAgB,EAAE,MAAM,CAAC;IACzB;;OAEG;IACH,kBAAkB,EAAE,MAAM,CAAC;IAC3B;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB;;OAEG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B;;OAEG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB;;OAEG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB;;OAEG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB;;OAEG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B;;OAEG;IACH,eAAe,EAAE,MAAM,CAAC;IACxB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;OAEG;IACH,UAAU,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B;;OAEG;IACH,wBAAwB,CAAC,EAAE,MAAM,CAAC;IAClC;;OAEG;IACH,0BAA0B,CAAC,EAAE,MAAM,CAAC;IACpC;;OAEG;IACH,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAChC;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B;;OAEG;IACH,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAChC;;OAEG;IACH,OAAO,CAAC,IAAI,IAAI,CAAC;IACjB;;OAEG;IACH,eAAe,CAAC,KAAK,EAAE,QAAQ,EAAE,GAAG,IAAI,CAAC;IACzC;;OAEG;IACH,IAAI,EAAE,OAAO,CAAC;IACd;;OAEG;IACH,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB;;OAEG;IACH,iBAAiB,EAAE,MAAM,CAAC;IAC1B;;OAEG;IACH,mBAAmB,EAAE,MAAM,CAAC;IAC5B;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;CACf;AAED,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CA2PlD,CAAC"}
|
|
1
|
+
{"version":3,"file":"ImportModal.d.ts","sourceRoot":"","sources":["../../../src/components/ImportModal/ImportModal.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAaH,OAAO,KAAK,EAAE,EAAgB,SAAS,EAAwB,MAAM,OAAO,CAAC;AAY7E,KAAK,QAAQ,GAAG;IACd,UAAU,CAAC,EAAE,SAAS,GAAG,OAAO,CAAC;IACjC,QAAQ,CAAC,EAAE,IAAI,CAAC;IAChB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,UAAU,CAAC;IAC3C,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB,CAAC;AAEF,MAAM,WAAW,gBAAgB;IAC/B;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,EAAE,CAAC;IAClB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,gBAAgB,EAAE,MAAM,CAAC;IACzB;;OAEG;IACH,kBAAkB,EAAE,MAAM,CAAC;IAC3B;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB;;OAEG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B;;OAEG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB;;OAEG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB;;OAEG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB;;OAEG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B;;OAEG;IACH,eAAe,EAAE,MAAM,CAAC;IACxB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;OAEG;IACH,UAAU,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B;;OAEG;IACH,wBAAwB,CAAC,EAAE,MAAM,CAAC;IAClC;;OAEG;IACH,0BAA0B,CAAC,EAAE,MAAM,CAAC;IACpC;;OAEG;IACH,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAChC;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B;;OAEG;IACH,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAChC;;OAEG;IACH,OAAO,CAAC,IAAI,IAAI,CAAC;IACjB;;OAEG;IACH,eAAe,CAAC,KAAK,EAAE,QAAQ,EAAE,GAAG,IAAI,CAAC;IACzC;;OAEG;IACH,IAAI,EAAE,OAAO,CAAC;IACd;;OAEG;IACH,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB;;OAEG;IACH,iBAAiB,EAAE,MAAM,CAAC;IAC1B;;OAEG;IACH,mBAAmB,EAAE,MAAM,CAAC;IAC5B;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;CACf;AAED;;GAEG;AACH,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CA2PlD,CAAC"}
|
|
@@ -24,6 +24,9 @@ import { Add } from "@carbon/react/icons";
|
|
|
24
24
|
*/
|
|
25
25
|
var import_classnames = /* @__PURE__ */ __toESM(require_classnames());
|
|
26
26
|
const componentName = "ImportModal";
|
|
27
|
+
/**
|
|
28
|
+
* @deprecated This component is deprecated.
|
|
29
|
+
*/
|
|
27
30
|
const ImportModal = forwardRef(({ accept = [], className, defaultErrorBody, defaultErrorHeader, description, fetchErrorBody, fetchErrorHeader, fileDropHeader, fileDropLabel, fileUploadLabel, hideInputLabel, inputButtonIcon, inputButtonText, inputId, inputLabel, inputPlaceholder, invalidFileTypeErrorBody, invalidFileTypeErrorHeader, invalidIconDescription, maxFileSize, maxFileSizeErrorBody, maxFileSizeErrorHeader, onClose, onRequestSubmit, open, portalTarget: portalTargetIn, primaryButtonText, secondaryButtonText, title, ...rest }, ref) => {
|
|
28
31
|
const carbonPrefix = usePrefix();
|
|
29
32
|
const [files, setFiles] = useState([]);
|
|
@@ -174,6 +177,11 @@ const ImportModal = forwardRef(({ accept = [], className, defaultErrorBody, defa
|
|
|
174
177
|
disabled: primaryButtonDisabled
|
|
175
178
|
}, primaryButtonText))));
|
|
176
179
|
});
|
|
180
|
+
/**@ts-ignore*/
|
|
181
|
+
ImportModal.deprecated = {
|
|
182
|
+
level: "warn",
|
|
183
|
+
details: `Please replace ${componentName} with Import and Upload pattern`
|
|
184
|
+
};
|
|
177
185
|
ImportModal.propTypes = {
|
|
178
186
|
/**
|
|
179
187
|
* Specifies the file types that are valid for importing
|
|
@@ -290,6 +290,12 @@ interface PageHeaderBaseProps extends PropsWithChildren {
|
|
|
290
290
|
hasBackgroundAlways?: boolean;
|
|
291
291
|
}
|
|
292
292
|
export type PageHeaderProps = PageHeaderBaseProps & PageActionProps & CollapseHeaderProps & BreadcrumbProps & ActionBarOverflowAriaLabelProps;
|
|
293
|
+
/**
|
|
294
|
+
* ## Deprecation Notice
|
|
295
|
+
*
|
|
296
|
+
* @deprecated
|
|
297
|
+
* This component is deprecated and will be removed in the next major version. Please migrate to [preview_PageHeader](https://ibm-products.carbondesignsystem.com/?path=/docs/preview-pageheader--overview#migration-guidance-from-deprecated-pageheader-to-preview_pageheader).
|
|
298
|
+
*/
|
|
293
299
|
export declare const PageHeader: React.ForwardRefExoticComponent<PageHeaderProps & React.RefAttributes<HTMLDivElement>>;
|
|
294
300
|
export declare const deprecatedProps: {
|
|
295
301
|
/**
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PageHeader.d.ts","sourceRoot":"","sources":["../../../src/components/PageHeader/PageHeader.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"PageHeader.d.ts","sourceRoot":"","sources":["../../../src/components/PageHeader/PageHeader.tsx"],"names":[],"mappings":"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"}
|
|
@@ -32,6 +32,12 @@ const defaults = {
|
|
|
32
32
|
narrowGrid: false,
|
|
33
33
|
breadcrumbOverflowTooltipAlign: "right"
|
|
34
34
|
};
|
|
35
|
+
/**
|
|
36
|
+
* ## Deprecation Notice
|
|
37
|
+
*
|
|
38
|
+
* @deprecated
|
|
39
|
+
* This component is deprecated and will be removed in the next major version. Please migrate to [preview_PageHeader](https://ibm-products.carbondesignsystem.com/?path=/docs/preview-pageheader--overview#migration-guidance-from-deprecated-pageheader-to-preview_pageheader).
|
|
40
|
+
*/
|
|
35
41
|
const PageHeader = React.forwardRef(({ actionBarItems, actionBarMenuOptionsClass, actionBarOverflowAriaLabel, allTagsModalSearchLabel, allTagsModalSearchPlaceholderText, allTagsModalTitle, hasBackgroundAlways: deprecated_hasBackgroundAlways, breadcrumbOverflowAriaLabel, breadcrumbLabel, breadcrumbs, children, className, collapseHeader, collapseHeaderIconDescription, collapseTitle, disableBreadcrumbScroll: deprecated_disableBreadcrumbScroll, enableBreadcrumbScroll, expandHeaderIconDescription, fullWidthGrid = defaults.fullWidthGrid, hasCollapseHeaderToggle, narrowGrid = defaults.narrowGrid, navigation, pageActions, pageActionsOverflowLabel, pageActionsMenuOptionsClass, showAllTagsLabel, subtitle, tags, title, withoutBackground, breadcrumbOverflowTooltipAlign = defaults.breadcrumbOverflowTooltipAlign, ...rest }, ref) => {
|
|
36
42
|
withoutBackground ??= !(deprecated_hasBackgroundAlways ?? true);
|
|
37
43
|
enableBreadcrumbScroll ??= !(deprecated_disableBreadcrumbScroll ?? true);
|
|
@@ -383,6 +389,11 @@ const PageHeader = React.forwardRef(({ actionBarItems, actionBarMenuOptionsClass
|
|
|
383
389
|
}
|
|
384
390
|
}
|
|
385
391
|
});
|
|
392
|
+
/**@ts-ignore*/
|
|
393
|
+
PageHeader.deprecated = {
|
|
394
|
+
level: "warn",
|
|
395
|
+
details: `Please replace ${componentName} with preview__PageHeader`
|
|
396
|
+
};
|
|
386
397
|
const tagTypes = Object.keys({
|
|
387
398
|
red: "Red",
|
|
388
399
|
magenta: "Magenta",
|
|
@@ -12,11 +12,11 @@ export interface StackContextType {
|
|
|
12
12
|
getBlockSizeChange: (id: string) => string | null;
|
|
13
13
|
getDepth: (id: string) => number | null;
|
|
14
14
|
}
|
|
15
|
-
interface
|
|
15
|
+
interface StackProviderProps {
|
|
16
16
|
children: ReactNode;
|
|
17
17
|
stackStepSize?: 'sm' | 'md' | 'lg';
|
|
18
18
|
}
|
|
19
|
-
export declare const StackProvider: React.FC<
|
|
19
|
+
export declare const StackProvider: React.FC<StackProviderProps>;
|
|
20
20
|
export declare const useStackContext: () => StackContextType;
|
|
21
21
|
export {};
|
|
22
22
|
//# sourceMappingURL=StackContext.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"StackContext.d.ts","sourceRoot":"","sources":["../../../../src/components/Tearsheet/next/StackContext.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAK,EAAE,EAGZ,SAAS,EAIV,MAAM,OAAO,CAAC;AAIf,MAAM,WAAW,gBAAgB;IAC/B,KAAK,EAAE,MAAM,EAAE,CAAC;IAChB,WAAW,EAAE,CACX,EAAE,EAAE,MAAM,EACV,IAAI,EAAE,OAAO,EACb,SAAS,EAAE,cAAc,GAAG,IAAI,KAC7B,IAAI,CAAC;IACV,cAAc,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,MAAM,GAAG,IAAI,CAAC;IAC9C,kBAAkB,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,MAAM,GAAG,IAAI,CAAC;IAClD,QAAQ,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,MAAM,GAAG,IAAI,CAAC;CACzC;AAID,UAAU,
|
|
1
|
+
{"version":3,"file":"StackContext.d.ts","sourceRoot":"","sources":["../../../../src/components/Tearsheet/next/StackContext.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAK,EAAE,EAGZ,SAAS,EAIV,MAAM,OAAO,CAAC;AAIf,MAAM,WAAW,gBAAgB;IAC/B,KAAK,EAAE,MAAM,EAAE,CAAC;IAChB,WAAW,EAAE,CACX,EAAE,EAAE,MAAM,EACV,IAAI,EAAE,OAAO,EACb,SAAS,EAAE,cAAc,GAAG,IAAI,KAC7B,IAAI,CAAC;IACV,cAAc,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,MAAM,GAAG,IAAI,CAAC;IAC9C,kBAAkB,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,MAAM,GAAG,IAAI,CAAC;IAClD,QAAQ,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,MAAM,GAAG,IAAI,CAAC;CACzC;AAID,UAAU,kBAAkB;IAC1B,QAAQ,EAAE,SAAS,CAAC;IACpB,aAAa,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;CACpC;AAED,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAiFtD,CAAC;AAEF,eAAO,MAAM,eAAe,QAAO,gBAalC,CAAC"}
|
|
@@ -5,12 +5,12 @@
|
|
|
5
5
|
* LICENSE file in the root directory of this source tree.
|
|
6
6
|
*/
|
|
7
7
|
import React, { ReactNode, FC } from 'react';
|
|
8
|
-
import { ComposedModalProps } from '@carbon/react';
|
|
9
|
-
import { TearsheetHeaderProps, TearsheetNavigationBarProps, TearsheetScrollButtonProps } from './TearsheetHeader';
|
|
10
|
-
import { TearsheetHeaderContentProps } from './TearsheetHeaderContent';
|
|
11
|
-
import { InfluencerProps, MainContentProps, SummaryContentProps, TearsheetBodyProps } from './TearsheetBody';
|
|
12
|
-
import { TearsheetHeaderActionItemProps, TearsheetHeaderActionsProps } from './TearsheetHeaderActions';
|
|
13
|
-
import { TearsheetFooterProps } from './TearsheetFooter';
|
|
8
|
+
import { type ComposedModalProps } from '@carbon/react';
|
|
9
|
+
import { type TearsheetHeaderProps, type TearsheetNavigationBarProps, type TearsheetScrollButtonProps } from './TearsheetHeader';
|
|
10
|
+
import { type TearsheetHeaderContentProps } from './TearsheetHeaderContent';
|
|
11
|
+
import { type InfluencerProps, type MainContentProps, type SummaryContentProps, type TearsheetBodyProps } from './TearsheetBody';
|
|
12
|
+
import { type TearsheetHeaderActionItemProps, type TearsheetHeaderActionsProps } from './TearsheetHeaderActions';
|
|
13
|
+
import { type TearsheetFooterProps } from './TearsheetFooter';
|
|
14
14
|
/**
|
|
15
15
|
* ----------
|
|
16
16
|
* Tearsheet
|
|
@@ -19,73 +19,75 @@ import { TearsheetFooterProps } from './TearsheetFooter';
|
|
|
19
19
|
export interface TearsheetProps extends ComposedModalProps {
|
|
20
20
|
children?: React.ReactNode;
|
|
21
21
|
/**
|
|
22
|
-
*
|
|
22
|
+
* Whether the tearsheet is currently open.
|
|
23
23
|
*/
|
|
24
24
|
open?: boolean;
|
|
25
25
|
/**
|
|
26
|
-
*
|
|
26
|
+
* Optional class names added to the modal wrapper.
|
|
27
27
|
*/
|
|
28
28
|
className?: string;
|
|
29
29
|
/**
|
|
30
|
-
*
|
|
30
|
+
* Optional class names added to the modal container (not the wrapper).
|
|
31
31
|
*/
|
|
32
32
|
containerClassName?: string;
|
|
33
33
|
/**
|
|
34
|
-
*
|
|
34
|
+
* Gap from the top of the viewport. Defaults to `88px`.
|
|
35
35
|
*/
|
|
36
36
|
verticalGap?: string;
|
|
37
37
|
/**
|
|
38
|
-
*
|
|
38
|
+
* Override the default influencer width (`256px`). Accepts any valid CSS
|
|
39
|
+
* length, e.g. `"300px"` or `"20rem"`.
|
|
39
40
|
*/
|
|
40
41
|
influencerWidth?: string;
|
|
41
42
|
/**
|
|
42
|
-
*
|
|
43
|
+
* Override the default summary content width (`256px`).
|
|
43
44
|
*/
|
|
44
45
|
summaryContentWidth?: string;
|
|
45
46
|
/**
|
|
46
|
-
*
|
|
47
|
+
* Tearsheet variant. Defaults to `"wide"`.
|
|
47
48
|
*/
|
|
48
49
|
variant?: 'wide' | 'narrow';
|
|
49
50
|
/**
|
|
50
|
-
* Optional
|
|
51
|
+
* Optional decorator component (e.g. `AILabel`).
|
|
51
52
|
*/
|
|
52
53
|
decorator?: ReactNode;
|
|
53
54
|
/**
|
|
54
|
-
*
|
|
55
|
+
* CSS selectors that match floating menus inside the tearsheet.
|
|
55
56
|
*
|
|
56
57
|
* See https://react.carbondesignsystem.com/?path=/docs/components-composedmodal--overview#focus-management
|
|
57
58
|
*/
|
|
58
59
|
selectorsFloatingMenus?: string[];
|
|
59
60
|
/**
|
|
60
|
-
*
|
|
61
|
+
* Accessible label for the tearsheet dialog.
|
|
61
62
|
*/
|
|
62
63
|
ariaLabel?: string;
|
|
63
64
|
/**
|
|
64
|
-
*
|
|
65
|
-
*
|
|
66
|
-
* Returning `false` here prevents the modal from closing.
|
|
65
|
+
* Called when the user dismisses the tearsheet. Return `false` to prevent
|
|
66
|
+
* the tearsheet from closing.
|
|
67
67
|
*/
|
|
68
68
|
onClose?: () => void;
|
|
69
69
|
/**
|
|
70
|
-
*
|
|
71
|
-
*
|
|
70
|
+
* CSS selector for the element that should receive focus when the tearsheet
|
|
71
|
+
* opens.
|
|
72
72
|
*/
|
|
73
73
|
selectorPrimaryFocus?: string;
|
|
74
74
|
/**
|
|
75
|
-
*
|
|
75
|
+
* DOM element to portal the tearsheet into. Defaults to `document.body`.
|
|
76
76
|
*/
|
|
77
77
|
portalTarget?: HTMLElement;
|
|
78
78
|
/**
|
|
79
|
-
* Disable the portal
|
|
80
|
-
*
|
|
81
|
-
*
|
|
79
|
+
* Disable the portal and render the tearsheet inline. Useful for tests and
|
|
80
|
+
* contexts where you need to inherit React context from parent components.
|
|
81
|
+
*
|
|
82
82
|
* @default false
|
|
83
83
|
*/
|
|
84
84
|
disablePortal?: boolean;
|
|
85
85
|
/**
|
|
86
|
-
*
|
|
87
|
-
*
|
|
88
|
-
*
|
|
86
|
+
* When `true`, the tearsheet stays mounted in the DOM when closed and is
|
|
87
|
+
* hidden via CSS only. Use this to preserve component state or avoid
|
|
88
|
+
* remounting overhead.
|
|
89
|
+
*
|
|
90
|
+
* @default false
|
|
89
91
|
*/
|
|
90
92
|
keepMounted?: boolean;
|
|
91
93
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tearsheet.d.ts","sourceRoot":"","sources":["../../../../src/components/Tearsheet/next/Tearsheet.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,OAAO,KAAK,EAAE,EAKZ,SAAS,EAET,EAAE,EAEH,MAAM,OAAO,CAAC;AAOf,OAAO,EAEL,kBAAkB,
|
|
1
|
+
{"version":3,"file":"Tearsheet.d.ts","sourceRoot":"","sources":["../../../../src/components/Tearsheet/next/Tearsheet.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,OAAO,KAAK,EAAE,EAKZ,SAAS,EAET,EAAE,EAEH,MAAM,OAAO,CAAC;AAOf,OAAO,EAEL,KAAK,kBAAkB,EAKxB,MAAM,eAAe,CAAC;AAEvB,OAAwB,EACtB,KAAK,oBAAoB,EAEzB,KAAK,2BAA2B,EAEhC,KAAK,0BAA0B,EAChC,MAAM,mBAAmB,CAAC;AAC3B,OAA+B,EAC7B,KAAK,2BAA2B,EACjC,MAAM,0BAA0B,CAAC;AAClC,OAAsB,EAEpB,KAAK,eAAe,EAEpB,KAAK,gBAAgB,EAErB,KAAK,mBAAmB,EACxB,KAAK,kBAAkB,EACxB,MAAM,iBAAiB,CAAC;AAEzB,OAAO,EAEL,KAAK,8BAA8B,EAEnC,KAAK,2BAA2B,EACjC,MAAM,0BAA0B,CAAC;AAClC,OAAwB,EAAE,KAAK,oBAAoB,EAAE,MAAM,mBAAmB,CAAC;AAQ/E;;;;GAIG;AAEH,MAAM,WAAW,cAAe,SAAQ,kBAAkB;IACxD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE3B;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IAEf;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;OAEG;IACH,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAE5B;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB;;;OAGG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;IAEzB;;OAEG;IACH,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAE7B;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,GAAG,QAAQ,CAAC;IAE5B;;OAEG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC;IAEtB;;;;OAIG;IACH,sBAAsB,CAAC,EAAE,MAAM,EAAE,CAAC;IAElC;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IAErB;;;OAGG;IACH,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAE9B;;OAEG;IACH,YAAY,CAAC,EAAE,WAAW,CAAC;IAE3B;;;;;OAKG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IAExB;;;;;;OAMG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,MAAM,MAAM,sBAAsB,GAAG,KAAK,CAAC,yBAAyB,CAClE,cAAc,GAAG,KAAK,CAAC,aAAa,CAAC,cAAc,CAAC,CACrD,GAAG;IACF,MAAM,EAAE,EAAE,CAAC,oBAAoB,CAAC,CAAC;IACjC,aAAa,EAAE,EAAE,CAAC,2BAA2B,CAAC,CAAC;IAC/C,UAAU,EAAE,EAAE,CAAC,eAAe,CAAC,CAAC;IAChC,aAAa,EAAE,EAAE,CAAC,2BAA2B,CAAC,CAAC;IAC/C,YAAY,EAAE,EAAE,CAAC,0BAA0B,CAAC,CAAC;IAC7C,aAAa,EAAE,EAAE,CAAC,2BAA2B,CAAC,CAAC;IAC/C,gBAAgB,EAAE,EAAE,CAAC,8BAA8B,CAAC,CAAC;IACrD,WAAW,EAAE,EAAE,CAAC,gBAAgB,CAAC,CAAC;IAClC,cAAc,EAAE,EAAE,CAAC,mBAAmB,CAAC,CAAC;IACxC,IAAI,EAAE,EAAE,CAAC,kBAAkB,CAAC,CAAC;IAC7B,MAAM,EAAE,EAAE,CAAC,oBAAoB,CAAC,CAAC;CAClC,CAAC;AAiRF;;;GAGG;AACH,eAAO,MAAM,SAAS,EA0BjB,sBAAsB,CAAC"}
|
|
@@ -73,7 +73,8 @@ const TearsheetInternal = forwardRef(({ children, variant = "wide", selectorsFlo
|
|
|
73
73
|
decorator,
|
|
74
74
|
influencerWidth,
|
|
75
75
|
summaryContentWidth,
|
|
76
|
-
verticalGap
|
|
76
|
+
verticalGap,
|
|
77
|
+
fullyCollapsed
|
|
77
78
|
]);
|
|
78
79
|
useIsomorphicEffect(() => {
|
|
79
80
|
const id = uniqueId.current;
|
|
@@ -148,7 +149,7 @@ const TearsheetInternal = forwardRef(({ children, variant = "wide", selectorsFlo
|
|
|
148
149
|
...selectorsFloatingMenus
|
|
149
150
|
],
|
|
150
151
|
isFullWidth: true,
|
|
151
|
-
size: variant === "narrow" ? "sm" :
|
|
152
|
+
size: variant === "narrow" ? "sm" : void 0,
|
|
152
153
|
"data-tearsheet-exiting": isExiting ? true : void 0
|
|
153
154
|
}, header, /* @__PURE__ */ React.createElement(ModalBody, {
|
|
154
155
|
className: (0, import_classnames.default)(`${blockClass}__body-layout`, { [`${blockClass}__body-layout--has-influencer`]: influencer && !isSm }),
|
|
@@ -173,6 +174,7 @@ const Tearsheet = forwardRef((props, ref) => {
|
|
|
173
174
|
isExiting
|
|
174
175
|
});
|
|
175
176
|
});
|
|
177
|
+
Tearsheet.displayName = "Tearsheet";
|
|
176
178
|
Tearsheet.Header = TearsheetHeader;
|
|
177
179
|
Tearsheet.HeaderContent = TearsheetHeaderContent;
|
|
178
180
|
Tearsheet.Body = TearsheetBody;
|
|
@@ -11,20 +11,18 @@ import React, { ReactNode } from 'react';
|
|
|
11
11
|
* ----------------
|
|
12
12
|
*/
|
|
13
13
|
export interface TearsheetBodyProps {
|
|
14
|
-
/**
|
|
15
|
-
* Optional static content for body
|
|
16
|
-
*/
|
|
14
|
+
/** Optional static content for the body */
|
|
17
15
|
children?: ReactNode;
|
|
18
|
-
/**
|
|
19
|
-
* Provide an optional class to be applied to the containing node.
|
|
20
|
-
*/
|
|
16
|
+
/** Optional class name applied to the body container */
|
|
21
17
|
className?: string;
|
|
22
18
|
}
|
|
23
19
|
declare const TearsheetBody: React.ForwardRefExoticComponent<TearsheetBodyProps & React.RefAttributes<HTMLDivElement>>;
|
|
24
20
|
export interface MainContentProps {
|
|
25
21
|
children: ReactNode;
|
|
26
22
|
className?: string;
|
|
27
|
-
/**
|
|
23
|
+
/**
|
|
24
|
+
* When `true`, the content takes full width with no padding.
|
|
25
|
+
*/
|
|
28
26
|
isFlush?: boolean;
|
|
29
27
|
}
|
|
30
28
|
/**
|
|
@@ -42,26 +40,34 @@ export interface SummaryContentProps {
|
|
|
42
40
|
children: ReactNode;
|
|
43
41
|
className?: string;
|
|
44
42
|
/**
|
|
45
|
-
*
|
|
43
|
+
* On mobile screens the summary panel is hidden by default. Toggle this prop
|
|
44
|
+
* to open/close it.
|
|
46
45
|
*/
|
|
47
46
|
summaryPanelOpen?: boolean;
|
|
48
47
|
/**
|
|
49
|
-
*
|
|
50
|
-
* This handler closes the modal, e.g. changing `open` prop.
|
|
48
|
+
* Handler called when the summary panel close button is activated.
|
|
51
49
|
*/
|
|
52
50
|
onSummaryPanelClose?(): void;
|
|
53
|
-
/**
|
|
51
|
+
/**
|
|
52
|
+
* When `true`, the content takes full width with no padding.
|
|
53
|
+
*/
|
|
54
54
|
isFlush?: boolean;
|
|
55
55
|
/**
|
|
56
|
-
* Optional ref to the trigger button that opened the panel. Focus
|
|
56
|
+
* Optional ref to the trigger button that opened the panel. Focus returns
|
|
57
|
+
* here when the panel closes.
|
|
57
58
|
*/
|
|
58
|
-
summaryPanelTriggerRef?: React.RefObject<HTMLElement>;
|
|
59
|
+
summaryPanelTriggerRef?: React.RefObject<HTMLElement | null>;
|
|
59
60
|
/**
|
|
60
|
-
*
|
|
61
|
+
* Accessible label for the summary panel. Defaults to "Summary panel".
|
|
61
62
|
*/
|
|
62
63
|
summaryPanelAriaLabel?: string;
|
|
63
64
|
}
|
|
64
65
|
export declare const SummaryContent: React.ForwardRefExoticComponent<SummaryContentProps & React.RefAttributes<HTMLDivElement>>;
|
|
66
|
+
/**
|
|
67
|
+
* ----------------
|
|
68
|
+
* Influencer
|
|
69
|
+
* ----------------
|
|
70
|
+
*/
|
|
65
71
|
export interface InfluencerProps {
|
|
66
72
|
children: ReactNode;
|
|
67
73
|
className?: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TearsheetBody.d.ts","sourceRoot":"","sources":["../../../../src/components/Tearsheet/next/TearsheetBody.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,OAAO,KAAK,EAAE,EAGZ,SAAS,EAKV,MAAM,OAAO,CAAC;AAOf;;;;GAIG;AAEH,MAAM,WAAW,kBAAkB;IACjC
|
|
1
|
+
{"version":3,"file":"TearsheetBody.d.ts","sourceRoot":"","sources":["../../../../src/components/Tearsheet/next/TearsheetBody.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,OAAO,KAAK,EAAE,EAGZ,SAAS,EAKV,MAAM,OAAO,CAAC;AAOf;;;;GAIG;AAEH,MAAM,WAAW,kBAAkB;IACjC,2CAA2C;IAC3C,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,wDAAwD;IACxD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,QAAA,MAAM,aAAa,2FAQlB,CAAC;AAEF,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AACD;;;;GAIG;AACH,eAAO,MAAM,WAAW,yFAuDvB,CAAC;AAGF;;;;GAIG;AACH,MAAM,WAAW,mBAAmB;IAClC,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B;;OAEG;IACH,mBAAmB,CAAC,IAAI,IAAI,CAAC;IAC7B;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;OAGG;IACH,sBAAsB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;IAC7D;;OAEG;IACH,qBAAqB,CAAC,EAAE,MAAM,CAAC;CAChC;AACD,eAAO,MAAM,cAAc,4FAoD1B,CAAC;AAGF;;;;GAIG;AACH,MAAM,WAAW,eAAe;IAC9B,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B;;;OAGG;IACH,sBAAsB,CAAC,IAAI,IAAI,CAAC;IAChC,0DAA0D;IAC1D,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;OAEG;IACH,yBAAyB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;IACzD;;OAEG;IACH,wBAAwB,CAAC,EAAE,MAAM,CAAC;CACnC;AACD,eAAO,MAAM,UAAU,wFAqDtB,CAAC;AAGF,eAAe,aAAa,CAAC"}
|
|
@@ -26,6 +26,7 @@ const TearsheetBody = forwardRef(({ children, className }, ref) => {
|
|
|
26
26
|
ref
|
|
27
27
|
}, children);
|
|
28
28
|
});
|
|
29
|
+
TearsheetBody.displayName = "TearsheetBody";
|
|
29
30
|
/**
|
|
30
31
|
* ----------------
|
|
31
32
|
* MainContent
|
|
@@ -58,6 +59,7 @@ const MainContent = forwardRef(({ children, className, isFlush, ...rest }, ref)
|
|
|
58
59
|
...rest
|
|
59
60
|
}, children);
|
|
60
61
|
});
|
|
62
|
+
MainContent.displayName = "TearsheetMainContent";
|
|
61
63
|
const SummaryContent = forwardRef(({ children, className, summaryPanelOpen = false, onSummaryPanelClose, isFlush, summaryPanelTriggerRef, summaryPanelAriaLabel = "Summary panel" }, ref) => {
|
|
62
64
|
const { isSm } = useContext(TearsheetContext);
|
|
63
65
|
const prevOpenRef = useRef(summaryPanelOpen);
|
|
@@ -79,6 +81,7 @@ const SummaryContent = forwardRef(({ children, className, summaryPanelOpen = fal
|
|
|
79
81
|
"aria-modal": "true"
|
|
80
82
|
}, children);
|
|
81
83
|
});
|
|
84
|
+
SummaryContent.displayName = "TearsheetSummaryContent";
|
|
82
85
|
const Influencer = forwardRef(({ children, className, influencerPanelOpen = false, onInfluencerPanelClose, isFlush, influencerPanelTriggerRef, influencerPanelAriaLabel = "Influencer panel" }, ref) => {
|
|
83
86
|
const { isSm } = useContext(TearsheetContext);
|
|
84
87
|
const prevOpenRef = useRef(influencerPanelOpen);
|
|
@@ -101,5 +104,6 @@ const Influencer = forwardRef(({ children, className, influencerPanelOpen = fals
|
|
|
101
104
|
"aria-modal": "true"
|
|
102
105
|
}, children);
|
|
103
106
|
});
|
|
107
|
+
Influencer.displayName = "TearsheetInfluencer";
|
|
104
108
|
//#endregion
|
|
105
109
|
export { Influencer, MainContent, SummaryContent, TearsheetBody as default };
|
|
@@ -13,31 +13,32 @@ import React, { ReactNode } from 'react';
|
|
|
13
13
|
*/
|
|
14
14
|
export interface TearsheetHeaderProps {
|
|
15
15
|
/**
|
|
16
|
-
*
|
|
17
|
-
*
|
|
16
|
+
* Optional content rendered inside the header section, after titles and
|
|
17
|
+
* before any progress indicator.
|
|
18
18
|
*/
|
|
19
19
|
children?: React.ReactNode;
|
|
20
20
|
/**
|
|
21
|
-
* The accessibility
|
|
22
|
-
*
|
|
23
|
-
* **Note:** This prop is only required if a close icon is shown, i.e. if
|
|
24
|
-
* there are a no navigation actions and/or hideCloseButton is false.
|
|
21
|
+
* The accessibility label for the close icon (required when the close button
|
|
22
|
+
* is visible).
|
|
25
23
|
*/
|
|
26
24
|
closeIconDescription?: string;
|
|
27
25
|
/**
|
|
28
|
-
*
|
|
29
|
-
*
|
|
30
|
-
*
|
|
31
|
-
* tearsheet") and displays one if there are no navigation actions ("passive
|
|
32
|
-
* tearsheet"), and that behavior can be overridden if required by setting
|
|
33
|
-
* this prop to either true or false.
|
|
26
|
+
* Override whether the close button is shown. When omitted, a close button
|
|
27
|
+
* is shown for passive tearsheets (no navigation actions) and hidden for
|
|
28
|
+
* transactional ones.
|
|
34
29
|
*/
|
|
35
30
|
hideCloseButton?: boolean;
|
|
36
31
|
className?: string;
|
|
37
32
|
/**
|
|
38
|
-
*
|
|
33
|
+
* Set to `true` to disable the default header collapse/expand behavior
|
|
34
|
+
* that is triggered by scrolling the main content.
|
|
39
35
|
*/
|
|
40
36
|
disableHeaderCollapse?: boolean;
|
|
37
|
+
/**
|
|
38
|
+
* Callback fired whenever the header's fully-collapsed state changes.
|
|
39
|
+
* Receives `true` when the header is fully collapsed, `false` when expanded.
|
|
40
|
+
*/
|
|
41
|
+
onHeaderCollapse?: (collapsed: boolean) => void;
|
|
41
42
|
}
|
|
42
43
|
declare const TearsheetHeader: React.ForwardRefExoticComponent<TearsheetHeaderProps & React.RefAttributes<HTMLDivElement>>;
|
|
43
44
|
export default TearsheetHeader;
|
|
@@ -57,7 +58,7 @@ export declare const TearsheetNavigationBar: React.ForwardRefExoticComponent<Tea
|
|
|
57
58
|
* TearsheetScrollButton
|
|
58
59
|
* ----------------
|
|
59
60
|
*/
|
|
60
|
-
export interface TearsheetScrollButtonProps extends IconButtonProps {
|
|
61
|
+
export interface TearsheetScrollButtonProps extends Omit<IconButtonProps, 'label' | 'children'> {
|
|
61
62
|
collapseText?: string;
|
|
62
63
|
expandText?: string;
|
|
63
64
|
className?: string;
|