@procore/core-react 10.27.0-rc.0 → 10.27.0-rc.1

package/dist/esm/layouts/PageLayout/PageLayout.js

@@ -9,6 +9,42 @@ var __assign = (this && this.__assign) || function () {
     };
     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)
@@ -21,29 +57,26 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 import React from 'react';
+import throttle from 'lodash.throttle';
 import { addSubcomponents } from '../../utils/addSubcomponents';
 import { NextGrid } from '../NextGrid';
-import { StyledPageHeader, StyledBody, StyledAside, StyledPageMain, StyledPageContainer, StyledPageTitle, StyledPageTabs, StyledPageBanner, StyledPageBreadcrumbs, StyledAsidePanel, StyledFooter, } from './PageLayout.styles';
+import { StyledPageHeader, StyledBody, StyledAside, StyledPageMain, StyledPageContainer, StyledPageTitle, StyledPageTabs, StyledPageBanner, StyledPageBreadcrumbs, StyledAsidePanel, StyledFooter, animationDuration, } from './PageLayout.styles';
 import { mergeRefs } from '../../effects/mergeRefs';
 import { pageLayoutRootDataAttr } from './PageLayout.constants';
 import { useResize } from '../../effects/Resize';
 import { useScroll } from '../../effects/Scroll';
-import { Flex } from '../Flex';
+import { getBottomOffsetForFooterUseCase, getGlobalBottomOffset, getGlobalTopOffset, getHeightSubtraction, getIsIntersectingVertically, getRightOffset, wait, } from './PageLayout.utils';
+import { TearsheetContext } from '../../components/Tearsheet/Tearsheet';
 export var PageContext = React.createContext({
     bodyRef: React.createRef(),
     footerRef: React.createRef(),
+    containerRef: React.createRef(),
     aside: {
-        open: function () { },
-        close: function () { },
+        open: function () { return Promise.resolve(); },
+        close: function () { return Promise.resolve(); },
         isOpen: false,
     },
 });
