@procore/core-react 10.26.0 → 10.26.1-rc.2

package/dist/esm/layouts/Content/Content.js

@@ -0,0 +1,20 @@
+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 React from 'react';
+import { StyledActions, StyledContent } from './Content.styles';
+export function Actions(props) {
+    return React.createElement(StyledActions, __assign({}, props));
+}
+export function Content(props) {
+    return React.createElement(StyledContent, __assign({}, props));
+}
+//# sourceMappingURL=Content.js.map

package/dist/esm/layouts/Content/Content.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Content.js","sourceRoot":"","sources":["../../../../src/layouts/Content/Content.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAA;AAE/D,MAAM,UAAU,OAAO,CAAC,KAAY;IAClC,OAAO,oBAAC,aAAa,eAAK,KAAK,EAAI,CAAA;AACrC,CAAC;AAED,MAAM,UAAU,OAAO,CAAC,KAAY;IAClC,OAAO,oBAAC,aAAa,eAAK,KAAK,EAAI,CAAA;AACrC,CAAC"}

package/dist/esm/layouts/Content/Content.styles.d.ts

@@ -0,0 +1,2 @@
+export declare const StyledContent: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../../utils/types").DivAttributes & import("../Box").BoxProps & import("react").RefAttributes<HTMLDivElement>>, any, {}, never>;
+export declare const StyledActions: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../../utils/types").DivAttributes & import("../Box").BoxProps & import("react").RefAttributes<HTMLDivElement>>, any, {}, never>;

package/dist/esm/layouts/Content/Content.styles.js

@@ -0,0 +1,13 @@
+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 { mediaIE11Hack } from '../../styles/media';
+import { spacing } from '../../styles/spacing';
+import { StyledFormikForm as SFormikForm, StyledForm as SForm, StyledFormRow as SFormRow, StyledFormFieldBanner as SFormBanner, } from '../../components/Form/Form.styles';
+import Box from '../Box';
+export var StyledContent = styled(Box)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  // any element that isn't first start with this space above\n  // less specific than :first-child and one less rule\n  > * + *,\n  // these tags as components apply a browser reset\n  // XComp and Content both have 10 specifity, which will be at mercy\n  // of the CSS load order. Make these slighty more specific 11.\n  // Keeping general spacing rules here (and less specific) rather than sprinkled everywhere\n  > * + h1,\n  > * + h2,\n  > * + h3,\n  > * + h4,\n  > * + p,\n  > * + ul,\n  > * + ol {\n    margin-top: ", "px;\n  }\n\n  > ", " + * {\n    margin-top: 0;\n  }\n\n  > ", ", > ", " > ", ", > ", " > ", " {\n    ", " {\n      min-height: 0;\n      margin-bottom: ", "px;\n    }\n    &:last-child ", " {\n      margin-bottom: 0;\n    }\n  }\n"], ["\n  // any element that isn't first start with this space above\n  // less specific than :first-child and one less rule\n  > * + *,\n  // these tags as components apply a browser reset\n  // XComp and Content both have 10 specifity, which will be at mercy\n  // of the CSS load order. Make these slighty more specific 11.\n  // Keeping general spacing rules here (and less specific) rather than sprinkled everywhere\n  > * + h1,\n  > * + h2,\n  > * + h3,\n  > * + h4,\n  > * + p,\n  > * + ul,\n  > * + ol {\n    margin-top: ", "px;\n  }\n\n  > ", " + * {\n    margin-top: 0;\n  }\n\n  > ", ", > ", " > ", ", > ", " > ", " {\n    ", " {\n      min-height: 0;\n      margin-bottom: ", "px;\n    }\n    &:last-child ", " {\n      margin-bottom: 0;\n    }\n  }\n"])), spacing.lg, SFormRow, SFormRow, SForm, SFormRow, SFormikForm, SFormRow, SFormBanner, spacing.md, SFormBanner);
+export var StyledActions = styled(Box)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  display: flex;\n  justify-content: flex-end;\n  gap: ", "px;\n\n  // Support horizontal space\n  // Does not support vertical space when content wraps\n  @media ", " {\n    & > * + * {\n      margin-left: ", "px;\n    }\n  }\n"], ["\n  display: flex;\n  justify-content: flex-end;\n  gap: ", "px;\n\n  // Support horizontal space\n  // Does not support vertical space when content wraps\n  @media ", " {\n    & > * + * {\n      margin-left: ", "px;\n    }\n  }\n"])), spacing.sm, mediaIE11Hack, spacing.sm);
+var templateObject_1, templateObject_2;
+//# sourceMappingURL=Content.styles.js.map

