@procore/core-react 10.16.1-rc.3 → 10.17.0-cmf.beta.1

package/dist/esm/components/TieredSelect/TieredSelectMenu.js

@@ -0,0 +1,265 @@
+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) {
+    for (var i = 0, il = from.length, j = to.length; i < il; i++, j++)
+        to[j] = from[i];
+    return to;
+};
+import { ChevronRight, Help, Home, Plus } from '@procore/core-icons/dist';
+import React from 'react';
+import { Box } from '../../layouts/Box';
+import { FlexList } from '../../layouts/FlexList';
+import { useI18nContext } from '../../state/I18n';
+import { Breadcrumbs } from '../Breadcrumbs';
+import { Button } from '../Button';
+import { Input } from '../Input';
+import { MenuImperative } from '../MenuImperative';
+import { CloseOnFocus, useOverlayTriggerContext } from '../OverlayTrigger';
+import Spinner from '../Spinner';
+import Tooltip from '../Tooltip';
+import { Typography } from '../Typography/Typography';
+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);
+}
+export var TieredSelectMenu = React.forwardRef(function TieredSelectMenu(_a, ref) {
+    var children = _a.children, currentTier = _a.currentTier, loading = _a.loading, loadingMore = _a.loadingMore, menuRef = _a.menuRef, onChange = _a.onChange, onNavigate = _a.onNavigate, onSearch = _a.onSearch, options = _a.options, previousValue = _a.previousValue, value = _a.value, props = __rest(_a, ["children", "currentTier", "loading", "loadingMore", "menuRef", "onChange", "onNavigate", "onSearch", "options", "previousValue", "value"]);
+    var _b = React.useContext(TieredSelectContext), getGroupId = _b.getGroupId, getId = _b.getId, getLabel = _b.getLabel, getNextGroupId = _b.getNextGroupId, i18nScope = _b.i18nScope, isTierDisabled = _b.isTierDisabled, onQuickCreate = _b.onQuickCreate, onScrollBottom = _b.onScrollBottom;
+    var quickCreateRef = React.useRef(null);
+    var hide = useOverlayTriggerContext().hide;
+    var I18n = useI18nContext();
+    var _c = React.useState(false), isQuickCreating = _c[0], setIsQuickCreating = _c[1];
+    var _d = React.useState(''), searchValue = _d[0], setSearchValue = _d[1];
+    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)), [tier]) : __spreadArray(__spreadArray([], value), [tier]);
+            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;
+        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 (isDisabled) {
+            return;
+        }
+        if (e.key === 'Right' || e.key === 'ArrowRight') {
+            onNavigateForward(tier);
+        }
+        else if (e.key === 'Left' || e.key === 'ArrowLeft') {
+            onNavigateBackward();
+        }
+    }
+    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)), [selection.item]) : __spreadArray(__spreadArray([], value), [selection.item]);
+            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 RenderMenuItem(_a) {
+        var tier = _a.tier, index = _a.index;
+        var tooltip = (isTierDisabled === null || isTierDisabled === void 0 ? void 0 : isTierDisabled(tier)) || false;
+        var isDisabled = Boolean(tooltip);
+        var showNextTierArrow = !tooltip && (Boolean(getNextGroupId(tier)) || Boolean(onQuickCreate));
+        var overlay = typeof tooltip === 'string' ? (React.createElement(Tooltip.Content, null, tooltip)) : null;
+        return (React.createElement(Tooltip, { key: getId(tier) + "-" + index + "-tooltip", overlay: overlay, trigger: isDisabled && overlay ? 'hover' : 'none', placement: "right" },
+            React.createElement(StyledTieredSelectOption, { disabled: isDisabled, item: tier, key: getId(tier) + "-" + index, selected: isTierSelected(tier) },
+                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)))))));
+    }
+    function renderLoadingMore() {
+        return loadingMore && !loading
+            ? [
+                React.createElement(StyledTieredSelectLoadingMore, { "data-qa": "tiered-select-loading-more", key: 'tiered-select-loading-more' },
+                    React.createElement(Spinner, { size: "sm" })),
+            ]
+            : [];
+    }
+    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({ onKeyDown: onKeyDown, onScrollBottom: onScrollBottom, onSelect: onTierSelect, ref: menuRef }, props),
+                React.createElement(MenuImperative.Header, null,
+                    !isQuickCreating && (React.createElement(MenuImperative.Search, { autoComplete: "false", autoFocus: true, onChange: internalOnSearch, placeholder: I18n.t('searchPlaceholder', {
+                            scope: i18nScope,
+                        }) })),
+                    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: getId(tier) + "-" + 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-" + getId(tier) + "-" + index + "}", tier: tier, index: index })); })
+                    .concat(renderLoadingMore()))) : (React.createElement(QuickCreateInput, { autoFocus: isQuickCreating, onSubmit: onQuickCreateSubmit, placeholder: I18n.t('quickCreatePlaceholder', {
+                        scope: i18nScope,
+                    }), ref: quickCreateRef })),
+                onQuickCreate && (React.createElement(MenuImperative.Footer, { "data-something": "true" }, isQuickCreating ? (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,
+                    })))) : (React.createElement(Button, { block: true, size: "sm", icon: React.createElement(Plus, null), onClick: function () { return setIsQuickCreating(true); }, onKeyDown: handleQuickCreate }, I18n.t('quickCreateActionLabel', {
+                    scope: i18nScope,
+                }))))),
+                React.createElement(CloseOnFocus, { hide: hide })))));
+});
+//# sourceMappingURL=TieredSelectMenu.js.map

