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

package/dist/DateInput/index.js

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

package/dist/DateInput/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/DateInput/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,SAAS,EACT,gBAAgB,IAAI,uBAAuB,GAC5C,MAAM,aAAa,CAAA"}

package/dist/DateSelect/DateSelect.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+import { DateSelectProps } from './DateSelect.types';
+/**
+
+ We use date selects to allow users to enter a date into a form by either
+ selecting it from a calendar or typing it into a date field.
+
+ @since 10.19.0
+
+ @see [Storybook](https://procore.github.io/core/core-react/latest/?path=/story/demos-dateselect--demo)
+
+ @see [Design Guidelines](https://design.procore.com/date-select)
+
+ */
+export declare const DateSelect: React.ForwardRefExoticComponent<DateSelectProps & React.RefAttributes<HTMLDivElement>>;

package/dist/DateSelect/DateSelect.js

@@ -0,0 +1,134 @@
+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;
+};
+var _a;
+import React from 'react';
+import { Calendar as CalendarBase } from '../Calendar/Calendar';
+import { Card } from '../Card/Card';
+import { DateInput, isValidYearRange } from '../DateInput/DateInput';
+import { OverlayTrigger, useOverlayTriggerContext, } from '../OverlayTrigger/OverlayTrigger';
+import { isEventSource } from '../_hooks/ClickOutside';
+import { useDateTime } from '../_hooks/DateTime';
+var enableLogs = ((_a = process.env.TZ_LOG) === null || _a === void 0 ? void 0 : _a.toLowerCase()) === 'true';
+function consoleMessageChange(_a) {
+    var date = _a.date;
+    if (enableLogs) {
+        console.log("core-react: DateInput onChange, relative start of day in destination time zone.\n", date);
+    }
+}
+var showKeys = [];
+var hideKeys = {
+    target: ['Esc', 'Escape', 'Enter'],
+    overlay: ['Esc', 'Escape'],
+};
+function lifecycleDefault() {
+    return true;
+}
+function noop() { }
+var Calendar = React.forwardRef(function Calendar(_a, ref) {
+    var onSelect = _a.onSelect, props = __rest(_a, ["onSelect"]);
+    var hide = useOverlayTriggerContext().hide;
+    return (React.createElement(Card, { ref: ref, shadowStrength: 2 },
+        React.createElement(CalendarBase, __assign({}, props, { onSelect: function (date) {
+                onSelect === null || onSelect === void 0 ? void 0 : onSelect(date);
+                hide(true);
+            } }))));
+});
+/**
+
+ We use date selects to allow users to enter a date into a form by either
+ selecting it from a calendar or typing it into a date field.
+
+ @since 10.19.0
+
+ @see [Storybook](https://procore.github.io/core/core-react/latest/?path=/story/demos-dateselect--demo)
+
+ @see [Design Guidelines](https://design.procore.com/date-select)
+
+ */
+export var DateSelect = React.forwardRef(function DateSelect(_a, ref) {
+    var _b = _a.beforeHide, beforeHide = _b === void 0 ? lifecycleDefault : _b, _c = _a.beforeShow, beforeShow = _c === void 0 ? lifecycleDefault : _c, _d = _a.afterHide, afterHide = _d === void 0 ? noop : _d, _e = _a.afterShow, afterShow = _e === void 0 ? noop : _e, disabledDate = _a.disabledDate, _f = _a.onChange, onChange = _f === void 0 ? noop : _f, _g = _a.onClear, onClear = _g === void 0 ? noop : _g, value = _a.value, props = __rest(_a, ["beforeHide", "beforeShow", "afterHide", "afterShow", "disabledDate", "onChange", "onClear", "value"]);
+    var dateTime = useDateTime();
+    var clearRef = React.useRef(null);
+    var dateInputRef = ref;
+    React.useRef(null);
+    var monthRef = React.useRef(null);
+    var yearRef = React.useRef(null);
+    var segmentRefs = {
+        segmentThree: React.useRef(null),
+    };
+    var _h = React.useState(value), selected = _h[0], setSelected = _h[1];
+    var _j = React.useState(value || dateTime.newDate()), displayed = _j[0], setDisplayed = _j[1];
+    React.useEffect(function () {
+        setSelected(value);
+        setDisplayed(value || dateTime.newDate());
+    }, [value]);
+    var overlay = (React.createElement(Calendar, { "data-qa": "core-date-select-calendar", disabledDate: disabledDate, displayDate: displayed, monthRef: monthRef, onNavigate: setDisplayed, onSelect: function (date) {
+            segmentRefs.segmentThree.current &&
+                segmentRefs.segmentThree.current.focus();
+            setDisplayed(date);
+            setSelected(date);
+            onChange(date);
+        }, selectedStart: selected, selectedEnd: selected, yearRef: yearRef }));
+    return (React.createElement(OverlayTrigger, { afterHide: afterHide, afterShow: afterShow, beforeHide: function (e) {
+            if (e instanceof KeyboardEvent) {
+                segmentRefs.segmentThree.current &&
+                    segmentRefs.segmentThree.current.focus();
+                return beforeHide(e);
+            }
+            if (isEventSource(dateInputRef, e) || isEventSource(clearRef, e)) {
+                return false;
+            }
+            return beforeHide(e);
+        }, beforeShow: function (e) {
+            if (isEventSource(clearRef, e)) {
+                return false;
+            }
+            return beforeShow(e);
+        }, clickOutsideIgnoreRefs: [monthRef, yearRef], hideKeys: hideKeys, overlay: overlay, placement: "bottom-left", ref: dateInputRef, showKeys: showKeys },
+        React.createElement(DateInput, __assign({}, props, { clearRef: clearRef, segmentRefs: segmentRefs, onChangeSegment: function (type, value) {
+                if (value === -1) {
+                    return;
+                }
+                if (type === 'month') {
+                    setDisplayed(dateTime.newDate(displayed.setMonth(value - 1)));
+                }
+                else if (type === 'year') {
+                    // isValidYearRange prevents calendar from changing, the display date
+                    if (isValidYearRange(value)) {
+                        setDisplayed(dateTime.newDate(displayed.setFullYear(value)));
+                    }
+                }
+            }, onChange: function (date) {
+                consoleMessageChange({ date: date });
+                if (date) {
+                    setSelected(date);
+                    setDisplayed(date);
+                }
+                else {
+                    setDisplayed(dateTime.newDate());
+                    setSelected(undefined);
+                }
+                onChange(date);
+            }, onClear: onClear, value: selected }))));
+});
+//# sourceMappingURL=DateSelect.js.map

