@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,6 +1,9 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import PropTypes from 'prop-types';
|
|
3
3
|
import { APIKeyModalProps } from './APIKeyModal.types';
|
|
4
|
+
/**
|
|
5
|
+
* @deprecated This component is deprecated.
|
|
6
|
+
*/
|
|
4
7
|
export declare const APIKeyModal: React.FC<APIKeyModalProps>;
|
|
5
8
|
export declare const deprecatedProps: {
|
|
6
9
|
/**
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"APIKeyModal.d.ts","sourceRoot":"","sources":["../../../src/components/APIKeyModal/APIKeyModal.tsx"],"names":[],"mappings":"AAOA,OAAO,KAMN,MAAM,OAAO,CAAC;AACf,OAAO,SAAS,MAAM,YAAY,CAAC;AAyBnC,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAWvD,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CA+VlD,CAAC;
|
|
1
|
+
{"version":3,"file":"APIKeyModal.d.ts","sourceRoot":"","sources":["../../../src/components/APIKeyModal/APIKeyModal.tsx"],"names":[],"mappings":"AAOA,OAAO,KAMN,MAAM,OAAO,CAAC;AACf,OAAO,SAAS,MAAM,YAAY,CAAC;AAyBnC,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAWvD;;GAEG;AACH,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CA+VlD,CAAC;AASF,eAAO,MAAM,eAAe;IAC1B;;;OAGG;;IAGH;;;OAGG;;CAEJ,CAAC"}
|
|
@@ -25,6 +25,9 @@ const defaults = {
|
|
|
25
25
|
apiKeyName: "",
|
|
26
26
|
customSteps: []
|
|
27
27
|
};
|
|
28
|
+
/**
|
|
29
|
+
* @deprecated This component is deprecated.
|
|
30
|
+
*/
|
|
28
31
|
const APIKeyModal = forwardRef(({ apiKey, apiKeyLabel, apiKeyName = defaults.apiKeyName, body, className, closeButtonText, copyButtonText, copyErrorText, copyIconDescription, customSteps = defaults.customSteps, downloadBodyText, downloadFileName, downloadFileType, downloadLinkText, downloadLinkLabel = downloadLinkText, editButtonText, editSuccess, editSuccessTitle, editSuccessMessage, editing, error, errorText, generateButtonText, generateSuccessBody, generateSuccessTitle, generateSuccessMessage, generateTitle, hasAPIKeyVisibilityToggle, hasDownloadLink, hideAPIKeyLabel, launcherButtonRef, loading, loadingText, modalLabel, nameHelperText, nameLabel, namePlaceholder, nameRequired, nextStepButtonText, onClose, onCopy, onRequestEdit, onRequestGenerate, open, portalTarget: portalTargetIn, previousStepButtonText, showAPIKeyLabel, helperText, ...rest }, ref) => {
|
|
29
32
|
const [title, setTitle] = useState(null);
|
|
30
33
|
const [successMessage, setSuccessMessage] = useState(null);
|
|
@@ -215,6 +218,11 @@ const APIKeyModal = forwardRef(({ apiKey, apiKeyLabel, apiKeyName = defaults.api
|
|
|
215
218
|
disabled: isPrimaryButtonDisabled()
|
|
216
219
|
}, getPrimaryButtonText())))));
|
|
217
220
|
});
|
|
221
|
+
/**@ts-ignore*/
|
|
222
|
+
APIKeyModal.deprecated = {
|
|
223
|
+
level: "warn",
|
|
224
|
+
details: `Please replace ${componentName} with Generate An API Key pattern`
|
|
225
|
+
};
|
|
218
226
|
const deprecatedProps = {
|
|
219
227
|
/**
|
|
220
228
|
* deprecated
|
|
@@ -4,9 +4,8 @@
|
|
|
4
4
|
* This source code is licensed under the Apache-2.0 license found in the
|
|
5
5
|
* LICENSE file in the root directory of this source tree.
|
|
6
6
|
*/
|
|
7
|
-
import React, { ReactNode
|
|
7
|
+
import React, { ReactNode } from 'react';
|
|
8
8
|
import { AddSelectBodyProps } from './AddSelectBody';
|
|
9
|
-
import { AddSelectContentProps } from './AddSelectContent';
|
|
10
9
|
import { AddSelectColumnProps } from './AddSelectColumn';
|
|
11
10
|
import { AddSelectRowProps } from './AddSelectRow';
|
|
12
11
|
import { AddSelectSelectionSummaryProps } from './AddSelectSelectionSummary';
|
|
@@ -33,13 +32,12 @@ export interface AddSelectProps {
|
|
|
33
32
|
selectedItems?: Set<string>;
|
|
34
33
|
}
|
|
35
34
|
export type AddSelectComponentType = React.ForwardRefExoticComponent<AddSelectProps & React.RefAttributes<HTMLDivElement>> & {
|
|
36
|
-
Body:
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
ItemPanel: FC<AddSelectItemPanelProps>;
|
|
35
|
+
Body: React.ForwardRefExoticComponent<AddSelectBodyProps & React.RefAttributes<HTMLDivElement>>;
|
|
36
|
+
Column: React.ForwardRefExoticComponent<AddSelectColumnProps & React.RefAttributes<HTMLDivElement>>;
|
|
37
|
+
Row: React.ForwardRefExoticComponent<AddSelectRowProps & React.RefAttributes<HTMLDivElement>>;
|
|
38
|
+
SelectionSummary: React.ForwardRefExoticComponent<AddSelectSelectionSummaryProps & React.RefAttributes<HTMLDivElement>>;
|
|
39
|
+
SelectionSummaryItem: React.ForwardRefExoticComponent<AddSelectSelectionSummaryItemProps & React.RefAttributes<HTMLDivElement>>;
|
|
40
|
+
ItemPanel: React.ForwardRefExoticComponent<AddSelectItemPanelProps & React.RefAttributes<HTMLDivElement>>;
|
|
43
41
|
};
|
|
44
42
|
/**
|
|
45
43
|
* AddSelect - Composable component for adding/selecting items
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AddSelect.d.ts","sourceRoot":"","sources":["../../../../src/components/AddSelect/next/AddSelect.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAK,EAAE,EAA4B,SAAS,EAAE,
|
|
1
|
+
{"version":3,"file":"AddSelect.d.ts","sourceRoot":"","sources":["../../../../src/components/AddSelect/next/AddSelect.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAK,EAAE,EAA4B,SAAS,EAAE,MAAM,OAAO,CAAC;AAInE,OAAsB,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AACpE,OAAwB,EAAE,oBAAoB,EAAE,MAAM,mBAAmB,CAAC;AAC1E,OAAqB,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AACjE,OAAkC,EAChC,8BAA8B,EAC/B,MAAM,6BAA6B,CAAC;AACrC,OAAsC,EACpC,kCAAkC,EACnC,MAAM,iCAAiC,CAAC;AACzC,OAA2B,EACzB,uBAAuB,EACxB,MAAM,sBAAsB,CAAC;AAE9B;;;;GAIG;AAEH,MAAM,WAAW,cAAc;IAC7B,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1E;;OAEG;IACH,aAAa,CAAC,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;CAC7B;AAED,MAAM,MAAM,sBAAsB,GAAG,KAAK,CAAC,yBAAyB,CAClE,cAAc,GAAG,KAAK,CAAC,aAAa,CAAC,cAAc,CAAC,CACrD,GAAG;IACF,IAAI,EAAE,KAAK,CAAC,yBAAyB,CACnC,kBAAkB,GAAG,KAAK,CAAC,aAAa,CAAC,cAAc,CAAC,CACzD,CAAC;IACF,MAAM,EAAE,KAAK,CAAC,yBAAyB,CACrC,oBAAoB,GAAG,KAAK,CAAC,aAAa,CAAC,cAAc,CAAC,CAC3D,CAAC;IACF,GAAG,EAAE,KAAK,CAAC,yBAAyB,CAClC,iBAAiB,GAAG,KAAK,CAAC,aAAa,CAAC,cAAc,CAAC,CACxD,CAAC;IACF,gBAAgB,EAAE,KAAK,CAAC,yBAAyB,CAC/C,8BAA8B,GAAG,KAAK,CAAC,aAAa,CAAC,cAAc,CAAC,CACrE,CAAC;IACF,oBAAoB,EAAE,KAAK,CAAC,yBAAyB,CACnD,kCAAkC,GAAG,KAAK,CAAC,aAAa,CAAC,cAAc,CAAC,CACzE,CAAC;IACF,SAAS,EAAE,KAAK,CAAC,yBAAyB,CACxC,uBAAuB,GAAG,KAAK,CAAC,aAAa,CAAC,cAAc,CAAC,CAC9D,CAAC;CACH,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,eAAO,MAAM,SAAS,EAkBjB,sBAAsB,CAAC"}
|
|
@@ -9,7 +9,6 @@ import { __toESM } from "../../../_virtual/_rolldown/runtime.js";
|
|
|
9
9
|
import { require_classnames } from "../../../node_modules/classnames/index.js";
|
|
10
10
|
import { AddSelectContext, blockClass } from "./context.js";
|
|
11
11
|
import AddSelectBody from "./AddSelectBody.js";
|
|
12
|
-
import AddSelectContent from "./AddSelectContent.js";
|
|
13
12
|
import AddSelectColumn from "./AddSelectColumn.js";
|
|
14
13
|
import AddSelectRow from "./AddSelectRow.js";
|
|
15
14
|
import AddSelectSelectionSummary from "./AddSelectSelectionSummary.js";
|
|
@@ -68,7 +67,6 @@ AddSelect.propTypes = {
|
|
|
68
67
|
selectedItems: PropTypes.instanceOf(Set)
|
|
69
68
|
};
|
|
70
69
|
AddSelect.Body = AddSelectBody;
|
|
71
|
-
AddSelect.Content = AddSelectContent;
|
|
72
70
|
AddSelect.Column = AddSelectColumn;
|
|
73
71
|
AddSelect.Row = AddSelectRow;
|
|
74
72
|
AddSelect.SelectionSummary = AddSelectSelectionSummary;
|
|
@@ -17,6 +17,10 @@ export interface AddSelectBodyProps {
|
|
|
17
17
|
* Optional class name
|
|
18
18
|
*/
|
|
19
19
|
className?: string;
|
|
20
|
+
/**
|
|
21
|
+
* Layout direction for columns: 'vertical' (default) or 'horizontal' (for hierarchy)
|
|
22
|
+
*/
|
|
23
|
+
layout?: 'vertical' | 'horizontal';
|
|
20
24
|
/**
|
|
21
25
|
* Label for items section
|
|
22
26
|
*/
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AddSelectBody.d.ts","sourceRoot":"","sources":["../../../../src/components/AddSelect/next/AddSelectBody.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAK,EAAE,EAGZ,SAAS,
|
|
1
|
+
{"version":3,"file":"AddSelectBody.d.ts","sourceRoot":"","sources":["../../../../src/components/AddSelect/next/AddSelectBody.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAK,EAAE,EAGZ,SAAS,EAOV,MAAM,OAAO,CAAC;AAGf,OAAO,EAML,KAAK,WAAW,EAChB,KAAK,QAAQ,EACb,KAAK,eAAe,EACpB,KAAK,mBAAmB,EACxB,KAAK,SAAS,EACf,MAAM,eAAe,CAAC;AAGvB;;;;GAIG;AAEH,MAAM,WAAW,kBAAkB;IACjC,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,MAAM,CAAC,EAAE,UAAU,GAAG,YAAY,CAAC;IACnC;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;OAEG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B;;OAEG;IACH,uBAAuB,CAAC,EAAE,MAAM,CAAC;IACjC;;OAEG;IACH,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,IAAI,CAAC,EAAE,KAAK,CAAC;QAAE,EAAE,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IAC5C;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC;;OAEG;IACH,iBAAiB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC5C;;OAEG;IACH,aAAa,CAAC,EAAE,SAAS,CAAC;IAC1B;;OAEG;IACH,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB;;OAEG;IACH,gBAAgB,CAAC,EAAE,SAAS,CAAC;IAC7B;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;OAEG;IACH,WAAW,CAAC,EAAE,IAAI,CAChB,WAAW,EACX,WAAW,GAAG,aAAa,GAAG,MAAM,GAAG,UAAU,GAAG,OAAO,CAC5D,CAAC;IACF;;OAEG;IACH,QAAQ,CAAC,EAAE,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,UAAU,CAAC,CAAC;IAC/D;;OAEG;IACH,eAAe,CAAC,EAAE,IAAI,CACpB,eAAe,EACf,iBAAiB,GAAG,WAAW,GAAG,UAAU,CAC7C,CAAC;IACF;;OAEG;IACH,mBAAmB,CAAC,EAAE,IAAI,CACxB,mBAAmB,EACnB,KAAK,GAAG,eAAe,GAAG,UAAU,CACrC,CAAC;IACF;;OAEG;IACH,SAAS,CAAC,EAAE,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,EAAE,MAAM,GAAG,SAAS,GAAG,UAAU,CAAC,CAAC;CACnE;AAED,QAAA,MAAM,aAAa,2FA2QlB,CAAC;AAyCF,eAAe,aAAa,CAAC"}
|
|
@@ -7,8 +7,8 @@
|
|
|
7
7
|
|
|
8
8
|
import { __toESM } from "../../../_virtual/_rolldown/runtime.js";
|
|
9
9
|
import { require_classnames } from "../../../node_modules/classnames/index.js";
|
|
10
|
-
import { blockClass } from "./context.js";
|
|
11
|
-
import React, { forwardRef, useState } from "react";
|
|
10
|
+
import { AddSelectContext, blockClass } from "./context.js";
|
|
11
|
+
import React, { forwardRef, useContext, useEffect, useRef, useState } from "react";
|
|
12
12
|
import PropTypes from "prop-types";
|
|
13
13
|
import { Breadcrumb, BreadcrumbItem, Link, Search, Tag } from "@carbon/react";
|
|
14
14
|
//#region src/components/AddSelect/next/AddSelectBody.tsx
|
|
@@ -19,8 +19,75 @@ import { Breadcrumb, BreadcrumbItem, Link, Search, Tag } from "@carbon/react";
|
|
|
19
19
|
* LICENSE file in the root directory of this source tree.
|
|
20
20
|
*/
|
|
21
21
|
var import_classnames = /* @__PURE__ */ __toESM(require_classnames());
|
|
22
|
-
const AddSelectBody = forwardRef(({ children, className, itemsLabel = "", globalSearchLabel = "Search", globalSearchPlaceholder = "Search", searchResultsTitle = "Search results", itemCount, path = [], onSearch, onBreadcrumbClick, headerContent, actionsSlot, subHeaderActions, hideSearch = false, searchProps, tagProps, breadcrumbProps, breadcrumbItemProps, linkProps, ...rest }, ref) => {
|
|
22
|
+
const AddSelectBody = forwardRef(({ children, className, layout = "vertical", itemsLabel = "", globalSearchLabel = "Search", globalSearchPlaceholder = "Search", searchResultsTitle = "Search results", itemCount, path = [], onSearch, onBreadcrumbClick, headerContent, actionsSlot, subHeaderActions, hideSearch = false, searchProps, tagProps, breadcrumbProps, breadcrumbItemProps, linkProps, ...rest }, ref) => {
|
|
23
|
+
const { multi } = useContext(AddSelectContext);
|
|
23
24
|
const [searchTerm, setSearchTerm] = useState("");
|
|
25
|
+
const listRef = useRef(null);
|
|
26
|
+
const focusedIndexRef = 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(`.${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
|
+
useEffect(() => {
|
|
89
|
+
updateItemFocus(0, false);
|
|
90
|
+
}, [children]);
|
|
24
91
|
const handleSearch = (event) => {
|
|
25
92
|
const value = event.target.value;
|
|
26
93
|
setSearchTerm(value);
|
|
@@ -60,7 +127,14 @@ const AddSelectBody = forwardRef(({ children, className, itemsLabel = "", global
|
|
|
60
127
|
type: "gray",
|
|
61
128
|
size: "sm",
|
|
62
129
|
...tagProps
|
|
63
|
-
}, itemCount)), subHeaderActions && /* @__PURE__ */ React.createElement("div", { className: `${blockClass}__sub-header-actions` }, subHeaderActions)))), /* @__PURE__ */ React.createElement("div", {
|
|
130
|
+
}, itemCount)), subHeaderActions && /* @__PURE__ */ React.createElement("div", { className: `${blockClass}__sub-header-actions` }, subHeaderActions)))), /* @__PURE__ */ React.createElement("div", {
|
|
131
|
+
className: `${blockClass}__content`,
|
|
132
|
+
ref: listRef,
|
|
133
|
+
role: "grid",
|
|
134
|
+
"aria-multiselectable": multi,
|
|
135
|
+
tabIndex: 0,
|
|
136
|
+
onKeyDown: handleKeyDown
|
|
137
|
+
}, /* @__PURE__ */ React.createElement("div", { className: (0, import_classnames.default)(`${blockClass}-list-body`, { [`${blockClass}-list-body--horizontal`]: layout === "horizontal" }) }, children)));
|
|
64
138
|
});
|
|
65
139
|
AddSelectBody.propTypes = {
|
|
66
140
|
actionsSlot: PropTypes.node,
|
|
@@ -77,6 +151,8 @@ AddSelectBody.propTypes = {
|
|
|
77
151
|
itemCount: PropTypes.number,
|
|
78
152
|
itemsLabel: PropTypes.string,
|
|
79
153
|
/**@ts-ignore */
|
|
154
|
+
layout: PropTypes.oneOf(["vertical", "horizontal"]),
|
|
155
|
+
/**@ts-ignore */
|
|
80
156
|
linkProps: PropTypes.object,
|
|
81
157
|
/**@ts-ignore */
|
|
82
158
|
onBreadcrumbClick: PropTypes.func,
|
|
@@ -12,7 +12,7 @@ import { type SearchProps, type TagProps, type CheckboxProps } from '@carbon/rea
|
|
|
12
12
|
* ----------------
|
|
13
13
|
* A composable column component that wraps AddSelectRow items.
|
|
14
14
|
* Provides optional search functionality with custom actions slot.
|
|
15
|
-
* Lives inside
|
|
15
|
+
* Lives inside AddSelect.Body and can have multiple instances.
|
|
16
16
|
*/
|
|
17
17
|
export interface AddSelectColumnProps {
|
|
18
18
|
/**
|
|
@@ -79,6 +79,12 @@ export interface AddSelectRowProps {
|
|
|
79
79
|
* Whether the item panel is currently open for this item
|
|
80
80
|
*/
|
|
81
81
|
itemPanelOpen?: boolean;
|
|
82
|
+
/**
|
|
83
|
+
* Whether to render the row as a skeleton (loading state).
|
|
84
|
+
* When true, real content is replaced with Carbon skeleton placeholders.
|
|
85
|
+
* The row is non-interactive and hidden from assistive technology.
|
|
86
|
+
*/
|
|
87
|
+
skeleton?: boolean;
|
|
82
88
|
/**
|
|
83
89
|
* Optional class name
|
|
84
90
|
*/
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AddSelectRow.d.ts","sourceRoot":"","sources":["../../../../src/components/AddSelect/next/AddSelectRow.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAK,EAAE,EAGZ,SAAS,EAGV,MAAM,OAAO,CAAC;AAGf,OAAO,
|
|
1
|
+
{"version":3,"file":"AddSelectRow.d.ts","sourceRoot":"","sources":["../../../../src/components/AddSelect/next/AddSelectRow.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAK,EAAE,EAGZ,SAAS,EAGV,MAAM,OAAO,CAAC;AAGf,OAAO,EAML,KAAK,aAAa,EAClB,KAAK,gBAAgB,EACrB,KAAK,eAAe,EACrB,MAAM,eAAe,CAAC;AAIvB;;;;GAIG;AAEH,MAAM,WAAW,iBAAiB;IAChC;;OAEG;IACH,MAAM,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;OAEG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB;;;OAGG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB;;;;OAIG;IACH,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB;;OAEG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB;;OAEG;IACH,gBAAgB,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IAC5C;;OAEG;IACH,wBAAwB,CAAC,EAAE,MAAM,CAAC;IAClC;;OAEG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,aAAa,CAAC,EAAE,IAAI,CAClB,aAAa,EACX,IAAI,GACJ,WAAW,GACX,SAAS,GACT,UAAU,GACV,WAAW,GACX,WAAW,GACX,UAAU,CACb,CAAC;IACF;;OAEG;IACH,gBAAgB,CAAC,EAAE,IAAI,CACrB,gBAAgB,EACd,IAAI,GACJ,WAAW,GACX,SAAS,GACT,UAAU,GACV,WAAW,GACX,WAAW,GACX,OAAO,GACP,UAAU,CACb,CAAC;IACF;;OAEG;IACH,wBAAwB,CAAC,EAAE,IAAI,CAC7B,eAAe,EACf,OAAO,GAAG,SAAS,GAAG,MAAM,GAAG,MAAM,GAAG,WAAW,GAAG,UAAU,CACjE,CAAC;CACH;AAED,QAAA,MAAM,YAAY,0FA0LjB,CAAC;AAgCF,eAAe,YAAY,CAAC"}
|
|
@@ -10,7 +10,7 @@ import { require_classnames } from "../../../node_modules/classnames/index.js";
|
|
|
10
10
|
import { AddSelectContext, blockClass } from "./context.js";
|
|
11
11
|
import React, { forwardRef, useContext } from "react";
|
|
12
12
|
import PropTypes from "prop-types";
|
|
13
|
-
import { Checkbox, IconButton, RadioButton } from "@carbon/react";
|
|
13
|
+
import { Checkbox, IconButton, RadioButton, SkeletonIcon, SkeletonText } from "@carbon/react";
|
|
14
14
|
import { ChevronRight, View } from "@carbon/react/icons";
|
|
15
15
|
//#region src/components/AddSelect/next/AddSelectRow.tsx
|
|
16
16
|
/**
|
|
@@ -20,7 +20,7 @@ import { ChevronRight, View } from "@carbon/react/icons";
|
|
|
20
20
|
* LICENSE file in the root directory of this source tree.
|
|
21
21
|
*/
|
|
22
22
|
var import_classnames = /* @__PURE__ */ __toESM(require_classnames());
|
|
23
|
-
const AddSelectRow = forwardRef(({ itemId, title, subtitle, value, selected = false, indeterminate = false, disabled = false, hasChildren = false, parentId = "", icon, children, rowContent, hasItemPanel = false, onItemPanelClick, itemPanelIconDescription = "View details", itemPanelOpen = false, className, checkboxProps, radioButtonProps, itemPanelIconButtonProps, ...rest }, ref) => {
|
|
23
|
+
const AddSelectRow = forwardRef(({ itemId, title, subtitle, value, selected = false, indeterminate = false, disabled = false, hasChildren = false, parentId = "", icon, children, rowContent, hasItemPanel = false, onItemPanelClick, itemPanelIconDescription = "View details", itemPanelOpen = false, skeleton = false, className, checkboxProps, radioButtonProps, itemPanelIconButtonProps, ...rest }, ref) => {
|
|
24
24
|
const { multi, onItemSelect, onNavigate, selectedItems } = useContext(AddSelectContext);
|
|
25
25
|
const isSelected = selectedItems?.has(itemId) ?? selected;
|
|
26
26
|
const handleSelect = () => {
|
|
@@ -39,8 +39,14 @@ const AddSelectRow = forwardRef(({ itemId, title, subtitle, value, selected = fa
|
|
|
39
39
|
const rowClasses = (0, import_classnames.default)(`${blockClass}-row`, className, {
|
|
40
40
|
[`${blockClass}-row--selected`]: isSelected,
|
|
41
41
|
[`${blockClass}-row--disabled`]: disabled,
|
|
42
|
-
[`${blockClass}-row-item-panel--selected`]: itemPanelOpen
|
|
42
|
+
[`${blockClass}-row-item-panel--selected`]: itemPanelOpen,
|
|
43
|
+
[`${blockClass}-row--skeleton`]: skeleton
|
|
43
44
|
});
|
|
45
|
+
if (skeleton) return /* @__PURE__ */ React.createElement("div", {
|
|
46
|
+
className: rowClasses,
|
|
47
|
+
"aria-hidden": "true",
|
|
48
|
+
ref
|
|
49
|
+
}, /* @__PURE__ */ React.createElement("div", { className: `${blockClass}-row__cell` }, /* @__PURE__ */ React.createElement("div", { className: `${blockClass}-row__cell-wrapper` }, /* @__PURE__ */ React.createElement("div", { className: `${blockClass}-row__skeleton-control` }), /* @__PURE__ */ React.createElement("div", { className: `${blockClass}-row__content` }, icon && /* @__PURE__ */ React.createElement("div", { className: `${blockClass}-row__icon` }, /* @__PURE__ */ React.createElement(SkeletonIcon, null)), /* @__PURE__ */ React.createElement("div", { className: `${blockClass}-row__text` }, /* @__PURE__ */ React.createElement(SkeletonText, { className: `${blockClass}-row__skeleton-title` }))))));
|
|
44
50
|
return /* @__PURE__ */ React.createElement("div", {
|
|
45
51
|
className: rowClasses,
|
|
46
52
|
role: "row",
|
|
@@ -117,6 +123,7 @@ AddSelectRow.propTypes = {
|
|
|
117
123
|
/**@ts-ignore */
|
|
118
124
|
radioButtonProps: PropTypes.object,
|
|
119
125
|
selected: PropTypes.bool,
|
|
126
|
+
skeleton: PropTypes.bool,
|
|
120
127
|
subtitle: PropTypes.string,
|
|
121
128
|
title: PropTypes.string.isRequired,
|
|
122
129
|
value: PropTypes.string.isRequired
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AddSelectSelectionSummaryItem.d.ts","sourceRoot":"","sources":["../../../../src/components/AddSelect/next/AddSelectSelectionSummaryItem.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAK,EAAE,EAAsC,SAAS,EAAE,MAAM,OAAO,CAAC;AAG7E,OAAO,EAIL,KAAK,cAAc,EACnB,KAAK,kBAAkB,EACvB,KAAK,eAAe,EACrB,MAAM,eAAe,CAAC;AAEvB,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAG1D;;;;GAIG;AAEH,MAAM,WAAW,kCAAkC;IACjD;;OAEG;IACH,IAAI,EAAE,aAAa,CAAC;IACpB;;OAEG;IACH,oBAAoB,CAAC,EAAE,CAAC,IAAI,EAAE,aAAa,KAAK,SAAS,CAAC;IAC1D;;OAEG;IACH,mBAAmB,CAAC,EAAE,CAAC,IAAI,EAAE,aAAa,KAAK,SAAS,CAAC;IACzD;;;OAGG;IACH,UAAU,CAAC,EAAE,CACX,IAAI,EAAE,aAAa,EACnB,QAAQ,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,KAC5B,SAAS,CAAC;IACf;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACpC;;OAEG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B;;OAEG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,cAAc,CAAC,EAAE,IAAI,CAAC,cAAc,EAAE,OAAO,GAAG,UAAU,CAAC,CAAC;IAC5D;;OAEG;IACH,kBAAkB,CAAC,EAAE,IAAI,CAAC,kBAAkB,EAAE,OAAO,GAAG,UAAU,CAAC,CAAC;IACpE;;OAEG;IACH,qBAAqB,CAAC,EAAE,IAAI,CAC1B,eAAe,EACf,OAAO,GAAG,SAAS,GAAG,MAAM,GAAG,WAAW,GAAG,UAAU,CACxD,CAAC;CACH;AAED;;;;;;;;;;GAUG;AACH,QAAA,MAAM,6BAA6B,
|
|
1
|
+
{"version":3,"file":"AddSelectSelectionSummaryItem.d.ts","sourceRoot":"","sources":["../../../../src/components/AddSelect/next/AddSelectSelectionSummaryItem.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAK,EAAE,EAAsC,SAAS,EAAE,MAAM,OAAO,CAAC;AAG7E,OAAO,EAIL,KAAK,cAAc,EACnB,KAAK,kBAAkB,EACvB,KAAK,eAAe,EACrB,MAAM,eAAe,CAAC;AAEvB,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAG1D;;;;GAIG;AAEH,MAAM,WAAW,kCAAkC;IACjD;;OAEG;IACH,IAAI,EAAE,aAAa,CAAC;IACpB;;OAEG;IACH,oBAAoB,CAAC,EAAE,CAAC,IAAI,EAAE,aAAa,KAAK,SAAS,CAAC;IAC1D;;OAEG;IACH,mBAAmB,CAAC,EAAE,CAAC,IAAI,EAAE,aAAa,KAAK,SAAS,CAAC;IACzD;;;OAGG;IACH,UAAU,CAAC,EAAE,CACX,IAAI,EAAE,aAAa,EACnB,QAAQ,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,KAC5B,SAAS,CAAC;IACf;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACpC;;OAEG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B;;OAEG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,cAAc,CAAC,EAAE,IAAI,CAAC,cAAc,EAAE,OAAO,GAAG,UAAU,CAAC,CAAC;IAC5D;;OAEG;IACH,kBAAkB,CAAC,EAAE,IAAI,CAAC,kBAAkB,EAAE,OAAO,GAAG,UAAU,CAAC,CAAC;IACpE;;OAEG;IACH,qBAAqB,CAAC,EAAE,IAAI,CAC1B,eAAe,EACf,OAAO,GAAG,SAAS,GAAG,MAAM,GAAG,WAAW,GAAG,UAAU,CACxD,CAAC;CACH;AAED;;;;;;;;;;GAUG;AACH,QAAA,MAAM,6BAA6B,2GAiMlC,CAAC;AA4BF,eAAe,6BAA6B,CAAC"}
|
|
@@ -44,11 +44,13 @@ const AddSelectSelectionSummaryItem = forwardRef(({ item, renderAccordionTitle,
|
|
|
44
44
|
onRemove(item.id);
|
|
45
45
|
},
|
|
46
46
|
kind: "ghost",
|
|
47
|
+
size: "sm",
|
|
47
48
|
autoAlign: true,
|
|
48
49
|
className: `${blockClass}__selection-summary-item-remove-button`,
|
|
49
50
|
...removeIconButtonProps
|
|
50
51
|
}, /* @__PURE__ */ React.createElement(SubtractAlt, { size: 16 })) : null;
|
|
51
|
-
const defaultTitle = /* @__PURE__ */ React.createElement("div", { className: `${blockClass}__selection-summary-item-
|
|
52
|
+
const defaultTitle = /* @__PURE__ */ React.createElement("div", { className: `${blockClass}__selection-summary-item-selected-item` }, /* @__PURE__ */ React.createElement("p", { className: `${blockClass}__selection-summary-item-title` }, item.title), item.subtitle && /* @__PURE__ */ React.createElement("p", { className: `${blockClass}__selection-summary-item-subtitle` }, item.subtitle));
|
|
53
|
+
const defaultTitleRow = /* @__PURE__ */ React.createElement("div", { className: `${blockClass}__selection-summary-item-title-wrapper` }, defaultTitle, onRemove && /* @__PURE__ */ React.createElement("div", { className: `${blockClass}__selection-summary-item-remove-button-container` }, RemoveButton));
|
|
52
54
|
const defaultContent = () => {
|
|
53
55
|
const itemProps = Object.entries(item).filter(([key]) => key !== "title" && key !== "subtitle" && key !== "icon" && key !== "id" && key !== "children" && key !== "selected" && key !== "status" && key !== "disabled" && key !== "itemDetails");
|
|
54
56
|
const itemDetailsProps = item.itemDetails ? Object.entries(item.itemDetails) : [];
|
|
@@ -80,7 +82,7 @@ const AddSelectSelectionSummaryItem = forwardRef(({ item, renderAccordionTitle,
|
|
|
80
82
|
align: "start",
|
|
81
83
|
...accordionProps
|
|
82
84
|
}, /* @__PURE__ */ React.createElement(AccordionItem, {
|
|
83
|
-
title: /* @__PURE__ */ React.createElement(
|
|
85
|
+
title: /* @__PURE__ */ React.createElement(React.Fragment, null, titleContent, onRemove && /* @__PURE__ */ React.createElement("div", { className: `${blockClass}__selection-summary-item-remove-button-container` }, RemoveButton)),
|
|
84
86
|
...accordionItemProps
|
|
85
87
|
}, bodyContent)));
|
|
86
88
|
}
|
|
@@ -88,7 +90,7 @@ const AddSelectSelectionSummaryItem = forwardRef(({ item, renderAccordionTitle,
|
|
|
88
90
|
className: itemClasses,
|
|
89
91
|
ref,
|
|
90
92
|
...rest
|
|
91
|
-
},
|
|
93
|
+
}, defaultTitleRow, /* @__PURE__ */ React.createElement("div", { className: `${blockClass}__selection-summary-item-content` }, defaultContent()));
|
|
92
94
|
});
|
|
93
95
|
AddSelectSelectionSummaryItem.propTypes = {
|
|
94
96
|
/**@ts-ignore */
|
|
@@ -7,7 +7,6 @@
|
|
|
7
7
|
export { AddSelect } from './AddSelect';
|
|
8
8
|
export type { AddSelectProps, AddSelectComponentType } from './AddSelect';
|
|
9
9
|
export type { AddSelectBodyProps } from './AddSelectBody';
|
|
10
|
-
export type { AddSelectContentProps } from './AddSelectContent';
|
|
11
10
|
export type { AddSelectColumnProps } from './AddSelectColumn';
|
|
12
11
|
export type { AddSelectRowProps } from './AddSelectRow';
|
|
13
12
|
export type { AddSelectSelectionSummaryProps } from './AddSelectSelectionSummary';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/AddSelect/next/index.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,YAAY,EAAE,cAAc,EAAE,sBAAsB,EAAE,MAAM,aAAa,CAAC;AAC1E,YAAY,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAC1D,YAAY,EAAE,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/AddSelect/next/index.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,YAAY,EAAE,cAAc,EAAE,sBAAsB,EAAE,MAAM,aAAa,CAAC;AAC1E,YAAY,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAC1D,YAAY,EAAE,oBAAoB,EAAE,MAAM,mBAAmB,CAAC;AAC9D,YAAY,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AACxD,YAAY,EAAE,8BAA8B,EAAE,MAAM,6BAA6B,CAAC;AAClF,YAAY,EAAE,kCAAkC,EAAE,MAAM,iCAAiC,CAAC;AAC1F,YAAY,EAAE,uBAAuB,EAAE,MAAM,sBAAsB,CAAC;AACpE,YAAY,EAAE,oBAAoB,EAAE,MAAM,WAAW,CAAC"}
|
|
@@ -31,5 +31,5 @@ export interface BigNumberProps {
|
|
|
31
31
|
* of a button as well as tool tip functionality.
|
|
32
32
|
* The default locale is English (`en-US`) if one is not provided or if the provided one is not supported.
|
|
33
33
|
*/
|
|
34
|
-
export declare const BigNumber: React.ForwardRefExoticComponent<BigNumberProps & React.RefAttributes<
|
|
34
|
+
export declare const BigNumber: React.ForwardRefExoticComponent<BigNumberProps & React.RefAttributes<HTMLElement>>;
|
|
35
35
|
//# sourceMappingURL=BigNumber.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BigNumber.d.ts","sourceRoot":"","sources":["../../../src/components/BigNumber/BigNumber.tsx"],"names":[],"mappings":"AACA;;;;;GAKG;AAEH,OAAO,KAAK,EAAE,EAAc,SAAS,EAAE,MAAM,OAAO,CAAC;AAWrD,OAAO,EACL,mBAAmB,EAKpB,MAAM,aAAa,CAAC;AAOrB,MAAM,WAAW,cAAc;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,IAAI,CAAC,EAAE,mBAAmB,CAAC;IAC3B,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED;;;;;;;;GAQG;AACH,eAAO,MAAM,SAAS,
|
|
1
|
+
{"version":3,"file":"BigNumber.d.ts","sourceRoot":"","sources":["../../../src/components/BigNumber/BigNumber.tsx"],"names":[],"mappings":"AACA;;;;;GAKG;AAEH,OAAO,KAAK,EAAE,EAAc,SAAS,EAAE,MAAM,OAAO,CAAC;AAWrD,OAAO,EACL,mBAAmB,EAKpB,MAAM,aAAa,CAAC;AAOrB,MAAM,WAAW,cAAc;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,IAAI,CAAC,EAAE,mBAAmB,CAAC;IAC3B,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED;;;;;;;;GAQG;AACH,eAAO,MAAM,SAAS,oFAiHrB,CAAC"}
|
|
@@ -52,12 +52,12 @@ const BigNumber = forwardRef(({ className, forceShowTotal = false, fractionDigit
|
|
|
52
52
|
size,
|
|
53
53
|
...getDevtoolsProps(componentName)
|
|
54
54
|
});
|
|
55
|
-
return /* @__PURE__ */ React.createElement("
|
|
55
|
+
return /* @__PURE__ */ React.createElement("figure", {
|
|
56
56
|
...rest,
|
|
57
57
|
className: (0, import_classnames.default)(blockClass, bigNumberClasses, className),
|
|
58
58
|
ref,
|
|
59
59
|
...getDevtoolsProps(componentName)
|
|
60
|
-
}, /* @__PURE__ */ React.createElement("span", { className: `${blockClass}__row` }, /* @__PURE__ */ React.createElement("
|
|
60
|
+
}, /* @__PURE__ */ React.createElement("span", { className: `${blockClass}__row` }, /* @__PURE__ */ React.createElement("figcaption", { className: `${blockClass}__label` }, label), tooltipDescription && /* @__PURE__ */ React.createElement(Tooltip, {
|
|
61
61
|
description: tooltipDescription,
|
|
62
62
|
align: "right",
|
|
63
63
|
className: `${blockClass}__info`
|
|
@@ -5,20 +5,96 @@
|
|
|
5
5
|
* LICENSE file in the root directory of this source tree.
|
|
6
6
|
*/
|
|
7
7
|
import React from 'react';
|
|
8
|
+
import PropTypes from 'prop-types';
|
|
8
9
|
import { CardProps } from './Card.types';
|
|
9
10
|
import { CardHeader } from './CardHeader';
|
|
10
11
|
import { CardBody } from './CardBody';
|
|
11
12
|
import { CardFooter } from './CardFooter';
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
declare const
|
|
21
|
-
|
|
22
|
-
|
|
13
|
+
import { CardHeaderMedia } from './CardHeaderMedia';
|
|
14
|
+
import { CardMedia } from './CardMedia';
|
|
15
|
+
import { CardLabel } from './CardLabel';
|
|
16
|
+
import { CardTitle } from './CardTitle';
|
|
17
|
+
import { CardTitleMedia } from './CardTitleMedia';
|
|
18
|
+
import { CardCaption } from './CardCaption';
|
|
19
|
+
import { CardActions } from './CardActions';
|
|
20
|
+
import { CardAction } from './CardAction';
|
|
21
|
+
export declare const Card: React.ForwardRefExoticComponent<CardProps & React.RefAttributes<HTMLDivElement>> & {
|
|
22
|
+
Header: React.ForwardRefExoticComponent<import("./Card.types").CardBaseProps & React.RefAttributes<HTMLDivElement>>;
|
|
23
|
+
Body: React.ForwardRefExoticComponent<import("./Card.types").CardBaseProps & React.RefAttributes<HTMLDivElement>>;
|
|
24
|
+
Footer: React.ForwardRefExoticComponent<import("./Card.types").CardBaseProps & React.RefAttributes<HTMLDivElement>>;
|
|
25
|
+
HeaderMedia: {
|
|
26
|
+
({ children, className, ...rest }: import("./CardHeaderMedia").CardHeaderMediaProps): React.JSX.Element;
|
|
27
|
+
propTypes: {
|
|
28
|
+
children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
|
|
29
|
+
className: PropTypes.Requireable<string>;
|
|
30
|
+
};
|
|
31
|
+
displayName: string;
|
|
32
|
+
};
|
|
33
|
+
Media: {
|
|
34
|
+
({ children, className, ...rest }: import("./CardMedia").CardMediaProps): React.JSX.Element;
|
|
35
|
+
propTypes: {
|
|
36
|
+
children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
|
|
37
|
+
className: PropTypes.Requireable<string>;
|
|
38
|
+
};
|
|
39
|
+
displayName: string;
|
|
40
|
+
};
|
|
41
|
+
Label: {
|
|
42
|
+
({ children, className, truncate, ...rest }: import("./CardLabel").CardLabelProps): React.JSX.Element;
|
|
43
|
+
propTypes: {
|
|
44
|
+
children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
|
|
45
|
+
className: PropTypes.Requireable<string>;
|
|
46
|
+
truncate: PropTypes.Requireable<boolean>;
|
|
47
|
+
};
|
|
48
|
+
displayName: string;
|
|
49
|
+
};
|
|
50
|
+
Title: {
|
|
51
|
+
({ children, className, truncate, maxWidth, titleStart, titleEnd, ...rest }: import("./CardTitle").CardTitleProps): React.JSX.Element;
|
|
52
|
+
propTypes: {
|
|
53
|
+
children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
|
|
54
|
+
className: PropTypes.Requireable<string>;
|
|
55
|
+
maxWidth: PropTypes.Requireable<string>;
|
|
56
|
+
titleEnd: PropTypes.Requireable<PropTypes.ReactNodeLike>;
|
|
57
|
+
titleStart: PropTypes.Requireable<PropTypes.ReactNodeLike>;
|
|
58
|
+
truncate: PropTypes.Requireable<NonNullable<number | boolean>>;
|
|
59
|
+
};
|
|
60
|
+
displayName: string;
|
|
61
|
+
};
|
|
62
|
+
TitleMedia: React.ForwardRefExoticComponent<import("./CardTitleMedia").CardTitleMediaProps & React.RefAttributes<HTMLDivElement>>;
|
|
63
|
+
Caption: {
|
|
64
|
+
({ children, className, truncate, ...rest }: import("./CardCaption").CardCaptionProps): React.JSX.Element;
|
|
65
|
+
propTypes: {
|
|
66
|
+
children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
|
|
67
|
+
className: PropTypes.Requireable<string>;
|
|
68
|
+
truncate: PropTypes.Requireable<boolean>;
|
|
69
|
+
};
|
|
70
|
+
displayName: string;
|
|
71
|
+
};
|
|
72
|
+
Actions: {
|
|
73
|
+
({ children, className, overflowMenuLabel, ...rest }: import("./CardActions").CardActionsProps): React.JSX.Element;
|
|
74
|
+
propTypes: {
|
|
75
|
+
children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
|
|
76
|
+
className: PropTypes.Requireable<string>;
|
|
77
|
+
overflowMenuLabel: PropTypes.Requireable<string>;
|
|
78
|
+
};
|
|
79
|
+
displayName: string;
|
|
80
|
+
};
|
|
81
|
+
Action: {
|
|
82
|
+
({ children, className, ...rest }: import("./CardAction").CardActionProps): React.JSX.Element;
|
|
83
|
+
propTypes: {
|
|
84
|
+
children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
|
|
85
|
+
className: PropTypes.Requireable<string>;
|
|
86
|
+
};
|
|
87
|
+
displayName: string;
|
|
88
|
+
};
|
|
89
|
+
};
|
|
90
|
+
export { Card as default, CardHeader, CardBody, CardFooter, CardHeaderMedia, CardMedia, CardLabel, CardTitle, CardTitleMedia, CardCaption, CardActions, CardAction, };
|
|
23
91
|
export type { CardProps, CardHeaderProps, CardBodyProps, CardFooterProps, } from './Card.types';
|
|
92
|
+
export type { CardHeaderMediaProps } from './CardHeaderMedia';
|
|
93
|
+
export type { CardMediaProps } from './CardMedia';
|
|
94
|
+
export type { CardLabelProps } from './CardLabel';
|
|
95
|
+
export type { CardTitleProps } from './CardTitle';
|
|
96
|
+
export type { CardTitleMediaProps } from './CardTitleMedia';
|
|
97
|
+
export type { CardCaptionProps } from './CardCaption';
|
|
98
|
+
export type { CardActionsProps } from './CardActions';
|
|
99
|
+
export type { CardActionProps } from './CardAction';
|
|
24
100
|
//# sourceMappingURL=Card.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../../../../src/components/Card/next/Card.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAA8B,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../../../../src/components/Card/next/Card.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAA8B,MAAM,OAAO,CAAC;AACnD,OAAO,SAAS,MAAM,YAAY,CAAC;AAEnC,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAKzC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAG1C,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AA4K1C,eAAO,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAYf,CAAC;AAEH,OAAO,EACL,IAAI,IAAI,OAAO,EACf,UAAU,EACV,QAAQ,EACR,UAAU,EACV,eAAe,EACf,SAAS,EACT,SAAS,EACT,SAAS,EACT,cAAc,EACd,WAAW,EACX,WAAW,EACX,UAAU,GACX,CAAC;AAEF,YAAY,EACV,SAAS,EACT,eAAe,EACf,aAAa,EACb,eAAe,GAChB,MAAM,cAAc,CAAC;AAGtB,YAAY,EAAE,oBAAoB,EAAE,MAAM,mBAAmB,CAAC;AAC9D,YAAY,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAClD,YAAY,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAClD,YAAY,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAClD,YAAY,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAC5D,YAAY,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AACtD,YAAY,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AACtD,YAAY,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC"}
|