@homebound/beam 2.378.1 → 2.379.0

package/dist/components/Accordion.d.ts

@@ -1,32 +0,0 @@
-import { Dispatch, ReactNode, SetStateAction } from "react";
-import { Only, Padding, Xss } from "../Css";
-type AccordionXss = Xss<Padding>;
-export interface AccordionProps<X = AccordionXss> {
-    title: ReactNode;
-    children: ReactNode;
-    disabled?: boolean;
-    defaultExpanded?: boolean;
-    size?: AccordionSize;
-    /** Adds a top border (enabled by default) */
-    topBorder?: boolean;
-    /** Adds a bottom border (disabled by default) */
-    bottomBorder?: boolean;
-    /**
-     * Used by AccordionList
-     * Allows multiple accordions to be expanded simultaneously (enabled by default)
-     */
-    index?: number;
-    setExpandedIndex?: Dispatch<SetStateAction<number | undefined>>;
-    /** Turns the title into a button. If provided, disables expand/collapse on title text */
-    titleOnClick?: VoidFunction;
-    /** Used by Accordion list. Sets default padding to 0 for nested accordions */
-    omitPadding?: boolean;
-    /** Styles overrides for padding */
-    xss?: X;
-    /** Modifies the typography, padding, icon size and background color of the accordion header */
-    compact?: boolean;
-}
-export declare function Accordion<X extends Only<AccordionXss, X>>(props: AccordionProps<X>): import("@emotion/react/jsx-runtime").JSX.Element;
-export type AccordionSize = "xs" | "sm" | "md" | "lg";
-export {};
-//# sourceMappingURL=Accordion.d.ts.map

package/dist/components/Accordion.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Accordion.d.ts","sourceRoot":"","sources":["../../src/components/Accordion.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,cAAc,EAAqD,MAAM,OAAO,CAAC;AAG/G,OAAO,EAAO,IAAI,EAAE,OAAO,EAAW,GAAG,EAAE,eAAgB;AAG3D,KAAK,YAAY,GAAG,GAAG,CAAC,OAAO,CAAC,CAAC;AAEjC,MAAM,WAAW,cAAc,CAAC,CAAC,GAAG,YAAY;IAC9C,KAAK,EAAE,SAAS,CAAC;IACjB,QAAQ,EAAE,SAAS,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB,6CAA6C;IAC7C,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,iDAAiD;IACjD,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,gBAAgB,CAAC,EAAE,QAAQ,CAAC,cAAc,CAAC,MAAM,GAAG,SAAS,CAAC,CAAC,CAAC;IAChE,yFAAyF;IACzF,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B,8EAA8E;IAC9E,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,mCAAmC;IACnC,GAAG,CAAC,EAAE,CAAC,CAAC;IACR,+FAA+F;IAC/F,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,wBAAgB,SAAS,CAAC,CAAC,SAAS,IAAI,CAAC,YAAY,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,cAAc,CAAC,CAAC,CAAC,oDAiHlF;AAgBD,MAAM,MAAM,aAAa,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC"}

package/dist/components/Accordion.js