package/dist/DateSelect/DateSelect.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DateSelect.js","sourceRoot":"","sources":["../../src/DateSelect/DateSelect.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,QAAQ,IAAI,YAAY,EAAE,MAAM,sBAAsB,CAAA;AAE/D,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AACnC,OAAO,EAAE,SAAS,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAA;AACpE,OAAO,EACL,cAAc,EACd,wBAAwB,GACzB,MAAM,kCAAkC,CAAA;AACzC,OAAO,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAA;AACtD,OAAO,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAA;AAGhD,IAAM,UAAU,GAAG,CAAA,MAAA,OAAO,CAAC,GAAG,CAAC,MAAM,0CAAE,WAAW,EAAE,MAAK,MAAM,CAAA;AAE/D,SAAS,oBAAoB,CAAC,EAAa;QAAX,IAAI,UAAA;IAClC,IAAI,UAAU,EAAE;QACd,OAAO,CAAC,GAAG,CACT,mFAAmF,EACnF,IAAI,CACL,CAAA;KACF;AACH,CAAC;AAED,IAAM,QAAQ,GAAa,EAAE,CAAA;AAE7B,IAAM,QAAQ,GAAG;IACf,MAAM,EAAE,CAAC,KAAK,EAAE,QAAQ,EAAE,OAAO,CAAC;IAClC,OAAO,EAAE,CAAC,KAAK,EAAE,QAAQ,CAAC;CAC3B,CAAA;AAED,SAAS,gBAAgB;IACvB,OAAO,IAAI,CAAA;AACb,CAAC;AAED,SAAS,IAAI,KAAI,CAAC;AAElB,IAAM,QAAQ,GAAG,KAAK,CAAC,UAAU,CAC/B,SAAS,QAAQ,CAAC,EAAsB,EAAE,GAAG;IAAzB,IAAA,QAAQ,cAAA,EAAK,KAAK,cAApB,YAAsB,CAAF;IAC5B,IAAA,IAAI,GAAK,wBAAwB,EAAE,KAA/B,CAA+B;IAE3C,OAAO,CACL,oBAAC,IAAI,IAAC,GAAG,EAAE,GAAG,EAAE,cAAc,EAAE,CAAC;QAC/B,oBAAC,YAAY,eACP,KAAK,IACT,QAAQ,EAAE,UAAC,IAAI;gBACb,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAG,IAAI,CAAC,CAAA;gBAChB,IAAI,CAAC,IAAI,CAAC,CAAA;YACZ,CAAC,IACD,CACG,CACR,CAAA;AACH,CAAC,CACF,CAAA;AAED;;;;;;;;;;;GAWG;AACH,MAAM,CAAC,IAAM,UAAU,GAAG,KAAK,CAAC,UAAU,CACxC,SAAS,UAAU,CACjB,EAUC,EACD,GAAG;IAVD,IAAA,kBAA6B,EAA7B,UAAU,mBAAG,gBAAgB,KAAA,EAC7B,kBAA6B,EAA7B,UAAU,mBAAG,gBAAgB,KAAA,EAC7B,iBAAgB,EAAhB,SAAS,mBAAG,IAAI,KAAA,EAChB,iBAAgB,EAAhB,SAAS,mBAAG,IAAI,KAAA,EAChB,YAAY,kBAAA,EACZ,gBAAe,EAAf,QAAQ,mBAAG,IAAI,KAAA,EACf,eAAc,EAAd,OAAO,mBAAG,IAAI,KAAA,EACd,KAAK,WAAA,EACF,KAAK,cATV,sGAUC,CADS;IAIV,IAAM,QAAQ,GAAG,WAAW,EAAE,CAAA;IAE9B,IAAM,QAAQ,GAAG,KAAK,CAAC,MAAM,CAAoB,IAAI,CAAC,CAAA;IAEtD,IAAM,YAAY,GAAG,GAAsC,CAAA;IAC3D,KAAK,CAAC,MAAM,CAAiB,IAAI,CAAC,CAAA;IAElC,IAAM,QAAQ,GAAG,KAAK,CAAC,MAAM,CAAiB,IAAI,CAAC,CAAA;IAEnD,IAAM,OAAO,GAAG,KAAK,CAAC,MAAM,CAAiB,IAAI,CAAC,CAAA;IAElD,IAAM,WAAW,GAAG;QAClB,YAAY,EAAE,KAAK,CAAC,MAAM,CAAiB,IAAI,CAAC;KACjD,CAAA;IAEK,IAAA,KAA0B,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,EAA9C,QAAQ,QAAA,EAAE,WAAW,QAAyB,CAAA;IAE/C,IAAA,KAA4B,KAAK,CAAC,QAAQ,CAC9C,KAAK,IAAI,QAAQ,CAAC,OAAO,EAAE,CAC5B,EAFM,SAAS,QAAA,EAAE,YAAY,QAE7B,CAAA;IAED,KAAK,CAAC,SAAS,CAAC;QACd,WAAW,CAAC,KAAK,CAAC,CAAA;QAClB,YAAY,CAAC,KAAK,IAAI,QAAQ,CAAC,OAAO,EAAE,CAAC,CAAA;IAC3C,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAA;IAEX,IAAM,OAAO,GAAG,CACd,oBAAC,QAAQ,eACC,2BAA2B,EACnC,YAAY,EAAE,YAAY,EAC1B,WAAW,EAAE,SAAS,EACtB,QAAQ,EAAE,QAAQ,EAClB,UAAU,EAAE,YAAY,EACxB,QAAQ,EAAE,UAAC,IAAI;YACb,WAAW,CAAC,YAAY,CAAC,OAAO;gBAC9B,WAAW,CAAC,YAAY,CAAC,OAAO,CAAC,KAAK,EAAE,CAAA;YAE1C,YAAY,CAAC,IAAI,CAAC,CAAA;YAClB,WAAW,CAAC,IAAI,CAAC,CAAA;YACjB,QAAQ,CAAC,IAAI,CAAC,CAAA;QAChB,CAAC,EACD,aAAa,EAAE,QAAQ,EACvB,WAAW,EAAE,QAAQ,EACrB,OAAO,EAAE,OAAO,GAChB,CACH,CAAA;IAED,OAAO,CACL,oBAAC,cAAc,IACb,SAAS,EAAE,SAAS,EACpB,SAAS,EAAE,SAAS,EACpB,UAAU,EAAE,UAAC,CAAC;YACZ,IAAI,CAAC,YAAY,aAAa,EAAE;gBAC9B,WAAW,CAAC,YAAY,CAAC,OAAO;oBAC9B,WAAW,CAAC,YAAY,CAAC,OAAO,CAAC,KAAK,EAAE,CAAA;gBAE1C,OAAO,UAAU,CAAC,CAAC,CAAC,CAAA;aACrB;YAED,IAAI,aAAa,CAAC,YAAY,EAAE,CAAC,CAAC,IAAI,aAAa,CAAC,QAAQ,EAAE,CAAC,CAAC,EAAE;gBAChE,OAAO,KAAK,CAAA;aACb;YACD,OAAO,UAAU,CAAC,CAAC,CAAC,CAAA;QACtB,CAAC,EACD,UAAU,EAAE,UAAC,CAAC;YACZ,IAAI,aAAa,CAAC,QAAQ,EAAE,CAAC,CAAC,EAAE;gBAC9B,OAAO,KAAK,CAAA;aACb;YACD,OAAO,UAAU,CAAC,CAAC,CAAC,CAAA;QACtB,CAAC,EACD,sBAAsB,EAAE,CAAC,QAAQ,EAAE,OAAO,CAAC,EAC3C,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,EAChB,SAAS,EAAC,aAAa,EACvB,GAAG,EAAE,YAAY,EACjB,QAAQ,EAAE,QAAQ;QAElB,oBAAC,SAAS,eACJ,KAAK,IACT,QAAQ,EAAE,QAAQ,EAClB,WAAW,EAAE,WAAW,EACxB,eAAe,EAAE,UAAC,IAAI,EAAE,KAAK;gBAC3B,IAAI,KAAK,KAAK,CAAC,CAAC,EAAE;oBAChB,OAAM;iBACP;gBAED,IAAI,IAAI,KAAK,OAAO,EAAE;oBACpB,YAAY,CAAC,QAAQ,CAAC,OAAO,CAAC,SAAS,CAAC,QAAQ,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC,CAAC,CAAA;iBAC9D;qBAAM,IAAI,IAAI,KAAK,MAAM,EAAE;oBAC1B,qEAAqE;oBACrE,IAAI,gBAAgB,CAAC,KAAK,CAAC,EAAE;wBAC3B,YAAY,CAAC,QAAQ,CAAC,OAAO,CAAC,SAAS,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC,CAAC,CAAA;qBAC7D;iBACF;YACH,CAAC,EACD,QAAQ,EAAE,UAAC,IAAiB;gBAC1B,oBAAoB,CAAC,EAAE,IAAI,MAAA,EAAE,CAAC,CAAA;gBAC9B,IAAI,IAAI,EAAE;oBACR,WAAW,CAAC,IAAI,CAAC,CAAA;oBACjB,YAAY,CAAC,IAAI,CAAC,CAAA;iBACnB;qBAAM;oBACL,YAAY,CAAC,QAAQ,CAAC,OAAO,EAAE,CAAC,CAAA;oBAChC,WAAW,CAAC,SAAS,CAAC,CAAA;iBACvB;gBAED,QAAQ,CAAC,IAAI,CAAC,CAAA;YAChB,CAAC,EACD,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,QAAQ,IACf,CACa,CAClB,CAAA;AACH,CAAC,CACF,CAAA"}

