@procore/core-react 10.30.0 → 11.0.0-rc.2

package/dist/OverlayTrigger/OverlayTrigger.d.ts

@@ -0,0 +1,77 @@
+import React from 'react';
+import { BeforeCallback } from '../_hooks/DelayedCallback';
+import { TriggerRenderProps } from '../_hooks/Trigger';
+import { VisibilityConfig } from '../_hooks/Visibility';
+import { OverlayProps } from '../Overlay';
+declare type PickedOverlayProps = Pick<OverlayProps, 'canFlip' | 'padding' | 'placement' | 'shrinkOverlay'>;
+declare type PickedTriggerProps = Pick<TriggerRenderProps, 'children' | 'trigger'>;
+declare type PickedTriggerRenderProps = Pick<TriggerRenderProps, 'children'>;
+declare type PickedVisibilityProps = Pick<VisibilityConfig, 'afterHide' | 'afterShow' | 'initialIsVisible'>;
+export interface OverlayTriggerProps extends PickedOverlayProps, PickedTriggerProps, PickedTriggerRenderProps, PickedVisibilityProps {
+    /**
+     * <div>
+     *  The callback to run before the overlay is hidden. Returning
+     *  <Code>false</Code> will prevent hiding.
+     * </div>
+     * <CodeBlock>(e: event) => boolean | Promise | undefined</CodeBlock>
+     * @since 10.19.0
+     */
+    beforeHide?: BeforeCallback;
+    /**
+     * <div>
+     *  The callback to run before the overlay is shown. Returning
+     *  <Code>false</Code> will prevent showing.
+     * </div>
+     * <CodeBlock>(e: event) => boolean | Promise | undefined</CodeBlock>
+     * @since 10.19.0
+     */
+    beforeShow?: BeforeCallback;
+    /**
+     * Additional refs to check for clickOutside behavior
+     * @since 10.19.0
+     */
+    clickOutsideIgnoreRefs?: React.RefObject<HTMLElement>[];
+    /**
+     * The delay when hiding the overlay
+     * @since 10.19.0
+     */
+    hideDelay?: number;
+    hideKeys?: {
+        /**
+         * Keys to hide the overlay when the overlay is focused
+         * @since 10.19.0
+         */
+        overlay: string[];
+        target: string[];
+    };
+    overlay: React.ReactNode;
+    /**
+     * Restore focus to the target after the overlay is hidden
+     * @default true
+     * @since 10.19.0
+     */
+    restoreFocusOnHide?: boolean;
+    /**
+     * The delay when showing the overlay
+     * @since 10.19.0
+     */
+    showDelay?: number;
+    /**
+     * Keys to show the overlay when the target is focused
+     * @since 10.19.0
+     */
+    showKeys?: string[];
+}
+/**
+ @see [Storybook](https://procore.github.io/core/latest/?path=/story/demos-overlaytrigger--demo)
+ */
+export declare const OverlayTrigger: React.ForwardRefExoticComponent<OverlayTriggerProps & React.RefAttributes<HTMLElement>>;
+export declare function CloseOnFocus({ hide }: {
+    hide: (event: any) => any;
+}): JSX.Element;
+export declare function useOverlayTriggerContext(): {
+    hide: (event: any) => any;
+    show: (event: any) => any;
+    toggle: (event: any) => any;
+};
+export {};

package/dist/OverlayTrigger/OverlayTrigger.js