@@ -1,69 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Accordion = Accordion;
-const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
-const utils_1 = require("@react-aria/utils");
-const react_1 = require("react");
-const react_aria_1 = require("react-aria");
-const Icon_1 = require("./Icon");
-const Css_1 = require("../Css");
-const utils_2 = require("../utils");
-function Accordion(props) {
-    const { title, children, size, disabled = false, defaultExpanded = false, compact = false, topBorder = compact ? false : true, bottomBorder = false, index, setExpandedIndex, titleOnClick, omitPadding = false, xss, } = props;
-    const tid = (0, utils_2.useTestIds)(props, "accordion");
-    const id = (0, utils_1.useId)();
-    const [expanded, setExpanded] = (0, react_1.useState)(defaultExpanded && !disabled);
-    const { isFocusVisible, focusProps } = (0, react_aria_1.useFocusRing)();
-    const contentRef = (0, react_1.useRef)(null);
-    // On initial render, if the accordion is expanded, then set `height` to auto to avoid unnecessary animation on render.
-    const [contentHeight, setContentHeight] = (0, react_1.useState)(expanded ? "auto" : "0");
-    (0, react_1.useEffect)(() => {
-        setExpanded(defaultExpanded && !disabled);
-    }, [defaultExpanded, disabled]);
-    (0, react_1.useEffect)(() => {
-        // When the `expanded` value changes - If true, it means the Accordion's content has been rendered, Otherwise, it's been hidden
-        // Then when the content is displayed, the calculate its height so we can give this value to the container to animate height smoothly.
-        // When content is removed, simply set the height back to 0
-        setContentHeight(expanded && contentRef.current ? `${contentRef.current.scrollHeight}px` : "0");
-    }, [expanded]);
-    // Using a resizing observer to check if the content of the accordion changes (i.e. lazy loaded image, auto-sizing textarea, etc..),
-    // If it does change, then we need to update the container's height accordingly. Only update the height if the accordion is expanded.
-    // Note - This may result in two `setContentHeight` calls when the accordion opens: (1) via the above `useEffect` and (2) in `onResize`
-    //        Both `setContentHeight` calls _should_ set the same value, so no unnecessary re-renders would be triggered, making this a harmless additional set call.
-    const onResize = (0, react_1.useCallback)(() => {
-        if (contentRef.current && expanded) {
-            setContentHeight(`${contentRef.current.scrollHeight}px`);
-        }
-    }, [expanded, setContentHeight]);
-    (0, utils_1.useResizeObserver)({ ref: contentRef, onResize });
-    const toggle = (0, react_1.useCallback)(() => {
-        setExpanded((prev) => !prev);
-        if (setExpandedIndex)
-            setExpandedIndex(index);
-    }, [index, setExpandedIndex]);
-    const touchableStyle = (0, react_1.useMemo)(() => ({
-        ...Css_1.Css.df.jcsb.gapPx(12).aic.p2.baseMd.outline("none").onHover.bgGray100.if(!!titleOnClick).baseSb.$,
-        ...(compact && Css_1.Css.smMd.pl2.prPx(10).py1.bgGray100.mbPx(4).br8.onHover.bgGray200.$),
-        ...(compact && !!titleOnClick && Css_1.Css.br0.$),
-        ...(disabled && Css_1.Css.gray500.$),
-        ...(isFocusVisible && Css_1.Css.boxShadow(`inset 0 0 0 2px ${Css_1.Palette.Blue700}`).$),
-        ...xss,
-    }), [compact, disabled, isFocusVisible, titleOnClick, xss]);
-    return ((0, jsx_runtime_1.jsxs)("div", { ...tid.container, css: {
-            ...Css_1.Css.bcGray300.if(topBorder).bt.if(bottomBorder).bb.$,
-            ...(size ? Css_1.Css.wPx(accordionSizes[size]).$ : {}),
-        }, children: [titleOnClick ? ((0, jsx_runtime_1.jsxs)("div", { ...focusProps, "aria-controls": id, "aria-expanded": expanded, css: Css_1.Css.df.$, children: [(0, jsx_runtime_1.jsx)("button", { ...tid.title, disabled: disabled, css: { ...touchableStyle, ...Css_1.Css.fg1.$ }, onClick: titleOnClick, children: title }), (0, jsx_runtime_1.jsx)("button", { ...tid.toggle, disabled: disabled, css: { ...touchableStyle, ...Css_1.Css.px2.jcfe.if(compact).pxPx(10).$ }, onClick: toggle, children: (0, jsx_runtime_1.jsx)(RotatingChevronIcon, { expanded: expanded }) })] })) : ((0, jsx_runtime_1.jsxs)("button", { ...tid.title, ...focusProps, "aria-controls": id, "aria-expanded": expanded, disabled: disabled, css: { ...Css_1.Css.w100.$, ...touchableStyle }, onClick: toggle, children: [(0, jsx_runtime_1.jsx)("span", { css: Css_1.Css.fg1.tal.$, children: title }), (0, jsx_runtime_1.jsx)(RotatingChevronIcon, { expanded: expanded })] })), (0, jsx_runtime_1.jsx)("div", { ...tid.details, id: id, "aria-hidden": !expanded, css: Css_1.Css.oh.h(contentHeight).add("transition", "height 250ms ease-in-out").$, children: expanded && ((0, jsx_runtime_1.jsx)("div", { css: Css_1.Css.px2.pb2.pt1.if(omitPadding).p0.$, ref: contentRef, ...tid.content, children: children })) })] }));
-}
-function RotatingChevronIcon(props) {
-    return ((0, jsx_runtime_1.jsx)("span", { css: {
-            ...Css_1.Css.fs0.$,
-            transition: "transform 250ms linear",
-            transform: props.expanded ? "rotate(180deg)" : "rotate(0deg)",
-        }, children: (0, jsx_runtime_1.jsx)(Icon_1.Icon, { icon: "chevronDown" }) }));
-}
-const accordionSizes = {
-    xs: 240,
-    sm: 360,
-    md: 480,
-    lg: 600,
-};

package/dist/components/AccordionList.d.ts

@@ -1,12 +0,0 @@
-import { AccordionProps, AccordionSize } from "./Accordion";
-interface AccordionListProps {
-    accordions: AccordionProps[];
-    /** Allows multiple accordions to be expanded simultaneously (enabled by default) */
-    allowMultipleExpanded?: boolean;
-    size?: AccordionSize;
-    /** Modifies the typography, padding, icon size and background color of the accordion header */
-    compact?: boolean;
-}
-export declare function AccordionList(props: AccordionListProps): import("@emotion/react/jsx-runtime").JSX.Element;
-export {};
-//# sourceMappingURL=AccordionList.d.ts.map