package/dist/DateSelect/DateSelect.types.d.ts

@@ -0,0 +1,15 @@
+import { CalendarProps } from '../Calendar/Calendar.types';
+import { DateInputProps } from '../DateInput/DateInput.types';
+import { OverlayTriggerProps } from '../OverlayTrigger/OverlayTrigger.types';
+import { VisibilityConfig } from '../_hooks/Visibility';
+declare type PickedDateInputProps = Pick<DateInputProps, 'className' | 'disabled' | 'error' | 'onChange' | 'onClear' | 'tabIndex' | 'variant'>;
+declare type PickedCalendarProps = Pick<CalendarProps, 'disabledDate'>;
+declare type PickedOverlayTriggerProps = Pick<OverlayTriggerProps, 'beforeHide' | 'beforeShow'>;
+declare type PickedVisibilityProps = Pick<VisibilityConfig, 'afterHide' | 'afterShow'>;
+export interface DateSelectProps extends PickedDateInputProps, PickedOverlayTriggerProps, PickedVisibilityProps, PickedCalendarProps {
+    /**
+     * @since 10.19.0
+     */
+    value?: Date;
+}
+export {};

package/dist/DateSelect/DateSelect.types.js

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

package/dist/DateSelect/DateSelect.types.js.map

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

package/dist/DateSelect/index.d.ts

