@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
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CoachmarkContent.d.ts","sourceRoot":"","sources":["../../../../../src/components/Coachmark/next/Coachmark/CoachmarkContent.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,OAAc,EACZ,EAAE,EAEF,yBAAyB,EACzB,YAAY,EACZ,SAAS,EACT,aAAa,EAId,MAAM,OAAO,CAAC;AAGf,OAAO,EAAE,2BAA2B,EAAE,MAAM,0BAA0B,CAAC;AACvE,OAAO,EAAE,yBAAyB,EAAE,MAAM,wBAAwB,CAAC;AAMnE,MAAM,WAAW,qBAAqB;IACpC;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,QAAQ,EAAE,YAAY,GAAG,SAAS,CAAC;IACnC;;OAEG;IACH,YAAY,EAAE,MAAM,CAAC;
|
|
1
|
+
{"version":3,"file":"CoachmarkContent.d.ts","sourceRoot":"","sources":["../../../../../src/components/Coachmark/next/Coachmark/CoachmarkContent.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,OAAc,EACZ,EAAE,EAEF,yBAAyB,EACzB,YAAY,EACZ,SAAS,EACT,aAAa,EAId,MAAM,OAAO,CAAC;AAGf,OAAO,EAAE,2BAA2B,EAAE,MAAM,0BAA0B,CAAC;AACvE,OAAO,EAAE,yBAAyB,EAAE,MAAM,wBAAwB,CAAC;AAMnE,MAAM,WAAW,qBAAqB;IACpC;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,QAAQ,EAAE,YAAY,GAAG,SAAS,CAAC;IACnC;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,MAAM,MAAM,yBAAyB,GAAG,yBAAyB,CAC/D,qBAAqB,GAAG,aAAa,CAAC,cAAc,CAAC,CACtD,GAAG;IACF,MAAM,EAAE,EAAE,CAAC,2BAA2B,CAAC,CAAC;IACxC,IAAI,EAAE,EAAE,CAAC,yBAAyB,CAAC,CAAC;CACrC,CAAC;AAEF,QAAA,MAAM,gBAAgB,EAkHjB,yBAAyB,CAAC;AAE/B,eAAe,gBAAgB,CAAC"}
|
|
@@ -24,23 +24,27 @@ let _carbon_react = require("@carbon/react");
|
|
|
24
24
|
*/
|
|
25
25
|
var import_classnames = /* @__PURE__ */ require_runtime.__toESM(require_index.default);
|
|
26
26
|
const CoachmarkContent = (0, react.forwardRef)((props, ref) => {
|
|
27
|
-
const { className = "", children, "aria-label": ariaLabel, ...rest } = props;
|
|
27
|
+
const { className = "", children, "aria-label": ariaLabel = "Coachmark content", ...rest } = props;
|
|
28
28
|
const coachmarkContentBlockClass = `${require_context.blockClass}--coachmark-content`;
|
|
29
|
-
const { open, setContentRef, onClose, setOpen,
|
|
29
|
+
const { open, setContentRef, onClose, setOpen, launcherButtonRef, selectorPrimaryFocus } = (0, react.useContext)(require_context.CoachmarkContext);
|
|
30
30
|
const handleRef = (0, react.useRef)(null);
|
|
31
|
-
const
|
|
31
|
+
const mergedRef = react.default.useCallback((node) => {
|
|
32
|
+
handleRef.current = node;
|
|
33
|
+
if (ref) if (typeof ref === "function") ref(node);
|
|
34
|
+
else ref.current = node;
|
|
35
|
+
}, []);
|
|
32
36
|
(0, react.useEffect)(() => {
|
|
33
|
-
if (open &&
|
|
34
|
-
const popoverContainer =
|
|
37
|
+
if (open && handleRef.current) {
|
|
38
|
+
const popoverContainer = handleRef.current?.closest(`.${require_settings.carbon.prefix}--popover`);
|
|
35
39
|
if (popoverContainer instanceof HTMLElement) setContentRef(popoverContainer);
|
|
36
40
|
}
|
|
37
|
-
}, [open
|
|
41
|
+
}, [open]);
|
|
38
42
|
(0, react.useEffect)(() => {
|
|
39
43
|
const handleKeyDown = (event) => {
|
|
40
44
|
if (event.key === "Escape" && open) {
|
|
41
45
|
onClose?.();
|
|
42
46
|
setOpen(false);
|
|
43
|
-
if (
|
|
47
|
+
if (launcherButtonRef?.current) launcherButtonRef.current.focus();
|
|
44
48
|
}
|
|
45
49
|
};
|
|
46
50
|
if (open) document.addEventListener("keydown", handleKeyDown);
|
|
@@ -51,40 +55,20 @@ const CoachmarkContent = (0, react.forwardRef)((props, ref) => {
|
|
|
51
55
|
open,
|
|
52
56
|
onClose,
|
|
53
57
|
setOpen,
|
|
54
|
-
|
|
55
|
-
]);
|
|
56
|
-
(0, react.useEffect)(() => {
|
|
57
|
-
const handleKeyDown = (event) => {
|
|
58
|
-
if (event.key === "Escape" && open) {
|
|
59
|
-
onClose?.();
|
|
60
|
-
setOpen(false);
|
|
61
|
-
}
|
|
62
|
-
};
|
|
63
|
-
if (open) document.addEventListener("keydown", handleKeyDown);
|
|
64
|
-
return () => {
|
|
65
|
-
document.removeEventListener("keydown", handleKeyDown);
|
|
66
|
-
};
|
|
67
|
-
}, [
|
|
68
|
-
open,
|
|
69
|
-
onClose,
|
|
70
|
-
setOpen
|
|
58
|
+
launcherButtonRef
|
|
71
59
|
]);
|
|
72
60
|
(0, react.useEffect)(() => {
|
|
73
61
|
if (open) setTimeout(() => {
|
|
74
62
|
requestAnimationFrame(() => {
|
|
75
63
|
let elementToFocus = null;
|
|
76
64
|
if (selectorPrimaryFocus) elementToFocus = document.querySelector(selectorPrimaryFocus);
|
|
77
|
-
if (!elementToFocus &&
|
|
65
|
+
if (!elementToFocus && handleRef.current) elementToFocus = handleRef.current.querySelector(`.${require_context.blockClass}--content-header--close-button`);
|
|
78
66
|
if (elementToFocus) elementToFocus.focus();
|
|
79
67
|
});
|
|
80
68
|
}, 100);
|
|
81
|
-
}, [
|
|
82
|
-
open,
|
|
83
|
-
selectorPrimaryFocus,
|
|
84
|
-
contentRef
|
|
85
|
-
]);
|
|
69
|
+
}, [open, selectorPrimaryFocus]);
|
|
86
70
|
return /* @__PURE__ */ react.default.createElement(_carbon_react.PopoverContent, {
|
|
87
|
-
ref:
|
|
71
|
+
ref: mergedRef,
|
|
88
72
|
className: (0, import_classnames.default)(coachmarkContentBlockClass, className) || "",
|
|
89
73
|
role: "region",
|
|
90
74
|
"aria-label": ariaLabel,
|
|
@@ -96,7 +80,7 @@ CoachmarkContent.propTypes = {
|
|
|
96
80
|
/**
|
|
97
81
|
* Accessible label for the coachmark content region.
|
|
98
82
|
*/
|
|
99
|
-
"aria-label": prop_types.default.string
|
|
83
|
+
"aria-label": prop_types.default.string,
|
|
100
84
|
/**
|
|
101
85
|
* This is a required callback that has to return the content to render in the body section.
|
|
102
86
|
* 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 = (0, require("react").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 = `${require_settings.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"}
|
|
@@ -27,6 +27,7 @@ const defaults = {
|
|
|
27
27
|
};
|
|
28
28
|
/**
|
|
29
29
|
* Modal dialog version of the export pattern
|
|
30
|
+
* @deprecated This component is deprecated.
|
|
30
31
|
*/
|
|
31
32
|
const ExportModal = (0, react.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) => {
|
|
32
33
|
const blockClass = `${require_settings.pkg.prefix}--export-modal`;
|
|
@@ -140,6 +141,11 @@ const ExportModal = (0, react.forwardRef)(({ body, className, error, errorMessag
|
|
|
140
141
|
disabled: primaryButtonDisabled
|
|
141
142
|
}, primaryButtonText)))));
|
|
142
143
|
});
|
|
144
|
+
/**@ts-ignore*/
|
|
145
|
+
ExportModal.deprecated = {
|
|
146
|
+
level: "warn",
|
|
147
|
+
details: `Please replace ${componentName} with Export Modal pattern`
|
|
148
|
+
};
|
|
143
149
|
ExportModal.propTypes = {
|
|
144
150
|
/**
|
|
145
151
|
* 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"}
|
|
@@ -26,6 +26,9 @@ let _carbon_react_icons = require("@carbon/react/icons");
|
|
|
26
26
|
*/
|
|
27
27
|
var import_classnames = /* @__PURE__ */ require_runtime.__toESM(require_index.default);
|
|
28
28
|
const componentName = "ImportModal";
|
|
29
|
+
/**
|
|
30
|
+
* @deprecated This component is deprecated.
|
|
31
|
+
*/
|
|
29
32
|
const ImportModal = (0, react.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) => {
|
|
30
33
|
const carbonPrefix = (0, _carbon_react.usePrefix)();
|
|
31
34
|
const [files, setFiles] = (0, react.useState)([]);
|
|
@@ -176,6 +179,11 @@ const ImportModal = (0, react.forwardRef)(({ accept = [], className, defaultErro
|
|
|
176
179
|
disabled: primaryButtonDisabled
|
|
177
180
|
}, primaryButtonText))));
|
|
178
181
|
});
|
|
182
|
+
/**@ts-ignore*/
|
|
183
|
+
ImportModal.deprecated = {
|
|
184
|
+
level: "warn",
|
|
185
|
+
details: `Please replace ${componentName} with Import and Upload pattern`
|
|
186
|
+
};
|
|
179
187
|
ImportModal.propTypes = {
|
|
180
188
|
/**
|
|
181
189
|
* 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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"}
|
|
@@ -34,6 +34,12 @@ const defaults = {
|
|
|
34
34
|
narrowGrid: false,
|
|
35
35
|
breadcrumbOverflowTooltipAlign: "right"
|
|
36
36
|
};
|
|
37
|
+
/**
|
|
38
|
+
* ## Deprecation Notice
|
|
39
|
+
*
|
|
40
|
+
* @deprecated
|
|
41
|
+
* 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).
|
|
42
|
+
*/
|
|
37
43
|
const PageHeader = react.default.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) => {
|
|
38
44
|
withoutBackground ??= !(deprecated_hasBackgroundAlways ?? true);
|
|
39
45
|
enableBreadcrumbScroll ??= !(deprecated_disableBreadcrumbScroll ?? true);
|
|
@@ -385,6 +391,11 @@ const PageHeader = react.default.forwardRef(({ actionBarItems, actionBarMenuOpti
|
|
|
385
391
|
}
|
|
386
392
|
}
|
|
387
393
|
});
|
|
394
|
+
/**@ts-ignore*/
|
|
395
|
+
PageHeader.deprecated = {
|
|
396
|
+
level: "warn",
|
|
397
|
+
details: `Please replace ${componentName} with preview__PageHeader`
|
|
398
|
+
};
|
|
388
399
|
const tagTypes = Object.keys({
|
|
389
400
|
red: "Red",
|
|
390
401
|
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"}
|
|
@@ -74,7 +74,8 @@ const TearsheetInternal = (0, react.forwardRef)(({ children, variant = "wide", s
|
|
|
74
74
|
decorator,
|
|
75
75
|
influencerWidth,
|
|
76
76
|
summaryContentWidth,
|
|
77
|
-
verticalGap
|
|
77
|
+
verticalGap,
|
|
78
|
+
fullyCollapsed
|
|
78
79
|
]);
|
|
79
80
|
require_useIsomorphicEffect.useIsomorphicEffect(() => {
|
|
80
81
|
const id = uniqueId.current;
|
|
@@ -149,7 +150,7 @@ const TearsheetInternal = (0, react.forwardRef)(({ children, variant = "wide", s
|
|
|
149
150
|
...selectorsFloatingMenus
|
|
150
151
|
],
|
|
151
152
|
isFullWidth: true,
|
|
152
|
-
size: variant === "narrow" ? "sm" :
|
|
153
|
+
size: variant === "narrow" ? "sm" : void 0,
|
|
153
154
|
"data-tearsheet-exiting": isExiting ? true : void 0
|
|
154
155
|
}, header, /* @__PURE__ */ react.default.createElement(_carbon_react.ModalBody, {
|
|
155
156
|
className: (0, import_classnames.default)(`${require_context.blockClass}__body-layout`, { [`${require_context.blockClass}__body-layout--has-influencer`]: influencer && !isSm }),
|
|
@@ -174,6 +175,7 @@ const Tearsheet = (0, react.forwardRef)((props, ref) => {
|
|
|
174
175
|
isExiting
|
|
175
176
|
});
|
|
176
177
|
});
|
|
178
|
+
Tearsheet.displayName = "Tearsheet";
|
|
177
179
|
Tearsheet.Header = require_TearsheetHeader.default;
|
|
178
180
|
Tearsheet.HeaderContent = require_TearsheetHeaderContent.default;
|
|
179
181
|
Tearsheet.Body = require_TearsheetBody.default;
|
|
@@ -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"}
|
|
@@ -27,6 +27,7 @@ const TearsheetBody = (0, react.forwardRef)(({ children, className }, ref) => {
|
|
|
27
27
|
ref
|
|
28
28
|
}, children);
|
|
29
29
|
});
|
|
30
|
+
TearsheetBody.displayName = "TearsheetBody";
|
|
30
31
|
/**
|
|
31
32
|
* ----------------
|
|
32
33
|
* MainContent
|
|
@@ -59,6 +60,7 @@ const MainContent = (0, react.forwardRef)(({ children, className, isFlush, ...re
|
|
|
59
60
|
...rest
|
|
60
61
|
}, children);
|
|
61
62
|
});
|
|
63
|
+
MainContent.displayName = "TearsheetMainContent";
|
|
62
64
|
const SummaryContent = (0, react.forwardRef)(({ children, className, summaryPanelOpen = false, onSummaryPanelClose, isFlush, summaryPanelTriggerRef, summaryPanelAriaLabel = "Summary panel" }, ref) => {
|
|
63
65
|
const { isSm } = (0, react.useContext)(require_context.TearsheetContext);
|
|
64
66
|
const prevOpenRef = (0, react.useRef)(summaryPanelOpen);
|
|
@@ -80,6 +82,7 @@ const SummaryContent = (0, react.forwardRef)(({ children, className, summaryPane
|
|
|
80
82
|
"aria-modal": "true"
|
|
81
83
|
}, children);
|
|
82
84
|
});
|
|
85
|
+
SummaryContent.displayName = "TearsheetSummaryContent";
|
|
83
86
|
const Influencer = (0, react.forwardRef)(({ children, className, influencerPanelOpen = false, onInfluencerPanelClose, isFlush, influencerPanelTriggerRef, influencerPanelAriaLabel = "Influencer panel" }, ref) => {
|
|
84
87
|
const { isSm } = (0, react.useContext)(require_context.TearsheetContext);
|
|
85
88
|
const prevOpenRef = (0, react.useRef)(influencerPanelOpen);
|
|
@@ -102,6 +105,7 @@ const Influencer = (0, react.forwardRef)(({ children, className, influencerPanel
|
|
|
102
105
|
"aria-modal": "true"
|
|
103
106
|
}, children);
|
|
104
107
|
});
|
|
108
|
+
Influencer.displayName = "TearsheetInfluencer";
|
|
105
109
|
//#endregion
|
|
106
110
|
exports.Influencer = Influencer;
|
|
107
111
|
exports.MainContent = MainContent;
|