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

package/dist/TieredSelect/TieredSelectMenu.js

@@ -0,0 +1,308 @@
+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 __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
+import { ChevronRight, Help, Home, Plus } from '@procore/core-icons/dist';
+import React from 'react';
+import { Box } from '../Box/Box';
+import { Breadcrumbs } from '../Breadcrumbs/Breadcrumbs';
+import { Button } from '../Button/Button';
+import { FlexList } from '../FlexList/FlexList';
+import { Input } from '../Input/Input';
+import { MenuImperative, useMenuImperativeControlNavigation, } from '../MenuImperative/MenuImperative';
+import { CloseOnFocus, useOverlayTriggerContext, } from '../OverlayTrigger/OverlayTrigger';
+import { Spinner } from '../Spinner/Spinner';
+import { Tooltip } from '../Tooltip/Tooltip';
+import { Typography } from '../Typography/Typography';
+import { useI18nContext } from '../_hooks/I18n';
+import { TieredSelectContext, useHighlightItemEffects } from './TieredSelect';
+import { StyledTieredSelect, StyledTieredSelectBreadcrumbs, StyledTieredSelectHome, StyledTieredSelectIcon, StyledTieredSelectLoadingMore, StyledTieredSelectOption, StyledTieredSelectOverlay, StyledTieredSelectSpinnerOverlay, } from './TieredSelect.styles';
+function ArrowButton(props) {
+    return (React.createElement(StyledTieredSelectIcon, { alignItems: "center", justifyContent: "center" },
+        React.createElement(ChevronRight, null)));
+}
+function ItemTooltipIcon() {
+    return (React.createElement(StyledTieredSelectIcon, { alignItems: "center", justifyContent: "center" },
+        React.createElement(Help, null)));
+}
+var QuickCreateInput = React.forwardRef(function QuickCreateInput(_a, ref) {
+    var autoFocus = _a.autoFocus, onSubmit = _a.onSubmit, placeholder = _a.placeholder;
+    function onKeyDown(e) {
+        if (e.key === 'Enter') {
+            onSubmit(e.currentTarget.value);
+        }
+    }
+    return (React.createElement(Box, { flexGrow: "1", justifyContent: "center", padding: "md" },
+        React.createElement(Input, { autoFocus: autoFocus, onKeyDown: onKeyDown, placeholder: placeholder, ref: ref })));
+});
+function Options(_a) {
+    var children = _a.children, emptyMessage = _a.emptyMessage, props = __rest(_a, ["children", "emptyMessage"]);
+    if (React.Children.count(children) === 0) {
+        return (React.createElement(MenuImperative.Options, null,
+            React.createElement(Box, __assign({ paddingLeft: "lg" }, props),
+                React.createElement(Typography, { color: "gray45", intent: "small", italic: true }, emptyMessage))));
+    }
+    return React.createElement(MenuImperative.Options, null, children);
+}
+var RenderMenuItem = function (_a) {
+    var _b;
+    var tier = _a.tier, selected = _a.selected, index = _a.index, onNavigateForward = _a.onNavigateForward;
+    var _c = React.useContext(TieredSelectContext), isTierDisabled = _c.isTierDisabled, getNextGroupId = _c.getNextGroupId, onQuickCreate = _c.onQuickCreate, getLabel = _c.getLabel, getId = _c.getId;
+    var tooltip = (_b = isTierDisabled === null || isTierDisabled === void 0 ? void 0 : isTierDisabled(tier)) !== null && _b !== void 0 ? _b : false;
+    var isDisabled = Boolean(tooltip);
+    var showNextTierArrow = !tooltip && (Boolean(getNextGroupId(tier)) || Boolean(onQuickCreate));
+    var overlay = typeof tooltip === 'string' ? tooltip : null;
+    var menuItem = (React.createElement(StyledTieredSelectOption, { disabled: isDisabled, item: tier, selected: selected },
+        React.createElement(React.Fragment, null,
+            getLabel(tier),
+            showNextTierArrow && (React.createElement(Box, { paddingLeft: "sm" },
+                React.createElement(ArrowButton, { "data-qa": "tiered-select-arrow", onClick: function () { return onNavigateForward(tier); } }))),
+            tooltip && (React.createElement(Box, { paddingLeft: "sm" },
+                React.createElement(ItemTooltipIcon, null))))));
+    if (isDisabled && overlay) {
+        return (React.createElement(Tooltip, { key: "".concat(getId(tier), "-").concat(index, "-tooltip"), overlay: overlay, trigger: 'hover', placement: "right" }, menuItem));
+    }
+    return menuItem;
+};
+export var TieredSelectMenu = React.forwardRef(function TieredSelectMenu(_a, ref) {
+    var children = _a.children, currentTier = _a.currentTier, customFooter = _a.footer, loading = _a.loading, loadingMore = _a.loadingMore, menuRef = _a.menuRef, onChange = _a.onChange, onNavigate = _a.onNavigate, onSearch = _a.onSearch, _b = _a.options, options = _b === void 0 ? [] : _b, previousValue = _a.previousValue, value = _a.value, props = __rest(_a, ["children", "currentTier", "footer", "loading", "loadingMore", "menuRef", "onChange", "onNavigate", "onSearch", "options", "previousValue", "value"]);
+    var _c = React.useContext(TieredSelectContext), getGroupId = _c.getGroupId, getId = _c.getId, getLabel = _c.getLabel, getNextGroupId = _c.getNextGroupId, i18nScope = _c.i18nScope, isTierDisabled = _c.isTierDisabled, onQuickCreate = _c.onQuickCreate, onScrollBottom = _c.onScrollBottom;
+    var quickCreateRef = React.useRef(null);
+    var hide = useOverlayTriggerContext().hide;
+    var I18n = useI18nContext();
+    var _d = React.useState(false), isQuickCreating = _d[0], setIsQuickCreating = _d[1];
+    var _e = React.useState(''), searchValue = _e[0], setSearchValue = _e[1];
+    var _f = useMenuImperativeControlNavigation(menuRef), menuProps = _f.menuProps, menuNavigationTriggerProps = _f.menuNavigationTriggerProps;
+    var searchIsEmpty = searchValue === '';
+    var lastEntryInValue = value[value.length - 1];
+    var internalOnSearch = React.useCallback(function (e) {
+        setSearchValue(e.target.value);
+        onSearch && onSearch(e);
+    }, [onSearch]);
+    // When searching (all options have been flattened) we dont filter by id
+    var filteredOptions = React.useMemo(function () {
+        return searchIsEmpty
+            ? options.filter(function (tier) {
+                return getGroupId(tier) === currentTier;
+            })
+            : options;
+    }, [currentTier, getGroupId, options, searchIsEmpty]);
+    useHighlightItemEffects({
+        currentTier: currentTier,
+        searchValue: searchValue,
+        menuRef: menuRef,
+        loading: loading,
+        loadingMore: loadingMore,
+    });
+    var onNavigateHome = React.useCallback(function () {
+        var _a;
+        onNavigate(null, []);
+        (_a = menuRef.current) === null || _a === void 0 ? void 0 : _a.highlightFirst();
+    }, [menuRef, onNavigate]);
+    var onBreadCrumbNavigate = React.useCallback(function (tier) {
+        var _a;
+        var newTier = value.indexOf(tier);
+        onNavigate(getNextGroupId(tier), value.slice(0, newTier + 1));
+        (_a = menuRef.current) === null || _a === void 0 ? void 0 : _a.highlightFirst();
+    }, [getNextGroupId, menuRef, onNavigate, value]);
+    function onNavigateForward(tier) {
+        var _a;
+        if (searchIsEmpty && !isQuickCreating && tier && !isLeaf(tier)) {
+            // if last value was a leaf, replace it when performing next navigation
+            var newValue = lastEntryInValue && isLeaf(lastEntryInValue)
+                ? __spreadArray(__spreadArray([], value.slice(0, value.length - 1), true), [tier], false) : __spreadArray(__spreadArray([], value, true), [tier], false);
+            onNavigate(getNextGroupId(tier), newValue);
+            (_a = menuRef.current) === null || _a === void 0 ? void 0 : _a.highlightFirst();
+        }
+    }
+    /**
+     * need to skip back two levels if coming from a leaf node;
+     * out from the leaf and then out of the parent. this is because
+     * when tiers aren't selectectable we show the parent of the leaf
+     */
+    function onNavigateBackward() {
+        var _a;
+        if (value.length !== 0 && searchIsEmpty) {
+            var newValue = void 0;
+            var newTier = void 0;
+            if (isLeaf(value[value.length - 1])) {
+                newValue = value.slice(0, Math.max(0, value.length - 2));
+                newTier = value[Math.max(0, value.length - 2)];
+            }
+            else {
+                newValue = value.slice(0, Math.max(0, value.length - 1));
+                newTier = value[value.length - 1];
+            }
+            !isQuickCreating && onNavigate(getGroupId(newTier), newValue);
+            (_a = menuRef.current) === null || _a === void 0 ? void 0 : _a.highlightFirst();
+        }
+    }
+    function onKeyDown(e) {
+        var _a, _b;
+        var tier = (_a = menuRef.current) === null || _a === void 0 ? void 0 : _a.highlighted();
+        var isDisabled = isTierDisabled === null || isTierDisabled === void 0 ? void 0 : isTierDisabled(tier);
+        if (e.key === 'Right' || e.key === 'ArrowRight') {
+            if (isDisabled) {
+                return;
+            }
+            onNavigateForward(tier);
+            return;
+        }
+        if (e.key === 'Left' || e.key === 'ArrowLeft') {
+            if (isDisabled) {
+                return;
+            }
+            onNavigateBackward();
+            return;
+        }
+        (_b = menuNavigationTriggerProps.onKeyDown) === null || _b === void 0 ? void 0 : _b.call(menuNavigationTriggerProps, e);
+    }
+    var isLeaf = React.useCallback(function (tier) {
+        return !getNextGroupId(tier);
+    }, [getNextGroupId]);
+    function onTierSelect(selection) {
+        if (isLeaf(selection.item)) {
+            var isSameGroup = value.length
+                ? getGroupId(lastEntryInValue) === getGroupId(selection.item)
+                : false;
+            // if the selection is in the same group as the old selection, replace the old selection
+            var newValue = isSameGroup
+                ? __spreadArray(__spreadArray([], value.slice(0, value.length - 1), true), [selection.item], false) : __spreadArray(__spreadArray([], value, true), [selection.item], false);
+            onChange(__assign(__assign({}, selection), { value: newValue }));
+            searchValue &&
+                internalOnSearch({
+                    target: { value: '' },
+                });
+            hide(selection.event);
+        }
+        else {
+            onNavigateForward(selection.item);
+        }
+    }
+    // non-selectable tiers can have a leaf node in the root tier, so if selected
+    // it will reopen to the root tier and we should not show breadcrumbs
+    function showBreadcrumbs() {
+        return (value.length &&
+            searchIsEmpty &&
+            !(value.length === 1 && isLeaf(value[value.length - 1])));
+    }
+    var menuEmptyMessage = searchIsEmpty
+        ? I18n.t('emptyMessage', { scope: i18nScope })
+        : I18n.t('searchEmptyMessage', { scope: i18nScope });
+    var handleQuickCreate = React.useCallback(function (e) {
+        // stops menu from selecting item and closing on enter press
+        e.stopPropagation();
+        if (e.key === 'Enter') {
+            setIsQuickCreating(true);
+        }
+    }, [setIsQuickCreating]);
+    var onQuickCreateSubmit = React.useCallback(function () {
+        onQuickCreate &&
+            quickCreateRef.current &&
+            onQuickCreate(quickCreateRef.current.value);
+        setIsQuickCreating(false);
+    }, [onQuickCreate, quickCreateRef, setIsQuickCreating]);
+    function isTierSelected(tier) {
+        if (previousValue.length) {
+            return getId(tier) === getId(previousValue[previousValue.length - 1]);
+        }
+        return false;
+    }
+    function RenderLoadingMore() {
+        if (loadingMore && !loading) {
+            return (React.createElement(StyledTieredSelectLoadingMore, { "data-qa": "tiered-select-loading-more" },
+                React.createElement(Spinner, { size: "sm" })));
+        }
+        return null;
+    }
+    var RenderFooter = React.useCallback(function () {
+        if (customFooter) {
+            // Render custom footer, if defined.
+            if (typeof customFooter === 'function') {
+                return React.createElement(MenuImperative.Footer, null, customFooter());
+            }
+            return React.createElement(MenuImperative.Footer, null, customFooter);
+        }
+        if (onQuickCreate === undefined) {
+            // no footer if `onQuickCreate` is not defined.
+            return null;
+        }
+        if (isQuickCreating) {
+            // Render `Cancel` and `Create` labels if "quick creating".
+            return (React.createElement(MenuImperative.Footer, { "data-something": "true" },
+                React.createElement(FlexList, { size: "xs", justifyContent: "flex-end" },
+                    React.createElement(Button, { onClick: function () { return setIsQuickCreating(false); }, size: "sm", variant: "tertiary" }, I18n.t('quickCreateCancelLabel', {
+                        scope: i18nScope,
+                    })),
+                    React.createElement(Button, { onClick: onQuickCreateSubmit, size: "sm" }, I18n.t('quickCreateCreateLabel', {
+                        scope: i18nScope,
+                    })))));
+        }
+        return (React.createElement(MenuImperative.Footer, { "data-something": "true" },
+            React.createElement(Button, { block: true, size: "sm", icon: React.createElement(Plus, null), onClick: function () { return setIsQuickCreating(true); }, onKeyDown: handleQuickCreate }, I18n.t('quickCreateActionLabel', {
+                scope: i18nScope,
+            }))));
+    }, [
+        I18n,
+        customFooter,
+        handleQuickCreate,
+        i18nScope,
+        isQuickCreating,
+        onQuickCreate,
+        onQuickCreateSubmit,
+    ]);
+    return (React.createElement(StyledTieredSelectOverlay, { ref: ref, shadowStrength: 2 },
+        React.createElement(StyledTieredSelectSpinnerOverlay, { "data-qa": "tiered-select-loading", "data-loading": loading, label: I18n.t('spinnerLabel', { scope: i18nScope }) || '', loading: loading, size: "md" },
+            React.createElement(StyledTieredSelect, __assign({ onScrollBottom: onScrollBottom, onSelect: onTierSelect, ref: menuRef }, props, menuProps, { role: "none" }),
+                React.createElement(MenuImperative.Header, null,
+                    !isQuickCreating && (React.createElement(MenuImperative.Search, __assign({ autoComplete: "false", onChange: internalOnSearch, placeholder: I18n.t('searchPlaceholder', {
+                            scope: i18nScope,
+                        }) }, menuNavigationTriggerProps, { onKeyDown: onKeyDown }))),
+                    showBreadcrumbs() ? (React.createElement(StyledTieredSelectBreadcrumbs, { "$nonInteractive": isQuickCreating },
+                        React.createElement(Breadcrumbs.Crumb, { onClick: onNavigateHome },
+                            React.createElement(StyledTieredSelectHome, { alignItems: "center", justifyContent: "center" },
+                                React.createElement(Home, { "data-qa": "tiered-select-home" }))),
+                        value
+                            .filter(function (tier) {
+                            // we reopen to the parent of leaf nodes, so don't show that breadcrumb
+                            return !isLeaf(tier);
+                        })
+                            .map(function (tier, index, array) {
+                            return (React.createElement(Breadcrumbs.Crumb, { active: index === array.length - 1, key: "".concat(getId(tier), "-").concat(index), onClick: function () { return onBreadCrumbNavigate(tier); } }, getLabel(tier)));
+                        }))) : null),
+                !isQuickCreating ? (React.createElement(Options, { emptyMessage: menuEmptyMessage }, filteredOptions
+                    .map(function (tier, index) { return (React.createElement(RenderMenuItem, { key: "menu-item-".concat(getId(tier), "-").concat(index, "}"), tier: tier, selected: isTierSelected(tier), index: index, onNavigateForward: onNavigateForward })); })
+                    .concat(React.createElement(RenderLoadingMore, { key: "tiered-select-loading-more" })))) : (React.createElement(QuickCreateInput, { autoFocus: isQuickCreating, onSubmit: onQuickCreateSubmit, placeholder: I18n.t('quickCreatePlaceholder', {
+                        scope: i18nScope,
+                    }), ref: quickCreateRef })),
+                React.createElement(RenderFooter, null),
+                React.createElement(CloseOnFocus, { hide: hide })))));
+});
+//# sourceMappingURL=TieredSelectMenu.js.map

