@carbon/ibm-products 2.94.0 → 2.95.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/css/carbon.css +92 -103
- package/css/carbon.css.map +1 -1
- package/css/index-full-carbon.css +605 -186
- package/css/index-full-carbon.css.map +1 -1
- package/css/index-full-carbon.min.css +1 -1
- package/css/index-full-carbon.min.css.map +1 -1
- package/css/index-without-carbon-released-only.css +43 -7
- package/css/index-without-carbon-released-only.css.map +1 -1
- package/css/index-without-carbon-released-only.min.css +1 -1
- package/css/index-without-carbon-released-only.min.css.map +1 -1
- package/css/index-without-carbon.css +513 -83
- package/css/index-without-carbon.css.map +1 -1
- package/css/index-without-carbon.min.css +1 -1
- package/css/index-without-carbon.min.css.map +1 -1
- package/css/index.css +308 -178
- package/css/index.css.map +1 -1
- package/css/index.min.css +1 -1
- package/css/index.min.css.map +1 -1
- package/es/components/APIKeyModal/APIKeyModal.d.ts +3 -0
- package/es/components/APIKeyModal/APIKeyModal.d.ts.map +1 -1
- package/es/components/APIKeyModal/APIKeyModal.js +8 -0
- package/es/components/AddSelect/next/AddSelect.d.ts +7 -9
- package/es/components/AddSelect/next/AddSelect.d.ts.map +1 -1
- package/es/components/AddSelect/next/AddSelect.js +0 -2
- package/es/components/AddSelect/next/AddSelectBody.d.ts +4 -0
- package/es/components/AddSelect/next/AddSelectBody.d.ts.map +1 -1
- package/es/components/AddSelect/next/AddSelectBody.js +80 -4
- package/es/components/AddSelect/next/AddSelectColumn.d.ts +1 -1
- package/es/components/AddSelect/next/AddSelectRow.d.ts +6 -0
- package/es/components/AddSelect/next/AddSelectRow.d.ts.map +1 -1
- package/es/components/AddSelect/next/AddSelectRow.js +10 -3
- package/es/components/AddSelect/next/AddSelectSelectionSummaryItem.d.ts.map +1 -1
- package/es/components/AddSelect/next/AddSelectSelectionSummaryItem.js +5 -3
- package/es/components/AddSelect/next/index.d.ts +0 -1
- package/es/components/AddSelect/next/index.d.ts.map +1 -1
- package/es/components/BigNumber/BigNumber.d.ts +1 -1
- package/es/components/BigNumber/BigNumber.d.ts.map +1 -1
- package/es/components/BigNumber/BigNumber.js +2 -2
- package/es/components/Card/next/Card.d.ts +87 -11
- package/es/components/Card/next/Card.d.ts.map +1 -1
- package/es/components/Card/next/Card.js +62 -8
- package/es/components/Card/next/Card.types.d.ts +13 -0
- package/es/components/Card/next/Card.types.d.ts.map +1 -1
- package/es/components/Card/next/CardAction.d.ts +43 -0
- package/es/components/Card/next/CardAction.d.ts.map +1 -0
- package/es/components/Card/next/CardAction.js +51 -0
- package/es/components/Card/next/CardActions.d.ts +46 -0
- package/es/components/Card/next/CardActions.d.ts.map +1 -0
- package/es/components/Card/next/CardActions.js +107 -0
- package/es/components/Card/next/CardCaption.d.ts +46 -0
- package/es/components/Card/next/CardCaption.d.ts.map +1 -0
- package/es/components/Card/next/CardCaption.js +52 -0
- package/es/components/Card/next/CardContext.js +12 -2
- package/es/components/Card/next/CardFooter.d.ts.map +1 -1
- package/es/components/Card/next/CardHeader.d.ts.map +1 -1
- package/es/components/Card/next/CardHeader.js +25 -2
- package/es/components/Card/next/CardHeaderMedia.d.ts +33 -0
- package/es/components/Card/next/CardHeaderMedia.d.ts.map +1 -0
- package/es/components/Card/next/CardHeaderMedia.js +44 -0
- package/es/components/Card/next/CardLabel.d.ts +46 -0
- package/es/components/Card/next/CardLabel.d.ts.map +1 -0
- package/es/components/Card/next/CardLabel.js +52 -0
- package/es/components/Card/next/CardMedia.d.ts +39 -0
- package/es/components/Card/next/CardMedia.d.ts.map +1 -0
- package/es/components/Card/next/CardMedia.js +50 -0
- package/es/components/Card/next/CardTitle.d.ts +82 -0
- package/es/components/Card/next/CardTitle.d.ts.map +1 -0
- package/es/components/Card/next/CardTitle.js +77 -0
- package/es/components/Card/next/CardTitleMedia.d.ts +24 -0
- package/es/components/Card/next/CardTitleMedia.d.ts.map +1 -0
- package/es/components/Card/next/CardTitleMedia.js +48 -0
- package/es/components/Card/next/index.d.ts +2 -3
- package/es/components/Card/next/index.d.ts.map +1 -1
- package/es/components/Card/next/index.js +17 -5
- package/es/components/Coachmark/next/Coachmark/Coachmark.d.ts +9 -3
- package/es/components/Coachmark/next/Coachmark/Coachmark.d.ts.map +1 -1
- package/es/components/Coachmark/next/Coachmark/Coachmark.js +6 -13
- package/es/components/Coachmark/next/Coachmark/CoachmarkContent.d.ts +1 -1
- package/es/components/Coachmark/next/Coachmark/CoachmarkContent.d.ts.map +1 -1
- package/es/components/Coachmark/next/Coachmark/CoachmarkContent.js +16 -32
- package/es/components/Coachmark/next/Coachmark/context.d.ts +2 -2
- package/es/components/Coachmark/next/Coachmark/context.d.ts.map +1 -1
- package/es/components/Coachmark/next/Coachmark/context.js +1 -2
- package/es/components/ExportModal/ExportModal.d.ts +1 -0
- package/es/components/ExportModal/ExportModal.d.ts.map +1 -1
- package/es/components/ExportModal/ExportModal.js +6 -0
- package/es/components/ImportModal/ImportModal.d.ts +3 -0
- package/es/components/ImportModal/ImportModal.d.ts.map +1 -1
- package/es/components/ImportModal/ImportModal.js +8 -0
- package/es/components/PageHeader/PageHeader.d.ts +6 -0
- package/es/components/PageHeader/PageHeader.d.ts.map +1 -1
- package/es/components/PageHeader/PageHeader.js +11 -0
- package/es/components/Tearsheet/next/StackContext.d.ts +2 -2
- package/es/components/Tearsheet/next/StackContext.d.ts.map +1 -1
- package/es/components/Tearsheet/next/Tearsheet.d.ts +30 -28
- package/es/components/Tearsheet/next/Tearsheet.d.ts.map +1 -1
- package/es/components/Tearsheet/next/Tearsheet.js +4 -2
- package/es/components/Tearsheet/next/TearsheetBody.d.ts +20 -14
- package/es/components/Tearsheet/next/TearsheetBody.d.ts.map +1 -1
- package/es/components/Tearsheet/next/TearsheetBody.js +4 -0
- package/es/components/Tearsheet/next/TearsheetHeader.d.ts +15 -14
- package/es/components/Tearsheet/next/TearsheetHeader.d.ts.map +1 -1
- package/es/components/Tearsheet/next/TearsheetHeader.js +14 -7
- package/es/components/Tearsheet/next/TearsheetHeaderActions.d.ts +10 -6
- package/es/components/Tearsheet/next/TearsheetHeaderActions.d.ts.map +1 -1
- package/es/components/Tearsheet/next/TearsheetHeaderActions.js +6 -3
- package/es/components/Tearsheet/next/TearsheetHeaderContent.d.ts.map +1 -1
- package/es/components/Tearsheet/next/TearsheetHeaderContent.js +7 -4
- package/es/components/Tearsheet/next/_story-assets/StepTearsheet.d.ts +7 -1
- package/es/components/Tearsheet/next/_story-assets/StepTearsheet.d.ts.map +1 -1
- package/es/components/Tearsheet/next/context.d.ts +2 -1
- package/es/components/Tearsheet/next/context.d.ts.map +1 -1
- package/es/components/index.d.ts +1 -1
- package/es/components/index.d.ts.map +1 -1
- package/es/node_modules/@carbon/icons-react/es/generated/bucket-11.js +283 -294
- package/es/node_modules/@carbon/icons-react/es/generated/bucket-3.js +25 -41
- package/es/node_modules/@carbon/icons-react/es/{iconPropTypes-BElKp6Sn.js → iconPropTypes-CdMBxq3Y.js} +1 -1
- package/lib/components/APIKeyModal/APIKeyModal.d.ts +3 -0
- package/lib/components/APIKeyModal/APIKeyModal.d.ts.map +1 -1
- package/lib/components/APIKeyModal/APIKeyModal.js +8 -0
- package/lib/components/AddSelect/next/AddSelect.d.ts +7 -9
- package/lib/components/AddSelect/next/AddSelect.d.ts.map +1 -1
- package/lib/components/AddSelect/next/AddSelect.js +0 -2
- package/lib/components/AddSelect/next/AddSelectBody.d.ts +4 -0
- package/lib/components/AddSelect/next/AddSelectBody.d.ts.map +1 -1
- package/lib/components/AddSelect/next/AddSelectBody.js +78 -2
- package/lib/components/AddSelect/next/AddSelectColumn.d.ts +1 -1
- package/lib/components/AddSelect/next/AddSelectRow.d.ts +6 -0
- package/lib/components/AddSelect/next/AddSelectRow.d.ts.map +1 -1
- package/lib/components/AddSelect/next/AddSelectRow.js +9 -2
- package/lib/components/AddSelect/next/AddSelectSelectionSummaryItem.d.ts.map +1 -1
- package/lib/components/AddSelect/next/AddSelectSelectionSummaryItem.js +5 -3
- package/lib/components/AddSelect/next/index.d.ts +0 -1
- package/lib/components/AddSelect/next/index.d.ts.map +1 -1
- package/lib/components/BigNumber/BigNumber.d.ts +1 -1
- package/lib/components/BigNumber/BigNumber.d.ts.map +1 -1
- package/lib/components/BigNumber/BigNumber.js +2 -2
- package/lib/components/Card/next/Card.d.ts +87 -11
- package/lib/components/Card/next/Card.d.ts.map +1 -1
- package/lib/components/Card/next/Card.js +61 -11
- package/lib/components/Card/next/Card.types.d.ts +13 -0
- package/lib/components/Card/next/Card.types.d.ts.map +1 -1
- package/lib/components/Card/next/CardAction.d.ts +43 -0
- package/lib/components/Card/next/CardAction.d.ts.map +1 -0
- package/lib/components/Card/next/CardAction.js +53 -0
- package/lib/components/Card/next/CardActions.d.ts +46 -0
- package/lib/components/Card/next/CardActions.d.ts.map +1 -0
- package/lib/components/Card/next/CardActions.js +109 -0
- package/lib/components/Card/next/CardCaption.d.ts +46 -0
- package/lib/components/Card/next/CardCaption.d.ts.map +1 -0
- package/lib/components/Card/next/CardCaption.js +54 -0
- package/lib/components/Card/next/CardContext.js +13 -1
- package/lib/components/Card/next/CardFooter.d.ts.map +1 -1
- package/lib/components/Card/next/CardHeader.d.ts.map +1 -1
- package/lib/components/Card/next/CardHeader.js +24 -1
- package/lib/components/Card/next/CardHeaderMedia.d.ts +33 -0
- package/lib/components/Card/next/CardHeaderMedia.d.ts.map +1 -0
- package/lib/components/Card/next/CardHeaderMedia.js +46 -0
- package/lib/components/Card/next/CardLabel.d.ts +46 -0
- package/lib/components/Card/next/CardLabel.d.ts.map +1 -0
- package/lib/components/Card/next/CardLabel.js +54 -0
- package/lib/components/Card/next/CardMedia.d.ts +39 -0
- package/lib/components/Card/next/CardMedia.d.ts.map +1 -0
- package/lib/components/Card/next/CardMedia.js +52 -0
- package/lib/components/Card/next/CardTitle.d.ts +82 -0
- package/lib/components/Card/next/CardTitle.d.ts.map +1 -0
- package/lib/components/Card/next/CardTitle.js +79 -0
- package/lib/components/Card/next/CardTitleMedia.d.ts +24 -0
- package/lib/components/Card/next/CardTitleMedia.d.ts.map +1 -0
- package/lib/components/Card/next/CardTitleMedia.js +50 -0
- package/lib/components/Card/next/index.d.ts +2 -3
- package/lib/components/Card/next/index.d.ts.map +1 -1
- package/lib/components/Card/next/index.js +16 -4
- package/lib/components/Coachmark/next/Coachmark/Coachmark.d.ts +9 -3
- package/lib/components/Coachmark/next/Coachmark/Coachmark.d.ts.map +1 -1
- package/lib/components/Coachmark/next/Coachmark/Coachmark.js +6 -13
- package/lib/components/Coachmark/next/Coachmark/CoachmarkContent.d.ts +1 -1
- package/lib/components/Coachmark/next/Coachmark/CoachmarkContent.d.ts.map +1 -1
- package/lib/components/Coachmark/next/Coachmark/CoachmarkContent.js +16 -32
- package/lib/components/Coachmark/next/Coachmark/context.d.ts +2 -2
- package/lib/components/Coachmark/next/Coachmark/context.d.ts.map +1 -1
- package/lib/components/Coachmark/next/Coachmark/context.js +1 -2
- package/lib/components/ExportModal/ExportModal.d.ts +1 -0
- package/lib/components/ExportModal/ExportModal.d.ts.map +1 -1
- package/lib/components/ExportModal/ExportModal.js +6 -0
- package/lib/components/ImportModal/ImportModal.d.ts +3 -0
- package/lib/components/ImportModal/ImportModal.d.ts.map +1 -1
- package/lib/components/ImportModal/ImportModal.js +8 -0
- package/lib/components/PageHeader/PageHeader.d.ts +6 -0
- package/lib/components/PageHeader/PageHeader.d.ts.map +1 -1
- package/lib/components/PageHeader/PageHeader.js +11 -0
- package/lib/components/Tearsheet/next/StackContext.d.ts +2 -2
- package/lib/components/Tearsheet/next/StackContext.d.ts.map +1 -1
- package/lib/components/Tearsheet/next/Tearsheet.d.ts +30 -28
- package/lib/components/Tearsheet/next/Tearsheet.d.ts.map +1 -1
- package/lib/components/Tearsheet/next/Tearsheet.js +4 -2
- package/lib/components/Tearsheet/next/TearsheetBody.d.ts +20 -14
- package/lib/components/Tearsheet/next/TearsheetBody.d.ts.map +1 -1
- package/lib/components/Tearsheet/next/TearsheetBody.js +4 -0
- package/lib/components/Tearsheet/next/TearsheetHeader.d.ts +15 -14
- package/lib/components/Tearsheet/next/TearsheetHeader.d.ts.map +1 -1
- package/lib/components/Tearsheet/next/TearsheetHeader.js +14 -7
- package/lib/components/Tearsheet/next/TearsheetHeaderActions.d.ts +10 -6
- package/lib/components/Tearsheet/next/TearsheetHeaderActions.d.ts.map +1 -1
- package/lib/components/Tearsheet/next/TearsheetHeaderActions.js +4 -1
- package/lib/components/Tearsheet/next/TearsheetHeaderContent.d.ts.map +1 -1
- package/lib/components/Tearsheet/next/TearsheetHeaderContent.js +7 -4
- package/lib/components/Tearsheet/next/_story-assets/StepTearsheet.d.ts +7 -1
- package/lib/components/Tearsheet/next/_story-assets/StepTearsheet.d.ts.map +1 -1
- package/lib/components/Tearsheet/next/context.d.ts +2 -1
- package/lib/components/Tearsheet/next/context.d.ts.map +1 -1
- package/lib/components/index.d.ts +1 -1
- package/lib/components/index.d.ts.map +1 -1
- package/lib/node_modules/@carbon/icons-react/lib/{Icon-2zUDcllO.js → Icon.js} +8 -37
- package/lib/node_modules/@carbon/icons-react/lib/generated/bucket-0.js +133 -131
- package/lib/node_modules/@carbon/icons-react/lib/generated/bucket-1.js +140 -138
- package/lib/node_modules/@carbon/icons-react/lib/generated/bucket-10.js +393 -403
- package/lib/node_modules/@carbon/icons-react/lib/generated/bucket-11.js +417 -426
- package/lib/node_modules/@carbon/icons-react/lib/generated/bucket-12.js +447 -441
- package/lib/node_modules/@carbon/icons-react/lib/generated/bucket-13.js +449 -470
- package/lib/node_modules/@carbon/icons-react/lib/generated/bucket-14.js +487 -456
- package/lib/node_modules/@carbon/icons-react/lib/generated/bucket-15.js +550 -548
- package/lib/node_modules/@carbon/icons-react/lib/generated/bucket-16.js +680 -733
- package/lib/node_modules/@carbon/icons-react/lib/generated/bucket-17.js +810 -828
- package/lib/node_modules/@carbon/icons-react/lib/generated/bucket-18.js +754 -670
- package/lib/node_modules/@carbon/icons-react/lib/generated/bucket-19.js +622 -726
- package/lib/node_modules/@carbon/icons-react/lib/generated/bucket-2.js +150 -148
- package/lib/node_modules/@carbon/icons-react/lib/generated/bucket-20.js +752 -752
- package/lib/node_modules/@carbon/icons-react/lib/generated/bucket-21.js +724 -55
- package/lib/node_modules/@carbon/icons-react/lib/generated/bucket-3.js +176 -190
- package/lib/node_modules/@carbon/icons-react/lib/generated/bucket-4.js +198 -180
- package/lib/node_modules/@carbon/icons-react/lib/generated/bucket-5.js +217 -227
- package/lib/node_modules/@carbon/icons-react/lib/generated/bucket-6.js +270 -335
- package/lib/node_modules/@carbon/icons-react/lib/generated/bucket-7.js +405 -339
- package/lib/node_modules/@carbon/icons-react/lib/generated/bucket-8.js +400 -577
- package/lib/node_modules/@carbon/icons-react/lib/generated/bucket-9.js +578 -388
- package/lib/node_modules/@carbon/icons-react/lib/{iconPropTypes-DaTOKOBs.js → iconPropTypes-Dkz7B3UR.js} +6 -6
- package/lib/node_modules/@carbon/icons-react/lib/index.js +465 -423
- package/lib/node_modules/@carbon/icons-react/lib/rolldown-runtime-DyAcNxqs.js +51 -0
- package/package.json +18 -18
- package/scss/components/AboutModal/_about-modal.scss +12 -3
- package/scss/components/AddSelect/_add-select_next.scss +238 -99
- package/scss/components/BigNumber/_big-number.scss +4 -0
- package/scss/components/Card/_card-next.scss +394 -8
- package/scss/components/Tearsheet/_tearsheet_next.scss +38 -4
- package/telemetry.yml +24 -18
- package/es/components/AddSelect/next/AddSelectContent.d.ts +0 -26
- package/es/components/AddSelect/next/AddSelectContent.d.ts.map +0 -1
- package/es/components/AddSelect/next/AddSelectContent.js +0 -113
- package/lib/components/AddSelect/next/AddSelectContent.d.ts +0 -26
- package/lib/components/AddSelect/next/AddSelectContent.d.ts.map +0 -1
- package/lib/components/AddSelect/next/AddSelectContent.js +0 -115
|
@@ -1,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;
|