-function getIsIntersectingVertically(upperEl, lowerEl) {
-    return (upperEl.getBoundingClientRect().bottom > lowerEl.getBoundingClientRect().top);
-}
-function getIsIntersectingHorizontally(leftEl, rightEl) {
-    return (leftEl.getBoundingClientRect().right > rightEl.getBoundingClientRect().left);
-}
 var PageGrid = function (_a) {
     var gutterX = _a.gutterX, props = __rest(_a, ["gutterX"]);
     return React.createElement(NextGrid, __assign({ gutterX: gutterX !== null && gutterX !== void 0 ? gutterX : 'lg' }, props));
@@ -58,104 +91,168 @@ var PageBody = React.forwardRef(function PageBody(props, ref) {
 });
 var PageFooter = React.forwardRef(function PageFooter(props, ref) {
     var _a = React.useContext(PageContext), bodyRef = _a.bodyRef, footerRef = _a.footerRef, aside = _a.aside;
-    var _b = React.useState(false), isIntersecting = _b[0], setIsIntersecting = _b[1];
+    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;
         }
-        setIsIntersecting(getIsIntersectingVertically(bodyRef.current, footerRef.current));
+        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(React.Fragment, null,
-        React.createElement(StyledFooter, __assign({}, props, { "$isAsideOpen": aside.isOpen, "$hasShadow": isIntersecting, ref: mergeRefs(ref, footerRef) }))));
+    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, isOpen = _b.isOpen, open = _b.open, close = _b.close;
-    var footerRef = React.useContext(PageContext).footerRef;
+    var _b = React.useContext(PageContext).aside, contextIsOpen = _b.isOpen, open = _b.open, close = _b.close;
+    var tearsheetPlacement = React.useContext(TearsheetContext).placement;
+    var _c = React.useContext(PageContext), footerRef = _c.footerRef, containerRef = _c.containerRef;
     var innerRef = React.useRef(null);
-    var upperRef = React.useRef(null);
-    var lowerRef = React.useRef(null);
-    var _c = React.useState(0), topOffset = _c[0], setTopOffset = _c[1];
-    var _d = React.useState(0), bottomOffset = _d[0], setBottomOffset = _d[1];
+    var _d = React.useState(null), topOffset = _d[0], setTopOffset = _d[1];
+    var _e = React.useState(0), bottomOffset = _e[0], setBottomOffset = _e[1];
+    var _f = React.useState(0), rightOffset = _f[0], setRightOffset = _f[1];
+    var preventAnimationSequenceRef = React.useRef(true);
+    var initialIsOpen = controlledIsOpen !== null && controlledIsOpen !== void 0 ? controlledIsOpen : contextIsOpen;
+    var _g = React.useState(initialIsOpen ? 'open' : 'closed'), animationStatus = _g[0], setAnimationStatus = _g[1];
+    var _h = React.useState(initialIsOpen), isOpen = _h[0], setIsOpen = _h[1];
     React.useEffect(function () {
-        if (controlledIsOpen) {
+        ;
+        (function () { return __awaiter(_this, void 0, void 0, function () {
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0: return [4 /*yield*/, wait(0)];
+                    case 1:
+                        _a.sent();
+                        preventAnimationSequenceRef.current = false;
+                        return [2 /*return*/];
+                }
+            });
+        }); })();
+    }, []);
+    var throttledToggle = React.useCallback(throttle(function (isOpen) {
+        if (isOpen) {
             open();
         }
         else {
             close();
         }
-    }, [controlledIsOpen]);
-    function calculateVerticalOffsets() {
-        var _a, _b, _c;
-        if (!innerRef.current || !upperRef.current) {
+    }, 
+    // 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 () {
+        ;
+        (function () { return __awaiter(_this, void 0, void 0, function () {
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        if (preventAnimationSequenceRef.current) {
+                            setIsOpen(contextIsOpen);
+                            return [2 /*return*/];
+                        }
+                        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;
         }
-        // push from the global header
-        var upperRect = upperRef.current.getBoundingClientRect();
-        var viewportTopOffset = (_a = upperRect.y) !== null && _a !== void 0 ? _a : upperRect.top;
-        var upperTopOffset = Math.max(viewportTopOffset, 0);
-        setTopOffset(upperTopOffset);
-        if (!lowerRef.current) {
+        setRightOffset(getRightOffset(containerRef.current));
+    }
+    function calculateVerticalOffsets() {
+        if (!innerRef.current || !containerRef.current) {
             return;
         }
-        // push from the global footer
-        var lowerRect = lowerRef.current.getBoundingClientRect();
-        var lowerTopOffset = (_b = lowerRect.y) !== null && _b !== void 0 ? _b : lowerRect.top;
-        var viewportHeight = document.documentElement.clientHeight;
-        var globalFooterOffset = Math.max(viewportHeight - lowerTopOffset, 0);
-        setBottomOffset(globalFooterOffset);
+        var globalTopOffset = getGlobalTopOffset(containerRef.current);
+        setTopOffset(globalTopOffset);
+        var globalBottomOffset = getGlobalBottomOffset(containerRef.current);
+        setBottomOffset(globalBottomOffset);
         if (!footerRef.current) {
             return;
         }
-        var isIntersectingWithFooter = getIsIntersectingHorizontally(footerRef.current, innerRef.current);
-        var footerRect = footerRef.current.getBoundingClientRect();
-        var footerTop = (_c = footerRect.y) !== null && _c !== void 0 ? _c : footerRect.top;
-        if (isIntersectingWithFooter) {
-            // occasionally push from the sticky footer too, relevant on smaller screens
-            setBottomOffset(globalFooterOffset + viewportHeight - footerTop);
-            return;
+        var bottomOffset = getBottomOffsetForFooterUseCase(footerRef.current, globalBottomOffset);
+        if (bottomOffset !== null) {
+            setBottomOffset(bottomOffset);
         }
-        // align with the sticky footer in the rest of use cases
-        setBottomOffset(viewportHeight - footerRect.bottom);
     }
-    useScroll({ onScroll: calculateVerticalOffsets });
-    useResize({ onResize: calculateVerticalOffsets });
+    useScroll({ onScroll: calculateOffsets });
+    useResize({ onResize: calculateOffsets });
     React.useEffect(function () {
-        if (isOpen) {
-            calculateVerticalOffsets();
+        // in tearsheet, calculating offsets should be delayed until the opening animation is performed
+        if (tearsheetPlacement === null || !preventAnimationSequenceRef.current) {
+            calculateOffsets();
         }
-    }, [isOpen]);
-    return isOpen ? (React.createElement(React.Fragment, null,
-        React.createElement(Flex, { alignSelf: "flex-start", ref: upperRef }),
-        React.createElement(StyledAside, __assign({}, props, { ref: mergeRefs(ref, innerRef, calculateVerticalOffsets) }),
-            React.createElement(StyledAsidePanel, { "$offsetTop": topOffset, "$minusHeight": topOffset + bottomOffset }, children)),
-        React.createElement(Flex, { alignSelf: "flex-end", ref: lowerRef }))) : null;
+    }, [contextIsOpen, animationStatus]);
+    return isOpen ? (React.createElement(StyledAside, __assign({}, props, { ref: mergeRefs(ref, innerRef, calculateOffsets), "$open": ['open', 'opening'].includes(animationStatus), "$closed": ['closed', 'closing'].includes(animationStatus) }),
+        React.createElement(StyledAsidePanel, { "$offsetTop": topOffset, "$rightOffset": rightOffset, "$minusHeight": getHeightSubtraction({
+                tearsheetPlacement: tearsheetPlacement,
+                topOffset: topOffset,
+                bottomOffset: 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 () { return setIsAsideOpen(true); };
-    var closeAside = function () { return setIsAsideOpen(false); };
+    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: ref }))));
+        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 }))));
+        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));