@@ -0,0 +1,2 @@
+export { DateSelect } from './DateSelect';
+export { DateSelectProps } from './DateSelect.types';

package/dist/DateSelect/index.js

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

package/dist/DateSelect/index.js.map

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

package/dist/DetailPage/DetailPage.constants.d.ts

@@ -0,0 +1,6 @@
+import { OffsetByBreakpoint, SpanByBreakpoint } from '../Grid/Grid.types';
+import { DetailPageWidth } from './DetailPage.types';
+export declare const gridConfig: Record<DetailPageWidth, {
+    width: SpanByBreakpoint | number;
+    offset: OffsetByBreakpoint | number;
+}>;

package/dist/DetailPage/DetailPage.constants.js

@@ -0,0 +1,47 @@
+export var gridConfig = {
+    md: {
+        width: {
+            desktopMd: 8,
+            desktopSm: 8,
+            tabletLg: 8,
+            tabletMd: 10,
+            tabletSm: 12,
+            mobileLg: 12,
+        },
+        offset: {
+            desktopMd: 2,
+            desktopSm: 2,
+            tabletLg: 2,
+            tabletMd: 1,
+            tabletSm: 0,
+            mobileLg: 0,
+        },
+    },
+    lg: {
+        width: {
+            desktopMd: 10,
+            desktopSm: 10,
+            tabletLg: 10,
+            tabletMd: 10,
+            tabletSm: 12,
+            mobileLg: 12,
+        },
+        offset: {
+            desktopMd: 1,
+            desktopSm: 1,
+            tabletLg: 1,
+            tabletMd: 1,
+            tabletSm: 0,
+            mobileLg: 0,
+        },
+    },
+    xl: {
+        width: 12,
+        offset: 0,
+    },
+    block: {
+        width: 12,
+        offset: 0,
+    },
+};
+//# sourceMappingURL=DetailPage.constants.js.map

package/dist/DetailPage/DetailPage.constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DetailPage.constants.js","sourceRoot":"","sources":["../../src/DetailPage/DetailPage.constants.ts"],"names":[],"mappings":"AAGA,MAAM,CAAC,IAAM,UAAU,GAGnB;IACF,EAAE,EAAE;QACF,KAAK,EAAE;YACL,SAAS,EAAE,CAAC;YACZ,SAAS,EAAE,CAAC;YACZ,QAAQ,EAAE,CAAC;YACX,QAAQ,EAAE,EAAE;YACZ,QAAQ,EAAE,EAAE;YACZ,QAAQ,EAAE,EAAE;SACb;QACD,MAAM,EAAE;YACN,SAAS,EAAE,CAAC;YACZ,SAAS,EAAE,CAAC;YACZ,QAAQ,EAAE,CAAC;YACX,QAAQ,EAAE,CAAC;YACX,QAAQ,EAAE,CAAC;YACX,QAAQ,EAAE,CAAC;SACZ;KACF;IACD,EAAE,EAAE;QACF,KAAK,EAAE;YACL,SAAS,EAAE,EAAE;YACb,SAAS,EAAE,EAAE;YACb,QAAQ,EAAE,EAAE;YACZ,QAAQ,EAAE,EAAE;YACZ,QAAQ,EAAE,EAAE;YACZ,QAAQ,EAAE,EAAE;SACb;QACD,MAAM,EAAE;YACN,SAAS,EAAE,CAAC;YACZ,SAAS,EAAE,CAAC;YACZ,QAAQ,EAAE,CAAC;YACX,QAAQ,EAAE,CAAC;YACX,QAAQ,EAAE,CAAC;YACX,QAAQ,EAAE,CAAC;SACZ;KACF;IACD,EAAE,EAAE;QACF,KAAK,EAAE,EAAE;QACT,MAAM,EAAE,CAAC;KACV;IACD,KAAK,EAAE;QACL,KAAK,EAAE,EAAE;QACT,MAAM,EAAE,CAAC;KACV;CACF,CAAA"}

