@homebound/beam 2.378.1 → 2.379.0

package/dist/components/Pagination.js

@@ -1,54 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.defaultPage = void 0;
-exports.Pagination = Pagination;
-exports.toLimitAndOffset = toLimitAndOffset;
-exports.toPageNumberSize = toPageNumberSize;
-const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
-const components_1 = require("./");
-const Css_1 = require("../Css");
-const inputs_1 = require("../inputs");
-const utils_1 = require("../utils");
-// Use OffsetAndLimit as our default b/c that's what backend filters expect
-exports.defaultPage = { offset: 0, limit: 100 };
-function Pagination(props) {
-    const { totalCount, pageSizes = [100, 500, 1000] } = props;
-    const [page, setPage] = props.page;
-    const { pageSize, pageNumber } = toPageNumberSize(page);
-    const pageOptions = pageSizes.map((size) => ({ id: size, name: String(size) }));
-    const hasPrevPage = pageNumber > 1;
-    const hasNextPage = pageNumber < totalCount / pageSize;
-    // Create the `1 - 100 of 1000` or `0 of 0`
-    const first = pageSize * (pageNumber - 1) + (totalCount ? 1 : 0);
-    const last = Math.min(pageSize * pageNumber, totalCount);
-    // When no rows, show '0 of 0' instead of '0 - 0 of 0'
-    const showLast = totalCount > 0;
-    // Convert the new page back to whatever format the caller wants
-    function set(newPage) {
-        if ("pageNumber" in props.page[0]) {
-            setPage(newPage);
-        }
-        else {
-            setPage(toLimitAndOffset(newPage));
-        }
-    }
-    const tid = (0, utils_1.useTestIds)(props, "pagination");
-    return ((0, jsx_runtime_1.jsxs)("div", { css: Css_1.Css.df.bcGray200.bt.xs.gray500.px2.pt2.$, ...tid, children: [(0, jsx_runtime_1.jsx)("div", { css: Css_1.Css.df.mya.mr2.$, ...tid.pageSizeLabel, children: "Page size:" }), (0, jsx_runtime_1.jsx)("div", { css: Css_1.Css.wPx(78).$, children: (0, jsx_runtime_1.jsx)(inputs_1.SelectField, { compact: true, label: "Page Size", labelStyle: "hidden", options: pageOptions, value: pageSize, onSelect: (val) => set({ pageNumber: 1, pageSize: val }), ...tid.pageSize }) }), (0, jsx_runtime_1.jsxs)("div", { css: Css_1.Css.mla.mya.df.$, children: [(0, jsx_runtime_1.jsxs)("div", { css: Css_1.Css.df.mya.mr2.$, ...tid.pageInfoLabel, children: [first, " ", showLast ? `- ${last}` : "", " of ", totalCount] }), (0, jsx_runtime_1.jsx)(components_1.IconButton, { icon: "chevronLeft", color: hasPrevPage ? Css_1.Palette.Blue700 : Css_1.Palette.Gray200, onClick: () => set({ pageNumber: pageNumber - 1, pageSize }), disabled: !hasPrevPage, ...tid.previousIcon }), (0, jsx_runtime_1.jsx)(components_1.IconButton, { icon: "chevronRight", color: hasNextPage ? Css_1.Palette.Blue700 : Css_1.Palette.Gray200, onClick: () => set({ pageNumber: pageNumber + 1, pageSize }), disabled: !hasNextPage, ...tid.nextIcon })] })] }));
-}
-function toLimitAndOffset(page) {
-    return "limit" in page
-        ? page
-        : {
-            // E.g. on first page the offset is 0, second page the offset is 100, then 200, etc.
-            offset: (page.pageNumber - 1) * page.pageSize,
-            limit: page.pageSize,
-        };
-}
-function toPageNumberSize(page) {
-    return "pageNumber" in page
-        ? page
-        : {
-            pageNumber: Math.floor(page.offset / page.limit) + 1,
-            pageSize: page.limit,
-        };
-}

package/dist/components/PresentationContext.d.ts