package/dist/esm/layouts/Content/Content.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Content.styles.js","sourceRoot":"","sources":["../../../../src/layouts/Content/Content.styles.tsx"],"names":[],"mappings":";;;;AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAA;AACtC,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAA;AAClD,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAA;AAC9C,OAAO,EACL,gBAAgB,IAAI,WAAW,EAC/B,UAAU,IAAI,KAAK,EACnB,aAAa,IAAI,QAAQ,EACzB,qBAAqB,IAAI,WAAW,GACrC,MAAM,mCAAmC,CAAA;AAC1C,OAAO,GAAG,MAAM,QAAQ,CAAA;AAExB,MAAM,CAAC,IAAM,aAAa,GAAG,MAAM,CAAC,GAAG,CAAC,2zBAAA,8gBAetB,EAAU,kBAGtB,EAAQ,yCAIR,EAAQ,MAAO,EAAK,KAAM,EAAQ,MAAO,EAAW,KAAM,EAAQ,UAClE,EAAW,iDAEM,EAAU,+BAEd,EAAW,2CAI7B,KAhBiB,OAAO,CAAC,EAAE,EAGtB,QAAQ,EAIR,QAAQ,EAAO,KAAK,EAAM,QAAQ,EAAO,WAAW,EAAM,QAAQ,EAClE,WAAW,EAEM,OAAO,CAAC,EAAE,EAEd,WAAW,CAI7B,CAAA;AAED,MAAM,CAAC,IAAM,aAAa,GAAG,MAAM,CAAC,GAAG,CAAC,2SAAA,2DAG/B,EAAU,0GAIR,EAAa,0CAEH,EAAU,mBAG9B,KATQ,OAAO,CAAC,EAAE,EAIR,aAAa,EAEH,OAAO,CAAC,EAAE,CAG9B,CAAA"}

package/dist/esm/layouts/Content/index.d.ts

@@ -0,0 +1 @@
+export { Content } from './Content';

package/dist/esm/layouts/Content/index.js

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

package/dist/esm/layouts/Content/index.js.map

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

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

@@ -0,0 +1,82 @@
+import React from 'react';
+import { Props } from '../../utils/types';
+export interface DetailPageProps extends Props {
+    /**
+     * Width of the content.
+     * @default 'md'
+     * @since 10.19.0
+     */
+    width?: 'md' | 'lg' | 'xl' | 'block';
+}
+export declare const ViewContext: React.Context<{
+    width: string;
+}>;
+export declare const Actions: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLDivElement>>;
+export declare const Banner: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLDivElement>>;
+export declare const Body: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLDivElement>>;
+export declare const Breadcrumbs: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLDivElement>>;
+export declare const Card: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLDivElement>>;
+export declare const DetailTabs: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLDivElement>>;
+export declare const Header: React.ForwardRefExoticComponent<Props & {
+    transparent?: boolean | undefined;
+} & React.RefAttributes<HTMLDivElement>>;
+export declare const Heading: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLDivElement>>;
+export declare const Footer: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLDivElement>>;
+export declare const FooterNotation: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLDivElement>>;
+export declare const Title: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLDivElement>>;
+export interface SectionProps extends Props {
+    /**
+     *  Actions of Buttons and Dropdowns to render. If a function, the open
+     *  state is provided <Code>{`({ open }) => React.ReactNode`}</Code>
+     * @since 10.19.0
+     */
+    actions?: React.ReactNode | ((section: {
+        open: boolean;
+    }) => React.ReactNode);
+    /**
+     * Enable the expand and collapse accordion feature. Requires a unique ID
+     * across sections, unique within the provider (DetailPage.Card) and requires
+     * a heading on the section. Closed sections will not render its children.
+     * @since 10.19.0
+     */
+    expandId?: string | number;
+    /**
+     * Heading text for the section.
+     * @since 10.19.0
+     */
+    heading?: string;
+    /**
+     * If expandable, start open or closed.
+     * @since 10.19.0
+     */
+    initialIsOpen?: boolean;
+}
+export declare const Section: React.ForwardRefExoticComponent<SectionProps & React.RefAttributes<HTMLDivElement>>;
+/**
+ * @deprecated
+ *
+ * The `DetailPage` component has been deprecated and will be removed removed
+ * in a future version. Please use `NextDetailPage` instead.
+ *
+ * @deprecatedSince 10.20.0
+ *
+ * @see https://core.procore.com/latest/web/layout/next-detail-page/react/
+ * @since 10.19.0
+ */
+export declare const DetailPage: React.ForwardRefExoticComponent<DetailPageProps & React.RefAttributes<HTMLDivElement>> & {
+    Actions: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLDivElement>>;
+    Banner: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLDivElement>>;
+    Body: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLDivElement>>;
+    Breadcrumbs: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLDivElement>>;
+    Card: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLDivElement>>;
+    DetailTabs: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLDivElement>>;
+    Header: React.ForwardRefExoticComponent<Props & {
+        transparent?: boolean | undefined;
+    } & React.RefAttributes<HTMLDivElement>>;
+    Heading: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLDivElement>>;
+    Footer: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLDivElement>>;
+    FooterNotation: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLDivElement>>;
+    Section: React.ForwardRefExoticComponent<SectionProps & React.RefAttributes<HTMLDivElement>>;
+    Title: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLDivElement>>;
+};
+export default DetailPage;

