@procore/core-react 11.20.0-vite.1 → 11.20.0

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/core-react/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,90 @@
+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 { ChevronLeft, ChevronRight } from '@procore/core-icons/dist';
+import { NumberFormatter } from '@procore/globalization-toolkit';
+import { useId } from '@react-aria/utils';
+import React from 'react';
+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/core-react/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();
+    var labelId = useId();
+    var selectId = useId();
+    function formattedNumber(items) {
+        var formatter = new NumberFormatter({ locale: i18n.locale });
+        return formatter.formatNumber(items);
+    }
+    return (React.createElement(StyledContainer, __assign({ ref: ref }, props),
+        React.createElement(StyledPageCount, { ref: ref, italic: true, color: "gray45" }, i18n.t('core.pagination.notation', {
+            end: formattedNumber(end),
+            start: formattedNumber(start),
+            totalItems: formattedNumber(items || 0),
+        })),
+        React.createElement(StyledCurrentPage, { id: labelId },
+            i18n.t('core.pagination.page'),
+            ":"),
+        React.createElement(PaginationSelect, { activePage: activePage, "aria-labelledby": "".concat(labelId, " ").concat(selectId), disabled: pages <= 1, id: selectId, 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("..").TypographyProps & import("react").RefAttributes<HTMLSpanElement>>, any, {}, never>;
+export declare const StyledCurrentPage: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../_utils/types").SpanAttributes & import("..").TypographyProps & import("react").RefAttributes<HTMLSpanElement>>, any, {}, never>;
+export declare const StyledButton: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("..").ButtonProps & import("react").RefAttributes<HTMLButtonElement>>, any, {}, never>;
+export declare const StyledOverlay: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../_utils/types").DivAttributes & import("..").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 { Button } from '../Button/Button';
+import { Card } from '../Card/Card';
+import { Typography } from '../Typography/Typography';
+import { spacing } from '../_styles/spacing';
+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,MAAM,EAAE,MAAM,kBAAkB,CAAA;AACzC,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AACnC,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAA;AACrD,OAAO,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAA;AAE5C,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,151 @@
+/// <reference types="react" />
+import { MenuRef, Selection } from '../MenuImperative/MenuImperative.types';
+import { Props } from '../_utils/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 11.6.0
+     */
+    'aria-labelledby'?: string;
+    /**
+     * @since 10.19.0
+     */
+    disabled?: boolean;
+    /**
+     * @since 11.6.0
+     */
+    id?: string;
+    /**
+     * @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

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=Pagination.types.js.map

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":""}

package/dist/Pagination/PaginationSelect.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { PageSelectProps } from './Pagination.types';
+export declare const PaginationSelect: React.ForwardRefExoticComponent<PageSelectProps & React.RefAttributes<HTMLButtonElement>>;

package/dist/Pagination/PaginationSelect.js

@@ -0,0 +1,106 @@
+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 { times } from 'ramda';
+import React from 'react';
+import { DropdownButton } from '../Dropdown/Dropdown';
+import { MenuImperative } from '../MenuImperative/MenuImperative';
+import { OverlayTrigger, useOverlayTriggerContext, } from '../OverlayTrigger/OverlayTrigger';
+import { StyledOverlay } from './Pagination.styles';
+var noop = function () { };
+var PaginationMenu = React.forwardRef(function PaginationMenu(_a, ref) {
+    var activePage = _a.activePage, menuRef = _a.menuRef, _b = _a.onSelect, onSelect_ = _b === void 0 ? noop : _b, pages = _a.pages, props = __rest(_a, ["activePage", "menuRef", "onSelect", "pages"]);
+    var ctx = useOverlayTriggerContext();
+    var lastItemRef = React.useRef(null);
+    var hasFooter = pages > 10;
+    React.useEffect(function () {
+        var _a;
+        (_a = menuRef.current) === null || _a === void 0 ? void 0 : _a.highlightFirst();
+    }, [menuRef]);
+    React.useEffect(function () {
+        var _a, _b;
+        (_a = menuRef.current) === null || _a === void 0 ? void 0 : _a.highlightSuggested();
+        (_b = menuRef.current) === null || _b === void 0 ? void 0 : _b.highlightSelected();
+    }, [menuRef]);
+    function onKeyDown(event) {
+        var _a, _b, _c;
+        var currentPage = (_a = menuRef.current) === null || _a === void 0 ? void 0 : _a.highlighted();
+        if (event.key === 'ArrowDown' || event.key === 'Down') {
+            // when on the second to last item, want to jump to the last item (in the footer)
+            if (currentPage === pages - 1 && lastItemRef.current) {
+                (_b = menuRef.current) === null || _b === void 0 ? void 0 : _b.highlight(lastItemRef.current);
+            }
+        }
+        else if (event.key === 'ArrowUp' || event.key === 'Up') {
+            // on the last item (in the footer), want to jump back to the second to last
+            // item back in the menu
+            if (hasFooter && currentPage === pages) {
+                event.stopPropagation();
+                (_c = menuRef.current) === null || _c === void 0 ? void 0 : _c.highlightLast();
+            }
+        }
+    }
+    function onSelect(selection) {
+        onSelect_(selection);
+        ctx.hide(selection.event);
+    }
+    var children = times(function (index) {
+        var page = index + 1;
+        return (React.createElement(MenuImperative.Item, { item: page, key: index, selected: page === activePage, ref: lastItemRef }, page));
+    }, pages);
+    return (React.createElement(StyledOverlay, { ref: ref, shadowStrength: 2 },
+        React.createElement(MenuImperative, __assign({ circular: true }, props, { ref: menuRef, onKeyDown: onKeyDown, onSelect: onSelect }), hasFooter ? (React.createElement(React.Fragment, null,
+            React.createElement(MenuImperative.Options, null, children.slice(0, -1)),
+            React.createElement(MenuImperative.Footer, { padding: "xs none" }, children[children.length - 1]))) : (React.createElement(MenuImperative.Options, null, children)))));
+});
+export var PaginationSelect = React.forwardRef(function PaginationSelect(_a, ref) {
+    var _b = _a.activePage, activePage = _b === void 0 ? 1 : _b, _c = "aria-labelledby", ariaLabelledby = _a[_c], disabled = _a.disabled, id = _a.id, onSelect = _a.onSelect, _d = _a.pages, pages = _d === void 0 ? 0 : _d, props = __rest(_a, ["activePage", typeof _c === "symbol" ? _c : _c + "", "disabled", "id", "onSelect", "pages"]);
+    var menuRef = React.useRef(null);
+    // Safari has an issue with giving focus to buttons after clicking on them
+    // if the button or menu do not have focus, the keyboard navigation does not work,
+    // so just focus the menu when we open it
+    function afterShow() {
+        var _a, _b, _c;
+        // this is brittle, if MenuImperative dom structure changes this could break
+        // but super specific to pagination, not really a concern elsewhere
+        ;
+        (_c = (_b = (_a = menuRef.current) === null || _a === void 0 ? void 0 : _a.el) === null || _b === void 0 ? void 0 : _b.firstChild) === null || _c === void 0 ? void 0 : _c.focus();
+    }
+    function onKeyDown(e) {
+        var _a, _b, _c;
+        if (e.key === 'Up' || e.key === 'ArrowUp') {
+            e.preventDefault();
+            (_a = menuRef.current) === null || _a === void 0 ? void 0 : _a.prev();
+        }
+        else if (e.key === 'Down' || e.key === 'ArrowDown') {
+            e.preventDefault();
+            (_b = menuRef.current) === null || _b === void 0 ? void 0 : _b.next();
+        }
+        else if (e.key === 'Enter') {
+            e.preventDefault();
+            (_c = menuRef.current) === null || _c === void 0 ? void 0 : _c.select(e);
+        }
+    }
+    return (React.createElement(OverlayTrigger, __assign({ role: "listbox", passA11yPropsToOverlay: true, autoFocus: true, afterShow: afterShow, overlay: React.createElement(PaginationMenu, { activePage: activePage, menuRef: menuRef, onSelect: onSelect, pages: pages }), placement: "bottom-left", ref: ref, trigger: "click" }, props),
+        React.createElement(DropdownButton, { "aria-labelledby": ariaLabelledby, arrow: true, disabled: disabled, id: id, onKeyDown: onKeyDown, variant: "tertiary" }, activePage)));
+});
+//# sourceMappingURL=PaginationSelect.js.map

package/dist/Pagination/PaginationSelect.js.map

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

package/dist/Pagination/index.d.ts

@@ -0,0 +1,2 @@
+export { Pagination } from './Pagination';
+export { PresetPaginationProps as PaginationProps } from './Pagination.types';

package/dist/Pagination/index.js

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

package/dist/Pagination/index.js.map

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

package/dist/Panel/Panel.d.ts

@@ -0,0 +1,23 @@
+import React from 'react';
+import { TypographyProps } from '../Typography/Typography.types';
+import { DivAttributes } from '../_utils/types';
+import { PanelBodyProps, PanelHeaderActionProps, PanelHeaderProps, PanelProps, PanelQaTags, PanelTitleTooltipProps } from './Panel.types';
+export declare const MoreIcon: React.FC<DivAttributes & {
+    qa?: Pick<PanelQaTags, 'moreIcon'>;
+}>;
+export declare const TitleTooltip: React.FC<PanelTitleTooltipProps>;
+export declare const Panel: React.ForwardRefExoticComponent<PanelProps & React.RefAttributes<HTMLDivElement>> & {
+    Body: React.ForwardRefExoticComponent<PanelBodyProps & React.RefAttributes<HTMLDivElement>>;
+    Footer: React.ForwardRefExoticComponent<DivAttributes & React.RefAttributes<HTMLDivElement>>;
+    FooterActions: React.ForwardRefExoticComponent<DivAttributes & React.RefAttributes<HTMLDivElement>>;
+    FooterNotation: React.ForwardRefExoticComponent<DivAttributes & React.RefAttributes<HTMLDivElement>>;
+    Header: React.ForwardRefExoticComponent<PanelHeaderProps & React.RefAttributes<HTMLDivElement>>;
+    HeaderAction: React.ForwardRefExoticComponent<PanelHeaderActionProps & React.RefAttributes<HTMLSpanElement>>;
+    HeaderActions: React.ForwardRefExoticComponent<DivAttributes & {
+        qa?: Pick<PanelQaTags, "moreIcon"> | undefined;
+    } & React.RefAttributes<HTMLDivElement>>;
+    Section: React.ForwardRefExoticComponent<import("../Section/Section.types").SectionProps & React.RefAttributes<HTMLDivElement>>;
+    Title: React.ForwardRefExoticComponent<TypographyProps & {
+        qa?: Pick<PanelQaTags, "title"> | undefined;
+    } & React.RefAttributes<HTMLSpanElement>>;
+};

package/dist/Panel/Panel.js

@@ -0,0 +1,184 @@
+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 { ChevronLeft, Clear, EllipsisVertical } from '@procore/core-icons/dist';
+import React from 'react';
+import { Button } from '../Button/Button';
+import { Menu } from '../Menu/Menu';
+import { OverlayTrigger } from '../OverlayTrigger/OverlayTrigger';
+import { LevelContext, Section, SectionProvider } from '../Section/Section';
+import { Tooltip } from '../Tooltip/Tooltip';
+import { useI18nContext } from '../_hooks/I18n';
+import { useOverflowObserver } from '../_hooks/OverflowObserver';
+import { useResize } from '../_hooks/Resize';
+import { useScroll } from '../_hooks/Scroll';
+import { addSubcomponents } from '../_utils/addSubcomponents';
+import { isReactElement } from '../_utils/isReactElement';
+import { mergeRefs } from '../_utils/mergeRefs';
+import { partition } from '../_utils/partition';
+import { StyledBody, StyledCloseButton, StyledFooter, StyledFooterActions, StyledFooterNotation, StyledHeader, StyledHeaderActions, StyledHeaderBackAction, StyledMoreMenu, StyledPanel, StyledTitle, } from './Panel.styles';
+var PanelContext = React.createContext({
+    isFooterSticky: false,
+    setIsFooterSticky: function () { },
+});
+var maxVisibleIcons = 3;
+var HeaderAction = React.forwardRef(function HeaderAction(_a, ref) {
+    var title = _a.title, children = _a.children, _b = _a.variant, variant = _b === void 0 ? 'tertiary' : _b, props = __rest(_a, ["title", "children", "variant"]);
+    return (React.createElement(Tooltip, { overlay: title, ref: ref },
+        React.createElement(Button, __assign({}, props, { variant: variant }), children)));
+});
+var MoreMenu = React.forwardRef(function MoreMenu(_a, ref) {
+    var children = _a.children;
+    return (React.createElement(StyledMoreMenu, { ref: ref },
+        React.createElement(Menu, { ref: function (node) { return node === null || node === void 0 ? void 0 : node.focus(); } },
+            React.createElement(Menu.Options, null, React.Children.map(children, function (child) {
+                if (isReactElement(child)) {
+                    return (React.createElement(Menu.Item, { item: null, key: child.props.title, onClick: child.props.onClick }, child.props.title));
+                }
+            })))));
+});
+export var MoreIcon = function (_a) {
+    var children = _a.children, qa = _a.qa;
+    return (React.createElement(OverlayTrigger, { trigger: "click", placement: "bottom-right", overlay: React.createElement(MoreMenu, null, children) },
+        React.createElement(Button, { "data-qa": qa === null || qa === void 0 ? void 0 : qa.moreIcon, variant: "tertiary", icon: React.createElement(EllipsisVertical, null) })));
+};
+var HeaderActions = React.forwardRef(function HeaderActions(_a, ref) {
+    var children = _a.children, qa = _a.qa, props = __rest(_a, ["children", "qa"]);
+    var iconsAmount = React.Children.count(children);
+    var _b = iconsAmount > maxVisibleIcons
+        ? partition(function (_, index) { return index > iconsAmount - maxVisibleIcons; }, React.Children.toArray(children))
+        : [children, []], visibleIcons = _b[0], hiddenIcons = _b[1];
+    return (React.createElement(StyledHeaderActions, __assign({}, props, { ref: ref }),
+        visibleIcons,
+        hiddenIcons.length > 0 && React.createElement(MoreIcon, { qa: qa }, hiddenIcons)));
+});
+export var TitleTooltip = function (_a) {
+    var children = _a.children, overlay = _a.overlay, isVisible = _a.isVisible;
+    if (!isVisible) {
+        return children;
+    }
+    return (React.createElement(Tooltip, { trigger: "hover", overlay: React.createElement(Tooltip.Content, null, overlay), placement: "bottom" }, children));
+};
+var Title = React.forwardRef(function Title(_a, ref) {
+    var children = _a.children, qa = _a.qa, props = __rest(_a, ["children", "qa"]);
+    var _b = useOverflowObserver(), isOverflowingX = _b.isOverflowingX, overflowRef = _b.ref;
+    return (React.createElement(TitleTooltip, { isVisible: isOverflowingX, overlay: children },
+        React.createElement(StyledTitle, __assign({}, props, { ref: mergeRefs(overflowRef, ref), intent: "h2", "data-qa": qa === null || qa === void 0 ? void 0 : qa.title }), children)));
+});
+var Header = React.forwardRef(function Header(_a, ref) {
+    var children = _a.children, onClickBack = _a.onClickBack, onClose = _a.onClose, props = __rest(_a, ["children", "onClickBack", "onClose"]);
+    var I18n = useI18nContext();
+    return (React.createElement(StyledHeader, __assign({}, props, { ref: ref }),
+        React.createElement(StyledHeaderBackAction, { active: onClickBack !== undefined },
+            React.createElement(Button, { "aria-label": I18n.t('core.panel.goBack'), variant: "tertiary", onClick: onClickBack, icon: React.createElement(ChevronLeft, null) })),
+        children,
+        typeof onClose === 'function' && (React.createElement(StyledCloseButton, null,
+            React.createElement(HeaderAction, { title: I18n.t('core.panel.close'), icon: React.createElement(Clear, null), onClick: onClose })))));
+});
+var Body = React.forwardRef(function Body(_a, ref) {
+    var children = _a.children, props = __rest(_a, ["children"]);
+    var bodyRef = React.useRef(null);
+    var setIsFooterSticky = React.useContext(PanelContext).setIsFooterSticky;
+    function calculateBodyScroll() {
+        if (!bodyRef.current) {
+            return;
+        }
+        var isScrollable = bodyRef.current.scrollHeight > bodyRef.current.clientHeight;
+        if (isScrollable) {
+            var isNotScrolledToBottom = bodyRef.current.scrollTop + bodyRef.current.clientHeight <
+                bodyRef.current.scrollHeight;
+            setIsFooterSticky(isNotScrolledToBottom);
+        }
+        else {
+            setIsFooterSticky(false);
+        }
+    }
+    React.useLayoutEffect(function () {
+        // allow browsers to recalculate the layout
+        setTimeout(function () {
+            calculateBodyScroll();
+        }, 0);
+    }, []);
+    useScroll({ onScroll: calculateBodyScroll, scope: bodyRef });
+    useResize({ onResize: calculateBodyScroll });
+    return (React.createElement(SectionProvider, null,
+        React.createElement(LevelContext.Provider, { value: 3 },
+            React.createElement(StyledBody, __assign({}, props, { ref: mergeRefs(ref, bodyRef, calculateBodyScroll) }), children))));
+});
+var FooterNotation = React.forwardRef(function FooterNotation(_a, ref) {
+    var children = _a.children, props = __rest(_a, ["children"]);
+    return (React.createElement(StyledFooterNotation, __assign({}, props, { ref: ref }), children));
+});
+var FooterActions = React.forwardRef(function FooterActions(_a, ref) {
+    var children = _a.children, props = __rest(_a, ["children"]);
+    return (React.createElement(StyledFooterActions, __assign({}, props, { ref: ref }), children));
+});
+var Footer = React.forwardRef(function Footer(_a, ref) {
+    var children = _a.children, props = __rest(_a, ["children"]);
+    var isFooterSticky = React.useContext(PanelContext).isFooterSticky;
+    return (React.createElement(StyledFooter, __assign({}, props, { ref: ref, "$hasShadow": isFooterSticky }), children));
+});
+/**
+
+ Panels help users complete tasks or view additional information alongside the
+ main content of a page.
+
+ Panels are often initiated by clicking on an item somewhere on the main page,
+ and they often contain additional information or options specific to that item.
+
+ @since 10.19.0
+
+ @see [Storybook](https://procore.github.io/core/core-react/latest/?path=/story/demos-panel--demo)
+
+ @see [Design Guidelines](https://design.procore.com/panel)
+
+ */
+var Panel_ = React.forwardRef(function Panel(_a, ref) {
+    var children = _a.children, props = __rest(_a, ["children"]);
+    var _b = React.useState(false), isFooterSticky = _b[0], setIsFooterSticky = _b[1];
+    return (React.createElement(PanelContext.Provider, { value: {
+            setIsFooterSticky: setIsFooterSticky,
+            isFooterSticky: isFooterSticky,
+        } },
+        React.createElement(StyledPanel, __assign({}, props, { ref: ref }), children)));
+});
+Panel_.displayName = 'Panel';
+Body.displayName = 'Panel.Body';
+Footer.displayName = 'Panel.Footer';
+FooterActions.displayName = 'Panel.FooterActions';
+FooterNotation.displayName = 'Panel.FooterNotation';
+Header.displayName = 'Panel.Header';
+HeaderAction.displayName = 'Panel.HeaderAction';
+HeaderActions.displayName = 'Panel.HeaderActions';
+Title.displayName = 'Panel.Title';
+export var Panel = addSubcomponents({
+    Body: Body,
+    Footer: Footer,
+    FooterActions: FooterActions,
+    FooterNotation: FooterNotation,
+    Header: Header,
+    HeaderAction: HeaderAction,
+    HeaderActions: HeaderActions,
+    Section: Section,
+    Title: Title,
+}, Panel_);
+//# sourceMappingURL=Panel.js.map