@@ -1,44 +0,0 @@
-import { PropsWithChildren } from "react";
-import { GridStyle } from "./Table";
-import { Typography } from "../Css";
-export type InputStylePalette = "success" | "warning" | "caution" | "info";
-export interface PresentationFieldProps {
-    numberAlignment?: "left" | "right";
-    /** Sets the label position or visibility. Defaults to "above" */
-    labelStyle?: "inline" | "hidden" | "above" | "left";
-    /** Defines the width property of the input field wrapper when using `labelStyle="left"`. */
-    labelLeftFieldWidth?: number | string;
-    labelSuffix?: LabelSuffixStyle;
-    borderless?: boolean;
-    borderOnHover?: boolean;
-    compact?: boolean;
-    typeScale?: Typography;
-    visuallyDisabled?: false;
-    errorInTooltip?: true;
-    /** Allow the fields to grow to the width of its container. By default, fields will extend up to 550px */
-    fullWidth?: boolean;
-    /** Changes bg and hoverBg; Takes priority over `contrast`; Useful when showing many fields w/in a table that require user attention; In no way should be used as a replacement for error/focus state */
-    inputStylePalette?: InputStylePalette;
-}
-export type PresentationContextProps = {
-    /** `inputStylePalette` omitted because it is too dependent on the individual field use case to be controlled at this level  */
-    fieldProps?: Omit<PresentationFieldProps, "inputStylePalette">;
-    gridTableStyle?: GridStyle;
-    wrap?: boolean;
-};
-export declare const PresentationContext: import("react").Context<PresentationContextProps>;
-export declare function PresentationProvider(props: PropsWithChildren<PresentationContextProps>): import("@emotion/react/jsx-runtime").JSX.Element;
-export declare function usePresentationContext(): PresentationContextProps;
-/**
- * Label settings for required/optional fields.
- *
- * We may want to just hard-code this behavior, so that it's very consistent,
- * but for now making it configurable.
- */
-export type LabelSuffixStyle = {
-    /** The suffix to use for required fields. */
-    required?: string;
-    /** The suffix to use for explicitly optional (i.e. `required=false`) fields. */
-    optional?: string;
-};
-//# sourceMappingURL=PresentationContext.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"PresentationContext.d.ts","sourceRoot":"","sources":["../../src/components/PresentationContext.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAiB,iBAAiB,EAAuB,MAAM,OAAO,CAAC;AAC9E,OAAO,EAAE,SAAS,EAAE,gBAA6B;AACjD,OAAO,EAAE,UAAU,EAAE,eAAgB;AAErC,MAAM,MAAM,iBAAiB,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,MAAM,CAAC;AAE3E,MAAM,WAAW,sBAAsB;IACrC,eAAe,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IACnC,iEAAiE;IACjE,UAAU,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,OAAO,GAAG,MAAM,CAAC;IACpD,4FAA4F;IAC5F,mBAAmB,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACtC,WAAW,CAAC,EAAE,gBAAgB,CAAC;IAE/B,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB,aAAa,CAAC,EAAE,OAAO,CAAC;IAExB,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB,SAAS,CAAC,EAAE,UAAU,CAAC;IAEvB,gBAAgB,CAAC,EAAE,KAAK,CAAC;IAEzB,cAAc,CAAC,EAAE,IAAI,CAAC;IACtB,yGAAyG;IACzG,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,wMAAwM;IACxM,iBAAiB,CAAC,EAAE,iBAAiB,CAAC;CACvC;AAED,MAAM,MAAM,wBAAwB,GAAG;IACrC,+HAA+H;IAC/H,UAAU,CAAC,EAAE,IAAI,CAAC,sBAAsB,EAAE,mBAAmB,CAAC,CAAC;IAC/D,cAAc,CAAC,EAAE,SAAS,CAAC;IAE3B,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB,CAAC;AAEF,eAAO,MAAM,mBAAmB,mDAA8C,CAAC;AAE/E,wBAAgB,oBAAoB,CAAC,KAAK,EAAE,iBAAiB,CAAC,wBAAwB,CAAC,oDAgBtF;AAED,wBAAgB,sBAAsB,6BAErC;AAED;;;;;GAKG;AACH,MAAM,MAAM,gBAAgB,GAAG;IAC7B,6CAA6C;IAC7C,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,gFAAgF;IAChF,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC"}

package/dist/components/PresentationContext.js

@@ -1,23 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.PresentationContext = void 0;
-exports.PresentationProvider = PresentationProvider;
-exports.usePresentationContext = usePresentationContext;
-const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
-const react_1 = require("react");
-exports.PresentationContext = (0, react_1.createContext)({});
-function PresentationProvider(props) {
-    const { children, ...presentationProps } = props;
-    // Check to see if we are nested within another PresentationContext. If so, make sure values already above us are passed through if not overwritten (except baseContext)
-    const existingContext = usePresentationContext();
-    const context = (0, react_1.useMemo)(() => {
-        const fieldProps = { ...existingContext.fieldProps, ...presentationProps.fieldProps };
-        return { ...existingContext, ...presentationProps, fieldProps };
-    }, 
-    // Isn't this `presentationProps` always a new instance due to the `...` above?
-    [presentationProps, existingContext]);
-    return (0, jsx_runtime_1.jsx)(exports.PresentationContext.Provider, { value: context, children: children });
-}
-function usePresentationContext() {
-    return (0, react_1.useContext)(exports.PresentationContext);
-}

package/dist/components/ScrollShadows.d.ts