package/dist/components/AccordionList.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"AccordionList.d.ts","sourceRoot":"","sources":["../../src/components/AccordionList.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAa,cAAc,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAEvE,UAAU,kBAAkB;IAC1B,UAAU,EAAE,cAAc,EAAE,CAAC;IAC7B,oFAAoF;IACpF,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB,+FAA+F;IAC/F,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,wBAAgB,aAAa,CAAC,KAAK,EAAE,kBAAkB,oDAwBtD"}

package/dist/components/AccordionList.js

@@ -1,14 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.AccordionList = AccordionList;
-const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
-const react_1 = require("@emotion/react");
-const react_2 = require("react");
-const __1 = require("..");
-const Accordion_1 = require("./Accordion");
-function AccordionList(props) {
-    const { accordions, size, allowMultipleExpanded = true, compact = false } = props;
-    const [expandedIndex, setExpandedIndex] = (0, react_2.useState)(accordions.findIndex((a) => a.defaultExpanded));
-    const tid = (0, __1.useTestIds)(props, "accordionList");
-    return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: accordions.map((accordionProps, index, arr) => ((0, react_1.createElement)(Accordion_1.Accordion, { ...accordionProps, ...tid, compact: compact, key: index, size: size, bottomBorder: compact ? false : index === arr.length - 1, defaultExpanded: !allowMultipleExpanded && expandedIndex === index, index: index, setExpandedIndex: setExpandedIndex }))) }));
-}

package/dist/components/AutoSaveIndicator.d.ts

@@ -1,7 +0,0 @@
-interface AutoSaveIndicatorProps {
-    hideOnIdle?: boolean;
-    doNotReset?: boolean;
-}
-export declare function AutoSaveIndicator({ hideOnIdle, doNotReset }: AutoSaveIndicatorProps): import("@emotion/react/jsx-runtime").JSX.Element | null;
-export {};
-//# sourceMappingURL=AutoSaveIndicator.d.ts.map

package/dist/components/AutoSaveIndicator.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"AutoSaveIndicator.d.ts","sourceRoot":"","sources":["../../src/components/AutoSaveIndicator.tsx"],"names":[],"mappings":"AAMA,UAAU,sBAAsB;IAC9B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,wBAAgB,iBAAiB,CAAC,EAAE,UAAU,EAAE,UAAU,EAAE,EAAE,sBAAsB,2DAwCnF"}

package/dist/components/AutoSaveIndicator.js

@@ -1,45 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.AutoSaveIndicator = AutoSaveIndicator;
-const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
-const react_1 = require("react");
-const Css_1 = require("../Css");
-const types_1 = require("../types");
-const _1 = require(".");
-const Icon_1 = require("./Icon");
-function AutoSaveIndicator({ hideOnIdle, doNotReset }) {
-    const { status, resetStatus, errors } = (0, _1.useAutoSaveStatus)();
-    (0, react_1.useEffect)(() => {
-        if (doNotReset)
-            return;
-        /**
-         * Any time AutoSaveIndicator dismounts, most likely on Page Navigation,
-         * state should clear before the next Indicator mounts
-         */
-        return () => resetStatus();
-    }, 
-    // TODO: validate this eslint-disable. It was automatically ignored as part of https://app.shortcut.com/homebound-team/story/40033/enable-react-hooks-exhaustive-deps-for-react-projects
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    []);
-    switch (status) {
-        case _1.AutoSaveStatus.IDLE:
-            return hideOnIdle ? null : (0, jsx_runtime_1.jsx)(Indicator, { icon: "cloudSave" });
-        case _1.AutoSaveStatus.SAVING:
-            return (0, jsx_runtime_1.jsx)(Indicator, { icon: "refresh", text: "Saving..." });
-        case _1.AutoSaveStatus.DONE:
-            return (0, jsx_runtime_1.jsx)(Indicator, { icon: "cloudSave", text: "Saved" });
-        case _1.AutoSaveStatus.ERROR:
-            return (
-            /**
-             * Tooltip is expanding to fill as much available space as it can, possibly
-             * rendering it far away from the Icon/Text. Wrap it with a div to constrain
-             * it.
-             */
-            (0, jsx_runtime_1.jsx)("div", { css: Css_1.Css.dif.$, children: (0, jsx_runtime_1.jsx)(_1.Tooltip, { title: String(errors), placement: "bottom", children: (0, jsx_runtime_1.jsx)(Indicator, { icon: "error", color: Css_1.Palette.Red500, text: "Error saving" }) }) }));
-        default:
-            (0, types_1.assertNever)(status);
-    }
-}
-function Indicator({ text, icon, color }) {
-    return ((0, jsx_runtime_1.jsxs)("div", { "data-testid": "autoSave", css: Css_1.Css.df.gap1.aic.gray700.smMd.$, children: [(0, jsx_runtime_1.jsx)(Icon_1.Icon, { icon: icon, color: color }), text] }));
-}

package/dist/components/AutoSaveStatus/AutoSaveStatusProvider.d.ts