package/dist/DetailPage/DetailPage.d.ts

@@ -0,0 +1,67 @@
+import React from 'react';
+import { PageComponentProps, PageFooterProps } from '../PageLayout/PageLayout.types';
+import { Props } from '../_utils/types';
+import { DetailPageProps, DetailPageWidth } from './DetailPage.types';
+export declare const DetailPageViewContext: React.Context<{
+    width: DetailPageWidth;
+}>;
+export declare const Heading: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLDivElement>>;
+export declare const Body: React.ForwardRefExoticComponent<PageComponentProps & React.RefAttributes<HTMLDivElement>>;
+export declare const Footer: React.ForwardRefExoticComponent<PageFooterProps & React.RefAttributes<HTMLDivElement>>;
+export declare const FooterNotation: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLDivElement>>;
+export declare const FooterActions: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLDivElement>>;
+export declare const Card: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLDivElement>>;
+/**
+
+ A detail page is used when an object is selected from a list page. The layout
+ can adhere to varying predefined widths depending on use case.
+
+  - DetailPage
+    - DetailPage.Main
+      - DetailPage.Header
+        - DetailPage.Breadcrumbs
+          - Breadcrumbs
+        - DetailPage.Banner
+          - Banner
+        - DetailPage.Title
+          - Title or H1
+        - DetailPage.Tabs
+          - Tabs
+      - DetailPage.Body
+        - DetailPage.Title
+        - DetailPage.Banner
+        - DetailPage.Card
+          - DetailPage.Banner
+          - DetailPage.Section
+            - DetailPage.Section
+          - DetailPage.Section
+      - DetailPage.Footer
+        - DetailPage.FooterNotation
+        - DetailPage.FooterActions
+          - Button
+    - DetailPage.Aside
+      - Panel
+
+ @since 10.19.0
+
+ @see [Storybook](https://procore.github.io/core/core-react/latest/?path=/story/demos-detailpage--edit)
+
+ @see [Design Guidelines](https://design.procore.com/detail)
+
+ */
+export declare const DetailPage: React.ForwardRefExoticComponent<DetailPageProps & React.RefAttributes<HTMLDivElement>> & {
+    Main: React.ForwardRefExoticComponent<import("../PageLayout/PageLayout.types").PageMainProps & React.RefAttributes<HTMLDivElement>>;
+    Header: React.ForwardRefExoticComponent<import("../PageLayout/PageLayout.types").PageHeaderProps & React.RefAttributes<HTMLDivElement>>;
+    Breadcrumbs: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLDivElement>>;
+    Card: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLDivElement>>;
+    Banner: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLDivElement>>;
+    Title: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLDivElement>>;
+    Heading: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLDivElement>>;
+    Tabs: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLDivElement>>;
+    Footer: React.ForwardRefExoticComponent<PageFooterProps & React.RefAttributes<HTMLDivElement>>;
+    FooterActions: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLDivElement>>;
+    FooterNotation: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLDivElement>>;
+    Section: React.ForwardRefExoticComponent<import("../Section/Section.types").SectionProps & React.RefAttributes<HTMLDivElement>>;
+    Body: React.ForwardRefExoticComponent<PageComponentProps & React.RefAttributes<HTMLDivElement>>;
+    Aside: React.ForwardRefExoticComponent<import("../PageLayout/PageLayout.types").PageAsideProps & React.RefAttributes<HTMLDivElement>>;
+};

package/dist/DetailPage/DetailPage.js

