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

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

@@ -0,0 +1,43 @@
+/// <reference types="react" />
+import { Placement } from '../Tearsheet/Tearsheet.types';
+export declare const adjustMaxWidth: (breakpointMinWidth: number) => number;
+export declare const StyledPageHeader: import("styled-components").StyledComponent<"div", any, {
+    $transparent?: boolean | undefined;
+}, never>;
+export declare const StyledPageTitle: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledPageBreadcrumbs: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../_utils/types").DivAttributes & import("../Breadcrumbs").BreadcrumbProps & import("react").RefAttributes<HTMLElement>> & {
+    Crumb: import("react").ForwardRefExoticComponent<import("../_utils/types").DivAttributes & import("../Breadcrumbs").BreadcrumbCrumbProps & import("react").RefAttributes<HTMLDivElement>>;
+}, any, {}, never>;
+export declare const StyledPageBanner: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const getActions: () => import("styled-components").FlattenSimpleInterpolation;
+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, {
+    $open: boolean;
+    $closed: boolean;
+}, never>;
+export declare const StyledAsidePanel: import("styled-components").StyledComponent<"div", any, {
+    $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 StyledPageContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledAsideFluidContainer: import("styled-components").StyledComponent<"div", any, {
+    $open: boolean;
+    $closed: boolean;
+}, never>;

package/dist/PageLayout/PageLayout.styles.js

@@ -0,0 +1,95 @@
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+import styled, { css, keyframes } from 'styled-components';
+import { Breadcrumbs } from '../Breadcrumbs';
+import { colors } from '../_styles/colors';
+import { getShadow } from '../_styles/shadows';
+import { spacing } from '../_styles/spacing';
+import { getSmallScreenBreakpointValue } from './PageLayout.utils';
+import { minScrimSize } from '../Tearsheet/Tearsheet.styles';
+import { isIE11 } from '../_utils/isIE11';
+var outerPageSpacing = spacing.xl;
+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);
+});
+export var StyledPageHeader = styled.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), headerCSS);
+export var StyledPageTitle = styled.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  margin-top: ", "px;\n\n  &:last-child {\n    padding-bottom: ", "px;\n  }\n\n  &:first-child {\n    margin-top: 0;\n  }\n"], ["\n  margin-top: ", "px;\n\n  &:last-child {\n    padding-bottom: ", "px;\n  }\n\n  &:first-child {\n    margin-top: 0;\n  }\n"])), spacing.lg, spacing.lg);
+export var StyledPageBreadcrumbs = styled(Breadcrumbs)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  margin-top: ", "px;\n\n  &:first-child {\n    margin-top: 0;\n  }\n"], ["\n  margin-top: ", "px;\n\n  &:first-child {\n    margin-top: 0;\n  }\n"])), spacing.lg);
+export var StyledPageBanner = styled.div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  margin-top: ", "px;\n\n  &:first-child {\n    margin-top: 0;\n  }\n"], ["\n  margin-top: ", "px;\n\n  &:first-child {\n    margin-top: 0;\n  }\n"])), spacing.lg);
+export var getActions = function () { return css(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n  flex-shrink: 0;\n  padding-left: ", "px;\n\n  > button,\n  > a {\n    &:first-child {\n      margin-left: 0;\n    }\n\n    margin-left: ", "px;\n  }\n"], ["\n  flex-shrink: 0;\n  padding-left: ", "px;\n\n  > button,\n  > a {\n    &:first-child {\n      margin-left: 0;\n    }\n\n    margin-left: ", "px;\n  }\n"])), spacing.xl, spacing.sm); };
+export var StyledPageActions = styled.div(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), getActions());
+export var StyledPageTabs = styled.div(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n  margin-top: ", "px;\n"], ["\n  margin-top: ", "px;\n"])), spacing.sm);
+export var StyledBody = styled.div(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n  margin-top: ", "px;\n"], ["\n  margin-top: ", "px;\n"])), spacing.xl);
+var panelWidth = 400;
+var zIndexes = {
+    panelWideScreen: 3,
+    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 ", " {\n        z-index: ", ";\n      }\n    "], ["\n      @media ", " {\n        z-index: ", ";\n      }\n    "])), getSmallScreenBreakpointValue(), zIndexes.footer);
+});
+export var StyledAside = styled.div(templateObject_16 || (templateObject_16 = __makeTemplateObject(["\n  ", "\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  // remove aside block from the main flow on smaller screens, enabling overlay-like positioning\n  @media ", " {\n    position: absolute;\n    right: 0;\n  }\n"])), function (_a) {
+    var $closed = _a.$closed, $open = _a.$open;
+    return isIE11() && css(templateObject_15 || (templateObject_15 = __makeTemplateObject(["\n      display: flex;\n      flex-grow: 0;\n      flex-shrink: 0;\n      flex-basis: 0;\n\n      transition: flex-basis ", "ms;\n\n      ", "\n\n      ", "\n    "], ["\n      display: flex;\n      flex-grow: 0;\n      flex-shrink: 0;\n      flex-basis: 0;\n\n      transition: flex-basis ", "ms;\n\n      ", "\n\n      ", "\n    "])), animationDuration.panel, $closed && css(templateObject_13 || (templateObject_13 = __makeTemplateObject(["\n        flex-basis: 0;\n      "], ["\n        flex-basis: 0;\n      "]))), $open && css(templateObject_14 || (templateObject_14 = __makeTemplateObject(["\n        flex-basis: ", "px;\n      "], ["\n        flex-basis: ", "px;\n      "])), panelWidth));
+}, getSmallScreenBreakpointValue());
+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  padding: 0 ", "px;\n  max-width: 100%;\n  background-color: ", ";\n\n  ", "\n\n  ", "\n"], ["\n  position: relative;\n  padding: 0 ", "px;\n  max-width: 100%;\n  background-color: ", ";\n\n  ", "\n\n  ", "\n"])), outerPageSpacing, colors.gray96, function () {
+    return isIE11() && css(templateObject_27 || (templateObject_27 = __makeTemplateObject(["\n      flex: 1 0 0%;\n    "], ["\n      flex: 1 0 0%;\n    "])));
+}, 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 StyledPageContainer = styled.div(templateObject_32 || (templateObject_32 = __makeTemplateObject(["\n  display: grid;\n  grid-template-columns: 1fr auto;\n  ", "\n"], ["\n  display: grid;\n  grid-template-columns: 1fr auto;\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 StyledAsideFluidContainer = styled.div(templateObject_36 || (templateObject_36 = __makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), function (_a) {
+    var $closed = _a.$closed, $open = _a.$open;
+    return !isIE11() && css(templateObject_35 || (templateObject_35 = __makeTemplateObject(["\n      transition: width ", "ms;\n\n      ", "\n\n      ", "\n    "], ["\n      transition: width ", "ms;\n\n      ", "\n\n      ", "\n    "])), animationDuration.panel, $closed && css(templateObject_33 || (templateObject_33 = __makeTemplateObject(["\n        width: 0;\n      "], ["\n        width: 0;\n      "]))), $open && css(templateObject_34 || (templateObject_34 = __makeTemplateObject(["\n        width: ", "px;\n      "], ["\n        width: ", "px;\n      "])), panelWidth));
+});
+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, templateObject_33, templateObject_34, templateObject_35, templateObject_36;
+//# sourceMappingURL=PageLayout.styles.js.map

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

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

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

@@ -0,0 +1,23 @@
+import React from 'react';
+import { DivAttributes, Props } from '../_utils/types';
+export interface PageComponentProps extends DivAttributes {
+    /**
+     * @since 10.19.0
+     */
+    children?: React.ReactNode;
+}
+export interface PageHeaderProps extends PageComponentProps {
+    /**
+     * @description If the header should have no background.
+     * @since 10.19.0
+     */
+    transparent?: boolean;
+}
+export interface PageAsideProps extends Props, DivAttributes {
+    /**
+     * @description If the aside block should be open
+     * @since 10.19.0
+     */
+    open?: boolean;
+}
+export declare type PageAsideAnimationStatus = 'open' | 'closed' | 'opening' | 'closing';

package/dist/PageLayout/PageLayout.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PageLayout.types.js","sourceRoot":"","sources":["../../src/PageLayout/PageLayout.types.ts"],"names":[],"mappings":""}

package/dist/PageLayout/PageLayout.utils.js

@@ -0,0 +1,52 @@
+import { breakpointRawMinWidthValues } from '../Grid/Grid.constants';
+import { adjustMaxWidth } from './PageLayout.styles';
+export var getSmallScreenBreakpointValue = function () {
+    return "(max-width: ".concat(adjustMaxWidth(breakpointRawMinWidthValues.tabletMd), "px)");
+};
+export var getIsUsingSmallScreen = function () {
+    return window.matchMedia(getSmallScreenBreakpointValue()).matches;
+};
+export var wait = function (ms) {
+    return new Promise(function (resolve) { return setTimeout(resolve, ms); });
+};
+export function getBottomOffsetForFooterUseCase(footerEl, globalBottomOffset) {
+    var _a;
+    var viewportHeight = document.documentElement.clientHeight;
+    var footerRect = footerEl.getBoundingClientRect();
+    var footerTop = (_a = footerRect.y) !== null && _a !== void 0 ? _a : footerRect.top;
+    var footerHeight = footerRect.height;
+    var isSmallScreen = getIsUsingSmallScreen();
+    var isPageFooterSticky = footerEl.dataset.sticky === 'sticky';
+    if (isSmallScreen) {
+        if (isPageFooterSticky) {
+            return globalBottomOffset + viewportHeight - footerTop;
+        }
+        return globalBottomOffset + footerHeight;
+    }
+    if (isPageFooterSticky) {
+        // align with the sticky footer in the rest of use cases
+        return viewportHeight - footerRect.bottom;
+    }
+    return null;
+}
+export function getGlobalBottomOffset(containerEl) {
+    var lowerBoundary = containerEl.getBoundingClientRect();
+    var lowerBoundaryTopOffset = lowerBoundary.bottom;
+    var viewportHeight = document.documentElement.clientHeight;
+    return Math.max(viewportHeight - lowerBoundaryTopOffset, 0);
+}
+export function getGlobalTopOffset(containerEl) {
+    var _a;
+    var upperBoundary = containerEl.getBoundingClientRect();
+    var upperBoundaryTopOffset = (_a = upperBoundary.y) !== null && _a !== void 0 ? _a : upperBoundary.top;
+    return Math.max(upperBoundaryTopOffset, 0);
+}
+export function getRightOffset(containerEl) {
+    var containerRight = containerEl.getBoundingClientRect().right;
+    var viewportWidth = document.documentElement.clientWidth;
+    return viewportWidth - containerRight;
+}
+export function getIsIntersectingVertically(upperEl, lowerEl) {
+    return (upperEl.getBoundingClientRect().bottom > lowerEl.getBoundingClientRect().top);
+}
+//# sourceMappingURL=PageLayout.utils.js.map

package/dist/PageLayout/PageLayout.utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PageLayout.utils.js","sourceRoot":"","sources":["../../src/PageLayout/PageLayout.utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,2BAA2B,EAAE,MAAM,wBAAwB,CAAA;AACpE,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAA;AAEpD,MAAM,CAAC,IAAM,6BAA6B,GAAG;IAC3C,OAAA,sBAAe,cAAc,CAAC,2BAA2B,CAAC,QAAQ,CAAC,QAAK;AAAxE,CAAwE,CAAA;AAE1E,MAAM,CAAC,IAAM,qBAAqB,GAAG;IACnC,OAAO,MAAM,CAAC,UAAU,CAAC,6BAA6B,EAAE,CAAC,CAAC,OAAO,CAAA;AACnE,CAAC,CAAA;AAED,MAAM,CAAC,IAAM,IAAI,GAAG,UAAC,EAAU;IAC7B,OAAA,IAAI,OAAO,CAAO,UAAC,OAAO,IAAK,OAAA,UAAU,CAAC,OAAO,EAAE,EAAE,CAAC,EAAvB,CAAuB,CAAC;AAAvD,CAAuD,CAAA;AAEzD,MAAM,UAAU,+BAA+B,CAC7C,QAAwB,EACxB,kBAA0B;;IAE1B,IAAM,cAAc,GAAG,QAAQ,CAAC,eAAe,CAAC,YAAY,CAAA;IAC5D,IAAM,UAAU,GAAG,QAAQ,CAAC,qBAAqB,EAAE,CAAA;IACnD,IAAM,SAAS,GAAG,MAAA,UAAU,CAAC,CAAC,mCAAI,UAAU,CAAC,GAAG,CAAA;IAChD,IAAM,YAAY,GAAG,UAAU,CAAC,MAAM,CAAA;IACtC,IAAM,aAAa,GAAG,qBAAqB,EAAE,CAAA;IAC7C,IAAM,kBAAkB,GAAG,QAAQ,CAAC,OAAO,CAAC,MAAM,KAAK,QAAQ,CAAA;IAE/D,IAAI,aAAa,EAAE;QACjB,IAAI,kBAAkB,EAAE;YACtB,OAAO,kBAAkB,GAAG,cAAc,GAAG,SAAS,CAAA;SACvD;QAED,OAAO,kBAAkB,GAAG,YAAY,CAAA;KACzC;IAED,IAAI,kBAAkB,EAAE;QACtB,wDAAwD;QACxD,OAAO,cAAc,GAAG,UAAU,CAAC,MAAM,CAAA;KAC1C;IAED,OAAO,IAAI,CAAA;AACb,CAAC;AAED,MAAM,UAAU,qBAAqB,CAAC,WAA2B;IAC/D,IAAM,aAAa,GAAG,WAAW,CAAC,qBAAqB,EAAE,CAAA;IACzD,IAAM,sBAAsB,GAAG,aAAa,CAAC,MAAM,CAAA;IACnD,IAAM,cAAc,GAAG,QAAQ,CAAC,eAAe,CAAC,YAAY,CAAA;IAC5D,OAAO,IAAI,CAAC,GAAG,CAAC,cAAc,GAAG,sBAAsB,EAAE,CAAC,CAAC,CAAA;AAC7D,CAAC;AAED,MAAM,UAAU,kBAAkB,CAAC,WAA2B;;IAC5D,IAAM,aAAa,GAAG,WAAW,CAAC,qBAAqB,EAAE,CAAA;IACzD,IAAM,sBAAsB,GAAG,MAAA,aAAa,CAAC,CAAC,mCAAI,aAAa,CAAC,GAAG,CAAA;IACnE,OAAO,IAAI,CAAC,GAAG,CAAC,sBAAsB,EAAE,CAAC,CAAC,CAAA;AAC5C,CAAC;AAED,MAAM,UAAU,cAAc,CAAC,WAA2B;IACxD,IAAM,cAAc,GAAG,WAAW,CAAC,qBAAqB,EAAE,CAAC,KAAK,CAAA;IAChE,IAAM,aAAa,GAAG,QAAQ,CAAC,eAAe,CAAC,WAAW,CAAA;IAE1D,OAAO,aAAa,GAAG,cAAc,CAAA;AACvC,CAAC;AAED,MAAM,UAAU,2BAA2B,CACzC,OAAoB,EACpB,OAAoB;IAEpB,OAAO,CACL,OAAO,CAAC,qBAAqB,EAAE,CAAC,MAAM,GAAG,OAAO,CAAC,qBAAqB,EAAE,CAAC,GAAG,CAC7E,CAAA;AACH,CAAC"}

package/dist/PageLayout/index.d.ts

@@ -0,0 +1,2 @@
+export { Page, PageContext } from './PageLayout';
+export { PageAsideProps, PageComponentProps as PageProps, PageHeaderProps, } from './PageLayout.types';

package/dist/PageLayout/index.js.map

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

package/dist/Pagination/Pagination.d.ts

@@ -0,0 +1,18 @@
+import React from 'react';
+import { PresetPaginationProps } from './Pagination.types';
+/**
+
+ We paginate pages that display large data sets to our users. This helps reduce
+ page load time and makes the data easier to navigate.
+
+ Pagination is commonly seen on tool landing pages, where we display 150 objects
+ or table rows per page.
+
+ @since 10.19.0
+
+ @see [Storybook](https://procore.github.io/core/latest/?path=/story/demos-pagination--demo)
+
+ @see [Design Guidelines](https://design.procore.com/pagination)
+
+ */
+export declare const Pagination: React.ForwardRefExoticComponent<PresetPaginationProps & React.RefAttributes<HTMLDivElement>>;

package/dist/Pagination/Pagination.js

@@ -0,0 +1,82 @@
+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 __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import React from 'react';
+import { ChevronLeft, ChevronRight } from '@procore/core-icons/dist';
+import { useI18nContext } from '../_hooks/I18n';
+import { StyledButton, StyledContainer, StyledCurrentPage, StyledPageCount, } from './Pagination.styles';
+import { PaginationSelect } from './PaginationSelect';
+function noop() { }
+var usePagination = function (_a) {
+    var _b = _a.activePage, activePage = _b === void 0 ? 0 : _b, _c = _a.items, items = _c === void 0 ? 0 : _c, _d = _a.onSelectPage, onSelectPage = _d === void 0 ? function () { } : _d, _e = _a.perPage, perPage = _e === void 0 ? 0 : _e;
+    var pages = Math.ceil(items / perPage);
+    activePage = pages === 0 ? 0 : activePage;
+    return {
+        end: Math.min(activePage * perPage, items),
+        isFirst: activePage < 2,
+        isLast: activePage === pages,
+        pages: pages,
+        selectNext: function () { return onSelectPage(activePage + 1); },
+        selectPage: function (selection) { return onSelectPage(selection.item); },
+        selectPrev: function () { return onSelectPage(activePage - 1); },
+        start: Math.max((activePage - 1) * perPage + 1, 0),
+    };
+};
+/**
+
+ We paginate pages that display large data sets to our users. This helps reduce
+ page load time and makes the data easier to navigate.
+
+ Pagination is commonly seen on tool landing pages, where we display 150 objects
+ or table rows per page.
+
+ @since 10.19.0
+
+ @see [Storybook](https://procore.github.io/core/latest/?path=/story/demos-pagination--demo)
+
+ @see [Design Guidelines](https://design.procore.com/pagination)
+
+ */
+export var Pagination = React.forwardRef(function Pagination(_a, ref) {
+    var _b = _a.activePage, activePage = _b === void 0 ? 1 : _b, items = _a.items, _c = _a.onSelectPage, onSelectPage = _c === void 0 ? noop : _c, _d = _a.perPage, perPage = _d === void 0 ? 50 : _d, props = __rest(_a, ["activePage", "items", "onSelectPage", "perPage"]);
+    var _e = usePagination({
+        activePage: activePage,
+        items: items,
+        onSelectPage: onSelectPage,
+        perPage: perPage,
+    }), end = _e.end, isFirst = _e.isFirst, isLast = _e.isLast, pages = _e.pages, selectNext = _e.selectNext, selectPage = _e.selectPage, selectPrev = _e.selectPrev, start = _e.start;
+    var i18n = useI18nContext();
+    return (React.createElement(StyledContainer, __assign({ ref: ref }, props),
+        React.createElement(StyledPageCount, { ref: ref, italic: true, color: "gray45" }, i18n.t('core.pagination.notation', {
+            end: end,
+            start: start,
+            totalItems: items,
+        })),
+        React.createElement(StyledCurrentPage, null,
+            i18n.t('core.pagination.page'),
+            ":"),
+        React.createElement(PaginationSelect, { activePage: activePage, disabled: pages <= 1, onSelect: selectPage, pages: pages }),
+        React.createElement(StyledButton, { disabled: isFirst, variant: "tertiary", "aria-label": i18n.t('core.pagination.prevPage'), icon: React.createElement(ChevronLeft, null), onClick: selectPrev }),
+        React.createElement(StyledButton, { disabled: isLast, variant: "tertiary", "aria-label": i18n.t('core.pagination.nextPage'), icon: React.createElement(ChevronRight, null), onClick: selectNext })));
+});
+Pagination.displayName = 'Pagination';
+//# sourceMappingURL=Pagination.js.map

package/dist/Pagination/Pagination.js.map

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

package/dist/Pagination/Pagination.styles.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+export declare const StyledContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledPageCount: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../_utils/types").SpanAttributes & import("../Typography").TypographyProps & import("react").RefAttributes<HTMLSpanElement>>, any, {}, never>;
+export declare const StyledCurrentPage: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../_utils/types").SpanAttributes & import("../Typography").TypographyProps & import("react").RefAttributes<HTMLSpanElement>>, any, {}, never>;
+export declare const StyledButton: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../Button").ButtonProps & import("react").RefAttributes<HTMLButtonElement>>, any, {}, never>;
+export declare const StyledOverlay: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../_utils/types").DivAttributes & import("../Card").CardProps & import("react").RefAttributes<HTMLDivElement>>, any, {}, never>;

package/dist/Pagination/Pagination.styles.js

@@ -0,0 +1,16 @@
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+import styled from 'styled-components';
+import { spacing } from '../_styles/spacing';
+import { Button } from '../Button';
+import { Card } from '../Card';
+import { Typography } from '../Typography';
+export var StyledContainer = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: flex;\n  align-items: center;\n"], ["\n  display: flex;\n  align-items: center;\n"])));
+export var StyledPageCount = styled(Typography)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  margin-right: ", "px;\n"], ["\n  margin-right: ", "px;\n"])), spacing.xl);
+export var StyledCurrentPage = styled(Typography)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  margin-right: ", "px;\n"], ["\n  margin-right: ", "px;\n"])), spacing.sm);
+export var StyledButton = styled(Button)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  margin-left: ", "px;\n"], ["\n  margin-left: ", "px;\n"])), spacing.sm);
+export var StyledOverlay = styled(Card)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  max-height: 300px; // TODO one-off\n  max-width: 248px; // TODO one-off\n"], ["\n  max-height: 300px; // TODO one-off\n  max-width: 248px; // TODO one-off\n"])));
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5;
+//# sourceMappingURL=Pagination.styles.js.map

package/dist/Pagination/Pagination.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Pagination.styles.js","sourceRoot":"","sources":["../../src/Pagination/Pagination.styles.ts"],"names":[],"mappings":";;;;AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAA;AACtC,OAAO,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAA;AAC5C,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAA;AAClC,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAA;AAC9B,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAE1C,MAAM,CAAC,IAAM,eAAe,GAAG,MAAM,CAAC,GAAG,iHAAA,8CAGxC,IAAA,CAAA;AAED,MAAM,CAAC,IAAM,eAAe,GAAG,MAAM,CAAC,UAAU,CAAC,gGAAA,oBAC/B,EAAU,OAC3B,KADiB,OAAO,CAAC,EAAE,CAC3B,CAAA;AAED,MAAM,CAAC,IAAM,iBAAiB,GAAG,MAAM,CAAC,UAAU,CAAC,gGAAA,oBACjC,EAAU,OAC3B,KADiB,OAAO,CAAC,EAAE,CAC3B,CAAA;AAED,MAAM,CAAC,IAAM,YAAY,GAAG,MAAM,CAAC,MAAM,CAAC,+FAAA,mBACzB,EAAU,OAC1B,KADgB,OAAO,CAAC,EAAE,CAC1B,CAAA;AAED,MAAM,CAAC,IAAM,aAAa,GAAG,MAAM,CAAC,IAAI,CAAC,kJAAA,+EAGxC,IAAA,CAAA"}

package/dist/Pagination/Pagination.types.d.ts

@@ -0,0 +1,143 @@
+/// <reference types="react" />
+import { Props } from '../_utils/types';
+import { MenuRef, Selection } from '../MenuImperative/MenuImperative.types';
+export interface FieldProps extends Props {
+    /**
+     * @since 10.19.0
+     */
+    label?: string;
+}
+export interface PageNotationProps extends Props {
+    /**
+     * @since 10.19.0
+     */
+    end: number;
+    /**
+     * @since 10.19.0
+     */
+    items: number;
+    /**
+     * @since 10.19.0
+     */
+    start: number;
+}
+export interface NavigationIconProps extends Props {
+    /**
+     * @since 10.19.0
+     */
+    disabled?: boolean;
+    /**
+     * @since 10.19.0
+     */
+    onClick?: any;
+}
+export interface PresetPaginationProps extends Props {
+    /**
+     * Current page selected, 1 based.
+     * @since 10.19.0
+     */
+    activePage?: number;
+    /**
+     * Total number of items across pages.
+     * @since 10.19.0
+     */
+    items: number;
+    /**
+     * A callback that receives the page selected.
+     * @since 10.19.0
+     */
+    onSelectPage?: (page: number) => void;
+    /**
+     * Number of items per page.
+     * @since 10.19.0
+     */
+    perPage?: number;
+}
+export interface PaginationMenuProps {
+    /**
+     * @since 10.19.0
+     */
+    activePage: number;
+    /**
+     * @since 10.19.0
+     */
+    menuRef: React.RefObject<MenuRef>;
+    /**
+     * @since 10.19.0
+     */
+    pages: number;
+    /**
+     * @since 10.19.0
+     */
+    onSelect?: PageSelectProps['onSelect'];
+}
+export interface PageSelectProps extends Props {
+    /**
+     * @since 10.19.0
+     */
+    activePage?: number;
+    /**
+     * @since 10.19.0
+     */
+    disabled?: boolean;
+    /**
+     * @since 10.19.0
+     */
+    onSelect?: (selection: Selection) => any;
+    /**
+     * @since 10.19.0
+     */
+    pages?: number;
+}
+export interface PaginationHookConfig {
+    /**
+     * @since 10.19.0
+     */
+    activePage: number;
+    /**
+     * @since 10.19.0
+     */
+    items: number;
+    /**
+     * @since 10.19.0
+     */
+    onSelectPage: (page: number) => void;
+    /**
+     * @since 10.19.0
+     */
+    perPage: number;
+}
+export interface PaginationHook {
+    /**
+     * @since 10.19.0
+     */
+    end: number;
+    /**
+     * @since 10.19.0
+     */
+    isFirst: boolean;
+    /**
+     * @since 10.19.0
+     */
+    isLast: boolean;
+    /**
+     * @since 10.19.0
+     */
+    pages: number;
+    /**
+     * @since 10.19.0
+     */
+    selectNext: () => void;
+    /**
+     * @since 10.19.0
+     */
+    selectPage: (selection: Selection) => void;
+    /**
+     * @since 10.19.0
+     */
+    selectPrev: () => void;
+    /**
+     * @since 10.19.0
+     */
+    start: number;
+}

package/dist/Pagination/Pagination.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Pagination.types.js","sourceRoot":"","sources":["../../src/Pagination/Pagination.types.ts"],"names":[],"mappings":""}