@@ -1,25 +0,0 @@
-import React, { PropsWithChildren } from "react";
-export declare enum AutoSaveStatus {
-    IDLE = "idle",
-    SAVING = "saving",
-    DONE = "done",
-    ERROR = "error"
-}
-export interface AutoSaveStatusContextType {
-    status: AutoSaveStatus;
-    /** Resets status to IDLE, particularly useful if "Error" or "Done" is stale */
-    resetStatus: VoidFunction;
-    errors: unknown[];
-    /** Notifies AutoSaveContext that a request is in-flight */
-    triggerAutoSave: VoidFunction;
-    /** Notifies AutoSaveContext that a request has settled, optionally taking an error */
-    resolveAutoSave: (error?: unknown) => void;
-}
-export declare const AutoSaveStatusContext: React.Context<AutoSaveStatusContextType>;
-type AutoSaveStatusProviderProps = PropsWithChildren<{
-    /** After a successful save, reset Status back to `Idle` after this many milliseconds */
-    resetToIdleTimeout?: number;
-}>;
-export declare function AutoSaveStatusProvider({ children, resetToIdleTimeout }: AutoSaveStatusProviderProps): import("@emotion/react/jsx-runtime").JSX.Element;
-export {};
-//# sourceMappingURL=AutoSaveStatusProvider.d.ts.map

package/dist/components/AutoSaveStatus/AutoSaveStatusProvider.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"AutoSaveStatusProvider.d.ts","sourceRoot":"","sources":["../../../src/components/AutoSaveStatus/AutoSaveStatusProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,iBAAiB,EAAqD,MAAM,OAAO,CAAC;AAEpG,oBAAY,cAAc;IACxB,IAAI,SAAS;IACb,MAAM,WAAW;IACjB,IAAI,SAAS;IACb,KAAK,UAAU;CAChB;AAED,MAAM,WAAW,yBAAyB;IACxC,MAAM,EAAE,cAAc,CAAC;IACvB,+EAA+E;IAC/E,WAAW,EAAE,YAAY,CAAC;IAC1B,MAAM,EAAE,OAAO,EAAE,CAAC;IAClB,2DAA2D;IAC3D,eAAe,EAAE,YAAY,CAAC;IAC9B,sFAAsF;IACtF,eAAe,EAAE,CAAC,KAAK,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;CAC5C;AAED,eAAO,MAAM,qBAAqB,0CAMhC,CAAC;AAEH,KAAK,2BAA2B,GAAG,iBAAiB,CAAC;IACnD,wFAAwF;IACxF,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC7B,CAAC,CAAC;AAEH,wBAAgB,sBAAsB,CAAC,EAAE,QAAQ,EAAE,kBAA0B,EAAE,EAAE,2BAA2B,oDAmD3G"}

package/dist/components/AutoSaveStatus/AutoSaveStatusProvider.js

@@ -1,89 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.AutoSaveStatusContext = exports.AutoSaveStatus = void 0;
-exports.AutoSaveStatusProvider = AutoSaveStatusProvider;
-const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
-const react_1 = __importStar(require("react"));
-var AutoSaveStatus;
-(function (AutoSaveStatus) {
-    AutoSaveStatus["IDLE"] = "idle";
-    AutoSaveStatus["SAVING"] = "saving";
-    AutoSaveStatus["DONE"] = "done";
-    AutoSaveStatus["ERROR"] = "error";
-})(AutoSaveStatus || (exports.AutoSaveStatus = AutoSaveStatus = {}));
-exports.AutoSaveStatusContext = react_1.default.createContext({
-    status: AutoSaveStatus.IDLE,
-    resetStatus() { },
-    errors: [],
-    triggerAutoSave() { },
-    resolveAutoSave() { },
-});
-function AutoSaveStatusProvider({ children, resetToIdleTimeout = 6_000 }) {
-    const [status, setStatus] = (0, react_1.useState)(AutoSaveStatus.IDLE);
-    const [errors, setErrors] = (0, react_1.useState)([]);
-    const [inFlight, setInFlight] = (0, react_1.useState)(0);
-    const resetToIdleTimeoutRef = (0, react_1.useRef)(null);
-    /** Handles setting Status */
-    (0, react_1.useEffect)(() => {
-        if (inFlight > 0)
-            return setStatus(AutoSaveStatus.SAVING);
-        if (status === AutoSaveStatus.IDLE)
-            return;
-        if (errors.length)
-            return setStatus(AutoSaveStatus.ERROR);
-        return setStatus(AutoSaveStatus.DONE);
-    }, [errors.length, inFlight, status]);
-    const triggerAutoSave = (0, react_1.useCallback)(() => {
-        setInFlight((c) => c + 1);
-        setErrors([]);
-    }, []);
-    const resolveAutoSave = (0, react_1.useCallback)((error) => {
-        setInFlight((c) => Math.max(0, c - 1));
-        if (error)
-            setErrors((errs) => errs.concat(error));
-    }, []);
-    const resetStatus = (0, react_1.useCallback)(() => {
-        setStatus(AutoSaveStatus.IDLE);
-        setErrors([]);
-    }, []);
-    /** Resets AutoSaveStatus from "Done" to "Idle" after a timeout, if one is provided */
-    (0, react_1.useEffect)(() => {
-        if (resetToIdleTimeout === undefined)
-            return;
-        // Specifically avoid auto-reset if Errors are present
-        if (status !== AutoSaveStatus.DONE)
-            return;
-        // Only run the latest Timeout
-        if (resetToIdleTimeoutRef.current)
-            clearTimeout(resetToIdleTimeoutRef.current);
-        resetToIdleTimeoutRef.current = window.setTimeout(() => {
-            resetStatus();
-            resetToIdleTimeoutRef.current = null;
-        }, resetToIdleTimeout);
-    }, [resetStatus, resetToIdleTimeout, status]);
-    const value = (0, react_1.useMemo)(() => ({ status, resetStatus, errors, triggerAutoSave, resolveAutoSave }), [errors, resetStatus, resolveAutoSave, status, triggerAutoSave]);
-    return (0, jsx_runtime_1.jsx)(exports.AutoSaveStatusContext.Provider, { value: value, children: children });
-}