package/dist/TieredSelect/TieredSelectMenu.js.map

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

package/dist/TieredSelect/index.d.ts

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

package/dist/TieredSelect/index.js

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

package/dist/TieredSelect/index.js.map

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

package/dist/Tile/Tile.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+import { Props } from '../_utils/types';
+import { HeroMediaProps, HeroTextProps, InteractableTileProps, LinkTileProps, SelectableTileProps, TileProps } from './Tile.types';
+export declare const InteractableTile: React.ForwardRefExoticComponent<Omit<InteractableTileProps, "variant"> & React.RefAttributes<HTMLDivElement>>;
+export declare const LinkTile: React.ForwardRefExoticComponent<Omit<LinkTileProps, "variant"> & React.RefAttributes<HTMLAnchorElement>>;
+export declare const SelectableTile: React.ForwardRefExoticComponent<Omit<SelectableTileProps, "variant"> & React.RefAttributes<HTMLDivElement>>;
+export declare const Tile: React.ForwardRefExoticComponent<TileProps & React.RefAttributes<HTMLElement>> & {
+    Actions: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLDivElement>>;
+    Content: React.ForwardRefExoticComponent<HeroTextProps & React.RefAttributes<HTMLDivElement>>;
+    Footer: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLDivElement>>;
+    HeroText: React.ForwardRefExoticComponent<HeroTextProps & React.RefAttributes<HTMLDivElement>>;
+    HeroMedia: React.ForwardRefExoticComponent<HeroMediaProps & React.RefAttributes<HTMLDivElement>>;
+};