package/dist/esm/components/TieredSelect/TieredSelectMenu.js.map

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

package/dist/esm/components/Tile/Tile.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import { InteractableTileProps, SelectableTileProps, LinkTileProps, HeroTextProps, HeroMediaProps, TileProps } from './Tile.types';
+import { Props } from '../../utils/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>>;
+    HeroText: React.ForwardRefExoticComponent<HeroTextProps & React.RefAttributes<HTMLDivElement>>;
+    HeroMedia: React.ForwardRefExoticComponent<HeroMediaProps & React.RefAttributes<HTMLDivElement>>;
+};

package/dist/esm/components/Tile/Tile.js

@@ -0,0 +1,85 @@
+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 { addSubcomponents } from '../../utils/addSubcomponents';
+import { StyledLinkTile, StyledSelectableTile, StyledInteractableTile, StyledHeroMedia, StyledHeroText, StyledContent, StyledActions, StyledHeroOverlay, } from './Tile.styles';
+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;
+    return (React.createElement(StyledHeroMedia, __assign({ ref: 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;
+    return (React.createElement(StyledHeroText, __assign({ ref: ref, "$orientation": orientation }, props), children));
+});
+var Content = React.forwardRef(function Content(props, ref) {
+    return React.createElement(StyledContent, __assign({ ref: ref }, props));
+});
+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, HeroText: HeroText, HeroMedia: HeroMedia }, Tile_);
+//# sourceMappingURL=Tile.js.map

package/dist/esm/components/Tile/Tile.js.map

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

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

@@ -0,0 +1,20 @@
+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;
+}, never>;
+export declare const StyledInteractableTile: import("styled-components").StyledComponent<"div", any, StyledTile, never>;
+export declare const StyledActions: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledContent: import("styled-components").StyledComponent<"div", 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/esm/components/Tile/Tile.styles.js