package/dist/components/AutoSaveStatus/index.d.ts

@@ -1,3 +0,0 @@
-export { AutoSaveStatus, AutoSaveStatusContext, AutoSaveStatusProvider } from "./AutoSaveStatusProvider";
-export { useAutoSaveStatus } from "./useAutoSaveStatus";
-//# sourceMappingURL=index.d.ts.map

package/dist/components/AutoSaveStatus/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/AutoSaveStatus/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,qBAAqB,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AACzG,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC"}

package/dist/components/AutoSaveStatus/index.js

@@ -1,9 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useAutoSaveStatus = exports.AutoSaveStatusProvider = exports.AutoSaveStatusContext = exports.AutoSaveStatus = void 0;
-var AutoSaveStatusProvider_1 = require("./AutoSaveStatusProvider");
-Object.defineProperty(exports, "AutoSaveStatus", { enumerable: true, get: function () { return AutoSaveStatusProvider_1.AutoSaveStatus; } });
-Object.defineProperty(exports, "AutoSaveStatusContext", { enumerable: true, get: function () { return AutoSaveStatusProvider_1.AutoSaveStatusContext; } });
-Object.defineProperty(exports, "AutoSaveStatusProvider", { enumerable: true, get: function () { return AutoSaveStatusProvider_1.AutoSaveStatusProvider; } });
-var useAutoSaveStatus_1 = require("./useAutoSaveStatus");
-Object.defineProperty(exports, "useAutoSaveStatus", { enumerable: true, get: function () { return useAutoSaveStatus_1.useAutoSaveStatus; } });

package/dist/components/AutoSaveStatus/useAutoSaveStatus.d.ts

@@ -1,12 +0,0 @@
-/**
- * Provides access to the current auto-save status, i.e. idle/saving/done.
- *
- * Applications should generally instrument their network layer, i.e. GraphQL
- * mutations, to automatically update the auto-save status on any wire call,
- * and then just use this `useAutoSaveStatus` to "show spinners" in appropriate
- * places.
- *
- * See the `apolloHooks.ts` file in `internal-frontend` for an example.
- */
-export declare function useAutoSaveStatus(): import("./AutoSaveStatusProvider").AutoSaveStatusContextType;
-//# sourceMappingURL=useAutoSaveStatus.d.ts.map

package/dist/components/AutoSaveStatus/useAutoSaveStatus.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useAutoSaveStatus.d.ts","sourceRoot":"","sources":["../../../src/components/AutoSaveStatus/useAutoSaveStatus.ts"],"names":[],"mappings":"AAGA;;;;;;;;;GASG;AACH,wBAAgB,iBAAiB,iEAEhC"}

package/dist/components/AutoSaveStatus/useAutoSaveStatus.js

@@ -1,18 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useAutoSaveStatus = useAutoSaveStatus;
-const react_1 = require("react");
-const AutoSaveStatusProvider_1 = require("./AutoSaveStatusProvider");
-/**
- * Provides access to the current auto-save status, i.e. idle/saving/done.
- *
- * Applications should generally instrument their network layer, i.e. GraphQL
- * mutations, to automatically update the auto-save status on any wire call,
- * and then just use this `useAutoSaveStatus` to "show spinners" in appropriate
- * places.
- *
- * See the `apolloHooks.ts` file in `internal-frontend` for an example.
- */
-function useAutoSaveStatus() {
-    return (0, react_1.useContext)(AutoSaveStatusProvider_1.AutoSaveStatusContext);
-}

package/dist/components/Avatar/Avatar.d.ts