@@ -0,0 +1,123 @@
+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 { Grid } from '../Grid/Grid';
+import { Page } from '../PageLayout/PageLayout';
+import { Section, SectionProvider } from '../Section/Section';
+import { H1 } from '../Semantic/Semantic';
+import { addSubcomponents } from '../_utils/addSubcomponents';
+import { gridConfig } from './DetailPage.constants';
+import { StyledDetailPageBody, StyledDetailPageCard, StyledDetailPageFooter, StyledDetailPageFooterActions, StyledDetailPageFooterContent, StyledDetailPageFooterNotation, } from './DetailPage.styles';
+export var DetailPageViewContext = React.createContext({
+    width: 'md',
+});
+var DetailPage_ = React.forwardRef(function DetailPage_(_a, ref) {
+    var _b = _a.width, width = _b === void 0 ? 'md' : _b, children = _a.children, props = __rest(_a, ["width", "children"]);
+    return (React.createElement(DetailPageViewContext.Provider, { value: { width: width } },
+        React.createElement(Page, __assign({ ref: ref }, props), children)));
+});
+export var Heading = React.forwardRef(function Heading(props, ref) {
+    return React.createElement(H1, __assign({ ref: ref }, props));
+});
+export var Body = React.forwardRef(function Body(props, ref) {
+    var width = React.useContext(DetailPageViewContext).width;
+    return (React.createElement(Page.Body, null,
+        React.createElement(Grid.Row, null,
+            React.createElement(Grid.Col, { colWidth: gridConfig[width].width, colStart: gridConfig[width].offset },
+                React.createElement(StyledDetailPageBody, __assign({ ref: ref }, props))))));
+});
+export var Footer = React.forwardRef(function Footer(_a, ref) {
+    var children = _a.children, props = __rest(_a, ["children"]);
+    return (React.createElement(StyledDetailPageFooter, __assign({ ref: ref }, props),
+        React.createElement(StyledDetailPageFooterContent, null, children)));
+});
+export var FooterNotation = React.forwardRef(function FooterNotation(props, ref) {
+    return React.createElement(StyledDetailPageFooterNotation, __assign({ ref: ref }, props));
+});
+export var FooterActions = React.forwardRef(function Actions(props, ref) {
+    return React.createElement(StyledDetailPageFooterActions, __assign({ ref: ref }, props));
+});
+export var Card = React.forwardRef(function Card(props, ref) {
+    return (React.createElement(SectionProvider, null,
+        React.createElement(StyledDetailPageCard, __assign({ ref: ref }, props))));
+});
+DetailPage_.displayName = 'DetailPage';
+Heading.displayName = 'DetailPage.Heading';
+Body.displayName = 'DetailPage.Body';
+Footer.displayName = 'DetailPage.Footer';
+Card.displayName = 'DetailPage.Card';
+/**
+
+ A detail page is used when an object is selected from a list page. The layout
+ can adhere to varying predefined widths depending on use case.
+
+  - DetailPage
+    - DetailPage.Main
+      - DetailPage.Header
+        - DetailPage.Breadcrumbs
+          - Breadcrumbs
+        - DetailPage.Banner
+          - Banner
+        - DetailPage.Title
+          - Title or H1
+        - DetailPage.Tabs
+          - Tabs
+      - DetailPage.Body
+        - DetailPage.Title
+        - DetailPage.Banner
+        - DetailPage.Card
+          - DetailPage.Banner
+          - DetailPage.Section
+            - DetailPage.Section
+          - DetailPage.Section
+      - DetailPage.Footer
+        - DetailPage.FooterNotation
+        - DetailPage.FooterActions
+          - Button
+    - DetailPage.Aside
+      - Panel
+
+ @since 10.19.0
+
+ @see [Storybook](https://procore.github.io/core/core-react/latest/?path=/story/demos-detailpage--edit)
+
+ @see [Design Guidelines](https://design.procore.com/detail)
+
+ */
+export var DetailPage = addSubcomponents({
+    Main: Page.Main,
+    Header: Page.Header,
+    Breadcrumbs: Page.Breadcrumbs,
+    Card: Card,
+    Banner: Page.Banner,
+    Title: Page.Title,
+    Heading: Heading,
+    Tabs: Page.Tabs,
+    Footer: Footer,
+    FooterActions: FooterActions,
+    FooterNotation: FooterNotation,
+    Section: Section,
+    Body: Body,
+    Aside: Page.Aside,
+}, DetailPage_);
+//# sourceMappingURL=DetailPage.js.map

package/dist/DetailPage/DetailPage.js.map

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

package/dist/DetailPage/DetailPage.styles.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+export declare const StyledDetailPage: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledDetailPageBody: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledDetailPageFooterNotation: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledDetailPageFooter: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../PageLayout/PageLayout.types").PageFooterProps & import("react").RefAttributes<HTMLDivElement>>, any, {}, never>;
+export declare const StyledDetailPageFooterActions: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../_utils/types").DivAttributes & import("..").BoxProps & import("react").RefAttributes<HTMLDivElement>>, any, {}, never>;
+export declare const StyledDetailPageFooterContent: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledDetailPageCard: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../_utils/types").DivAttributes & import("..").CardProps & import("react").RefAttributes<HTMLDivElement>>, any, {}, never>;

package/dist/DetailPage/DetailPage.styles.js