@@ -1,14 +0,0 @@
-import { ReactNode } from "react";
-import { Palette, Properties } from "..";
-interface ScrollShadowsProps {
-    children: ReactNode;
-    /** Allows for styling the container */
-    xss?: Properties;
-    /** Set to true if the container scrolls horizontally */
-    horizontal?: boolean;
-    /** Defines the background color for the shadows */
-    bgColor?: Palette;
-}
-export declare function ScrollShadows(props: ScrollShadowsProps): import("@emotion/react/jsx-runtime").JSX.Element;
-export {};
-//# sourceMappingURL=ScrollShadows.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"ScrollShadows.d.ts","sourceRoot":"","sources":["../../src/components/ScrollShadows.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAA0C,MAAM,OAAO,CAAC;AAC1E,OAAO,EAAO,OAAO,EAAE,UAAU,EAAc,WAAY;AAE3D,UAAU,kBAAkB;IAC1B,QAAQ,EAAE,SAAS,CAAC;IACpB,uCAAuC;IACvC,GAAG,CAAC,EAAE,UAAU,CAAC;IACjB,wDAAwD;IACxD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,mDAAmD;IACnD,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AACD,wBAAgB,aAAa,CAAC,KAAK,EAAE,kBAAkB,oDA4EtD"}

package/dist/components/ScrollShadows.js

@@ -1,57 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ScrollShadows = ScrollShadows;
-const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
-const utils_1 = require("@react-aria/utils");
-const react_1 = require("react");
-const src_1 = require("..");
-function ScrollShadows(props) {
-    const { children, xss, horizontal = false, bgColor = src_1.Palette.White } = props;
-    const { height = "auto", width = "auto" } = xss ?? {};
-    const tid = (0, src_1.useTestIds)(props);
-    // This is admittedly extremely hacky. It expects the background color to be in the format "rgba(255, 255, 255, 1)".
-    // If we ever change how we define our color palette in Beam, then this will break and will need to be fixed.
-    if (!bgColor.includes("rgba")) {
-        throw new Error("ScrollShadows: bgColor prop must be in the format 'rgba(255, 255, 255, 1)'");
-    }
-    const [showStartShadow, setShowStartShadow] = (0, react_1.useState)(false);
-    const [showEndShadow, setShowEndShadow] = (0, react_1.useState)(false);
-    const scrollRef = (0, react_1.useRef)(null);
-    // The shadow styles will rarely every change. Memoize them to avoid recomputing them when we don't have to.
-    const [startShadowStyles, endShadowStyles] = (0, react_1.useMemo)(() => {
-        const transparentBgColor = bgColor.replace(/,1\)$/, ",0)");
-        const commonStyles = src_1.Css.absolute.z3.add({ pointerEvents: "none" }).$;
-        const startShadowStyles = !horizontal ? src_1.Css.top0.left0.right0.hPx(40).$ : src_1.Css.left0.top0.bottom0.wPx(25).$;
-        const endShadowStyles = !horizontal ? src_1.Css.bottom0.left0.right0.hPx(40).$ : src_1.Css.right0.top0.bottom0.wPx(25).$;
-        const startGradient = `linear-gradient(${!horizontal ? 180 : 90}deg, ${bgColor} 0%, ${transparentBgColor} 92%);`;
-        const endGradient = `linear-gradient(${!horizontal ? 0 : 270}deg, ${bgColor} 0%, ${transparentBgColor} 92%);`;
-        return [
-            { ...commonStyles, ...startShadowStyles, ...src_1.Css.add("background", startGradient).$ },
-            { ...commonStyles, ...endShadowStyles, ...src_1.Css.add("background", endGradient).$ },
-        ];
-    }, [horizontal, bgColor]);
-    const updateScrollProps = (0, react_1.useCallback)((el) => {
-        const { scrollTop, scrollHeight, clientHeight, scrollWidth, scrollLeft, clientWidth } = el;
-        const start = horizontal ? scrollLeft : scrollTop;
-        const end = horizontal ? scrollWidth : scrollHeight;
-        const boxSize = horizontal ? clientWidth : clientHeight;
-        setShowStartShadow(start > 0);
-        setShowEndShadow(start + boxSize < end);
-    }, 
-    // 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
-    []);
-    // Use a ResizeObserver to update the scroll props to determine if the shadows should be shown.
-    // This executes on render and subsequent resizes which could be due to content/`children` changes (such as responses from APIs).
-    // 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
-    const onResize = (0, react_1.useCallback)(() => scrollRef.current && updateScrollProps(scrollRef.current), []);
-    (0, utils_1.useResizeObserver)({ ref: scrollRef, onResize });
-    return ((0, jsx_runtime_1.jsxs)("div", { css: src_1.Css.relative.oh
-            .h(height)
-            .w(width)
-            .df.fd(!horizontal ? "column" : "row").$, ...tid, children: [showStartShadow && (0, jsx_runtime_1.jsx)("div", { css: startShadowStyles }), showEndShadow && (0, jsx_runtime_1.jsx)("div", { css: endShadowStyles }), (0, jsx_runtime_1.jsx)("div", { css: {
-                    ...xss,
-                    ...src_1.Css.oa.fg1.addIn("&::-webkit-scrollbar", { display: "none" }).add("scrollbarWidth", "none").$,
-                }, onScroll: (e) => updateScrollProps(e.currentTarget), ref: scrollRef, children: children })] }));
-}

package/dist/components/Snackbar/Snackbar.d.ts