@@ -1,10 +0,0 @@
-export interface AvatarProps {
-    src: string | undefined;
-    name?: string;
-    size?: AvatarSize;
-    showName?: boolean;
-    disableTooltip?: boolean;
-}
-export declare function Avatar({ src, name, size, showName, disableTooltip, ...others }: AvatarProps): import("@emotion/react/jsx-runtime").JSX.Element;
-export type AvatarSize = "sm" | "md" | "lg" | "xl";
-//# sourceMappingURL=Avatar.d.ts.map

package/dist/components/Avatar/Avatar.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Avatar.d.ts","sourceRoot":"","sources":["../../../src/components/Avatar/Avatar.tsx"],"names":[],"mappings":"AAMA,MAAM,WAAW,WAAW;IAC1B,GAAG,EAAE,MAAM,GAAG,SAAS,CAAC;IACxB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B;AAED,wBAAgB,MAAM,CAAC,EAAE,GAAG,EAAE,IAAI,EAAE,IAAW,EAAE,QAAgB,EAAE,cAAsB,EAAE,GAAG,MAAM,EAAE,EAAE,WAAW,oDA8BlH;AAED,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC"}

package/dist/components/Avatar/Avatar.js

@@ -1,50 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Avatar = Avatar;
-const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
-const react_1 = require("react");
-const Icon_1 = require("../Icon");
-const Tooltip_1 = require("../Tooltip");
-const Css_1 = require("../../Css");
-const utils_1 = require("../../utils");
-function Avatar({ src, name, size = "md", showName = false, disableTooltip = false, ...others }) {
-    const tid = (0, utils_1.useTestIds)(others, "avatar");
-    const px = sizeToPixel[size];
-    const [showFallback, setShowFallback] = (0, react_1.useState)(src === undefined);
-    // Define min-width as well as width to prevent the image from shrinking when displayed within a flex-child that allows shrinking.
-    const styles = Css_1.Css.br100.wPx(px).hPx(px).mwPx(px).oh.$;
-    const img = showFallback ? ((0, jsx_runtime_1.jsx)("div", { css: { ...styles, ...Css_1.Css[sizeToFallbackTypeScale[size]].bgGray400.gray100.df.aic.jcc.$ }, ...tid, children: name ? nameToInitials(name) : (0, jsx_runtime_1.jsx)(Icon_1.Icon, { icon: "userCircle", inc: sizeToIconInc[size] }) })) : ((0, jsx_runtime_1.jsx)("img", { src: src, alt: name, css: { ...styles, ...Css_1.Css.objectCover.$ }, onError: () => setShowFallback(true), loading: "lazy", ...tid }));
-    return showName && name ? ((0, jsx_runtime_1.jsxs)("div", { css: Css_1.Css.dif.aic.gap1.if(size === "lg" || size === "xl").fdc.$, children: [img, (0, jsx_runtime_1.jsx)("span", { css: Css_1.Css[sizeToTypeScale[size]].$, children: name })] })) : ((0, Tooltip_1.maybeTooltip)({ title: disableTooltip ? undefined : name, children: img, placement: "top" }));
-}
-const sizeToPixel = {
-    sm: 24,
-    md: 36,
-    lg: 48,
-    xl: 72,
-};
-const sizeToFallbackTypeScale = {
-    sm: "tiny",
-    md: "sm",
-    lg: "lg",
-    xl: "xl3",
-};
-const sizeToIconInc = {
-    sm: 2.5,
-    md: 4,
-    lg: 5,
-    xl: 8,
-};
-const sizeToTypeScale = {
-    sm: "smMd",
-    md: "smMd",
-    lg: "base",
-    xl: "base",
-};
-function nameToInitials(name) {
-    return (name
-        .split(" ")
-        .map((n) => (n.length > 0 ? n[0].toUpperCase() : ""))
-        .join("")
-        // Return at most 3 initials
-        .slice(0, 3));
-}

package/dist/components/Avatar/AvatarButton.d.ts

@@ -1,32 +0,0 @@
-import { AriaButtonProps } from "@react-types/button";
-import { RefObject } from "react";
-import { AvatarProps } from "./Avatar";
-import { BeamButtonProps, BeamFocusableProps } from "../../interfaces";
-export interface AvatarButtonProps extends AvatarProps, BeamButtonProps, BeamFocusableProps {
-    menuTriggerProps?: AriaButtonProps;
-    buttonRef?: RefObject<HTMLButtonElement>;
-}
-export declare function AvatarButton(props: AvatarButtonProps): import("@emotion/react/jsx-runtime").JSX.Element;
-export declare const hoverStyles: {
-    boxShadow: import("csstype").Property.BoxShadow | undefined;
-};
-export declare const pressedStyles: {
-    borderRadius: import("csstype").Property.BorderRadius<string | 0> | undefined;
-} & {
-    backgroundColor: import("csstype").Property.BackgroundColor | undefined;
-} & {
-    content: import("csstype").Property.Content | undefined;
-} & {
-    width: import("csstype").Property.Width<string | 0> | undefined;
-} & {
-    height: import("csstype").Property.Height<string | 0> | undefined;
-} & {
-    position: import("csstype").Property.Position | undefined;
-} & {
-    top: import("csstype").Property.Top<string | 0> | undefined;
-} & {
-    left: import("csstype").Property.Left<string | 0> | undefined;
-} & {
-    opacity: import("csstype").Property.Opacity | undefined;
-};
-//# sourceMappingURL=AvatarButton.d.ts.map