package/dist/esm/layouts/DetailPage/DetailPage.js

@@ -0,0 +1,206 @@
+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 styles from '@procore/core-css/src/layouts/_detail_page.scss';
+import React from 'react';
+import { ulid } from 'ulid';
+import { H1, H2, H3 } from '../../components/Semantic';
+import { Box, Button, Card as CardBase } from '../../index';
+import { addSubcomponents } from '../../utils/addSubcomponents';
+var classnames = require('classnames/bind');
+var cx = classnames.bind(styles);
+export var ViewContext = React.createContext({ width: 'md' });
+var isFunction = function (obj) { return typeof obj === 'function'; };
+var DetailPage_ = React.forwardRef(function DetailPage(_a, ref) {
+    var children = _a.children, className = _a.className, _b = _a.width, width = _b === void 0 ? 'md' : _b, props = __rest(_a, ["children", "className", "width"]);
+    return (React.createElement(ViewContext.Provider, { value: { width: width } },
+        React.createElement("div", __assign({ className: cx('detail-page', className), ref: ref }, props), children)));
+});
+export var Actions = React.forwardRef(function Actions(_a, ref) {
+    var children = _a.children, className = _a.className, props = __rest(_a, ["children", "className"]);
+    return (React.createElement("div", __assign({ className: cx('detail-page__actions', className), ref: ref }, props), children));
+});
+export var Banner = React.forwardRef(function Banner(_a, ref) {
+    var children = _a.children, className = _a.className, props = __rest(_a, ["children", "className"]);
+    return (React.createElement("div", __assign({ className: cx('detail-page__banner'), ref: ref }, props), children));
+});
+export var Body = React.forwardRef(function Body(_a, ref) {
+    var children = _a.children, className = _a.className, props = __rest(_a, ["children", "className"]);
+    var width = React.useContext(ViewContext).width;
+    return (React.createElement("div", __assign({ className: cx("detail-page__body", "detail-page__body--width-".concat(width), className), ref: ref }, props), children));
+});
+export var Breadcrumbs = React.forwardRef(function Breadcrumbs(_a, ref) {
+    var children = _a.children, className = _a.className, props = __rest(_a, ["children", "className"]);
+    return (React.createElement("div", __assign({ className: cx('detail-page__breadcrumbs', className), ref: ref }, props), children));
+});
+export var Card = React.forwardRef(function Card(_a, ref) {
+    var children = _a.children, className = _a.className, props = __rest(_a, ["children", "className"]);
+    return (React.createElement(SectionProvider, null,
+        React.createElement(CardBase, __assign({ className: cx('detail-page__card', className), ref: ref }, props), children)));
+});
+export var DetailTabs = React.forwardRef(function DetailTabs(_a, ref) {
+    var children = _a.children, className = _a.className, props = __rest(_a, ["children", "className"]);
+    return (React.createElement("div", __assign({ className: cx('detail-page__tabs', className), ref: ref }, props), children));
+});
+export var Header = React.forwardRef(function Header(_a, ref) {
+    var children = _a.children, className = _a.className, transparent = _a.transparent, props = __rest(_a, ["children", "className", "transparent"]);
+    return (React.createElement("div", __assign({ className: cx('detail-page__header', className, {
+            'detail-page__header--drop-shadow': !transparent,
+        }), ref: ref }, props), children));
+});
+export var Heading = React.forwardRef(function Heading(_a, ref) {
+    var children = _a.children, className = _a.className, props = __rest(_a, ["children", "className"]);
+    return (React.createElement(H1, __assign({ className: className, ref: ref }, props), children));
+});
+export var Footer = React.forwardRef(function Footer(_a, ref) {
+    var children = _a.children, className = _a.className, props = __rest(_a, ["children", "className"]);
+    var width = React.useContext(ViewContext).width;
+    var _b = React.useState(false), atBottom = _b[0], setAtBottom = _b[1];
+    var observer = React.useRef(new IntersectionObserver(function (entries) {
+        entries[0].isIntersecting ? setAtBottom(true) : setAtBottom(false);
+    }));
+    return (React.createElement(React.Fragment, null,
+        React.createElement("div", __assign({ className: cx('detail-page__footer', { 'detail-page__footer--at-bottom': atBottom }, className), ref: ref }, props),
+            React.createElement("div", { className: cx('detail-page__footer__content', "detail-page__footer__content--width-".concat(width)) }, children)),
+        React.createElement("div", { className: cx('detail-page__footer-spacer') }),
+        React.createElement("div", { ref: function (el) {
+                if (el)
+                    observer.current.observe(el);
+            } })));
+});
+export var FooterNotation = React.forwardRef(function FooterNotation(_a, ref) {
+    var children = _a.children, className = _a.className, props = __rest(_a, ["children", "className"]);
+    return (React.createElement("div", __assign({ className: cx('detail-page__footer__notation', className), ref: ref }, props), children));
+});
+export var Title = React.forwardRef(function Title(_a, ref) {
+    var children = _a.children, className = _a.className, props = __rest(_a, ["children", "className"]);
+    return (React.createElement("div", __assign({ className: cx('detail-page__title', className), ref: ref }, props), children));
+});
+// Header levels start at level 2
+var LevelContext = React.createContext(2);
+var SectionContext = React.createContext({
+    open: {},
+    setSection: function () { },
+    toggleSection: function () { },
+});
+var SectionProvider = function (_a) {
+    var children = _a.children;
+    var _b = React.useState({}), open = _b[0], setSectionsOpen = _b[1];
+    var toggleSection = function (id) {
+        return setSectionsOpen(function (prev) {
+            var _a;
+            return (__assign(__assign({}, prev), (_a = {}, _a[id] = !prev[id], _a)));
+        });
+    };
+    var setSection = function (id, open) {
+        return setSectionsOpen(function (prev) {
+            var _a;
+            return (__assign(__assign({}, prev), (_a = {}, _a[id] = open, _a)));
+        });
+    };
+    return (React.createElement(SectionContext.Provider, { value: {
+            open: open,
+            toggleSection: toggleSection,
+            setSection: setSection,
+        } }, children));
+};
+export var Section = React.forwardRef(function Section(_a, ref) {
+    var _b;
+    var actions = _a.actions, children = _a.children, className = _a.className, expandId = _a.expandId, heading = _a.heading, _c = _a.initialIsOpen, initialIsOpen = _c === void 0 ? true : _c, props = __rest(_a, ["actions", "children", "className", "expandId", "heading", "initialIsOpen"]);
+    var level = React.useContext(LevelContext);
+    var sections = React.useContext(SectionContext);
+    var toggleOpen = React.useCallback(function () {
+        if (expandId) {
+            sections.toggleSection(expandId);
+        }
+    }, [expandId]);
+    var open = expandId ? sections.open[expandId] : true;
+    React.useEffect(function () {
+        if (expandId && open === undefined) {
+            sections.setSection(expandId, initialIsOpen);
+        }
+    }, []);
+    var _d = React.useMemo(function () {
+        return {
+            contentRegionId: "content-".concat(ulid()),
+            headingTextId: "heading-".concat(ulid()),
+        };
+    }, []), contentRegionId = _d.contentRegionId, headingTextId = _d.headingTextId;
+    var Heading = level === 2 ? H2 : H3;
+    return (React.createElement(LevelContext.Provider, { value: level + 1 },
+        React.createElement("div", __assign({ ref: ref, className: cx('detail-page__section', (_b = {
+                    'detail-page__section--divide': level >= 3 || !heading,
+                    'detail-page__section--expand-closed': !open || !children,
+                    'detail-page__section--level-anonymous': !heading
+                },
+                _b["detail-page__section--level-".concat(level)] = heading && level,
+                _b), className) }, props),
+            React.createElement("div", { className: cx('detail-page__section__inner') },
+                heading || actions ? (React.createElement("div", { className: cx('detail-page__section__header') },
+                    expandId ? (React.createElement("div", { "aria-labelledby": headingTextId, "aria-level": level, className: cx('detail-page__section__collapse-heading'), role: "heading" },
+                        React.createElement(Button, { "aria-controls": contentRegionId, "aria-expanded": open, "aria-labelledby": headingTextId, className: cx('detail-page__section__collapse-heading-button'), icon: open ? 'chevron-down' : 'chevron-right', onClick: toggleOpen, variant: "tertiary" }))) : null,
+                    React.createElement(Heading, { "aria-hidden": expandId ? true : false, id: headingTextId }, heading),
+                    actions ? (React.createElement(Box, { alignSelf: "flex-start", className: cx('detail-page__actions'), flexShrink: 0, marginLeft: "auto" }, isFunction(actions)
+                        ? actions({ open: open })
+                        : actions)) : null)) : null,
+                React.createElement("div", { "aria-hidden": !open, className: cx('detail-page__section__content-region'), id: contentRegionId, role: "region" }, open ? children : null)))));
+});
+DetailPage_.displayName = 'DetailPage';
+Actions.displayName = 'DetailPage.Actions';
+Banner.displayName = 'DetailPage.Banner';
+Body.displayName = 'DetailPage.Body';
+Card.displayName = 'DetailPage.Card';
+Breadcrumbs.displayName = 'DetailPage.Breadcrumbs';
+DetailTabs.displayName = 'DetailPage.DetailTabs';
+Header.displayName = 'DetailPage.Header';
+Heading.displayName = 'DetailPage.Heading';
+Footer.displayName = 'DetailPage.Footer';
+FooterNotation.displayName = 'DetailPage.FooterNotation';
+Title.displayName = 'DetailPage.Title';
+Section.displayName = 'DetailPage.Section';
+/**
+ * @deprecated
+ *
+ * The `DetailPage` component has been deprecated and will be removed removed
+ * in a future version. Please use `NextDetailPage` instead.
+ *
+ * @deprecatedSince 10.20.0
+ *
+ * @see https://core.procore.com/latest/web/layout/next-detail-page/react/
+ * @since 10.19.0
+ */
+export var DetailPage = addSubcomponents({
+    Actions: Actions,
+    Banner: Banner,
+    Body: Body,
+    Breadcrumbs: Breadcrumbs,
+    Card: Card,
+    DetailTabs: DetailTabs,
+    Header: Header,
+    Heading: Heading,
+    Footer: Footer,
+    FooterNotation: FooterNotation,
+    Section: Section,
+    Title: Title,
+}, DetailPage_);
+export default DetailPage;
+//# sourceMappingURL=DetailPage.js.map