package/dist/Tile/Tile.js

@@ -0,0 +1,106 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import React from 'react';
+import { StyledActions } from '../Content/Content.styles';
+import { addSubcomponents } from '../_utils/addSubcomponents';
+import { mergeRefs } from '../_utils/mergeRefs';
+import { StyledFooter, StyledHeroMedia, StyledHeroOverlay, StyledHeroText, StyledInteractableTile, StyledLinkTile, StyledSelectableTile, StyledTileContent, } from './Tile.styles';
+var heroTextGridTemplateColumns = 'auto 1fr';
+var TileContext = React.createContext({
+    orientation: 'portrait',
+});
+var HeroMedia = React.forwardRef(function HeroMedia(_a, ref) {
+    var children = _a.children, _b = _a.overlay, overlay = _b === void 0 ? false : _b, onOverlayClick = _a.onOverlayClick, props = __rest(_a, ["children", "overlay", "onOverlayClick"]);
+    var orientation = React.useContext(TileContext).orientation;
+    var heroRef = React.useRef(null);
+    React.useLayoutEffect(function () {
+        var _a, _b;
+        if (orientation === 'landscape') {
+            (_b = (_a = heroRef.current) === null || _a === void 0 ? void 0 : _a.parentElement) === null || _b === void 0 ? void 0 : _b.style.removeProperty('--core-tile-grid-template-columns');
+        }
+    }, [orientation]);
+    return (React.createElement(StyledHeroMedia, __assign({ ref: mergeRefs(heroRef, ref), "$orientation": orientation }, props),
+        overlay && React.createElement(StyledHeroOverlay, { onClick: onOverlayClick }),
+        children));
+});
+var HeroText = React.forwardRef(function HeroText(_a, ref) {
+    var children = _a.children, props = __rest(_a, ["children"]);
+    var orientation = React.useContext(TileContext).orientation;
+    var heroRef = React.useRef(null);
+    React.useLayoutEffect(function () {
+        var _a, _b;
+        if (orientation === 'landscape') {
+            (_b = (_a = heroRef.current) === null || _a === void 0 ? void 0 : _a.parentElement) === null || _b === void 0 ? void 0 : _b.style.setProperty('--core-tile-grid-template-columns', heroTextGridTemplateColumns);
+        }
+    }, [orientation]);
+    return (React.createElement(StyledHeroText, __assign({ ref: mergeRefs(heroRef, ref), "$orientation": orientation }, props), children));
+});
+var Content = React.forwardRef(function Content(props, ref) {
+    return React.createElement(StyledTileContent, __assign({ ref: ref }, props));
+});
+var Footer = React.forwardRef(function Footer(_a, ref) {
+    var children = _a.children, props = __rest(_a, ["children"]);
+    return (React.createElement(StyledFooter, __assign({ ref: ref }, props), children));
+});
+var Actions = React.forwardRef(function Actions(_a, ref) {
+    var children = _a.children, props = __rest(_a, ["children"]);
+    return (React.createElement(StyledActions, __assign({ ref: ref }, props), children));
+});
+export var InteractableTile = React.forwardRef(function InteractableTile(_a, ref) {
+    var orientation = _a.orientation, children = _a.children, props = __rest(_a, ["orientation", "children"]);
+    return (React.createElement(StyledInteractableTile, __assign({ ref: ref, "$orientation": orientation }, props),
+        React.createElement(TileContext.Provider, { value: { orientation: orientation } }, children)));
+});
+export var LinkTile = React.forwardRef(function LinkTile(_a, ref) {
+    var orientation = _a.orientation, children = _a.children, props = __rest(_a, ["orientation", "children"]);
+    return (React.createElement(StyledLinkTile, __assign({ ref: ref, "$orientation": orientation }, props),
+        React.createElement(TileContext.Provider, { value: { orientation: orientation } }, children)));
+});
+export var SelectableTile = React.forwardRef(function SelectableTile(_a, ref) {
+    var orientation = _a.orientation, _b = _a.selected, selected = _b === void 0 ? false : _b, onClick = _a.onClick, onKeyDown = _a.onKeyDown, _c = _a.disabled, disabled = _c === void 0 ? false : _c, children = _a.children, props = __rest(_a, ["orientation", "selected", "onClick", "onKeyDown", "disabled", "children"]);
+    return (React.createElement(StyledSelectableTile, __assign({ ref: ref, "$disabled": disabled, "$orientation": orientation, "$selected": selected, tabIndex: !disabled ? 0 : undefined, onClick: function (e) {
+            if (!disabled) {
+                onClick === null || onClick === void 0 ? void 0 : onClick();
+            }
+        }, onKeyDown: function (e) {
+            var code = e.code;
+            if (code === 'Enter' || code === 'Space') {
+                onClick === null || onClick === void 0 ? void 0 : onClick();
+            }
+            onKeyDown === null || onKeyDown === void 0 ? void 0 : onKeyDown(e);
+        } }, props),
+        React.createElement(TileContext.Provider, { value: { orientation: orientation } }, children)));
+});
+var Tile_ = React.forwardRef(function Tile(_a, ref) {
+    var _b = _a.variant, variant = _b === void 0 ? 'interactive' : _b, _c = _a.orientation, orientation = _c === void 0 ? 'portrait' : _c, props = __rest(_a, ["variant", "orientation"]);
+    switch (variant) {
+        case 'interactive':
+            return (React.createElement(InteractableTile, __assign({ ref: ref, orientation: orientation }, props)));
+        case 'selectable':
+            return (React.createElement(SelectableTile, __assign({ ref: ref, orientation: orientation }, props)));
+        case 'link':
+            return (React.createElement(LinkTile, __assign({ ref: ref, orientation: orientation }, props)));
+    }
+});
+export var Tile = addSubcomponents({ Actions: Actions, Content: Content, Footer: Footer, HeroText: HeroText, HeroMedia: HeroMedia }, Tile_);
+//# sourceMappingURL=Tile.js.map