package/dist/components/Avatar/AvatarButton.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"AvatarButton.d.ts","sourceRoot":"","sources":["../../../src/components/Avatar/AvatarButton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AACtD,OAAO,EAAE,SAAS,EAAW,MAAM,OAAO,CAAC;AAG3C,OAAO,EAAU,WAAW,EAAE,iBAAqC;AAGnE,OAAO,EAAE,eAAe,EAAE,kBAAkB,EAAE,yBAAuB;AAKrE,MAAM,WAAW,iBAAkB,SAAQ,WAAW,EAAE,eAAe,EAAE,kBAAkB;IACzF,gBAAgB,CAAC,EAAE,eAAe,CAAC;IACnC,SAAS,CAAC,EAAE,SAAS,CAAC,iBAAiB,CAAC,CAAC;CAC1C;AAED,wBAAgB,YAAY,CAAC,KAAK,EAAE,iBAAiB,oDAwDpD;AAGD,eAAO,MAAM,WAAW;;CAAgD,CAAC;AAGzE,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;;;CAGvB,CAAC"}

package/dist/components/Avatar/AvatarButton.js

@@ -1,57 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.pressedStyles = exports.hoverStyles = void 0;
-exports.AvatarButton = AvatarButton;
-const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
-const react_1 = require("react");
-const react_aria_1 = require("react-aria");
-const components_1 = require("..");
-const Avatar_1 = require("./Avatar");
-const Css_1 = require("../../Css");
-const useGetRef_1 = require("../../hooks/useGetRef");
-const utils_1 = require("../../utils");
-const getInteractiveElement_1 = require("../../utils/getInteractiveElement");
-const useTestIds_1 = require("../../utils/useTestIds");
-function AvatarButton(props) {
-    const { onClick: onPress, disabled, autoFocus, buttonRef, tooltip, menuTriggerProps, openInNew, forceFocusStyles = false, ...avatarProps } = props;
-    const isDisabled = !!disabled;
-    const ariaProps = { onPress, isDisabled, autoFocus, ...menuTriggerProps };
-    const ref = (0, useGetRef_1.useGetRef)(buttonRef);
-    const { buttonProps, isPressed } = (0, react_aria_1.useButton)({
-        ...ariaProps,
-        onPress: typeof onPress === "string" ? utils_1.noop : onPress,
-        elementType: typeof onPress === "string" ? "a" : "button",
-    }, ref);
-    const { focusProps, isFocusVisible } = (0, react_aria_1.useFocusRing)(ariaProps);
-    const { hoverProps, isHovered } = (0, react_aria_1.useHover)(ariaProps);
-    const tid = (0, useTestIds_1.useTestIds)(props, avatarProps.name);
-    const styles = (0, react_1.useMemo)(() => ({
-        ...resetStyles,
-        ...(isHovered && exports.hoverStyles),
-        ...(isPressed && exports.pressedStyles),
-        ...(isFocusVisible || forceFocusStyles ? focusStyles : {}),
-        ...(isDisabled && disabledStyles),
-    }), [isHovered, isFocusVisible, isDisabled, isPressed, forceFocusStyles]);
-    const buttonAttrs = {
-        ...tid.button,
-        ...buttonProps,
-        ...focusProps,
-        ...hoverProps,
-        className: typeof onPress === "string" ? components_1.navLink : undefined,
-        ref: ref,
-        css: styles,
-    };
-    // If we're disabled b/c of a non-boolean ReactNode, or the caller specified tooltip text, then show it in a tooltip
-    return (0, components_1.maybeTooltip)({
-        // Default the tooltip to the avatar's name, if defined.
-        title: (0, components_1.resolveTooltip)(disabled, tooltip ?? avatarProps.name),
-        placement: "top",
-        // Disable the auto-tooltip in Avatar to prevent nested tooltips which can cause issues with interactions
-        children: (0, getInteractiveElement_1.getButtonOrLink)((0, jsx_runtime_1.jsx)(Avatar_1.Avatar, { ...avatarProps, ...tid, disableTooltip: true }), onPress, buttonAttrs, openInNew),
-    });
-}
-const resetStyles = Css_1.Css.br100.cursorPointer.outline0.relative.$;
-exports.hoverStyles = Css_1.Css.boxShadow(`0 0 4px ${Css_1.Palette.Gray900}`).$;
-const focusStyles = Css_1.Css.bshFocus.$;
-const disabledStyles = Css_1.Css.cursorNotAllowed.$;
-exports.pressedStyles = Css_1.Css.addIn(":after", Css_1.Css.br100.bgGray900.contentEmpty.w100.h100.absolute.top0.left0.add("opacity", "0.2").$).$;

