@procore/core-react 11.22.0 → 11.23.0

package/dist/PageLayout/PageLayout.js

@@ -1,61 +1,22 @@
-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;
-};
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+var _excluded = ["gutterX"],
+  _excluded2 = ["transparent"],
+  _excluded3 = ["children", "open"];
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+function _regeneratorRuntime() { "use strict"; /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */ _regeneratorRuntime = function _regeneratorRuntime() { return exports; }; var exports = {}, Op = Object.prototype, hasOwn = Op.hasOwnProperty, defineProperty = Object.defineProperty || function (obj, key, desc) { obj[key] = desc.value; }, $Symbol = "function" == typeof Symbol ? Symbol : {}, iteratorSymbol = $Symbol.iterator || "@@iterator", asyncIteratorSymbol = $Symbol.asyncIterator || "@@asyncIterator", toStringTagSymbol = $Symbol.toStringTag || "@@toStringTag"; function define(obj, key, value) { return Object.defineProperty(obj, key, { value: value, enumerable: !0, configurable: !0, writable: !0 }), obj[key]; } try { define({}, ""); } catch (err) { define = function define(obj, key, value) { return obj[key] = value; }; } function wrap(innerFn, outerFn, self, tryLocsList) { var protoGenerator = outerFn && outerFn.prototype instanceof Generator ? outerFn : Generator, generator = Object.create(protoGenerator.prototype), context = new Context(tryLocsList || []); return defineProperty(generator, "_invoke", { value: makeInvokeMethod(innerFn, self, context) }), generator; } function tryCatch(fn, obj, arg) { try { return { type: "normal", arg: fn.call(obj, arg) }; } catch (err) { return { type: "throw", arg: err }; } } exports.wrap = wrap; var ContinueSentinel = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} var IteratorPrototype = {}; define(IteratorPrototype, iteratorSymbol, function () { return this; }); var getProto = Object.getPrototypeOf, NativeIteratorPrototype = getProto && getProto(getProto(values([]))); NativeIteratorPrototype && NativeIteratorPrototype !== Op && hasOwn.call(NativeIteratorPrototype, iteratorSymbol) && (IteratorPrototype = NativeIteratorPrototype); var Gp = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(IteratorPrototype); function defineIteratorMethods(prototype) { ["next", "throw", "return"].forEach(function (method) { define(prototype, method, function (arg) { return this._invoke(method, arg); }); }); } function AsyncIterator(generator, PromiseImpl) { function invoke(method, arg, resolve, reject) { var record = tryCatch(generator[method], generator, arg); if ("throw" !== record.type) { var result = record.arg, value = result.value; return value && "object" == _typeof(value) && hasOwn.call(value, "__await") ? PromiseImpl.resolve(value.__await).then(function (value) { invoke("next", value, resolve, reject); }, function (err) { invoke("throw", err, resolve, reject); }) : PromiseImpl.resolve(value).then(function (unwrapped) { result.value = unwrapped, resolve(result); }, function (error) { return invoke("throw", error, resolve, reject); }); } reject(record.arg); } var previousPromise; defineProperty(this, "_invoke", { value: function value(method, arg) { function callInvokeWithMethodAndArg() { return new PromiseImpl(function (resolve, reject) { invoke(method, arg, resolve, reject); }); } return previousPromise = previousPromise ? previousPromise.then(callInvokeWithMethodAndArg, callInvokeWithMethodAndArg) : callInvokeWithMethodAndArg(); } }); } function makeInvokeMethod(innerFn, self, context) { var state = "suspendedStart"; return function (method, arg) { if ("executing" === state) throw new Error("Generator is already running"); if ("completed" === state) { if ("throw" === method) throw arg; return doneResult(); } for (context.method = method, context.arg = arg;;) { var delegate = context.delegate; if (delegate) { var delegateResult = maybeInvokeDelegate(delegate, context); if (delegateResult) { if (delegateResult === ContinueSentinel) continue; return delegateResult; } } if ("next" === context.method) context.sent = context._sent = context.arg;else if ("throw" === context.method) { if ("suspendedStart" === state) throw state = "completed", context.arg; context.dispatchException(context.arg); } else "return" === context.method && context.abrupt("return", context.arg); state = "executing"; var record = tryCatch(innerFn, self, context); if ("normal" === record.type) { if (state = context.done ? "completed" : "suspendedYield", record.arg === ContinueSentinel) continue; return { value: record.arg, done: context.done }; } "throw" === record.type && (state = "completed", context.method = "throw", context.arg = record.arg); } }; } function maybeInvokeDelegate(delegate, context) { var methodName = context.method, method = delegate.iterator[methodName]; if (undefined === method) return context.delegate = null, "throw" === methodName && delegate.iterator["return"] && (context.method = "return", context.arg = undefined, maybeInvokeDelegate(delegate, context), "throw" === context.method) || "return" !== methodName && (context.method = "throw", context.arg = new TypeError("The iterator does not provide a '" + methodName + "' method")), ContinueSentinel; var record = tryCatch(method, delegate.iterator, context.arg); if ("throw" === record.type) return context.method = "throw", context.arg = record.arg, context.delegate = null, ContinueSentinel; var info = record.arg; return info ? info.done ? (context[delegate.resultName] = info.value, context.next = delegate.nextLoc, "return" !== context.method && (context.method = "next", context.arg = undefined), context.delegate = null, ContinueSentinel) : info : (context.method = "throw", context.arg = new TypeError("iterator result is not an object"), context.delegate = null, ContinueSentinel); } function pushTryEntry(locs) { var entry = { tryLoc: locs[0] }; 1 in locs && (entry.catchLoc = locs[1]), 2 in locs && (entry.finallyLoc = locs[2], entry.afterLoc = locs[3]), this.tryEntries.push(entry); } function resetTryEntry(entry) { var record = entry.completion || {}; record.type = "normal", delete record.arg, entry.completion = record; } function Context(tryLocsList) { this.tryEntries = [{ tryLoc: "root" }], tryLocsList.forEach(pushTryEntry, this), this.reset(!0); } function values(iterable) { if (iterable) { var iteratorMethod = iterable[iteratorSymbol]; if (iteratorMethod) return iteratorMethod.call(iterable); if ("function" == typeof iterable.next) return iterable; if (!isNaN(iterable.length)) { var i = -1, next = function next() { for (; ++i < iterable.length;) if (hasOwn.call(iterable, i)) return next.value = iterable[i], next.done = !1, next; return next.value = undefined, next.done = !0, next; }; return next.next = next; } } return { next: doneResult }; } function doneResult() { return { value: undefined, done: !0 }; } return GeneratorFunction.prototype = GeneratorFunctionPrototype, defineProperty(Gp, "constructor", { value: GeneratorFunctionPrototype, configurable: !0 }), defineProperty(GeneratorFunctionPrototype, "constructor", { value: GeneratorFunction, configurable: !0 }), GeneratorFunction.displayName = define(GeneratorFunctionPrototype, toStringTagSymbol, "GeneratorFunction"), exports.isGeneratorFunction = function (genFun) { var ctor = "function" == typeof genFun && genFun.constructor; return !!ctor && (ctor === GeneratorFunction || "GeneratorFunction" === (ctor.displayName || ctor.name)); }, exports.mark = function (genFun) { return Object.setPrototypeOf ? Object.setPrototypeOf(genFun, GeneratorFunctionPrototype) : (genFun.__proto__ = GeneratorFunctionPrototype, define(genFun, toStringTagSymbol, "GeneratorFunction")), genFun.prototype = Object.create(Gp), genFun; }, exports.awrap = function (arg) { return { __await: arg }; }, defineIteratorMethods(AsyncIterator.prototype), define(AsyncIterator.prototype, asyncIteratorSymbol, function () { return this; }), exports.AsyncIterator = AsyncIterator, exports.async = function (innerFn, outerFn, self, tryLocsList, PromiseImpl) { void 0 === PromiseImpl && (PromiseImpl = Promise); var iter = new AsyncIterator(wrap(innerFn, outerFn, self, tryLocsList), PromiseImpl); return exports.isGeneratorFunction(outerFn) ? iter : iter.next().then(function (result) { return result.done ? result.value : iter.next(); }); }, defineIteratorMethods(Gp), define(Gp, toStringTagSymbol, "Generator"), define(Gp, iteratorSymbol, function () { return this; }), define(Gp, "toString", function () { return "[object Generator]"; }), exports.keys = function (val) { var object = Object(val), keys = []; for (var key in object) keys.push(key); return keys.reverse(), function next() { for (; keys.length;) { var key = keys.pop(); if (key in object) return next.value = key, next.done = !1, next; } return next.done = !0, next; }; }, exports.values = values, Context.prototype = { constructor: Context, reset: function reset(skipTempReset) { if (this.prev = 0, this.next = 0, this.sent = this._sent = undefined, this.done = !1, this.delegate = null, this.method = "next", this.arg = undefined, this.tryEntries.forEach(resetTryEntry), !skipTempReset) for (var name in this) "t" === name.charAt(0) && hasOwn.call(this, name) && !isNaN(+name.slice(1)) && (this[name] = undefined); }, stop: function stop() { this.done = !0; var rootRecord = this.tryEntries[0].completion; if ("throw" === rootRecord.type) throw rootRecord.arg; return this.rval; }, dispatchException: function dispatchException(exception) { if (this.done) throw exception; var context = this; function handle(loc, caught) { return record.type = "throw", record.arg = exception, context.next = loc, caught && (context.method = "next", context.arg = undefined), !!caught; } for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i], record = entry.completion; if ("root" === entry.tryLoc) return handle("end"); if (entry.tryLoc <= this.prev) { var hasCatch = hasOwn.call(entry, "catchLoc"), hasFinally = hasOwn.call(entry, "finallyLoc"); if (hasCatch && hasFinally) { if (this.prev < entry.catchLoc) return handle(entry.catchLoc, !0); if (this.prev < entry.finallyLoc) return handle(entry.finallyLoc); } else if (hasCatch) { if (this.prev < entry.catchLoc) return handle(entry.catchLoc, !0); } else { if (!hasFinally) throw new Error("try statement without catch or finally"); if (this.prev < entry.finallyLoc) return handle(entry.finallyLoc); } } } }, abrupt: function abrupt(type, arg) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.tryLoc <= this.prev && hasOwn.call(entry, "finallyLoc") && this.prev < entry.finallyLoc) { var finallyEntry = entry; break; } } finallyEntry && ("break" === type || "continue" === type) && finallyEntry.tryLoc <= arg && arg <= finallyEntry.finallyLoc && (finallyEntry = null); var record = finallyEntry ? finallyEntry.completion : {}; return record.type = type, record.arg = arg, finallyEntry ? (this.method = "next", this.next = finallyEntry.finallyLoc, ContinueSentinel) : this.complete(record); }, complete: function complete(record, afterLoc) { if ("throw" === record.type) throw record.arg; return "break" === record.type || "continue" === record.type ? this.next = record.arg : "return" === record.type ? (this.rval = this.arg = record.arg, this.method = "return", this.next = "end") : "normal" === record.type && afterLoc && (this.next = afterLoc), ContinueSentinel; }, finish: function finish(finallyLoc) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.finallyLoc === finallyLoc) return this.complete(entry.completion, entry.afterLoc), resetTryEntry(entry), ContinueSentinel; } }, "catch": function _catch(tryLoc) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.tryLoc === tryLoc) { var record = entry.completion; if ("throw" === record.type) { var thrown = record.arg; resetTryEntry(entry); } return thrown; } } throw new Error("illegal catch attempt"); }, delegateYield: function delegateYield(iterable, resultName, nextLoc) { return this.delegate = { iterator: values(iterable), resultName: resultName, nextLoc: nextLoc }, "next" === this.method && (this.arg = undefined), ContinueSentinel; } }, exports; }
+function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
+function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i["return"] && (_r = _i["return"](), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 import throttle from 'lodash.throttle';
 import React from 'react';
 import { Grid } from '../Grid/Grid';
@@ -66,222 +27,315 @@ import { useUpdateEffect } from '../_hooks/useUpdateEffect';
 import { addSubcomponents } from '../_utils/addSubcomponents';
 import { mergeRefs } from '../_utils/mergeRefs';
 import { pageLayoutRootDataAttr } from './PageLayout.constants';
-import { animationDuration, StyledAside, StyledAsideFluidContainer, StyledAsidePanel, StyledBody, StyledFooter, StyledPageBanner, StyledPageBreadcrumbs, StyledPageContainer, StyledPageHeader, StyledPageMain, StyledPageTabs, StyledPageTitle, } from './PageLayout.styles';
-import { getBottomOffsetForFooterUseCase, getGlobalBottomOffset, getGlobalTopOffset, getIsIntersectingVertically, getRightOffset, wait, } from './PageLayout.utils';
+import { animationDuration, StyledAside, StyledAsideFluidContainer, StyledAsidePanel, StyledBody, StyledFooter, StyledPageBanner, StyledPageBreadcrumbs, StyledPageContainer, StyledPageHeader, StyledPageMain, StyledPageTabs, StyledPageTitle } from './PageLayout.styles';
+import { getBottomOffsetForFooterUseCase, getGlobalBottomOffset, getGlobalTopOffset, getIsIntersectingVertically, getRightOffset, wait } from './PageLayout.utils';
 var defaultAsideIsOpen = false;
-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: defaultAsideIsOpen,
+export var PageContext = /*#__PURE__*/React.createContext({
+  bodyRef: /*#__PURE__*/React.createRef(),
+  footerRef: /*#__PURE__*/React.createRef(),
+  containerRef: /*#__PURE__*/React.createRef(),
+  aside: {
+    open: function open() {
+      return Promise.resolve();
+    },
+    close: function close() {
+      return Promise.resolve();
     },
+    isOpen: defaultAsideIsOpen
+  }
 });
-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 PageGrid = function PageGrid(_ref) {
+  var gutterX = _ref.gutterX,
+    props = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/React.createElement(Grid, _extends({
+    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 PageHeader = /*#__PURE__*/React.forwardRef(function PageHeader(_ref2, ref) {
+  var transparent = _ref2.transparent,
+    props = _objectWithoutProperties(_ref2, _excluded2);
+  return /*#__PURE__*/React.createElement(StyledPageHeader, _extends({
+    $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 PageBody = /*#__PURE__*/React.forwardRef(function PageBody(props, ref) {
+  var _React$useContext = React.useContext(PageContext),
+    bodyRef = _React$useContext.bodyRef;
+  return /*#__PURE__*/React.createElement(StyledBody, _extends({}, 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));
+var PageFooter = /*#__PURE__*/React.forwardRef(function PageFooter(props, ref) {
+  var _React$useContext2 = React.useContext(PageContext),
+    bodyRef = _React$useContext2.bodyRef,
+    footerRef = _React$useContext2.footerRef,
+    aside = _React$useContext2.aside;
+  var _React$useContext3 = React.useContext(TearsheetContext),
+    addListener = _React$useContext3.addListener;
+  var _React$useState = React.useState(false),
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    isIntersectingWithBody = _React$useState2[0],
+    setIsIntersectingWithBody = _React$useState2[1];
+  function calculateIntersections() {
+    if (!footerRef.current || !bodyRef.current) {
+      return;
     }
-    React.useEffect(function () {
-        var _a;
-        var tabWasPressed = false;
-        var onActiveElementChange = function () {
-            if (tabWasPressed &&
-                footerRef.current &&
-                document.activeElement &&
-                getIsIntersectingVertically(document.activeElement, footerRef.current)) {
-                document.activeElement.scrollIntoView();
-            }
-        };
-        var onKeyDown = function (e) {
-            if (e.code === 'Tab') {
-                tabWasPressed = true;
-                // setTimeout is added to the end of async queue
-                // after all already attached eventListeners
-                // `tabWasPressed` marked as `false` after all events
-                // which can be triggered by pressing Tab
-                setTimeout(function () {
-                    tabWasPressed = false;
-                }, 0);
-            }
-        };
-        (_a = bodyRef.current) === null || _a === void 0 ? void 0 : _a.addEventListener('focusin', onActiveElementChange);
-        document.addEventListener('keydown', onKeyDown, true);
-        return function () {
-            var _a;
-            (_a = bodyRef.current) === null || _a === void 0 ? void 0 : _a.removeEventListener('focusin', onActiveElementChange);
-            document.removeEventListener('keydown', onKeyDown, true);
-        };
-    }, []);
-    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) })));
+    setIsIntersectingWithBody(getIsIntersectingVertically(bodyRef.current, footerRef.current));
+  }
+  React.useEffect(function () {
+    var _bodyRef$current;
+    var tabWasPressed = false;
+    var onActiveElementChange = function onActiveElementChange() {
+      if (tabWasPressed && footerRef.current && document.activeElement && getIsIntersectingVertically(document.activeElement, footerRef.current)) {
+        document.activeElement.scrollIntoView();
+      }
+    };
+    var onKeyDown = function onKeyDown(e) {
+      if (e.code === 'Tab') {
+        tabWasPressed = true;
+        // setTimeout is added to the end of async queue
+        // after all already attached eventListeners
+        // `tabWasPressed` marked as `false` after all events
+        // which can be triggered by pressing Tab
+        setTimeout(function () {
+          tabWasPressed = false;
+        }, 0);
+      }
+    };
+    (_bodyRef$current = bodyRef.current) === null || _bodyRef$current === void 0 ? void 0 : _bodyRef$current.addEventListener('focusin', onActiveElementChange);
+    document.addEventListener('keydown', onKeyDown, true);
+    return function () {
+      var _bodyRef$current2;
+      (_bodyRef$current2 = bodyRef.current) === null || _bodyRef$current2 === void 0 ? void 0 : _bodyRef$current2.removeEventListener('focusin', onActiveElementChange);
+      document.removeEventListener('keydown', onKeyDown, true);
+    };
+  }, []);
+  React.useEffect(function () {
+    return addListener('scroll', calculateIntersections);
+  }, []);
+  React.useEffect(calculateIntersections, []);
+  useScroll({
+    onScroll: calculateIntersections
+  });
+  useResize({
+    onResize: calculateIntersections
+  });
+  return /*#__PURE__*/React.createElement(StyledFooter, _extends({}, 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();
+var PageAside = /*#__PURE__*/React.forwardRef(function PageAside(_ref3, ref) {
+  var children = _ref3.children,
+    controlledIsOpen = _ref3.open,
+    props = _objectWithoutProperties(_ref3, _excluded3);
+  var _React$useContext4 = React.useContext(PageContext),
+    _React$useContext4$as = _React$useContext4.aside,
+    contextIsOpen = _React$useContext4$as.isOpen,
+    open = _React$useContext4$as.open,
+    close = _React$useContext4$as.close;
+  var _React$useContext5 = React.useContext(TearsheetContext),
+    tearsheetPlacement = _React$useContext5.placement,
+    addTearsheetListener = _React$useContext5.addListener;
+  var _React$useContext6 = React.useContext(PageContext),
+    footerRef = _React$useContext6.footerRef,
+    containerRef = _React$useContext6.containerRef;
+  var innerRef = React.useRef(null);
+  var _React$useState3 = React.useState(null),
+    _React$useState4 = _slicedToArray(_React$useState3, 2),
+    topOffset = _React$useState4[0],
+    setTopOffset = _React$useState4[1];
+  var _React$useState5 = React.useState(0),
+    _React$useState6 = _slicedToArray(_React$useState5, 2),
+    bottomOffset = _React$useState6[0],
+    setBottomOffset = _React$useState6[1];
+  var _React$useState7 = React.useState(0),
+    _React$useState8 = _slicedToArray(_React$useState7, 2),
+    rightOffset = _React$useState8[0],
+    setRightOffset = _React$useState8[1];
+  var initialIsOpen = controlledIsOpen !== null && controlledIsOpen !== void 0 ? controlledIsOpen : contextIsOpen;
+  var _React$useState9 = React.useState(initialIsOpen ? 'open' : 'closed'),
+    _React$useState10 = _slicedToArray(_React$useState9, 2),
+    animationStatus = _React$useState10[0],
+    setAnimationStatus = _React$useState10[1];
+  var _React$useState11 = React.useState(initialIsOpen),
+    _React$useState12 = _slicedToArray(_React$useState11, 2),
+    isOpen = _React$useState12[0],
+    setIsOpen = _React$useState12[1];
+  var throttledToggle = React.useCallback(throttle(function (isOpen) {
+    if (isOpen) {
+      open();
+    } else {
+      close();
     }
-    function calculateHorizontalOffsets() {
-        if (!containerRef.current) {
-            return;
+  },
+  // 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 () {
+    ;
+    _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
+      return _regeneratorRuntime().wrap(function _callee$(_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            if (!contextIsOpen) {
+              _context.next = 9;
+              break;
+            }
+            setIsOpen(true);
+
+            // allow browsers to recalculate the layout
+            _context.next = 4;
+            return wait(0);
+          case 4:
+            setAnimationStatus('opening');
+            _context.next = 7;
+            return wait(animationDuration.panel);
+          case 7:
+            setAnimationStatus('open');
+            return _context.abrupt("return");
+          case 9:
+            setAnimationStatus('closing');
+            _context.next = 12;
+            return wait(animationDuration.panel);
+          case 12:
+            setAnimationStatus('closed');
+            setIsOpen(false);
+          case 14:
+          case "end":
+            return _context.stop();
         }
-        setRightOffset(getRightOffset(containerRef.current));
+      }, _callee);
+    }))();
+  }, [contextIsOpen]);
+  function calculateOffsets() {
+    calculateHorizontalOffsets();
+    calculateVerticalOffsets();
+  }
+  function calculateHorizontalOffsets() {
+    if (!containerRef.current) {
+      return;
     }
-    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);
-        }
+    setRightOffset(getRightOffset(containerRef.current));
+  }
+  function calculateVerticalOffsets() {
+    if (!innerRef.current || !containerRef.current) {
+      return;
     }
-    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 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 ? /*#__PURE__*/React.createElement(StyledAside, _extends({}, props, {
+    $open: asideOpen,
+    $closed: asideClosed,
+    ref: mergeRefs(ref, innerRef, calculateOffsets)
+  }), /*#__PURE__*/React.createElement(StyledAsideFluidContainer, {
+    $open: asideOpen,
+    $closed: asideClosed
+  }, /*#__PURE__*/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(defaultAsideIsOpen), 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 PageContainer = /*#__PURE__*/React.forwardRef(function PageContainer(props, ref) {
+  var _React$useState13 = React.useState(defaultAsideIsOpen),
+    _React$useState14 = _slicedToArray(_React$useState13, 2),
+    isAsideOpen = _React$useState14[0],
+    setIsAsideOpen = _React$useState14[1];
+  var openAside = function openAside() {
+    setIsAsideOpen(true);
+    return wait(animationDuration.panel);
+  };
+  var closeAside = function closeAside() {
+    setIsAsideOpen(false);
+    return wait(animationDuration.panel);
+  };
+  var containerRef = React.useRef(null);
+  var bodyRef = React.useRef(null);
+  var footerRef = React.useRef(null);
+  return /*#__PURE__*/React.createElement(PageContext.Provider, {
+    value: {
+      bodyRef: bodyRef,
+      footerRef: footerRef,
+      containerRef: containerRef,
+      aside: {
+        open: openAside,
+        close: closeAside,
+        isOpen: isAsideOpen
+      }
+    }
+  }, /*#__PURE__*/React.createElement(StyledPageContainer, _extends({}, 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 PageMain = /*#__PURE__*/React.forwardRef(function PageMain(props, ref) {
+  var _React$useContext7 = React.useContext(TearsheetContext),
+    tearsheetPlacement = _React$useContext7.placement;
+  var attrs = _defineProperty({}, pageLayoutRootDataAttr, true);
+  return /*#__PURE__*/React.createElement(PageGrid, null, /*#__PURE__*/React.createElement(StyledPageMain, _extends({}, props, attrs, {
+    ref: ref,
+    $tearsheetPlacement: tearsheetPlacement
+  })));
 });
-var PageBreadcrumbs = React.forwardRef(function PageBreadcrumbs(props, ref) {
-    return React.createElement(StyledPageBreadcrumbs, __assign({ ref: ref }, props));
+var PageBreadcrumbs = /*#__PURE__*/React.forwardRef(function PageBreadcrumbs(props, ref) {
+  return /*#__PURE__*/React.createElement(StyledPageBreadcrumbs, _extends({
+    ref: ref
+  }, props));
 });
-var PageBanner = React.forwardRef(function PageBanner(props, ref) {
-    return React.createElement(StyledPageBanner, __assign({ ref: ref }, props));
+var PageBanner = /*#__PURE__*/React.forwardRef(function PageBanner(props, ref) {
+  return /*#__PURE__*/React.createElement(StyledPageBanner, _extends({
+    ref: ref
+  }, props));
 });
-var PageTitle = React.forwardRef(function PageTitle(props, ref) {
-    return React.createElement(StyledPageTitle, __assign({ ref: ref }, props));
+var PageTitle = /*#__PURE__*/React.forwardRef(function PageTitle(props, ref) {
+  return /*#__PURE__*/React.createElement(StyledPageTitle, _extends({
+    ref: ref
+  }, props));
 });
-var PageTabs = React.forwardRef(function PageTabs(props, ref) {
-    return React.createElement(StyledPageTabs, __assign({ ref: ref }, props));
+var PageTabs = /*#__PURE__*/React.forwardRef(function PageTabs(props, ref) {
+  return /*#__PURE__*/React.createElement(StyledPageTabs, _extends({
+    ref: ref
+  }, props));
 });
 PageGrid.displayName = 'Page.Grid';
 PageHeader.displayName = 'Page.Header';
@@ -294,6 +348,7 @@ 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.
 
@@ -315,18 +370,18 @@ PageMain.displayName = 'Page.Main';
 Other helpers, such as Page.Grid, Page.Row and Page.Column are thin wrappers over Grid 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,
+  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