@carbon/ibm-products 2.90.0 → 2.91.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/index-full-carbon.css +244 -1
- 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 +219 -41
- 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 +244 -1
- 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 +283 -40
- 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/CoachmarkOverlayElements/CoachmarkOverlayElements.js +1 -1
- package/es/components/DataSpreadsheet/DataSpreadsheet.d.ts +1 -0
- package/es/components/DataSpreadsheet/DataSpreadsheet.d.ts.map +1 -1
- package/es/components/DataSpreadsheet/DataSpreadsheet.js +6 -0
- package/es/components/Datagrid/utils/filterPropsForTesting.d.ts +2 -2
- package/es/components/Datagrid/utils/getBatchActions.d.ts +2 -2
- package/es/components/InterstitialScreen/InterstitialScreen.d.ts.map +1 -1
- package/es/components/InterstitialScreen/InterstitialScreen.js +1 -7
- package/es/components/InterstitialScreen/InterstitialScreenBody.d.ts.map +1 -1
- package/es/components/InterstitialScreen/InterstitialScreenBody.js +35 -22
- package/es/components/InterstitialScreen/context.d.ts +0 -1
- package/es/components/InterstitialScreen/context.d.ts.map +1 -1
- package/es/components/NotificationsPanel/NotificationsPanel_data.d.ts +2 -2
- package/es/components/PageHeader/PageHeader.d.ts.map +1 -1
- package/es/components/PageHeader/PageHeader.js +0 -3
- package/es/components/Tearsheet/next/Tearsheet.d.ts.map +1 -1
- package/es/components/Tearsheet/next/Tearsheet.js +6 -1
- package/es/global/js/hooks/index.d.ts +1 -0
- package/es/global/js/hooks/useCarbonFeatureFlagsObject.d.ts +17 -0
- package/es/global/js/hooks/useCarbonFeatureFlagsObject.d.ts.map +1 -0
- package/es/global/js/hooks/useCarbonFeatureFlagsObject.js +35 -0
- package/lib/components/CoachmarkOverlayElements/CoachmarkOverlayElements.js +1 -1
- package/lib/components/DataSpreadsheet/DataSpreadsheet.d.ts +1 -0
- package/lib/components/DataSpreadsheet/DataSpreadsheet.d.ts.map +1 -1
- package/lib/components/DataSpreadsheet/DataSpreadsheet.js +6 -0
- package/lib/components/Datagrid/utils/filterPropsForTesting.d.ts +2 -2
- package/lib/components/Datagrid/utils/getBatchActions.d.ts +2 -2
- package/lib/components/InterstitialScreen/InterstitialScreen.d.ts.map +1 -1
- package/lib/components/InterstitialScreen/InterstitialScreen.js +1 -7
- package/lib/components/InterstitialScreen/InterstitialScreenBody.d.ts.map +1 -1
- package/lib/components/InterstitialScreen/InterstitialScreenBody.js +34 -21
- package/lib/components/InterstitialScreen/context.d.ts +0 -1
- package/lib/components/InterstitialScreen/context.d.ts.map +1 -1
- package/lib/components/NotificationsPanel/NotificationsPanel_data.d.ts +2 -2
- package/lib/components/PageHeader/PageHeader.d.ts.map +1 -1
- package/lib/components/PageHeader/PageHeader.js +0 -3
- package/lib/components/Tearsheet/next/Tearsheet.d.ts.map +1 -1
- package/lib/components/Tearsheet/next/Tearsheet.js +6 -1
- package/lib/global/js/hooks/index.d.ts +1 -0
- package/lib/global/js/hooks/useCarbonFeatureFlagsObject.d.ts +17 -0
- package/lib/global/js/hooks/useCarbonFeatureFlagsObject.d.ts.map +1 -0
- package/lib/global/js/hooks/useCarbonFeatureFlagsObject.js +36 -0
- package/package.json +17 -17
- package/scss/components/InterstitialScreen/_interstitial-screen.scss +1 -2
- package/scss/components/PageHeader/_page-header.scss +2 -1
- package/es/global/js/utils/carousel/carousel-test.d.ts +0 -2
- package/es/global/js/utils/carousel/carousel-test.d.ts.map +0 -1
- package/es/global/js/utils/carousel/carousel.d.ts +0 -15
- package/es/global/js/utils/carousel/carousel.d.ts.map +0 -1
- package/es/global/js/utils/carousel/index.d.ts +0 -9
- package/es/global/js/utils/carousel/index.d.ts.map +0 -1
- package/es/global/js/utils/carousel/swipeEvents.d.ts +0 -8
- package/es/global/js/utils/carousel/swipeEvents.d.ts.map +0 -1
- package/es/global/js/utils/carousel/types.d.ts +0 -39
- package/es/global/js/utils/carousel/types.d.ts.map +0 -1
- package/lib/global/js/utils/carousel/carousel-test.d.ts +0 -2
- package/lib/global/js/utils/carousel/carousel-test.d.ts.map +0 -1
- package/lib/global/js/utils/carousel/carousel.d.ts +0 -15
- package/lib/global/js/utils/carousel/carousel.d.ts.map +0 -1
- package/lib/global/js/utils/carousel/index.d.ts +0 -9
- package/lib/global/js/utils/carousel/index.d.ts.map +0 -1
- package/lib/global/js/utils/carousel/swipeEvents.d.ts +0 -8
- package/lib/global/js/utils/carousel/swipeEvents.d.ts.map +0 -1
- package/lib/global/js/utils/carousel/types.d.ts +0 -39
- package/lib/global/js/utils/carousel/types.d.ts.map +0 -1
|
@@ -11,8 +11,8 @@ import pconsole_default from "../../global/js/utils/pconsole.js";
|
|
|
11
11
|
import { pkg } from "../../settings.js";
|
|
12
12
|
import { getDevtoolsProps } from "../../global/js/utils/devtools.js";
|
|
13
13
|
import { clamp } from "../../global/js/utils/clamp.js";
|
|
14
|
-
import { Carousel } from "../Carousel/Carousel.js";
|
|
15
14
|
import { useCoachmark } from "../Coachmark/utils/context.js";
|
|
15
|
+
import { Carousel } from "../Carousel/Carousel.js";
|
|
16
16
|
import React, { Children, useEffect, useMemo, useRef, useState } from "react";
|
|
17
17
|
import PropTypes from "prop-types";
|
|
18
18
|
import { Button } from "@carbon/react";
|
|
@@ -92,6 +92,7 @@ export interface DataSpreadsheetProps {
|
|
|
92
92
|
}
|
|
93
93
|
/**
|
|
94
94
|
* DataSpreadsheet: used to organize and display large amounts of structured data, separated by columns and rows in a grid-like format.
|
|
95
|
+
* @deprecated This component is deprecated and will be removed in a future major version. Please migrate to AG Grid, TanStack Table, or Carbon DataTable.
|
|
95
96
|
*/
|
|
96
97
|
export declare const DataSpreadsheet: React.ForwardRefExoticComponent<DataSpreadsheetProps & React.RefAttributes<HTMLDivElement>>;
|
|
97
98
|
//# sourceMappingURL=DataSpreadsheet.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DataSpreadsheet.d.ts","sourceRoot":"","sources":["../../../src/components/DataSpreadsheet/DataSpreadsheet.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAoC,IAAI,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AACxE,OAAO,EACL,MAAM,EAMP,MAAM,aAAa,CAAC;AAErB,OAAO,KASN,MAAM,OAAO,CAAC;AA6Cf,MAAM,WAAW,oBAAoB;IACnC;;OAEG;IACH,QAAQ,CAAC,EAAE,IAAI,CAAC;IAEhB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;OAEG;IACH,OAAO,CAAC,EAAE,SAAS,MAAM,CAAC,MAAM,CAAC,EAAE,CAAC;IAEpC;;OAEG;IACH,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAEhC;;OAEG;IACH,IAAI,CAAC,EAAE,SAAS,MAAM,EAAE,CAAC;IAEzB;;OAEG;IACH,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAE9B;;OAEG;IACH,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAE7B;;OAEG;IACH,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAErB;;OAEG;IACH,kBAAkB,CAAC,EAAE,MAAM,IAAI,CAAC;IAEhC;;OAEG;IACH,SAAS,CAAC,EAAE,CAAC,EAAE,GAAG,IAAI,EAAE;;KAAA,KAAK,IAAI,CAAC;IAElC;;OAEG;IACH,YAAY,CAAC,EAAE,CAAC,EAAE,GAAG,IAAI,EAAE;;KAAA,KAAK,IAAI,CAAC;IAErC;;OAEG;IACH,qBAAqB,CAAC,EAAE,MAAM,IAAI,CAAC;IAEnC;;OAEG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IAExB;;OAEG;IACH,wBAAwB,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAE5C;;OAEG;IACH,eAAe,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,GAAG,EAAE,CAAC;IAE3C;;OAEG;IACH,kBAAkB,EAAE,MAAM,CAAC;IAE3B;;OAEG;IACH,oBAAoB,EAAE,MAAM,CAAC;IAE7B;;OAEG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC;IAEd;;;OAGG;IACH,mBAAmB,CAAC,EAAE,MAAM,CAAC;CAG9B;AAED
|
|
1
|
+
{"version":3,"file":"DataSpreadsheet.d.ts","sourceRoot":"","sources":["../../../src/components/DataSpreadsheet/DataSpreadsheet.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAoC,IAAI,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AACxE,OAAO,EACL,MAAM,EAMP,MAAM,aAAa,CAAC;AAErB,OAAO,KASN,MAAM,OAAO,CAAC;AA6Cf,MAAM,WAAW,oBAAoB;IACnC;;OAEG;IACH,QAAQ,CAAC,EAAE,IAAI,CAAC;IAEhB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;OAEG;IACH,OAAO,CAAC,EAAE,SAAS,MAAM,CAAC,MAAM,CAAC,EAAE,CAAC;IAEpC;;OAEG;IACH,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAEhC;;OAEG;IACH,IAAI,CAAC,EAAE,SAAS,MAAM,EAAE,CAAC;IAEzB;;OAEG;IACH,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAE9B;;OAEG;IACH,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAE7B;;OAEG;IACH,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAErB;;OAEG;IACH,kBAAkB,CAAC,EAAE,MAAM,IAAI,CAAC;IAEhC;;OAEG;IACH,SAAS,CAAC,EAAE,CAAC,EAAE,GAAG,IAAI,EAAE;;KAAA,KAAK,IAAI,CAAC;IAElC;;OAEG;IACH,YAAY,CAAC,EAAE,CAAC,EAAE,GAAG,IAAI,EAAE;;KAAA,KAAK,IAAI,CAAC;IAErC;;OAEG;IACH,qBAAqB,CAAC,EAAE,MAAM,IAAI,CAAC;IAEnC;;OAEG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IAExB;;OAEG;IACH,wBAAwB,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAE5C;;OAEG;IACH,eAAe,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,GAAG,EAAE,CAAC;IAE3C;;OAEG;IACH,kBAAkB,EAAE,MAAM,CAAC;IAE3B;;OAEG;IACH,oBAAoB,EAAE,MAAM,CAAC;IAE7B;;OAEG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC;IAEd;;;OAGG;IACH,mBAAmB,CAAC,EAAE,MAAM,CAAC;CAG9B;AAED;;;GAGG;AACH,eAAO,MAAM,eAAe,6FA83B3B,CAAC"}
|
|
@@ -48,6 +48,7 @@ const defaults = {
|
|
|
48
48
|
};
|
|
49
49
|
/**
|
|
50
50
|
* DataSpreadsheet: used to organize and display large amounts of structured data, separated by columns and rows in a grid-like format.
|
|
51
|
+
* @deprecated This component is deprecated and will be removed in a future major version. Please migrate to AG Grid, TanStack Table, or Carbon DataTable.
|
|
51
52
|
*/
|
|
52
53
|
const DataSpreadsheet = React.forwardRef(({ cellSize = "sm", className, columns = defaults.columns, data = defaults.data, defaultEmptyRowCount = defaults.defaultEmptyRowCount, onDataUpdate = defaults.onDataUpdate, onColDrag = defaults.onColDrag, id, onActiveCellChange = defaults.onActiveCellChange, onSelectionAreaChange = defaults.onSelectionAreaChange, renderRowHeader, renderRowHeaderDirection, disableColumnSwapping = false, readOnlyTable = false, selectAllAriaLabel, spreadsheetAriaLabel, theme, totalVisibleColumns, ...rest }, ref) => {
|
|
53
54
|
const multiKeyTrackingRef = useRef(null);
|
|
@@ -565,6 +566,11 @@ const DataSpreadsheet = React.forwardRef(({ cellSize = "sm", className, columns
|
|
|
565
566
|
className: `${blockClass}__cell-editor-ruler`
|
|
566
567
|
})));
|
|
567
568
|
});
|
|
569
|
+
/**@ts-ignore*/
|
|
570
|
+
DataSpreadsheet.deprecated = {
|
|
571
|
+
level: "warn",
|
|
572
|
+
details: `${componentName} is deprecated and will be removed in a future major version. Please migrate to AG Grid (https://www.ag-grid.com/), TanStack Table (https://tanstack.com/table/), or Carbon DataTable.`
|
|
573
|
+
};
|
|
568
574
|
DataSpreadsheet.displayName = componentName;
|
|
569
575
|
DataSpreadsheet.propTypes = {
|
|
570
576
|
/**
|
|
@@ -10,8 +10,8 @@ export namespace flyoutFilterProps {
|
|
|
10
10
|
export let primaryActionLabel: string;
|
|
11
11
|
export let secondaryActionLabel: string;
|
|
12
12
|
export let flyoutIconDescription: string;
|
|
13
|
-
export let onFlyoutOpen:
|
|
14
|
-
export let onFlyoutClose:
|
|
13
|
+
export let onFlyoutOpen: any;
|
|
14
|
+
export let onFlyoutClose: any;
|
|
15
15
|
export { filters };
|
|
16
16
|
export function renderLabel(key: any, value: any): string;
|
|
17
17
|
}
|
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
export function getBatchActions(): ({
|
|
2
2
|
label: string;
|
|
3
3
|
renderIcon: (props: any) => React.JSX.Element;
|
|
4
|
-
onClick:
|
|
4
|
+
onClick: any;
|
|
5
5
|
hasDivider?: undefined;
|
|
6
6
|
kind?: undefined;
|
|
7
7
|
} | {
|
|
8
8
|
label: string;
|
|
9
9
|
renderIcon: (props: any) => React.JSX.Element;
|
|
10
|
-
onClick:
|
|
10
|
+
onClick: any;
|
|
11
11
|
hasDivider: boolean;
|
|
12
12
|
kind: string;
|
|
13
13
|
})[];
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"InterstitialScreen.d.ts","sourceRoot":"","sources":["../../../src/components/InterstitialScreen/InterstitialScreen.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAOH,OAAO,KAAK,EAAE,EACZ,SAAS,EACT,SAAS,EAKV,MAAM,OAAO,CAAC;AAQf,OAAiC,EAC/B,6BAA6B,EAC9B,MAAM,4BAA4B,CAAC;AACpC,OAA+B,EAC7B,2BAA2B,EAC5B,MAAM,0BAA0B,CAAC;AAClC,OAAiC,EAC/B,6BAA6B,EAC9B,MAAM,4BAA4B,CAAC;AACpC,OAAO,EACL,UAAU,EAIX,MAAM,WAAW,CAAC;AAInB,MAAM,WAAW,uBAAuB;IACtC;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IAEpB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IAEf;;OAEG;IACH,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAC;IAEtC;;OAEG;IACH,iBAAiB,CAAC,EAAE,SAAS,CAAC,WAAW,CAAC,CAAC;CAC5C;AAGD,MAAM,MAAM,2BAA2B,GAAG,KAAK,CAAC,yBAAyB,CACvE,uBAAuB,GAAG,KAAK,CAAC,aAAa,CAAC,cAAc,CAAC,CAC9D,GAAG;IACF,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,6BAA6B,CAAC,CAAC;IAChD,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,2BAA2B,CAAC,CAAC;IAC5C,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,6BAA6B,CAAC,CAAC;CACjD,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,kBAAkB,
|
|
1
|
+
{"version":3,"file":"InterstitialScreen.d.ts","sourceRoot":"","sources":["../../../src/components/InterstitialScreen/InterstitialScreen.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAOH,OAAO,KAAK,EAAE,EACZ,SAAS,EACT,SAAS,EAKV,MAAM,OAAO,CAAC;AAQf,OAAiC,EAC/B,6BAA6B,EAC9B,MAAM,4BAA4B,CAAC;AACpC,OAA+B,EAC7B,2BAA2B,EAC5B,MAAM,0BAA0B,CAAC;AAClC,OAAiC,EAC/B,6BAA6B,EAC9B,MAAM,4BAA4B,CAAC;AACpC,OAAO,EACL,UAAU,EAIX,MAAM,WAAW,CAAC;AAInB,MAAM,WAAW,uBAAuB;IACtC;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IAEpB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IAEf;;OAEG;IACH,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAC;IAEtC;;OAEG;IACH,iBAAiB,CAAC,EAAE,SAAS,CAAC,WAAW,CAAC,CAAC;CAC5C;AAGD,MAAM,MAAM,2BAA2B,GAAG,KAAK,CAAC,yBAAyB,CACvE,uBAAuB,GAAG,KAAK,CAAC,aAAa,CAAC,cAAc,CAAC,CAC9D,GAAG;IACF,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,6BAA6B,CAAC,CAAC;IAChD,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,2BAA2B,CAAC,CAAC;IAC5C,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,6BAA6B,CAAC,CAAC;CACjD,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,kBAAkB,EAwJzB,2BAA2B,CAAC"}
|
|
@@ -34,7 +34,6 @@ const InterstitialScreen = React.forwardRef((props, ref) => {
|
|
|
34
34
|
const { children, className, ariaLabel = "Interstitial screen", isFullScreen = false, open = false, launcherButtonRef, onClose, ...rest } = props;
|
|
35
35
|
const backupRef = useRef(null);
|
|
36
36
|
const _forwardedRef = ref || backupRef;
|
|
37
|
-
const scrollRef = useRef(void 0);
|
|
38
37
|
const startButtonRef = useRef(void 0);
|
|
39
38
|
const nextButtonRef = useRef(void 0);
|
|
40
39
|
const [isVisibleClass, setIsVisibleClass] = useState(null);
|
|
@@ -106,14 +105,10 @@ const InterstitialScreen = React.forwardRef((props, ref) => {
|
|
|
106
105
|
};
|
|
107
106
|
const handleGotoStep = (targetStep) => {
|
|
108
107
|
setProgStep(targetStep);
|
|
109
|
-
scrollRef.current.scrollToView(targetStep);
|
|
110
108
|
scrollBodyToTop();
|
|
111
109
|
};
|
|
112
110
|
const scrollBodyToTop = () => {
|
|
113
|
-
bodyScrollRef
|
|
114
|
-
top: 0,
|
|
115
|
-
behavior: "smooth"
|
|
116
|
-
});
|
|
111
|
+
bodyScrollRef?.current?.scroll?.({ top: 0 });
|
|
117
112
|
};
|
|
118
113
|
return /* @__PURE__ */ React.createElement(InterstitialScreenContext.Provider, { value: {
|
|
119
114
|
bodyChildrenData,
|
|
@@ -123,7 +118,6 @@ const InterstitialScreen = React.forwardRef((props, ref) => {
|
|
|
123
118
|
progStep,
|
|
124
119
|
setProgStep,
|
|
125
120
|
bodyScrollRef,
|
|
126
|
-
scrollRef,
|
|
127
121
|
handleGotoStep,
|
|
128
122
|
stepCount,
|
|
129
123
|
setStepCount,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"InterstitialScreenBody.d.ts","sourceRoot":"","sources":["../../../src/components/InterstitialScreen/InterstitialScreenBody.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,OAAO,KAAK,EAAE,EAEZ,YAAY,EACZ,SAAS,
|
|
1
|
+
{"version":3,"file":"InterstitialScreenBody.d.ts","sourceRoot":"","sources":["../../../src/components/InterstitialScreen/InterstitialScreenBody.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,OAAO,KAAK,EAAE,EAEZ,YAAY,EACZ,SAAS,EAKV,MAAM,OAAO,CAAC;AAGf,OAAO,EAGL,uBAAuB,EACxB,MAAM,WAAW,CAAC;AAInB,OAAO,EAAE,gBAAgB,EAAE,MAAM,4BAA4B,CAAC;AAG9D,KAAK,mBAAmB,GAAG;IACzB,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,mBAAmB,EAAE,CAAC,KAAK,EAAE,uBAAuB,KAAK,IAAI,CAAC;CAC/D,CAAC;AACF,MAAM,WAAW,2BAA2B;IAC1C;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;;OAKG;IACH,eAAe,CAAC,EAAE,CAChB,MAAM,EAAE,mBAAmB,KACxB,YAAY,CAAC,gBAAgB,CAAC,GAAG,SAAS,CAAC;CACjD;AAID,QAAA,MAAM,sBAAsB,oGA6I1B,CAAC;AAEH,eAAe,sBAAsB,CAAC"}
|
|
@@ -7,10 +7,10 @@
|
|
|
7
7
|
|
|
8
8
|
import { getDevtoolsProps } from "../../global/js/utils/devtools.js";
|
|
9
9
|
import { InterstitialScreenContext, blockClass } from "./context.js";
|
|
10
|
-
import {
|
|
11
|
-
import React, { isValidElement, useContext, useEffect, useState } from "react";
|
|
10
|
+
import React, { isValidElement, useContext, useEffect, useRef, useState } from "react";
|
|
12
11
|
import PropTypes from "prop-types";
|
|
13
12
|
import { ModalBody } from "@carbon/react";
|
|
13
|
+
import { initCarousel } from "@carbon/utilities";
|
|
14
14
|
//#region src/components/InterstitialScreen/InterstitialScreenBody.tsx
|
|
15
15
|
/**
|
|
16
16
|
* Copyright IBM Corp. 2024, 2025
|
|
@@ -22,8 +22,9 @@ const InterstitialScreenBody = React.forwardRef((props, ref) => {
|
|
|
22
22
|
const { className = "", contentRenderer, ...rest } = props;
|
|
23
23
|
const bodyBlockClass = `${blockClass}--internal-body`;
|
|
24
24
|
const [stepType, setStepType] = useState();
|
|
25
|
-
const { setBodyChildrenData, bodyChildrenData, isFullScreen, setProgStep, bodyScrollRef,
|
|
26
|
-
const
|
|
25
|
+
const { setBodyChildrenData, bodyChildrenData, isFullScreen, setProgStep, bodyScrollRef, handleGotoStep, progStep, setStepCount, disableButtonConfig, setDisableButtonConfig } = useContext(InterstitialScreenContext);
|
|
26
|
+
const carouselContainerRef = useRef(null);
|
|
27
|
+
const carouselInitRef = useRef(null);
|
|
27
28
|
useEffect(() => {
|
|
28
29
|
const _bodyContent = contentRenderer?.({
|
|
29
30
|
handleGotoStep,
|
|
@@ -41,37 +42,49 @@ const InterstitialScreenBody = React.forwardRef((props, ref) => {
|
|
|
41
42
|
setStepCount?.(1);
|
|
42
43
|
setBodyChildrenData?.(_bodyContent);
|
|
43
44
|
}
|
|
44
|
-
}, [
|
|
45
|
-
props.children,
|
|
46
|
-
contentRenderer,
|
|
47
|
-
progStep
|
|
48
|
-
]);
|
|
45
|
+
}, [props.children, contentRenderer]);
|
|
49
46
|
useEffect(() => {
|
|
50
|
-
if (
|
|
51
|
-
|
|
52
|
-
|
|
47
|
+
if (stepType !== "multi" || !carouselContainerRef.current || !bodyChildrenData) return;
|
|
48
|
+
carouselInitRef.current?.destroyEvents?.();
|
|
49
|
+
carouselInitRef.current = initCarousel(carouselContainerRef.current, {
|
|
50
|
+
onViewChangeStart: () => {},
|
|
51
|
+
onViewChangeEnd: ({ currentIndex }) => {
|
|
52
|
+
setProgStep?.(currentIndex);
|
|
53
|
+
},
|
|
54
|
+
excludeSwipeSupport: true,
|
|
55
|
+
useMaxHeight: true
|
|
56
|
+
});
|
|
57
|
+
return () => {
|
|
58
|
+
carouselInitRef.current?.destroyEvents?.();
|
|
59
|
+
carouselInitRef.current = null;
|
|
60
|
+
};
|
|
61
|
+
}, [stepType, bodyChildrenData]);
|
|
62
|
+
useEffect(() => {
|
|
63
|
+
if (stepType === "multi" && typeof progStep === "number") {
|
|
64
|
+
const activeIndex = (carouselInitRef.current?.getActiveItem?.())?.index ?? -1;
|
|
65
|
+
if (activeIndex !== -1 && activeIndex < progStep) carouselInitRef.current?.next?.();
|
|
66
|
+
else if (activeIndex !== -1 && activeIndex > progStep) carouselInitRef.current?.prev?.();
|
|
53
67
|
}
|
|
54
|
-
}, [
|
|
68
|
+
}, [progStep, stepType]);
|
|
55
69
|
const disableActionButton = (config) => {
|
|
56
70
|
setDisableButtonConfig?.({
|
|
57
71
|
...disableButtonConfig,
|
|
58
72
|
...config
|
|
59
73
|
});
|
|
60
74
|
};
|
|
61
|
-
const onScrollHandler = (scrollPercent) => setScrollPercent(scrollPercent);
|
|
62
75
|
const renderBody = () => /* @__PURE__ */ React.createElement("div", {
|
|
63
76
|
className: `${blockClass}--body ${className}`,
|
|
64
|
-
ref: bodyScrollRef ?? ref,
|
|
77
|
+
ref: isFullScreen ? bodyScrollRef ?? ref : ref,
|
|
65
78
|
...getDevtoolsProps("InterstitialScreenBody"),
|
|
66
79
|
...isFullScreen ? rest : {}
|
|
67
|
-
}, /* @__PURE__ */ React.createElement("div", { className: `${blockClass}--content` }, stepType === "multi" ? /* @__PURE__ */ React.createElement("div", {
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
}, bodyChildrenData)) : stepType === "single" ? bodyChildrenData : ""));
|
|
80
|
+
}, /* @__PURE__ */ React.createElement("div", { className: `${blockClass}--content` }, stepType === "multi" ? /* @__PURE__ */ React.createElement("div", {
|
|
81
|
+
className: `${blockClass}__carousel `,
|
|
82
|
+
ref: (node) => {
|
|
83
|
+
carouselContainerRef.current = node;
|
|
84
|
+
}
|
|
85
|
+
}, React.Children.map(bodyChildrenData, (child, index) => isValidElement(child) ? /* @__PURE__ */ React.createElement("div", { "data-index": index }, child) : null)) : stepType === "single" ? bodyChildrenData : ""));
|
|
73
86
|
return isFullScreen ? renderBody() : /* @__PURE__ */ React.createElement(ModalBody, {
|
|
74
|
-
ref,
|
|
87
|
+
ref: bodyScrollRef ?? ref,
|
|
75
88
|
className: bodyBlockClass,
|
|
76
89
|
...rest
|
|
77
90
|
}, renderBody());
|
|
@@ -20,7 +20,6 @@ export interface InterstitialScreenContextType {
|
|
|
20
20
|
progStep: number;
|
|
21
21
|
setProgStep?: (value: number) => void;
|
|
22
22
|
bodyScrollRef?: RefObject<HTMLDivElement | null>;
|
|
23
|
-
scrollRef?: RefObject<HTMLDivElement>;
|
|
24
23
|
handleGotoStep?: (value: number) => void;
|
|
25
24
|
stepCount: number;
|
|
26
25
|
setStepCount?: (value: number) => void;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../../src/components/InterstitialScreen/context.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAiB,SAAS,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAG5D,MAAM,MAAM,UAAU,GAAG,OAAO,GAAG,OAAO,GAAG,MAAM,GAAG,MAAM,GAAG,MAAM,CAAC;AAEtE,MAAM,MAAM,uBAAuB,GAAG;IACpC,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB,CAAC;AACF,MAAM,WAAW,6BAA6B;IAC5C,gBAAgB,CAAC,EAAE,SAAS,CAAC;IAC7B,mBAAmB,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,KAAK,IAAI,CAAC;IACjD,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAC;IAC1C,QAAQ,EAAE,MAAM,CAAC;IACjB,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,aAAa,CAAC,EAAE,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;IACjD,
|
|
1
|
+
{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../../src/components/InterstitialScreen/context.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAiB,SAAS,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAG5D,MAAM,MAAM,UAAU,GAAG,OAAO,GAAG,OAAO,GAAG,MAAM,GAAG,MAAM,GAAG,MAAM,CAAC;AAEtE,MAAM,MAAM,uBAAuB,GAAG;IACpC,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB,CAAC;AACF,MAAM,WAAW,6BAA6B;IAC5C,gBAAgB,CAAC,EAAE,SAAS,CAAC;IAC7B,mBAAmB,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,KAAK,IAAI,CAAC;IACjD,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAC;IAC1C,QAAQ,EAAE,MAAM,CAAC;IACjB,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,aAAa,CAAC,EAAE,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;IACjD,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,SAAS,EAAE,MAAM,CAAC;IAClB,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,mBAAmB,CAAC,EAAE,uBAAuB,CAAC;IAC9C,sBAAsB,CAAC,EAAE,CAAC,KAAK,EAAE,uBAAuB,KAAK,IAAI,CAAC;CACnE;AAGD,eAAO,MAAM,UAAU,QAAuC,CAAC;AAE/D,eAAO,MAAM,yBAAyB,wDACuC,CAAC"}
|
|
@@ -6,7 +6,7 @@ declare const data: ({
|
|
|
6
6
|
description: string;
|
|
7
7
|
timestamp: Date;
|
|
8
8
|
unread: boolean;
|
|
9
|
-
onNotificationClick:
|
|
9
|
+
onNotificationClick: any;
|
|
10
10
|
link?: undefined;
|
|
11
11
|
} | {
|
|
12
12
|
id: string;
|
|
@@ -18,7 +18,7 @@ declare const data: ({
|
|
|
18
18
|
};
|
|
19
19
|
timestamp: Date;
|
|
20
20
|
unread: boolean;
|
|
21
|
-
onNotificationClick:
|
|
21
|
+
onNotificationClick: any;
|
|
22
22
|
description?: undefined;
|
|
23
23
|
})[];
|
|
24
24
|
//# sourceMappingURL=NotificationsPanel_data.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PageHeader.d.ts","sourceRoot":"","sources":["../../../src/components/PageHeader/PageHeader.tsx"],"names":[],"mappings":"AAOA,OAAO,EAKL,GAAG,EAGH,WAAW,EACX,gBAAgB,EACjB,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,QAAQ,EAAE,MAAM,sCAAsC,CAAC;AAChE,OAAO,KAAK,EAAE,EAEZ,GAAG,EAEH,iBAAiB,EACjB,SAAS,EAKV,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"PageHeader.d.ts","sourceRoot":"","sources":["../../../src/components/PageHeader/PageHeader.tsx"],"names":[],"mappings":"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"}
|
|
@@ -7,7 +7,6 @@
|
|
|
7
7
|
|
|
8
8
|
import { __toESM } from "../../_virtual/_rolldown/runtime.js";
|
|
9
9
|
import { require_classnames } from "../../node_modules/classnames/index.js";
|
|
10
|
-
import { pkg } from "../../settings.js";
|
|
11
10
|
import { useIsomorphicEffect } from "../../global/js/hooks/useIsomorphicEffect.js";
|
|
12
11
|
import { useNearestScroll } from "../../global/js/hooks/useWindowScroll.js";
|
|
13
12
|
import { useWindowResize } from "../../global/js/hooks/useWindowResize.js";
|
|
@@ -28,8 +27,6 @@ import { baseFontSize, breakpoints, spacing } from "@carbon/layout";
|
|
|
28
27
|
//#region src/components/PageHeader/PageHeader.tsx
|
|
29
28
|
var import_classnames = /* @__PURE__ */ __toESM(require_classnames());
|
|
30
29
|
const componentName = "PageHeader";
|
|
31
|
-
pkg._silenceWarnings(true);
|
|
32
|
-
pkg.component.ActionBar = true;
|
|
33
30
|
const defaults = {
|
|
34
31
|
fullWidthGrid: false,
|
|
35
32
|
narrowGrid: false,
|
|
@@ -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;
|
|
1
|
+
{"version":3,"file":"Tearsheet.d.ts","sourceRoot":"","sources":["../../../../src/components/Tearsheet/next/Tearsheet.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,OAAO,KAAK,EAAE,EAKZ,SAAS,EAET,EAAE,EAEH,MAAM,OAAO,CAAC;AAOf,OAAO,EAEL,kBAAkB,EAKnB,MAAM,eAAe,CAAC;AAEvB,OAAwB,EACtB,oBAAoB,EAEpB,2BAA2B,EAE3B,0BAA0B,EAC3B,MAAM,mBAAmB,CAAC;AAC3B,OAA+B,EAC7B,2BAA2B,EAC5B,MAAM,0BAA0B,CAAC;AAClC,OAAsB,EAEpB,eAAe,EAEf,gBAAgB,EAEhB,mBAAmB,EACnB,kBAAkB,EACnB,MAAM,iBAAiB,CAAC;AAEzB,OAAO,EAEL,8BAA8B,EAE9B,2BAA2B,EAC5B,MAAM,0BAA0B,CAAC;AAClC,OAAwB,EAAE,oBAAoB,EAAE,MAAM,mBAAmB,CAAC;AAQ1E;;;;GAIG;AAEH,MAAM,WAAW,cAAe,SAAQ,kBAAkB;IACxD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE3B;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IAEf;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB;;OAEG;IACH,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,GAAG,QAAQ,CAAC;IAC5B;;OAEG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC;IAEtB;;;;OAIG;IACH,sBAAsB,CAAC,EAAE,MAAM,EAAE,CAAC;IAElC;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;;;OAIG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB;;;OAGG;IACH,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B;;OAEG;IACH,YAAY,CAAC,EAAE,WAAW,CAAC;IAC3B;;;;;OAKG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB;;;;OAIG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,MAAM,MAAM,sBAAsB,GAAG,KAAK,CAAC,yBAAyB,CAClE,cAAc,GAAG,KAAK,CAAC,aAAa,CAAC,cAAc,CAAC,CACrD,GAAG;IACF,MAAM,EAAE,EAAE,CAAC,oBAAoB,CAAC,CAAC;IACjC,aAAa,EAAE,EAAE,CAAC,2BAA2B,CAAC,CAAC;IAC/C,UAAU,EAAE,EAAE,CAAC,eAAe,CAAC,CAAC;IAChC,aAAa,EAAE,EAAE,CAAC,2BAA2B,CAAC,CAAC;IAC/C,YAAY,EAAE,EAAE,CAAC,0BAA0B,CAAC,CAAC;IAC7C,aAAa,EAAE,EAAE,CAAC,2BAA2B,CAAC,CAAC;IAC/C,gBAAgB,EAAE,EAAE,CAAC,8BAA8B,CAAC,CAAC;IACrD,WAAW,EAAE,EAAE,CAAC,gBAAgB,CAAC,CAAC;IAClC,cAAc,EAAE,EAAE,CAAC,mBAAmB,CAAC,CAAC;IACxC,IAAI,EAAE,EAAE,CAAC,kBAAkB,CAAC,CAAC;IAC7B,MAAM,EAAE,EAAE,CAAC,oBAAoB,CAAC,CAAC;CAClC,CAAC;AAwNF;;;GAGG;AACH,eAAO,MAAM,SAAS,EA0BjB,sBAAsB,CAAC"}
|
|
@@ -9,6 +9,7 @@ import { __toESM } from "../../../_virtual/_rolldown/runtime.js";
|
|
|
9
9
|
import { require_classnames } from "../../../node_modules/classnames/index.js";
|
|
10
10
|
import { useIsomorphicEffect } from "../../../global/js/hooks/useIsomorphicEffect.js";
|
|
11
11
|
import { useMatchMedia } from "../../../global/js/hooks/useMatchMedia.js";
|
|
12
|
+
import { useCarbonFeatureFlagsObject } from "../../../global/js/hooks/useCarbonFeatureFlagsObject.js";
|
|
12
13
|
import { useMergedRefs } from "../../../global/js/hooks/useMergedRefs.js";
|
|
13
14
|
import { useId } from "../../../global/js/utils/useId.js";
|
|
14
15
|
import { usePresence } from "../usePresence.js";
|
|
@@ -45,6 +46,7 @@ const TearsheetInternal = forwardRef(({ children, variant = "wide", selectorsFlo
|
|
|
45
46
|
presenceRef
|
|
46
47
|
]);
|
|
47
48
|
const isSm = useMatchMedia(`(max-width: ${breakpoints.md.width})`) || variant === "narrow";
|
|
49
|
+
const parentFlagsObject = useCarbonFeatureFlagsObject();
|
|
48
50
|
const [fullyCollapsed, setFullyCollapsed] = useState(false);
|
|
49
51
|
const [disableHeaderCollapse, setDisableHeaderCollapse] = useState(false);
|
|
50
52
|
const arr = React.Children.toArray(children);
|
|
@@ -97,7 +99,10 @@ const TearsheetInternal = forwardRef(({ children, variant = "wide", selectorsFlo
|
|
|
97
99
|
variant,
|
|
98
100
|
isSm,
|
|
99
101
|
decorator
|
|
100
|
-
} }, /* @__PURE__ */ React.createElement(unstable_FeatureFlags, {
|
|
102
|
+
} }, /* @__PURE__ */ React.createElement(unstable_FeatureFlags, { flags: {
|
|
103
|
+
...parentFlagsObject,
|
|
104
|
+
"enable-experimental-focus-wrap-without-sentinels": true
|
|
105
|
+
} }, /* @__PURE__ */ React.createElement(ComposedModal, {
|
|
101
106
|
...rest,
|
|
102
107
|
"aria-label": ariaLabel,
|
|
103
108
|
className: (0, import_classnames.default)(blockClass, className, {
|
|
@@ -14,5 +14,6 @@ export { useIsomorphicEffect } from "./useIsomorphicEffect";
|
|
|
14
14
|
export { usePresence } from "./usePresence";
|
|
15
15
|
export { usePrefersReducedMotion } from "./usePrefersReducedMotion";
|
|
16
16
|
export { useMatchMedia } from "./useMatchMedia";
|
|
17
|
+
export { useCarbonFeatureFlagsObject } from "./useCarbonFeatureFlagsObject";
|
|
17
18
|
export { useNearestScroll, useWindowScroll } from "./useWindowScroll";
|
|
18
19
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Copyright IBM Corp. 2026
|
|
3
|
+
*
|
|
4
|
+
* This source code is licensed under the Apache-2.0 license found in the
|
|
5
|
+
* LICENSE file in the root directory of this source tree.
|
|
6
|
+
*/
|
|
7
|
+
/**
|
|
8
|
+
* Custom hook that converts Carbon's FeatureFlags scope to a plain object.
|
|
9
|
+
* This is useful when you need to pass parent feature flags to a nested
|
|
10
|
+
* FeatureFlags component, ensuring all parent flags are preserved.
|
|
11
|
+
*
|
|
12
|
+
* @returns {Record<string, boolean>} An object containing all feature flags from the parent scope
|
|
13
|
+
|
|
14
|
+
|
|
15
|
+
*/
|
|
16
|
+
export declare function useCarbonFeatureFlagsObject(): Record<string, boolean>;
|
|
17
|
+
//# sourceMappingURL=useCarbonFeatureFlagsObject.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useCarbonFeatureFlagsObject.d.ts","sourceRoot":"","sources":["../../../../src/global/js/hooks/useCarbonFeatureFlagsObject.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAKH;;;;;;;;GAQG;AACH,wBAAgB,2BAA2B,IAAI,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAmBrE"}
|
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Copyright IBM Corp. 2020, 2026
|
|
3
|
+
*
|
|
4
|
+
* This source code is licensed under the Apache-2.0 license found in the
|
|
5
|
+
* LICENSE file in the root directory of this source tree.
|
|
6
|
+
*/
|
|
7
|
+
|
|
8
|
+
import { useMemo } from "react";
|
|
9
|
+
import { unstable_useFeatureFlags } from "@carbon/react";
|
|
10
|
+
//#region src/global/js/hooks/useCarbonFeatureFlagsObject.ts
|
|
11
|
+
/**
|
|
12
|
+
* Copyright IBM Corp. 2026
|
|
13
|
+
*
|
|
14
|
+
* This source code is licensed under the Apache-2.0 license found in the
|
|
15
|
+
* LICENSE file in the root directory of this source tree.
|
|
16
|
+
*/
|
|
17
|
+
/**
|
|
18
|
+
* Custom hook that converts Carbon's FeatureFlags scope to a plain object.
|
|
19
|
+
* This is useful when you need to pass parent feature flags to a nested
|
|
20
|
+
* FeatureFlags component, ensuring all parent flags are preserved.
|
|
21
|
+
*
|
|
22
|
+
* @returns {Record<string, boolean>} An object containing all feature flags from the parent scope
|
|
23
|
+
|
|
24
|
+
|
|
25
|
+
*/
|
|
26
|
+
function useCarbonFeatureFlagsObject() {
|
|
27
|
+
const parentFeatureFlags = unstable_useFeatureFlags();
|
|
28
|
+
return useMemo(() => {
|
|
29
|
+
const flagsObj = {};
|
|
30
|
+
if (parentFeatureFlags?.flags) for (const [key, value] of parentFeatureFlags.flags) flagsObj[key] = value;
|
|
31
|
+
return flagsObj;
|
|
32
|
+
}, [parentFeatureFlags]);
|
|
33
|
+
}
|
|
34
|
+
//#endregion
|
|
35
|
+
export { useCarbonFeatureFlagsObject };
|
|
@@ -11,8 +11,8 @@ const require_pconsole = require("../../global/js/utils/pconsole.js");
|
|
|
11
11
|
const require_settings = require("../../settings.js");
|
|
12
12
|
const require_devtools = require("../../global/js/utils/devtools.js");
|
|
13
13
|
const require_clamp = require("../../global/js/utils/clamp.js");
|
|
14
|
-
const require_Carousel = require("../Carousel/Carousel.js");
|
|
15
14
|
const require_context = require("../Coachmark/utils/context.js");
|
|
15
|
+
const require_Carousel = require("../Carousel/Carousel.js");
|
|
16
16
|
let react = require("react");
|
|
17
17
|
react = require_runtime.__toESM(react);
|
|
18
18
|
let prop_types = require("prop-types");
|
|
@@ -92,6 +92,7 @@ export interface DataSpreadsheetProps {
|
|
|
92
92
|
}
|
|
93
93
|
/**
|
|
94
94
|
* DataSpreadsheet: used to organize and display large amounts of structured data, separated by columns and rows in a grid-like format.
|
|
95
|
+
* @deprecated This component is deprecated and will be removed in a future major version. Please migrate to AG Grid, TanStack Table, or Carbon DataTable.
|
|
95
96
|
*/
|
|
96
97
|
export declare const DataSpreadsheet: React.ForwardRefExoticComponent<DataSpreadsheetProps & React.RefAttributes<HTMLDivElement>>;
|
|
97
98
|
//# sourceMappingURL=DataSpreadsheet.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DataSpreadsheet.d.ts","sourceRoot":"","sources":["../../../src/components/DataSpreadsheet/DataSpreadsheet.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAoC,IAAI,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AACxE,OAAO,EACL,MAAM,EAMP,MAAM,aAAa,CAAC;AAErB,OAAO,KASN,MAAM,OAAO,CAAC;AA6Cf,MAAM,WAAW,oBAAoB;IACnC;;OAEG;IACH,QAAQ,CAAC,EAAE,IAAI,CAAC;IAEhB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;OAEG;IACH,OAAO,CAAC,EAAE,SAAS,MAAM,CAAC,MAAM,CAAC,EAAE,CAAC;IAEpC;;OAEG;IACH,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAEhC;;OAEG;IACH,IAAI,CAAC,EAAE,SAAS,MAAM,EAAE,CAAC;IAEzB;;OAEG;IACH,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAE9B;;OAEG;IACH,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAE7B;;OAEG;IACH,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAErB;;OAEG;IACH,kBAAkB,CAAC,EAAE,MAAM,IAAI,CAAC;IAEhC;;OAEG;IACH,SAAS,CAAC,EAAE,CAAC,EAAE,GAAG,IAAI,EAAE;;KAAA,KAAK,IAAI,CAAC;IAElC;;OAEG;IACH,YAAY,CAAC,EAAE,CAAC,EAAE,GAAG,IAAI,EAAE;;KAAA,KAAK,IAAI,CAAC;IAErC;;OAEG;IACH,qBAAqB,CAAC,EAAE,MAAM,IAAI,CAAC;IAEnC;;OAEG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IAExB;;OAEG;IACH,wBAAwB,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAE5C;;OAEG;IACH,eAAe,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,GAAG,EAAE,CAAC;IAE3C;;OAEG;IACH,kBAAkB,EAAE,MAAM,CAAC;IAE3B;;OAEG;IACH,oBAAoB,EAAE,MAAM,CAAC;IAE7B;;OAEG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC;IAEd;;;OAGG;IACH,mBAAmB,CAAC,EAAE,MAAM,CAAC;CAG9B;AAED
|
|
1
|
+
{"version":3,"file":"DataSpreadsheet.d.ts","sourceRoot":"","sources":["../../../src/components/DataSpreadsheet/DataSpreadsheet.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAoC,IAAI,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AACxE,OAAO,EACL,MAAM,EAMP,MAAM,aAAa,CAAC;AAErB,OAAO,KASN,MAAM,OAAO,CAAC;AA6Cf,MAAM,WAAW,oBAAoB;IACnC;;OAEG;IACH,QAAQ,CAAC,EAAE,IAAI,CAAC;IAEhB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;OAEG;IACH,OAAO,CAAC,EAAE,SAAS,MAAM,CAAC,MAAM,CAAC,EAAE,CAAC;IAEpC;;OAEG;IACH,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAEhC;;OAEG;IACH,IAAI,CAAC,EAAE,SAAS,MAAM,EAAE,CAAC;IAEzB;;OAEG;IACH,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAE9B;;OAEG;IACH,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAE7B;;OAEG;IACH,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAErB;;OAEG;IACH,kBAAkB,CAAC,EAAE,MAAM,IAAI,CAAC;IAEhC;;OAEG;IACH,SAAS,CAAC,EAAE,CAAC,EAAE,GAAG,IAAI,EAAE;;KAAA,KAAK,IAAI,CAAC;IAElC;;OAEG;IACH,YAAY,CAAC,EAAE,CAAC,EAAE,GAAG,IAAI,EAAE;;KAAA,KAAK,IAAI,CAAC;IAErC;;OAEG;IACH,qBAAqB,CAAC,EAAE,MAAM,IAAI,CAAC;IAEnC;;OAEG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IAExB;;OAEG;IACH,wBAAwB,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAE5C;;OAEG;IACH,eAAe,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,GAAG,EAAE,CAAC;IAE3C;;OAEG;IACH,kBAAkB,EAAE,MAAM,CAAC;IAE3B;;OAEG;IACH,oBAAoB,EAAE,MAAM,CAAC;IAE7B;;OAEG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC;IAEd;;;OAGG;IACH,mBAAmB,CAAC,EAAE,MAAM,CAAC;CAG9B;AAED;;;GAGG;AACH,eAAO,MAAM,eAAe,6FA83B3B,CAAC"}
|
|
@@ -50,6 +50,7 @@ const defaults = {
|
|
|
50
50
|
};
|
|
51
51
|
/**
|
|
52
52
|
* DataSpreadsheet: used to organize and display large amounts of structured data, separated by columns and rows in a grid-like format.
|
|
53
|
+
* @deprecated This component is deprecated and will be removed in a future major version. Please migrate to AG Grid, TanStack Table, or Carbon DataTable.
|
|
53
54
|
*/
|
|
54
55
|
const DataSpreadsheet = react.default.forwardRef(({ cellSize = "sm", className, columns = defaults.columns, data = defaults.data, defaultEmptyRowCount = defaults.defaultEmptyRowCount, onDataUpdate = defaults.onDataUpdate, onColDrag = defaults.onColDrag, id, onActiveCellChange = defaults.onActiveCellChange, onSelectionAreaChange = defaults.onSelectionAreaChange, renderRowHeader, renderRowHeaderDirection, disableColumnSwapping = false, readOnlyTable = false, selectAllAriaLabel, spreadsheetAriaLabel, theme, totalVisibleColumns, ...rest }, ref) => {
|
|
55
56
|
const multiKeyTrackingRef = (0, react.useRef)(null);
|
|
@@ -567,6 +568,11 @@ const DataSpreadsheet = react.default.forwardRef(({ cellSize = "sm", className,
|
|
|
567
568
|
className: `${blockClass}__cell-editor-ruler`
|
|
568
569
|
})));
|
|
569
570
|
});
|
|
571
|
+
/**@ts-ignore*/
|
|
572
|
+
DataSpreadsheet.deprecated = {
|
|
573
|
+
level: "warn",
|
|
574
|
+
details: `${componentName} is deprecated and will be removed in a future major version. Please migrate to AG Grid (https://www.ag-grid.com/), TanStack Table (https://tanstack.com/table/), or Carbon DataTable.`
|
|
575
|
+
};
|
|
570
576
|
DataSpreadsheet.displayName = componentName;
|
|
571
577
|
DataSpreadsheet.propTypes = {
|
|
572
578
|
/**
|
|
@@ -10,8 +10,8 @@ export namespace flyoutFilterProps {
|
|
|
10
10
|
export let primaryActionLabel: string;
|
|
11
11
|
export let secondaryActionLabel: string;
|
|
12
12
|
export let flyoutIconDescription: string;
|
|
13
|
-
export let onFlyoutOpen:
|
|
14
|
-
export let onFlyoutClose:
|
|
13
|
+
export let onFlyoutOpen: any;
|
|
14
|
+
export let onFlyoutClose: any;
|
|
15
15
|
export { filters };
|
|
16
16
|
export function renderLabel(key: any, value: any): string;
|
|
17
17
|
}
|
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
export function getBatchActions(): ({
|
|
2
2
|
label: string;
|
|
3
3
|
renderIcon: (props: any) => React.JSX.Element;
|
|
4
|
-
onClick:
|
|
4
|
+
onClick: any;
|
|
5
5
|
hasDivider?: undefined;
|
|
6
6
|
kind?: undefined;
|
|
7
7
|
} | {
|
|
8
8
|
label: string;
|
|
9
9
|
renderIcon: (props: any) => React.JSX.Element;
|
|
10
|
-
onClick:
|
|
10
|
+
onClick: any;
|
|
11
11
|
hasDivider: boolean;
|
|
12
12
|
kind: string;
|
|
13
13
|
})[];
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"InterstitialScreen.d.ts","sourceRoot":"","sources":["../../../src/components/InterstitialScreen/InterstitialScreen.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAOH,OAAO,KAAK,EAAE,EACZ,SAAS,EACT,SAAS,EAKV,MAAM,OAAO,CAAC;AAQf,OAAiC,EAC/B,6BAA6B,EAC9B,MAAM,4BAA4B,CAAC;AACpC,OAA+B,EAC7B,2BAA2B,EAC5B,MAAM,0BAA0B,CAAC;AAClC,OAAiC,EAC/B,6BAA6B,EAC9B,MAAM,4BAA4B,CAAC;AACpC,OAAO,EACL,UAAU,EAIX,MAAM,WAAW,CAAC;AAInB,MAAM,WAAW,uBAAuB;IACtC;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IAEpB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IAEf;;OAEG;IACH,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAC;IAEtC;;OAEG;IACH,iBAAiB,CAAC,EAAE,SAAS,CAAC,WAAW,CAAC,CAAC;CAC5C;AAGD,MAAM,MAAM,2BAA2B,GAAG,KAAK,CAAC,yBAAyB,CACvE,uBAAuB,GAAG,KAAK,CAAC,aAAa,CAAC,cAAc,CAAC,CAC9D,GAAG;IACF,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,6BAA6B,CAAC,CAAC;IAChD,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,2BAA2B,CAAC,CAAC;IAC5C,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,6BAA6B,CAAC,CAAC;CACjD,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,kBAAkB,
|
|
1
|
+
{"version":3,"file":"InterstitialScreen.d.ts","sourceRoot":"","sources":["../../../src/components/InterstitialScreen/InterstitialScreen.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAOH,OAAO,KAAK,EAAE,EACZ,SAAS,EACT,SAAS,EAKV,MAAM,OAAO,CAAC;AAQf,OAAiC,EAC/B,6BAA6B,EAC9B,MAAM,4BAA4B,CAAC;AACpC,OAA+B,EAC7B,2BAA2B,EAC5B,MAAM,0BAA0B,CAAC;AAClC,OAAiC,EAC/B,6BAA6B,EAC9B,MAAM,4BAA4B,CAAC;AACpC,OAAO,EACL,UAAU,EAIX,MAAM,WAAW,CAAC;AAInB,MAAM,WAAW,uBAAuB;IACtC;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IAEpB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IAEf;;OAEG;IACH,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAC;IAEtC;;OAEG;IACH,iBAAiB,CAAC,EAAE,SAAS,CAAC,WAAW,CAAC,CAAC;CAC5C;AAGD,MAAM,MAAM,2BAA2B,GAAG,KAAK,CAAC,yBAAyB,CACvE,uBAAuB,GAAG,KAAK,CAAC,aAAa,CAAC,cAAc,CAAC,CAC9D,GAAG;IACF,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,6BAA6B,CAAC,CAAC;IAChD,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,2BAA2B,CAAC,CAAC;IAC5C,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,6BAA6B,CAAC,CAAC;CACjD,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,kBAAkB,EAwJzB,2BAA2B,CAAC"}
|
|
@@ -36,7 +36,6 @@ const InterstitialScreen = react.default.forwardRef((props, ref) => {
|
|
|
36
36
|
const { children, className, ariaLabel = "Interstitial screen", isFullScreen = false, open = false, launcherButtonRef, onClose, ...rest } = props;
|
|
37
37
|
const backupRef = (0, react.useRef)(null);
|
|
38
38
|
const _forwardedRef = ref || backupRef;
|
|
39
|
-
const scrollRef = (0, react.useRef)(void 0);
|
|
40
39
|
const startButtonRef = (0, react.useRef)(void 0);
|
|
41
40
|
const nextButtonRef = (0, react.useRef)(void 0);
|
|
42
41
|
const [isVisibleClass, setIsVisibleClass] = (0, react.useState)(null);
|
|
@@ -108,14 +107,10 @@ const InterstitialScreen = react.default.forwardRef((props, ref) => {
|
|
|
108
107
|
};
|
|
109
108
|
const handleGotoStep = (targetStep) => {
|
|
110
109
|
setProgStep(targetStep);
|
|
111
|
-
scrollRef.current.scrollToView(targetStep);
|
|
112
110
|
scrollBodyToTop();
|
|
113
111
|
};
|
|
114
112
|
const scrollBodyToTop = () => {
|
|
115
|
-
bodyScrollRef
|
|
116
|
-
top: 0,
|
|
117
|
-
behavior: "smooth"
|
|
118
|
-
});
|
|
113
|
+
bodyScrollRef?.current?.scroll?.({ top: 0 });
|
|
119
114
|
};
|
|
120
115
|
return /* @__PURE__ */ react.default.createElement(require_context.InterstitialScreenContext.Provider, { value: {
|
|
121
116
|
bodyChildrenData,
|
|
@@ -125,7 +120,6 @@ const InterstitialScreen = react.default.forwardRef((props, ref) => {
|
|
|
125
120
|
progStep,
|
|
126
121
|
setProgStep,
|
|
127
122
|
bodyScrollRef,
|
|
128
|
-
scrollRef,
|
|
129
123
|
handleGotoStep,
|
|
130
124
|
stepCount,
|
|
131
125
|
setStepCount,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"InterstitialScreenBody.d.ts","sourceRoot":"","sources":["../../../src/components/InterstitialScreen/InterstitialScreenBody.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,OAAO,KAAK,EAAE,EAEZ,YAAY,EACZ,SAAS,
|
|
1
|
+
{"version":3,"file":"InterstitialScreenBody.d.ts","sourceRoot":"","sources":["../../../src/components/InterstitialScreen/InterstitialScreenBody.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,OAAO,KAAK,EAAE,EAEZ,YAAY,EACZ,SAAS,EAKV,MAAM,OAAO,CAAC;AAGf,OAAO,EAGL,uBAAuB,EACxB,MAAM,WAAW,CAAC;AAInB,OAAO,EAAE,gBAAgB,EAAE,MAAM,4BAA4B,CAAC;AAG9D,KAAK,mBAAmB,GAAG;IACzB,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,mBAAmB,EAAE,CAAC,KAAK,EAAE,uBAAuB,KAAK,IAAI,CAAC;CAC/D,CAAC;AACF,MAAM,WAAW,2BAA2B;IAC1C;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;;OAKG;IACH,eAAe,CAAC,EAAE,CAChB,MAAM,EAAE,mBAAmB,KACxB,YAAY,CAAC,gBAAgB,CAAC,GAAG,SAAS,CAAC;CACjD;AAID,QAAA,MAAM,sBAAsB,oGA6I1B,CAAC;AAEH,eAAe,sBAAsB,CAAC"}
|