@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
@@ -1,26 +0,0 @@
1
- /**
2
- * Copyright IBM Corp. 2026
3
- *
4
- * This source code is licensed under the Apache-2.0 license found in the
5
- * LICENSE file in the root directory of this source tree.
6
- */
7
- import React, { ReactNode } from 'react';
8
- /**
9
- * ----------------
10
- * AddSelectContent
11
- * ----------------
12
- */
13
- export interface AddSelectContentProps {
14
- children?: ReactNode;
15
- /**
16
- * Optional class name
17
- */
18
- className?: string;
19
- /**
20
- * Layout direction for columns: 'vertical' (default) or 'horizontal' (for hierarchy)
21
- */
22
- layout?: 'vertical' | 'horizontal';
23
- }
24
- declare const AddSelectContent: React.ForwardRefExoticComponent<AddSelectContentProps & React.RefAttributes<HTMLDivElement>>;
25
- export default AddSelectContent;
26
- //# sourceMappingURL=AddSelectContent.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"AddSelectContent.d.ts","sourceRoot":"","sources":["../../../../src/components/AddSelect/next/AddSelectContent.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAK,EAAE,EAGZ,SAAS,EAKV,MAAM,OAAO,CAAC;AAKf;;;;GAIG;AAEH,MAAM,WAAW,qBAAqB;IACpC,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,MAAM,CAAC,EAAE,UAAU,GAAG,YAAY,CAAC;CACpC;AAED,QAAA,MAAM,gBAAgB,8FAmJrB,CAAC;AAWF,eAAe,gBAAgB,CAAC"}
@@ -1,113 +0,0 @@
1
- /**
2
- * Copyright IBM Corp. 2020, 2026
3
- *
4
- * This source code is licensed under the Apache-2.0 license found in the
5
- * LICENSE file in the root directory of this source tree.
6
- */
7
-
8
- import { __toESM } from "../../../_virtual/_rolldown/runtime.js";
9
- import { require_classnames } from "../../../node_modules/classnames/index.js";
10
- import { AddSelectContext, blockClass } from "./context.js";
11
- import React, { forwardRef, useContext, useEffect, useRef } from "react";
12
- import PropTypes from "prop-types";
13
- //#region src/components/AddSelect/next/AddSelectContent.tsx
14
- /**
15
- * Copyright IBM Corp. 2026
16
- *
17
- * This source code is licensed under the Apache-2.0 license found in the
18
- * LICENSE file in the root directory of this source tree.
19
- */
20
- var import_classnames = /* @__PURE__ */ __toESM(require_classnames());
21
- const AddSelectContent = forwardRef(({ children, className, layout = "vertical", ...rest }, ref) => {
22
- const { multi } = useContext(AddSelectContext);
23
- const listRef = useRef(null);
24
- const focusedIndexRef = useRef(0);
25
- const getItems = () => {
26
- if (!listRef.current) return [];
27
- return Array.from(listRef.current.querySelectorAll("[role=\"row\"]"));
28
- };
29
- const updateItemFocus = (focusIndex, shouldFocus = true) => {
30
- const items = getItems();
31
- if (items.length === 0) return;
32
- focusedIndexRef.current = Math.max(0, Math.min(focusIndex, items.length - 1));
33
- items.forEach((item, index) => {
34
- if (index === focusedIndexRef.current) {
35
- item.setAttribute("tabindex", "0");
36
- if (shouldFocus) item.focus();
37
- } else item.setAttribute("tabindex", "-1");
38
- });
39
- };
40
- const handleKeyDown = (event) => {
41
- const items = getItems();
42
- if (items.length === 0) return;
43
- const currentItem = items[focusedIndexRef.current];
44
- let handled = false;
45
- switch (event.key) {
46
- case "ArrowDown":
47
- event.preventDefault();
48
- updateItemFocus(focusedIndexRef.current + 1);
49
- handled = true;
50
- break;
51
- case "ArrowUp":
52
- event.preventDefault();
53
- updateItemFocus(focusedIndexRef.current - 1);
54
- handled = true;
55
- break;
56
- case "ArrowRight":
57
- if (currentItem && currentItem.hasAttribute("data-has-children")) {
58
- event.preventDefault();
59
- currentItem.querySelector(`.${blockClass}-row__nav-indicator`)?.click();
60
- handled = true;
61
- }
62
- break;
63
- case "Enter":
64
- case " ":
65
- event.preventDefault();
66
- if (currentItem) currentItem.querySelector("input[type=\"checkbox\"], input[type=\"radio\"]")?.click();
67
- handled = true;
68
- break;
69
- case "Home":
70
- if (event.ctrlKey) {
71
- event.preventDefault();
72
- updateItemFocus(0);
73
- handled = true;
74
- }
75
- break;
76
- case "End":
77
- if (event.ctrlKey) {
78
- event.preventDefault();
79
- updateItemFocus(items.length - 1);
80
- handled = true;
81
- }
82
- break;
83
- }
84
- if (handled) event.stopPropagation();
85
- };
86
- useEffect(() => {
87
- updateItemFocus(0, false);
88
- }, [children]);
89
- const listClasses = (0, import_classnames.default)(`${blockClass}-list`, className);
90
- const listBodyClasses = (0, import_classnames.default)(`${blockClass}-list-body`, { [`${blockClass}-list-body--horizontal`]: layout === "horizontal" });
91
- return /* @__PURE__ */ React.createElement("div", {
92
- className: listClasses,
93
- ref: (node) => {
94
- listRef.current = node;
95
- if (typeof ref === "function") ref(node);
96
- else if (ref) ref.current = node;
97
- },
98
- role: "grid",
99
- "aria-multiselectable": multi,
100
- tabIndex: 0,
101
- onKeyDown: handleKeyDown,
102
- ...rest
103
- }, /* @__PURE__ */ React.createElement("div", { className: listBodyClasses }, children));
104
- });
105
- AddSelectContent.propTypes = {
106
- children: PropTypes.node,
107
- className: PropTypes.string,
108
- /**@ts-ignore */
109
- layout: PropTypes.oneOf(["vertical", "horizontal"])
110
- };
111
- AddSelectContent.displayName = "AddSelectContent";
112
- //#endregion
113
- export { AddSelectContent as default };
@@ -1,26 +0,0 @@
1
- /**
2
- * Copyright IBM Corp. 2026
3
- *
4
- * This source code is licensed under the Apache-2.0 license found in the
5
- * LICENSE file in the root directory of this source tree.
6
- */
7
- import React, { ReactNode } from 'react';
8
- /**
9
- * ----------------
10
- * AddSelectContent
11
- * ----------------
12
- */
13
- export interface AddSelectContentProps {
14
- children?: ReactNode;
15
- /**
16
- * Optional class name
17
- */
18
- className?: string;
19
- /**
20
- * Layout direction for columns: 'vertical' (default) or 'horizontal' (for hierarchy)
21
- */
22
- layout?: 'vertical' | 'horizontal';
23
- }
24
- declare const AddSelectContent: React.ForwardRefExoticComponent<AddSelectContentProps & React.RefAttributes<HTMLDivElement>>;
25
- export default AddSelectContent;
26
- //# sourceMappingURL=AddSelectContent.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"AddSelectContent.d.ts","sourceRoot":"","sources":["../../../../src/components/AddSelect/next/AddSelectContent.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAK,EAAE,EAGZ,SAAS,EAKV,MAAM,OAAO,CAAC;AAKf;;;;GAIG;AAEH,MAAM,WAAW,qBAAqB;IACpC,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,MAAM,CAAC,EAAE,UAAU,GAAG,YAAY,CAAC;CACpC;AAED,QAAA,MAAM,gBAAgB,8FAmJrB,CAAC;AAWF,eAAe,gBAAgB,CAAC"}
@@ -1,115 +0,0 @@
1
- /**
2
- * Copyright IBM Corp. 2020, 2026
3
- *
4
- * This source code is licensed under the Apache-2.0 license found in the
5
- * LICENSE file in the root directory of this source tree.
6
- */
7
-
8
- const require_runtime = require("../../../_virtual/_rolldown/runtime.js");
9
- const require_index = require("../../../node_modules/classnames/index.js");
10
- const require_context = require("./context.js");
11
- let react = require("react");
12
- react = require_runtime.__toESM(react);
13
- let prop_types = require("prop-types");
14
- prop_types = require_runtime.__toESM(prop_types);
15
- //#region src/components/AddSelect/next/AddSelectContent.tsx
16
- /**
17
- * Copyright IBM Corp. 2026
18
- *
19
- * This source code is licensed under the Apache-2.0 license found in the
20
- * LICENSE file in the root directory of this source tree.
21
- */
22
- var import_classnames = /* @__PURE__ */ require_runtime.__toESM(require_index.default);
23
- const AddSelectContent = (0, react.forwardRef)(({ children, className, layout = "vertical", ...rest }, ref) => {
24
- const { multi } = (0, react.useContext)(require_context.AddSelectContext);
25
- const listRef = (0, react.useRef)(null);
26
- const focusedIndexRef = (0, react.useRef)(0);
27
- const getItems = () => {
28
- if (!listRef.current) return [];
29
- return Array.from(listRef.current.querySelectorAll("[role=\"row\"]"));
30
- };
31
- const updateItemFocus = (focusIndex, shouldFocus = true) => {
32
- const items = getItems();
33
- if (items.length === 0) return;
34
- focusedIndexRef.current = Math.max(0, Math.min(focusIndex, items.length - 1));
35
- items.forEach((item, index) => {
36
- if (index === focusedIndexRef.current) {
37
- item.setAttribute("tabindex", "0");
38
- if (shouldFocus) item.focus();
39
- } else item.setAttribute("tabindex", "-1");
40
- });
41
- };
42
- const handleKeyDown = (event) => {
43
- const items = getItems();
44
- if (items.length === 0) return;
45
- const currentItem = items[focusedIndexRef.current];
46
- let handled = false;
47
- switch (event.key) {
48
- case "ArrowDown":
49
- event.preventDefault();
50
- updateItemFocus(focusedIndexRef.current + 1);
51
- handled = true;
52
- break;
53
- case "ArrowUp":
54
- event.preventDefault();
55
- updateItemFocus(focusedIndexRef.current - 1);
56
- handled = true;
57
- break;
58
- case "ArrowRight":
59
- if (currentItem && currentItem.hasAttribute("data-has-children")) {
60
- event.preventDefault();
61
- currentItem.querySelector(`.${require_context.blockClass}-row__nav-indicator`)?.click();
62
- handled = true;
63
- }
64
- break;
65
- case "Enter":
66
- case " ":
67
- event.preventDefault();
68
- if (currentItem) currentItem.querySelector("input[type=\"checkbox\"], input[type=\"radio\"]")?.click();
69
- handled = true;
70
- break;
71
- case "Home":
72
- if (event.ctrlKey) {
73
- event.preventDefault();
74
- updateItemFocus(0);
75
- handled = true;
76
- }
77
- break;
78
- case "End":
79
- if (event.ctrlKey) {
80
- event.preventDefault();
81
- updateItemFocus(items.length - 1);
82
- handled = true;
83
- }
84
- break;
85
- }
86
- if (handled) event.stopPropagation();
87
- };
88
- (0, react.useEffect)(() => {
89
- updateItemFocus(0, false);
90
- }, [children]);
91
- const listClasses = (0, import_classnames.default)(`${require_context.blockClass}-list`, className);
92
- const listBodyClasses = (0, import_classnames.default)(`${require_context.blockClass}-list-body`, { [`${require_context.blockClass}-list-body--horizontal`]: layout === "horizontal" });
93
- return /* @__PURE__ */ react.default.createElement("div", {
94
- className: listClasses,
95
- ref: (node) => {
96
- listRef.current = node;
97
- if (typeof ref === "function") ref(node);
98
- else if (ref) ref.current = node;
99
- },
100
- role: "grid",
101
- "aria-multiselectable": multi,
102
- tabIndex: 0,
103
- onKeyDown: handleKeyDown,
104
- ...rest
105
- }, /* @__PURE__ */ react.default.createElement("div", { className: listBodyClasses }, children));
106
- });
107
- AddSelectContent.propTypes = {
108
- children: prop_types.default.node,
109
- className: prop_types.default.string,
110
- /**@ts-ignore */
111
- layout: prop_types.default.oneOf(["vertical", "horizontal"])
112
- };
113
- AddSelectContent.displayName = "AddSelectContent";
114
- //#endregion
115
- exports.default = AddSelectContent;