@@ -1,11 +0,0 @@
-import { SnackbarNoticeProps } from "./SnackbarNotice";
-interface SnackbarProps {
-    notices: SnackbarNoticeProps[];
-    offset: Offset;
-}
-export declare function Snackbar({ notices, offset }: SnackbarProps): import("@emotion/react/jsx-runtime").JSX.Element;
-export type Offset = {
-    bottom?: number;
-};
-export {};
-//# sourceMappingURL=Snackbar.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Snackbar.d.ts","sourceRoot":"","sources":["../../../src/components/Snackbar/Snackbar.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAkB,mBAAmB,EAAE,yBAA+C;AAI7F,UAAU,aAAa;IACrB,OAAO,EAAE,mBAAmB,EAAE,CAAC;IAC/B,MAAM,EAAE,MAAM,CAAC;CAChB;AAED,wBAAgB,QAAQ,CAAC,EAAE,OAAO,EAAE,MAAM,EAAE,EAAE,aAAa,oDAY1D;AAED,MAAM,MAAM,MAAM,GAAG;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC"}

package/dist/components/Snackbar/Snackbar.js

@@ -1,14 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Snackbar = Snackbar;
-const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
-const SnackbarNotice_1 = require("./SnackbarNotice");
-const Css_1 = require("../../Css");
-const utils_1 = require("../../utils");
-function Snackbar({ notices, offset }) {
-    const tid = (0, utils_1.useTestIds)({});
-    return ((0, jsx_runtime_1.jsx)("div", { ...tid.snackbarWrapper, css: Css_1.Css.fixed.z999.bottomPx(offset.bottom ?? defaultOffset.bottom).left3.df.fdc.aifs.gapPx(12).$, children: notices.map((data) => ((0, jsx_runtime_1.jsx)(SnackbarNotice_1.SnackbarNotice, { ...data }, data.id))) }));
-}
-const defaultOffset = {
-    bottom: 24,
-};

package/dist/components/Snackbar/SnackbarContext.d.ts

@@ -1,12 +0,0 @@
-import React from "react";
-import { SnackbarNoticeProps } from "./SnackbarNotice";
-import { ChildrenOnly } from "../../types";
-import { Offset } from "./Snackbar";
-export type SnackbarContextProps = {
-    setNotices: React.Dispatch<React.SetStateAction<SnackbarNoticeProps[]>>;
-    setOffset: React.Dispatch<React.SetStateAction<Offset>>;
-};
-export declare const SnackbarContext: React.Context<SnackbarContextProps>;
-export declare function SnackbarProvider(props: ChildrenOnly): import("@emotion/react/jsx-runtime").JSX.Element;
-export declare function useSnackbarContext(): SnackbarContextProps;
-//# sourceMappingURL=SnackbarContext.d.ts.map

package/dist/components/Snackbar/SnackbarContext.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"SnackbarContext.d.ts","sourceRoot":"","sources":["../../../src/components/Snackbar/SnackbarContext.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAuD,MAAM,OAAO,CAAC;AAC5E,OAAO,EAAE,mBAAmB,EAAE,yBAA+C;AAC7E,OAAO,EAAE,YAAY,EAAE,oBAAkB;AACzC,OAAO,EAAE,MAAM,EAAY,MAAM,YAAY,CAAC;AAE9C,MAAM,MAAM,oBAAoB,GAAG;IACjC,UAAU,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,mBAAmB,EAAE,CAAC,CAAC,CAAC;IACxE,SAAS,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC,CAAC;CACzD,CAAC;AAEF,eAAO,MAAM,eAAe,qCAAqF,CAAC;AAElH,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,YAAY,oDAUnD;AAED,wBAAgB,kBAAkB,yBAEjC"}

package/dist/components/Snackbar/SnackbarContext.js

@@ -1,18 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.SnackbarContext = void 0;
-exports.SnackbarProvider = SnackbarProvider;
-exports.useSnackbarContext = useSnackbarContext;
-const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
-const react_1 = require("react");
-const Snackbar_1 = require("./Snackbar");
-exports.SnackbarContext = (0, react_1.createContext)({ setNotices: () => { }, setOffset: () => { } });
-function SnackbarProvider(props) {
-    const [notices, setNotices] = (0, react_1.useState)([]);
-    const [offset, setOffset] = (0, react_1.useState)({});
-    const contextValue = (0, react_1.useMemo)(() => ({ setNotices, setOffset }), []);
-    return ((0, jsx_runtime_1.jsxs)(exports.SnackbarContext.Provider, { value: contextValue, children: [props.children, (0, jsx_runtime_1.jsx)(Snackbar_1.Snackbar, { notices: notices, offset: offset })] }));
-}
-function useSnackbarContext() {
-    return (0, react_1.useContext)(exports.SnackbarContext);
-}

package/dist/components/Snackbar/SnackbarNotice.d.ts