package/dist/esm/layouts/PageLayout/PageLayout.js.map

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

package/dist/esm/layouts/PageLayout/PageLayout.styles.d.ts

@@ -1,3 +1,5 @@
+import { Placement } from '../../components/Tearsheet/Tearsheet.types';
+export declare const adjustMaxWidth: (breakpointMinWidth: number) => number;
 export declare const StyledPageHeader: import("styled-components").StyledComponent<"div", any, {
     $transparent?: boolean | undefined;
 }, never>;
@@ -10,14 +12,27 @@ export declare const getActions: () => import("styled-components").FlattenSimple
 export declare const StyledPageActions: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const StyledPageTabs: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const StyledBody: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const animationDuration: {
+    panel: number;
+};
 export declare const StyledFooter: import("styled-components").StyledComponent<"div", any, {
     $isAsideOpen: boolean;
     $hasShadow: boolean;
 }, never>;
-export declare const StyledAside: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledAside: import("styled-components").StyledComponent<"div", any, {
+    $open: boolean;
+    $closed: boolean;
+}, never>;
 export declare const StyledAsidePanel: import("styled-components").StyledComponent<"div", any, {
-    $offsetTop: number;
+    $offsetTop: number | null;
     $minusHeight: number;
+    $closing: boolean;
+    $closed: boolean;
+    $opening: boolean;
+    $rightOffset: number;
+    $altAnimation: boolean;
+}, never>;
+export declare const StyledPageMain: import("styled-components").StyledComponent<"div", any, {
+    $tearsheetPlacement: Placement | null;
 }, never>;
-export declare const StyledPageMain: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const StyledPageContainer: import("styled-components").StyledComponent<"div", any, {}, never>;

package/dist/esm/layouts/PageLayout/PageLayout.styles.js

@@ -2,14 +2,18 @@ var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cook
     if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
     return cooked;
 };
-import styled, { css } from 'styled-components';
+import styled, { css, keyframes } from 'styled-components';
 import { Breadcrumbs } from '../../components/Breadcrumbs';
 import { colors } from '../../styles/colors';
 import { getShadow } from '../../styles/shadows';
 import { spacing } from '../../styles/spacing';