@@ -0,0 +1,54 @@
+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 { borderRadius } from '../../styles/borderRadius';
+import { colors } from '../../styles/colors';
+import { spacing } from '../../styles/spacing';
+import { getShadow } from '../../styles/shadows';
+import { getFocus } from '../../styles/mixins';
+import { StyledTitle } from '../Title/Title.styles';
+import { mediaIE11Hack } from '../../styles/media';
+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 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;
+    return css(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n    display: flex;\n    flex-flow: ", " nowrap;\n    background-color: ", ";\n    border-radius: ", "px;\n    width: 100%;\n    ", "\n\n    &:focus, &.focus {\n      ", "\n    }\n\n    ", "\n    ", "\n    ", "\n  "], ["\n    display: flex;\n    flex-flow: ", " nowrap;\n    background-color: ", ";\n    border-radius: ", "px;\n    width: 100%;\n    ", "\n\n    &:focus, &.focus {\n      ", "\n    }\n\n    ", "\n    ", "\n    ", "\n  "])), $orientation === 'landscape' ? 'row' : 'column', colors.white, borderRadius.md, getShadow(1, 'bottom'), getFocus(), $disabled ? getDisabled() : '', $selected ? getSelected() : '', $hoverable && !$disabled ? getHover($selected) : '');
+};
+export var StyledLinkTile = styled.a(templateObject_5 || (templateObject_5 = __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_6 || (templateObject_6 = __makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), function (_a) {
+    var $orientation = _a.$orientation, $selected = _a.$selected, $disabled = _a.$disabled;
+    return getTileStyles({
+        $orientation: $orientation,
+        $selected: $selected,
+        $disabled: $disabled,
+        $hoverable: true,
+    });
+});
+export var StyledInteractableTile = styled.div(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), function (_a) {
+    var $orientation = _a.$orientation;
+    return getTileStyles({ $orientation: $orientation });
+});
+export var StyledActions = styled.div(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n  display: flex;\n  justify-content: flex-end;\n  * + & {\n    margin-top: ", "px;\n  }\n\n  > * + * {\n    margin-left: ", "px;\n  }\n"], ["\n  display: flex;\n  justify-content: flex-end;\n  * + & {\n    margin-top: ", "px;\n  }\n\n  > * + * {\n    margin-left: ", "px;\n  }\n"])), spacing.lg, spacing.sm);
+export var StyledContent = styled.div(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n  padding: ", "px;\n  flex: 1 1 auto;\n\n  ", ":not(:last-child) {\n    margin-bottom: ", "px;\n  }\n"], ["\n  padding: ", "px;\n  flex: 1 1 auto;\n\n  ", ":not(:last-child) {\n    margin-bottom: ", "px;\n  }\n"])), spacing.lg, StyledTitle, spacing.lg);
+export var StyledHeroMedia = styled.figure(templateObject_12 || (templateObject_12 = __makeTemplateObject(["\n  display: flex;\n  margin: 0;\n  position: relative;\n  overflow: hidden;\n  > video {\n    background-color: ", ";\n  }\n  > img, > picture > img {\n    object-fit: cover;\n  }\n  ", "}\n"], ["\n  display: flex;\n  margin: 0;\n  position: relative;\n  overflow: hidden;\n  > video {\n    background-color: ", ";\n  }\n  > img, > picture > img {\n    object-fit: cover;\n  }\n  ", "}\n"])), colors.black, function (_a) {
+    var $orientation = _a.$orientation;
+    return $orientation === 'landscape'
+        ? css(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n          flex: 0 0 33%;\n          position: relative;\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          flex: 0 0 33%;\n          position: relative;\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_11 || (templateObject_11 = __makeTemplateObject(["\n          minheight: '156px';\n          maxheight: '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          minheight: '156px';\n          maxheight: '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_13 || (templateObject_13 = __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_16 || (templateObject_16 = __makeTemplateObject(["\n  padding: ", "px;\n  border-radius: inherit;\n  ", "}\n"], ["\n  padding: ", "px;\n  border-radius: inherit;\n  ", "}\n"])), spacing.lg, function (_a) {
+    var $orientation = _a.$orientation;
+    return $orientation === 'landscape'
+        ? css(templateObject_14 || (templateObject_14 = __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_15 || (templateObject_15 = __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;
+//# sourceMappingURL=Tile.styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Tile.styles.js","sourceRoot":"","sources":["../../../../src/components/Tile/Tile.styles.tsx"],"names":[],"mappings":";;;;AAAA,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AAC/C,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAA;AACxD,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAA;AAC5C,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAA;AAC9C,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAA;AAChD,OAAO,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAA;AAE9C,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAA;AACnD,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAA;AAMlD,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;AAQD,IAAM,aAAa,GAAG,UAAC,EAKF;QAJnB,YAAY,kBAAA,EACZ,iBAAiB,EAAjB,SAAS,mBAAG,KAAK,KAAA,EACjB,kBAAkB,EAAlB,UAAU,mBAAG,KAAK,KAAA,EAClB,iBAAiB,EAAjB,SAAS,mBAAG,KAAK,KAAA;IAEjB,OAAO,GAAG,4RAAA,uCAEK,EAA+C,kCACxC,EAAY,wBACf,EAAe,6BAE9B,EAAsB,oCAGpB,EAAU,iBAGZ,EAA8B,QAC9B,EAA8B,QAC9B,EAAmD,MACtD,KAbc,YAAY,KAAK,WAAW,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,QAAQ,EACxC,MAAM,CAAC,KAAK,EACf,YAAY,CAAC,EAAE,EAE9B,SAAS,CAAC,CAAC,EAAE,QAAQ,CAAC,EAGpB,QAAQ,EAAE,EAGZ,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,EAME,IACL,KAPG,UAAC,EAAsC;QAApC,YAAY,kBAAA,EAAE,SAAS,eAAA,EAAE,SAAS,eAAA;IACrC,OAAA,aAAa,CAAC;QACZ,YAAY,cAAA;QACZ,SAAS,WAAA;QACT,SAAS,WAAA;QACT,UAAU,EAAE,IAAI;KACjB,CAAC;AALF,CAKE,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,aAAa,GAAG,MAAM,CAAC,GAAG,8MAAA,+EAIrB,EAAU,4CAIT,EAAU,YAE5B,KANiB,OAAO,CAAC,EAAE,EAIT,OAAO,CAAC,EAAE,CAE5B,CAAA;AAED,MAAM,CAAC,IAAM,aAAa,GAAG,MAAM,CAAC,GAAG,4KAAA,eAC1B,EAAU,8BAGnB,EAAW,0CACM,EAAU,YAE9B,KANY,OAAO,CAAC,EAAE,EAGnB,WAAW,EACM,OAAO,CAAC,EAAE,CAE9B,CAAA;AAED,MAAM,CAAC,IAAM,eAAe,GAAG,MAAM,CAAC,MAAM,sQAE1C,mHAMsB,EAAY,qEAKhC,EAmCK,KACR,KAzCuB,MAAM,CAAC,KAAK,EAKhC,UAAC,EAAgB;QAAd,YAAY,kBAAA;IACf,OAAA,YAAY,KAAK,WAAW;QAC1B,CAAC,CAAC,GAAG,mkBAAA,2TAYQ,EAAa,iMAQvB,KARU,aAAa,EAS1B,CAAC,CAAC,GAAG,2ZAAA,sVAYF,IAAA;AAlCL,CAkCK,CACR,CAAA;AAED,MAAM,CAAC,IAAM,iBAAiB,GAAG,MAAM,CAAC,GAAG,uKAAA,kGAO1C,IAAA,CAAA;AAED,MAAM,CAAC,IAAM,cAAc,GAAG,MAAM,CAAC,GAAG,iIAEtC,eACW,EAAU,oCAEnB,EAUK,KACR,KAbY,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"}

package/dist/esm/components/Tile/Tile.types.d.ts

@@ -0,0 +1,24 @@
+import { AnchorAttributes, DivAttributes, Props } from '../../utils/types';
+import React from 'react';
+export interface HeroTextProps extends Props {
+}
+export interface HeroMediaProps extends Props {
+    overlay?: boolean;
+    onOverlayClick?: React.MouseEventHandler<HTMLDivElement>;
+}
+export interface TileCommonProps extends Props {
+    orientation: 'portrait' | 'landscape';
+}
+export interface InteractableTileProps extends TileCommonProps, DivAttributes {
+    variant?: 'interactive';
+}
+export interface LinkTileProps extends TileCommonProps, AnchorAttributes {
+    variant?: 'link';
+}
+export interface SelectableTileProps extends TileCommonProps, Omit<DivAttributes, 'onClick'> {
+    variant?: 'selectable';
+    onClick?: () => {};
+    selected?: boolean;
+    disabled?: boolean;
+}
+export declare type TileProps = SelectableTileProps | InteractableTileProps | LinkTileProps;

package/dist/esm/components/Tile/Tile.types.js

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

package/dist/esm/components/Tile/Tile.types.js.map

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

package/dist/esm/components/Tile/index.d.ts

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

package/dist/esm/components/Tile/index.js

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

package/dist/esm/components/Tile/index.js.map

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

package/dist/esm/components/Tile/mocks/iframe.d.ts

@@ -0,0 +1,2 @@
+declare const iframe: JSX.Element;
+export default iframe;

package/dist/esm/components/Tile/mocks/iframe.js

@@ -0,0 +1,5 @@
+import React from 'react';
+var iframeHtml = "\n<html style=\"\n    height: 100%;\n    width: 100%;\n\">\n    <head></head>\n    <body style=\"\n      height: 100%;\n      width: 100%;\n      margin: 0;\n    \">\n        <video style=\"width: 100%;height: 100%;position: absolute;background: black;\" top:=\"\" 0;=\"\" left:=\"\">\n            <source src=\"static/media/src/components/Tile/mocks/video.mp4\" type=\"video/mp4\">\n            Your browser doesn't support HTML5 video tag.\n        </video>\n    </body>\n</html>";
+var iframe = (React.createElement("iframe", { width: "400px", height: "225px", srcDoc: iframeHtml, title: "Video player", frameBorder: "0" }));
+export default iframe;
+//# sourceMappingURL=iframe.js.map

package/dist/esm/components/Tile/mocks/iframe.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"iframe.js","sourceRoot":"","sources":["../../../../../src/components/Tile/mocks/iframe.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,IAAM,UAAU,GAAG,meAgBX,CAAA;AAER,IAAM,MAAM,GAAG,CACb,gCACE,KAAK,EAAC,OAAO,EACb,MAAM,EAAC,OAAO,EACd,MAAM,EAAE,UAAU,EAClB,KAAK,EAAC,cAAc,EACpB,WAAW,EAAC,GAAG,GACf,CACH,CAAA;AAED,eAAe,MAAM,CAAA"}

package/dist/esm/components/Tile/mocks/svg.d.ts

@@ -0,0 +1,2 @@
+declare const svg: JSX.Element;
+export default svg;