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

package/dist/OverlayTrigger/a11yPresets.d.ts

@@ -0,0 +1,215 @@
+import React, { AriaAttributes } from 'react';
+import { OverlayTriggerRole } from './OverlayTrigger.types';
+declare type GetA11yProps = (props: {
+    role: OverlayTriggerRole;
+    isVisible: boolean;
+    overlayId: string;
+}) => AriaAttributes & {
+    id?: string;
+};
+export declare function getA11yPreset(role?: OverlayTriggerRole): {
+    getOverlayProps: GetA11yProps;
+    getTriggerProps: GetA11yProps;
+};
+declare type LabelConfig = {
+    'aria-describedby'?: string;
+    'aria-details'?: string;
+    'aria-labelledby'?: string;
+    'aria-label'?: string;
+    /**
+     * ID for the widget itself
+     */
+    id?: string;
+};
+declare type DialogBase = LabelConfig & {
+    isOpen: boolean;
+    role?: 'dialog';
+};
+declare type NonModalDialogConfig = DialogBase & {
+    isModal?: never | false;
+};
+declare type ModalDialogConfig = DialogBase & {
+    /**
+     *
+     * To enable `ariaHideOutside`. Set `isModal` to false to disable.
+     * @a11y Replicates `aria-modal` inert outside content
+     * @default false
+     */
+    isModal: true;
+    ref: React.RefObject<HTMLElement>;
+};
+declare type ModalDialogLikeConfig = NonModalDialogConfig | ModalDialogConfig;
+declare type OverlayTriggerA11yConfig = LabelConfig & {
+    /**
+     * Assure `aria-hidden` is not applied. A code side-effect
+     * from `ariaHideOutside` hiding everthing outside the scope.
+     */
+    alwaysAriaVisible?: boolean;
+    /**
+     * When properties should be passed to the overlay UI itself,
+     * and not the wrapper element.
+     */
+    canPropOverlayUp: boolean;
+    isOpen: boolean;
+    role?: OverlayTriggerRole;
+};
+/**
+ * Manages labelling for an element and the other DOM. Defaults an ID for `aria-labelledby` usage.
+ *
+ * When `aria-label` and `aria-labelledby` both exist, it combines them into `aria-labelledby` for a screen reader chain.
+ * @link [W3 naming with aria-labelledby](https://www.w3.org/WAI/ARIA/apg/practices/names-and-descriptions/#naming_with_aria-labelledby)
+ */
+export declare function useLabelled(props?: LabelConfig): {
+    descriptionProps: {
+        id: string | undefined;
+    };
+    labelProps: {
+        id: string | undefined;
+    };
+    widgetProps: {
+        'aria-describedby': string | undefined;
+        'aria-details': string | undefined;
+        id?: string | undefined;
+        'aria-label'?: string | undefined;
+        'aria-labelledby'?: string | undefined;
+    };
+};
+/**
+ * Cover the label links for the trigger (button), the popup element (dialog), and the popup element title (heading).
+ * Similar to [React Aria useOverlayTrigger](https://github.com/adobe/react-spectrum/blob/main/packages/%40react-aria/overlays/src/useOverlayTrigger.ts)
+ * but with element title support.
+ * @link [MDN aria-haspopup](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-haspopup)
+ */
+export declare function useLabelledPopup({ 'aria-describedby': ariaDescribedby, 'aria-details': ariaDetails, 'aria-labelledby': ariaLabelledby, 'aria-label': ariaLabel, id: id_, isOpen, type, popupRole, popupId: popupId_, }: LabelConfig & {
+    isOpen: boolean;
+    popupId?: string;
+    type?: 'button' | 'combobox';
+    popupRole: 'dialog' | 'menu' | 'listbox';
+}): {
+    labelProps: {
+        id: string | undefined;
+    };
+    popupProps: {
+        'aria-activedescendant'?: string | undefined;
+        'aria-atomic'?: (boolean | "true" | "false") | undefined;
+        'aria-autocomplete'?: "none" | "list" | "inline" | "both" | undefined;
+        'aria-busy'?: (boolean | "true" | "false") | undefined;
+        'aria-checked'?: boolean | "true" | "false" | "mixed" | undefined;
+        'aria-colcount'?: number | undefined;
+        'aria-colindex'?: number | undefined;
+        'aria-colspan'?: number | undefined;
+        'aria-controls'?: string | undefined;
+        'aria-current'?: boolean | "time" | "true" | "false" | "step" | "date" | "page" | "location" | undefined;
+        'aria-describedby': string | undefined;
+        'aria-details': string | undefined;
+        'aria-disabled'?: (boolean | "true" | "false") | undefined;
+        'aria-dropeffect'?: "none" | "link" | "copy" | "execute" | "move" | "popup" | undefined;
+        'aria-errormessage'?: string | undefined;
+        'aria-expanded'?: (boolean | "true" | "false") | undefined;
+        'aria-flowto'?: string | undefined;
+        'aria-grabbed'?: (boolean | "true" | "false") | undefined;
+        'aria-haspopup'?: boolean | "dialog" | "menu" | "true" | "false" | "grid" | "listbox" | "tree" | undefined;
+        'aria-hidden'?: (boolean | "true" | "false") | undefined;
+        'aria-invalid'?: boolean | "true" | "false" | "grammar" | "spelling" | undefined;
+        'aria-keyshortcuts'?: string | undefined;
+        'aria-label'?: string | undefined;
+        'aria-labelledby'?: string | undefined;
+        'aria-level'?: number | undefined;
+        'aria-live'?: "off" | "assertive" | "polite" | undefined;
+        'aria-modal'?: (boolean | "true" | "false") | undefined;
+        'aria-multiline'?: (boolean | "true" | "false") | undefined;
+        'aria-multiselectable'?: (boolean | "true" | "false") | undefined;
+        'aria-orientation'?: "horizontal" | "vertical" | undefined;
+        'aria-owns'?: string | undefined;
+        'aria-placeholder'?: string | undefined;
+        'aria-posinset'?: number | undefined;
+        'aria-pressed'?: boolean | "true" | "false" | "mixed" | undefined;
+        'aria-readonly'?: (boolean | "true" | "false") | undefined;
+        'aria-relevant'?: "text" | "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
+        'aria-required'?: (boolean | "true" | "false") | undefined;
+        'aria-roledescription'?: string | undefined;
+        'aria-rowcount'?: number | undefined;
+        'aria-rowindex'?: number | undefined;
+        'aria-rowspan'?: number | undefined;
+        'aria-selected'?: (boolean | "true" | "false") | undefined;
+        'aria-setsize'?: number | undefined;
+        'aria-sort'?: "none" | "ascending" | "descending" | "other" | undefined;
+        'aria-valuemax'?: number | undefined;
+        'aria-valuemin'?: number | undefined;
+        'aria-valuenow'?: number | undefined;
+        'aria-valuetext'?: string | undefined;
+        id?: string | undefined;
+        role: "dialog" | "menu" | "listbox";
+    };
+    triggerProps: React.AriaAttributes & {
+        id?: string | undefined;
+    };
+};
+/**
+ * For dialog experiences:
+ * - Has role dialog and aria linked title props
+ * - Focus management props to work with FocusScope
+ *
+ * For modal dialog experiences (full screen locked experiences):
+ * - Hides old and new content outside with aria-hidden with ariaHideOutside (like aria-modal)
+ * - (it will in breaking) Prevent scroll
+ *
+ * For either experiences, you still MUST support:
+ * - have Escape key to close (It should!)
+ * - have click outside, like scrim click
+ *
+ * _More about 'modal dialog' and `isModal` not using `aria-modal`:_
+ * Setting aria-modal="true" tells assistive technologies to let the user know the ability to interact with,
+ * or access other content on the page requires the modal dialog to be closed or otherwise lose focus.
+ *  Modal dialogs are when content is displayed and the user's interaction is limited to only that section until it is dismissed.
+ * [MDN aria modal](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-modal).
+ * To support the most, like Narrator in Edge, Core React uses `ariaHideOutside` to set `aria-hidden` on
+ * all elements outside the dialog, and **all elements outside added while opened**, so the dialog will act as a
+ * _modal_ even without `aria-modal` on the dialog itself. See Future Considerations below.
+ * [Screen Reader aria modal support table](https://a11ysupport.io/tech/aria/aria-modal_attribute) - [MS Narrator Edge aria modal support](https://a11ysupport.io/tests/apg__modal-dialog-example/aria__aria-modal_attribute/convey_presence/narrator/edge)
+ * _Future Considerations:_ Replace ariaHideOutside with aria-modal="true".
+ * Using aria-modal, then we would need to involve Portal and so tooltips
+ * or Toasts could mount within the visible aria-modal container.
+ */
+export declare function useModalDialogLike({ 'aria-describedby': ariaDescribedby, 'aria-details': ariaDetails, 'aria-labelledby': ariaLabelledby, 'aria-label': ariaLabel, id, isModal, isOpen, ref, role, }: ModalDialogLikeConfig): {
+    dialogProps: {
+        id: string | undefined;
+        role: "dialog";
+        tabIndex: number;
+        'aria-describedby': string | undefined;
+        'aria-details': string | undefined;
+        'aria-label'?: string | undefined;
+        'aria-labelledby'?: string | undefined;
+    };
+    labelProps: {
+        id: string | undefined;
+    };
+    focusScopeProps: {
+        autoFocus: boolean;
+        contain: boolean;
+        restoreFocus: boolean;
+    };
+};
+/**
+ * Takes many roles and determines props necessary for DOM/components.
+ * **Side effect of role="dialog"**, current and any content added later
+ * outside of the element (like by portals) will get `aria-hidden=true`
+ * to replace the `aria-modal=true` `inert` nature.
+ * @see useModalDialogLike */
+export declare function useOverlayTriggerA11y({ alwaysAriaVisible, 'aria-describedby': ariaDescribedby, 'aria-details': ariaDetails, 'aria-labelledby': ariaLabelledby, 'aria-label': ariaLabel, canPropOverlayUp, id: id_, isOpen, role, }: OverlayTriggerA11yConfig): {
+    focusScopeProps: {
+        autoFocus?: boolean | undefined;
+        contain?: boolean | undefined;
+        restoreFocus?: boolean | undefined;
+    };
+    labelProps: {
+        id: string | undefined;
+    };
+    overlayProps: {};
+    portalProps: {};
+    triggerProps: React.AriaAttributes & {
+        id?: string | undefined;
+    };
+    wrapperProps: {};
+};
+export {};