-import { breakpointRawMinWidthValues } from '../NextGrid/NextGrid.constants';
+import { isIE11 } from '../../utils/isIE11';
+import { getSmallScreenBreakpointValue } from './PageLayout.utils';
+import { minScrimSize } from '../../components/Tearsheet/Tearsheet.styles';
 var outerPageSpacing = spacing.xl;
-var adjustMaxWidth = function (breakpointMinWidth) { return breakpointMinWidth - 0.02; };
+export var adjustMaxWidth = function (breakpointMinWidth) {
+    return breakpointMinWidth - 0.02;
+};
 var headerCSS = css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  // use padding instead of margin to divide the headers to maintain the background color\n  padding-top: ", "px;\n\n  margin-left: ", "px;\n  margin-right: ", "px;\n  padding-right: ", "px;\n  padding-left: ", "px;\n\n  ", "\n"], ["\n  // use padding instead of margin to divide the headers to maintain the background color\n  padding-top: ", "px;\n\n  margin-left: ", "px;\n  margin-right: ", "px;\n  padding-right: ", "px;\n  padding-left: ", "px;\n\n  ", "\n"])), spacing.lg, outerPageSpacing * -1, outerPageSpacing * -1, outerPageSpacing, outerPageSpacing, function (_a) {
     var $transparent = _a.$transparent;
     return !$transparent && css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n      ", "\n      background-color: ", ";\n    "], ["\n      ", "\n      background-color: ", ";\n    "])), getShadow(1.5), colors.white);
@@ -28,19 +32,66 @@ var zIndexes = {
     panelNarrowScreen: 1,
     footer: 2,
 };
