@carbon/ibm-products 2.92.1 → 2.93.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/css/index-full-carbon.css +99 -20
- package/css/index-full-carbon.css.map +1 -1
- package/css/index-full-carbon.min.css +1 -1
- package/css/index-full-carbon.min.css.map +1 -1
- package/css/index-without-carbon-released-only.css +70 -20
- package/css/index-without-carbon-released-only.css.map +1 -1
- package/css/index-without-carbon-released-only.min.css +1 -1
- package/css/index-without-carbon-released-only.min.css.map +1 -1
- package/css/index-without-carbon.css +99 -20
- package/css/index-without-carbon.css.map +1 -1
- package/css/index-without-carbon.min.css +1 -1
- package/css/index-without-carbon.min.css.map +1 -1
- package/css/index.css +70 -20
- package/css/index.css.map +1 -1
- package/css/index.min.css +1 -1
- package/css/index.min.css.map +1 -1
- package/es/components/Coachmark/next/Coachmark/Coachmark.d.ts +9 -12
- package/es/components/Coachmark/next/Coachmark/Coachmark.d.ts.map +1 -1
- package/es/components/Coachmark/next/Coachmark/Coachmark.js +16 -27
- package/es/components/Coachmark/next/Coachmark/CoachmarkBeacon/CoachmarkBeacon.d.ts +1 -1
- package/es/components/Coachmark/next/Coachmark/CoachmarkBeacon/CoachmarkBeacon.d.ts.map +1 -1
- package/es/components/Coachmark/next/Coachmark/CoachmarkBeacon/CoachmarkBeacon.js +3 -4
- package/es/components/Coachmark/next/Coachmark/CoachmarkContent.d.ts +8 -4
- package/es/components/Coachmark/next/Coachmark/CoachmarkContent.d.ts.map +1 -1
- package/es/components/Coachmark/next/Coachmark/CoachmarkContent.js +19 -5
- package/es/components/Coachmark/next/Coachmark/{ContentBody.d.ts → CoachmarkContentBody.d.ts} +5 -5
- package/es/components/Coachmark/next/Coachmark/CoachmarkContentBody.d.ts.map +1 -0
- package/es/components/Coachmark/next/Coachmark/{ContentBody.js → CoachmarkContentBody.js} +10 -6
- package/{lib/components/Coachmark/next/Coachmark/ContentHeader.d.ts → es/components/Coachmark/next/Coachmark/CoachmarkContentHeader.d.ts} +7 -3
- package/es/components/Coachmark/next/Coachmark/CoachmarkContentHeader.d.ts.map +1 -0
- package/es/components/Coachmark/next/Coachmark/{ContentHeader.js → CoachmarkContentHeader.js} +55 -12
- package/es/components/Coachmark/next/Coachmark/CoachmarkTagline/CoachmarkTagline.d.ts.map +1 -1
- package/es/components/Coachmark/next/Coachmark/CoachmarkTagline/CoachmarkTagline.js +2 -2
- package/es/components/Coachmark/next/Coachmark/index.d.ts +5 -4
- package/es/components/Coachmark/next/Coachmark/index.d.ts.map +1 -1
- package/es/components/ExpressiveCard/ExpressiveCard.d.ts +3 -3
- package/es/components/ExpressiveCard/ExpressiveCard.d.ts.map +1 -1
- package/es/components/ExpressiveCard/ExpressiveCard.js +3 -15
- package/es/components/InterstitialScreen/InterstitialScreenBody.js +1 -1
- package/es/components/PageHeader/next/PageHeader.d.ts.map +1 -1
- package/es/components/PageHeader/next/PageHeader.js +6 -2
- package/es/components/PageHeader/next/PageHeaderTabBar.d.ts +4 -0
- package/es/components/PageHeader/next/PageHeaderTabBar.d.ts.map +1 -1
- package/es/components/PageHeader/next/PageHeaderTabBar.js +7 -2
- package/es/components/PageHeader/next/context.d.ts +2 -0
- package/es/components/PageHeader/next/context.d.ts.map +1 -1
- package/es/components/PageHeader/next/context.js +3 -1
- package/es/components/ProductiveCard/ProductiveCard.d.ts +3 -3
- package/es/components/ProductiveCard/ProductiveCard.d.ts.map +1 -1
- package/es/components/ProductiveCard/ProductiveCard.js +3 -15
- package/es/components/Tearsheet/TearsheetShell.d.ts.map +1 -1
- package/es/components/Tearsheet/TearsheetShell.js +17 -8
- package/es/components/Tearsheet/next/Tearsheet.d.ts.map +1 -1
- package/es/components/Tearsheet/next/Tearsheet.js +21 -2
- package/es/components/Tearsheet/next/TearsheetBody.d.ts +16 -0
- package/es/components/Tearsheet/next/TearsheetBody.d.ts.map +1 -1
- package/es/components/Tearsheet/next/TearsheetBody.js +22 -4
- package/es/components/Tearsheet/next/TearsheetFooter.js +1 -1
- package/es/components/Tearsheet/next/TearsheetHeader.d.ts.map +1 -1
- package/es/components/Tearsheet/next/TearsheetHeader.js +3 -1
- package/es/components/Tearsheet/next/TearsheetHeaderActions.d.ts +1 -1
- 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 +9 -3
- package/es/components/Tearsheet/next/_story-assets/StepTearsheet.d.ts.map +1 -1
- package/es/components/Tearsheet/next/context.d.ts +1 -0
- package/es/components/Tearsheet/next/context.d.ts.map +1 -1
- package/es/components/Tearsheet/usePresence.d.ts.map +1 -1
- package/es/components/Tearsheet/usePresence.js +3 -2
- package/es/global/js/package-settings.d.ts +1 -0
- package/es/global/js/package-settings.d.ts.map +1 -1
- package/es/global/js/package-settings.js +1 -0
- package/es/global/js/utils/makeDraggable/makeDraggable.d.ts +8 -2
- package/es/global/js/utils/makeDraggable/makeDraggable.d.ts.map +1 -1
- package/es/global/js/utils/makeDraggable/makeDraggable.js +87 -17
- package/es/settings.d.ts +1 -0
- package/es/settings.d.ts.map +1 -1
- package/lib/components/Coachmark/next/Coachmark/Coachmark.d.ts +9 -12
- package/lib/components/Coachmark/next/Coachmark/Coachmark.d.ts.map +1 -1
- package/lib/components/Coachmark/next/Coachmark/Coachmark.js +16 -27
- package/lib/components/Coachmark/next/Coachmark/CoachmarkBeacon/CoachmarkBeacon.d.ts +1 -1
- package/lib/components/Coachmark/next/Coachmark/CoachmarkBeacon/CoachmarkBeacon.d.ts.map +1 -1
- package/lib/components/Coachmark/next/Coachmark/CoachmarkBeacon/CoachmarkBeacon.js +3 -4
- package/lib/components/Coachmark/next/Coachmark/CoachmarkContent.d.ts +8 -4
- package/lib/components/Coachmark/next/Coachmark/CoachmarkContent.d.ts.map +1 -1
- package/lib/components/Coachmark/next/Coachmark/CoachmarkContent.js +19 -5
- package/lib/components/Coachmark/next/Coachmark/{ContentBody.d.ts → CoachmarkContentBody.d.ts} +5 -5
- package/lib/components/Coachmark/next/Coachmark/CoachmarkContentBody.d.ts.map +1 -0
- package/lib/components/Coachmark/next/Coachmark/{ContentBody.js → CoachmarkContentBody.js} +10 -6
- package/{es/components/Coachmark/next/Coachmark/ContentHeader.d.ts → lib/components/Coachmark/next/Coachmark/CoachmarkContentHeader.d.ts} +7 -3
- package/lib/components/Coachmark/next/Coachmark/CoachmarkContentHeader.d.ts.map +1 -0
- package/lib/components/Coachmark/next/Coachmark/{ContentHeader.js → CoachmarkContentHeader.js} +54 -11
- package/lib/components/Coachmark/next/Coachmark/CoachmarkTagline/CoachmarkTagline.d.ts.map +1 -1
- package/lib/components/Coachmark/next/Coachmark/CoachmarkTagline/CoachmarkTagline.js +2 -2
- package/lib/components/Coachmark/next/Coachmark/index.d.ts +5 -4
- package/lib/components/Coachmark/next/Coachmark/index.d.ts.map +1 -1
- package/lib/components/ExpressiveCard/ExpressiveCard.d.ts +3 -3
- package/lib/components/ExpressiveCard/ExpressiveCard.d.ts.map +1 -1
- package/lib/components/ExpressiveCard/ExpressiveCard.js +3 -15
- package/lib/components/InterstitialScreen/InterstitialScreenBody.js +1 -1
- package/lib/components/PageHeader/next/PageHeader.d.ts.map +1 -1
- package/lib/components/PageHeader/next/PageHeader.js +6 -2
- package/lib/components/PageHeader/next/PageHeaderTabBar.d.ts +4 -0
- package/lib/components/PageHeader/next/PageHeaderTabBar.d.ts.map +1 -1
- package/lib/components/PageHeader/next/PageHeaderTabBar.js +6 -1
- package/lib/components/PageHeader/next/context.d.ts +2 -0
- package/lib/components/PageHeader/next/context.d.ts.map +1 -1
- package/lib/components/PageHeader/next/context.js +3 -1
- package/lib/components/ProductiveCard/ProductiveCard.d.ts +3 -3
- package/lib/components/ProductiveCard/ProductiveCard.d.ts.map +1 -1
- package/lib/components/ProductiveCard/ProductiveCard.js +3 -15
- package/lib/components/Tearsheet/TearsheetShell.d.ts.map +1 -1
- package/lib/components/Tearsheet/TearsheetShell.js +15 -6
- package/lib/components/Tearsheet/next/Tearsheet.d.ts.map +1 -1
- package/lib/components/Tearsheet/next/Tearsheet.js +21 -2
- package/lib/components/Tearsheet/next/TearsheetBody.d.ts +16 -0
- package/lib/components/Tearsheet/next/TearsheetBody.d.ts.map +1 -1
- package/lib/components/Tearsheet/next/TearsheetBody.js +22 -4
- package/lib/components/Tearsheet/next/TearsheetFooter.js +1 -1
- package/lib/components/Tearsheet/next/TearsheetHeader.d.ts.map +1 -1
- package/lib/components/Tearsheet/next/TearsheetHeader.js +3 -1
- package/lib/components/Tearsheet/next/TearsheetHeaderActions.d.ts +1 -1
- package/lib/components/Tearsheet/next/TearsheetHeaderActions.d.ts.map +1 -1
- package/lib/components/Tearsheet/next/TearsheetHeaderActions.js +5 -2
- package/lib/components/Tearsheet/next/TearsheetHeaderContent.d.ts.map +1 -1
- package/lib/components/Tearsheet/next/TearsheetHeaderContent.js +9 -3
- package/lib/components/Tearsheet/next/_story-assets/StepTearsheet.d.ts.map +1 -1
- package/lib/components/Tearsheet/next/context.d.ts +1 -0
- package/lib/components/Tearsheet/next/context.d.ts.map +1 -1
- package/lib/components/Tearsheet/usePresence.d.ts.map +1 -1
- package/lib/components/Tearsheet/usePresence.js +2 -1
- package/lib/global/js/package-settings.d.ts +1 -0
- package/lib/global/js/package-settings.d.ts.map +1 -1
- package/lib/global/js/package-settings.js +1 -0
- package/lib/global/js/utils/makeDraggable/makeDraggable.d.ts +8 -2
- package/lib/global/js/utils/makeDraggable/makeDraggable.d.ts.map +1 -1
- package/lib/global/js/utils/makeDraggable/makeDraggable.js +87 -17
- package/lib/settings.d.ts +1 -0
- package/lib/settings.d.ts.map +1 -1
- package/package.json +7 -7
- package/scss/components/Coachmark/_carbon-imports.scss +2 -1
- package/scss/components/Coachmark/_coachmark_next.scss +53 -0
- package/scss/components/Coachmark/_index.scss +4 -1
- package/scss/components/PageHeader/_page-header.scss +44 -8
- package/scss/components/Tearsheet/_tearsheet.scss +26 -2
- package/scss/components/Tearsheet/_tearsheet_next.scss +5 -0
- package/telemetry.yml +11 -3
- package/es/components/Coachmark/next/Coachmark/ContentBody.d.ts.map +0 -1
- package/es/components/Coachmark/next/Coachmark/ContentHeader.d.ts.map +0 -1
- package/lib/components/Coachmark/next/Coachmark/ContentBody.d.ts.map +0 -1
- package/lib/components/Coachmark/next/Coachmark/ContentHeader.d.ts.map +0 -1
|
@@ -57,19 +57,11 @@ ExpressiveCard.propTypes = {
|
|
|
57
57
|
/**
|
|
58
58
|
* Optional header description
|
|
59
59
|
*/
|
|
60
|
-
description: PropTypes.oneOfType([
|
|
61
|
-
PropTypes.string,
|
|
62
|
-
PropTypes.object,
|
|
63
|
-
PropTypes.node
|
|
64
|
-
]),
|
|
60
|
+
description: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),
|
|
65
61
|
/**
|
|
66
62
|
* Optional label for the top of the card
|
|
67
63
|
*/
|
|
68
|
-
label: PropTypes.oneOfType([
|
|
69
|
-
PropTypes.string,
|
|
70
|
-
PropTypes.object,
|
|
71
|
-
PropTypes.node
|
|
72
|
-
]),
|
|
64
|
+
label: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),
|
|
73
65
|
/**
|
|
74
66
|
* Optional media content like an image to be placed in the card
|
|
75
67
|
*/
|
|
@@ -138,11 +130,7 @@ ExpressiveCard.propTypes = {
|
|
|
138
130
|
/**
|
|
139
131
|
* Title that's displayed at the top of the card
|
|
140
132
|
*/
|
|
141
|
-
title: PropTypes.oneOfType([
|
|
142
|
-
PropTypes.string,
|
|
143
|
-
PropTypes.object,
|
|
144
|
-
PropTypes.node
|
|
145
|
-
])
|
|
133
|
+
title: PropTypes.oneOfType([PropTypes.string, PropTypes.node])
|
|
146
134
|
};
|
|
147
135
|
ExpressiveCard.displayName = componentName;
|
|
148
136
|
//#endregion
|
|
@@ -58,7 +58,7 @@ const InterstitialScreenBody = React.forwardRef((props, ref) => {
|
|
|
58
58
|
carouselInitRef.current?.destroyEvents?.();
|
|
59
59
|
carouselInitRef.current = null;
|
|
60
60
|
};
|
|
61
|
-
}, [stepType
|
|
61
|
+
}, [stepType]);
|
|
62
62
|
useEffect(() => {
|
|
63
63
|
if (stepType === "multi" && typeof progStep === "number") {
|
|
64
64
|
const activeIndex = (carouselInitRef.current?.getActiveItem?.())?.index ?? -1;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PageHeader.d.ts","sourceRoot":"","sources":["../../../../src/components/PageHeader/next/PageHeader.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,OAAO,KAA0D,MAAM,OAAO,CAAC;AAS/E,OAAO,EACL,uBAAuB,EACvB,KAAK,4BAA4B,EAClC,MAAM,2BAA2B,CAAC;AACnC,OAAO,EACL,iBAAiB,EACjB,KAAK,sBAAsB,EAC5B,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EACL,4BAA4B,EAC5B,KAAK,iCAAiC,EACvC,MAAM,gCAAgC,CAAC;AACxC,OAAO,EACL,qBAAqB,EACrB,KAAK,0BAA0B,EAChC,MAAM,yBAAyB,CAAC;AACjC,OAAO,EACL,mBAAmB,EACnB,KAAK,wBAAwB,EAC9B,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EACL,gBAAgB,EAChB,KAAK,qBAAqB,EAC3B,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EACL,qBAAqB,EACrB,KAAK,0BAA0B,EAChC,MAAM,yBAAyB,CAAC;AACjC,OAAO,EACL,sBAAsB,EACtB,KAAK,2BAA2B,EACjC,MAAM,0BAA0B,CAAC;AAClC,OAAO,EAAE,yBAAyB,EAAE,MAAM,6BAA6B,CAAC;AACxE,OAAO,EACL,4BAA4B,EAC5B,KAAK,iCAAiC,EACvC,MAAM,gCAAgC,CAAC;AACxC,OAAO,EACL,+BAA+B,EAC/B,KAAK,oCAAoC,EACzC,KAAK,kCAAkC,EACxC,MAAM,mCAAmC,CAAC;AAE3C;;;;GAIG;AACH,MAAM,WAAW,eAAe;IAC9B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,uBAAuB,CAAC,EAAE,CAAC,SAAS,EAAE,OAAO,KAAK,IAAI,CAAC;IACvD;;OAEG;IACH,cAAc,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IAC5C;;OAEG;IACH,uBAAuB,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;CACtD;AAED,QAAA,MAAM,UAAU,
|
|
1
|
+
{"version":3,"file":"PageHeader.d.ts","sourceRoot":"","sources":["../../../../src/components/PageHeader/next/PageHeader.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,OAAO,KAA0D,MAAM,OAAO,CAAC;AAS/E,OAAO,EACL,uBAAuB,EACvB,KAAK,4BAA4B,EAClC,MAAM,2BAA2B,CAAC;AACnC,OAAO,EACL,iBAAiB,EACjB,KAAK,sBAAsB,EAC5B,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EACL,4BAA4B,EAC5B,KAAK,iCAAiC,EACvC,MAAM,gCAAgC,CAAC;AACxC,OAAO,EACL,qBAAqB,EACrB,KAAK,0BAA0B,EAChC,MAAM,yBAAyB,CAAC;AACjC,OAAO,EACL,mBAAmB,EACnB,KAAK,wBAAwB,EAC9B,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EACL,gBAAgB,EAChB,KAAK,qBAAqB,EAC3B,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EACL,qBAAqB,EACrB,KAAK,0BAA0B,EAChC,MAAM,yBAAyB,CAAC;AACjC,OAAO,EACL,sBAAsB,EACtB,KAAK,2BAA2B,EACjC,MAAM,0BAA0B,CAAC;AAClC,OAAO,EAAE,yBAAyB,EAAE,MAAM,6BAA6B,CAAC;AACxE,OAAO,EACL,4BAA4B,EAC5B,KAAK,iCAAiC,EACvC,MAAM,gCAAgC,CAAC;AACxC,OAAO,EACL,+BAA+B,EAC/B,KAAK,oCAAoC,EACzC,KAAK,kCAAkC,EACxC,MAAM,mCAAmC,CAAC;AAE3C;;;;GAIG;AACH,MAAM,WAAW,eAAe;IAC9B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,uBAAuB,CAAC,EAAE,CAAC,SAAS,EAAE,OAAO,KAAK,IAAI,CAAC;IACvD;;OAEG;IACH,cAAc,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IAC5C;;OAEG;IACH,uBAAuB,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;CACtD;AAED,QAAA,MAAM,UAAU,wFAmLf,CAAC;AAGF;;;;GAIG;AACH,QAAA,MAAM,IAAI,wFAAa,CAAC;AAGxB,QAAA,MAAM,aAAa,qGAA0B,CAAC;AAG9C,QAAA,MAAM,OAAO,+FAAoB,CAAC;AAGlC,QAAA,MAAM,kBAAkB;;;;;;;;;CAA+B,CAAC;AAGxD,QAAA,MAAM,WAAW;;;;;;;;CAAwB,CAAC;AAG1C,QAAA,MAAM,SAAS;;;;;;;;CAAsB,CAAC;AAGtC,QAAA,MAAM,MAAM,8FAAmB,CAAC;AAGhC,QAAA,MAAM,YAAY,oGAAyB,CAAC;AAG5C,QAAA,MAAM,eAAe,mHAA4B,CAAC;AAGlD,QAAA,MAAM,kBAAkB,uGAA+B,CAAC;AAGxD,QAAA,MAAM,WAAW,mGAAwB,CAAC;AAG1C,QAAA,MAAM,qBAAqB;;;;;;;;;;;;;;;CAAkC,CAAC;AAG9D,OAAO,EAEL,UAAU,EACV,uBAAuB,EACvB,iBAAiB,EACjB,4BAA4B,EAC5B,qBAAqB,EACrB,mBAAmB,EACnB,gBAAgB,EAChB,sBAAsB,EACtB,yBAAyB,EACzB,4BAA4B,EAC5B,qBAAqB,EACrB,+BAA+B,EAE/B,IAAI,EACJ,aAAa,EACb,OAAO,EACP,kBAAkB,EAClB,WAAW,EACX,SAAS,EACT,MAAM,EACN,YAAY,EACZ,eAAe,EACf,kBAAkB,EAClB,WAAW,EACX,qBAAqB,GACtB,CAAC;AACF,YAAY,EACV,4BAA4B,EAC5B,sBAAsB,EACtB,iCAAiC,EACjC,0BAA0B,EAC1B,wBAAwB,EACxB,qBAAqB,EACrB,2BAA2B,EAC3B,0BAA0B,EAC1B,iCAAiC,EACjC,oCAAoC,EACpC,kCAAkC,GACnC,CAAC"}
|
|
@@ -35,11 +35,13 @@ var import_classnames = /* @__PURE__ */ __toESM(require_classnames());
|
|
|
35
35
|
const PageHeader = React.forwardRef(function PageHeader({ className, children, onContentFullyCollapsed, onTitleClipped, onContentActionsClipped, ...other }, ref) {
|
|
36
36
|
const [refs, setRefs] = useState({});
|
|
37
37
|
const [pageActionsInstance, setPageActionsInstance] = useState(null);
|
|
38
|
+
const [disableStickyTabBar, setDisableStickyTabBar] = useState(false);
|
|
38
39
|
const tempRef = useRef(null);
|
|
39
40
|
const componentRef = ref ?? tempRef;
|
|
40
41
|
const classNames = (0, import_classnames.default)({
|
|
41
42
|
[`${blockClass}`]: true,
|
|
42
|
-
[`${blockClass}__next`]: true
|
|
43
|
+
[`${blockClass}__next`]: true,
|
|
44
|
+
[`${blockClass}--disable-sticky-tab-bar`]: disableStickyTabBar
|
|
43
45
|
}, className);
|
|
44
46
|
useResizeObserver(componentRef, () => {
|
|
45
47
|
if (componentRef?.current) {
|
|
@@ -126,7 +128,9 @@ const PageHeader = React.forwardRef(function PageHeader({ className, children, o
|
|
|
126
128
|
setRefs,
|
|
127
129
|
pageActionsInstance,
|
|
128
130
|
setPageActionsInstance,
|
|
129
|
-
observerState
|
|
131
|
+
observerState,
|
|
132
|
+
disableStickyTabBar,
|
|
133
|
+
setDisableStickyTabBar
|
|
130
134
|
} }, /* @__PURE__ */ React.createElement("div", {
|
|
131
135
|
className: classNames,
|
|
132
136
|
ref: componentRef,
|
|
@@ -13,6 +13,10 @@ import React from 'react';
|
|
|
13
13
|
export interface PageHeaderTabBarProps {
|
|
14
14
|
children?: React.ReactNode;
|
|
15
15
|
className?: string;
|
|
16
|
+
/**
|
|
17
|
+
* Disable sticky positioning for the tab bar. When true, the tab bar will scroll with the page content.
|
|
18
|
+
*/
|
|
19
|
+
disableStickyTabBar?: boolean;
|
|
16
20
|
tags?: React.ReactNode;
|
|
17
21
|
scroller?: React.ReactNode;
|
|
18
22
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PageHeaderTabBar.d.ts","sourceRoot":"","sources":["../../../../src/components/PageHeader/next/PageHeaderTabBar.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,OAAO,
|
|
1
|
+
{"version":3,"file":"PageHeaderTabBar.d.ts","sourceRoot":"","sources":["../../../../src/components/PageHeader/next/PageHeaderTabBar.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,OAAO,KAAoB,MAAM,OAAO,CAAC;AAOzC;;;;GAIG;AACH,MAAM,WAAW,qBAAqB;IACpC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,eAAO,MAAM,gBAAgB,8FAkE3B,CAAC"}
|
|
@@ -9,7 +9,8 @@ import { __toESM } from "../../../_virtual/_rolldown/runtime.js";
|
|
|
9
9
|
import { require_classnames } from "../../../node_modules/classnames/index.js";
|
|
10
10
|
import { pkg } from "../../../settings.js";
|
|
11
11
|
import { blockClass } from "../PageHeaderUtils.js";
|
|
12
|
-
import
|
|
12
|
+
import { usePageHeader } from "./context.js";
|
|
13
|
+
import React, { useEffect } from "react";
|
|
13
14
|
import { Column, Grid } from "@carbon/react";
|
|
14
15
|
//#region src/components/PageHeader/next/PageHeaderTabBar.tsx
|
|
15
16
|
/**
|
|
@@ -19,7 +20,11 @@ import { Column, Grid } from "@carbon/react";
|
|
|
19
20
|
* LICENSE file in the root directory of this source tree.
|
|
20
21
|
*/
|
|
21
22
|
var import_classnames = /* @__PURE__ */ __toESM(require_classnames());
|
|
22
|
-
const PageHeaderTabBar = React.forwardRef(function PageHeaderTabBar({ className, children, tags, scroller, ...other }, ref) {
|
|
23
|
+
const PageHeaderTabBar = React.forwardRef(function PageHeaderTabBar({ className, children, tags, scroller, disableStickyTabBar = false, ...other }, ref) {
|
|
24
|
+
const { setDisableStickyTabBar } = usePageHeader();
|
|
25
|
+
useEffect(() => {
|
|
26
|
+
setDisableStickyTabBar?.(disableStickyTabBar);
|
|
27
|
+
}, [disableStickyTabBar, setDisableStickyTabBar]);
|
|
23
28
|
const classNames = (0, import_classnames.default)({ [`${blockClass}__tab-bar`]: true }, className);
|
|
24
29
|
const renderScroller = () => scroller && /* @__PURE__ */ React.createElement("div", { className: `${pkg.prefix}--page-header--scroller-button-container` }, scroller);
|
|
25
30
|
if (!tags) return /* @__PURE__ */ React.createElement("div", {
|
|
@@ -29,6 +29,8 @@ type PageHeaderContextType = {
|
|
|
29
29
|
observerState: PageHeaderObserverState;
|
|
30
30
|
isContentActionsInBreadcrumbBar?: boolean;
|
|
31
31
|
isFunctionalContentActions?: boolean;
|
|
32
|
+
disableStickyTabBar?: boolean;
|
|
33
|
+
setDisableStickyTabBar?: React.Dispatch<React.SetStateAction<boolean>>;
|
|
32
34
|
};
|
|
33
35
|
export declare const PageHeaderContext: import("react").Context<PageHeaderContextType | undefined>;
|
|
34
36
|
export declare function usePageHeader(): PageHeaderContextType;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../../../src/components/PageHeader/next/context.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAiB,SAAS,EAAc,MAAM,OAAO,CAAC;AAE7D;;;;GAIG;AAEH,MAAM,MAAM,cAAc,GAAG;IAC3B,UAAU,CAAC,EAAE,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;IAC9C,QAAQ,CAAC,EAAE,SAAS,CAAC,kBAAkB,GAAG,IAAI,CAAC,CAAC;IAChD,cAAc,CAAC,EAAE,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;IAClD,iBAAiB,CAAC,EAAE,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;CACtD,CAAC;AAEF,MAAM,MAAM,uBAAuB,GAAG;IACpC,cAAc,EAAE,OAAO,CAAC;IACxB,YAAY,EAAE,OAAO,CAAC;IACtB,qBAAqB,EAAE,OAAO,CAAC;CAChC,CAAC;AAEF,KAAK,qBAAqB,GAAG;IAC3B,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB,OAAO,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,CAAC,CAAC;IAC9D,mBAAmB,CAAC,EAChB,KAAK,CAAC,SAAS,GACf,CAAC,CAAC,KAAK,EAAE,uBAAuB,KAAK,KAAK,CAAC,SAAS,CAAC,CAAC;IAC1D,sBAAsB,EAAE,KAAK,CAAC,QAAQ,CACpC,KAAK,CAAC,cAAc,CAClB,KAAK,CAAC,SAAS,GAAG,CAAC,CAAC,KAAK,EAAE,uBAAuB,KAAK,KAAK,CAAC,SAAS,CAAC,CACxE,CACF,CAAC;IACF,aAAa,EAAE,uBAAuB,CAAC;IACvC,+BAA+B,CAAC,EAAE,OAAO,CAAC;IAC1C,0BAA0B,CAAC,EAAE,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../../../src/components/PageHeader/next/context.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAiB,SAAS,EAAc,MAAM,OAAO,CAAC;AAE7D;;;;GAIG;AAEH,MAAM,MAAM,cAAc,GAAG;IAC3B,UAAU,CAAC,EAAE,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;IAC9C,QAAQ,CAAC,EAAE,SAAS,CAAC,kBAAkB,GAAG,IAAI,CAAC,CAAC;IAChD,cAAc,CAAC,EAAE,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;IAClD,iBAAiB,CAAC,EAAE,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;CACtD,CAAC;AAEF,MAAM,MAAM,uBAAuB,GAAG;IACpC,cAAc,EAAE,OAAO,CAAC;IACxB,YAAY,EAAE,OAAO,CAAC;IACtB,qBAAqB,EAAE,OAAO,CAAC;CAChC,CAAC;AAEF,KAAK,qBAAqB,GAAG;IAC3B,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB,OAAO,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,CAAC,CAAC;IAC9D,mBAAmB,CAAC,EAChB,KAAK,CAAC,SAAS,GACf,CAAC,CAAC,KAAK,EAAE,uBAAuB,KAAK,KAAK,CAAC,SAAS,CAAC,CAAC;IAC1D,sBAAsB,EAAE,KAAK,CAAC,QAAQ,CACpC,KAAK,CAAC,cAAc,CAClB,KAAK,CAAC,SAAS,GAAG,CAAC,CAAC,KAAK,EAAE,uBAAuB,KAAK,KAAK,CAAC,SAAS,CAAC,CACxE,CACF,CAAC;IACF,aAAa,EAAE,uBAAuB,CAAC;IACvC,+BAA+B,CAAC,EAAE,OAAO,CAAC;IAC1C,0BAA0B,CAAC,EAAE,OAAO,CAAC;IACrC,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,sBAAsB,CAAC,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,CAAC;CACxE,CAAC;AAEF,eAAO,MAAM,iBAAiB,4DAc5B,CAAC;AAEH,wBAAgB,aAAa,0BAQ5B"}
|
|
@@ -22,7 +22,9 @@ const PageHeaderContext = createContext({
|
|
|
22
22
|
fullyCollapsed: false,
|
|
23
23
|
titleClipped: false,
|
|
24
24
|
contentActionsClipped: false
|
|
25
|
-
}
|
|
25
|
+
},
|
|
26
|
+
disableStickyTabBar: false,
|
|
27
|
+
setDisableStickyTabBar: () => {}
|
|
26
28
|
});
|
|
27
29
|
function usePageHeader() {
|
|
28
30
|
const context = useContext(PageHeaderContext);
|
|
@@ -33,11 +33,11 @@ export interface ProductiveCardProps extends PropsWithChildren {
|
|
|
33
33
|
/**
|
|
34
34
|
* Optional header description
|
|
35
35
|
*/
|
|
36
|
-
description?:
|
|
36
|
+
description?: ReactNode;
|
|
37
37
|
/**
|
|
38
38
|
* Optional label for the top of the card
|
|
39
39
|
*/
|
|
40
|
-
label?:
|
|
40
|
+
label?: ReactNode;
|
|
41
41
|
/**
|
|
42
42
|
* Provides the callback for a clickable card
|
|
43
43
|
*/
|
|
@@ -108,7 +108,7 @@ export interface ProductiveCardProps extends PropsWithChildren {
|
|
|
108
108
|
/**
|
|
109
109
|
* Title that's displayed at the top of the card
|
|
110
110
|
*/
|
|
111
|
-
title?:
|
|
111
|
+
title?: ReactNode;
|
|
112
112
|
/**
|
|
113
113
|
* Determines title size
|
|
114
114
|
*/
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ProductiveCard.d.ts","sourceRoot":"","sources":["../../../src/components/ProductiveCard/ProductiveCard.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,EAEZ,iBAAiB,EACjB,SAAS,EAEV,MAAM,OAAO,CAAC;AAEf,OAAO,EAAE,cAAc,EAAE,MAAM,oCAAoC,CAAC;AAMpE,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAI1C,KAAK,cAAc,GAAG;IACpB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAC;IACtC,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAC;CAC5C,CAAC;AACF,KAAK,aAAa,GAAG,KAAK,GAAG,QAAQ,CAAC;AACtC,KAAK,aAAa,GAAG,KAAK,GAAG,KAAK,GAAG,OAAO,CAAC;AAC7C,MAAM,WAAW,mBAAoB,SAAQ,iBAAiB;IAC5D;;OAEG;IACH,WAAW,CAAC,EAAE,UAAU,EAAE,CAAC;IAC3B;;OAEG;IACH,SAAS,CAAC,EAAE,SAAS,GAAG,OAAO,CAAC;IAEhC;;OAEG;IACH,gBAAgB,CAAC,EAAE,aAAa,CAAC;IACjC;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,SAAS,CAAC,EAAE,aAAa,CAAC;IAC1B;;OAEG;IACH,WAAW,CAAC,EAAE,
|
|
1
|
+
{"version":3,"file":"ProductiveCard.d.ts","sourceRoot":"","sources":["../../../src/components/ProductiveCard/ProductiveCard.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,EAEZ,iBAAiB,EACjB,SAAS,EAEV,MAAM,OAAO,CAAC;AAEf,OAAO,EAAE,cAAc,EAAE,MAAM,oCAAoC,CAAC;AAMpE,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAI1C,KAAK,cAAc,GAAG;IACpB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAC;IACtC,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAC;CAC5C,CAAC;AACF,KAAK,aAAa,GAAG,KAAK,GAAG,QAAQ,CAAC;AACtC,KAAK,aAAa,GAAG,KAAK,GAAG,KAAK,GAAG,OAAO,CAAC;AAC7C,MAAM,WAAW,mBAAoB,SAAQ,iBAAiB;IAC5D;;OAEG;IACH,WAAW,CAAC,EAAE,UAAU,EAAE,CAAC;IAC3B;;OAEG;IACH,SAAS,CAAC,EAAE,SAAS,GAAG,OAAO,CAAC;IAEhC;;OAEG;IACH,gBAAgB,CAAC,EAAE,aAAa,CAAC;IACjC;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,SAAS,CAAC,EAAE,aAAa,CAAC;IAC1B;;OAEG;IACH,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAElB;;OAEG;IACH,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAC;IAEtC;;OAEG;IACH,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAC;IAE3C;;OAEG;IACH,oBAAoB,CAAC,EAAE,MAAM,IAAI,CAAC;IAClC;;OAEG;IACH,sBAAsB,CAAC,EAAE,MAAM,IAAI,CAAC;IACpC;;OAEG;IACH,eAAe,CAAC,EAAE,cAAc,EAAE,CAAC;IACnC;;;OAGG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B;;OAEG;IACH,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC;;OAEG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B;;OAEG;IACH,iBAAiB,CAAC,EAAE,cAAc,CAAC;IACnC;;OAEG;IACH,sBAAsB,CAAC,EAAE,aAAa,CAAC;IACvC;;OAEG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B;;OAEG;IACH,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B;;OAEG;IACH,mBAAmB,CAAC,EAAE,cAAc,CAAC;IACrC;;OAEG;IACH,wBAAwB,CAAC,EAAE,aAAa,CAAC;IACzC;;OAEG;IACH,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B;;;;OAIG;IACH,IAAI,CAAC,EAAE,SAAS,GAAG,OAAO,CAAC;IAE3B;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAElB;;OAEG;IACH,SAAS,CAAC,EAAE,SAAS,GAAG,OAAO,CAAC;IAEhC;;;;;OAKG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B;AAED,eAAO,MAAM,cAAc,4FA2B1B,CAAC"}
|
|
@@ -73,11 +73,7 @@ ProductiveCard.propTypes = {
|
|
|
73
73
|
/**
|
|
74
74
|
* Optional header description
|
|
75
75
|
*/
|
|
76
|
-
description: PropTypes.oneOfType([
|
|
77
|
-
PropTypes.string,
|
|
78
|
-
PropTypes.object,
|
|
79
|
-
PropTypes.node
|
|
80
|
-
]),
|
|
76
|
+
description: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),
|
|
81
77
|
/**
|
|
82
78
|
* Sets the text for the OverflowMenu trigger button tooltip and OverflowMenu aria label,
|
|
83
79
|
* gets overridden by the `overflowAriaLabel` prop.
|
|
@@ -88,11 +84,7 @@ ProductiveCard.propTypes = {
|
|
|
88
84
|
/**
|
|
89
85
|
* Optional label for the top of the card
|
|
90
86
|
*/
|
|
91
|
-
label: PropTypes.oneOfType([
|
|
92
|
-
PropTypes.string,
|
|
93
|
-
PropTypes.object,
|
|
94
|
-
PropTypes.node
|
|
95
|
-
]),
|
|
87
|
+
label: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),
|
|
96
88
|
/**
|
|
97
89
|
* Provides the callback for a clickable card
|
|
98
90
|
*/
|
|
@@ -168,11 +160,7 @@ ProductiveCard.propTypes = {
|
|
|
168
160
|
/**
|
|
169
161
|
* Title that's displayed at the top of the card
|
|
170
162
|
*/
|
|
171
|
-
title: PropTypes.oneOfType([
|
|
172
|
-
PropTypes.string,
|
|
173
|
-
PropTypes.object,
|
|
174
|
-
PropTypes.node
|
|
175
|
-
]),
|
|
163
|
+
title: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),
|
|
176
164
|
/**
|
|
177
165
|
* Determines title size
|
|
178
166
|
*/
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TearsheetShell.d.ts","sourceRoot":"","sources":["../../../src/components/Tearsheet/TearsheetShell.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAGH,OAAO,KAAK,EAAE,EAMZ,iBAAiB,EACjB,SAAS,EAET,SAAS,
|
|
1
|
+
{"version":3,"file":"TearsheetShell.d.ts","sourceRoot":"","sources":["../../../src/components/Tearsheet/TearsheetShell.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAGH,OAAO,KAAK,EAAE,EAMZ,iBAAiB,EACjB,SAAS,EAET,SAAS,EAIV,MAAM,OAAO,CAAC;AAIf,OAAO,SAAS,MAAM,YAAY,CAAC;AA4BnC,OAAO,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAc9C,UAAU,mBAAoB,SAAQ,iBAAiB;IACrD,OAAO,CAAC,EAAE,eAAe,EAAE,CAAC;IAE5B,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;;;;OAKG;IACH,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAE9B;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB;;OAEG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC;IAEtB;;OAEG;IACH,WAAW,CAAC,EAAE,SAAS,CAAC;IAExB;;;;;;;OAOG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IAEvB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;;;;OAKG;IACH,aAAa,CAAC,EAAE,SAAS,CAAC;IAE1B;;;;;OAKG;IACH,UAAU,CAAC,EAAE,SAAS,CAAC;IAEvB;;OAEG;IACH,kBAAkB,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAEtC;;;OAGG;IACH,eAAe,CAAC,EAAE,QAAQ,GAAG,MAAM,CAAC;IAEpC;;;;OAIG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAElB;;OAEG;IACH,iBAAiB,CAAC,EAAE,SAAS,CAAC,GAAG,CAAC,CAAC;IAEnC;;;;OAIG;IACH,UAAU,CAAC,EAAE,SAAS,CAAC;IAEvB;;;;OAIG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IAErB;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IAEf;;OAEG;IACH,YAAY,CAAC,EAAE,WAAW,CAAC;IAE3B;;;OAGG;IACH,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAE9B;;;;OAIG;IACH,sBAAsB,CAAC,EAAE,MAAM,EAAE,CAAC;IAElC;;OAEG;IACH,IAAI,EAAE,QAAQ,GAAG,MAAM,CAAC;IAExB;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAElB,gBAAgB,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAC;IAGtC;;OAEG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;CAClB;AA0BD,eAAO,MAAM,uBAAuB,UAMnC,CAAC;AAEF,eAAO,MAAM,kBAAkB,GAAI,YAAO,YAAiC,CAAC;AAC5E,eAAO,MAAM,qBAAqB,GAAI,YAAO,EAAE,iBAAY,QACd,CAAC;AAe9C;;;;;;KAMK;AACL,eAAO,MAAM,cAAc,4FA6B1B,CAAC;AAiZF,eAAO,MAAM,UAAU,+BAIY,CAAC;AAEpC,eAAO,MAAM,eAAe;IAC1B;;OAEG;;IAGH;;;;;;;;OAQG;;CAEJ,CAAC"}
|
|
@@ -21,9 +21,10 @@ import { Wrap } from "../../global/js/utils/Wrap.js";
|
|
|
21
21
|
import { useMergedRefs } from "../../global/js/hooks/useMergedRefs.js";
|
|
22
22
|
import { useId } from "../../global/js/utils/useId.js";
|
|
23
23
|
import { TearsheetPresence, TearsheetPresenceContext, useExclusiveTearsheetPresenceContext } from "./TearsheetPresence.js";
|
|
24
|
-
import React, { useContext, useEffect, useRef, useState } from "react";
|
|
24
|
+
import React, { cloneElement, isValidElement, useContext, useEffect, useRef, useState } from "react";
|
|
25
25
|
import PropTypes from "prop-types";
|
|
26
|
-
import { Button, ComposedModal, Layer, ModalHeader, Section, unstable_FeatureFlags, useFeatureFlag, usePrefix } from "@carbon/react";
|
|
26
|
+
import { AILabel, Button, ComposedModal, IconButton, Layer, ModalHeader, Section, unstable_FeatureFlags, useFeatureFlag, usePrefix } from "@carbon/react";
|
|
27
|
+
import { Close } from "@carbon/react/icons";
|
|
27
28
|
//#region src/components/Tearsheet/TearsheetShell.tsx
|
|
28
29
|
/**
|
|
29
30
|
* Copyright IBM Corp. 2020, 2024
|
|
@@ -203,6 +204,7 @@ const TearsheetShellDialog = React.forwardRef(({ actions, decorator, ariaLabel,
|
|
|
203
204
|
const includeHeader = label || title || description || headerActions || navigation || effectiveHasCloseIcon;
|
|
204
205
|
const includeActions = actions && actions?.length > 0;
|
|
205
206
|
const areAllSameSizeVariant = () => new Set(stack.sizes).size === 1;
|
|
207
|
+
const normalizedDecorator = isValidElement(decorator) && decorator.type === AILabel ? cloneElement(decorator, { size: "sm" }) : decorator;
|
|
206
208
|
return renderPortalUse(/* @__PURE__ */ React.createElement(unstable_FeatureFlags, { enableExperimentalFocusWrapWithoutSentinels: true }, /* @__PURE__ */ React.createElement(ComposedModal, {
|
|
207
209
|
...rest,
|
|
208
210
|
"aria-label": ariaLabel || getNodeTextContent(title),
|
|
@@ -217,7 +219,6 @@ const TearsheetShellDialog = React.forwardRef(({ actions, decorator, ariaLabel,
|
|
|
217
219
|
["is-visible"]: enablePresence,
|
|
218
220
|
[`${bc}--tearsheet-enable-presence`]: presenceContext?.autoEnablePresence
|
|
219
221
|
}),
|
|
220
|
-
decorator: decorator || deprecated_slug,
|
|
221
222
|
containerClassName: (0, import_classnames.default)(`${bc}__container`, {
|
|
222
223
|
[`${bc}__container--lower`]: verticalPosition === "lower",
|
|
223
224
|
[`${bc}__container--mixed-size-stacking`]: !areAllSameSizeVariant()
|
|
@@ -243,16 +244,24 @@ const TearsheetShellDialog = React.forwardRef(({ actions, decorator, ariaLabel,
|
|
|
243
244
|
[`${bc}__header--with-close-icon`]: effectiveHasCloseIcon,
|
|
244
245
|
[`${bc}__header--with-nav`]: navigation
|
|
245
246
|
}),
|
|
246
|
-
closeClassName: (0, import_classnames.default)(
|
|
247
|
-
|
|
248
|
-
|
|
249
|
-
|
|
247
|
+
closeClassName: (0, import_classnames.default)(`${bc}__header--no-close-icon`)
|
|
248
|
+
}, headerActions && /* @__PURE__ */ React.createElement("div", { className: `${bc}__header-actions` }, headerActions), (decorator || deprecated_slug) && /* @__PURE__ */ React.createElement("div", { className: `${bc}__decorator` }, normalizedDecorator || deprecated_slug), effectiveHasCloseIcon && /* @__PURE__ */ React.createElement("div", { className: `${bc}__close-button ${carbonPrefix}--modal-close-button` }, /* @__PURE__ */ React.createElement(IconButton, {
|
|
249
|
+
className: `${carbonPrefix}--modal-close`,
|
|
250
|
+
label: closeIconDescription,
|
|
251
|
+
onClick: onClose,
|
|
252
|
+
align: "left"
|
|
253
|
+
}, /* @__PURE__ */ React.createElement(Close, {
|
|
254
|
+
size: 20,
|
|
255
|
+
"aria-hidden": "true",
|
|
256
|
+
tabIndex: "-1",
|
|
257
|
+
className: `${carbonPrefix}--modal-close__icon`
|
|
258
|
+
}))), /* @__PURE__ */ React.createElement(Wrap, {
|
|
250
259
|
className: `${bc}__header-content`,
|
|
251
260
|
element: wide ? Layer : void 0
|
|
252
261
|
}, /* @__PURE__ */ React.createElement(Wrap, { className: `${bc}__header-fields` }, /* @__PURE__ */ React.createElement(Wrap, { className: `${bcModalHeader}__label` }, label), /* @__PURE__ */ React.createElement(Wrap, {
|
|
253
262
|
element: "h3",
|
|
254
263
|
className: (0, import_classnames.default)(`${bcModalHeader}__heading`, `${bc}__heading`)
|
|
255
|
-
}, title), /* @__PURE__ */ React.createElement(Wrap, { className: `${bc}__header-description` }, description))
|
|
264
|
+
}, title), /* @__PURE__ */ React.createElement(Wrap, { className: `${bc}__header-description` }, description))), /* @__PURE__ */ React.createElement(Wrap, { className: `${bc}__header-navigation` }, navigation)), /* @__PURE__ */ React.createElement(Wrap, {
|
|
256
265
|
ref: modalBodyRef,
|
|
257
266
|
className: `${carbonPrefix}--modal-content ${bc}__body`
|
|
258
267
|
}, /* @__PURE__ */ React.createElement(Wrap, {
|
|
@@ -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,EAKnB,MAAM,eAAe,CAAC;AAEvB,OAAwB,EACtB,oBAAoB,EAEpB,2BAA2B,EAE3B,0BAA0B,EAC3B,MAAM,mBAAmB,CAAC;AAC3B,OAA+B,EAC7B,2BAA2B,EAC5B,MAAM,0BAA0B,CAAC;AAClC,OAAsB,EAEpB,eAAe,EAEf,gBAAgB,EAEhB,mBAAmB,EACnB,kBAAkB,EACnB,MAAM,iBAAiB,CAAC;AAEzB,OAAO,EAEL,8BAA8B,EAE9B,2BAA2B,EAC5B,MAAM,0BAA0B,CAAC;AAClC,OAAwB,EAAE,oBAAoB,EAAE,MAAM,mBAAmB,CAAC;AAQ1E;;;;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;IACnB;;OAEG;IACH,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB;;OAEG;IACH,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,GAAG,QAAQ,CAAC;IAC5B;;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;;;;OAIG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB;;;OAGG;IACH,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B;;OAEG;IACH,YAAY,CAAC,EAAE,WAAW,CAAC;IAC3B;;;;;OAKG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB;;;;OAIG;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;
|
|
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,EAKnB,MAAM,eAAe,CAAC;AAEvB,OAAwB,EACtB,oBAAoB,EAEpB,2BAA2B,EAE3B,0BAA0B,EAC3B,MAAM,mBAAmB,CAAC;AAC3B,OAA+B,EAC7B,2BAA2B,EAC5B,MAAM,0BAA0B,CAAC;AAClC,OAAsB,EAEpB,eAAe,EAEf,gBAAgB,EAEhB,mBAAmB,EACnB,kBAAkB,EACnB,MAAM,iBAAiB,CAAC;AAEzB,OAAO,EAEL,8BAA8B,EAE9B,2BAA2B,EAC5B,MAAM,0BAA0B,CAAC;AAClC,OAAwB,EAAE,oBAAoB,EAAE,MAAM,mBAAmB,CAAC;AAQ1E;;;;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;IACnB;;OAEG;IACH,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB;;OAEG;IACH,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,GAAG,QAAQ,CAAC;IAC5B;;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;;;;OAIG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB;;;OAGG;IACH,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B;;OAEG;IACH,YAAY,CAAC,EAAE,WAAW,CAAC;IAC3B;;;;;OAKG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB;;;;OAIG;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;AAqQF;;;GAGG;AACH,eAAO,MAAM,SAAS,EA0BjB,sBAAsB,CAAC"}
|
|
@@ -36,7 +36,7 @@ var import_classnames = /* @__PURE__ */ __toESM(require_classnames());
|
|
|
36
36
|
* Internal component that handles the actual tearsheet rendering.
|
|
37
37
|
* This component is always "present" when mounted - the wrapper handles presence logic.
|
|
38
38
|
*/
|
|
39
|
-
const TearsheetInternal = forwardRef(({ children, variant = "wide", selectorsFloatingMenus = [], className, influencerWidth, summaryContentWidth, ariaLabel, onClose, selectorPrimaryFocus, open = false, portalTarget, disablePortal = false, verticalGap, containerClassName, keepMounted = false, isExiting = false, presenceRef, decorator, ...rest }, ref) => {
|
|
39
|
+
const TearsheetInternal = forwardRef(({ children, variant = "wide", selectorsFloatingMenus = [], className, influencerWidth, summaryContentWidth, ariaLabel, onClose, selectorPrimaryFocus, open = false, portalTarget, disablePortal = false, verticalGap, containerClassName, keepMounted = false, isExiting = false, presenceRef, decorator, launcherButtonRef, ...rest }, ref) => {
|
|
40
40
|
const carbonPrefix = usePrefix();
|
|
41
41
|
const localRef = useRef(null);
|
|
42
42
|
const bodyRef = useRef(null);
|
|
@@ -55,6 +55,7 @@ const TearsheetInternal = forwardRef(({ children, variant = "wide", selectorsFlo
|
|
|
55
55
|
const body = arr.find((child) => child.type === TearsheetBody);
|
|
56
56
|
const footer = arr.find((child) => child.type === TearsheetFooter);
|
|
57
57
|
const uniqueId = useRef(useId());
|
|
58
|
+
const titleId = useRef(`${blockClass}__title-${uniqueId.current}`);
|
|
58
59
|
const { notifyStack, stack, getDepth, getScaleFactor, getBlockSizeChange } = useStackContext();
|
|
59
60
|
const [depth, setDepth] = useState(0);
|
|
60
61
|
const [mountNode, setMountNode] = useState(null);
|
|
@@ -90,6 +91,22 @@ const TearsheetInternal = forwardRef(({ children, variant = "wide", selectorsFlo
|
|
|
90
91
|
localRef.current.style.setProperty("--scale-factor", scaleFactor + "");
|
|
91
92
|
}
|
|
92
93
|
}, [stack]);
|
|
94
|
+
useEffect(() => {
|
|
95
|
+
if (!open && launcherButtonRef?.current) {
|
|
96
|
+
const timeoutId = setTimeout(() => {
|
|
97
|
+
const refCurrent = launcherButtonRef.current;
|
|
98
|
+
if (refCurrent instanceof HTMLElement) {
|
|
99
|
+
const headerActionItem = refCurrent.closest(`.${blockClass}__header-action-item`);
|
|
100
|
+
if (headerActionItem) {
|
|
101
|
+
const menuButton = headerActionItem.closest(`.${blockClass}__content__header-actions`)?.querySelector(`.${blockClass}__header-actions-menuButton:not(.${blockClass}__header-actions-menuButton--hidden) button`);
|
|
102
|
+
if (menuButton instanceof HTMLElement) menuButton.focus();
|
|
103
|
+
else refCurrent.focus();
|
|
104
|
+
} else refCurrent.focus();
|
|
105
|
+
}
|
|
106
|
+
}, 100);
|
|
107
|
+
return () => clearTimeout(timeoutId);
|
|
108
|
+
}
|
|
109
|
+
}, [open, launcherButtonRef]);
|
|
93
110
|
const content = /* @__PURE__ */ React.createElement(TearsheetContext.Provider, { value: {
|
|
94
111
|
fullyCollapsed,
|
|
95
112
|
setFullyCollapsed,
|
|
@@ -98,13 +115,15 @@ const TearsheetInternal = forwardRef(({ children, variant = "wide", selectorsFlo
|
|
|
98
115
|
setDisableHeaderCollapse,
|
|
99
116
|
variant,
|
|
100
117
|
isSm,
|
|
101
|
-
decorator
|
|
118
|
+
decorator,
|
|
119
|
+
titleId: titleId.current
|
|
102
120
|
} }, /* @__PURE__ */ React.createElement(unstable_FeatureFlags, { flags: {
|
|
103
121
|
...parentFlagsObject,
|
|
104
122
|
"enable-experimental-focus-wrap-without-sentinels": true
|
|
105
123
|
} }, /* @__PURE__ */ React.createElement(ComposedModal, {
|
|
106
124
|
...rest,
|
|
107
125
|
"aria-label": ariaLabel,
|
|
126
|
+
"aria-labelledby": !ariaLabel ? titleId.current : void 0,
|
|
108
127
|
className: (0, import_classnames.default)(blockClass, className, {
|
|
109
128
|
[`${blockClass}--wide`]: variant === "wide",
|
|
110
129
|
[`${blockClass}--narrow`]: variant === "narrow",
|
|
@@ -52,6 +52,14 @@ export interface SummaryContentProps {
|
|
|
52
52
|
onSummaryPanelClose?(): void;
|
|
53
53
|
/** this can be set take full width without any padding */
|
|
54
54
|
isFlush?: boolean;
|
|
55
|
+
/**
|
|
56
|
+
* Optional ref to the trigger button that opened the panel. Focus will return here when panel closes.
|
|
57
|
+
*/
|
|
58
|
+
summaryPanelTriggerRef?: React.RefObject<HTMLElement>;
|
|
59
|
+
/**
|
|
60
|
+
* Optional aria-label for the summary panel. Defaults to "Summary panel".
|
|
61
|
+
*/
|
|
62
|
+
summaryPanelAriaLabel?: string;
|
|
55
63
|
}
|
|
56
64
|
export declare const SummaryContent: React.ForwardRefExoticComponent<SummaryContentProps & React.RefAttributes<HTMLDivElement>>;
|
|
57
65
|
export interface InfluencerProps {
|
|
@@ -68,6 +76,14 @@ export interface InfluencerProps {
|
|
|
68
76
|
onInfluencerPanelClose?(): void;
|
|
69
77
|
/** this can be set take full width without any padding */
|
|
70
78
|
isFlush?: boolean;
|
|
79
|
+
/**
|
|
80
|
+
* Optional ref to the trigger button that opened the panel. Focus will return here when panel closes.
|
|
81
|
+
*/
|
|
82
|
+
influencerPanelTriggerRef?: React.RefObject<HTMLElement>;
|
|
83
|
+
/**
|
|
84
|
+
* Optional aria-label for the influencer panel. Defaults to "Influencer panel".
|
|
85
|
+
*/
|
|
86
|
+
influencerPanelAriaLabel?: string;
|
|
71
87
|
}
|
|
72
88
|
export declare const Influencer: React.ForwardRefExoticComponent<InfluencerProps & React.RefAttributes<HTMLDivElement>>;
|
|
73
89
|
export default TearsheetBody;
|
|
@@ -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;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CAOpB;AAED,QAAA,MAAM,aAAa,2FAQlB,CAAC;AAEF,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,0DAA0D;IAC1D,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AACD;;;;GAIG;AACH,eAAO,MAAM,WAAW,yFAuDvB,CAAC;AAEF;;;;GAIG;AACH,MAAM,WAAW,mBAAmB;IAClC,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B;;;OAGG;IACH,mBAAmB,CAAC,IAAI,IAAI,CAAC;IAC7B,0DAA0D;IAC1D,OAAO,CAAC,EAAE,OAAO,CAAC;
|
|
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;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CAOpB;AAED,QAAA,MAAM,aAAa,2FAQlB,CAAC;AAEF,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,0DAA0D;IAC1D,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AACD;;;;GAIG;AACH,eAAO,MAAM,WAAW,yFAuDvB,CAAC;AAEF;;;;GAIG;AACH,MAAM,WAAW,mBAAmB;IAClC,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B;;;OAGG;IACH,mBAAmB,CAAC,IAAI,IAAI,CAAC;IAC7B,0DAA0D;IAC1D,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;OAEG;IACH,sBAAsB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;IACtD;;OAEG;IACH,qBAAqB,CAAC,EAAE,MAAM,CAAC;CAChC;AACD,eAAO,MAAM,cAAc,4FAoD1B,CAAC;AAEF,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;AAEF,eAAe,aAAa,CAAC"}
|
|
@@ -58,8 +58,15 @@ const MainContent = forwardRef(({ children, className, isFlush, ...rest }, ref)
|
|
|
58
58
|
...rest
|
|
59
59
|
}, children);
|
|
60
60
|
});
|
|
61
|
-
const SummaryContent = forwardRef(({ children, className, summaryPanelOpen = false, onSummaryPanelClose, isFlush }, ref) => {
|
|
61
|
+
const SummaryContent = forwardRef(({ children, className, summaryPanelOpen = false, onSummaryPanelClose, isFlush, summaryPanelTriggerRef, summaryPanelAriaLabel = "Summary panel" }, ref) => {
|
|
62
62
|
const { isSm } = useContext(TearsheetContext);
|
|
63
|
+
const prevOpenRef = useRef(summaryPanelOpen);
|
|
64
|
+
useEffect(() => {
|
|
65
|
+
if (prevOpenRef.current && !summaryPanelOpen && summaryPanelTriggerRef?.current) setTimeout(() => {
|
|
66
|
+
summaryPanelTriggerRef.current?.focus();
|
|
67
|
+
}, 100);
|
|
68
|
+
prevOpenRef.current = summaryPanelOpen;
|
|
69
|
+
}, [summaryPanelOpen, summaryPanelTriggerRef]);
|
|
63
70
|
return !isSm ? /* @__PURE__ */ React.createElement("div", {
|
|
64
71
|
className: (0, import_classnames.default)(`${blockClass}__summary-content`, className, { [`${blockClass}__flush`]: isFlush }),
|
|
65
72
|
ref
|
|
@@ -67,11 +74,20 @@ const SummaryContent = forwardRef(({ children, className, summaryPanelOpen = fal
|
|
|
67
74
|
size: "sm",
|
|
68
75
|
open: summaryPanelOpen,
|
|
69
76
|
onRequestClose: onSummaryPanelClose,
|
|
70
|
-
className: (0, import_classnames.default)(`${blockClass}__side-panel`, className)
|
|
77
|
+
className: (0, import_classnames.default)(`${blockClass}__side-panel`, className),
|
|
78
|
+
"aria-label": summaryPanelAriaLabel,
|
|
79
|
+
"aria-modal": "true"
|
|
71
80
|
}, children);
|
|
72
81
|
});
|
|
73
|
-
const Influencer = forwardRef(({ children, className, influencerPanelOpen = false, onInfluencerPanelClose, isFlush }, ref) => {
|
|
82
|
+
const Influencer = forwardRef(({ children, className, influencerPanelOpen = false, onInfluencerPanelClose, isFlush, influencerPanelTriggerRef, influencerPanelAriaLabel = "Influencer panel" }, ref) => {
|
|
74
83
|
const { isSm } = useContext(TearsheetContext);
|
|
84
|
+
const prevOpenRef = useRef(influencerPanelOpen);
|
|
85
|
+
useEffect(() => {
|
|
86
|
+
if (prevOpenRef.current && !influencerPanelOpen && influencerPanelTriggerRef?.current) setTimeout(() => {
|
|
87
|
+
influencerPanelTriggerRef.current?.focus();
|
|
88
|
+
}, 100);
|
|
89
|
+
prevOpenRef.current = influencerPanelOpen;
|
|
90
|
+
}, [influencerPanelOpen, influencerPanelTriggerRef]);
|
|
75
91
|
return !isSm ? /* @__PURE__ */ React.createElement("aside", {
|
|
76
92
|
className: (0, import_classnames.default)(`${blockClass}__influencer`, className, { [`${blockClass}__flush`]: isFlush }),
|
|
77
93
|
ref
|
|
@@ -80,7 +96,9 @@ const Influencer = forwardRef(({ children, className, influencerPanelOpen = fals
|
|
|
80
96
|
open: influencerPanelOpen,
|
|
81
97
|
onRequestClose: onInfluencerPanelClose,
|
|
82
98
|
placement: "left",
|
|
83
|
-
className: (0, import_classnames.default)(`${blockClass}__side-panel`, className)
|
|
99
|
+
className: (0, import_classnames.default)(`${blockClass}__side-panel`, className),
|
|
100
|
+
"aria-label": influencerPanelAriaLabel,
|
|
101
|
+
"aria-modal": "true"
|
|
84
102
|
}, children);
|
|
85
103
|
});
|
|
86
104
|
//#endregion
|
|
@@ -21,7 +21,7 @@ var import_classnames = /* @__PURE__ */ __toESM(require_classnames());
|
|
|
21
21
|
const TearsheetFooter = forwardRef(({ children, className, actions, buttonSize }, ref) => {
|
|
22
22
|
const { variant } = useContext(TearsheetContext);
|
|
23
23
|
const actionCount = actions?.length || 0;
|
|
24
|
-
return /* @__PURE__ */ React.createElement("
|
|
24
|
+
return /* @__PURE__ */ React.createElement("div", {
|
|
25
25
|
className: (0, import_classnames.default)(`${blockClass}__footer`, className, {
|
|
26
26
|
[`${blockClass}__footer--three-actions`]: actionCount == 3,
|
|
27
27
|
[`${blockClass}__footer--many-actions`]: actionCount > 3
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TearsheetHeader.d.ts","sourceRoot":"","sources":["../../../../src/components/Tearsheet/next/TearsheetHeader.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAc,eAAe,EAAe,MAAM,eAAe,CAAC;AACzE,OAAO,KAAK,EAAE,EACZ,SAAS,EAKV,MAAM,OAAO,CAAC;AAMf;;;;GAIG;AAEH,MAAM,WAAW,oBAAoB;IACnC;;;OAGG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE3B;;;;;OAKG;IACH,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B;;;;;;;OAOG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAE1B,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;OAEG;IACH,qBAAqB,CAAC,EAAE,OAAO,CAAC;CACjC;AAED,QAAA,MAAM,eAAe,6FA2CpB,CAAC;AAEF,eAAe,eAAe,CAAC;AAE/B;;;;GAIG;AAEH,MAAM,WAAW,2BAA2B;IAC1C,QAAQ,EAAE,SAAS,CAAC;IACpB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AACD,eAAO,MAAM,sBAAsB,oGAajC,CAAC;AAEH;;;;GAIG;AAEH,MAAM,WAAW,0BAA2B,SAAQ,eAAe;IACjE,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,qBAAqB,
|
|
1
|
+
{"version":3,"file":"TearsheetHeader.d.ts","sourceRoot":"","sources":["../../../../src/components/Tearsheet/next/TearsheetHeader.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAc,eAAe,EAAe,MAAM,eAAe,CAAC;AACzE,OAAO,KAAK,EAAE,EACZ,SAAS,EAKV,MAAM,OAAO,CAAC;AAMf;;;;GAIG;AAEH,MAAM,WAAW,oBAAoB;IACnC;;;OAGG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE3B;;;;;OAKG;IACH,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B;;;;;;;OAOG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAE1B,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;OAEG;IACH,qBAAqB,CAAC,EAAE,OAAO,CAAC;CACjC;AAED,QAAA,MAAM,eAAe,6FA2CpB,CAAC;AAEF,eAAe,eAAe,CAAC;AAE/B;;;;GAIG;AAEH,MAAM,WAAW,2BAA2B;IAC1C,QAAQ,EAAE,SAAS,CAAC;IACpB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AACD,eAAO,MAAM,sBAAsB,oGAajC,CAAC;AAEH;;;;GAIG;AAEH,MAAM,WAAW,0BAA2B,SAAQ,eAAe;IACjE,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,qBAAqB,mGAiDhC,CAAC"}
|
|
@@ -67,7 +67,9 @@ const TearsheetScrollButton = React.forwardRef(function PageHeaderExpander({ cla
|
|
|
67
67
|
onClick?.(event);
|
|
68
68
|
handleScroller(!!fullyCollapsed);
|
|
69
69
|
},
|
|
70
|
-
className: (0, import_classnames.default)(className, `${blockClass}__scroller-button`)
|
|
70
|
+
className: (0, import_classnames.default)(className, `${blockClass}__scroller-button`),
|
|
71
|
+
"aria-label": fullyCollapsed ? `${expandText} header` : `${collapseText} header`,
|
|
72
|
+
"aria-expanded": !fullyCollapsed
|
|
71
73
|
}, /* @__PURE__ */ React.createElement(ChevronUp, { className: (0, import_classnames.default)(`${blockClass}__scroller-button-icon`, { [`${blockClass}__scroller-button-icon-collapsed`]: fullyCollapsed }) })));
|
|
72
74
|
});
|
|
73
75
|
//#endregion
|
|
@@ -29,7 +29,7 @@ export interface TearsheetHeaderActionsProps {
|
|
|
29
29
|
*/
|
|
30
30
|
menuButtonProps?: MenuButtonProps;
|
|
31
31
|
}
|
|
32
|
-
export declare const TearsheetHeaderActions:
|
|
32
|
+
export declare const TearsheetHeaderActions: React.ForwardRefExoticComponent<TearsheetHeaderActionsProps & React.RefAttributes<HTMLDivElement>>;
|
|
33
33
|
/**
|
|
34
34
|
* ----------------
|
|
35
35
|
* TearsheetHeaderActionsItem
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TearsheetHeaderActions.d.ts","sourceRoot":"","sources":["../../../../src/components/Tearsheet/next/TearsheetHeaderActions.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAc,eAAe,EAAY,MAAM,eAAe,CAAC;AACtE,OAAO,KAAK,EAAE,
|
|
1
|
+
{"version":3,"file":"TearsheetHeaderActions.d.ts","sourceRoot":"","sources":["../../../../src/components/Tearsheet/next/TearsheetHeaderActions.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAc,eAAe,EAAY,MAAM,eAAe,CAAC;AACtE,OAAO,KAAK,EAAE,EAGZ,SAAS,EAGV,MAAM,OAAO,CAAC;AAKf;;;;GAIG;AACH,KAAK,aAAa,GAAG,KAAK,CAAC,YAAY,CAAC;IAAE,EAAE,EAAE,MAAM,CAAC;IAAC,aAAa,EAAE,MAAM,CAAA;CAAE,CAAC,CAAC;AAC/E,MAAM,WAAW,2BAA2B;IAC1C;;OAEG;IACH,QAAQ,EAAE,aAAa,EAAE,CAAC;IAC1B;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,eAAe,CAAC,EAAE,eAAe,CAAC;CACnC;AACD,eAAO,MAAM,sBAAsB,oGAuGjC,CAAC;AAIH;;;;GAIG;AAEH,MAAM,WAAW,8BAA8B;IAC7C;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IACpB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAE3B,EAAE,CAAC,EAAE,MAAM,CAAC;CACb;AACD,eAAO,MAAM,yBAAyB,GAAI,0BAGvC,8BAA8B,sBAMhC,CAAC"}
|
|
@@ -9,7 +9,7 @@ import { __toESM } from "../../../_virtual/_rolldown/runtime.js";
|
|
|
9
9
|
import { require_classnames } from "../../../node_modules/classnames/index.js";
|
|
10
10
|
import { useIsomorphicEffect } from "../../../global/js/hooks/useIsomorphicEffect.js";
|
|
11
11
|
import { blockClass } from "./context.js";
|
|
12
|
-
import React, { useRef, useState } from "react";
|
|
12
|
+
import React, { forwardRef, useRef, useState } from "react";
|
|
13
13
|
import { MenuButton, MenuItem } from "@carbon/react";
|
|
14
14
|
import { createOverflowHandler } from "@carbon/utilities";
|
|
15
15
|
//#region src/components/Tearsheet/next/TearsheetHeaderActions.tsx
|
|
@@ -20,9 +20,10 @@ import { createOverflowHandler } from "@carbon/utilities";
|
|
|
20
20
|
* LICENSE file in the root directory of this source tree.
|
|
21
21
|
*/
|
|
22
22
|
var import_classnames = /* @__PURE__ */ __toESM(require_classnames());
|
|
23
|
-
const TearsheetHeaderActions = ({ className, children, menuButtonProps }) => {
|
|
23
|
+
const TearsheetHeaderActions = forwardRef(({ className, children, menuButtonProps }, ref) => {
|
|
24
24
|
const containerRef = useRef(null);
|
|
25
25
|
const offsetRef = useRef(null);
|
|
26
|
+
const menuButtonContainerRef = useRef(null);
|
|
26
27
|
const [menuButtonVisibility, setMenuButtonVisibility] = useState(false);
|
|
27
28
|
const [hiddenItems, setHiddenItems] = useState([]);
|
|
28
29
|
const hasOtherChildType = useRef(false);
|
|
@@ -55,6 +56,7 @@ const TearsheetHeaderActions = ({ className, children, menuButtonProps }) => {
|
|
|
55
56
|
ref: offsetRef,
|
|
56
57
|
className: (0, import_classnames.default)(`${blockClass}__header-actions-menuButton`, { [`${blockClass}__header-actions-menuButton--hidden`]: hiddenItems.length === 0 })
|
|
57
58
|
}, /* @__PURE__ */ React.createElement(MenuButton, {
|
|
59
|
+
ref: menuButtonContainerRef,
|
|
58
60
|
size: "sm",
|
|
59
61
|
...menuButtonProps
|
|
60
62
|
}, hiddenItems.map((item) => {
|
|
@@ -67,7 +69,8 @@ const TearsheetHeaderActions = ({ className, children, menuButtonProps }) => {
|
|
|
67
69
|
label: childProps.overflowItemLabel
|
|
68
70
|
});
|
|
69
71
|
}))));
|
|
70
|
-
};
|
|
72
|
+
});
|
|
73
|
+
TearsheetHeaderActions.displayName = "TearsheetHeaderActions";
|
|
71
74
|
const TearsheetHeaderActionItem = ({ children, className }) => {
|
|
72
75
|
return /* @__PURE__ */ React.createElement("div", { className: `${blockClass}__header-action-item ${className}` }, children);
|
|
73
76
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TearsheetHeaderContent.d.ts","sourceRoot":"","sources":["../../../../src/components/Tearsheet/next/TearsheetHeaderContent.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAK,EAAE,EAIZ,SAAS,EAEV,MAAM,OAAO,CAAC;AAOf,MAAM,WAAW,2BAA2B;IAC1C;;;OAGG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;;;OAIG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB;;OAEG;IACH,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB;;OAEG;IACH,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB;;OAEG;IACH,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACjC;AAED,QAAA,MAAM,sBAAsB,
|
|
1
|
+
{"version":3,"file":"TearsheetHeaderContent.d.ts","sourceRoot":"","sources":["../../../../src/components/Tearsheet/next/TearsheetHeaderContent.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAK,EAAE,EAIZ,SAAS,EAEV,MAAM,OAAO,CAAC;AAOf,MAAM,WAAW,2BAA2B;IAC1C;;;OAGG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;;;OAIG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB;;OAEG;IACH,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB;;OAEG;IACH,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB;;OAEG;IACH,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACjC;AAED,QAAA,MAAM,sBAAsB,oGA+G1B,CAAC;AAEH,eAAe,sBAAsB,CAAC"}
|
|
@@ -23,9 +23,12 @@ var import_classnames = /* @__PURE__ */ __toESM(require_classnames());
|
|
|
23
23
|
const TearsheetHeaderContent = React.forwardRef((props, ref) => {
|
|
24
24
|
const { children, label, title, description, headerActions, titleStart, titleEnd, ...rest } = props;
|
|
25
25
|
const carbonPrefix = usePrefix();
|
|
26
|
-
const { isSm, onClose, decorator, closeIconDescription, hideCloseButton = false } = useContext(TearsheetContext);
|
|
26
|
+
const { isSm, onClose, decorator, closeIconDescription, hideCloseButton = false, titleId } = useContext(TearsheetContext);
|
|
27
27
|
const normalizedDecorator = isValidElement(decorator) && decorator.type === AILabel ? cloneElement(decorator, { size: "sm" }) : decorator;
|
|
28
|
-
const headerContent = /* @__PURE__ */ React.createElement("div", { className: `${blockClass}__header-content` }, label ? /* @__PURE__ */ React.createElement("div", { className: `${blockClass}__header-label` }, label) : null, /* @__PURE__ */ React.createElement("div", { className: `${blockClass}__content__title-wrapper` }, /* @__PURE__ */ React.createElement("h2", {
|
|
28
|
+
const headerContent = /* @__PURE__ */ React.createElement("div", { className: `${blockClass}__header-content` }, label ? /* @__PURE__ */ React.createElement("div", { className: `${blockClass}__header-label` }, label) : null, /* @__PURE__ */ React.createElement("div", { className: `${blockClass}__content__title-wrapper` }, /* @__PURE__ */ React.createElement("h2", {
|
|
29
|
+
className: (0, import_classnames.default)(`${blockClass}__header-title`),
|
|
30
|
+
id: titleId
|
|
31
|
+
}, titleStart ? /* @__PURE__ */ React.createElement("span", { className: `${blockClass}__title-start` }, titleStart) : null, /* @__PURE__ */ React.createElement(TruncatedText, {
|
|
29
32
|
id: `${blockClass}__header-title__truncatedText`,
|
|
30
33
|
className: `${blockClass}__content__title`,
|
|
31
34
|
align: "bottom",
|
|
@@ -33,7 +36,10 @@ const TearsheetHeaderContent = React.forwardRef((props, ref) => {
|
|
|
33
36
|
value: title
|
|
34
37
|
}), titleEnd ? /* @__PURE__ */ React.createElement("span", { className: `${blockClass}__title-end` }, titleEnd) : null)), /* @__PURE__ */ React.createElement("div", { className: `${blockClass}__header-description` }, description), children && /* @__PURE__ */ React.createElement("div", { className: `${blockClass}__header-content--extra` }, children));
|
|
35
38
|
const headerActionsElement = headerActions && /* @__PURE__ */ React.createElement("div", { className: `${blockClass}__header-actions` }, headerActions);
|
|
36
|
-
const decoratorElement = decorator && /* @__PURE__ */ React.createElement("div", {
|
|
39
|
+
const decoratorElement = decorator && /* @__PURE__ */ React.createElement("div", {
|
|
40
|
+
className: `${blockClass}__decorator`,
|
|
41
|
+
role: "complementary"
|
|
42
|
+
}, normalizedDecorator);
|
|
37
43
|
const closeButtonElement = !hideCloseButton && /* @__PURE__ */ React.createElement("div", { className: `${blockClass}__close-button ${carbonPrefix}--modal-close-button` }, /* @__PURE__ */ React.createElement(IconButton, {
|
|
38
44
|
className: `${carbonPrefix}--modal-close`,
|
|
39
45
|
label: closeIconDescription || "Close",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"StepTearsheet.d.ts","sourceRoot":"","sources":["../../../../../src/components/Tearsheet/next/_story-assets/StepTearsheet.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,SAAS,
|
|
1
|
+
{"version":3,"file":"StepTearsheet.d.ts","sourceRoot":"","sources":["../../../../../src/components/Tearsheet/next/_story-assets/StepTearsheet.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,SAAS,EAAuB,MAAM,OAAO,CAAC;AACzE,OAAO,EAEL,eAAe,EAEhB,MAAM,yBAAyB,CAAC;AAcjC,UAAU,KAAK;IACb,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,UAAU,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,eAAe,KAAK,SAAS,CAAC,GAAG,IAAI,CAAC;IACxD,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,OAAO,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IAClC,iBAAiB,CAAC,EAAE,UAAU,GAAG,YAAY,CAAC;IAC9C,iBAAiB,CAAC,EAAE,SAAS,CAAC,iBAAiB,GAAG,IAAI,CAAC,CAAC;CACzD;AAED,eAAO,MAAM,kBAAkB,GAAI,kKAahC,KAAK,sBAsLP,CAAC"}
|
|
@@ -22,6 +22,7 @@ interface TearsheetContextType {
|
|
|
22
22
|
decorator?: ReactNode;
|
|
23
23
|
closeIconDescription?: string;
|
|
24
24
|
hideCloseButton?: boolean;
|
|
25
|
+
titleId?: string;
|
|
25
26
|
}
|
|
26
27
|
export declare const TearsheetContext: import("react").Context<TearsheetContextType>;
|
|
27
28
|
export declare const blockClass: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../../../src/components/Tearsheet/next/context.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAiB,SAAS,EAAyB,MAAM,OAAO,CAAC;AAGxE;;;;GAIG;AAEH,UAAU,oBAAoB;IAC5B,cAAc,EAAE,OAAO,CAAC;IACxB,iBAAiB,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IAC7C,IAAI,CAAC,EAAE,GAAG,CAAC;IACX,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,wBAAwB,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IACpD,OAAO,EAAE,MAAM,GAAG,QAAQ,CAAC;IAC3B,IAAI,EAAE,OAAO,CAAC;IACd,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,eAAe,CAAC,EAAE,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../../../src/components/Tearsheet/next/context.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAiB,SAAS,EAAyB,MAAM,OAAO,CAAC;AAGxE;;;;GAIG;AAEH,UAAU,oBAAoB;IAC5B,cAAc,EAAE,OAAO,CAAC;IACxB,iBAAiB,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IAC7C,IAAI,CAAC,EAAE,GAAG,CAAC;IACX,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,wBAAwB,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IACpD,OAAO,EAAE,MAAM,GAAG,QAAQ,CAAC;IAC3B,IAAI,EAAE,OAAO,CAAC;IACd,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AACD,eAAO,MAAM,gBAAgB,+CAQ3B,CAAC;AAEH,eAAO,MAAM,UAAU,QAAmC,CAAC"}
|