@@ -0,0 +1,139 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
+import React from 'react';
+import { useClickOutside } from '../_hooks/ClickOutside';
+import { useDelayedToggleContext, DelayedToggleContext, DelayedToggleProvider, } from '../_hooks/DelayedToggle';
+import { Trigger } from '../_hooks/Trigger';
+import { useVisibility } from '../_hooks/Visibility';
+import { Overlay } from '../Overlay';
+var ClickOutside = function (_a) {
+    var onClickOutside = _a.onClickOutside, refs = _a.refs;
+    useClickOutside({
+        onClickOutside: onClickOutside,
+        refs: refs,
+    });
+    return React.createElement(React.Fragment, null);
+};
+/**
+ @see [Storybook](https://procore.github.io/core/latest/?path=/story/demos-overlaytrigger--demo)
+ */
+export var OverlayTrigger = React.forwardRef(function OverlayTrigger(_a, ref) {
+    var _b = _a.afterHide, afterHide = _b === void 0 ? function () { } : _b, _c = _a.afterShow, afterShow = _c === void 0 ? function () { } : _c, _d = _a.beforeHide, beforeHide = _d === void 0 ? function () { return true; } : _d, _e = _a.beforeShow, beforeShow = _e === void 0 ? function () { return true; } : _e, _f = _a.canFlip, canFlip = _f === void 0 ? true : _f, children = _a.children, _g = _a.clickOutsideIgnoreRefs, clickOutsideIgnoreRefs = _g === void 0 ? [] : _g, _h = _a.hideDelay, hideDelay = _h === void 0 ? 100 : _h, _j = _a.hideKeys, hideKeys = _j === void 0 ? {
+        overlay: ['Escape', 'Esc', 'Tab'],
+        target: ['Escape', 'Esc'],
+    } : _j, _k = _a.initialIsVisible, initialIsVisible = _k === void 0 ? false : _k, overlay = _a.overlay, _l = _a.padding, padding = _l === void 0 ? 2 : _l, _m = _a.placement, placement = _m === void 0 ? 'top' : _m, _o = _a.restoreFocusOnHide, restoreFocusOnHide = _o === void 0 ? true : _o, // TODO: change default to be false, but that is a breaking change
+    _p = _a.showDelay, // TODO: change default to be false, but that is a breaking change
+    showDelay = _p === void 0 ? 0 : _p, _q = _a.showKeys, showKeys = _q === void 0 ? ['ArrowDown', 'Down'] : _q, _r = _a.shrinkOverlay, shrinkOverlay = _r === void 0 ? false : _r, _s = _a.trigger, trigger = _s === void 0 ? 'click' : _s;
+    var overlayRef = React.useRef(null);
+    var innerRef = React.useRef(null);
+    var targetRef = ref || innerRef;
+    var clickedOutsideRef = React.useRef(true);
+    var visibility = useVisibility({
+        afterHide: afterHide,
+        afterShow: afterShow,
+        initialIsVisible: initialIsVisible,
+    });
+    var triggers = React.useMemo(function () { return (Array.isArray(trigger) ? trigger : [trigger]); }, [trigger]);
+    React.useEffect(function () {
+        if (triggers.indexOf('none') >= 0 && visibility.isVisible) {
+            visibility.hide();
+        }
+        if (triggers.indexOf('always') >= 0 && !visibility.isVisible) {
+            visibility.show();
+        }
+    }, [triggers, visibility.isVisible]);
+    React.useEffect(function () {
+        if (restoreFocusOnHide &&
+            !visibility.isVisible &&
+            !clickedOutsideRef.current) {
+            targetRef.current && targetRef.current.focus();
+        }
+        clickedOutsideRef.current = false;
+    }, [restoreFocusOnHide, targetRef, visibility.isVisible]);
+    return (React.createElement(DelayedToggleProvider, __assign({}, {
+        beforeDisable: beforeHide,
+        beforeEnable: beforeShow,
+        disableDelay: hideDelay,
+        enableDelay: showDelay,
+        isEnabled: visibility.isVisible,
+        onDisable: visibility.hide,
+        onEnable: visibility.show,
+    }),
+        React.createElement(DelayedToggleContext.Consumer, null, function (_a) {
+            var enable = _a.enable, disable = _a.disable;
+            return (React.createElement(React.Fragment, null,
+                React.createElement(Trigger, __assign({}, {
+                    isEnabled: visibility.isVisible,
+                    enable: enable,
+                    disable: disable,
+                    enableKeys: showKeys,
+                    disableKeys: hideKeys.target,
+                    trigger: trigger,
+                    triggerRef: targetRef,
+                }), children),
+                visibility.isVisible && (React.createElement(React.Fragment, null,
+                    React.createElement(ClickOutside, __assign({}, {
+                        onClickOutside: function (event) {
+                            clickedOutsideRef.current = true;
+                            disable(event);
+                        },
+                        refs: __spreadArray([overlayRef, targetRef], clickOutsideIgnoreRefs, true),
+                    })),
+                    React.createElement(Trigger, __assign({}, {
+                        isEnabled: visibility.isVisible,
+                        enable: enable,
+                        disable: disable,
+                        disableKeys: hideKeys.overlay,
+                        trigger: trigger === 'click' ? 'none' : trigger,
+                        triggerRef: overlayRef,
+                    }),
+                        React.createElement(Overlay, __assign({}, {
+                            canFlip: canFlip,
+                            overlayRef: overlayRef,
+                            padding: padding,
+                            placement: placement,
+                            shrinkOverlay: shrinkOverlay,
+                            targetRef: targetRef,
+                        }), overlay))))));
+        })));
+});
+export function CloseOnFocus(_a) {
+    var hide = _a.hide;
+    return (
+    // in IE, the hidden input's cursor appears right under the menu
+    // this positions it arbitrarily away where it won't be noticed
+    React.createElement("div", { style: {
+            height: 0,
+            position: 'absolute',
+            top: 1000,
+            width: 0,
+        } },
+        React.createElement("input", { onFocus: hide, style: { opacity: 0 } })));
+}
+export function useOverlayTriggerContext() {
+    var _a = useDelayedToggleContext(), show = _a.enable, hide = _a.disable, toggle = _a.toggle;
+    return {
+        hide: hide,
+        show: show,
+        toggle: toggle,
+    };
+}
+//# sourceMappingURL=OverlayTrigger.js.map