@@ -0,0 +1,22 @@
+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 { Box } from '../Box/Box';
+import { Card } from '../Card/Card';
+import { Page } from '../PageLayout/PageLayout';
+import { getActions, StyledPageBanner, StyledPageTitle, } from '../PageLayout/PageLayout.styles';
+import { sectionClassnames, StyledSection, StyledSectionInner, } from '../Section/Section.styles';
+import { colors } from '../_styles/colors';
+import { spacing } from '../_styles/spacing';
+export var StyledDetailPage = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  background-color: ", ";\n  height: 100%;\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: space-between;\n"], ["\n  background-color: ", ";\n  height: 100%;\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: space-between;\n"])), colors.gray96);
+export var StyledDetailPageBody = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  padding-bottom: ", "px;\n\n  > ", ":first-child, > ", " {\n    margin-top: ", "px;\n  }\n"], ["\n  padding-bottom: ", "px;\n\n  > ", ":first-child, > ", " {\n    margin-top: ", "px;\n  }\n"])), spacing.xl, StyledPageBanner, StyledPageTitle, spacing.xl);
+export var StyledDetailPageFooterNotation = styled.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  flex-grow: 1;\n  z-index: 1;\n"], ["\n  flex-grow: 1;\n  z-index: 1;\n"])));
+export var StyledDetailPageFooter = styled(Page.Footer)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  display: flex;\n  padding: ", "px 0;\n  background-color: ", ";\n  justify-content: center;\n"], ["\n  display: flex;\n  padding: ", "px 0;\n  background-color: ", ";\n  justify-content: center;\n"])), spacing.lg, colors.white);
+export var StyledDetailPageFooterActions = styled(Box)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), getActions());
+var maxFooterContentWidth = 1920;
+export var StyledDetailPageFooterContent = styled.div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  width: 100%;\n  align-items: center;\n  display: flex;\n  justify-content: flex-end;\n  padding: 0 ", "px;\n  max-width: ", "px;\n"], ["\n  width: 100%;\n  align-items: center;\n  display: flex;\n  justify-content: flex-end;\n  padding: 0 ", "px;\n  max-width: ", "px;\n"])), spacing.xl, maxFooterContentWidth);
+export var StyledDetailPageCard = styled(Card)(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n  margin-top: ", "px;\n  width: 100%;\n\n  & > ", " {\n    padding: ", "px ", "px 0 ", "px;\n    max-width: 100%;\n\n    &:empty {\n      padding: 0;\n    }\n  }\n\n  & > ", " + ", " > ", " {\n    border-top: 0;\n  }\n\n  > .", ":first-child\n    + .", ",\n    > ", "\n    + .", "\n    + .", " {\n    margin-top: ", "px;\n  }\n"], ["\n  margin-top: ", "px;\n  width: 100%;\n\n  & > ", " {\n    padding: ", "px ", "px 0 ", "px;\n    max-width: 100%;\n\n    &:empty {\n      padding: 0;\n    }\n  }\n\n  & > ", " + ", " > ", " {\n    border-top: 0;\n  }\n\n  > .", ":first-child\n    + .", ",\n    > ", "\n    + .", "\n    + .", " {\n    margin-top: ", "px;\n  }\n"])), spacing.xl, StyledPageBanner, spacing.xl, spacing.xl, spacing.xl, StyledPageBanner, StyledSection, StyledSectionInner, sectionClassnames.levelAnonymous, sectionClassnames.level(2), StyledPageBanner, sectionClassnames.levelAnonymous, sectionClassnames.level(2), spacing.xxl * -1);
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7;
+//# sourceMappingURL=DetailPage.styles.js.map

package/dist/DetailPage/DetailPage.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DetailPage.styles.js","sourceRoot":"","sources":["../../src/DetailPage/DetailPage.styles.ts"],"names":[],"mappings":";;;;AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAA;AACtC,OAAO,EAAE,GAAG,EAAE,MAAM,YAAY,CAAA;AAChC,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AACnC,OAAO,EAAE,IAAI,EAAE,MAAM,0BAA0B,CAAA;AAC/C,OAAO,EACL,UAAU,EACV,gBAAgB,EAChB,eAAe,GAChB,MAAM,iCAAiC,CAAA;AACxC,OAAO,EACL,iBAAiB,EACjB,aAAa,EACb,kBAAkB,GACnB,MAAM,2BAA2B,CAAA;AAClC,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAA;AAC1C,OAAO,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAA;AAE5C,MAAM,CAAC,IAAM,gBAAgB,GAAG,MAAM,CAAC,GAAG,kPAAA,wBACpB,EAAa,qJAOlC,KAPqB,MAAM,CAAC,MAAM,CAOlC,CAAA;AAED,MAAM,CAAC,IAAM,oBAAoB,GAAG,MAAM,CAAC,GAAG,kKAAA,sBAC1B,EAAU,aAExB,EAAgB,kBAAmB,EAAe,sBACtC,EAAU,YAE3B,KALmB,OAAO,CAAC,EAAE,EAExB,gBAAgB,EAAmB,eAAe,EACtC,OAAO,CAAC,EAAE,CAE3B,CAAA;AAED,MAAM,CAAC,IAAM,8BAA8B,GAAG,MAAM,CAAC,GAAG,uGAAA,oCAGvD,IAAA,CAAA;AAED,MAAM,CAAC,IAAM,sBAAsB,GAAG,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,sKAAA,iCAE5C,EAAU,6BACD,EAAY,iCAEjC,KAHY,OAAO,CAAC,EAAE,EACD,MAAM,CAAC,KAAK,CAEjC,CAAA;AAED,MAAM,CAAC,IAAM,6BAA6B,GAAG,MAAM,CAAC,GAAG,CAAC,+EAAA,MACpD,EAAY,IACf,KADG,UAAU,EAAE,CACf,CAAA;AAED,IAAM,qBAAqB,GAAG,IAAI,CAAA;AAElC,MAAM,CAAC,IAAM,6BAA6B,GAAG,MAAM,CAAC,GAAG,2MAAA,yGAKxC,EAAU,oBACV,EAAqB,OACnC,KAFc,OAAO,CAAC,EAAE,EACV,qBAAqB,CACnC,CAAA;AAED,MAAM,CAAC,IAAM,oBAAoB,GAAG,MAAM,CAAC,IAAI,CAAC,8YAAA,kBAChC,EAAU,+BAGlB,EAAgB,mBACT,EAAU,KAAM,EAAU,OAAQ,EAAU,qFAQnD,EAAgB,KAAM,EAAa,KAAM,EAAkB,sCAI5D,EAAgC,uBAC9B,EAA0B,WAC3B,EAAgB,WACf,EAAgC,WAChC,EAA0B,sBACjB,EAAgB,YAEjC,KAvBe,OAAO,CAAC,EAAE,EAGlB,gBAAgB,EACT,OAAO,CAAC,EAAE,EAAM,OAAO,CAAC,EAAE,EAAQ,OAAO,CAAC,EAAE,EAQnD,gBAAgB,EAAM,aAAa,EAAM,kBAAkB,EAI5D,iBAAiB,CAAC,cAAc,EAC9B,iBAAiB,CAAC,KAAK,CAAC,CAAC,CAAC,EAC3B,gBAAgB,EACf,iBAAiB,CAAC,cAAc,EAChC,iBAAiB,CAAC,KAAK,CAAC,CAAC,CAAC,EACjB,OAAO,CAAC,GAAG,GAAG,CAAC,CAAC,CAEjC,CAAA"}

package/dist/DetailPage/DetailPage.types.d.ts

@@ -0,0 +1,17 @@
+import { PageAsideProps, PageHeaderProps } from '../PageLayout/PageLayout.types';
+import { SectionProps } from '../Section/Section.types';
+import { Props } from '../_utils/types';
+export declare type DetailPageWidth = 'md' | 'lg' | 'xl' | 'block';
+export interface DetailPageProps extends Props {
+    /**
+     * @description Width of the content
+     * @since 10.19.0
+     */
+    width?: DetailPageWidth;
+}
+export interface DetailPageAsideProps extends PageAsideProps {
+}
+export interface DetailPageHeaderProps extends PageHeaderProps {
+}
+export interface DetailPageSectionProps extends SectionProps {
+}

package/dist/DetailPage/DetailPage.types.js

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

package/dist/DetailPage/DetailPage.types.js.map

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

package/dist/DetailPage/RankedHeading.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import { H1, H2, H3 } from '../Semantic/Semantic';
+export declare const RankedHeadingContext: React.Context<{
+    rank: number;
+}>;
+export declare const headingsByRank: Record<number, typeof H1 | typeof H2 | typeof H3>;

package/dist/DetailPage/RankedHeading.js

@@ -0,0 +1,14 @@
+import React from 'react';
+import { H1, H2, H3 } from '../Semantic/Semantic';
+export var RankedHeadingContext = React.createContext({
+    rank: 1,
+});
+export var headingsByRank = {
+    1: H1,
+    2: H2,
+    3: H3,
+    4: H3,
+    5: H3,
+    6: H3,
+};
+//# sourceMappingURL=RankedHeading.js.map

package/dist/DetailPage/RankedHeading.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RankedHeading.js","sourceRoot":"","sources":["../../src/DetailPage/RankedHeading.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,MAAM,sBAAsB,CAAA;AAEjD,MAAM,CAAC,IAAM,oBAAoB,GAAG,KAAK,CAAC,aAAa,CAAmB;IACxE,IAAI,EAAE,CAAC;CACR,CAAC,CAAA;AAEF,MAAM,CAAC,IAAM,cAAc,GACzB;IACE,CAAC,EAAE,EAAE;IACL,CAAC,EAAE,EAAE;IACL,CAAC,EAAE,EAAE;IACL,CAAC,EAAE,EAAE;IACL,CAAC,EAAE,EAAE;IACL,CAAC,EAAE,EAAE;CACN,CAAA"}

package/dist/DetailPage/index.d.ts

@@ -0,0 +1,2 @@
+export { DetailPage, DetailPageViewContext } from './DetailPage';
+export { DetailPageAsideProps, DetailPageHeaderProps, DetailPageProps, DetailPageSectionProps, } from './DetailPage.types';

package/dist/DetailPage/index.js

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

package/dist/DetailPage/index.js.map

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

package/dist/Dropdown/Dropdown.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import { MenuItemProps } from '../MenuImperative/MenuImperative.types';
+import { useOverlayTriggerContext } from '../OverlayTrigger/OverlayTrigger';
+import { ConsumerProps, DropdownButtonProps, DropdownProps } from './Dropdown.types';
+export declare const DropdownButton: React.ForwardRefExoticComponent<DropdownButtonProps & React.RefAttributes<HTMLButtonElement>>;
+export declare const useDropdownContext: typeof useOverlayTriggerContext;
+export declare function DropdownConsumer({ children }: ConsumerProps): JSX.Element;
+export declare const Dropdown: React.ForwardRefExoticComponent<DropdownProps & React.RefAttributes<HTMLButtonElement>> & {
+    Item: import("../_utils/polymorphic").PolymorphicAs.ComponentWithForwardedRef<MenuItemProps, "div">;
+    Group: React.ForwardRefExoticComponent<import("../_utils/types").DivAttributes & import("../MenuImperative/MenuImperative.types").GroupProps & React.RefAttributes<HTMLDivElement>>;
+};