+export var animationDuration = {
+    panel: 600,
+};
 export var StyledFooter = styled.div(templateObject_12 || (templateObject_12 = __makeTemplateObject(["\n  background-color: ", ";\n  margin: 0 ", "px;\n\n  ", "\n\n  position: sticky;\n  bottom: 0;\n\n  ", "\n"], ["\n  background-color: ", ";\n  margin: 0 ", "px;\n\n  ", "\n\n  position: sticky;\n  bottom: 0;\n\n  ", "\n"])), colors.white, outerPageSpacing * -1, function (_a) {
     var $hasShadow = _a.$hasShadow;
     return $hasShadow && getShadow(2, 'top');
 }, function (_a) {
     var $isAsideOpen = _a.$isAsideOpen;
-    return $isAsideOpen && css(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n      @media (max-width: ", "px) {\n        z-index: ", ";\n      }\n    "], ["\n      @media (max-width: ", "px) {\n        z-index: ", ";\n      }\n    "])), adjustMaxWidth(breakpointRawMinWidthValues.tabletMd), zIndexes.footer);
+    return $isAsideOpen && css(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n      @media ", " {\n        z-index: ", ";\n      }\n    "], ["\n      @media ", " {\n        z-index: ", ";\n      }\n    "])), getSmallScreenBreakpointValue(), zIndexes.footer);
+});
+var getAsideWidthProp = function () { return (isIE11() ? 'flex-basis' : 'width'); };
+export var StyledAside = styled.div(templateObject_16 || (templateObject_16 = __makeTemplateObject(["\n  grid-column: 2;\n  ", "\n\n  transition: ", " ", "ms;\n\n  // remove aside block from the main flow on smaller screens, enabling overlay-like positioning\n  @media ", " {\n    position: absolute;\n    right: 0;\n  }\n\n  ", "\n\n  ", "\n"], ["\n  grid-column: 2;\n  ", "\n\n  transition: ", " ", "ms;\n\n  // remove aside block from the main flow on smaller screens, enabling overlay-like positioning\n  @media ", " {\n    position: absolute;\n    right: 0;\n  }\n\n  ", "\n\n  ", "\n"])), function () {
+    return isIE11() && css(templateObject_13 || (templateObject_13 = __makeTemplateObject(["\n      display: flex;\n      flex-grow: 0;\n      flex-shrink: 0;\n      flex-basis: 0;\n    "], ["\n      display: flex;\n      flex-grow: 0;\n      flex-shrink: 0;\n      flex-basis: 0;\n    "])));
+}, getAsideWidthProp(), animationDuration.panel, getSmallScreenBreakpointValue(), function (_a) {
+    var $closed = _a.$closed;
+    return $closed && css(templateObject_14 || (templateObject_14 = __makeTemplateObject(["\n      ", ": 0;\n    "], ["\n      ", ": 0;\n    "])), getAsideWidthProp());
+}, function (_a) {
+    var $open = _a.$open;
+    return $open && css(templateObject_15 || (templateObject_15 = __makeTemplateObject(["\n      ", ": ", "px;\n    "], ["\n      ", ": ", "px;\n    "])), getAsideWidthProp(), panelWidth);
+});
+var slideDistance = '100%';
+var slideIn = keyframes(templateObject_17 || (templateObject_17 = __makeTemplateObject(["\n  from {\n    transform: translateX(", ");\n  }\n  to {\n    transform: translateX(0);\n  }\n"], ["\n  from {\n    transform: translateX(", ");\n  }\n  to {\n    transform: translateX(0);\n  }\n"])), slideDistance);
+var slideOut = keyframes(templateObject_18 || (templateObject_18 = __makeTemplateObject(["\n  from {\n    transform: translateX(0);\n  }\n  to {\n    transform: translateX(", ");\n  }\n"], ["\n  from {\n    transform: translateX(0);\n  }\n  to {\n    transform: translateX(", ");\n  }\n"])), slideDistance);
+var getPanelAnimation = function () { return css(templateObject_21 || (templateObject_21 = __makeTemplateObject(["\n  ", "\n\n  ", "\n"], ["\n  ", "\n\n  ", "\n"])), function (_a) {
+    var $opening = _a.$opening;
+    return $opening && css(templateObject_19 || (templateObject_19 = __makeTemplateObject(["\n      animation: ", " ease-out ", "ms;\n    "], ["\n      animation: ", " ease-out ", "ms;\n    "])), slideIn, animationDuration.panel);
+}, function (_a) {
+    var $closing = _a.$closing;
+    return $closing && css(templateObject_20 || (templateObject_20 = __makeTemplateObject(["\n      animation: ", " ease-out ", "ms;\n    "], ["\n      animation: ", " ease-out ", "ms;\n    "])), slideOut, animationDuration.panel);
+}); };
+export var StyledAsidePanel = styled.div(templateObject_26 || (templateObject_26 = __makeTemplateObject(["\n  // position panel behind the page sticky footer on smaller screens\n  ", "\n\n  /*\n   * On smaller screens, the panel is positioned absolutely,\n   *  so the animation needs to happen here\n  */\n  @media ", " {\n    ", "\n  }\n\n  ", "\n\n  ", "\n\n  border-left: 1px solid ", ";\n  width: ", "px;\n  position: fixed;\n  background-color: ", ";\n\n  overflow: auto;\n  z-index: ", ";\n\n  ", "\n\n  ", "\n"], ["\n  // position panel behind the page sticky footer on smaller screens\n  ", "\n\n  /*\n   * On smaller screens, the panel is positioned absolutely,\n   *  so the animation needs to happen here\n  */\n  @media ", " {\n    ", "\n  }\n\n  ", "\n\n  ", "\n\n  border-left: 1px solid ", ";\n  width: ", "px;\n  position: fixed;\n  background-color: ", ";\n\n  overflow: auto;\n  z-index: ", ";\n\n  ", "\n\n  ", "\n"])), function (_a) {
+    var $rightOffset = _a.$rightOffset;
+    return css(templateObject_22 || (templateObject_22 = __makeTemplateObject(["\n    @media ", " {\n      ", "\n      border-left: 0;\n      z-index: ", ";\n      right: ", "px;\n    }\n  "], ["\n    @media ", " {\n      ", "\n      border-left: 0;\n      z-index: ", ";\n      right: ", "px;\n    }\n  "])), getSmallScreenBreakpointValue(), getShadow(2), zIndexes.panelNarrowScreen, $rightOffset);
+}, getSmallScreenBreakpointValue(), getPanelAnimation(), function (_a) {
+    var $altAnimation = _a.$altAnimation;
+    return $altAnimation && getPanelAnimation();
+}, function (_a) {
+    var $closed = _a.$closed;
+    return $closed && css(templateObject_23 || (templateObject_23 = __makeTemplateObject(["\n      display: none;\n    "], ["\n      display: none;\n    "])));
+}, colors.gray85, panelWidth, colors.gray96, zIndexes.panelWideScreen, function (_a) {
+    var $minusHeight = _a.$minusHeight;
+    return css(templateObject_24 || (templateObject_24 = __makeTemplateObject(["\n      height: calc(100vh - ", "px);\n    "], ["\n      height: calc(100vh - ", "px);\n    "])), $minusHeight);
+}, function (_a) {
+    var $offsetTop = _a.$offsetTop;
+    return $offsetTop !== null && css(templateObject_25 || (templateObject_25 = __makeTemplateObject(["\n      top: ", "px;\n    "], ["\n      top: ", "px;\n    "])), $offsetTop);
+});
+export var StyledPageMain = styled.div(templateObject_30 || (templateObject_30 = __makeTemplateObject(["\n  position: relative;\n  grid-column: 1;\n  ", "\n  padding: 0 ", "px;\n  max-width: 100%;\n  background-color: ", ";\n\n  ", "\n"], ["\n  position: relative;\n  grid-column: 1;\n  ", "\n  padding: 0 ", "px;\n  max-width: 100%;\n  background-color: ", ";\n\n  ", "\n"])), function () {
+    return isIE11() && css(templateObject_27 || (templateObject_27 = __makeTemplateObject(["\n      flex: 1 0 0%;\n    "], ["\n      flex: 1 0 0%;\n    "])));
+}, outerPageSpacing, colors.gray96, function (_a) {
+    var $tearsheetPlacement = _a.$tearsheetPlacement;
+    if (!$tearsheetPlacement) {
+        return '';
+    }
+    if (['top', 'bottom'].includes($tearsheetPlacement)) {
+        return css(templateObject_28 || (templateObject_28 = __makeTemplateObject(["\n        min-height: calc(100vh - ", "px);\n      "], ["\n        min-height: calc(100vh - ", "px);\n      "])), minScrimSize);
+    }
+    return css(templateObject_29 || (templateObject_29 = __makeTemplateObject(["\n      min-height: 100vh;\n    "], ["\n      min-height: 100vh;\n    "])));
 });
-export var StyledAside = styled.div(templateObject_13 || (templateObject_13 = __makeTemplateObject(["\n  flex: 0 0 ", "px;\n\n  // remove aside block from the main flow on smaller screens, enabling overlay-like positioning\n  @media (max-width: ", "px) {\n    position: absolute;\n  }\n"], ["\n  flex: 0 0 ", "px;\n\n  // remove aside block from the main flow on smaller screens, enabling overlay-like positioning\n  @media (max-width: ", "px) {\n    position: absolute;\n  }\n"])), panelWidth, adjustMaxWidth(breakpointRawMinWidthValues.tabletMd));
-export var StyledAsidePanel = styled.div(templateObject_15 || (templateObject_15 = __makeTemplateObject(["\n  // position panel behind the page sticky footer on smaller screens\n  @media (max-width: ", "px) {\n    ", "\n    border-left: 0;\n    z-index: ", ";\n    right: 0;\n  }\n\n  border-left: 1px solid ", ";\n  width: ", "px;\n  position: fixed;\n  background-color: ", ";\n\n  overflow: auto;\n  z-index: ", ";\n\n  ", "\n"], ["\n  // position panel behind the page sticky footer on smaller screens\n  @media (max-width: ", "px) {\n    ", "\n    border-left: 0;\n    z-index: ", ";\n    right: 0;\n  }\n\n  border-left: 1px solid ", ";\n  width: ", "px;\n  position: fixed;\n  background-color: ", ";\n\n  overflow: auto;\n  z-index: ", ";\n\n  ", "\n"])), adjustMaxWidth(breakpointRawMinWidthValues.tabletMd), getShadow(2), zIndexes.panelNarrowScreen, colors.gray85, panelWidth, colors.gray96, zIndexes.panelWideScreen, function (_a) {
-    var $offsetTop = _a.$offsetTop, $minusHeight = _a.$minusHeight;
-    return css(templateObject_14 || (templateObject_14 = __makeTemplateObject(["\n      top: ", "px;\n      height: calc(100vh - ", "px);\n    "], ["\n      top: ", "px;\n      height: calc(100vh - ", "px);\n    "])), $offsetTop, $minusHeight);
+export var StyledPageContainer = styled.div(templateObject_32 || (templateObject_32 = __makeTemplateObject(["\n  display: grid;\n  ", "\n"], ["\n  display: grid;\n  ", "\n"])), function () {
+    return isIE11() && css(templateObject_31 || (templateObject_31 = __makeTemplateObject(["\n      display: flex;\n      flex-wrap: wrap;\n    "], ["\n      display: flex;\n      flex-wrap: wrap;\n    "])));
 });
-export var StyledPageMain = styled.div(templateObject_16 || (templateObject_16 = __makeTemplateObject(["\n  flex: 1 0 0%;\n  position: relative;\n  padding: 0 ", "px;\n  max-width: 100%;\n  background-color: ", ";\n"], ["\n  flex: 1 0 0%;\n  position: relative;\n  padding: 0 ", "px;\n  max-width: 100%;\n  background-color: ", ";\n"])), outerPageSpacing, colors.gray96);
-export var StyledPageContainer = styled.div(templateObject_17 || (templateObject_17 = __makeTemplateObject(["\n  display: flex;\n  flex-wrap: wrap;\n"], ["\n  display: flex;\n  flex-wrap: wrap;\n"])));
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10, templateObject_11, templateObject_12, templateObject_13, templateObject_14, templateObject_15, templateObject_16, templateObject_17;
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10, templateObject_11, templateObject_12, templateObject_13, templateObject_14, templateObject_15, templateObject_16, templateObject_17, templateObject_18, templateObject_19, templateObject_20, templateObject_21, templateObject_22, templateObject_23, templateObject_24, templateObject_25, templateObject_26, templateObject_27, templateObject_28, templateObject_29, templateObject_30, templateObject_31, templateObject_32;
 //# sourceMappingURL=PageLayout.styles.js.map

package/dist/esm/layouts/PageLayout/PageLayout.styles.js.map

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

package/dist/esm/layouts/PageLayout/PageLayout.types.d.ts

@@ -20,3 +20,4 @@ export interface PageAsideProps extends Props, DivAttributes {
      */
     open?: boolean;
 }
+export declare type PageAsideAnimationStatus = 'open' | 'closed' | 'opening' | 'closing';

package/dist/esm/layouts/PageLayout/PageLayout.utils.d.ts

@@ -1 +1,14 @@
-export declare function lookupParentElement(element: Element, dataAttr: string): HTMLElement | null | undefined;
+import { Placement } from '../../components/Tearsheet/Tearsheet.types';
+export declare const getSmallScreenBreakpointValue: () => string;
+export declare const getIsUsingSmallScreen: () => boolean;
+export declare const wait: (ms: number) => Promise<void>;
+export declare function getBottomOffsetForFooterUseCase(footerEl: HTMLDivElement, globalBottomOffset: number): number | null;
+export declare function getGlobalBottomOffset(containerEl: HTMLDivElement): number;
+export declare function getGlobalTopOffset(containerEl: HTMLDivElement): number;
+export declare function getRightOffset(containerEl: HTMLDivElement): number;
+export declare function getIsIntersectingVertically(upperEl: HTMLElement, lowerEl: HTMLElement): boolean;
+export declare const getHeightSubtraction: ({ tearsheetPlacement, topOffset, bottomOffset, }: {
+    tearsheetPlacement: Placement | 'top' | null;
+    topOffset: number | null;
+    bottomOffset: number;
+}) => number;