package/dist/OverlayTrigger/OverlayTrigger.js.map

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

package/dist/OverlayTrigger/index.d.ts

@@ -0,0 +1 @@
+export { OverlayTrigger, OverlayTriggerProps } from './OverlayTrigger';

package/dist/OverlayTrigger/index.js

@@ -0,0 +1,2 @@
+export { OverlayTrigger } from './OverlayTrigger';
+//# sourceMappingURL=index.js.map

package/dist/OverlayTrigger/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/OverlayTrigger/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAuB,MAAM,kBAAkB,CAAA"}

package/dist/PageLayout/PageLayout.constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PageLayout.constants.js","sourceRoot":"","sources":["../../src/PageLayout/PageLayout.constants.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,IAAM,sBAAsB,GAAG,4BAA4B,CAAA;AAClE,MAAM,CAAC,IAAM,0BAA0B,GAAG,oBAAoB,CAAA"}

package/dist/PageLayout/PageLayout.d.ts

@@ -0,0 +1,52 @@
+import React, { RefObject } from 'react';
+import { Props } from '../_utils/types';
+import { PageAsideProps, PageComponentProps, PageHeaderProps } from './PageLayout.types';
+import { DivAttributes } from '../_utils/types';
+import { GridProps } from '../Grid/Grid.types';
+export declare const PageContext: React.Context<{
+    bodyRef: React.RefObject<HTMLDivElement>;
+    footerRef: React.RefObject<HTMLDivElement>;
+    containerRef: React.RefObject<HTMLDivElement>;
+    aside: {
+        open: () => Promise<void>;
+        close: () => Promise<void>;
+        isOpen: boolean;
+    };
+}>;
+/**
+  Building block elements for layout that should be used to build a common skeleton of a page.
+
+  - Page
+    - Page.Main
+      - Page.Header
+        - Page.Breadcrumbs
+          - Breadcrumbs
+        - Page.Banner
+          - Banner
+        - Page.Title
+          - Title or H1
+        - Page.Tabs
+          - Tabs
+      - Page.Body
+      - Page.Footer
+    - Page.Aside
+
+Other helpers, such as Page.Grid, Page.Row and Page.Column are thin wrappers over NextGrid components and share the same API.
+ */
+export declare const Page: React.ForwardRefExoticComponent<DivAttributes & React.RefAttributes<HTMLDivElement>> & {
+    Header: React.ForwardRefExoticComponent<PageHeaderProps & React.RefAttributes<HTMLDivElement>>;
+    Banner: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLDivElement>>;
+    Breadcrumbs: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLDivElement>>;
+    Title: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLDivElement>>;
+    Tabs: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLDivElement>>;
+    Footer: React.ForwardRefExoticComponent<DivAttributes & React.RefAttributes<HTMLDivElement>>;
+    Body: React.ForwardRefExoticComponent<PageComponentProps & React.RefAttributes<HTMLDivElement>>;
+    Main: React.ForwardRefExoticComponent<DivAttributes & React.RefAttributes<HTMLDivElement>>;
+    Aside: React.ForwardRefExoticComponent<PageAsideProps & React.RefAttributes<HTMLDivElement>>;
+    Grid: {
+        ({ gutterX, ...props }: GridProps): JSX.Element;
+        displayName: string;
+    };
+    Column: React.ForwardRefExoticComponent<import("../Grid").GridColProps & React.RefAttributes<HTMLDivElement>>;
+    Row: React.ForwardRefExoticComponent<import("../Grid").GridRowProps & React.RefAttributes<HTMLDivElement>>;
+};

