@carbon/ibm-products 2.98.0 → 2.99.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/.playwright/INTERNAL_AVT_REPORT_DO_NOT_USE.json +463 -463
- package/css/carbon.css +9599 -6352
- package/css/carbon.css.map +1 -1
- package/css/index-full-carbon.css +5121 -1880
- 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 +29 -186
- 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 +29 -186
- 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 +397 -447
- 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/AddSelect/AddSelectColumn.js +4 -4
- package/es/components/AddSelect/next/AddSelectColumn.js +2 -2
- package/es/components/ConditionBuilder/ConditionBuilder.d.ts +21 -0
- package/es/components/ConditionBuilder/ConditionBuilder.d.ts.map +1 -1
- package/es/components/ConditionBuilder/ConditionBuilder.js +51 -44
- package/es/components/ConditionBuilder/ConditionBuilder.types.d.ts +47 -9
- package/es/components/ConditionBuilder/ConditionBuilder.types.d.ts.map +1 -1
- package/es/components/ConditionBuilder/ConditionBuilderContent/ConditionBuilderContent.d.ts +9 -2
- package/es/components/ConditionBuilder/ConditionBuilderContent/ConditionBuilderContent.d.ts.map +1 -1
- package/es/components/ConditionBuilder/ConditionBuilderContent/ConditionBuilderContent.js +16 -3
- package/es/components/ConditionBuilder/ConditionBuilderContext/ConditionBuilderProvider.d.ts.map +1 -1
- package/es/components/ConditionBuilder/ConditionBuilderContext/ConditionBuilderProvider.js +37 -17
- package/es/components/ConditionBuilder/ConditionBuilderContext/translationObject.d.ts +1 -0
- package/es/components/ConditionBuilder/ConditionBuilderContext/translationObject.js +1 -0
- package/es/components/ConditionBuilder/index.d.ts +1 -1
- package/es/components/ConditionBuilder/index.d.ts.map +1 -1
- package/es/components/ConditionBuilder/utils/handleKeyboardEvents.js +2 -2
- package/es/components/Datagrid/Datagrid/addons/CustomizeColumns/DraggableItemsList.js +2 -2
- package/es/components/EmptyStates/assets/ErrorIllustration.js +2 -2
- package/es/components/EmptyStates/assets/NoDataIllustration.js +2 -2
- package/es/components/EmptyStates/assets/NoTagsIllustration.js +2 -2
- package/es/components/EmptyStates/assets/NotFoundIllustration.js +2 -2
- package/es/components/EmptyStates/assets/NotificationsIllustration.js +2 -2
- package/es/components/EmptyStates/assets/UnauthorizedIllustration.js +2 -2
- package/es/components/NotificationsPanel/NotificationsPanel.js +2 -2
- package/es/components/PageHeader/next/PageHeader.d.ts +10 -0
- package/es/components/PageHeader/next/PageHeader.d.ts.map +1 -1
- package/es/components/PageHeader/next/PageHeader.js +6 -3
- package/es/components/PageHeader/next/PageHeaderBreadcrumbBar.d.ts.map +1 -1
- package/es/components/PageHeader/next/PageHeaderBreadcrumbBar.js +6 -3
- package/es/components/PageHeader/next/PageHeaderBreadcrumbPageActions.d.ts.map +1 -1
- package/es/components/PageHeader/next/PageHeaderBreadcrumbPageActions.js +4 -10
- package/es/components/PageHeader/next/PageHeaderContent.d.ts +3 -2
- package/es/components/PageHeader/next/PageHeaderContent.d.ts.map +1 -1
- package/es/components/PageHeader/next/PageHeaderContent.js +14 -11
- package/es/components/PageHeader/next/PageHeaderContentPageActions.d.ts.map +1 -1
- package/es/components/PageHeader/next/PageHeaderContentPageActions.js +3 -2
- package/es/components/PageHeader/next/PageHeaderScrollButton.d.ts.map +1 -1
- package/es/components/PageHeader/next/PageHeaderScrollButton.js +3 -0
- package/es/components/PageHeader/next/PageHeaderTabBar.js +11 -3
- package/es/components/PageHeader/next/PageHeaderTagOverflow.d.ts.map +1 -1
- package/es/components/PageHeader/next/PageHeaderTagOverflow.js +10 -2
- package/es/components/PageHeader/next/context.d.ts +2 -0
- package/es/components/PageHeader/next/context.d.ts.map +1 -1
- package/es/components/PageHeader/next/context.js +3 -1
- package/es/components/StatusIcon/StatusIcon.d.ts +11 -9
- package/es/components/StatusIcon/StatusIcon.d.ts.map +1 -1
- package/es/components/StatusIcon/StatusIcon.js +16 -0
- package/es/components/TagOverflow/TagOverflow.d.ts +9 -2
- package/es/components/TagOverflow/TagOverflow.d.ts.map +1 -1
- package/es/components/TagOverflow/TagOverflow.js +10 -4
- package/es/components/TagOverflow/TagOverflowModal.d.ts +22 -4
- package/es/components/TagOverflow/TagOverflowModal.d.ts.map +1 -1
- package/es/components/TagOverflow/TagOverflowModal.js +15 -6
- package/es/components/Tearsheet/TearsheetShell.js +2 -2
- package/es/components/Tearsheet/next/Tearsheet.d.ts.map +1 -1
- package/es/components/Tearsheet/next/Tearsheet.js +4 -3
- package/es/components/Tearsheet/next/TearsheetBody.d.ts.map +1 -1
- package/es/components/Tearsheet/next/TearsheetBody.js +1 -3
- package/es/components/Tearsheet/next/TearsheetHeaderContent.d.ts +3 -2
- package/es/components/Tearsheet/next/TearsheetHeaderContent.d.ts.map +1 -1
- package/es/components/Tearsheet/next/TearsheetHeaderContent.js +3 -3
- package/es/components/index.d.ts +1 -1
- package/es/components/index.d.ts.map +1 -1
- package/es/global/js/hooks/useCreateComponentFocus.js +1 -8
- package/es/global/js/utils/useId.js +2 -2
- package/es/index.js +3 -3
- package/es/node_modules/@carbon/icons-react/es/generated/bucket-11.js +342 -310
- package/es/node_modules/@carbon/icons-react/es/generated/bucket-3.js +48 -56
- package/es/settings.d.ts +4 -4
- package/lib/components/ConditionBuilder/ConditionBuilder.d.ts +21 -0
- package/lib/components/ConditionBuilder/ConditionBuilder.d.ts.map +1 -1
- package/lib/components/ConditionBuilder/ConditionBuilder.js +51 -44
- package/lib/components/ConditionBuilder/ConditionBuilder.types.d.ts +47 -9
- package/lib/components/ConditionBuilder/ConditionBuilder.types.d.ts.map +1 -1
- package/lib/components/ConditionBuilder/ConditionBuilderContent/ConditionBuilderContent.d.ts +9 -2
- package/lib/components/ConditionBuilder/ConditionBuilderContent/ConditionBuilderContent.d.ts.map +1 -1
- package/lib/components/ConditionBuilder/ConditionBuilderContent/ConditionBuilderContent.js +16 -3
- package/lib/components/ConditionBuilder/ConditionBuilderContext/ConditionBuilderProvider.d.ts.map +1 -1
- package/lib/components/ConditionBuilder/ConditionBuilderContext/ConditionBuilderProvider.js +36 -16
- package/lib/components/ConditionBuilder/ConditionBuilderContext/translationObject.d.ts +1 -0
- package/lib/components/ConditionBuilder/ConditionBuilderContext/translationObject.js +1 -0
- package/lib/components/ConditionBuilder/index.d.ts +1 -1
- package/lib/components/ConditionBuilder/index.d.ts.map +1 -1
- package/lib/components/ConditionBuilder/utils/handleKeyboardEvents.js +2 -2
- package/lib/components/PageHeader/next/PageHeader.d.ts +10 -0
- package/lib/components/PageHeader/next/PageHeader.d.ts.map +1 -1
- package/lib/components/PageHeader/next/PageHeader.js +6 -3
- package/lib/components/PageHeader/next/PageHeaderBreadcrumbBar.d.ts.map +1 -1
- package/lib/components/PageHeader/next/PageHeaderBreadcrumbBar.js +6 -3
- package/lib/components/PageHeader/next/PageHeaderBreadcrumbPageActions.d.ts.map +1 -1
- package/lib/components/PageHeader/next/PageHeaderBreadcrumbPageActions.js +3 -9
- package/lib/components/PageHeader/next/PageHeaderContent.d.ts +3 -2
- package/lib/components/PageHeader/next/PageHeaderContent.d.ts.map +1 -1
- package/lib/components/PageHeader/next/PageHeaderContent.js +13 -10
- package/lib/components/PageHeader/next/PageHeaderContentPageActions.d.ts.map +1 -1
- package/lib/components/PageHeader/next/PageHeaderContentPageActions.js +3 -2
- package/lib/components/PageHeader/next/PageHeaderScrollButton.d.ts.map +1 -1
- package/lib/components/PageHeader/next/PageHeaderScrollButton.js +3 -0
- package/lib/components/PageHeader/next/PageHeaderTabBar.js +11 -3
- package/lib/components/PageHeader/next/PageHeaderTagOverflow.d.ts.map +1 -1
- package/lib/components/PageHeader/next/PageHeaderTagOverflow.js +10 -2
- package/lib/components/PageHeader/next/context.d.ts +2 -0
- package/lib/components/PageHeader/next/context.d.ts.map +1 -1
- package/lib/components/PageHeader/next/context.js +3 -1
- package/lib/components/StatusIcon/StatusIcon.d.ts +11 -9
- package/lib/components/StatusIcon/StatusIcon.d.ts.map +1 -1
- package/lib/components/StatusIcon/StatusIcon.js +16 -0
- package/lib/components/TagOverflow/TagOverflow.d.ts +9 -2
- package/lib/components/TagOverflow/TagOverflow.d.ts.map +1 -1
- package/lib/components/TagOverflow/TagOverflow.js +10 -4
- package/lib/components/TagOverflow/TagOverflowModal.d.ts +22 -4
- package/lib/components/TagOverflow/TagOverflowModal.d.ts.map +1 -1
- package/lib/components/TagOverflow/TagOverflowModal.js +15 -6
- package/lib/components/Tearsheet/next/Tearsheet.d.ts.map +1 -1
- package/lib/components/Tearsheet/next/Tearsheet.js +2 -1
- package/lib/components/Tearsheet/next/TearsheetBody.d.ts.map +1 -1
- package/lib/components/Tearsheet/next/TearsheetBody.js +1 -3
- package/lib/components/Tearsheet/next/TearsheetHeaderContent.d.ts +3 -2
- package/lib/components/Tearsheet/next/TearsheetHeaderContent.d.ts.map +1 -1
- package/lib/components/Tearsheet/next/TearsheetHeaderContent.js +3 -3
- package/lib/components/index.d.ts +1 -1
- package/lib/components/index.d.ts.map +1 -1
- package/lib/global/js/hooks/useCreateComponentFocus.js +1 -8
- package/lib/index.js +5 -9
- package/lib/node_modules/@carbon/icons-react/lib/generated/bucket-0.js +33 -33
- package/lib/node_modules/@carbon/icons-react/lib/generated/bucket-1.js +26 -29
- package/lib/node_modules/@carbon/icons-react/lib/generated/bucket-10.js +336 -365
- package/lib/node_modules/@carbon/icons-react/lib/generated/bucket-11.js +365 -333
- package/lib/node_modules/@carbon/icons-react/lib/generated/bucket-12.js +600 -644
- package/lib/node_modules/@carbon/icons-react/lib/generated/bucket-13.js +724 -662
- package/lib/node_modules/@carbon/icons-react/lib/generated/bucket-14.js +608 -624
- package/lib/node_modules/@carbon/icons-react/lib/generated/bucket-15.js +663 -662
- package/lib/node_modules/@carbon/icons-react/lib/generated/bucket-16.js +533 -551
- package/lib/node_modules/@carbon/icons-react/lib/generated/bucket-17.js +701 -725
- package/lib/node_modules/@carbon/icons-react/lib/generated/bucket-18.js +669 -645
- package/lib/node_modules/@carbon/icons-react/lib/generated/bucket-19.js +521 -496
- package/lib/node_modules/@carbon/icons-react/lib/generated/bucket-2.js +29 -26
- package/lib/node_modules/@carbon/icons-react/lib/generated/bucket-20.js +592 -633
- package/lib/node_modules/@carbon/icons-react/lib/generated/bucket-21.js +688 -174
- package/lib/node_modules/@carbon/icons-react/lib/generated/bucket-22.js +210 -0
- package/lib/node_modules/@carbon/icons-react/lib/generated/bucket-3.js +52 -60
- package/lib/node_modules/@carbon/icons-react/lib/generated/bucket-4.js +60 -52
- package/lib/node_modules/@carbon/icons-react/lib/generated/bucket-5.js +65 -83
- package/lib/node_modules/@carbon/icons-react/lib/generated/bucket-6.js +129 -121
- package/lib/node_modules/@carbon/icons-react/lib/generated/bucket-7.js +199 -231
- package/lib/node_modules/@carbon/icons-react/lib/generated/bucket-8.js +296 -264
- package/lib/node_modules/@carbon/icons-react/lib/generated/bucket-9.js +303 -336
- package/lib/node_modules/@carbon/icons-react/lib/index.js +535 -486
- package/lib/settings.d.ts +4 -4
- package/package.json +17 -17
- package/scss/components/PageHeader/_page-header.scss +32 -32
- package/scss/components/Tearsheet/_tearsheet_next.scss +10 -8
- package/telemetry.yml +7 -3
- package/es/components/Card/next/Card.js +0 -180
- package/es/components/Card/next/CardAction.js +0 -57
- package/es/components/Card/next/CardActions.js +0 -112
- package/es/components/Card/next/CardBody.js +0 -47
- package/es/components/Card/next/CardContext.js +0 -31
- package/es/components/Card/next/CardFooter.js +0 -47
- package/es/components/Card/next/CardHeader.js +0 -62
- package/es/components/Card/next/CardHeaderMedia.js +0 -46
- package/es/components/Card/next/CardMedia.js +0 -59
- package/es/components/Card/next/CardTitle.js +0 -121
- package/es/components/Card/next/CardTitleMedia.js +0 -49
- package/es/components/Card/next/index.js +0 -33
- package/lib/components/Card/next/Card.js +0 -182
- package/lib/components/Card/next/CardAction.js +0 -64
- package/lib/components/Card/next/CardActions.js +0 -119
- package/lib/components/Card/next/CardBody.js +0 -54
- package/lib/components/Card/next/CardContext.js +0 -33
- package/lib/components/Card/next/CardFooter.js +0 -54
- package/lib/components/Card/next/CardHeader.js +0 -69
- package/lib/components/Card/next/CardHeaderMedia.js +0 -53
- package/lib/components/Card/next/CardMedia.js +0 -66
- package/lib/components/Card/next/CardTitle.js +0 -128
- package/lib/components/Card/next/CardTitleMedia.js +0 -56
- package/lib/components/Card/next/index.js +0 -38
|
@@ -4,7 +4,7 @@
|
|
|
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, {
|
|
7
|
+
import React, { RefObject } from 'react';
|
|
8
8
|
export interface TagOverflowItem {
|
|
9
9
|
className?: string;
|
|
10
10
|
/**
|
|
@@ -22,7 +22,7 @@ export interface TagOverflowProps {
|
|
|
22
22
|
allTagsModalAriaLabel?: string;
|
|
23
23
|
allTagsModalSearchLabel?: string;
|
|
24
24
|
allTagsModalSearchPlaceholderText?: string;
|
|
25
|
-
allTagsModalTarget?:
|
|
25
|
+
allTagsModalTarget?: HTMLElement;
|
|
26
26
|
allTagsModalTitle?: string;
|
|
27
27
|
autoAlign?: boolean;
|
|
28
28
|
className?: string;
|
|
@@ -30,6 +30,13 @@ export interface TagOverflowProps {
|
|
|
30
30
|
* @deprecated The `containingElementRef` prop is no longer going to be used in favor of the forwarded ref.
|
|
31
31
|
*/
|
|
32
32
|
containingElementRef?: RefObject<HTMLDivElement>;
|
|
33
|
+
/**
|
|
34
|
+
* Disable the portal and render the modal inline. Useful for tests and
|
|
35
|
+
* contexts where you need to inherit React context from parent components.
|
|
36
|
+
*
|
|
37
|
+
* @default true
|
|
38
|
+
*/
|
|
39
|
+
disablePortal?: boolean;
|
|
33
40
|
items: TagOverflowItem[];
|
|
34
41
|
maxVisible?: number;
|
|
35
42
|
/**
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TagOverflow.d.ts","sourceRoot":"","sources":["../../../src/components/TagOverflow/TagOverflow.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAK,EAAE,EACZ,SAAS,
|
|
1
|
+
{"version":3,"file":"TagOverflow.d.ts","sourceRoot":"","sources":["../../../src/components/TagOverflow/TagOverflow.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAK,EAAE,EACZ,SAAS,EAMV,MAAM,OAAO,CAAC;AAWf,MAAM,WAAW,eAAe;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,CAAC,EACJ,KAAK,GACL,SAAS,GACT,QAAQ,GACR,MAAM,GACN,MAAM,GACN,MAAM,GACN,OAAO,GACP,MAAM,GACN,WAAW,GACX,WAAW,GACX,eAAe,GACf,SAAS,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,gBAAgB;IAC/B,KAAK,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAC;IACnC,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,uBAAuB,CAAC,EAAE,MAAM,CAAC;IACjC,iCAAiC,CAAC,EAAE,MAAM,CAAC;IAC3C,kBAAkB,CAAC,EAAE,WAAW,CAAC;IACjC,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,oBAAoB,CAAC,EAAE,SAAS,CAAC,cAAc,CAAC,CAAC;IACjD;;;;;OAKG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,KAAK,EAAE,eAAe,EAAE,CAAC;IACzB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;OAEG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,aAAa,CAAC,EACV,KAAK,GACL,UAAU,GACV,WAAW,GACX,QAAQ,GACR,aAAa,GACb,cAAc,GACd,MAAM,GACN,aAAa,GACb,UAAU,GACV,OAAO,GACP,cAAc,GACd,WAAW,CAAC;IAChB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,YAAY,CAAC,EAAE,SAAS,GAAG,KAAK,CAAC;IACjC,mBAAmB,CAAC,EAAE,CAAC,KAAK,EAAE;QAC5B,WAAW,CAAC,EAAE,eAAe,EAAE,CAAC;QAChC,QAAQ,CAAC,EAAE,MAAM,CAAC;QAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;KACnB,KAAK,IAAI,CAAC;IACX,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAMD,eAAO,MAAM,WAAW,yFAoJvB,CAAC"}
|
|
@@ -28,7 +28,7 @@ const blockClass = `${pkg.prefix}--tag-overflow`;
|
|
|
28
28
|
const componentName = "TagOverflow";
|
|
29
29
|
const allTagsModalSearchThreshold = 10;
|
|
30
30
|
const TagOverflow = forwardRef((props, ref) => {
|
|
31
|
-
const { align = "start", allTagsModalAriaLabel, allTagsModalSearchLabel, allTagsModalSearchPlaceholderText, allTagsModalTarget, allTagsModalTitle, autoAlign, className, items, maxVisible, overflowAlign = "bottom", overflowClassName, overflowType = "default", onOverflowTagChange, showAllTagsLabel, tagComponent, ...rest } = props;
|
|
31
|
+
const { align = "start", allTagsModalAriaLabel, allTagsModalSearchLabel, allTagsModalSearchPlaceholderText, allTagsModalTarget, allTagsModalTitle, autoAlign, className, disablePortal, items, maxVisible, overflowAlign = "bottom", overflowClassName, overflowType = "default", onOverflowTagChange, showAllTagsLabel, tagComponent, ...rest } = props;
|
|
32
32
|
const containerRef = useRef(null);
|
|
33
33
|
const offsetRef = useRef(null);
|
|
34
34
|
const [showAllModalOpen, setShowAllModalOpen] = useState(false);
|
|
@@ -103,7 +103,8 @@ const TagOverflow = forwardRef((props, ref) => {
|
|
|
103
103
|
overflowType,
|
|
104
104
|
searchLabel: allTagsModalSearchLabel,
|
|
105
105
|
searchPlaceholder: allTagsModalSearchPlaceholderText,
|
|
106
|
-
portalTarget: allTagsModalTarget
|
|
106
|
+
portalTarget: allTagsModalTarget,
|
|
107
|
+
disablePortal
|
|
107
108
|
}))));
|
|
108
109
|
});
|
|
109
110
|
TagOverflow.displayName = componentName;
|
|
@@ -130,9 +131,9 @@ TagOverflow.propTypes = {
|
|
|
130
131
|
*/
|
|
131
132
|
allTagsModalSearchPlaceholderText: PropTypes.string,
|
|
132
133
|
/**
|
|
133
|
-
*
|
|
134
|
+
* DOM element to portal the all tags modal into. Defaults to `document.body`.
|
|
134
135
|
*/
|
|
135
|
-
allTagsModalTarget: PropTypes.
|
|
136
|
+
allTagsModalTarget: typeof HTMLElement === "undefined" ? PropTypes.object : PropTypes.instanceOf(HTMLElement),
|
|
136
137
|
/**
|
|
137
138
|
* title for the show all modal. **Note: Required if more than 10 tags**
|
|
138
139
|
*/
|
|
@@ -146,6 +147,11 @@ TagOverflow.propTypes = {
|
|
|
146
147
|
*/
|
|
147
148
|
className: PropTypes.string,
|
|
148
149
|
/**
|
|
150
|
+
* Disable the portal and render the modal inline. Useful for tests and
|
|
151
|
+
* contexts where you need to inherit React context from parent components.
|
|
152
|
+
*/
|
|
153
|
+
disablePortal: PropTypes.bool,
|
|
154
|
+
/**
|
|
149
155
|
* The items to be shown in the TagOverflow. Each item is specified as an object with properties:
|
|
150
156
|
* **label**\* (required) to supply the content,
|
|
151
157
|
* **id**\* (required) to uniquely identify each item.
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import React
|
|
1
|
+
import React from 'react';
|
|
2
2
|
import PropTypes from 'prop-types';
|
|
3
3
|
import { Tag } from '@carbon/react';
|
|
4
4
|
interface TagType {
|
|
@@ -8,6 +8,13 @@ type AllTags = (TagType & Omit<React.ComponentProps<typeof Tag>, 'filter'>)[];
|
|
|
8
8
|
interface TagOverflowModalProps {
|
|
9
9
|
allTags?: AllTags;
|
|
10
10
|
className?: string;
|
|
11
|
+
/**
|
|
12
|
+
* Disable the portal and render the modal inline. Useful for tests and
|
|
13
|
+
* contexts where you need to inherit React context from parent components.
|
|
14
|
+
*
|
|
15
|
+
* @default false
|
|
16
|
+
*/
|
|
17
|
+
disablePortal?: boolean;
|
|
11
18
|
modalAriaLabel?: string;
|
|
12
19
|
onClose?: () => void;
|
|
13
20
|
onTagClose?: (params: {
|
|
@@ -16,23 +23,34 @@ interface TagOverflowModalProps {
|
|
|
16
23
|
}) => void;
|
|
17
24
|
open?: boolean;
|
|
18
25
|
overflowType?: 'default' | 'tag';
|
|
19
|
-
|
|
26
|
+
/**
|
|
27
|
+
* DOM element to portal the modal into. Defaults to `document.body`.
|
|
28
|
+
*/
|
|
29
|
+
portalTarget?: HTMLElement | null;
|
|
20
30
|
searchLabel?: string;
|
|
21
31
|
searchPlaceholder?: string;
|
|
22
32
|
title?: string;
|
|
23
33
|
}
|
|
24
34
|
export declare const TagOverflowModal: {
|
|
25
|
-
({ allTags, className, title, modalAriaLabel, onClose, onTagClose, open, overflowType, portalTarget: portalTargetIn, searchLabel, searchPlaceholder, ...rest }: TagOverflowModalProps):
|
|
35
|
+
({ allTags, className, disablePortal, title, modalAriaLabel, onClose, onTagClose, open, overflowType, portalTarget: portalTargetIn, searchLabel, searchPlaceholder, ...rest }: TagOverflowModalProps): React.JSX.Element;
|
|
26
36
|
propTypes: {
|
|
27
37
|
allTags: PropTypes.Requireable<PropTypes.InferProps<{
|
|
28
38
|
label: PropTypes.Validator<string>;
|
|
29
39
|
}>[]>;
|
|
30
40
|
className: PropTypes.Requireable<string>;
|
|
41
|
+
/**
|
|
42
|
+
* Disable the portal and render the modal inline. Useful for tests and
|
|
43
|
+
* contexts where you need to inherit React context from parent components.
|
|
44
|
+
*/
|
|
45
|
+
disablePortal: PropTypes.Requireable<boolean>;
|
|
31
46
|
onClose: PropTypes.Requireable<(...args: any[]) => any>;
|
|
32
47
|
onTagClose: PropTypes.Requireable<(...args: any[]) => any>;
|
|
33
48
|
open: PropTypes.Requireable<boolean>;
|
|
34
49
|
overflowType: PropTypes.Requireable<string>;
|
|
35
|
-
|
|
50
|
+
/**
|
|
51
|
+
* DOM element to portal the modal into. Defaults to `document.body`.
|
|
52
|
+
*/
|
|
53
|
+
portalTarget: PropTypes.Requireable<object>;
|
|
36
54
|
searchLabel: PropTypes.Requireable<string>;
|
|
37
55
|
searchPlaceholder: PropTypes.Requireable<string>;
|
|
38
56
|
title: PropTypes.Requireable<string>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TagOverflowModal.d.ts","sourceRoot":"","sources":["../../../src/components/TagOverflow/TagOverflowModal.tsx"],"names":[],"mappings":"AAOA,OAAO,
|
|
1
|
+
{"version":3,"file":"TagOverflowModal.d.ts","sourceRoot":"","sources":["../../../src/components/TagOverflow/TagOverflowModal.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAExC,OAAO,SAAS,MAAM,YAAY,CAAC;AAGnC,OAAO,EAKL,GAAG,EAEJ,MAAM,eAAe,CAAC;AAgBvB,UAAU,OAAO;IACf,KAAK,EAAE,MAAM,CAAC;CACf;AACD,KAAK,OAAO,GAAG,CAAC,OAAO,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,GAAG,CAAC,EAAE,QAAQ,CAAC,CAAC,EAAE,CAAC;AAC9E,UAAU,qBAAqB;IAC7B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;;OAKG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,UAAU,CAAC,EAAE,CAAC,MAAM,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,EAAE,EAAE,GAAG,CAAA;KAAE,KAAK,IAAI,CAAC;IAC1D,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,YAAY,CAAC,EAAE,SAAS,GAAG,KAAK,CAAC;IACjC;;OAEG;IACH,YAAY,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;IAClC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,eAAO,MAAM,gBAAgB;mLAkB1B,qBAAqB;;;;;;QA+EtB;;;WAGG;;;;;;QAMH;;WAEG;;;;;;;CArBJ,CAAC"}
|
|
@@ -9,10 +9,10 @@ import { __toESM } from "../../_virtual/_rolldown/runtime.js";
|
|
|
9
9
|
import { require_classnames } from "../../node_modules/classnames/index.js";
|
|
10
10
|
import { pkg } from "../../settings.js";
|
|
11
11
|
import { prepareProps } from "../../global/js/utils/props-helper.js";
|
|
12
|
-
import { usePortalTarget } from "../../global/js/hooks/usePortalTarget.js";
|
|
13
12
|
import React, { useState } from "react";
|
|
14
13
|
import PropTypes from "prop-types";
|
|
15
14
|
import { ComposedModal, DismissibleTag, ModalBody, ModalHeader, Search, Tag } from "@carbon/react";
|
|
15
|
+
import { createPortal } from "react-dom";
|
|
16
16
|
//#region src/components/TagOverflow/TagOverflowModal.tsx
|
|
17
17
|
var import_classnames = /* @__PURE__ */ __toESM(require_classnames());
|
|
18
18
|
const componentName = "TagOverflowModal";
|
|
@@ -21,9 +21,9 @@ const defaults = {
|
|
|
21
21
|
modalAriaLabel: "List of all tags",
|
|
22
22
|
searchLabel: ""
|
|
23
23
|
};
|
|
24
|
-
const TagOverflowModal = ({ allTags, className, title, modalAriaLabel = defaults.modalAriaLabel, onClose, onTagClose, open, overflowType, portalTarget: portalTargetIn, searchLabel = defaults.searchLabel, searchPlaceholder, ...rest }) => {
|
|
24
|
+
const TagOverflowModal = ({ allTags, className, disablePortal = false, title, modalAriaLabel = defaults.modalAriaLabel, onClose, onTagClose, open, overflowType, portalTarget: portalTargetIn, searchLabel = defaults.searchLabel, searchPlaceholder, ...rest }) => {
|
|
25
25
|
const [search, setSearch] = useState("");
|
|
26
|
-
const
|
|
26
|
+
const mountNode = disablePortal ? null : portalTargetIn ?? document.body;
|
|
27
27
|
const getFilteredItems = () => {
|
|
28
28
|
if (open && search && allTags) return allTags.filter((tag) => tag.label?.toLocaleLowerCase()?.includes(search.toLocaleLowerCase()));
|
|
29
29
|
return allTags || [];
|
|
@@ -31,7 +31,7 @@ const TagOverflowModal = ({ allTags, className, title, modalAriaLabel = defaults
|
|
|
31
31
|
const handleSearch = (evt) => {
|
|
32
32
|
setSearch(evt.target.value || "");
|
|
33
33
|
};
|
|
34
|
-
|
|
34
|
+
const modal = /* @__PURE__ */ React.createElement(ComposedModal, {
|
|
35
35
|
...rest,
|
|
36
36
|
containerClassName: `${blockClass}__container`,
|
|
37
37
|
className: (0, import_classnames.default)(className, blockClass),
|
|
@@ -64,7 +64,8 @@ const TagOverflowModal = ({ allTags, className, title, modalAriaLabel = defaults
|
|
|
64
64
|
id
|
|
65
65
|
})
|
|
66
66
|
}) : /* @__PURE__ */ React.createElement(Tag, { key: id }, label);
|
|
67
|
-
}), /* @__PURE__ */ React.createElement("div", { className: `${blockClass}__fade` })))
|
|
67
|
+
}), /* @__PURE__ */ React.createElement("div", { className: `${blockClass}__fade` })));
|
|
68
|
+
return mountNode ? createPortal(modal, mountNode) : modal;
|
|
68
69
|
};
|
|
69
70
|
TagOverflowModal.propTypes = {
|
|
70
71
|
allTags: PropTypes.arrayOf(PropTypes.shape({
|
|
@@ -72,11 +73,19 @@ TagOverflowModal.propTypes = {
|
|
|
72
73
|
label: PropTypes.string.isRequired
|
|
73
74
|
})),
|
|
74
75
|
className: PropTypes.string,
|
|
76
|
+
/**
|
|
77
|
+
* Disable the portal and render the modal inline. Useful for tests and
|
|
78
|
+
* contexts where you need to inherit React context from parent components.
|
|
79
|
+
*/
|
|
80
|
+
disablePortal: PropTypes.bool,
|
|
75
81
|
onClose: PropTypes.func,
|
|
76
82
|
onTagClose: PropTypes.func,
|
|
77
83
|
open: PropTypes.bool,
|
|
78
84
|
overflowType: PropTypes.oneOf(["default", "tag"]),
|
|
79
|
-
|
|
85
|
+
/**
|
|
86
|
+
* DOM element to portal the modal into. Defaults to `document.body`.
|
|
87
|
+
*/
|
|
88
|
+
portalTarget: typeof HTMLElement === "undefined" ? PropTypes.object : PropTypes.instanceOf(HTMLElement),
|
|
80
89
|
searchLabel: PropTypes.string,
|
|
81
90
|
searchPlaceholder: PropTypes.string,
|
|
82
91
|
title: PropTypes.string
|
|
@@ -19,7 +19,7 @@ import { ActionSet } from "../ActionSet/ActionSet.js";
|
|
|
19
19
|
import { getNodeTextContent } from "../../global/js/utils/getNodeTextContent.js";
|
|
20
20
|
import { Wrap } from "../../global/js/utils/Wrap.js";
|
|
21
21
|
import { useMergedRefs } from "../../global/js/hooks/useMergedRefs.js";
|
|
22
|
-
import { useId } from "../../global/js/utils/useId.js";
|
|
22
|
+
import { useId as useId$1 } from "../../global/js/utils/useId.js";
|
|
23
23
|
import { TearsheetPresence, TearsheetPresenceContext, useExclusiveTearsheetPresenceContext } from "./TearsheetPresence.js";
|
|
24
24
|
import React, { cloneElement, isValidElement, useContext, useEffect, useRef, useState } from "react";
|
|
25
25
|
import PropTypes from "prop-types";
|
|
@@ -66,7 +66,7 @@ const SectionLevel3 = ({ children, ...rest }) => /* @__PURE__ */ React.createEle
|
|
|
66
66
|
* See the canvas tab for the component API details.
|
|
67
67
|
* */
|
|
68
68
|
const TearsheetShell = React.forwardRef(({ open, ...props }, ref) => {
|
|
69
|
-
const id = useId();
|
|
69
|
+
const id = useId$1();
|
|
70
70
|
const enablePresence = useFeatureFlag("enable-presence");
|
|
71
71
|
const hasPresenceContext = Boolean(useContext(TearsheetPresenceContext));
|
|
72
72
|
const hasPresenceOptIn = enablePresence || hasPresenceContext;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tearsheet.d.ts","sourceRoot":"","sources":["../../../../src/components/Tearsheet/next/Tearsheet.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,OAAO,KAAK,EAAE,EAKZ,SAAS,EAET,EAAE,EAEH,MAAM,OAAO,CAAC;AAOf,OAAO,EAEL,KAAK,kBAAkB,
|
|
1
|
+
{"version":3,"file":"Tearsheet.d.ts","sourceRoot":"","sources":["../../../../src/components/Tearsheet/next/Tearsheet.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,OAAO,KAAK,EAAE,EAKZ,SAAS,EAET,EAAE,EAEH,MAAM,OAAO,CAAC;AAOf,OAAO,EAEL,KAAK,kBAAkB,EAIxB,MAAM,eAAe,CAAC;AAEvB,OAAwB,EACtB,KAAK,oBAAoB,EAEzB,KAAK,2BAA2B,EAEhC,KAAK,0BAA0B,EAChC,MAAM,mBAAmB,CAAC;AAC3B,OAA+B,EAC7B,KAAK,2BAA2B,EACjC,MAAM,0BAA0B,CAAC;AAClC,OAAsB,EAEpB,KAAK,eAAe,EAEpB,KAAK,gBAAgB,EAErB,KAAK,mBAAmB,EACxB,KAAK,kBAAkB,EACxB,MAAM,iBAAiB,CAAC;AAEzB,OAAO,EAEL,KAAK,8BAA8B,EAEnC,KAAK,2BAA2B,EACjC,MAAM,0BAA0B,CAAC;AAClC,OAAwB,EAAE,KAAK,oBAAoB,EAAE,MAAM,mBAAmB,CAAC;AAQ/E;;;;GAIG;AAEH,MAAM,WAAW,cAAe,SAAQ,kBAAkB;IACxD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE3B;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IAEf;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;OAEG;IACH,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAE5B;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB;;;OAGG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;IAEzB;;OAEG;IACH,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAE7B;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,GAAG,QAAQ,CAAC;IAE5B;;OAEG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC;IAEtB;;;;OAIG;IACH,sBAAsB,CAAC,EAAE,MAAM,EAAE,CAAC;IAElC;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IAErB;;;OAGG;IACH,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAE9B;;OAEG;IACH,YAAY,CAAC,EAAE,WAAW,CAAC;IAE3B;;;;;OAKG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IAExB;;;;;;OAMG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,MAAM,MAAM,sBAAsB,GAAG,KAAK,CAAC,yBAAyB,CAClE,cAAc,GAAG,KAAK,CAAC,aAAa,CAAC,cAAc,CAAC,CACrD,GAAG;IACF,MAAM,EAAE,EAAE,CAAC,oBAAoB,CAAC,CAAC;IACjC,aAAa,EAAE,EAAE,CAAC,2BAA2B,CAAC,CAAC;IAC/C,UAAU,EAAE,EAAE,CAAC,eAAe,CAAC,CAAC;IAChC,aAAa,EAAE,EAAE,CAAC,2BAA2B,CAAC,CAAC;IAC/C,YAAY,EAAE,EAAE,CAAC,0BAA0B,CAAC,CAAC;IAC7C,aAAa,EAAE,EAAE,CAAC,2BAA2B,CAAC,CAAC;IAC/C,gBAAgB,EAAE,EAAE,CAAC,8BAA8B,CAAC,CAAC;IACrD,WAAW,EAAE,EAAE,CAAC,gBAAgB,CAAC,CAAC;IAClC,cAAc,EAAE,EAAE,CAAC,mBAAmB,CAAC,CAAC;IACxC,IAAI,EAAE,EAAE,CAAC,kBAAkB,CAAC,CAAC;IAC7B,MAAM,EAAE,EAAE,CAAC,oBAAoB,CAAC,CAAC;CAClC,CAAC;AA6RF;;;GAGG;AACH,eAAO,MAAM,SAAS,EA0BjB,sBAAsB,CAAC"}
|
|
@@ -11,7 +11,7 @@ import { useIsomorphicEffect } from "../../../global/js/hooks/useIsomorphicEffec
|
|
|
11
11
|
import { useMatchMedia } from "../../../global/js/hooks/useMatchMedia.js";
|
|
12
12
|
import { useCarbonFeatureFlagsObject } from "../../../global/js/hooks/useCarbonFeatureFlagsObject.js";
|
|
13
13
|
import { useMergedRefs } from "../../../global/js/hooks/useMergedRefs.js";
|
|
14
|
-
import { useId } from "../../../global/js/utils/useId.js";
|
|
14
|
+
import { useId as useId$1 } from "../../../global/js/utils/useId.js";
|
|
15
15
|
import { usePresence } from "../usePresence.js";
|
|
16
16
|
import { TearsheetContext, blockClass } from "./context.js";
|
|
17
17
|
import TearsheetHeader, { TearsheetNavigationBar, TearsheetScrollButton } from "./TearsheetHeader.js";
|
|
@@ -54,7 +54,7 @@ const TearsheetInternal = forwardRef(({ children, variant = "wide", selectorsFlo
|
|
|
54
54
|
const influencer = arr.find((child) => child.type === Influencer);
|
|
55
55
|
const body = arr.find((child) => child.type === TearsheetBody);
|
|
56
56
|
const footer = arr.find((child) => child.type === TearsheetFooter);
|
|
57
|
-
const uniqueId = useRef(useId());
|
|
57
|
+
const uniqueId = useRef(useId$1());
|
|
58
58
|
const titleId = useRef(`${blockClass}__title-${uniqueId.current}`);
|
|
59
59
|
const { notifyStack, stack, getDepth, getScaleFactor, getBlockSizeChange } = useStackContext();
|
|
60
60
|
const [depth, setDepth] = useState(0);
|
|
@@ -156,7 +156,8 @@ const TearsheetInternal = forwardRef(({ children, variant = "wide", selectorsFlo
|
|
|
156
156
|
"data-tearsheet-exiting": isExiting ? true : void 0
|
|
157
157
|
}, header, /* @__PURE__ */ React.createElement(ModalBody, {
|
|
158
158
|
className: (0, import_classnames.default)(`${blockClass}__body-layout`, { [`${blockClass}__body-layout--has-influencer`]: influencer && !isSm }),
|
|
159
|
-
ref: bodyRef
|
|
159
|
+
ref: bodyRef,
|
|
160
|
+
level: 0
|
|
160
161
|
}, influencer, body, footer))));
|
|
161
162
|
if (disablePortal) return content;
|
|
162
163
|
return mountNode ? createPortal(content, mountNode) : content;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TearsheetBody.d.ts","sourceRoot":"","sources":["../../../../src/components/Tearsheet/next/TearsheetBody.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,OAAO,KAAK,EAAE,EAGZ,SAAS,EAKV,MAAM,OAAO,CAAC;AAOf;;;;GAIG;AAEH,MAAM,WAAW,kBAAkB;IACjC,2CAA2C;IAC3C,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,wDAAwD;IACxD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,QAAA,MAAM,aAAa,2FAQlB,CAAC;AAEF,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AACD;;;;GAIG;AACH,eAAO,MAAM,WAAW,
|
|
1
|
+
{"version":3,"file":"TearsheetBody.d.ts","sourceRoot":"","sources":["../../../../src/components/Tearsheet/next/TearsheetBody.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,OAAO,KAAK,EAAE,EAGZ,SAAS,EAKV,MAAM,OAAO,CAAC;AAOf;;;;GAIG;AAEH,MAAM,WAAW,kBAAkB;IACjC,2CAA2C;IAC3C,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,wDAAwD;IACxD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,QAAA,MAAM,aAAa,2FAQlB,CAAC;AAEF,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AACD;;;;GAIG;AACH,eAAO,MAAM,WAAW,yFAsDvB,CAAC;AAGF;;;;GAIG;AACH,MAAM,WAAW,mBAAmB;IAClC,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B;;OAEG;IACH,mBAAmB,CAAC,IAAI,IAAI,CAAC;IAC7B;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;OAGG;IACH,sBAAsB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;IAC7D;;OAEG;IACH,qBAAqB,CAAC,EAAE,MAAM,CAAC;CAChC;AACD,eAAO,MAAM,cAAc,4FAoD1B,CAAC;AAGF;;;;GAIG;AACH,MAAM,WAAW,eAAe;IAC9B,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B;;;OAGG;IACH,sBAAsB,CAAC,IAAI,IAAI,CAAC;IAChC,0DAA0D;IAC1D,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;OAEG;IACH,yBAAyB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;IACzD;;OAEG;IACH,wBAAwB,CAAC,EAAE,MAAM,CAAC;CACnC;AACD,eAAO,MAAM,UAAU,wFAsDtB,CAAC;AAGF,eAAe,aAAa,CAAC"}
|
|
@@ -11,7 +11,6 @@ import { SidePanel } from "../../SidePanel/SidePanel.js";
|
|
|
11
11
|
import { TearsheetContext, blockClass } from "./context.js";
|
|
12
12
|
import { useCollapsible } from "../../../global/js/hooks/useCollapsible.js";
|
|
13
13
|
import React, { forwardRef, useContext, useEffect, useRef, useState } from "react";
|
|
14
|
-
import { Layer } from "@carbon/react";
|
|
15
14
|
//#region src/components/Tearsheet/next/TearsheetBody.tsx
|
|
16
15
|
/**
|
|
17
16
|
* Copyright IBM Corp. 2025
|
|
@@ -52,8 +51,7 @@ const MainContent = forwardRef(({ children, className, isFlush, ...rest }, ref)
|
|
|
52
51
|
triggerCollapse: collapseHeader,
|
|
53
52
|
disableHeaderCollapse
|
|
54
53
|
});
|
|
55
|
-
return /* @__PURE__ */ React.createElement(
|
|
56
|
-
withBackground: true,
|
|
54
|
+
return /* @__PURE__ */ React.createElement("div", {
|
|
57
55
|
className: (0, import_classnames.default)(`${blockClass}__main-content`, className, { [`${blockClass}__flush`]: isFlush }),
|
|
58
56
|
ref: mainContentRef,
|
|
59
57
|
...rest
|
|
@@ -12,9 +12,10 @@ export interface TearsheetHeaderContentProps {
|
|
|
12
12
|
*/
|
|
13
13
|
children?: React.ReactNode;
|
|
14
14
|
/**
|
|
15
|
-
* The main title of the tearsheet.
|
|
15
|
+
* The main title of the tearsheet. Accepts a string or ReactNode.
|
|
16
|
+
* If a string is provided, TruncatedText is used with automatic overflow handling.
|
|
16
17
|
*/
|
|
17
|
-
title:
|
|
18
|
+
title: ReactNode;
|
|
18
19
|
/**
|
|
19
20
|
* A label for the tearsheet, displayed above the title
|
|
20
21
|
* to maintain context for the tearsheet (e.g. as the title changes from page
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TearsheetHeaderContent.d.ts","sourceRoot":"","sources":["../../../../src/components/Tearsheet/next/TearsheetHeaderContent.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAK,EAAE,EAIZ,SAAS,EAEV,MAAM,OAAO,CAAC;AAOf,MAAM,WAAW,2BAA2B;IAC1C;;;OAGG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B
|
|
1
|
+
{"version":3,"file":"TearsheetHeaderContent.d.ts","sourceRoot":"","sources":["../../../../src/components/Tearsheet/next/TearsheetHeaderContent.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAK,EAAE,EAIZ,SAAS,EAEV,MAAM,OAAO,CAAC;AAOf,MAAM,WAAW,2BAA2B;IAC1C;;;OAGG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B;;;OAGG;IACH,KAAK,EAAE,SAAS,CAAC;IACjB;;;;OAIG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB;;OAEG;IACH,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB;;OAEG;IACH,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB;;OAEG;IACH,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACjC;AAED,QAAA,MAAM,sBAAsB,oGAgI1B,CAAC;AAGH,eAAe,sBAAsB,CAAC"}
|
|
@@ -26,16 +26,16 @@ const TearsheetHeaderContent = React.forwardRef((props, ref) => {
|
|
|
26
26
|
const { isSm, onClose, decorator, closeIconDescription, hideCloseButton = false, titleId, fullyCollapsed } = useContext(TearsheetContext);
|
|
27
27
|
const normalizedDecorator = isValidElement(decorator) && decorator.type === AILabel ? cloneElement(decorator, { size: fullyCollapsed ? "xs" : "sm" }) : decorator;
|
|
28
28
|
const headerContent = /* @__PURE__ */ React.createElement("div", { className: `${blockClass}__header-content` }, label ? /* @__PURE__ */ React.createElement("div", { className: `${blockClass}__header-label` }, label) : null, /* @__PURE__ */ React.createElement("div", { className: `${blockClass}__content__title-wrapper` }, /* @__PURE__ */ React.createElement("h2", {
|
|
29
|
-
className: (0, import_classnames.default)(`${blockClass}__header-title`),
|
|
29
|
+
className: (0, import_classnames.default)(`${blockClass}__header-title`, { [`${blockClass}__header-title--no-content-below`]: !description && !children }),
|
|
30
30
|
id: titleId
|
|
31
|
-
}, titleStart ? /* @__PURE__ */ React.createElement("span", { className: `${blockClass}__title-start` }, titleStart) : null, /* @__PURE__ */ React.createElement(TruncatedText, {
|
|
31
|
+
}, titleStart ? /* @__PURE__ */ React.createElement("span", { className: `${blockClass}__title-start` }, titleStart) : null, typeof title === "string" ? /* @__PURE__ */ React.createElement(TruncatedText, {
|
|
32
32
|
id: `${blockClass}__header-title__truncatedText`,
|
|
33
33
|
className: `${blockClass}__content__title`,
|
|
34
34
|
align: "bottom",
|
|
35
35
|
autoAlign: true,
|
|
36
36
|
value: title,
|
|
37
37
|
lines: fullyCollapsed ? 1 : 2
|
|
38
|
-
}), titleEnd ? /* @__PURE__ */ React.createElement("span", { className: `${blockClass}__title-end` }, titleEnd) : null)), /* @__PURE__ */ React.createElement("div", { className: `${blockClass}__header-description` }, description), children && /* @__PURE__ */ React.createElement("div", { className: `${blockClass}__header-content--extra` }, children));
|
|
38
|
+
}) : /* @__PURE__ */ React.createElement("span", { className: `${blockClass}__content__title` }, title), titleEnd ? /* @__PURE__ */ React.createElement("span", { className: `${blockClass}__title-end` }, titleEnd) : null)), description ? /* @__PURE__ */ React.createElement("div", { className: `${blockClass}__header-description` }, description) : null, children && /* @__PURE__ */ React.createElement("div", { className: `${blockClass}__header-content--extra` }, children));
|
|
39
39
|
const headerActionsElement = headerActions && /* @__PURE__ */ React.createElement("div", { className: `${blockClass}__header-actions` }, headerActions);
|
|
40
40
|
const decoratorElement = decorator && /* @__PURE__ */ React.createElement("div", {
|
|
41
41
|
className: `${blockClass}__decorator`,
|
package/es/components/index.d.ts
CHANGED
|
@@ -51,7 +51,6 @@ export type { CoachmarkBeaconPropsNext } from './Coachmark/next/Coachmark/Coachm
|
|
|
51
51
|
export { TruncatedText as preview__TruncatedText, type TruncatedTextProps, } from './TruncatedText';
|
|
52
52
|
export { FeatureFlags as preview__FeatureFlags, useFeatureFlag as preview__useFeatureFlag, useFeatureFlags as preview__useFeatureFlags, } from './FeatureFlags';
|
|
53
53
|
export * as preview__PageHeader from './PageHeader/next';
|
|
54
|
-
export * as preview__Card from './Card/next';
|
|
55
54
|
export { Tearsheet as preview__Tearsheet, StackProvider, } from './Tearsheet/next';
|
|
56
55
|
export type { TearsheetProps as preview__TearsheetProps, TearsheetComponentType, TearsheetFooterProps, MainContentProps, SummaryContentProps, TearsheetBodyProps, InfluencerProps, TearsheetHeaderProps, TearsheetNavigationBarProps, TearsheetScrollButtonProps, TearsheetHeaderActionItemProps, TearsheetHeaderActionsProps, TearsheetHeaderContentProps, StackContextType, } from './Tearsheet/next';
|
|
57
56
|
export { AddSelect as preview__AddSelect } from './AddSelect/next';
|
|
@@ -66,6 +65,7 @@ export { CoachmarkOverlayElements as previewCandidate__CoachmarkOverlayElements,
|
|
|
66
65
|
export { CoachmarkStack as previewCandidate__CoachmarkStack } from './CoachmarkStack';
|
|
67
66
|
export { ConditionBuilder as previewCandidate__ConditionBuilder } from './ConditionBuilder';
|
|
68
67
|
export * from './ConditionBuilder/ConditionBuilder.types';
|
|
68
|
+
export { ConditionBuilderContext, getEmptyState, } from './ConditionBuilder/ConditionBuilderContext/ConditionBuilderProvider';
|
|
69
69
|
export { DataSpreadsheet as previewCandidate__DataSpreadsheet, type DataSpreadsheetProps, } from './DataSpreadsheet';
|
|
70
70
|
export { DelimitedList as previewCandidate__DelimitedList, type DelimitedListProps, } from './DelimitedList';
|
|
71
71
|
export { Decorator as previewCandidate__Decorator } from './Decorator';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAOA;;GAEG;AACH,cAAc,cAAc,CAAC;AAC7B,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,cAAc,eAAe,CAAC;AAC9B,cAAc,WAAW,CAAC;AAC1B,cAAc,aAAa,CAAC;AAC5B,cAAc,kBAAkB,CAAC;AACjC,cAAc,eAAe,CAAC;AAC9B,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAClC,cAAc,yBAAyB,CAAC;AACxC,cAAc,iBAAiB,CAAC;AAChC,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC;AAC9B,cAAc,kBAAkB,CAAC;AACjC,cAAc,iBAAiB,CAAC;AAChC,cAAc,eAAe,CAAC;AAC9B,cAAc,sBAAsB,CAAC;AACrC,cAAc,kBAAkB,CAAC;AACjC,cAAc,sBAAsB,CAAC;AACrC,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC;AAC7B,cAAc,kBAAkB,CAAC;AACjC,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,kBAAkB,CAAC;AACjC,cAAc,aAAa,CAAC;AAC5B,cAAc,mBAAmB,CAAC;AAClC,cAAc,cAAc,CAAC;AAC7B,cAAc,mBAAmB,CAAC;AAClC,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAE9B,OAAO,EAAE,aAAa,EAAE,MAAM,gCAAgC,CAAC;AAC/D,YAAY,EACV,aAAa,EACb,eAAe,EACf,WAAW,EACX,UAAU,EACV,aAAa,GACd,MAAM,gCAAgC,CAAC;AAExC;;;GAGG;AAGH,OAAO,EAAE,SAAS,IAAI,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAC7E,YAAY,EACV,kBAAkB,EAClB,kBAAkB,EAClB,gBAAgB,EAChB,kBAAkB,EAClB,qBAAqB,GACtB,MAAM,4BAA4B,CAAC;AAEpC,OAAO,EAAE,gBAAgB,IAAI,yBAAyB,EAAE,MAAM,6CAA6C,CAAC;AAC5G,YAAY,EAAE,qBAAqB,EAAE,MAAM,6CAA6C,CAAC;AAEzF,OAAO,EAAE,eAAe,IAAI,wBAAwB,EAAE,MAAM,4CAA4C,CAAC;AACzG,YAAY,EAAE,wBAAwB,EAAE,MAAM,4CAA4C,CAAC;AAC3F,OAAO,EACL,aAAa,IAAI,sBAAsB,EACvC,KAAK,kBAAkB,GACxB,MAAM,iBAAiB,CAAC;AAEzB,OAAO,EACL,YAAY,IAAI,qBAAqB,EACrC,cAAc,IAAI,uBAAuB,EACzC,eAAe,IAAI,wBAAwB,GAC5C,MAAM,gBAAgB,CAAC;AACxB,OAAO,KAAK,mBAAmB,MAAM,mBAAmB,CAAC;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"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"}
|
|
@@ -29,14 +29,7 @@ const useCreateComponentFocus = ({ previousState, currentStep, blockClass, onMou
|
|
|
29
29
|
return !inertParent || !inertParent.hasAttribute("inert") && !elm.disabled;
|
|
30
30
|
};
|
|
31
31
|
const getActiveStep = () => {
|
|
32
|
-
return
|
|
33
|
-
let currentStep = el;
|
|
34
|
-
while (currentStep) {
|
|
35
|
-
if (currentStep.hasAttribute("inert")) return false;
|
|
36
|
-
currentStep = currentStep.parentElement;
|
|
37
|
-
}
|
|
38
|
-
return true;
|
|
39
|
-
});
|
|
32
|
+
return document.querySelector(`${blockClass}__step--visible-step`);
|
|
40
33
|
};
|
|
41
34
|
const getFocusableElement = (containingElement) => {
|
|
42
35
|
const focusElementQuery = `button, input[type="button"], input, select, textarea, a[href]`;
|
|
@@ -13,6 +13,6 @@ const _React = { ...React };
|
|
|
13
13
|
* Uses React 18's built-in `useId()` when available, or falls back to
|
|
14
14
|
* using uuidv4 otherwise
|
|
15
15
|
*/
|
|
16
|
-
const useId = _React.useId ? _React.useId : uuidv4;
|
|
16
|
+
const useId$1 = _React.useId ? _React.useId : uuidv4;
|
|
17
17
|
//#endregion
|
|
18
|
-
export { useId };
|
|
18
|
+
export { useId$1 as useId };
|
package/es/index.js
CHANGED
|
@@ -65,8 +65,7 @@ import { Coachmark as Coachmark$1 } from "./components/Coachmark/next/Coachmark/
|
|
|
65
65
|
import { CoachmarkTagline } from "./components/Coachmark/next/Coachmark/CoachmarkTagline/CoachmarkTagline.js";
|
|
66
66
|
import { CoachmarkBeacon as CoachmarkBeacon$1 } from "./components/Coachmark/next/Coachmark/CoachmarkBeacon/CoachmarkBeacon.js";
|
|
67
67
|
import { TruncatedText } from "./components/TruncatedText/TruncatedText.js";
|
|
68
|
-
import { next_exports
|
|
69
|
-
import { next_exports } from "./components/Card/next/index.js";
|
|
68
|
+
import { next_exports } from "./components/PageHeader/next/index.js";
|
|
70
69
|
import { StackProvider } from "./components/Tearsheet/next/StackContext.js";
|
|
71
70
|
import { Tearsheet as Tearsheet$1 } from "./components/Tearsheet/next/Tearsheet.js";
|
|
72
71
|
import { AddSelect } from "./components/AddSelect/next/AddSelect.js";
|
|
@@ -80,6 +79,7 @@ import { CoachmarkFixed } from "./components/CoachmarkFixed/CoachmarkFixed.js";
|
|
|
80
79
|
import { CoachmarkOverlayElement } from "./components/CoachmarkOverlayElement/CoachmarkOverlayElement.js";
|
|
81
80
|
import { CoachmarkOverlayElements } from "./components/CoachmarkOverlayElements/CoachmarkOverlayElements.js";
|
|
82
81
|
import { CoachmarkStack } from "./components/CoachmarkStack/CoachmarkStack.js";
|
|
82
|
+
import { ConditionBuilderContext, getEmptyState } from "./components/ConditionBuilder/ConditionBuilderContext/ConditionBuilderProvider.js";
|
|
83
83
|
import { ConditionBuilder } from "./components/ConditionBuilder/ConditionBuilder.js";
|
|
84
84
|
import { DataSpreadsheet } from "./components/DataSpreadsheet/DataSpreadsheet.js";
|
|
85
85
|
import { DelimitedList } from "./components/DelimitedList/DelimitedList.js";
|
|
@@ -158,4 +158,4 @@ import { StatusIndicatorStep } from "./components/StatusIndicator/StatusIndicato
|
|
|
158
158
|
* LICENSE file in the root directory of this source tree.
|
|
159
159
|
*/
|
|
160
160
|
//#endregion
|
|
161
|
-
export { APIKeyModal, AboutModal, ActionBar, AddSelectData, BEACON_KIND, COACHMARK_ALIGNMENT, COACHMARK_OVERLAY_KIND, Cascade, Checklist, ComboButton, ComboButtonItem, CreateFullPage, CreateFullPageStep, CreateModal, CreateSidePanel, CreateTearsheet, CreateTearsheetDivider, CreateTearsheetNarrow, CreateTearsheetStep, Datagrid, DecoratorDualButton, DecoratorLink, DecoratorSingleButton, DescriptionList, DescriptionListBody, DescriptionListCell, DescriptionListRow, EditFullPage, EditInPlace, EditSidePanel, EditTearsheet, EditTearsheetForm, EditTearsheetNarrow, EditUpdateCards, EmptyState, EmptyStateV2, ErrorEmptyState, ExportModal, ExpressiveCard, FilterPanel, FilterPanelAccordion, FilterPanelAccordionItem, FilterPanelCheckbox, FilterPanelCheckboxWithOverflow, FilterPanelGroup, FilterPanelLabel, FilterPanelSearch, FullPageError, HTTPError403, HTTPError404, HTTPErrorOther, ImportModal, InterstitialScreen, InterstitialScreenView, MultiAddSelect, Nav, NavItem, NavList, NoDataEmptyState, NoTagsEmptyState, NotFoundEmptyState, NotificationsEmptyState, NotificationsPanel, OptionsTile, PageHeader, ProductiveCard, RemoveModal, Saving, ScrollGradient, SidePanel, SingleAddSelect, StackProvider, StatusIcon, StatusIndicator, StatusIndicatorStep, StringFormatter, TagOverflow, TagSet, Tearsheet, TearsheetNarrow, TearsheetPresence, UnauthorizedEmptyState, UserAvatar, UserProfileImage, WebTerminal, WebTerminalContentWrapper, WebTerminalProvider, getAutoSizedColumnWidth, pkg, BigNumber as previewCandidate__BigNumber, Coachmark as previewCandidate__Coachmark, CoachmarkBeacon as previewCandidate__CoachmarkBeacon, CoachmarkButton as previewCandidate__CoachmarkButton, CoachmarkFixed as previewCandidate__CoachmarkFixed, CoachmarkOverlayElement as previewCandidate__CoachmarkOverlayElement, CoachmarkOverlayElements as previewCandidate__CoachmarkOverlayElements, CoachmarkStack as previewCandidate__CoachmarkStack, ConditionBuilder as previewCandidate__ConditionBuilder, DataSpreadsheet as previewCandidate__DataSpreadsheet, Decorator as previewCandidate__Decorator, DelimitedList as previewCandidate__DelimitedList, GetStartedCard as previewCandidate__GetStartedCard, Guidebanner as previewCandidate__Guidebanner, GuidebannerElement as previewCandidate__GuidebannerElement, GuidebannerElementButton as previewCandidate__GuidebannerElementButton, GuidebannerElementLink as previewCandidate__GuidebannerElementLink, InlineTip as previewCandidate__InlineTip, InlineTipButton as previewCandidate__InlineTipButton, InlineTipLink as previewCandidate__InlineTipLink, NonLinearReading as previewCandidate__NonLinearReading, SearchBar as previewCandidate__SearchBar, Toolbar as previewCandidate__Toolbar, ToolbarButton as previewCandidate__ToolbarButton, ToolbarGroup as previewCandidate__ToolbarGroup, TruncatedList as previewCandidate__TruncatedList, AddSelect as preview__AddSelect,
|
|
161
|
+
export { APIKeyModal, AboutModal, ActionBar, AddSelectData, BEACON_KIND, COACHMARK_ALIGNMENT, COACHMARK_OVERLAY_KIND, Cascade, Checklist, ComboButton, ComboButtonItem, ConditionBuilderContext, CreateFullPage, CreateFullPageStep, CreateModal, CreateSidePanel, CreateTearsheet, CreateTearsheetDivider, CreateTearsheetNarrow, CreateTearsheetStep, Datagrid, DecoratorDualButton, DecoratorLink, DecoratorSingleButton, DescriptionList, DescriptionListBody, DescriptionListCell, DescriptionListRow, EditFullPage, EditInPlace, EditSidePanel, EditTearsheet, EditTearsheetForm, EditTearsheetNarrow, EditUpdateCards, EmptyState, EmptyStateV2, ErrorEmptyState, ExportModal, ExpressiveCard, FilterPanel, FilterPanelAccordion, FilterPanelAccordionItem, FilterPanelCheckbox, FilterPanelCheckboxWithOverflow, FilterPanelGroup, FilterPanelLabel, FilterPanelSearch, FullPageError, HTTPError403, HTTPError404, HTTPErrorOther, ImportModal, InterstitialScreen, InterstitialScreenView, MultiAddSelect, Nav, NavItem, NavList, NoDataEmptyState, NoTagsEmptyState, NotFoundEmptyState, NotificationsEmptyState, NotificationsPanel, OptionsTile, PageHeader, ProductiveCard, RemoveModal, Saving, ScrollGradient, SidePanel, SingleAddSelect, StackProvider, StatusIcon, StatusIndicator, StatusIndicatorStep, StringFormatter, TagOverflow, TagSet, Tearsheet, TearsheetNarrow, TearsheetPresence, UnauthorizedEmptyState, UserAvatar, UserProfileImage, WebTerminal, WebTerminalContentWrapper, WebTerminalProvider, getAutoSizedColumnWidth, getEmptyState, pkg, BigNumber as previewCandidate__BigNumber, Coachmark as previewCandidate__Coachmark, CoachmarkBeacon as previewCandidate__CoachmarkBeacon, CoachmarkButton as previewCandidate__CoachmarkButton, CoachmarkFixed as previewCandidate__CoachmarkFixed, CoachmarkOverlayElement as previewCandidate__CoachmarkOverlayElement, CoachmarkOverlayElements as previewCandidate__CoachmarkOverlayElements, CoachmarkStack as previewCandidate__CoachmarkStack, ConditionBuilder as previewCandidate__ConditionBuilder, DataSpreadsheet as previewCandidate__DataSpreadsheet, Decorator as previewCandidate__Decorator, DelimitedList as previewCandidate__DelimitedList, GetStartedCard as previewCandidate__GetStartedCard, Guidebanner as previewCandidate__Guidebanner, GuidebannerElement as previewCandidate__GuidebannerElement, GuidebannerElementButton as previewCandidate__GuidebannerElementButton, GuidebannerElementLink as previewCandidate__GuidebannerElementLink, InlineTip as previewCandidate__InlineTip, InlineTipButton as previewCandidate__InlineTipButton, InlineTipLink as previewCandidate__InlineTipLink, NonLinearReading as previewCandidate__NonLinearReading, SearchBar as previewCandidate__SearchBar, Toolbar as previewCandidate__Toolbar, ToolbarButton as previewCandidate__ToolbarButton, ToolbarGroup as previewCandidate__ToolbarGroup, TruncatedList as previewCandidate__TruncatedList, AddSelect as preview__AddSelect, Coachmark$1 as preview__Coachmark, CoachmarkBeacon$1 as preview__CoachmarkBeacon, CoachmarkTagline as preview__CoachmarkTagline, FeatureFlags as preview__FeatureFlags, next_exports as preview__PageHeader, Tearsheet$1 as preview__Tearsheet, TruncatedText as preview__TruncatedText, useFeatureFlag as preview__useFeatureFlag, useFeatureFlags as preview__useFeatureFlags, useActionsColumn, useCoachmark, useColumnCenterAlign, useColumnOrder_default as useColumnOrder, useColumnRightAlign, useCustomizeColumns, useDatagrid, useDisableSelectRows, useEditableCell, useExpandedRow, useFilterContext, useFiltering, useInfiniteScroll, useInlineEdit, useNestedRows, useOnRowClick, usePrefix, useRowIsMouseOver, useSelectAllToggle as useSelectAllWithToggle, useSelectRows, useSortableColumns, useStickyColumn, useWebTerminal, withTearsheetPresence };
|