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