package/dist/esm/layouts/DetailPage/DetailPage.js.map

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

package/dist/esm/layouts/DetailPage/index.d.ts

@@ -0,0 +1 @@
+export { DetailPage, ViewContext, DetailPage as default } from './DetailPage';

package/dist/esm/layouts/DetailPage/index.js

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

package/dist/esm/layouts/DetailPage/index.js.map

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

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

@@ -0,0 +1,5 @@
+import * as React from 'react';
+import { DivAttributes } from '../../utils/types';
+import { FlexProps } from './Flex.types';
+export declare const Flex: React.ForwardRefExoticComponent<DivAttributes & FlexProps & React.RefAttributes<HTMLDivElement>>;
+export default Flex;

package/dist/esm/layouts/Flex/Flex.js

@@ -0,0 +1,32 @@
+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 * as React from 'react';
+import { Box } from '../Box';
+export var Flex = React.forwardRef(function Flex(_a, ref) {
+    var _b = _a.alignItems, alignItems = _b === void 0 ? 'flex-start' : _b, basis = _a.basis, _c = _a.direction, direction = _c === void 0 ? 'row' : _c, grow = _a.grow, flex = _a.flex, _d = _a.inline, inline = _d === void 0 ? false : _d, _e = _a.justifyContent, justifyContent = _e === void 0 ? 'flex-start' : _e, shrink = _a.shrink, wrap = _a.wrap, props = __rest(_a, ["alignItems", "basis", "direction", "grow", "flex", "inline", "justifyContent", "shrink", "wrap"]);
+    return (React.createElement(Box, __assign({}, props, { ref: ref, display: inline ? 'inline-flex' : 'flex', alignItems: alignItems, justifyContent: justifyContent, flexBasis: basis, flexDirection: direction, flexGrow: grow, flexShrink: shrink, flexWrap: wrap, flex: flex })));
+});
+Flex.displayName = 'Flex';
+// TODO remove default exports
+export default Flex;
+//# sourceMappingURL=Flex.js.map