package/dist/Tile/Tile.js.map

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

package/dist/Tile/Tile.styles.d.ts

@@ -0,0 +1,22 @@
+/// <reference types="react" />
+import { TileCommonProps } from './Tile.types';
+interface StyledTile {
+    $orientation: TileCommonProps['orientation'];
+}
+export declare const StyledLinkTile: import("styled-components").StyledComponent<"a", any, StyledTile, never>;
+export declare const StyledSelectableTile: import("styled-components").StyledComponent<"div", any, StyledTile & {
+    $selected: boolean;
+    $disabled?: boolean | undefined;
+    $focused?: boolean | undefined;
+}, never>;
+export declare const StyledInteractableTile: import("styled-components").StyledComponent<"div", any, StyledTile, never>;
+export declare const StyledFooter: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledTileContent: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../_utils/types").DivAttributes & import("..").BoxProps & import("react").RefAttributes<HTMLDivElement>>, any, {}, never>;
+export declare const StyledHeroMedia: import("styled-components").StyledComponent<"figure", any, {
+    $orientation: TileCommonProps['orientation'];
+}, never>;
+export declare const StyledHeroOverlay: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledHeroText: import("styled-components").StyledComponent<"div", any, {
+    $orientation: TileCommonProps['orientation'];
+}, never>;
+export {};