package/dist/OverlayTrigger/a11yPresets.js

@@ -0,0 +1,268 @@
+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);
+};
+import { ariaHideOutside } from '@react-aria/overlays';
+import { useId, useLabels } from '@react-aria/utils';
+import React from 'react';
+var emptyObj = {};
+var returnEmpty = function () { return ({}); };
+var a11yPresets = {
+    haspopup: {
+        getOverlayProps: function (_a) {
+            var role = _a.role, overlayId = _a.overlayId;
+            return ({
+                id: overlayId,
+                role: role,
+            });
+        },
+        getTriggerProps: function (_a) {
+            var role = _a.role, isVisible = _a.isVisible, overlayId = _a.overlayId;
+            return ({
+                'aria-expanded': isVisible,
+                'aria-controls': isVisible ? overlayId : undefined,
+                'aria-haspopup': role,
+            });
+        },
+    },
+    tooltip: {
+        getOverlayProps: function (_a) {
+            var overlayId = _a.overlayId;
+            return ({
+                role: 'tooltip',
+                id: overlayId,
+            });
+        },
+        getTriggerProps: function (_a) {
+            var isVisible = _a.isVisible, overlayId = _a.overlayId;
+            return isVisible
+                ? {
+                    'aria-describedby': overlayId,
+                }
+                : {};
+        },
+    },
+};
+export function getA11yPreset(role) {
+    switch (role) {
+        case 'dialog':
+        case 'listbox':
+        case 'menu':
+            return a11yPresets.haspopup;
+        case 'tooltip':
+            return a11yPresets.tooltip;
+        case 'none':
+            return {
+                getOverlayProps: (function () { return ({ role: 'none' }); }),
+                getTriggerProps: returnEmpty,
+            };
+        default:
+            return {
+                getOverlayProps: returnEmpty,
+                getTriggerProps: returnEmpty,
+            };
+    }
+}
+/**
+ * Manages labelling for an element and the other DOM. Defaults an ID for `aria-labelledby` usage.
+ *
+ * When `aria-label` and `aria-labelledby` both exist, it combines them into `aria-labelledby` for a screen reader chain.
+ * @link [W3 naming with aria-labelledby](https://www.w3.org/WAI/ARIA/apg/practices/names-and-descriptions/#naming_with_aria-labelledby)
+ */
+export function useLabelled(props) {
+    var _a = props || emptyObj, ariaDescribedby = _a["aria-describedby"], ariaDetails = _a["aria-details"], ariaLabelledby = _a["aria-labelledby"], ariaLabel = _a["aria-label"], id = _a.id;
+    var ariaLabelOnly = ariaLabel && !ariaLabelledby;
+    // Generate an ID. We want to use this unless they are using only aria-label
+    var labelledId = useId(ariaLabelledby);
+    // Merges aria-label and aria-labelledby into aria-labelledby when both exist
+    var widgetId = useId(id);
+    var fieldProps = useLabels({
+        'aria-label': ariaLabel,
+        'aria-labelledby': ariaLabelOnly ? undefined : labelledId,
+        id: widgetId,
+    });
+    return {
+        descriptionProps: { id: ariaDescribedby },
+        labelProps: { id: ariaLabelOnly ? undefined : labelledId },
+        widgetProps: __assign(__assign({}, fieldProps), { 'aria-describedby': ariaDescribedby, 'aria-details': ariaDetails }),
+    };
+}
+/**
+ * Cover the label links for the trigger (button), the popup element (dialog), and the popup element title (heading).
+ * Similar to [React Aria useOverlayTrigger](https://github.com/adobe/react-spectrum/blob/main/packages/%40react-aria/overlays/src/useOverlayTrigger.ts)
+ * but with element title support.
+ * @link [MDN aria-haspopup](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-haspopup)
+ */
+export function useLabelledPopup(_a) {
+    var _b, _c, _d, _e;
+    var ariaDescribedby = _a["aria-describedby"], ariaDetails = _a["aria-details"], ariaLabelledby = _a["aria-labelledby"], ariaLabel = _a["aria-label"], id_ = _a.id, isOpen = _a.isOpen, _f = _a.type, type = _f === void 0 ? 'button' : _f, popupRole = _a.popupRole, popupId_ = _a.popupId;
+    /** Web spec default for aria-haspopup=true is menu, unless element has role combobox, which have an implicit aria-haspopup value of listbox. */
+    // const popupRole = popupRole_ || type === 'combobox' ? 'listbox' : 'menu'
+    var id = useId(id_);
+    var popupId = useId(popupId_);
+    var presetArgs = {
+        isVisible: isOpen,
+        role: popupRole,
+        overlayId: popupId,
+    };
+    var triggerProps = (_c = (_b = getA11yPreset(popupRole)).getTriggerProps) === null || _c === void 0 ? void 0 : _c.call(_b, presetArgs);
+    var overlayProps = (_e = (_d = getA11yPreset(popupRole)).getOverlayProps) === null || _e === void 0 ? void 0 : _e.call(_d, presetArgs);
+    var _g = useLabelled({
+        'aria-describedby': ariaDescribedby,
+        'aria-details': ariaDetails,
+        'aria-labelledby': ariaLabelledby,
+        'aria-label': ariaLabel,
+        id: id,
+    }), labelProps = _g.labelProps, widgetProps = _g.widgetProps;
+    return {
+        labelProps: labelProps,
+        popupProps: __assign(__assign({ role: popupRole }, widgetProps), overlayProps),
+        triggerProps: triggerProps,
+    };
+}
+/**
+ * For dialog experiences:
+ * - Has role dialog and aria linked title props
+ * - Focus management props to work with FocusScope
+ *
+ * For modal dialog experiences (full screen locked experiences):
+ * - Hides old and new content outside with aria-hidden with ariaHideOutside (like aria-modal)
+ * - (it will in breaking) Prevent scroll
+ *
+ * For either experiences, you still MUST support:
+ * - have Escape key to close (It should!)
+ * - have click outside, like scrim click
+ *
+ * _More about 'modal dialog' and `isModal` not using `aria-modal`:_
+ * Setting aria-modal="true" tells assistive technologies to let the user know the ability to interact with,
+ * or access other content on the page requires the modal dialog to be closed or otherwise lose focus.
+ *  Modal dialogs are when content is displayed and the user's interaction is limited to only that section until it is dismissed.
+ * [MDN aria modal](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-modal).
+ * To support the most, like Narrator in Edge, Core React uses `ariaHideOutside` to set `aria-hidden` on
+ * all elements outside the dialog, and **all elements outside added while opened**, so the dialog will act as a
+ * _modal_ even without `aria-modal` on the dialog itself. See Future Considerations below.
+ * [Screen Reader aria modal support table](https://a11ysupport.io/tech/aria/aria-modal_attribute) - [MS Narrator Edge aria modal support](https://a11ysupport.io/tests/apg__modal-dialog-example/aria__aria-modal_attribute/convey_presence/narrator/edge)
+ * _Future Considerations:_ Replace ariaHideOutside with aria-modal="true".
+ * Using aria-modal, then we would need to involve Portal and so tooltips
+ * or Toasts could mount within the visible aria-modal container.
+ */
+export function useModalDialogLike(_a) {
+    var ariaDescribedby = _a["aria-describedby"], ariaDetails = _a["aria-details"], ariaLabelledby = _a["aria-labelledby"], ariaLabel = _a["aria-label"], id = _a.id, isModal = _a.isModal, isOpen = _a.isOpen, 
+    // @ts-expect-error
+    ref = _a.ref, _b = _a.role, role = _b === void 0 ? 'dialog' : _b;
+    var _c = useLabelled({
+        'aria-describedby': ariaDescribedby,
+        'aria-details': ariaDetails,
+        'aria-labelledby': ariaLabelledby,
+        'aria-label': ariaLabel,
+    }), labelProps = _c.labelProps, widgetProps = _c.widgetProps;
+    var dialogProps = __assign(__assign({}, widgetProps), { id: id, role: role, tabIndex: -1 });
+    // usePreventScroll({
+    //   isDisabled: isModal ? !isOpen : true,
+    // })
+    // Fills aria-modal=true
+    React.useLayoutEffect(function () {
+        if (isModal && isOpen && ref.current) {
+            // Could add additional visible element refs here
+            return ariaHideOutside([ref.current]);
+        }
+    }, [isModal, isOpen, ref]);
+    return {
+        dialogProps: dialogProps,
+        labelProps: labelProps,
+        focusScopeProps: {
+            autoFocus: true,
+            contain: true,
+            restoreFocus: true,
+        },
+    };
+}
+/**
+ * Takes many roles and determines props necessary for DOM/components.
+ * **Side effect of role="dialog"**, current and any content added later
+ * outside of the element (like by portals) will get `aria-hidden=true`
+ * to replace the `aria-modal=true` `inert` nature.
+ * @see useModalDialogLike */
+export function useOverlayTriggerA11y(_a) {
+    var alwaysAriaVisible = _a.alwaysAriaVisible, ariaDescribedby = _a["aria-describedby"], ariaDetails = _a["aria-details"], ariaLabelledby = _a["aria-labelledby"], ariaLabel = _a["aria-label"], 
+    // can we remove this? have it role based? be optional?
+    canPropOverlayUp = _a.canPropOverlayUp, id_ = _a.id, isOpen = _a.isOpen, role = _a.role;
+    var isDialog = role === 'dialog';
+    var id = useId(id_);
+    var _b = getA11yPreset(role), getTriggerProps = _b.getTriggerProps, getOverlayProps = _b.getOverlayProps;
+    var triggerProps = getTriggerProps === null || getTriggerProps === void 0 ? void 0 : getTriggerProps({
+        isVisible: isOpen,
+        role: role,
+        overlayId: id,
+    });
+    var overlayA11yProps = getOverlayProps === null || getOverlayProps === void 0 ? void 0 : getOverlayProps({
+        isVisible: isOpen,
+        role: role,
+        overlayId: id,
+    });
+    var wrapperA11yProps = !canPropOverlayUp ? overlayA11yProps : emptyObj;
+    var overlayProps = canPropOverlayUp ? overlayA11yProps : emptyObj;
+    var _c = useModalDialogLike({
+        'aria-describedby': ariaDescribedby,
+        'aria-details': ariaDetails,
+        'aria-labelledby': ariaLabelledby,
+        'aria-label': ariaLabel,
+        id: id,
+        isModal: false,
+        isOpen: isOpen,
+    }), dialogProps = _c.dialogProps, labelProps = _c.labelProps, focusScopeProps = _c.focusScopeProps;
+    /**  This is a code side-effect from ariaHideOutside hiding everthing */
+    var portalProps = role === 'tooltip' || alwaysAriaVisible // || !role
+        ? { 'data-react-aria-top-layer': true, 'data-live-announcer': true }
+        : emptyObj;
+    /**
+     * If it is a dialog, we can merge the dialog props with any haspopup props
+     */
+    var wrapperFinalProps = isDialog
+        ? __assign(__assign({}, wrapperA11yProps), dialogProps) : wrapperA11yProps;
+    /**
+     * If it is a dialog, we have opinions on `FocusScope` props.
+     */
+    var focusScopeFinalProps = isDialog
+        ? focusScopeProps
+        : emptyObj;
+    return {
+        focusScopeProps: focusScopeFinalProps,
+        labelProps: labelProps,
+        overlayProps: overlayProps,
+        portalProps: portalProps,
+        triggerProps: triggerProps,
+        wrapperProps: wrapperFinalProps,
+    };
+}
+// WIP Example combobox
+// function useCombox({
+//   controls,
+//   isOpen = false,
+// }: {
+//   controls: 'dialog' | 'menu' | 'listbox'
+//   isOpen: boolean
+// }) {
+//   const { labelProps, popupProps, triggerProps } = useLabelledPopup({
+//     role: controls,
+//     type: 'combobox',
+//     isOpen,
+//   })
+// dispatch between elements.
+// NOTE combobox has two labels, that could be different
+// one for the trigger input (typically the form label)
+// second for the thing it controls (listbox, dialog)
+// - label id=1
+// - input role='combobox' aria-labelledby=1
+// - div role={controls} aria-label
+// Also, any icon only buttons like clear or open should have a
+// label and -1 tabindex. No nested interactive roles.
+// }
+//# sourceMappingURL=a11yPresets.js.map