package/dist/esm/layouts/Flex/Flex.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Flex.js","sourceRoot":"","sources":["../../../../src/layouts/Flex/Flex.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAE,GAAG,EAAE,MAAM,QAAQ,CAAA;AAG5B,MAAM,CAAC,IAAM,IAAI,GAAG,KAAK,CAAC,UAAU,CAClC,SAAS,IAAI,CACX,EAWC,EACD,GAAG;IAXD,IAAA,kBAAyB,EAAzB,UAAU,mBAAG,YAAY,KAAA,EACzB,KAAK,WAAA,EACL,iBAAiB,EAAjB,SAAS,mBAAG,KAAK,KAAA,EACjB,IAAI,UAAA,EACJ,IAAI,UAAA,EACJ,cAAc,EAAd,MAAM,mBAAG,KAAK,KAAA,EACd,sBAA6B,EAA7B,cAAc,mBAAG,YAAY,KAAA,EAC7B,MAAM,YAAA,EACN,IAAI,UAAA,EACD,KAAK,cAVV,kGAWC,CADS;IAIV,OAAO,CACL,oBAAC,GAAG,eACE,KAAK,IACT,GAAG,EAAE,GAAG,EACR,OAAO,EAAE,MAAM,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,MAAM,EACxC,UAAU,EAAE,UAAU,EACtB,cAAc,EAAE,cAAc,EAC9B,SAAS,EAAE,KAAK,EAChB,aAAa,EAAE,SAAS,EACxB,QAAQ,EAAE,IAAI,EACd,UAAU,EAAE,MAAM,EAClB,QAAQ,EAAE,IAAI,EACd,IAAI,EAAE,IAAI,IACV,CACH,CAAA;AACH,CAAC,CACF,CAAA;AAED,IAAI,CAAC,WAAW,GAAG,MAAM,CAAA;AAEzB,8BAA8B;AAC9B,eAAe,IAAI,CAAA"}