@@ -1,20 +0,0 @@
-import { ReactNode } from "react";
-import { ButtonProps } from "../Button";
-export type SnackbarNoticeTypes = "error" | "warning" | "success" | "info" | "alert";
-export interface SnackbarNoticeProps {
-    /** Adds action button to the right of the notice */
-    action?: Pick<ButtonProps, "label" | "onClick" | "variant">;
-    /** Does not allow the user to close the notice manually. Notice will fade away in 10s. Value will be ignored if 'persistent' is set to 'true'. */
-    hideCloseButton?: boolean;
-    message: ReactNode;
-    /** This notice will persist on the screen until systematically closed by the app or by the user clicking the close button. */
-    persistent?: boolean;
-    /** Defines the icon that will show on the left side of the notification. */
-    icon?: SnackbarNoticeTypes;
-    /** Unique identifier to allow notice to close itself */
-    id: string;
-    /** Removes the snackbar notice from the stack */
-    onClose: () => void;
-}
-export declare function SnackbarNotice(props: SnackbarNoticeProps): import("@emotion/react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=SnackbarNotice.d.ts.map

package/dist/components/Snackbar/SnackbarNotice.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"SnackbarNotice.d.ts","sourceRoot":"","sources":["../../../src/components/Snackbar/SnackbarNotice.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAAU,WAAW,EAAE,kBAA8B;AAM5D,MAAM,MAAM,mBAAmB,GAAG,OAAO,GAAG,SAAS,GAAG,SAAS,GAAG,MAAM,GAAG,OAAO,CAAC;AACrF,MAAM,WAAW,mBAAmB;IAClC,oDAAoD;IACpD,MAAM,CAAC,EAAE,IAAI,CAAC,WAAW,EAAE,OAAO,GAAG,SAAS,GAAG,SAAS,CAAC,CAAC;IAC5D,kJAAkJ;IAClJ,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,OAAO,EAAE,SAAS,CAAC;IACnB,8HAA8H;IAC9H,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,4EAA4E;IAC5E,IAAI,CAAC,EAAE,mBAAmB,CAAC;IAC3B,wDAAwD;IACxD,EAAE,EAAE,MAAM,CAAC;IACX,iDAAiD;IACjD,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,wBAAgB,cAAc,CAAC,KAAK,EAAE,mBAAmB,oDAsCxD"}

package/dist/components/Snackbar/SnackbarNotice.js

@@ -1,24 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.SnackbarNotice = SnackbarNotice;
-const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
-const Button_1 = require("../Button");
-const Icon_1 = require("../Icon");
-const IconButton_1 = require("../IconButton");
-const Css_1 = require("../../Css");
-const utils_1 = require("../../utils");
-function SnackbarNotice(props) {
-    const { icon, message, action, hideCloseButton, persistent, onClose } = props;
-    const tid = (0, utils_1.useTestIds)(props, "snackbar");
-    // Only allow the "close" button to be hidden if not a `persistent` notice. Otherwise we could get in a state where the user cannot remove the notice from the screen.
-    const reallyHideClose = hideCloseButton && !persistent;
-    return ((0, jsx_runtime_1.jsxs)("div", { css: Css_1.Css.white.bgGray800.br4.base.df.aic.maxwPx(420).$, ...tid, role: "alert", children: [icon && ((0, jsx_runtime_1.jsx)("span", { css: Css_1.Css.fs0.plPx(12).$, children: (0, jsx_runtime_1.jsx)(Icon_1.Icon, { ...typeToIcon[icon], ...tid.icon }) })), (0, jsx_runtime_1.jsx)("span", { css: Css_1.Css.lineClamp3.pr2.myPx(12).plPx(icon ? 8 : 16).$, ...(typeof message === "string" ? { title: message } : undefined), ...tid.message, children: message }), (action || !reallyHideClose) && ((0, jsx_runtime_1.jsxs)("span", { css: Css_1.Css.fs0.df.aic.$, children: [action && ((0, jsx_runtime_1.jsx)("span", { css: Css_1.Css.ttu.sm.prPx(!reallyHideClose && action.variant !== "text" ? 4 : 8).$, children: (0, jsx_runtime_1.jsx)(Button_1.Button, { contrast: true, ...action, ...tid.action }) })), !reallyHideClose && ((0, jsx_runtime_1.jsx)("span", { css: Css_1.Css.pr1.add("lineHeight", 0).$, children: (0, jsx_runtime_1.jsx)(IconButton_1.IconButton, { icon: "x", contrast: true, onClick: onClose, ...tid.close }) }))] }))] }));
-}
-const typeToIcon = {
-    // Can change to a Tupple with IconKey and color?
-    error: { icon: "xCircle", color: Css_1.Palette.Red400 },
-    warning: { icon: "error", color: Css_1.Palette.Yellow300 },
-    success: { icon: "checkCircle", color: Css_1.Palette.Green300 },
-    info: { icon: "infoCircle", color: Css_1.Palette.Blue300 },
-    alert: { icon: "errorCircle", color: Css_1.Palette.White },
-};

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

@@ -1,2 +0,0 @@
-export { useSnackbar, type TriggerNoticeProps, type UseSnackbarHook } from "./useSnackbar";
-//# sourceMappingURL=index.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Snackbar/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,KAAK,kBAAkB,EAAE,KAAK,eAAe,EAAE,MAAM,eAAe,CAAC"}

package/dist/components/Snackbar/index.js

@@ -1,5 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useSnackbar = void 0;
-var useSnackbar_1 = require("./useSnackbar");
-Object.defineProperty(exports, "useSnackbar", { enumerable: true, get: function () { return useSnackbar_1.useSnackbar; } });

package/dist/components/Snackbar/useSnackbar.d.ts

@@ -1,22 +0,0 @@
-import { SnackbarNoticeProps } from "./SnackbarNotice";
-import { Offset } from "./Snackbar";
-export interface UseSnackbarHook {
-    triggerNotice: (props: TriggerNoticeProps) => {
-        close: () => void;
-    };
-    closeNotice: (id: string) => void;
-    /**
-     * A custom hook that components may call to notify snackbar it should offset,
-     * such as a bottom-mounted Stepper component that ought not be covered by
-     * notifications. Behaves like a useEffect, and will clean up on dismount.
-     * (Known issue: If multiple components call this, last-to-render takes
-     * precedence and first-to-dismount unsets everything)
-     */
-    useSnackbarOffset: (offset: Offset) => void;
-}
-export declare function useSnackbar(): UseSnackbarHook;
-export interface TriggerNoticeProps extends Omit<SnackbarNoticeProps, "id" | "onClose"> {
-    id?: string;
-    onClose?: () => void;
-}
-//# sourceMappingURL=useSnackbar.d.ts.map

package/dist/components/Snackbar/useSnackbar.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useSnackbar.d.ts","sourceRoot":"","sources":["../../../src/components/Snackbar/useSnackbar.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,mBAAmB,EAAE,yBAA+C;AAE7E,OAAO,EAAE,MAAM,EAAE,MAAM,YAAY,CAAC;AAEpC,MAAM,WAAW,eAAe;IAC9B,aAAa,EAAE,CAAC,KAAK,EAAE,kBAAkB,KAAK;QAAE,KAAK,EAAE,MAAM,IAAI,CAAA;KAAE,CAAC;IACpE,WAAW,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC;;;;;;OAMG;IACH,iBAAiB,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;CAC7C;AAED,wBAAgB,WAAW,IAAI,eAAe,CAwE7C;AAKD,MAAM,WAAW,kBAAmB,SAAQ,IAAI,CAAC,mBAAmB,EAAE,IAAI,GAAG,SAAS,CAAC;IACrF,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB"}

package/dist/components/Snackbar/useSnackbar.js

@@ -1,61 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useSnackbar = useSnackbar;
-const react_1 = require("react");
-const SnackbarContext_1 = require("./SnackbarContext");
-const utils_1 = require("../../utils");
-function useSnackbar() {
-    const { setNotices, setOffset } = (0, SnackbarContext_1.useSnackbarContext)();
-    const onClose = (0, react_1.useCallback)((noticeId) => {
-        setNotices((prev) => {
-            let returnValue = prev;
-            // check to see if the notice is still in our existing stack, if so then remove it. Otherwise it was manually closed, so return the existing value.
-            if (prev.some(({ id }) => id === noticeId)) {
-                returnValue = prev.filter(({ id }) => id !== noticeId);
-            }
-            // For good measure, reset the snackbarId when notices array is emptied.
-            if (returnValue.length === 0) {
-                snackbarId = 1;
-            }
-            return returnValue;
-        });
-    }, 
-    // 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
-    []);
-    const triggerNotice = (0, react_1.useCallback)((props) => {
-        // Sets `noticeId` to the current value of `snackbarId` and then increments.
-        const noticeId = props.id ?? `beamSnackbar:${snackbarId++}`;
-        let maybeTimeout;
-        if (!props.persistent) {
-            maybeTimeout = window.setTimeout(() => {
-                onClose(noticeId);
-                // Auto close in 10s
-            }, 10_000);
-        }
-        setNotices((prev) => prev.concat({
-            ...props,
-            id: noticeId,
-            onClose: () => {
-                // Because we reset the `snackbarId` if the notices array is empty, then we need to call `clearTimeout` to ensure we don't accidentally close the wrong notice
-                clearTimeout(maybeTimeout);
-                onClose(noticeId);
-                (0, utils_1.maybeCall)(props.onClose);
-            },
-        }));
-        return {
-            close: () => {
-                // Because we reset the `snackbarId` if the notices array is empty, then we need to call `clearTimeout` to ensure we don't accidentally close the wrong notice
-                clearTimeout(maybeTimeout);
-                onClose(noticeId);
-            },
-        };
-    }, [onClose, setNotices]);
-    const closeNotice = (0, react_1.useCallback)((id) => onClose(id), [onClose]);
-    const useSnackbarOffset = ({ bottom }) => (0, react_1.useEffect)(() => {
-        setOffset({ bottom });
-        return () => setOffset({});
-    }, [bottom]);
-    return { triggerNotice, closeNotice, useSnackbarOffset };
-}
-let snackbarId = 1;

package/dist/components/Stepper.d.ts

@@ -1,13 +0,0 @@
-export interface Step {
-    label: string;
-    state: "incomplete" | "complete" | "error";
-    disabled?: boolean;
-    value: string;
-}
-export interface StepperProps {
-    steps: Step[];
-    currentStep: Step["value"];
-    onChange: (stepValue: string) => void;
-}
-export declare function Stepper(props: StepperProps): import("@emotion/react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=Stepper.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Stepper.d.ts","sourceRoot":"","sources":["../../src/components/Stepper.tsx"],"names":[],"mappings":"AAOA,MAAM,WAAW,IAAI;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,YAAY,GAAG,UAAU,GAAG,OAAO,CAAC;IAC3C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,IAAI,EAAE,CAAC;IAEd,WAAW,EAAE,IAAI,CAAC,OAAO,CAAC,CAAC;IAC3B,QAAQ,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;CACvC;AAED,wBAAgB,OAAO,CAAC,KAAK,EAAE,YAAY,oDA+C1C"}

package/dist/components/Stepper.js

@@ -1,63 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Stepper = Stepper;
-const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
-const react_1 = require("react");
-const react_aria_1 = require("react-aria");
-const Icon_1 = require("./Icon");
-const Css_1 = require("../Css");
-const utils_1 = require("../utils");
-const defaultTestId_1 = require("../utils/defaultTestId");
-function Stepper(props) {
-    const { steps, currentStep, onChange } = props;
-    if (steps.length === 0) {
-        throw new Error("Stepper must be initialized with at least one step");
-    }
-    const tid = (0, utils_1.useTestIds)(props, "stepper");
-    // calc progress based on last completed step - return -1 when no steps completed
-    const lastCompletedStep = steps.map((step) => step.state).lastIndexOf("complete");
-    const maxStepWidth = 200;
-    const minStepWidth = 100;
-    const gap = 8;
-    return ((0, jsx_runtime_1.jsxs)("nav", { "aria-label": "steps", css: Css_1.Css.df.fdc.w100.$, ...tid, children: [(0, jsx_runtime_1.jsx)("ol", { css: Css_1.Css.listReset.df.gapPx(gap).$, children: steps.map((step) => {
-                    const isCurrent = currentStep === step.value;
-                    return ((0, jsx_runtime_1.jsx)("li", { css: Css_1.Css.df.fg1.fdc.maxwPx(maxStepWidth).mwPx(minStepWidth).$, "aria-current": isCurrent, ...tid.step, children: (0, jsx_runtime_1.jsx)(StepButton, { ...step, onClick: () => onChange(step.value), isCurrent: isCurrent, ...tid.stepButton }) }, step.label));
-                }) }), (0, jsx_runtime_1.jsx)("div", { css: Css_1.Css.mt1.bgGray300
-                    .hPx(4)
-                    .maxwPx(steps.length * maxStepWidth + (steps.length - 1) * gap)
-                    .mwPx(steps.length * minStepWidth + (steps.length - 1) * gap).w100.$, children: (0, jsx_runtime_1.jsx)("div", { css: Css_1.Css.bgBlue600.add("transition", "width 200ms").h100.w(`${((lastCompletedStep + 1) / steps.length) * 100}%`)
-                        .$ }) })] }));
-}
-function StepButton(props) {
-    const { label, disabled, state, isCurrent, onClick } = props;
-    const ariaProps = { onPress: onClick, isDisabled: disabled };
-    const ref = (0, react_1.useRef)(null);
-    const { buttonProps, isPressed } = (0, react_aria_1.useButton)(ariaProps, ref);
-    const { isFocusVisible, focusProps } = (0, react_aria_1.useFocusRing)();
-    const { hoverProps, isHovered } = (0, react_aria_1.useHover)(ariaProps);
-    const focusRingStyles = state === "error" ? Css_1.Css.bshDanger.$ : Css_1.Css.bshFocus.$;
-    const tid = (0, utils_1.useTestIds)(props, "stepButton");
-    return ((0, jsx_runtime_1.jsxs)("button", { ref: ref, ...buttonProps, ...focusProps, ...hoverProps, css: {
-            ...Css_1.Css.buttonBase.$,
-            ...Css_1.Css.tal.w100.h100.sm.gray700.add("whiteSpace", "initial").if(state === "error").red600.$,
-            ...(isCurrent ? Css_1.Css.blue700.if(state === "error").red800.$ : {}),
-            ...(isHovered && !isPressed ? Css_1.Css.blue800.if(state === "error").red500.$ : {}),
-            ...(isPressed ? Css_1.Css.blue500.if(state === "error").red900.$ : {}),
-            ...(disabled ? Css_1.Css.gray400.cursorNotAllowed.if(state === "error").red200.$ : {}),
-            ...(isFocusVisible ? focusRingStyles : {}),
-        }, ...tid[(0, defaultTestId_1.defaultTestId)(label)], children: [(0, jsx_runtime_1.jsx)("span", { css: Css_1.Css.fs0.mrPx(4).$, children: (0, jsx_runtime_1.jsx)(StepIcon, { state: state, isHovered: isHovered, isPressed: isPressed, isCurrent: isCurrent }) }), label] }));
-}
-function StepIcon({ state, isHovered = false, isPressed = false, isCurrent = false }) {
-    if (state === "error") {
-        return (0, jsx_runtime_1.jsx)(Icon_1.Icon, { icon: "errorCircle" });
-    }
-    if (state === "complete") {
-        return (0, jsx_runtime_1.jsx)(Icon_1.Icon, { icon: "check" });
-    }
-    // Otherwise state is "incomplete", return the custom circle "icon"
-    return ((0, jsx_runtime_1.jsx)("div", { css: Css_1.Css.wPx(24).hPx(24).df.aic.jcc.$, children: (0, jsx_runtime_1.jsx)("div", { css: Css_1.Css.wPx(10)
-                .hPx(10)
-                .ba.bw2.br100.add("color", "currentColor")
-                .if(isHovered || isPressed || isCurrent)
-                .add("backgroundColor", "currentColor").$ }) }));
-}

package/dist/components/SuperDrawer/ConfirmCloseModal.d.ts

@@ -1,9 +0,0 @@
-interface ConfirmCloseModalProps {
-    onClose: () => void;
-    discardText?: string;
-    continueText?: string;
-}
-/** Modal content to appear when a close checks fails */
-export declare function ConfirmCloseModal(props: ConfirmCloseModalProps): import("@emotion/react/jsx-runtime").JSX.Element;
-export {};
-//# sourceMappingURL=ConfirmCloseModal.d.ts.map

package/dist/components/SuperDrawer/ConfirmCloseModal.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ConfirmCloseModal.d.ts","sourceRoot":"","sources":["../../../src/components/SuperDrawer/ConfirmCloseModal.tsx"],"names":[],"mappings":"AAGA,UAAU,sBAAsB;IAC9B,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,wDAAwD;AACxD,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,sBAAsB,oDA+B9D"}

package/dist/components/SuperDrawer/ConfirmCloseModal.js

@@ -1,22 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ConfirmCloseModal = ConfirmCloseModal;
-const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
-const components_1 = require("..");
-const BeamContext_1 = require("../BeamContext");
-/** Modal content to appear when a close checks fails */
-function ConfirmCloseModal(props) {
-    const { onClose, discardText = "Discard Changes", continueText = "Continue Editing" } = props;
-    const { modalState } = (0, BeamContext_1.useBeamContext)();
-    // TODO: Change to closeModal from useModal when canCloseChecks are reset
-    function closeModal() {
-        // Not using closeModal from useModal since the canClose checks are not reset
-        // after a close and could/will cause other close attempts to fail.
-        modalState.current = undefined;
-    }
-    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(components_1.ModalHeader, { children: "Are you sure you want to cancel?" }), (0, jsx_runtime_1.jsx)(components_1.ModalBody, { children: (0, jsx_runtime_1.jsx)("p", { children: "Any changes you've made so far will be lost." }) }), (0, jsx_runtime_1.jsxs)(components_1.ModalFooter, { children: [(0, jsx_runtime_1.jsx)(components_1.Button, { variant: "tertiary", label: discardText, onClick: () => {
-                            // The order of these calls doesn't really matter; close this modal and tell the call to do their close
-                            onClose();
-                            closeModal();
-                        } }), (0, jsx_runtime_1.jsx)(components_1.Button, { label: continueText, onClick: closeModal })] })] }));
-}