package/dist/components/Avatar/AvatarGroup.d.ts

@@ -1,10 +0,0 @@
-import { AvatarSize } from "./Avatar";
-export interface AvatarGroupProps {
-    avatars: {
-        src: string | undefined;
-        name?: string;
-    }[];
-    size?: AvatarSize;
-}
-export declare function AvatarGroup(props: AvatarGroupProps): import("@emotion/react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=AvatarGroup.d.ts.map

package/dist/components/Avatar/AvatarGroup.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"AvatarGroup.d.ts","sourceRoot":"","sources":["../../../src/components/Avatar/AvatarGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAU,UAAU,EAAE,iBAAqC;AAIlE,MAAM,WAAW,gBAAgB;IAC/B,OAAO,EAAE;QAAE,GAAG,EAAE,MAAM,GAAG,SAAS,CAAC;QAAC,IAAI,CAAC,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC;IACtD,IAAI,CAAC,EAAE,UAAU,CAAC;CACnB;AAED,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,oDAwClD"}

package/dist/components/Avatar/AvatarGroup.js

@@ -1,24 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.AvatarGroup = AvatarGroup;
-const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
-const Avatar_1 = require("./Avatar");
-const ButtonModal_1 = require("../ButtonModal");
-const Css_1 = require("../../Css");
-function AvatarGroup(props) {
-    const { avatars, size = "md" } = props;
-    // If there are 8 or fewer avatars, show them all. Otherwise, show the first 7 and a menu with the rest.
-    const maxVisibleAvatars = avatars.length <= 8 ? 8 : 7;
-    const visibleAvatars = avatars.slice(0, maxVisibleAvatars);
-    const menuAvatars = avatars.slice(maxVisibleAvatars);
-    return ((0, jsx_runtime_1.jsxs)("div", { css: Css_1.Css.df.aic.gap1.xsSb.$, children: [(0, jsx_runtime_1.jsx)("div", { css: Css_1.Css.df.aic.$, children: visibleAvatars.map((avatar, idx) => ((0, jsx_runtime_1.jsx)("div", { css: Css_1.Css.br100.ba.bcWhite
-                        .add("borderWidth", "3px")
-                        .if(idx > 0)
-                        .mlPx(-1 * sizeToOverlap[size]).$, children: (0, jsx_runtime_1.jsx)(Avatar_1.Avatar, { src: avatar.src, name: avatar.name, size: size }) }, avatar.src ?? idx))) }), menuAvatars.length > 0 && ((0, jsx_runtime_1.jsx)(ButtonModal_1.ButtonModal, { trigger: { label: `+ ${menuAvatars.length} more`, variant: "text" }, hideEndAdornment: true, content: (0, jsx_runtime_1.jsx)("div", { css: Css_1.Css.df.fdc.gap1.mPx(-12).$, children: menuAvatars.map((a, idx) => ((0, jsx_runtime_1.jsx)(Avatar_1.Avatar, { src: a.src, name: a.name, showName: true, size: "md" }, a.src ?? idx))) }) }))] }));
-}
-const sizeToOverlap = {
-    sm: 9,
-    md: 9,
-    lg: 15,
-    xl: 22,
-};

package/dist/components/Avatar/index.d.ts

@@ -1,4 +0,0 @@
-export * from "./Avatar";
-export * from "./AvatarButton";
-export * from "./AvatarGroup";
-//# sourceMappingURL=index.d.ts.map

package/dist/components/Avatar/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Avatar/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC"}

package/dist/components/Avatar/index.js

@@ -1,19 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./Avatar"), exports);
-__exportStar(require("./AvatarButton"), exports);
-__exportStar(require("./AvatarGroup"), exports);

package/dist/components/Banner.d.ts

@@ -1,10 +0,0 @@
-import { ReactNode } from "react";
-export interface BannerProps {
-    type: BannerTypes;
-    message: ReactNode;
-    onClose?: VoidFunction;
-    showIcon?: boolean;
-}
-export declare function Banner(props: BannerProps): import("@emotion/react/jsx-runtime").JSX.Element;
-export type BannerTypes = "error" | "warning" | "success" | "info" | "alert";
-//# sourceMappingURL=Banner.d.ts.map

package/dist/components/Banner.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Banner.d.ts","sourceRoot":"","sources":["../../src/components/Banner.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAMlC,MAAM,WAAW,WAAW;IAC1B,IAAI,EAAE,WAAW,CAAC;IAClB,OAAO,EAAE,SAAS,CAAC;IACnB,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,wBAAgB,MAAM,CAAC,KAAK,EAAE,WAAW,oDAoBxC;AAiBD,MAAM,MAAM,WAAW,GAAG,OAAO,GAAG,SAAS,GAAG,SAAS,GAAG,MAAM,GAAG,OAAO,CAAC"}