package/dist/esm/layouts/Flex/Flex.types.d.ts

@@ -0,0 +1,42 @@
+import { Props } from '../../utils/types';
+import { FlexDirection, FlexOptions, FlexWrap, MarginOptions, PaddingOptions } from '../Box/Box.types';
+export interface FlexProps extends Props, FlexOptions, MarginOptions, PaddingOptions {
+    /**
+     * @default 'row'
+     * @since 10.19.0
+     */
+    direction?: FlexDirection;
+    /**
+     * @default false
+     * @since 10.19.0
+     */
+    inline?: boolean;
+    /**
+     * @since 10.19.0
+     */
+    flex?: string;
+    /**
+     * @since 10.19.0
+     */
+    basis?: string;
+    /**
+     * @since 10.19.0
+     */
+    grow?: string;
+    /**
+     * @since 10.19.0
+     */
+    shrink?: string;
+    /**
+     * @since 10.19.0
+     */
+    tabIndex?: number;
+    /**
+     * @since 10.19.0
+     */
+    wrap?: FlexWrap;
+    /**
+     * @since 10.19.0
+     */
+    order?: number;
+}

package/dist/esm/layouts/Flex/Flex.types.js

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

package/dist/esm/layouts/Flex/Flex.types.js.map

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

package/dist/esm/layouts/Flex/index.d.ts

@@ -0,0 +1,2 @@
+export { Flex, Flex as default } from './Flex';
+export { FlexProps } from './Flex.types';

package/dist/esm/layouts/Flex/index.js

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

package/dist/esm/layouts/Flex/index.js.map

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

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

@@ -0,0 +1,5 @@
+import React from 'react';
+import { DivAttributes } from '../../utils/types';
+import { FlexListProps } from './FlexList.types';
+export declare const FlexList: React.ForwardRefExoticComponent<DivAttributes & FlexListProps & React.RefAttributes<HTMLDivElement>>;
+export default FlexList;

package/dist/esm/layouts/FlexList/FlexList.js