package/dist/components/SuperDrawer/SuperDrawer.d.ts

@@ -1,23 +0,0 @@
-import { ReactPortal } from "react";
-/**
- * Global drawer component.
- *
- * The aim of this drawer is to give extra details regarding a page content
- * without the need to change pages.
- *
- * NOTE: Since this component is a global component, meaning there is only one
- * per application shared between all children components of the application, we
- * needed to be strategic in its DOM placement and zIndex. That is why we are
- * using React.createPortal to append this component to the body so that
- * it can be nested at the highest level of the application and share the stacking
- * context with the application and any other global components. Having the
- * application set its zIndex at the body level will guarantee that no children
- * can ever "break out" of the stacking order and overlap global components.
- *
- * TLDR: Long term plan is to have all applications using Beam set their zIndex
- * to 0 and have SuperDrawer zIndex be 3 to give space to place other global
- * components (most likely Modal) between the application and SuperDrawer or
- * above the SuperDrawer.
- */
-export declare function SuperDrawer(): ReactPortal | null;
-//# sourceMappingURL=SuperDrawer.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"SuperDrawer.d.ts","sourceRoot":"","sources":["../../../src/components/SuperDrawer/SuperDrawer.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,WAAW,EAAqB,MAAM,OAAO,CAAC;AAQvD;;;;;;;;;;;;;;;;;;;GAmBG;AACH,wBAAgB,WAAW,IAAI,WAAW,GAAG,IAAI,CA8EhD"}