@patternfly/react-core 5.0.0-alpha.12 → 5.0.0-alpha.14

package/dist/js/components/Wizard/WizardBody.d.ts

@@ -5,9 +5,13 @@ export interface WizardBodyProps {
     children: any;
     /** Set to true to remove the default body padding */
     hasNoBodyPadding: boolean;
-    /** An aria-label to use for the main element */
+    /** Adds an accessible name to the wizard body when the body content overflows and renders
+     * a scrollbar.
+     */
     'aria-label'?: string;
-    /** Sets the aria-labelledby attribute for the main element */
+    /** Adds an accessible name to the wizard body by passing the the id of one or more elements.
+     * The aria-labelledby will only be applied when the body content overflows and renders a scrollbar.
+     */
     'aria-labelledby': string;
     /** Component used as the primary content container */
     mainComponent?: React.ElementType;

package/dist/js/components/Wizard/WizardBody.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WizardBody.d.ts","sourceRoot":"","sources":["../../../../src/components/Wizard/WizardBody.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAEtC,MAAM,WAAW,eAAe;IAC9B,uDAAuD;IACvD,QAAQ,EAAE,GAAG,CAAC;IACd,qDAAqD;IACrD,gBAAgB,EAAE,OAAO,CAAC;IAC1B,gDAAgD;IAChD,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,8DAA8D;IAC9D,iBAAiB,EAAE,MAAM,CAAC;IAC1B,sDAAsD;IACtD,aAAa,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC;IAClC,sCAAsC;IACtC,UAAU,EAAE,UAAU,CAAC;IACvB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,oDAAoD;IACpD,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,uDAAuD;IACvD,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;CAC7B;AAED,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,iBAAiB,CAAC,eAAe,CA0B/D,CAAC"}
+{"version":3,"file":"WizardBody.d.ts","sourceRoot":"","sources":["../../../../src/components/Wizard/WizardBody.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAItC,MAAM,WAAW,eAAe;IAC9B,uDAAuD;IACvD,QAAQ,EAAE,GAAG,CAAC;IACd,qDAAqD;IACrD,gBAAgB,EAAE,OAAO,CAAC;IAC1B;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;OAEG;IACH,iBAAiB,EAAE,MAAM,CAAC;IAC1B,sDAAsD;IACtD,aAAa,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC;IAClC,sCAAsC;IACtC,UAAU,EAAE,UAAU,CAAC;IACvB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,oDAAoD;IACpD,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,uDAAuD;IACvD,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;CAC7B;AAED,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,iBAAiB,CAAC,eAAe,CA+D/D,CAAC"}

package/dist/js/components/Wizard/WizardBody.js

@@ -7,9 +7,36 @@ const wizard_1 = tslib_1.__importDefault(require("@patternfly/react-styles/css/c
 const react_styles_1 = require("@patternfly/react-styles");
 const WizardDrawerWrapper_1 = require("./WizardDrawerWrapper");
 const Drawer_1 = require("../Drawer");
+const util_1 = require("../../helpers/util");
+const resizeObserver_1 = require("../../helpers/resizeObserver");
 const WizardBody = ({ children, hasNoBodyPadding = false, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledBy, mainComponent = 'div', hasDrawer, isDrawerExpanded, onExpandDrawer, activeStep }) => {
     const MainComponent = mainComponent;
-    return (React.createElement(MainComponent, { "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, className: (0, react_styles_1.css)(wizard_1.default.wizardMain) },
+    const [hasScrollbar, setHasScrollbar] = React.useState(false);
+    const [previousWidth, setPreviousWidth] = React.useState(undefined);
+    const wizardBodyRef = React.useRef(null);
+    React.useEffect(() => {
+        const resize = () => {
+            if (wizardBodyRef === null || wizardBodyRef === void 0 ? void 0 : wizardBodyRef.current) {
+                const { offsetWidth, offsetHeight, scrollHeight } = wizardBodyRef.current;
+                if (previousWidth !== offsetWidth) {
+                    setPreviousWidth(offsetWidth);
+                    setHasScrollbar(offsetHeight < scrollHeight);
+                }
+            }
+        };
+        const handleResizeWithDelay = (0, util_1.debounce)(resize, 250);
+        let observer = () => { };
+        if (wizardBodyRef === null || wizardBodyRef === void 0 ? void 0 : wizardBodyRef.current) {
+            observer = (0, resizeObserver_1.getResizeObserver)(wizardBodyRef.current, handleResizeWithDelay);
+            const { offsetHeight, scrollHeight } = wizardBodyRef.current;
+            setHasScrollbar(offsetHeight < scrollHeight);
+            setPreviousWidth(wizardBodyRef.current.offsetWidth);
+        }
+        return () => {
+            observer();
+        };
+    }, []);
+    return (React.createElement(MainComponent, Object.assign({}, (mainComponent === 'div' && hasScrollbar && { role: 'region' }), (hasScrollbar && { 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledBy, tabIndex: 0 }), { ref: wizardBodyRef, className: (0, react_styles_1.css)(wizard_1.default.wizardMain) }),
         React.createElement(WizardDrawerWrapper_1.WizardDrawerWrapper, { hasDrawer: hasDrawer && activeStep.drawerPanelContent, wrapper: (children) => (React.createElement(Drawer_1.Drawer, { isInline: true, isExpanded: isDrawerExpanded, onExpand: onExpandDrawer },
                 React.createElement(Drawer_1.DrawerContent, { panelContent: activeStep.drawerPanelContent }, children))) },
             React.createElement("div", { className: (0, react_styles_1.css)(wizard_1.default.wizardMainBody, hasNoBodyPadding && wizard_1.default.modifiers.noPadding) }, children))));

package/dist/js/components/Wizard/WizardBody.js.map

@@ -1 +1 @@
-{"version":3,"file":"WizardBody.js","sourceRoot":"","sources":["../../../../src/components/Wizard/WizardBody.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAC/B,2GAA2E;AAC3E,2DAA+C;AAC/C,+DAA4D;AAC5D,sCAAkD;AAuB3C,MAAM,UAAU,GAA6C,CAAC,EACnE,QAAQ,EACR,gBAAgB,GAAG,KAAK,EACxB,YAAY,EAAE,SAAS,EACvB,iBAAiB,EAAE,cAAc,EACjC,aAAa,GAAG,KAAK,EACrB,SAAS,EACT,gBAAgB,EAChB,cAAc,EACd,UAAU,EACM,EAAE,EAAE;IACpB,MAAM,aAAa,GAAG,aAAa,CAAC;IACpC,OAAO,CACL,oBAAC,aAAa,kBAAa,SAAS,qBAAmB,cAAc,EAAE,SAAS,EAAE,IAAA,kBAAG,EAAC,gBAAM,CAAC,UAAU,CAAC;QACtG,oBAAC,yCAAmB,IAClB,SAAS,EAAE,SAAS,IAAI,UAAU,CAAC,kBAAkB,EACrD,OAAO,EAAE,CAAC,QAAyB,EAAE,EAAE,CAAC,CACtC,oBAAC,eAAM,IAAC,QAAQ,QAAC,UAAU,EAAE,gBAAgB,EAAE,QAAQ,EAAE,cAAc;gBACrE,oBAAC,sBAAa,IAAC,YAAY,EAAE,UAAU,CAAC,kBAAkB,IAAG,QAAQ,CAAiB,CAC/E,CACV;YAED,6BAAK,SAAS,EAAE,IAAA,kBAAG,EAAC,gBAAM,CAAC,cAAc,EAAE,gBAAgB,IAAI,gBAAM,CAAC,SAAS,CAAC,SAAS,CAAC,IAAG,QAAQ,CAAO,CACxF,CACR,CACjB,CAAC;AACJ,CAAC,CAAC;AA1BW,QAAA,UAAU,cA0BrB;AACF,kBAAU,CAAC,WAAW,GAAG,YAAY,CAAC"}
+{"version":3,"file":"WizardBody.js","sourceRoot":"","sources":["../../../../src/components/Wizard/WizardBody.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAC/B,2GAA2E;AAC3E,2DAA+C;AAC/C,+DAA4D;AAC5D,sCAAkD;AAElD,6CAA8C;AAC9C,iEAAiE;AA0B1D,MAAM,UAAU,GAA6C,CAAC,EACnE,QAAQ,EACR,gBAAgB,GAAG,KAAK,EACxB,YAAY,EAAE,SAAS,EACvB,iBAAiB,EAAE,cAAc,EACjC,aAAa,GAAG,KAAK,EACrB,SAAS,EACT,gBAAgB,EAChB,cAAc,EACd,UAAU,EACM,EAAE,EAAE;IACpB,MAAM,aAAa,GAAG,aAAa,CAAC;IACpC,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC9D,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAqB,SAAS,CAAC,CAAC;IACxF,MAAM,aAAa,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;IAEzC,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,MAAM,MAAM,GAAG,GAAG,EAAE;YAClB,IAAI,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,OAAO,EAAE;gBAC1B,MAAM,EAAE,WAAW,EAAE,YAAY,EAAE,YAAY,EAAE,GAAG,aAAa,CAAC,OAAO,CAAC;gBAE1E,IAAI,aAAa,KAAK,WAAW,EAAE;oBACjC,gBAAgB,CAAC,WAAW,CAAC,CAAC;oBAC9B,eAAe,CAAC,YAAY,GAAG,YAAY,CAAC,CAAC;iBAC9C;aACF;QACH,CAAC,CAAC;QAEF,MAAM,qBAAqB,GAAG,IAAA,eAAQ,EAAC,MAAM,EAAE,GAAG,CAAC,CAAC;QACpD,IAAI,QAAQ,GAAG,GAAG,EAAE,GAAE,CAAC,CAAC;QAExB,IAAI,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,OAAO,EAAE;YAC1B,QAAQ,GAAG,IAAA,kCAAiB,EAAC,aAAa,CAAC,OAAO,EAAE,qBAAqB,CAAC,CAAC;YAC3E,MAAM,EAAE,YAAY,EAAE,YAAY,EAAE,GAAG,aAAa,CAAC,OAAO,CAAC;YAE7D,eAAe,CAAC,YAAY,GAAG,YAAY,CAAC,CAAC;YAC7C,gBAAgB,CAAE,aAAa,CAAC,OAAuB,CAAC,WAAW,CAAC,CAAC;SACtE;QAED,OAAO,GAAG,EAAE;YACV,QAAQ,EAAE,CAAC;QACb,CAAC,CAAC;IACJ,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CACL,oBAAC,aAAa,oBACR,CAAC,aAAa,KAAK,KAAK,IAAI,YAAY,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,CAAC,EAC/D,CAAC,YAAY,IAAI,EAAE,YAAY,EAAE,SAAS,EAAE,iBAAiB,EAAE,cAAc,EAAE,QAAQ,EAAE,CAAC,EAAE,CAAC,IACjG,GAAG,EAAE,aAAa,EAClB,SAAS,EAAE,IAAA,kBAAG,EAAC,gBAAM,CAAC,UAAU,CAAC;QAEjC,oBAAC,yCAAmB,IAClB,SAAS,EAAE,SAAS,IAAI,UAAU,CAAC,kBAAkB,EACrD,OAAO,EAAE,CAAC,QAAyB,EAAE,EAAE,CAAC,CACtC,oBAAC,eAAM,IAAC,QAAQ,QAAC,UAAU,EAAE,gBAAgB,EAAE,QAAQ,EAAE,cAAc;gBACrE,oBAAC,sBAAa,IAAC,YAAY,EAAE,UAAU,CAAC,kBAAkB,IAAG,QAAQ,CAAiB,CAC/E,CACV;YAED,6BAAK,SAAS,EAAE,IAAA,kBAAG,EAAC,gBAAM,CAAC,cAAc,EAAE,gBAAgB,IAAI,gBAAM,CAAC,SAAS,CAAC,SAAS,CAAC,IAAG,QAAQ,CAAO,CACxF,CACR,CACjB,CAAC;AACJ,CAAC,CAAC;AA/DW,QAAA,UAAU,cA+DrB;AACF,kBAAU,CAAC,WAAW,GAAG,YAAY,CAAC"}

package/dist/js/components/Wizard/WizardToggle.d.ts

@@ -17,9 +17,13 @@ export interface WizardToggleProps {
     onNavToggle: (isOpen: boolean) => void;
     /** The button's aria-label */
     'aria-label'?: string;
-    /** Sets aria-labelledby on the main element */
+    /** Adds an accessible name to the wizard body by passing the the id of one or more elements.
+     * The aria-labelledby will only be applied when the body content overflows and renders a scrollbar.
+     */
     mainAriaLabelledBy?: string;
-    /** The main's aria-label */
+    /** Adds an accessible name to the wizard body when the body content overflows and renders
+     * a scrollbar.
+     */
     mainAriaLabel?: string;
     /** If the wizard is in-page */
     isInPage?: boolean;

package/dist/js/components/Wizard/WizardToggle.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WizardToggle.d.ts","sourceRoot":"","sources":["../../../../src/components/Wizard/WizardToggle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAGtC,MAAM,WAAW,iBAAiB;IAChC,oDAAoD;IACpD,GAAG,EAAE,CAAC,eAAe,EAAE,OAAO,KAAK,KAAK,CAAC,YAAY,CAAC;IACtD,uBAAuB;IACvB,KAAK,EAAE,UAAU,EAAE,CAAC;IACpB,sCAAsC;IACtC,UAAU,EAAE,UAAU,CAAC;IACvB,uBAAuB;IACvB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,yCAAyC;IACzC,gBAAgB,EAAE,OAAO,CAAC;IAC1B,yBAAyB;IACzB,SAAS,EAAE,OAAO,CAAC;IACnB,oDAAoD;IACpD,WAAW,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,8BAA8B;IAC9B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,+CAA+C;IAC/C,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,4BAA4B;IAC5B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,+BAA+B;IAC/B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,mFAAmF;IACnF,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,oDAAoD;IACpD,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,uDAAuD;IACvD,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;CAC7B;AAED,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,iBAAiB,CAAC,iBAAiB,CA4EnE,CAAC"}
+{"version":3,"file":"WizardToggle.d.ts","sourceRoot":"","sources":["../../../../src/components/Wizard/WizardToggle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAGtC,MAAM,WAAW,iBAAiB;IAChC,oDAAoD;IACpD,GAAG,EAAE,CAAC,eAAe,EAAE,OAAO,KAAK,KAAK,CAAC,YAAY,CAAC;IACtD,uBAAuB;IACvB,KAAK,EAAE,UAAU,EAAE,CAAC;IACpB,sCAAsC;IACtC,UAAU,EAAE,UAAU,CAAC;IACvB,uBAAuB;IACvB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,yCAAyC;IACzC,gBAAgB,EAAE,OAAO,CAAC;IAC1B,yBAAyB;IACzB,SAAS,EAAE,OAAO,CAAC;IACnB,oDAAoD;IACpD,WAAW,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,8BAA8B;IAC9B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;OAEG;IACH,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,+BAA+B;IAC/B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,mFAAmF;IACnF,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,oDAAoD;IACpD,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,uDAAuD;IACvD,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;CAC7B;AAED,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,iBAAiB,CAAC,iBAAiB,CA4EnE,CAAC"}

package/dist/js/components/Wizard/WizardToggle.js.map

@@ -1 +1 @@
-{"version":3,"file":"WizardToggle.js","sourceRoot":"","sources":["../../../../src/components/Wizard/WizardToggle.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"WizardToggle.js","sourceRoot":"","sources":["../../../../src/components/Wizard/WizardToggle.tsx"],"names":[],"mappings":"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"}

package/dist/js/next/components/Wizard/WizardBody.d.ts

@@ -6,15 +6,19 @@ export interface WizardBodyProps {
     children: React.ReactNode | React.ReactNode[];
     /** Set to true to remove the default body padding */
     hasNoPadding?: boolean;
-    /** An aria-label to use for the wrapper element */
+    /** Adds an accessible name to the wrapper element when the content overflows and renders
+     * a scrollbar.
+     */
     'aria-label'?: string;
-    /** Sets the aria-labelledby attribute for the wrapper element */
+    /** Adds an accessible name to the wrapper element by passing the the id of one or more elements.
+     * The aria-labelledby will only be applied when the content overflows and renders a scrollbar.
+     */
     'aria-labelledby'?: string;
     /** Component used as the wrapping content container */
     component?: React.ElementType;
 }
 export declare const WizardBody: {
-    ({ children, hasNoPadding, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, component: WrapperComponent }: WizardBodyProps): JSX.Element;
+    ({ children, hasNoPadding, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, component }: WizardBodyProps): JSX.Element;
     displayName: string;
 };
 //# sourceMappingURL=WizardBody.d.ts.map

package/dist/js/next/components/Wizard/WizardBody.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WizardBody.d.ts","sourceRoot":"","sources":["../../../../../src/next/components/Wizard/WizardBody.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B;;GAEG;AAEH,MAAM,WAAW,eAAe;IAC9B,QAAQ,EAAE,KAAK,CAAC,SAAS,GAAG,KAAK,CAAC,SAAS,EAAE,CAAC;IAC9C,qDAAqD;IACrD,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,mDAAmD;IACnD,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,iEAAiE;IACjE,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,uDAAuD;IACvD,SAAS,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC;CAC/B;AAED,eAAO,MAAM,UAAU;0HAMpB,eAAe;;CAIjB,CAAC"}
+{"version":3,"file":"WizardBody.d.ts","sourceRoot":"","sources":["../../../../../src/next/components/Wizard/WizardBody.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAQ1B;;GAEG;AAEH,MAAM,WAAW,eAAe;IAC9B,QAAQ,EAAE,KAAK,CAAC,SAAS,GAAG,KAAK,CAAC,SAAS,EAAE,CAAC;IAC9C,qDAAqD;IACrD,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;OAEG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,uDAAuD;IACvD,SAAS,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC;CAC/B;AAED,eAAO,MAAM,UAAU;wGAMpB,eAAe;;CA8CjB,CAAC"}

package/dist/js/next/components/Wizard/WizardBody.js

@@ -5,8 +5,41 @@ const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importDefault(require("react"));
 const wizard_1 = tslib_1.__importDefault(require("@patternfly/react-styles/css/components/Wizard/wizard"));
 const react_styles_1 = require("@patternfly/react-styles");
-const WizardBody = ({ children, hasNoPadding = false, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledBy, component: WrapperComponent = 'div' }) => (react_1.default.createElement(WrapperComponent, { "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, className: (0, react_styles_1.css)(wizard_1.default.wizardMain) },
-    react_1.default.createElement("div", { className: (0, react_styles_1.css)(wizard_1.default.wizardMainBody, hasNoPadding && wizard_1.default.modifiers.noPadding) }, children)));
+const WizardContext_1 = require("./WizardContext");
+const util_1 = require("../../../helpers/util");
+const resizeObserver_1 = require("../../../helpers/resizeObserver");
+const WizardBody = ({ children, hasNoPadding = false, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledBy, component = 'div' }) => {
+    const [hasScrollbar, setHasScrollbar] = react_1.default.useState(false);
+    const [previousWidth, setPreviousWidth] = react_1.default.useState(undefined);
+    const wrapperRef = react_1.default.useRef(null);
+    const WrapperComponent = component;
+    const { activeStep } = react_1.default.useContext(WizardContext_1.WizardContext);
+    const defaultAriaLabel = ariaLabel || `${activeStep === null || activeStep === void 0 ? void 0 : activeStep.name} content`;
+    react_1.default.useEffect(() => {
+        const resize = () => {
+            if (wrapperRef === null || wrapperRef === void 0 ? void 0 : wrapperRef.current) {
+                const { offsetWidth, offsetHeight, scrollHeight } = wrapperRef.current;
+                if (previousWidth !== offsetWidth) {
+                    setPreviousWidth(offsetWidth);
+                    setHasScrollbar(offsetHeight < scrollHeight);
+                }
+            }
+        };
+        const handleResizeWithDelay = (0, util_1.debounce)(resize, 250);
+        let observer = () => { };
+        if (wrapperRef === null || wrapperRef === void 0 ? void 0 : wrapperRef.current) {
+            observer = (0, resizeObserver_1.getResizeObserver)(wrapperRef.current, handleResizeWithDelay);
+            const { offsetHeight, scrollHeight } = wrapperRef.current;
+            setHasScrollbar(offsetHeight < scrollHeight);
+            setPreviousWidth(wrapperRef.current.offsetWidth);
+        }
+        return () => {
+            observer();
+        };
+    }, []);
+    return (react_1.default.createElement(WrapperComponent, Object.assign({ ref: wrapperRef }, (component === 'div' && hasScrollbar && { role: 'region' }), (hasScrollbar && { 'aria-label': defaultAriaLabel, 'aria-labelledby': ariaLabelledBy, tabIndex: 0 }), { className: (0, react_styles_1.css)(wizard_1.default.wizardMain) }),
+        react_1.default.createElement("div", { className: (0, react_styles_1.css)(wizard_1.default.wizardMainBody, hasNoPadding && wizard_1.default.modifiers.noPadding) }, children)));
+};
 exports.WizardBody = WizardBody;
 exports.WizardBody.displayName = 'WizardBody';
 //# sourceMappingURL=WizardBody.js.map

package/dist/js/next/components/Wizard/WizardBody.js.map

@@ -1 +1 @@
-{"version":3,"file":"WizardBody.js","sourceRoot":"","sources":["../../../../../src/next/components/Wizard/WizardBody.tsx"],"names":[],"mappings":";;;;AAAA,0DAA0B;AAE1B,2GAA2E;AAC3E,2DAA+C;AAkBxC,MAAM,UAAU,GAAG,CAAC,EACzB,QAAQ,EACR,YAAY,GAAG,KAAK,EACpB,YAAY,EAAE,SAAS,EACvB,iBAAiB,EAAE,cAAc,EACjC,SAAS,EAAE,gBAAgB,GAAG,KAAK,EACnB,EAAE,EAAE,CAAC,CACrB,8BAAC,gBAAgB,kBAAa,SAAS,qBAAmB,cAAc,EAAE,SAAS,EAAE,IAAA,kBAAG,EAAC,gBAAM,CAAC,UAAU,CAAC;IACzG,uCAAK,SAAS,EAAE,IAAA,kBAAG,EAAC,gBAAM,CAAC,cAAc,EAAE,YAAY,IAAI,gBAAM,CAAC,SAAS,CAAC,SAAS,CAAC,IAAG,QAAQ,CAAO,CACvF,CACpB,CAAC;AAVW,QAAA,UAAU,cAUrB;AAEF,kBAAU,CAAC,WAAW,GAAG,YAAY,CAAC"}
+{"version":3,"file":"WizardBody.js","sourceRoot":"","sources":["../../../../../src/next/components/Wizard/WizardBody.tsx"],"names":[],"mappings":";;;;AAAA,0DAA0B;AAE1B,2GAA2E;AAC3E,2DAA+C;AAC/C,mDAAgD;AAChD,gDAAiD;AACjD,oEAAoE;AAsB7D,MAAM,UAAU,GAAG,CAAC,EACzB,QAAQ,EACR,YAAY,GAAG,KAAK,EACpB,YAAY,EAAE,SAAS,EACvB,iBAAiB,EAAE,cAAc,EACjC,SAAS,GAAG,KAAK,EACD,EAAE,EAAE;IACpB,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,eAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC9D,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,eAAK,CAAC,QAAQ,CAAqB,SAAS,CAAC,CAAC;IACxF,MAAM,UAAU,GAAG,eAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;IACtC,MAAM,gBAAgB,GAAG,SAAS,CAAC;IACnC,MAAM,EAAE,UAAU,EAAE,GAAG,eAAK,CAAC,UAAU,CAAC,6BAAa,CAAC,CAAC;IACvD,MAAM,gBAAgB,GAAG,SAAS,IAAI,GAAG,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,IAAI,UAAU,CAAC;IAEpE,eAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,MAAM,MAAM,GAAG,GAAG,EAAE;YAClB,IAAI,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,OAAO,EAAE;gBACvB,MAAM,EAAE,WAAW,EAAE,YAAY,EAAE,YAAY,EAAE,GAAG,UAAU,CAAC,OAAO,CAAC;gBAEvE,IAAI,aAAa,KAAK,WAAW,EAAE;oBACjC,gBAAgB,CAAC,WAAW,CAAC,CAAC;oBAC9B,eAAe,CAAC,YAAY,GAAG,YAAY,CAAC,CAAC;iBAC9C;aACF;QACH,CAAC,CAAC;QAEF,MAAM,qBAAqB,GAAG,IAAA,eAAQ,EAAC,MAAM,EAAE,GAAG,CAAC,CAAC;QACpD,IAAI,QAAQ,GAAG,GAAG,EAAE,GAAE,CAAC,CAAC;QAExB,IAAI,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,OAAO,EAAE;YACvB,QAAQ,GAAG,IAAA,kCAAiB,EAAC,UAAU,CAAC,OAAO,EAAE,qBAAqB,CAAC,CAAC;YACxE,MAAM,EAAE,YAAY,EAAE,YAAY,EAAE,GAAG,UAAU,CAAC,OAAO,CAAC;YAE1D,eAAe,CAAC,YAAY,GAAG,YAAY,CAAC,CAAC;YAC7C,gBAAgB,CAAE,UAAU,CAAC,OAAuB,CAAC,WAAW,CAAC,CAAC;SACnE;QAED,OAAO,GAAG,EAAE;YACV,QAAQ,EAAE,CAAC;QACb,CAAC,CAAC;IACJ,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CACL,8BAAC,gBAAgB,kBACf,GAAG,EAAE,UAAU,IACX,CAAC,SAAS,KAAK,KAAK,IAAI,YAAY,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,CAAC,EAC3D,CAAC,YAAY,IAAI,EAAE,YAAY,EAAE,gBAAgB,EAAE,iBAAiB,EAAE,cAAc,EAAE,QAAQ,EAAE,CAAC,EAAE,CAAC,IACxG,SAAS,EAAE,IAAA,kBAAG,EAAC,gBAAM,CAAC,UAAU,CAAC;QAEjC,uCAAK,SAAS,EAAE,IAAA,kBAAG,EAAC,gBAAM,CAAC,cAAc,EAAE,YAAY,IAAI,gBAAM,CAAC,SAAS,CAAC,SAAS,CAAC,IAAG,QAAQ,CAAO,CACvF,CACpB,CAAC;AACJ,CAAC,CAAC;AApDW,QAAA,UAAU,cAoDrB;AAEF,kBAAU,CAAC,WAAW,GAAG,YAAY,CAAC"}