@procore/core-react 10.26.1-rc.2 → 10.27.0-rc.1

package/.storybook/main.js

@@ -49,6 +49,9 @@ module.exports = {
 
     return config
   },
+  core: {
+    builder: 'webpack5',
+  },
   typescript: {
     checkOptions: {
       check: true,

package/dist/esm/components/Panel/Panel.js

@@ -36,6 +36,7 @@ import { Section, SectionProvider, LevelContext } from '../../layouts/Section';
 import { useScroll } from '../../effects/Scroll';
 import { useResize } from '../../effects/Resize';
 import { useI18nContext } from '../../state/I18n';
+import { wait } from '@testing-library/user-event/dist/utils';
 var PanelContext = React.createContext({
     isFooterSticky: false,
     setIsFooterSticky: function () { },
@@ -103,6 +104,7 @@ var Body = React.forwardRef(function Body(_a, ref) {
             return;
         }
         var isScrollable = bodyRef.current.scrollHeight > bodyRef.current.clientHeight;
+        console.log({ isScrollable: isScrollable });
         if (isScrollable) {
             var isNotScrolledToBottom = bodyRef.current.scrollTop + bodyRef.current.clientHeight <
                 bodyRef.current.scrollHeight;
@@ -112,7 +114,10 @@ var Body = React.forwardRef(function Body(_a, ref) {
             setIsFooterSticky(false);
         }
     }
-    React.useEffect(calculateBodyScroll, []);
+    React.useLayoutEffect(function () {
+        // allow browsers to recalculate the layout
+        wait(0).then(calculateBodyScroll);
+    }, []);
     useScroll({ onScroll: calculateBodyScroll, scope: bodyRef });
     useResize({ onResize: calculateBodyScroll });
     return (React.createElement(SectionProvider, null,

package/dist/esm/components/Panel/Panel.js.map

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

package/dist/esm/components/Tearsheet/Tearsheet.constants.d.ts

@@ -1,9 +1,3 @@
 import { AnimationPhase } from './Tearsheet.types';
-export declare const animationSpeed: {
-    readonly disabled: 0;
-    readonly tearsheet: number;
-    readonly scrim: number;
-    readonly closeButton: number;
-};
 export declare const openingPhasesInOrder: AnimationPhase[];
 export declare const closingPhasesInOrder: AnimationPhase[];

package/dist/esm/components/Tearsheet/Tearsheet.constants.js

@@ -7,14 +7,6 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
     }
     return to.concat(ar || Array.prototype.slice.call(from));
 };
-import { animationSpeed as baseAnimationSpeed } from './Tearsheet.styles';
-var toMilliseconds = function (v) { return v * 1000; };
-export var animationSpeed = {
-    disabled: 0,
-    tearsheet: toMilliseconds(baseAnimationSpeed.tearsheet),
-    scrim: toMilliseconds(baseAnimationSpeed.scrim),
-    closeButton: toMilliseconds(baseAnimationSpeed.closeButton),
-};
 export var openingPhasesInOrder = [
     'scrim',
     'tearsheet',

package/dist/esm/components/Tearsheet/Tearsheet.constants.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tearsheet.constants.js","sourceRoot":"","sources":["../../../../src/components/Tearsheet/Tearsheet.constants.ts"],"names":[],"mappings":";;;;;;;;;AAAA,OAAO,EAAE,cAAc,IAAI,kBAAkB,EAAE,MAAM,oBAAoB,CAAA;AAGzE,IAAM,cAAc,GAAG,UAAC,CAAS,IAAK,OAAA,CAAC,GAAG,IAAI,EAAR,CAAQ,CAAA;AAE9C,MAAM,CAAC,IAAM,cAAc,GAAG;IAC5B,QAAQ,EAAE,CAAC;IACX,SAAS,EAAE,cAAc,CAAC,kBAAkB,CAAC,SAAS,CAAC;IACvD,KAAK,EAAE,cAAc,CAAC,kBAAkB,CAAC,KAAK,CAAC;IAC/C,WAAW,EAAE,cAAc,CAAC,kBAAkB,CAAC,WAAW,CAAC;CACnD,CAAA;AAEV,MAAM,CAAC,IAAM,oBAAoB,GAAqB;IACpD,OAAO;IACP,WAAW;IACX,aAAa;CACd,CAAA;AACD,MAAM,CAAC,IAAM,oBAAoB,GAAG,kBAAI,oBAAoB,QAAE,OAAO,EAAE,CAAA"}
+{"version":3,"file":"Tearsheet.constants.js","sourceRoot":"","sources":["../../../../src/components/Tearsheet/Tearsheet.constants.ts"],"names":[],"mappings":";;;;;;;;;AAEA,MAAM,CAAC,IAAM,oBAAoB,GAAqB;IACpD,OAAO;IACP,WAAW;IACX,aAAa;CACd,CAAA;AACD,MAAM,CAAC,IAAM,oBAAoB,GAAG,kBAAI,oBAAoB,QAAE,OAAO,EAAE,CAAA"}

package/dist/esm/components/Tearsheet/Tearsheet.d.ts

@@ -1,5 +1,6 @@
 import React from 'react';
-import { TearsheetProps } from './Tearsheet.types';
+import { TearsheetProps, TearsheetContextProps } from './Tearsheet.types';
+export declare const TearsheetContext: React.Context<TearsheetContextProps>;
 /**
 
  The Tearsheet is a container for complex content placed over another layout,

package/dist/esm/components/Tearsheet/Tearsheet.js

@@ -49,12 +49,17 @@ import React from 'react';
 import { Portal } from '../Portal';
 import { StyledModal, StyledModalScrim } from '../Modal/Modal.styles';
 import Button from '../Button';
-import { StyledTearsheetBody, StyledTearsheetContent, StyledCard, } from './Tearsheet.styles';
+import { StyledTearsheetBody, StyledTearsheetContent, StyledButtonContainer, animationSpeed, StyledScrimContainer, StyledTearsheetChildrenWrapper, } from './Tearsheet.styles';
 import { Clear } from '@procore/core-icons/dist';
 import { getAnimationState, getScrimClassName, wait } from './Tearsheet.util';
-import { animationSpeed, closingPhasesInOrder, openingPhasesInOrder, } from './Tearsheet.constants';
+import { closingPhasesInOrder, openingPhasesInOrder, } from './Tearsheet.constants';
 import { useHotkey } from '../../effects/Hotkey';
 import { useScrollLock } from '../../effects/ScrollLock';
+import { useEventRegistry } from '../../effects/EventRegistry';
+export var TearsheetContext = React.createContext({
+    placement: null,
+    addListener: function () { return function () { }; },
+});
 /**
 
  The Tearsheet is a container for complex content placed over another layout,
@@ -73,14 +78,22 @@ export var Tearsheet = React.forwardRef(function Tearsheet(_a, ref) {
     var _d = React.useState('disabled'), phase = _d[0], setPhase = _d[1];
     var _e = React.useState(open), isVisible = _e[0], setIsVisible = _e[1];
     var closeBtnRef = React.useRef(null);
+    var _f = React.useState(null), childrenContainerSize = _f[0], setChildrenContainerSize = _f[1];
+    var _g = React.useState(null), childrenContainerSizeProp = _g[0], setChildrenContainerSizeProp = _g[1];
+    var childrenContainerRef = React.useRef(null);
     var preventAnimationRef = React.useRef(!open);
+    var _h = useEventRegistry(), registry = _h.registry, addListener = _h.addListener;
+    var ctx = React.useMemo(function () { return ({
+        addListener: addListener,
+        placement: placement,
+    }); }, [placement, addListener]);
     useScrollLock(status !== 'closed');
     React.useEffect(function () {
         ;
         (function () { return __awaiter(_this, void 0, void 0, function () {
             return __generator(this, function (_a) {
                 switch (_a.label) {
-                    case 0: return [4 /*yield*/, wait(50)];
+                    case 0: return [4 /*yield*/, wait(0)];
                     case 1:
                         _a.sent();
                         preventAnimationRef.current = false;
@@ -112,6 +125,19 @@ export var Tearsheet = React.forwardRef(function Tearsheet(_a, ref) {
         key: ['Escape', 'Esc'],
         handler: handleClose,
     });
+    var afterShow_ = function () {
+        var _a, _b;
+        afterShow === null || afterShow === void 0 ? void 0 : afterShow();
+        var rect = (_a = childrenContainerRef.current) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect();
+        var prop = ['top', 'bottom'].includes(placement) ? 'height' : 'width';
+        setChildrenContainerSize((_b = rect === null || rect === void 0 ? void 0 : rect[prop]) !== null && _b !== void 0 ? _b : null);
+        setChildrenContainerSizeProp(prop);
+    };
+    var afterHide_ = function () {
+        afterHide === null || afterHide === void 0 ? void 0 : afterHide();
+        setChildrenContainerSize(null);
+        setChildrenContainerSizeProp(null);
+    };
     React.useEffect(function () {
         ;
         (function () { return __awaiter(_this, void 0, void 0, function () {
@@ -142,7 +168,7 @@ export var Tearsheet = React.forwardRef(function Tearsheet(_a, ref) {
                         return [4 /*yield*/, wait(0)];
                     case 5:
                         _c.sent();
-                        afterShow === null || afterShow === void 0 ? void 0 : afterShow();
+                        afterShow_();
                         return [2 /*return*/];
                     case 6:
                         if (!(status === 'closing')) return [3 /*break*/, 11];
@@ -163,7 +189,7 @@ export var Tearsheet = React.forwardRef(function Tearsheet(_a, ref) {
                         setStatus('closed');
                         setPhase('disabled');
                         setIsVisible(false);
-                        afterHide === null || afterHide === void 0 ? void 0 : afterHide();
+                        afterHide_();
                         _c.label = 11;
                     case 11: return [2 /*return*/];
                 }
@@ -177,9 +203,14 @@ export var Tearsheet = React.forwardRef(function Tearsheet(_a, ref) {
         React.createElement(StyledModal, { ref: ref, className: getScrimClassName(status, phase) },
             React.createElement(StyledModalScrim, null),
             React.createElement(StyledTearsheetContent, __assign({ ref: ref, "$placement": placement }, getAnimationState('tearsheet', phase, status)),
-                React.createElement("div", { onClick: handleClose, "data-qa": qa === null || qa === void 0 ? void 0 : qa.scrim },
-                    React.createElement(StyledCard, __assign({}, getAnimationState('closeButton', phase, status)),
+                React.createElement(StyledScrimContainer, { "$placement": placement, onClick: handleClose, "data-qa": qa === null || qa === void 0 ? void 0 : qa.scrim },
+                    React.createElement(StyledButtonContainer, __assign({}, getAnimationState('closeButton', phase, status)),
                         React.createElement(Button, { ref: closeBtnRef, onClick: onClose, size: "lg", variant: "tertiary", icon: React.createElement(Clear, null), "data-qa": qa === null || qa === void 0 ? void 0 : qa.closeButton }))),
-                React.createElement(StyledTearsheetBody, { "$placement": placement }, children)))));
+                React.createElement(StyledTearsheetBody, { onScroll: function () {
+                        var _a;
+                        (_a = registry.current.scroll) === null || _a === void 0 ? void 0 : _a.forEach(function (cb) { return cb(); });
+                    }, "$placement": placement },
+                    React.createElement(TearsheetContext.Provider, { value: ctx },
+                        React.createElement(StyledTearsheetChildrenWrapper, { ref: childrenContainerRef, "$size": childrenContainerSize, "$sizeProp": childrenContainerSizeProp }, children)))))));
 });
 //# sourceMappingURL=Tearsheet.js.map

package/dist/esm/components/Tearsheet/Tearsheet.js.map

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

package/dist/esm/components/Tearsheet/Tearsheet.styles.d.ts

@@ -1,5 +1,6 @@
 import { Placement } from './Tearsheet.types';
 export declare const animationSpeed: {
+    disabled: number;
     tearsheet: number;
     scrim: number;
     closeButton: number;
@@ -13,7 +14,15 @@ export declare const StyledTearsheetContent: import("styled-components").StyledC
 export declare const StyledTearsheetBody: import("styled-components").StyledComponent<"div", any, {
     $placement: Placement;
 }, never>;
-export declare const StyledCard: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../../utils/types").DivAttributes & import("../Card").CardProps & import("react").RefAttributes<HTMLDivElement>>, any, {
+export declare const StyledTearsheetChildrenWrapper: import("styled-components").StyledComponent<"div", any, {
+    $size: number | null;
+    $sizeProp: 'width' | 'height' | null;
+}, never>;
+export declare const minScrimSize: number;
+export declare const StyledScrimContainer: import("styled-components").StyledComponent<"div", any, {
+    $placement: Placement;
+}, never>;
+export declare const StyledButtonContainer: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../../utils/types").DivAttributes & import("../Card").CardProps & import("react").RefAttributes<HTMLDivElement>>, any, {
     $open: boolean;
     $opening?: boolean | undefined;
     $closing?: boolean | undefined;

package/dist/esm/components/Tearsheet/Tearsheet.styles.js

@@ -2,17 +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 { spacing } from '../../styles/spacing';
 import Card from '../Card';
 import { getShadow } from '../../styles/shadows';
-import { colors } from '../../styles/colors';
 import { StyledPageContainer } from '../../layouts/PageLayout/PageLayout.styles';
 import { isIE11 } from '../../utils/isIE11';
+import { colors } from '../../styles/colors';
 export var animationSpeed = {
-    tearsheet: 0.8,
-    scrim: 0.3,
-    closeButton: 0.15,
+    disabled: 0,
+    tearsheet: 800,
+    scrim: 300,
+    closeButton: 150,
 };
 var slideDistance = '100%';
 var positioningProps = {
@@ -42,43 +43,56 @@ var positioningProps = {
         shadow: getShadow(4, 'right'),
     },
 };
-export var StyledTearsheetContent = styled.div(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n  display: flex;\n  z-index: 2;\n  width: 100%;\n\n  ", "\n\n  ", "\n\n  ", "\n\n  ", "\n\n  ", "\n"], ["\n  display: flex;\n  z-index: 2;\n  width: 100%;\n\n  ", "\n\n  ", "\n\n  ", "\n\n  ", "\n\n  ", "\n"])), function (_a) {
+var getSlideInAnimation = function ($placement) { return keyframes(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  from {\n    transform: ", ";\n  }\n  to {\n    transform: ", ";\n  }\n"], ["\n  from {\n    transform: ", ";\n  }\n  to {\n    transform: ", ";\n  }\n"])), positioningProps[$placement].closed, positioningProps[$placement].open); };
+var getSlideOutAnimation = function ($placement) { return keyframes(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  from {\n    transform: ", ";\n  }\n  to {\n    transform: ", ";\n  }\n"], ["\n  from {\n    transform: ", ";\n  }\n  to {\n    transform: ", ";\n  }\n"])), positioningProps[$placement].open, positioningProps[$placement].closed); };
+export var StyledTearsheetContent = styled.div(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n  display: flex;\n  z-index: 2;\n  width: 100%;\n\n  ", "\n\n  ", "\n\n  ", "\n\n  ", "\n"], ["\n  display: flex;\n  z-index: 2;\n  width: 100%;\n\n  ", "\n\n  ", "\n\n  ", "\n\n  ", "\n"])), function (_a) {
     var $open = _a.$open, $placement = _a.$placement;
     return $open
-        ? css(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n          transform: ", ";\n        "], ["\n          transform: ", ";\n        "])), positioningProps[$placement].open) : css(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n          transform: ", ";\n        "], ["\n          transform: ", ";\n        "])), positioningProps[$placement].closed);
+        ? css(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n          transform: ", ";\n        "], ["\n          transform: ", ";\n        "])), positioningProps[$placement].open) : css(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n          transform: ", ";\n        "], ["\n          transform: ", ";\n        "])), positioningProps[$placement].closed);
 }, function (_a) {
     var $placement = _a.$placement;
     return positioningProps[$placement].placement;
-}, function (_a) {
-    var $placement = _a.$placement;
-    return css(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n    @keyframes slideIn {\n      from {\n        transform: ", ";\n      }\n      to {\n        transform: ", ";\n      }\n    }\n\n    @keyframes slideOut {\n      from {\n        transform: ", ";\n      }\n      to {\n        transform: ", ";\n      }\n    }\n  "], ["\n    @keyframes slideIn {\n      from {\n        transform: ", ";\n      }\n      to {\n        transform: ", ";\n      }\n    }\n\n    @keyframes slideOut {\n      from {\n        transform: ", ";\n      }\n      to {\n        transform: ", ";\n      }\n    }\n  "])), positioningProps[$placement].closed, positioningProps[$placement].open, positioningProps[$placement].open, positioningProps[$placement].closed);
 }, function (_a) {
     var $opening = _a.$opening, $placement = _a.$placement;
-    return $opening && css(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n      animation: slideIn ", "s ease-out;\n      transform: ", ";\n    "], ["\n      animation: slideIn ", "s ease-out;\n      transform: ", ";\n    "])), animationSpeed.tearsheet, positioningProps[$placement].open);
+    return $opening && css(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n      animation: ", "\n        ", "ms ease-out;\n      transform: ", ";\n    "], ["\n      animation: ", "\n        ", "ms ease-out;\n      transform: ", ";\n    "])), getSlideInAnimation($placement), animationSpeed.tearsheet, positioningProps[$placement].open);
 }, function (_a) {
     var $closing = _a.$closing, $placement = _a.$placement;
-    return $closing && css(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n      animation: slideOut ", "s ease-out;\n      transform: ", ";\n    "], ["\n      animation: slideOut ", "s ease-out;\n      transform: ", ";\n    "])), animationSpeed.tearsheet, positioningProps[$placement].closed);
+    return $closing && css(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n      animation: ", "\n        ", "ms ease-out;\n      transform: ", ";\n    "], ["\n      animation: ", "\n        ", "ms ease-out;\n      transform: ", ";\n    "])), getSlideOutAnimation($placement), animationSpeed.tearsheet, positioningProps[$placement].closed);
 });
-export var StyledTearsheetBody = styled.div(templateObject_13 || (templateObject_13 = __makeTemplateObject(["\n  display: flex;\n  overflow-y: auto;\n  flex-direction: column;\n  background-color: ", ";\n\n  ", "}\n"], ["\n  display: flex;\n  overflow-y: auto;\n  flex-direction: column;\n  background-color: ", ";\n\n  ", "}\n"])), colors.white, function (_a) {
+export var StyledTearsheetBody = styled.div(templateObject_14 || (templateObject_14 = __makeTemplateObject(["\n  display: flex;\n  overflow-y: auto;\n  flex-direction: column;\n  background-color: ", ";\n\n  ", "}\n"], ["\n  display: flex;\n  overflow-y: auto;\n  flex-direction: column;\n  background-color: ", ";\n\n  ", "}\n"])), colors.white, function (_a) {
     var $placement = _a.$placement;
     if (!isIE11()) {
         return '';
     }
     if (['top', 'bottom'].includes($placement)) {
-        return css(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n        ", " {\n          width: 100vw;\n        }\n      "], ["\n        ", " {\n          width: 100vw;\n        }\n      "])), StyledPageContainer);
+        return css(templateObject_12 || (templateObject_12 = __makeTemplateObject(["\n        ", " {\n          width: 100vw;\n        }\n      "], ["\n        ", " {\n          width: 100vw;\n        }\n      "])), StyledPageContainer);
     }
-    return css(templateObject_12 || (templateObject_12 = __makeTemplateObject(["\n      ", " {\n        width: 95vw;\n      }\n    "], ["\n      ", " {\n        width: 95vw;\n      }\n    "])), StyledPageContainer);
+    return css(templateObject_13 || (templateObject_13 = __makeTemplateObject(["\n      ", " {\n        width: 95vw;\n      }\n    "], ["\n      ", " {\n        width: 95vw;\n      }\n    "])), StyledPageContainer);
+});
+var zoomIn = keyframes(templateObject_15 || (templateObject_15 = __makeTemplateObject(["\n  from {\n    transform: scale(0);\n  }\n  to {\n    transform: scale(1);\n  }\n"], ["\n  from {\n    transform: scale(0);\n  }\n  to {\n    transform: scale(1);\n  }\n"])));
+var zoomOut = keyframes(templateObject_16 || (templateObject_16 = __makeTemplateObject(["\n  from {\n    transform: scale(1);\n  }\n  to {\n    transform: scale(0);\n  }\n"], ["\n  from {\n    transform: scale(1);\n  }\n  to {\n    transform: scale(0);\n  }\n"])));
+export var StyledTearsheetChildrenWrapper = styled.div(templateObject_18 || (templateObject_18 = __makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), function (_a) {
+    var $size = _a.$size, $sizeProp = _a.$sizeProp;
+    return $size !== null && css(templateObject_17 || (templateObject_17 = __makeTemplateObject(["\n      ", ": ", "px;\n    "], ["\n      ", ": ", "px;\n    "])), $sizeProp, $size);
+});
+export var minScrimSize = spacing.xxl * 3;
+export var StyledScrimContainer = styled.div(templateObject_20 || (templateObject_20 = __makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), function (_a) {
+    var $placement = _a.$placement;
+    var minSizeProp = ['top', 'bottom'].includes($placement)
+        ? 'min-height'
+        : 'min-width';
+    return css(templateObject_19 || (templateObject_19 = __makeTemplateObject(["\n      ", ": ", "px;\n    "], ["\n      ", ": ", "px;\n    "])), minSizeProp, minScrimSize);
 });
-export var StyledCard = styled(Card)(templateObject_18 || (templateObject_18 = __makeTemplateObject(["\n  display: inline-flex;\n  margin: ", "px;\n\n  ", "\n\n  @keyframes zoomIn {\n    from {\n      transform: scale(0);\n    }\n    to {\n      transform: scale(1);\n    }\n  }\n\n  @keyframes zoomOut {\n    from {\n      transform: scale(1);\n    }\n    to {\n      transform: scale(0);\n    }\n  }\n\n  ", "\n\n  ", "\n"], ["\n  display: inline-flex;\n  margin: ", "px;\n\n  ", "\n\n  @keyframes zoomIn {\n    from {\n      transform: scale(0);\n    }\n    to {\n      transform: scale(1);\n    }\n  }\n\n  @keyframes zoomOut {\n    from {\n      transform: scale(1);\n    }\n    to {\n      transform: scale(0);\n    }\n  }\n\n  ", "\n\n  ", "\n"])), spacing.xl, function (_a) {
+export var StyledButtonContainer = styled(Card)(templateObject_25 || (templateObject_25 = __makeTemplateObject(["\n  display: inline-flex;\n  margin: ", "px;\n\n  ", "\n\n  ", "\n\n  ", "\n"], ["\n  display: inline-flex;\n  margin: ", "px;\n\n  ", "\n\n  ", "\n\n  ", "\n"])), spacing.xl, function (_a) {
     var $open = _a.$open;
     return $open
-        ? css(templateObject_14 || (templateObject_14 = __makeTemplateObject(["\n          transform: scale(1);\n        "], ["\n          transform: scale(1);\n        "]))) : css(templateObject_15 || (templateObject_15 = __makeTemplateObject(["\n          transform: scale(0);\n        "], ["\n          transform: scale(0);\n        "])));
+        ? css(templateObject_21 || (templateObject_21 = __makeTemplateObject(["\n          transform: scale(1);\n        "], ["\n          transform: scale(1);\n        "]))) : css(templateObject_22 || (templateObject_22 = __makeTemplateObject(["\n          transform: scale(0);\n        "], ["\n          transform: scale(0);\n        "])));
 }, function (_a) {
     var $opening = _a.$opening;
-    return $opening && css(templateObject_16 || (templateObject_16 = __makeTemplateObject(["\n      animation: zoomIn ", "s;\n      transform: scale(1);\n    "], ["\n      animation: zoomIn ", "s;\n      transform: scale(1);\n    "])), animationSpeed.closeButton);
+    return $opening && css(templateObject_23 || (templateObject_23 = __makeTemplateObject(["\n      animation: ", " ", "ms;\n      transform: scale(1);\n    "], ["\n      animation: ", " ", "ms;\n      transform: scale(1);\n    "])), zoomIn, animationSpeed.closeButton);
 }, function (_a) {
     var $closing = _a.$closing;
-    return $closing && css(templateObject_17 || (templateObject_17 = __makeTemplateObject(["\n      animation: zoomOut ", "s;\n      transform: scale(0);\n    "], ["\n      animation: zoomOut ", "s;\n      transform: scale(0);\n    "])), animationSpeed.closeButton);
+    return $closing && css(templateObject_24 || (templateObject_24 = __makeTemplateObject(["\n      animation: ", " ", "ms;\n      transform: scale(0);\n    "], ["\n      animation: ", " ", "ms;\n      transform: scale(0);\n    "])), zoomOut, animationSpeed.closeButton);
 });
-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;
+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;
 //# sourceMappingURL=Tearsheet.styles.js.map

package/dist/esm/components/Tearsheet/Tearsheet.styles.js.map

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

package/dist/esm/components/Tearsheet/Tearsheet.types.d.ts

@@ -38,5 +38,9 @@ export interface TearsheetProps {
      */
     qa?: QaTags;
 }
+export interface TearsheetContextProps {
+    placement: Placement | null;
+    addListener: (e: string, cb: Function) => () => void;
+}
 export declare type Placement = 'right' | 'left' | 'bottom';
 export {};

package/dist/esm/components/Tearsheet/storybook/PageLayoutDemo.d.ts

@@ -1,2 +1,4 @@
 import React from 'react';
-export declare const PageLayoutDemo: React.ForwardRefExoticComponent<React.RefAttributes<HTMLInputElement>>;
+export declare const PageLayoutDemo: React.ForwardRefExoticComponent<{
+    asideVisible?: boolean | undefined;
+} & React.RefAttributes<HTMLInputElement>>;

package/dist/esm/components/Tearsheet/storybook/PageLayoutDemo.js

@@ -36,8 +36,9 @@ function PanelSample(_a) {
                 React.createElement(Button, { onClick: onClose, variant: "secondary" }, "Close"))))));
 }
 export var PageLayoutDemo = React.forwardRef(function PageLayoutDemo(props, ref) {
-    var _a = React.useState(false), isAsideVisible = _a[0], setIsAsideVisible = _a[1];
-    var _b = React.useState(false), isModalVisible = _b[0], setIsModalVisible = _b[1];
+    var _a;
+    var _b = React.useState((_a = props.asideVisible) !== null && _a !== void 0 ? _a : false), isAsideVisible = _b[0], setIsAsideVisible = _b[1];
+    var _c = React.useState(false), isModalVisible = _c[0], setIsModalVisible = _c[1];
     return (React.createElement(React.Fragment, null,
         React.createElement(Modal, { open: isModalVisible },
             React.createElement(Modal.Header, { onClose: function () { return setIsModalVisible(false); } }, shortText),

package/dist/esm/components/Tearsheet/storybook/PageLayoutDemo.js.map

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

package/dist/esm/components/_storyHelpers_/actualizedIcons.d.ts

@@ -0,0 +1,5 @@
+export declare const IconPlaceholder: () => JSX.Element;
+export declare const icons: {
+    name: string;
+    Component: any;
+}[];

package/dist/esm/components/_storyHelpers_/actualizedIcons.js

@@ -0,0 +1,14 @@
+import React from 'react';
+import * as rawIcons from '@procore/core-icons/dist';
+import iconsOrdered from '@procore/core-icons/dist/createdOrderSort.json';
+export var IconPlaceholder = function () { return (React.createElement("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "currentColor", xmlns: "http://www.w3.org/2000/svg" })); };
+export var icons = iconsOrdered.map(function (_a) {
+    var deleted = _a.deleted, iconName = _a.iconName;
+    return ({
+        name: iconName,
+        Component: deleted
+            ? IconPlaceholder
+            : rawIcons[iconName],
+    });
+});
+//# sourceMappingURL=actualizedIcons.js.map

package/dist/esm/components/_storyHelpers_/actualizedIcons.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"actualizedIcons.js","sourceRoot":"","sources":["../../../../src/components/_storyHelpers_/actualizedIcons.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,KAAK,QAAQ,MAAM,0BAA0B,CAAA;AACpD,OAAO,YAAY,MAAM,gDAAgD,CAAA;AAEzE,MAAM,CAAC,IAAM,eAAe,GAAG,cAAM,OAAA,CACnC,6BACE,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,cAAc,EACnB,KAAK,EAAC,4BAA4B,GAClC,CACH,EARoC,CAQpC,CAAA;AAED,MAAM,CAAC,IAAM,KAAK,GAAG,YAAY,CAAC,GAAG,CAAC,UAAC,EAAqB;QAAnB,OAAO,aAAA,EAAE,QAAQ,cAAA;IAAO,OAAA,CAAC;QAChE,IAAI,EAAE,QAAQ;QACd,SAAS,EAAE,OAAO;YAChB,CAAC,CAAC,eAAe;YACjB,CAAC,CAAE,QAAgC,CAAC,QAAQ,CAAC;KAChD,CAAC;AAL+D,CAK/D,CAAC,CAAA"}

package/dist/esm/effects/EventRegistry.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+export declare const useEventRegistry: () => {
+    registry: React.MutableRefObject<Record<string, Function[]>>;
+    addListener: (e: string, cb: Function) => () => void;
+};

package/dist/esm/effects/EventRegistry.js

@@ -0,0 +1,17 @@
+import React from 'react';
+export var useEventRegistry = function () {
+    var registry = React.useRef({});
+    var addListener = React.useCallback(function (e, cb) {
+        var _a;
+        var currentCbs = (_a = registry.current[e]) !== null && _a !== void 0 ? _a : [];
+        currentCbs.push(cb);
+        registry.current[e] = currentCbs;
+        return function () {
+            var _a;
+            var cbs = (_a = registry.current[e]) !== null && _a !== void 0 ? _a : [];
+            registry.current[e] = cbs.filter(function (callback) { return callback !== cb; });
+        };
+    }, []);
+    return { registry: registry, addListener: addListener };
+};
+//# sourceMappingURL=EventRegistry.js.map

package/dist/esm/effects/EventRegistry.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EventRegistry.js","sourceRoot":"","sources":["../../../src/effects/EventRegistry.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,MAAM,CAAC,IAAM,gBAAgB,GAAG;IAC9B,IAAM,QAAQ,GAAG,KAAK,CAAC,MAAM,CAA6B,EAAE,CAAC,CAAA;IAE7D,IAAM,WAAW,GAAG,KAAK,CAAC,WAAW,CAAC,UAAC,CAAS,EAAE,EAAY;;QAC5D,IAAM,UAAU,GAAG,MAAA,QAAQ,CAAC,OAAO,CAAC,CAAC,CAAC,mCAAI,EAAE,CAAA;QAC5C,UAAU,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;QACnB,QAAQ,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,UAAU,CAAA;QAEhC,OAAO;;YACL,IAAM,GAAG,GAAG,MAAA,QAAQ,CAAC,OAAO,CAAC,CAAC,CAAC,mCAAI,EAAE,CAAA;YACrC,QAAQ,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,GAAG,CAAC,MAAM,CAAC,UAAC,QAAQ,IAAK,OAAA,QAAQ,KAAK,EAAE,EAAf,CAAe,CAAC,CAAA;QACjE,CAAC,CAAA;IACH,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,OAAO,EAAE,QAAQ,UAAA,EAAE,WAAW,aAAA,EAAE,CAAA;AAClC,CAAC,CAAA"}

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

@@ -1,4 +1,4 @@
-import React from 'react';
+import React, { RefObject } from 'react';
 import { Props } from '../../utils/types';
 import { PageAsideProps, PageComponentProps, PageHeaderProps } from './PageLayout.types';
 import { DivAttributes } from '../../utils/types';
@@ -6,9 +6,10 @@ import { NextGridProps } from '../NextGrid/NextGrid.types';
 export declare const PageContext: React.Context<{
     bodyRef: React.RefObject<HTMLDivElement>;
     footerRef: React.RefObject<HTMLDivElement>;
+    containerRef: React.RefObject<HTMLDivElement>;
     aside: {
-        open: () => void;
-        close: () => void;
+        open: () => Promise<void>;
+        close: () => Promise<void>;
         isOpen: boolean;
     };
 }>;