package/dist/OverlayTrigger/a11yPresets.js.map

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

package/dist/OverlayTrigger/index.d.ts

@@ -0,0 +1,2 @@
+export { OverlayTrigger, useOverlayTriggerContext as UNSAFE_useOverlayTriggerContext, } from './OverlayTrigger';
+export { OverlayTriggerProps } from './OverlayTrigger.types';

package/dist/OverlayTrigger/index.js

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

package/dist/OverlayTrigger/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/OverlayTrigger/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,cAAc,EACd,wBAAwB,IAAI,+BAA+B,GAC5D,MAAM,kBAAkB,CAAA"}

package/dist/PageLayout/PageLayout.constants.d.ts

@@ -0,0 +1,2 @@
+export declare const pageLayoutRootDataAttr = "data-core-page-layout-root";
+export declare const pageLayoutRootDataAttrName = "pageCoreLayoutRoot";

package/dist/PageLayout/PageLayout.constants.js

@@ -0,0 +1,3 @@
+export var pageLayoutRootDataAttr = 'data-core-page-layout-root';
+export var pageLayoutRootDataAttrName = 'pageCoreLayoutRoot';
+//# sourceMappingURL=PageLayout.constants.js.map

package/dist/PageLayout/PageLayout.constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PageLayout.constants.js","sourceRoot":"","sources":["../../src/PageLayout/PageLayout.constants.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,IAAM,sBAAsB,GAAG,4BAA4B,CAAA;AAClE,MAAM,CAAC,IAAM,0BAA0B,GAAG,oBAAoB,CAAA"}