package/dist/Tile/Tile.styles.js

@@ -0,0 +1,66 @@
+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 { StyledActions, StyledContent } from '../Content/Content.styles';
+import { StyledForm as SForm, StyledFormikForm as SFormikForm, StyledFormRow as SFormRow, } from '../Form/Form.styles';
+import { borderRadius } from '../_styles/borderRadius';
+import { colors } from '../_styles/colors';
+import { mediaIE11Hack } from '../_styles/media';
+import { getFocus } from '../_styles/mixins';
+import { getShadow } from '../_styles/shadows';
+import { spacing } from '../_styles/spacing';
+import { isIE11 } from '../_utils/isIE11';
+var getHover = function ($selected) {
+    if ($selected === void 0) { $selected = false; }
+    return css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  cursor: pointer;\n  &:hover,\n  &.hover {\n    background-color: ", ";\n  }\n"], ["\n  cursor: pointer;\n  &:hover,\n  &.hover {\n    background-color: ", ";\n  }\n"])), $selected ? colors.blue94 : colors.gray96);
+};
+var getSelected = function () { return css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  background-color: ", ";\n"], ["\n  background-color: ", ";\n"])), colors.blue98); };
+var getDisabled = function () { return css(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  cursor: not-allowed;\n"], ["\n  cursor: not-allowed;\n"]))); };
+var oneThirdTwoThirds = 'minmax(0, 1fr) minmax(0, 2fr)';
+var getLandscapeTemplate = function () {
+    return css(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n    --core-tile-grid-template-columns: ", ";\n    grid-template-areas:\n      'hero body'\n      'hero footer';\n    grid-template-columns: var(\n      --core-tile-grid-template-columns,\n      ", "\n    );\n  "], ["\n    --core-tile-grid-template-columns: ", ";\n    grid-template-areas:\n      'hero body'\n      'hero footer';\n    grid-template-columns: var(\n      --core-tile-grid-template-columns,\n      ", "\n    );\n  "])), oneThirdTwoThirds, oneThirdTwoThirds);
+};
+var getPortraitTemplate = function () {
+    return css(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n    grid-template-areas:\n      'hero'\n      'body'\n      'footer';\n    grid-template-columns: 1fr;\n  "], ["\n    grid-template-areas:\n      'hero'\n      'body'\n      'footer';\n    grid-template-columns: 1fr;\n  "])));
+};
+var getTileStyles = function (_a) {
+    var $orientation = _a.$orientation, _b = _a.$selected, $selected = _b === void 0 ? false : _b, _c = _a.$hoverable, $hoverable = _c === void 0 ? false : _c, _d = _a.$disabled, $disabled = _d === void 0 ? false : _d, _e = _a.$focused, $focused = _e === void 0 ? false : _e;
+    return css(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n    display: grid;\n    ", ";\n\n    background-color: ", ";\n    border-radius: ", "px;\n    width: 100%;\n    ", "\n\n    &:focus, &.focus {\n      ", "\n    }\n    ", "\n\n    ", "\n    ", "\n    ", "\n  "], ["\n    display: grid;\n    ", ";\n\n    background-color: ", ";\n    border-radius: ", "px;\n    width: 100%;\n    ", "\n\n    &:focus, &.focus {\n      ", "\n    }\n    ", "\n\n    ", "\n    ", "\n    ", "\n  "])), $orientation === 'landscape'
+        ? getLandscapeTemplate()
+        : getPortraitTemplate(), colors.white, borderRadius.md, getShadow(1, 'bottom'), getFocus(), $focused ? getFocus() : '', $disabled ? getDisabled() : '', $selected ? getSelected() : '', $hoverable && !$disabled ? getHover($selected) : '');
+};
+export var StyledLinkTile = styled.a(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n  ", "\n  text-decoration: none;\n  color: inherit;\n"], ["\n  ", "\n  text-decoration: none;\n  color: inherit;\n"])), function (_a) {
+    var $orientation = _a.$orientation;
+    return getTileStyles({ $orientation: $orientation, $hoverable: true });
+});
+export var StyledSelectableTile = styled.div(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), function (_a) {
+    var $orientation = _a.$orientation, $selected = _a.$selected, $disabled = _a.$disabled, $focused = _a.$focused;
+    return getTileStyles({
+        $orientation: $orientation,
+        $selected: $selected,
+        $disabled: $disabled,
+        $focused: $focused,
+        $hoverable: true,
+    });
+});
+export var StyledInteractableTile = styled.div(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), function (_a) {
+    var $orientation = _a.$orientation;
+    return getTileStyles({ $orientation: $orientation });
+});
+export var StyledFooter = styled.div(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n  grid-area: footer;\n  padding: ", "px;\n\n  > ", " {\n    flex-wrap: wrap-reverse;\n  }\n"], ["\n  grid-area: footer;\n  padding: ", "px;\n\n  > ", " {\n    flex-wrap: wrap-reverse;\n  }\n"])), spacing.lg, StyledActions);
+export var StyledTileContent = styled(StyledContent)(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n  grid-column-start: hero-start;\n  grid-column-end: body-end;\n  padding: ", "px;\n\n  + ", " {\n    padding-top: 0;\n  }\n\n  > ", ", > ", " > ", ", > ", " > ", " {\n    grid-column-gap: ", "px;\n  }\n"], ["\n  grid-column-start: hero-start;\n  grid-column-end: body-end;\n  padding: ", "px;\n\n  + ", " {\n    padding-top: 0;\n  }\n\n  > ", ", > ", " > ", ", > ", " > ", " {\n    grid-column-gap: ", "px;\n  }\n"])), spacing.lg, StyledFooter, SFormRow, SForm, SFormRow, SFormikForm, SFormRow, spacing.md);
+export var StyledHeroMedia = styled.figure(templateObject_14 || (templateObject_14 = __makeTemplateObject(["\n  grid-area: hero;\n  margin: 0;\n  position: relative;\n  overflow: hidden;\n\n  font-size: 0;\n  > * {\n    font-size: initial;\n  }\n\n  + ", " {\n    grid-area: body;\n  }\n\n  > video {\n    background-color: ", ";\n  }\n  > img,\n  > picture > img {\n    object-fit: cover;\n  }\n  ", "\n"], ["\n  grid-area: hero;\n  margin: 0;\n  position: relative;\n  overflow: hidden;\n\n  font-size: 0;\n  > * {\n    font-size: initial;\n  }\n\n  + ", " {\n    grid-area: body;\n  }\n\n  > video {\n    background-color: ", ";\n  }\n  > img,\n  > picture > img {\n    object-fit: cover;\n  }\n  ", "\n"])), StyledTileContent, colors.black, function (_a) {
+    var $orientation = _a.$orientation;
+    return $orientation === 'landscape' && !isIE11()
+        ? css(templateObject_12 || (templateObject_12 = __makeTemplateObject(["\n          border-top-left-radius: inherit;\n          border-bottom-left-radius: inherit;\n          > *,\n          > picture > img {\n            height: 100%;\n            width: 100%;\n            position: absolute;\n          }\n\n          @media ", " {\n            > picture > img,\n            > img {\n              width: auto;\n              left: 50%;\n              transform: translate(-50%, 0);\n            }\n          }\n        "], ["\n          border-top-left-radius: inherit;\n          border-bottom-left-radius: inherit;\n          > *,\n          > picture > img {\n            height: 100%;\n            width: 100%;\n            position: absolute;\n          }\n\n          @media ", " {\n            > picture > img,\n            > img {\n              width: auto;\n              left: 50%;\n              transform: translate(-50%, 0);\n            }\n          }\n        "])), mediaIE11Hack) : css(templateObject_13 || (templateObject_13 = __makeTemplateObject(["\n          min-height: 156px;\n          max-height: 567px;\n          border-top-left-radius: inherit;\n          border-top-right-radius: inherit;\n          > *,\n          > picture > img {\n            min-height: inherit;\n            max-height: inherit;\n            height: auto;\n            width: 100%;\n          }\n        "], ["\n          min-height: 156px;\n          max-height: 567px;\n          border-top-left-radius: inherit;\n          border-top-right-radius: inherit;\n          > *,\n          > picture > img {\n            min-height: inherit;\n            max-height: inherit;\n            height: auto;\n            width: 100%;\n          }\n        "])));
+});
+export var StyledHeroOverlay = styled.div(templateObject_15 || (templateObject_15 = __makeTemplateObject(["\n  position: absolute;\n  width: 100%;\n  height: 100%;\n  top: 0;\n  left: 0;\n  z-index: 1;\n"], ["\n  position: absolute;\n  width: 100%;\n  height: 100%;\n  top: 0;\n  left: 0;\n  z-index: 1;\n"])));
+export var StyledHeroText = styled.div(templateObject_18 || (templateObject_18 = __makeTemplateObject(["\n  grid-area: hero;\n\n  + ", " {\n    grid-area: body;\n  }\n\n  padding: ", "px;\n  border-radius: inherit;\n  ", "\n"], ["\n  grid-area: hero;\n\n  + ", " {\n    grid-area: body;\n  }\n\n  padding: ", "px;\n  border-radius: inherit;\n  ", "\n"])), StyledTileContent, spacing.lg, function (_a) {
+    var $orientation = _a.$orientation;
+    return $orientation === 'landscape'
+        ? css(templateObject_16 || (templateObject_16 = __makeTemplateObject(["\n          display: flex;\n          flex-direction: column;\n          justify-content: center;\n          padding-right: 0;\n        "], ["\n          display: flex;\n          flex-direction: column;\n          justify-content: center;\n          padding-right: 0;\n        "]))) : css(templateObject_17 || (templateObject_17 = __makeTemplateObject(["\n          padding-bottom: 0;\n        "], ["\n          padding-bottom: 0;\n        "])));
+});
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10, templateObject_11, templateObject_12, templateObject_13, templateObject_14, templateObject_15, templateObject_16, templateObject_17, templateObject_18;
+//# sourceMappingURL=Tile.styles.js.map

package/dist/Tile/Tile.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tile.styles.js","sourceRoot":"","sources":["../../src/Tile/Tile.styles.tsx"],"names":[],"mappings":";;;;AAAA,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AAC/C,OAAO,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAA;AACxE,OAAO,EACL,UAAU,IAAI,KAAK,EACnB,gBAAgB,IAAI,WAAW,EAC/B,aAAa,IAAI,QAAQ,GAC1B,MAAM,qBAAqB,CAAA;AAC5B,OAAO,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAA;AACtD,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAA;AAC1C,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAA;AAChD,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAA;AAC5C,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAA;AAC9C,OAAO,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAA;AAC5C,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAA;AAOzC,IAAM,QAAQ,GAAG,UAAC,SAAiB;IAAjB,0BAAA,EAAA,iBAAiB;IAAK,OAAA,GAAG,sJAAA,uEAInB,EAAyC,UAEhE,KAFuB,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,MAAM;AAJzB,CAMvC,CAAA;AAED,IAAM,WAAW,GAAG,cAAM,OAAA,GAAG,kGAAA,wBACP,EAAa,KAClC,KADqB,MAAM,CAAC,MAAM,GADT,CAEzB,CAAA;AAED,IAAM,WAAW,GAAG,cAAM,OAAA,GAAG,+FAAA,4BAE5B,MAFyB,CAEzB,CAAA;AAUD,IAAM,iBAAiB,GAAG,+BAA+B,CAAA;AAEzD,IAAM,oBAAoB,GAAG;IAC3B,OAAO,GAAG,yRAAA,2CAC6B,EAAiB,yJAMlD,EAAiB,cAEtB,KARsC,iBAAiB,EAMlD,iBAAiB,EAEtB;AACH,CAAC,CAAA;AAED,IAAM,mBAAmB,GAAG;IAC1B,OAAO,GAAG,iLAAA,8GAMT,KAAA;AACH,CAAC,CAAA;AAED,IAAM,aAAa,GAAG,UAAC,EAMF;QALnB,YAAY,kBAAA,EACZ,iBAAiB,EAAjB,SAAS,mBAAG,KAAK,KAAA,EACjB,kBAAkB,EAAlB,UAAU,mBAAG,KAAK,KAAA,EAClB,iBAAiB,EAAjB,SAAS,mBAAG,KAAK,KAAA,EACjB,gBAAgB,EAAhB,QAAQ,mBAAG,KAAK,KAAA;IAEhB,OAAO,GAAG,sRAAA,4BAEN,EAEuB,6BAEL,EAAY,wBACf,EAAe,6BAE9B,EAAsB,oCAGpB,EAAU,eAEZ,EAA0B,UAE1B,EAA8B,QAC9B,EAA8B,QAC9B,EAAmD,MACtD,KAjBG,YAAY,KAAK,WAAW;QAC5B,CAAC,CAAC,oBAAoB,EAAE;QACxB,CAAC,CAAC,mBAAmB,EAAE,EAEL,MAAM,CAAC,KAAK,EACf,YAAY,CAAC,EAAE,EAE9B,SAAS,CAAC,CAAC,EAAE,QAAQ,CAAC,EAGpB,QAAQ,EAAE,EAEZ,QAAQ,CAAC,CAAC,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAC,EAAE,EAE1B,SAAS,CAAC,CAAC,CAAC,WAAW,EAAE,CAAC,CAAC,CAAC,EAAE,EAC9B,SAAS,CAAC,CAAC,CAAC,WAAW,EAAE,CAAC,CAAC,CAAC,EAAE,EAC9B,UAAU,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,QAAQ,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,EAAE,EACtD;AACH,CAAC,CAAA;AAED,MAAM,CAAC,IAAM,cAAc,GAAG,MAAM,CAAC,CAAC,4HAAY,MAC9C,EAAuE,iDAG1E,KAHG,UAAC,EAAgB;QAAd,YAAY,kBAAA;IAAO,OAAA,aAAa,CAAC,EAAE,YAAY,cAAA,EAAE,UAAU,EAAE,IAAI,EAAE,CAAC;AAAjD,CAAiD,CAG1E,CAAA;AAED,MAAM,CAAC,IAAM,oBAAoB,GAAG,MAAM,CAAC,GAAG,+EAE7C,MACG,EAOE,IACL,KARG,UAAC,EAAgD;QAA9C,YAAY,kBAAA,EAAE,SAAS,eAAA,EAAE,SAAS,eAAA,EAAE,QAAQ,cAAA;IAC/C,OAAA,aAAa,CAAC;QACZ,YAAY,cAAA;QACZ,SAAS,WAAA;QACT,SAAS,WAAA;QACT,QAAQ,UAAA;QACR,UAAU,EAAE,IAAI;KACjB,CAAC;AANF,CAME,CACL,CAAA;AAED,MAAM,CAAC,IAAM,sBAAsB,GAAG,MAAM,CAAC,GAAG,+EAAY,MACxD,EAAqD,IACxD,KADG,UAAC,EAAgB;QAAd,YAAY,kBAAA;IAAO,OAAA,aAAa,CAAC,EAAE,YAAY,cAAA,EAAE,CAAC;AAA/B,CAA+B,CACxD,CAAA;AAED,MAAM,CAAC,IAAM,YAAY,GAAG,MAAM,CAAC,GAAG,oKAAA,qCAEzB,EAAU,aAEjB,EAAa,yCAGlB,KALY,OAAO,CAAC,EAAE,EAEjB,aAAa,CAGlB,CAAA;AAED,MAAM,CAAC,IAAM,iBAAiB,GAAG,MAAM,CAAC,aAAa,CAAC,oRAAA,+EAGzC,EAAU,aAEjB,EAAY,sCAIZ,EAAQ,MAAO,EAAK,KAAM,EAAQ,MAAO,EAAW,KAAM,EAAQ,2BACjD,EAAU,YAEhC,KATY,OAAO,CAAC,EAAE,EAEjB,YAAY,EAIZ,QAAQ,EAAO,KAAK,EAAM,QAAQ,EAAO,WAAW,EAAM,QAAQ,EACjD,OAAO,CAAC,EAAE,CAEhC,CAAA;AAED,MAAM,CAAC,IAAM,eAAe,GAAG,MAAM,CAAC,MAAM,+WAE1C,kJAWI,EAAiB,sEAKC,EAAY,wEAMhC,EAiCK,IACR,KA7CK,iBAAiB,EAKC,MAAM,CAAC,KAAK,EAMhC,UAAC,EAAgB;QAAd,YAAY,kBAAA;IACf,OAAA,YAAY,KAAK,WAAW,IAAI,CAAC,MAAM,EAAE;QACvC,CAAC,CAAC,GAAG,0gBAAA,kQAUQ,EAAa,iMAQvB,KARU,aAAa,EAS1B,CAAC,CAAC,GAAG,yZAAA,oVAYF,IAAA;AAhCL,CAgCK,CACR,CAAA;AAED,MAAM,CAAC,IAAM,iBAAiB,GAAG,MAAM,CAAC,GAAG,uKAAA,kGAO1C,IAAA,CAAA;AAED,MAAM,CAAC,IAAM,cAAc,GAAG,MAAM,CAAC,GAAG,+LAEtC,8BAGI,EAAiB,8CAIV,EAAU,oCAEnB,EAUK,IACR,KAjBK,iBAAiB,EAIV,OAAO,CAAC,EAAE,EAEnB,UAAC,EAAgB;QAAd,YAAY,kBAAA;IACf,OAAA,YAAY,KAAK,WAAW;QAC1B,CAAC,CAAC,GAAG,+MAAA,0IAKF,KACH,CAAC,CAAC,GAAG,+GAAA,0CAEF,IAAA;AATL,CASK,CACR,CAAA"}