@@ -0,0 +1,63 @@
+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 { Box } from '../Box';
+import { StyledFlex } from './FlexList.styles';
+function getSingleSize(size) {
+    if (size === void 0) { size = ''; }
+    return size.split(' ')[0];
+}
+function getItemMargin(direction, size) {
+    return direction.includes('row') ? "0 ".concat(size) : "".concat(size, " 0");
+}
+function getMargin(direction, space, size) {
+    if (size === void 0) { size = 'md'; }
+    if (space === undefined) {
+        return { margin: getItemMargin(direction, size) };
+    }
+    if (space && direction.includes('row')) {
+        return { marginRight: space };
+    }
+    if (space && direction.includes('column')) {
+        return { marginBottom: space };
+    }
+    return {};
+}
+export var FlexList = React.forwardRef(function FlexList(_a, ref) {
+    var boxProps = _a.boxProps, children = _a.children, _b = _a.direction, direction = _b === void 0 ? 'row' : _b, _c = _a.size, size = _c === void 0 ? 'md' : _c, space = _a.space, props = __rest(_a, ["boxProps", "children", "direction", "size", "space"]);
+    var singleSize = React.useMemo(function () { return getSingleSize(size); }, [size]);
+    var margin = React.useMemo(function () { return getMargin(direction, space, singleSize); }, [
+        direction,
+        space,
+        singleSize,
+    ]);
+    return (React.createElement(StyledFlex, __assign({}, props, { ref: ref, direction: direction, "$direction": direction }), React.Children.toArray(children)
+        .filter(function (child) { return child; })
+        .map(function (child, i) {
+        return child && (React.createElement(Box, __assign({}, boxProps, margin, { key: child.key || i }), child));
+    })));
+});
+FlexList.displayName = 'FlexList';
+// TODO remove default exports
+export default FlexList;
+//# sourceMappingURL=FlexList.js.map

package/dist/esm/layouts/FlexList/FlexList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FlexList.js","sourceRoot":"","sources":["../../../../src/layouts/FlexList/FlexList.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,GAAG,EAAE,MAAM,QAAQ,CAAA;AAE5B,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAA;AAG9C,SAAS,aAAa,CAAC,IAAiB;IAAjB,qBAAA,EAAA,SAAiB;IACtC,OAAO,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAe,CAAA;AACzC,CAAC;AAED,SAAS,aAAa,CAAC,SAAwB,EAAE,IAAgB;IAC/D,OAAO,SAAS,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,YAAK,IAAI,CAAE,CAAC,CAAC,CAAC,UAAG,IAAI,OAAI,CAAA;AAC9D,CAAC;AAED,SAAS,SAAS,CAChB,SAAwB,EACxB,KAAkB,EAClB,IAAuB;IAAvB,qBAAA,EAAA,WAAuB;IAEvB,IAAI,KAAK,KAAK,SAAS,EAAE;QACvB,OAAO,EAAE,MAAM,EAAE,aAAa,CAAC,SAAS,EAAE,IAAI,CAAC,EAAE,CAAA;KAClD;IAED,IAAI,KAAK,IAAI,SAAS,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAE;QACtC,OAAO,EAAE,WAAW,EAAE,KAAK,EAAE,CAAA;KAC9B;IAED,IAAI,KAAK,IAAI,SAAS,CAAC,QAAQ,CAAC,QAAQ,CAAC,EAAE;QACzC,OAAO,EAAE,YAAY,EAAE,KAAK,EAAE,CAAA;KAC/B;IAED,OAAO,EAAE,CAAA;AACX,CAAC;AAED,MAAM,CAAC,IAAM,QAAQ,GAAG,KAAK,CAAC,UAAU,CAGtC,SAAS,QAAQ,CACjB,EAAuE,EACvE,GAAG;IADD,IAAA,QAAQ,cAAA,EAAE,QAAQ,cAAA,EAAE,iBAAiB,EAAjB,SAAS,mBAAG,KAAK,KAAA,EAAE,YAAW,EAAX,IAAI,mBAAG,IAAI,KAAA,EAAE,KAAK,WAAA,EAAK,KAAK,cAArE,sDAAuE,CAAF;IAGrE,IAAM,UAAU,GAAG,KAAK,CAAC,OAAO,CAAC,cAAM,OAAA,aAAa,CAAC,IAAI,CAAC,EAAnB,CAAmB,EAAE,CAAC,IAAI,CAAC,CAAC,CAAA;IAEnE,IAAM,MAAM,GAAG,KAAK,CAAC,OAAO,CAAC,cAAM,OAAA,SAAS,CAAC,SAAS,EAAE,KAAK,EAAE,UAAU,CAAC,EAAvC,CAAuC,EAAE;QAC1E,SAAS;QACT,KAAK;QACL,UAAU;KACX,CAAC,CAAA;IAEF,OAAO,CACL,oBAAC,UAAU,eACL,KAAK,IACT,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,SAAS,gBACR,SAAS,KAEpB,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC;SAC9B,MAAM,CAAC,UAAC,KAAK,IAAK,OAAA,KAAK,EAAL,CAAK,CAAC;SACxB,GAAG,CACF,UAAC,KAAU,EAAE,CAAC;QACZ,OAAA,KAAK,IAAI,CACP,oBAAC,GAAG,eAAK,QAAQ,EAAM,MAAM,IAAE,GAAG,EAAE,KAAK,CAAC,GAAG,IAAI,CAAC,KAC/C,KAAK,CACF,CACP;IAJD,CAIC,CACJ,CACQ,CACd,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,QAAQ,CAAC,WAAW,GAAG,UAAU,CAAA;AAEjC,8BAA8B;AAC9B,eAAe,QAAQ,CAAA"}