package/dist/PageLayout/PageLayout.d.ts

@@ -0,0 +1,51 @@
+import React from 'react';
+import { GridProps } from '../Grid/Grid.types';
+import { DivAttributes, Props } from '../_utils/types';
+import { PageAsideProps, PageComponentProps, PageFooterProps, PageHeaderProps, PageMainProps } from './PageLayout.types';
+export declare const PageContext: React.Context<{
+    bodyRef: React.RefObject<HTMLDivElement>;
+    footerRef: React.RefObject<HTMLDivElement>;
+    containerRef: React.RefObject<HTMLDivElement>;
+    aside: {
+        open: () => Promise<void>;
+        close: () => Promise<void>;
+        isOpen: boolean;
+    };
+}>;
+/**
+  Building block elements for layout that should be used to build a common skeleton of a page.
+
+  - Page
+    - Page.Main
+      - Page.Header
+        - Page.Breadcrumbs
+          - Breadcrumbs
+        - Page.Banner
+          - Banner
+        - Page.Title
+          - Title or H1
+        - Page.Tabs
+          - Tabs
+      - Page.Body
+      - Page.Footer
+    - Page.Aside
+
+Other helpers, such as Page.Grid, Page.Row and Page.Column are thin wrappers over Grid components and share the same API.
+ */
+export declare const Page: React.ForwardRefExoticComponent<DivAttributes & React.RefAttributes<HTMLDivElement>> & {
+    Header: React.ForwardRefExoticComponent<PageHeaderProps & React.RefAttributes<HTMLDivElement>>;
+    Banner: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLDivElement>>;
+    Breadcrumbs: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLDivElement>>;
+    Title: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLDivElement>>;
+    Tabs: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLDivElement>>;
+    Footer: React.ForwardRefExoticComponent<PageFooterProps & React.RefAttributes<HTMLDivElement>>;
+    Body: React.ForwardRefExoticComponent<PageComponentProps & React.RefAttributes<HTMLDivElement>>;
+    Main: React.ForwardRefExoticComponent<PageMainProps & React.RefAttributes<HTMLDivElement>>;
+    Aside: React.ForwardRefExoticComponent<PageAsideProps & React.RefAttributes<HTMLDivElement>>;
+    Grid: {
+        ({ gutterX, ...props }: GridProps): JSX.Element;
+        displayName: string;
+    };
+    Column: React.ForwardRefExoticComponent<import("../Grid/Grid.types").GridColProps & React.RefAttributes<HTMLDivElement>>;
+    Row: React.ForwardRefExoticComponent<import("../Grid/Grid.types").GridRowProps & React.RefAttributes<HTMLDivElement>>;
+};