package/dist/PageLayout/PageLayout.js

@@ -0,0 +1,300 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (_) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import React from 'react';
+import throttle from 'lodash.throttle';
+import { addSubcomponents } from '../_utils/addSubcomponents';
+import { Grid } from '../Grid';
+import { StyledPageHeader, StyledBody, StyledAside, StyledPageMain, StyledPageContainer, StyledPageTitle, StyledPageTabs, StyledPageBanner, StyledPageBreadcrumbs, StyledAsidePanel, StyledFooter, StyledAsideFluidContainer, animationDuration, } from './PageLayout.styles';
+import { mergeRefs } from '../_utils/mergeRefs';
+import { pageLayoutRootDataAttr } from './PageLayout.constants';
+import { useResize } from '../_hooks/Resize';
+import { useScroll } from '../_hooks/Scroll';
+import { getBottomOffsetForFooterUseCase, getGlobalBottomOffset, getGlobalTopOffset, getIsIntersectingVertically, getRightOffset, wait, } from './PageLayout.utils';
+import { TearsheetContext } from '../Tearsheet/Tearsheet';
+import { useUpdateEffect } from '../_hooks/useUpdateEffect';
+export var PageContext = React.createContext({
+    bodyRef: React.createRef(),
+    footerRef: React.createRef(),
+    containerRef: React.createRef(),
+    aside: {
+        open: function () { return Promise.resolve(); },
+        close: function () { return Promise.resolve(); },
+        isOpen: false,
+    },
+});
+var PageGrid = function (_a) {
+    var gutterX = _a.gutterX, props = __rest(_a, ["gutterX"]);
+    return React.createElement(Grid, __assign({ gutterX: gutterX !== null && gutterX !== void 0 ? gutterX : 'lg' }, props));
+};
+var PageHeader = React.forwardRef(function PageHeader(_a, ref) {
+    var transparent = _a.transparent, props = __rest(_a, ["transparent"]);
+    return React.createElement(StyledPageHeader, __assign({ "$transparent": transparent }, props, { ref: ref }));
+});
+var PageBody = React.forwardRef(function PageBody(props, ref) {
+    var bodyRef = React.useContext(PageContext).bodyRef;
+    return React.createElement(StyledBody, __assign({}, props, { ref: mergeRefs(ref, bodyRef) }));
+});
+var PageFooter = React.forwardRef(function PageFooter(props, ref) {
+    var _a = React.useContext(PageContext), bodyRef = _a.bodyRef, footerRef = _a.footerRef, aside = _a.aside;
+    var addListener = React.useContext(TearsheetContext).addListener;
+    var _b = React.useState(false), isIntersectingWithBody = _b[0], setIsIntersectingWithBody = _b[1];
+    function calculateIntersections() {
+        if (!footerRef.current || !bodyRef.current) {
+            return;
+        }
+        setIsIntersectingWithBody(getIsIntersectingVertically(bodyRef.current, footerRef.current));
+    }
+    React.useEffect(function () { return addListener('scroll', calculateIntersections); }, []);
+    React.useEffect(calculateIntersections, []);
+    useScroll({ onScroll: calculateIntersections });
+    useResize({ onResize: calculateIntersections });
+    return (React.createElement(StyledFooter, __assign({}, props, { "$isAsideOpen": aside.isOpen, "$hasShadow": isIntersectingWithBody, "data-sticky": isIntersectingWithBody ? 'sticky' : '', ref: mergeRefs(ref, footerRef) })));
+});
+var PageAside = React.forwardRef(function PageAside(_a, ref) {
+    var _this = this;
+    var children = _a.children, controlledIsOpen = _a.open, props = __rest(_a, ["children", "open"]);
+    var _b = React.useContext(PageContext).aside, contextIsOpen = _b.isOpen, open = _b.open, close = _b.close;
+    var _c = React.useContext(TearsheetContext), tearsheetPlacement = _c.placement, addTearsheetListener = _c.addListener;
+    var _d = React.useContext(PageContext), footerRef = _d.footerRef, containerRef = _d.containerRef;
+    var innerRef = React.useRef(null);
+    var _e = React.useState(null), topOffset = _e[0], setTopOffset = _e[1];
+    var _f = React.useState(0), bottomOffset = _f[0], setBottomOffset = _f[1];
+    var _g = React.useState(0), rightOffset = _g[0], setRightOffset = _g[1];
+    var initialIsOpen = controlledIsOpen !== null && controlledIsOpen !== void 0 ? controlledIsOpen : contextIsOpen;
+    var _h = React.useState(initialIsOpen ? 'open' : 'closed'), animationStatus = _h[0], setAnimationStatus = _h[1];
+    var _j = React.useState(initialIsOpen), isOpen = _j[0], setIsOpen = _j[1];
+    var throttledToggle = React.useCallback(throttle(function (isOpen) {
+        if (isOpen) {
+            open();
+        }
+        else {
+            close();
+        }
+    }, 
+    // wait just a little longer than the animation duration to avoid odd blinking
+    animationDuration.panel + 100, { trailing: true }), []);
+    React.useEffect(function () {
+        throttledToggle(controlledIsOpen);
+    }, [controlledIsOpen, throttledToggle]);
+    React.useEffect(function () {
+        setIsOpen(contextIsOpen);
+    }, []);
+    useUpdateEffect(function () {
+        ;
+        (function () { return __awaiter(_this, void 0, void 0, function () {
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        if (!contextIsOpen) return [3 /*break*/, 3];
+                        setIsOpen(true);
+                        // allow browsers to recalculate the layout
+                        return [4 /*yield*/, wait(0)];
+                    case 1:
+                        // allow browsers to recalculate the layout
+                        _a.sent();
+                        setAnimationStatus('opening');
+                        return [4 /*yield*/, wait(animationDuration.panel)];
+                    case 2:
+                        _a.sent();
+                        setAnimationStatus('open');
+                        return [2 /*return*/];
+                    case 3:
+                        setAnimationStatus('closing');
+                        return [4 /*yield*/, wait(animationDuration.panel)];
+                    case 4:
+                        _a.sent();
+                        setAnimationStatus('closed');
+                        setIsOpen(false);
+                        return [2 /*return*/];
+                }
+            });
+        }); })();
+    }, [contextIsOpen]);
+    function calculateOffsets() {
+        calculateHorizontalOffsets();
+        calculateVerticalOffsets();
+    }
+    function calculateHorizontalOffsets() {
+        if (!containerRef.current) {
+            return;
+        }
+        setRightOffset(getRightOffset(containerRef.current));
+    }
+    function calculateVerticalOffsets() {
+        if (!innerRef.current || !containerRef.current) {
+            return;
+        }
+        var globalTopOffset = getGlobalTopOffset(containerRef.current);
+        setTopOffset(globalTopOffset);
+        var globalBottomOffset = getGlobalBottomOffset(containerRef.current);
+        setBottomOffset(globalBottomOffset);
+        if (!footerRef.current) {
+            return;
+        }
+        var bottomOffset = getBottomOffsetForFooterUseCase(footerRef.current, globalBottomOffset);
+        if (bottomOffset !== null) {
+            setBottomOffset(bottomOffset);
+        }
+    }
+    useScroll({ onScroll: calculateOffsets });
+    useResize({ onResize: calculateOffsets });
+    React.useEffect(function () {
+        if (tearsheetPlacement) {
+            return addTearsheetListener('afterShow', calculateOffsets);
+        }
+        calculateOffsets();
+    }, []);
+    useUpdateEffect(calculateOffsets, [contextIsOpen, animationStatus]);
+    var asideOpen = ['open', 'opening'].includes(animationStatus);
+    var asideClosed = ['closed', 'closing'].includes(animationStatus);
+    return isOpen ? (React.createElement(StyledAside, __assign({}, props, { "$open": asideOpen, "$closed": asideClosed, ref: mergeRefs(ref, innerRef, calculateOffsets) }),
+        React.createElement(StyledAsideFluidContainer, { "$open": asideOpen, "$closed": asideClosed },
+            React.createElement(StyledAsidePanel, { "$offsetTop": topOffset, "$rightOffset": rightOffset, "$minusHeight": (topOffset !== null && topOffset !== void 0 ? topOffset : 0) + bottomOffset, "$closing": animationStatus === 'closing', "$opening": animationStatus === 'opening', "$closed": animationStatus === 'closed', "$altAnimation": tearsheetPlacement === 'left' }, children)))) : null;
+});
+var PageContainer = React.forwardRef(function PageContainer(props, ref) {
+    var _a = React.useState(true), isAsideOpen = _a[0], setIsAsideOpen = _a[1];
+    var openAside = function () {
+        setIsAsideOpen(true);
+        return wait(animationDuration.panel);
+    };
+    var closeAside = function () {
+        setIsAsideOpen(false);
+        return wait(animationDuration.panel);
+    };
+    var containerRef = React.useRef(null);
+    var bodyRef = React.useRef(null);
+    var footerRef = React.useRef(null);
+    return (React.createElement(PageContext.Provider, { value: {
+            bodyRef: bodyRef,
+            footerRef: footerRef,
+            containerRef: containerRef,
+            aside: {
+                open: openAside,
+                close: closeAside,
+                isOpen: isAsideOpen,
+            },
+        } },
+        React.createElement(StyledPageContainer, __assign({}, props, { ref: mergeRefs(ref, containerRef) }))));
+});
+var PageMain = React.forwardRef(function PageMain(props, ref) {
+    var _a;
+    var tearsheetPlacement = React.useContext(TearsheetContext).placement;
+    var attrs = (_a = {}, _a[pageLayoutRootDataAttr] = true, _a);
+    return (React.createElement(PageGrid, null,
+        React.createElement(StyledPageMain, __assign({}, props, attrs, { ref: ref, "$tearsheetPlacement": tearsheetPlacement }))));
+});
+var PageBreadcrumbs = React.forwardRef(function PageBreadcrumbs(props, ref) {
+    return React.createElement(StyledPageBreadcrumbs, __assign({ ref: ref }, props));
+});
+var PageBanner = React.forwardRef(function PageBanner(props, ref) {
+    return React.createElement(StyledPageBanner, __assign({ ref: ref }, props));
+});
+var PageTitle = React.forwardRef(function PageTitle(props, ref) {
+    return React.createElement(StyledPageTitle, __assign({ ref: ref }, props));
+});
+var PageTabs = React.forwardRef(function PageTabs(props, ref) {
+    return React.createElement(StyledPageTabs, __assign({ ref: ref }, props));
+});
+PageGrid.displayName = 'Page.Grid';
+PageHeader.displayName = 'Page.Header';
+PageBanner.displayName = 'Page.Banner';
+PageBreadcrumbs.displayName = 'Page.Breadcrumbs';
+PageTitle.displayName = 'Page.Title';
+PageTabs.displayName = 'Page.Tabs';
+PageBody.displayName = 'Page.Body';
+PageFooter.displayName = 'Page.Footer';
+PageAside.displayName = 'Page.Aside';
+PageContainer.displayName = 'Page';
+PageMain.displayName = 'Page.Main';
+/**
+  Building block elements for layout that should be used to build a common skeleton of a page.
+
+  - Page
+    - Page.Main
+      - Page.Header
+        - Page.Breadcrumbs
+          - Breadcrumbs
+        - Page.Banner
+          - Banner
+        - Page.Title
+          - Title or H1
+        - Page.Tabs
+          - Tabs
+      - Page.Body
+      - Page.Footer
+    - Page.Aside
+
+Other helpers, such as Page.Grid, Page.Row and Page.Column are thin wrappers over NextGrid components and share the same API.
+ */
+export var Page = addSubcomponents({
+    Header: PageHeader,
+    Banner: PageBanner,
+    Breadcrumbs: PageBreadcrumbs,
+    Title: PageTitle,
+    Tabs: PageTabs,
+    Footer: PageFooter,
+    Body: PageBody,
+    Main: PageMain,
+    Aside: PageAside,
+    // Grid utilities
+    Grid: PageGrid,
+    Column: Grid.Col,
+    Row: Grid.Row,
+}, PageContainer);
+//# sourceMappingURL=PageLayout.js.map

package/dist/PageLayout/PageLayout.js.map

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