package/dist/esm/layouts/FlexList/FlexList.styles.d.ts

@@ -0,0 +1,4 @@
+import { FlexDirection } from '../Box/Box.types';
+export declare const StyledFlex: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../../utils/types").DivAttributes & import("../Flex").FlexProps & import("react").RefAttributes<HTMLDivElement>>, any, {
+    $direction?: FlexDirection | undefined;
+}, never>;

package/dist/esm/layouts/FlexList/FlexList.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, { css } from 'styled-components';
+import { StyledBox } from '../Box/Box.styles';
+import { Flex } from '../Flex/Flex';
+export var StyledFlex = styled(Flex)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  > ", " {\n    ", "\n  }\n"], ["\n  > ", " {\n    ", "\n  }\n"])), StyledBox, function (_a) {
+    var $direction = _a.$direction;
+    if ($direction === null || $direction === void 0 ? void 0 : $direction.includes('reverse')) {
+        return css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n          &:first-child {\n            margin-bottom: 0;\n            margin-right: 0;\n          }\n          &:last-child {\n            margin-left: 0;\n            margin-top: 0;\n          }\n        "], ["\n          &:first-child {\n            margin-bottom: 0;\n            margin-right: 0;\n          }\n          &:last-child {\n            margin-left: 0;\n            margin-top: 0;\n          }\n        "])));
+    }
+    return css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n        &:first-child {\n          margin-left: 0;\n          margin-top: 0;\n        }\n        &:last-child {\n          margin-bottom: 0;\n          margin-right: 0;\n        }\n      "], ["\n        &:first-child {\n          margin-left: 0;\n          margin-top: 0;\n        }\n        &:last-child {\n          margin-bottom: 0;\n          margin-right: 0;\n        }\n      "])));
+});
+var templateObject_1, templateObject_2, templateObject_3;
+//# sourceMappingURL=FlexList.styles.js.map

package/dist/esm/layouts/FlexList/FlexList.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FlexList.styles.js","sourceRoot":"","sources":["../../../../src/layouts/FlexList/FlexList.styles.ts"],"names":[],"mappings":";;;;AAAA,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AAC/C,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAA;AAE7C,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AAEnC,MAAM,CAAC,IAAM,UAAU,GAAG,MAAM,CAAC,IAAI,CAAC,kGAAgC,QAChE,EAAS,UACT,EAwBD,SAEJ,KA3BK,SAAS,EACT,UAAC,EAAc;QAAZ,UAAU,gBAAA;IACb,IAAI,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,QAAQ,CAAC,SAAS,CAAC,EAAE;QACnC,OAAO,GAAG,oRAAA,iNAST,KAAA;KACF;IAED,OAAO,GAAG,kQAAA,+LAST,KAAA;AACH,CAAC,CAEJ,CAAA"}

package/dist/esm/layouts/FlexList/FlexList.types.d.ts

@@ -0,0 +1,19 @@
+import { BoxProps, MarginSize } from '../Box/Box.types';
+import { FlexProps } from '../Flex/Flex.types';
+export interface FlexListProps extends FlexProps {
+    /**
+     * Props to apply to each Box that wraps each child.
+     * @since 10.19.0
+     */
+    boxProps?: BoxProps;
+    /**
+     * Margin on a single item. Between two items, `size` is double the distance of `space`.
+     * @since 10.19.0
+     */
+    size?: MarginSize;
+    /**
+     * Total margin between items. Between two items, `space` is half the distance of `size`.
+     * @since 10.19.0
+     */
+    space?: MarginSize;
+}

package/dist/esm/layouts/FlexList/FlexList.types.js

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

package/dist/esm/layouts/FlexList/FlexList.types.js.map

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