@homebound/beam 2.378.1 → 2.379.1

package/dist/components/SuperDrawer/SuperDrawer.js

@@ -1,76 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.SuperDrawer = SuperDrawer;
-const react_1 = require("@emotion/react");
-const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
-const react_2 = require("@emotion/react");
-const framer_motion_1 = require("framer-motion");
-const react_3 = require("react");
-const react_dom_1 = require("react-dom");
-const components_1 = require("..");
-const BeamContext_1 = require("../BeamContext");
-const Css_1 = require("../../Css");
-const utils_1 = require("../../utils");
-const utils_2 = require("./utils");
-/**
- * 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.
- */
-function SuperDrawer() {
-    const { drawerContentStack: contentStack, sdHeaderDiv } = (0, BeamContext_1.useBeamContext)();
-    const { closeDrawer } = (0, components_1.useSuperDrawer)();
-    const headerRef = (0, react_3.useRef)(null);
-    const testId = (0, utils_1.useTestIds)({}, "superDrawer");
-    // Get the latest element on the stack
-    // We use undefined, nullish operators and empty object here to allow AnimatePresence
-    // to animate the drawers exit transition when our stack is empty
-    const currentContent = contentStack.current[contentStack.current.length - 1]?.opts;
-    const { content } = currentContent ?? {};
-    // Also get the first / non-detail element on the stack
-    const firstContent = contentStack.current[0]?.opts;
-    const { width = utils_2.SuperDrawerWidth.Normal } = firstContent ?? {};
-    (0, react_3.useEffect)(() => {
-        if (headerRef.current?.childNodes.length === 0 && content) {
-            headerRef.current.appendChild(sdHeaderDiv);
-        }
-    }, 
-    // 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
-    [headerRef, content]);
-    return (0, react_dom_1.createPortal)((0, jsx_runtime_1.jsx)(framer_motion_1.AnimatePresence, { children: content && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(react_2.Global, { styles: { body: Css_1.Css.oh.$ } }), (0, react_1.createElement)(framer_motion_1.motion.div, { ...testId, 
-                    // Key is required for framer-motion animations
-                    key: "superDrawer", 
-                    // TODO: Should this color be part of the Palette?
-                    // z-index of 3 is used to give flexibility for future overlapping content
-                    // Not using `inset` due to Safari 14.0.x not supporting this CSS property.
-                    css: Css_1.Css.fixed.df.jcfe.add("backgroundColor", "rgba(36,36,36,0.2)").top0.right0.bottom0.left0.z3.$, 
-                    // Initial styles (acts similar to `from` in keyframe animations)
-                    initial: { opacity: 0 }, 
-                    // Rendered styles (acts similar to `to` in keyframe animations)
-                    animate: { opacity: 1 }, 
-                    // Unmount styles
-                    exit: { opacity: 0, transition: { delay: 0.2 } }, onClick: closeDrawer },
-                    (0, jsx_runtime_1.jsx)(framer_motion_1.motion.aside, { css: Css_1.Css.bgWhite.h100.maxw((0, Css_1.px)(width)).w100.df.fdc.relative.$, 
-                        // Keeping initial x to 1040 as this will still work if the container is smaller
-                        initial: { x: width }, animate: { x: 0 }, 
-                        // Custom transitions settings for the translateX animation
-                        transition: { ease: "linear", duration: 0.2, delay: 0.2 }, exit: { transition: { ease: "linear", duration: 0.2 }, x: width }, 
-                        // Preventing clicks from triggering parent onClick
-                        onClick: (e) => e.stopPropagation(), children: (0, jsx_runtime_1.jsxs)(components_1.AutoSaveStatusProvider, { children: [(0, jsx_runtime_1.jsxs)("header", { css: Css_1.Css.p3.bb.bcGray200.df.aic.jcsb.gap3.$, children: [(0, jsx_runtime_1.jsx)("div", { ref: headerRef, css: Css_1.Css.gray900.fg1.addIn("h1", Css_1.Css.xl2Sb.$).$ }), (0, jsx_runtime_1.jsx)(components_1.IconButton, { icon: "x", onClick: closeDrawer, ...testId.close })] }), content] }) }, "superDrawerContainer"))] })) }), document.body);
-}

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

@@ -1,22 +0,0 @@
-import { ReactNode } from "react";
-import { ButtonProps } from "../Button";
-interface SuperDrawerContentProps {
-    children: ReactNode;
-    /**
-     * Actions represents an array of button props with represents that different
-     * actions that can be conducted in the SuperDrawer page.
-     *
-     * Ex: A `cancel` and `submit` button
-     * */
-    actions?: ButtonProps[];
-}
-/**
- * Helper component to place the given children and actions into the appropriate
- * DOM format to render inside the SuperDrawer.
- *
- * NOTE: This does not include the header props since the caller will be the one
- * that knows how to handle the title, prev/next link and the onClose handler.
- */
-export declare const SuperDrawerContent: ({ children, actions }: SuperDrawerContentProps) => import("@emotion/react/jsx-runtime").JSX.Element;
-export {};
-//# sourceMappingURL=SuperDrawerContent.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"SuperDrawerContent.d.ts","sourceRoot":"","sources":["../../../src/components/SuperDrawer/SuperDrawerContent.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,OAAO,EAAU,WAAW,EAAE,kBAA8B;AAK5D,UAAU,uBAAuB;IAC/B,QAAQ,EAAE,SAAS,CAAC;IACpB;;;;;SAKK;IACL,OAAO,CAAC,EAAE,WAAW,EAAE,CAAC;CACzB;AAED;;;;;;GAMG;AACH,eAAO,MAAM,kBAAkB,0BAA2B,uBAAuB,qDA4DhF,CAAC"}

package/dist/components/SuperDrawer/SuperDrawerContent.js

@@ -1,41 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.SuperDrawerContent = void 0;
-const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
-const framer_motion_1 = require("framer-motion");
-const BeamContext_1 = require("../BeamContext");
-const Button_1 = require("../Button");
-const useSuperDrawer_1 = require("./useSuperDrawer");
-const Css_1 = require("../../Css");
-const utils_1 = require("./utils");
-/**
- * Helper component to place the given children and actions into the appropriate
- * DOM format to render inside the SuperDrawer.
- *
- * NOTE: This does not include the header props since the caller will be the one
- * that knows how to handle the title, prev/next link and the onClose handler.
- */
-const SuperDrawerContent = ({ children, actions }) => {
-    const { closeDrawerDetail } = (0, useSuperDrawer_1.useSuperDrawer)();
-    const { drawerContentStack: contentStack } = (0, BeamContext_1.useBeamContext)();
-    // Determine if the current element is a new content element or an detail element
-    const { kind } = contentStack.current[contentStack.current.length - 1] ?? {};
-    const firstContent = contentStack.current[0]?.opts;
-    const { width = utils_1.SuperDrawerWidth.Normal } = firstContent ?? {};
-    function wrapWithMotionAndMaybeBack(children) {
-        if (kind === "open") {
-            return ((0, jsx_runtime_1.jsx)(framer_motion_1.motion.div, { css: Css_1.Css.p3.fg1.oa.$, children: children }, "content"));
-        }
-        else if (kind === "detail") {
-            return ((0, jsx_runtime_1.jsxs)(framer_motion_1.motion.div, { css: Css_1.Css.px3.pt2.pb3.fg1.$, animate: { overflow: "auto" }, transition: { overflow: { delay: 0.3 } }, children: [(0, jsx_runtime_1.jsx)(Button_1.Button, { label: "Back", icon: "chevronLeft", variant: "tertiary", onClick: closeDrawerDetail }), (0, jsx_runtime_1.jsx)(framer_motion_1.motion.div, { initial: { x: width, opacity: 0 }, animate: { x: 0, opacity: 1 }, transition: { ease: "linear", duration: 0.3, opacity: { delay: 0.15 } }, exit: { x: width, opacity: 0 }, css: Css_1.Css.pt2.$, children: children })] }, "content"));
-        }
-        else {
-            // Hides content changes when closing the drawer
-            // TODO: Potentially use a boolean to trigger close action so content does
-            // not need to disappear during exit.
-            return (0, jsx_runtime_1.jsx)(framer_motion_1.motion.div, { css: Css_1.Css.p3.fg1.$, style: { overflow: "auto" } }, "content");
-        }
-    }
-    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [wrapWithMotionAndMaybeBack(children), actions && ((0, jsx_runtime_1.jsx)("footer", { css: Css_1.Css.bt.bcGray200.p3.df.aic.jcfe.$, children: (0, jsx_runtime_1.jsx)("div", { css: Css_1.Css.df.gap1.$, children: actions.map((buttonProps, i) => ((0, jsx_runtime_1.jsx)(Button_1.Button, { ...buttonProps }, i))) }) }))] }));
-};
-exports.SuperDrawerContent = SuperDrawerContent;

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

@@ -1,14 +0,0 @@
-import { ReactNode } from "react";
-interface SuperDrawerHeaderProps {
-    children: ReactNode;
-    hideControls?: boolean;
-}
-interface SuperDrawerHeaderStructuredProps {
-    title: string | ReactNode;
-    left?: ReactNode;
-    right?: ReactNode;
-    hideControls?: boolean;
-}
-export declare function SuperDrawerHeader(props: SuperDrawerHeaderProps | SuperDrawerHeaderStructuredProps): JSX.Element;
-export {};
-//# sourceMappingURL=SuperDrawerHeader.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"SuperDrawerHeader.d.ts","sourceRoot":"","sources":["../../../../src/components/SuperDrawer/components/SuperDrawerHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAQlC,UAAU,sBAAsB;IAC9B,QAAQ,EAAE,SAAS,CAAC;IACpB,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB;AAED,UAAU,gCAAgC;IACxC,KAAK,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1B,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB;AAED,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,sBAAsB,GAAG,gCAAgC,GAAG,GAAG,CAAC,OAAO,CAoC/G"}

package/dist/components/SuperDrawer/components/SuperDrawerHeader.js

@@ -1,25 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.SuperDrawerHeader = SuperDrawerHeader;
-const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
-const react_dom_1 = require("react-dom");
-const BeamContext_1 = require("../../BeamContext");
-const ButtonGroup_1 = require("../../ButtonGroup");
-const Css_1 = require("../../../Css");
-const utils_1 = require("../../../utils");
-function SuperDrawerHeader(props) {
-    const { hideControls } = props;
-    const { sdHeaderDiv, drawerContentStack: contentStack } = (0, BeamContext_1.useBeamContext)();
-    const firstContent = contentStack.current[0]?.opts;
-    const { onPrevClick, onNextClick } = firstContent ?? {};
-    const currentContent = contentStack.current[contentStack.current.length - 1]?.opts;
-    const isDetail = currentContent !== firstContent;
-    const tid = (0, utils_1.useTestIds)({}, "superDrawerHeader");
-    return (0, react_dom_1.createPortal)((0, jsx_runtime_1.jsxs)("div", { css: Css_1.Css.df.aic.jcsb.gap3.$, ...tid, children: [isStructuredProps(props) ? ((0, jsx_runtime_1.jsxs)("div", { css: Css_1.Css.df.jcsb.aic.gap2.fg1.$, children: [(0, jsx_runtime_1.jsxs)("div", { css: Css_1.Css.fg1.df.aic.gap2.$, children: [typeof props.title === "string" ? (0, jsx_runtime_1.jsx)("h1", { children: props.title }) : props.title, props.left] }), props.right && (0, jsx_runtime_1.jsx)("div", { css: Css_1.Css.fs0.$, children: props.right })] })) : ((0, jsx_runtime_1.jsx)("div", { css: Css_1.Css.fg1.$, children: props.children })), !hideControls && ((0, jsx_runtime_1.jsx)("div", { css: Css_1.Css.fs0.if(isDetail).vh.$, children: (0, jsx_runtime_1.jsx)(ButtonGroup_1.ButtonGroup, { buttons: [
-                        { icon: "chevronLeft", onClick: () => onPrevClick && onPrevClick(), disabled: !onPrevClick },
-                        { icon: "chevronRight", onClick: () => onNextClick && onNextClick(), disabled: !onNextClick },
-                    ], ...tid.actions }) }))] }), sdHeaderDiv);
-}
-function isStructuredProps(props) {
-    return typeof props === "object" && "title" in props;
-}

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

@@ -1,6 +0,0 @@
-export * from "./components/SuperDrawerHeader";
-export * from "./ConfirmCloseModal";
-export * from "./SuperDrawerContent";
-export * from "./useSuperDrawer";
-export * from "./utils";
-//# sourceMappingURL=index.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/SuperDrawer/index.ts"],"names":[],"mappings":"AACA,cAAc,gCAAgC,CAAC;AAC/C,cAAc,qBAAqB,CAAC;AACpC,cAAc,sBAAsB,CAAC;AACrC,cAAc,kBAAkB,CAAC;AACjC,cAAc,SAAS,CAAC"}

package/dist/components/SuperDrawer/index.js

@@ -1,22 +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 });
-// These are our public APIs
-__exportStar(require("./components/SuperDrawerHeader"), exports);
-__exportStar(require("./ConfirmCloseModal"), exports);
-__exportStar(require("./SuperDrawerContent"), exports);
-__exportStar(require("./useSuperDrawer"), exports);
-__exportStar(require("./utils"), exports);

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

@@ -1,53 +0,0 @@
-import { ReactNode } from "react";
-import { CanCloseCheck } from "../../types";
-import { SuperDrawerWidth } from "./utils";
-export interface OpenInDrawerOpts {
-    /** Invokes left, disabled if undefined. */
-    onPrevClick?: () => void;
-    /** Invokes right, disabled if undefined. */
-    onNextClick?: () => void;
-    /** Adds a callback that is called _after_ close has definitely happened. */
-    onClose?: () => void;
-    content: ReactNode;
-    /** Adds the ability to change the SuperDrawer width based on some pre-defined values */
-    width?: SuperDrawerWidth;
-}
-export interface OpenDetailOpts {
-    content: ReactNode;
-}
-export type ContentStack = {
-    kind: "open";
-    opts: OpenInDrawerOpts;
-} | {
-    kind: "detail";
-    opts: OpenDetailOpts;
-};
-/** The public API for interacting with `useSuperDrawer`. */
-export interface UseSuperDrawerHook {
-    /** Opens a new drawer, throwing away the current drawer is one exists. */
-    openInDrawer: (opts: OpenInDrawerOpts) => void;
-    /** Closes the entire drawer, returns false is the previous drawer can't be closed. */
-    closeDrawer: () => void;
-    /** Opens a detail view in the current drawer. */
-    openDrawerDetail: (opts: OpenDetailOpts) => void;
-    /** Closes the detail view, or the entire drawer if there was no detail view. */
-    closeDrawerDetail: () => void;
-    /** Returns whether the drawer is currently open. */
-    isDrawerOpen: boolean;
-    /**
-     * Adds a check when attempting to close the SuperDrawer by clicking on the
-     * overlay, the "X" button or calling `closeDrawer()`. If any checks returns
-     * false, a confirmation modal will appear allowing the user to confirm
-     * the action.
-     */
-    addCanCloseDrawerCheck: (canCloseCheck: CanCloseCheck) => void;
-    /**
-     * Adds a check when attempting to close a SuperDrawer detail by clicking the
-     * "back" button or calling `closeDrawerDetail()`. If any checks returns
-     * false, a confirmation modal will appear allowing the user to confirm
-     * the action.
-     */
-    addCanCloseDrawerDetailCheck: (canCloseCheck: CanCloseCheck) => void;
-}
-export declare function useSuperDrawer(): UseSuperDrawerHook;
-//# sourceMappingURL=useSuperDrawer.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"useSuperDrawer.d.ts","sourceRoot":"","sources":["../../../src/components/SuperDrawer/useSuperDrawer.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAW,MAAM,OAAO,CAAC;AAE3C,OAAO,EAAE,aAAa,EAAE,oBAAkB;AAG1C,OAAO,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAE3C,MAAM,WAAW,gBAAgB;IAC/B,2CAA2C;IAC3C,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB,4CAA4C;IAC5C,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB,4EAA4E;IAC5E,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,OAAO,EAAE,SAAS,CAAC;IACnB,wFAAwF;IACxF,KAAK,CAAC,EAAE,gBAAgB,CAAC;CAC1B;AAED,MAAM,WAAW,cAAc;IAC7B,OAAO,EAAE,SAAS,CAAC;CACpB;AAED,MAAM,MAAM,YAAY,GAAG;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,gBAAgB,CAAA;CAAE,GAAG;IAAE,IAAI,EAAE,QAAQ,CAAC;IAAC,IAAI,EAAE,cAAc,CAAA;CAAE,CAAC;AAE/G,4DAA4D;AAC5D,MAAM,WAAW,kBAAkB;IACjC,0EAA0E;IAC1E,YAAY,EAAE,CAAC,IAAI,EAAE,gBAAgB,KAAK,IAAI,CAAC;IAC/C,sFAAsF;IACtF,WAAW,EAAE,MAAM,IAAI,CAAC;IACxB,iDAAiD;IACjD,gBAAgB,EAAE,CAAC,IAAI,EAAE,cAAc,KAAK,IAAI,CAAC;IACjD,gFAAgF;IAChF,iBAAiB,EAAE,MAAM,IAAI,CAAC;IAC9B,oDAAoD;IACpD,YAAY,EAAE,OAAO,CAAC;IACtB;;;;;OAKG;IACH,sBAAsB,EAAE,CAAC,aAAa,EAAE,aAAa,KAAK,IAAI,CAAC;IAC/D;;;;;OAKG;IACH,4BAA4B,EAAE,CAAC,aAAa,EAAE,aAAa,KAAK,IAAI,CAAC;CACtE;AAED,wBAAgB,cAAc,IAAI,kBAAkB,CA4JnD"}

package/dist/components/SuperDrawer/useSuperDrawer.js

@@ -1,148 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useSuperDrawer = useSuperDrawer;
-const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
-const react_1 = require("react");
-const BeamContext_1 = require("../BeamContext");
-const Modal_1 = require("../Modal");
-const ConfirmCloseModal_1 = require("./ConfirmCloseModal");
-function useSuperDrawer() {
-    const { drawerContentStack: contentStack, modalState, drawerCanCloseChecks: canCloseChecks, drawerCanCloseDetailsChecks: canCloseDetailsChecks, } = (0, BeamContext_1.useBeamContext)();
-    const { openModal } = (0, Modal_1.useModal)();
-    function canCloseDrawerDetails(i, doChange) {
-        for (const canCloseDrawerDetail of canCloseDetailsChecks.current[i] ?? []) {
-            if (!canClose(canCloseDrawerDetail)) {
-                openModal({ content: (0, jsx_runtime_1.jsx)(ConfirmCloseModal_1.ConfirmCloseModal, { onClose: doChange, ...canCloseDrawerDetail }) });
-                return false;
-            }
-        }
-        return true;
-    }
-    /**
-     * Validates whether a new Superdrawer can be opened / whether the current Superdrawer can be closed, performing an
-     * action to "do on change"  when all validations (or close confirmations from the user) have passed.
-     * Breaking the validation into a separate function allows openInDrawer
-     * to validate the drawer's state without closing it
-     * @param doChange - A lambda to run once all validations have passed (or once the user has confirmed that they want to close)
-     * */
-    function maybeChangeDrawer(doChange) {
-        const contentStackLength = contentStack.current.length;
-        if (contentStackLength === 0) {
-            doChange();
-            return;
-        }
-        // Attempt to close each drawer details
-        for (let i = contentStackLength - 2; i >= 0; i--) {
-            if (!canCloseDrawerDetails(i, doChange)) {
-                return;
-            }
-        }
-        // Attempt to close the drawer
-        for (const canCloseDrawer of canCloseChecks.current) {
-            if (!canClose(canCloseDrawer)) {
-                openModal({
-                    content: (0, jsx_runtime_1.jsx)(ConfirmCloseModal_1.ConfirmCloseModal, { onClose: doChange, ...canCloseDrawer }),
-                });
-                return;
-            }
-        }
-        doChange();
-    }
-    // Separate close actions to reference then in actions
-    const closeActions = (0, react_1.useMemo)(() => {
-        return {
-            /** Attempts to close the drawer. If any checks fail, a confirmation modal will appear */
-            closeDrawer() {
-                /** Reset the contentStack, all checks and modalState */
-                function onClose() {
-                    const first = contentStack.current[0];
-                    if (first?.kind === "open" && first.opts.onClose) {
-                        first.opts.onClose();
-                    }
-                    contentStack.current = [];
-                    canCloseChecks.current = [];
-                    canCloseDetailsChecks.current = [];
-                }
-                maybeChangeDrawer(onClose);
-                return;
-            },
-            closeDrawerDetail() {
-                if (contentStack.current.length < 2)
-                    return;
-                // Attempt to close the current drawer details
-                if (!canCloseDrawerDetails(contentStack.current.length - 2, onClose)) {
-                    return;
-                }
-                /** Pop an element from the contentStacks and details checks */
-                function onClose() {
-                    // Pop contentStack and the current canCloseDrawerDetailsCheck
-                    contentStack.current = contentStack.current.slice(0, -1);
-                    canCloseDetailsChecks.current = canCloseDetailsChecks.current.slice(0, -1);
-                    // Reset Modal state
-                    modalState.current = undefined;
-                }
-                onClose();
-            },
-        };
-    }, 
-    // 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
-    [canCloseChecks, canCloseDetailsChecks, contentStack, modalState, openModal]);
-    // useMemo the actions separately from the dynamic isDrawerOpen value
-    const actions = (0, react_1.useMemo)(() => {
-        return {
-            // TODO: Maybe we should rename to openDrawer as a breaking change (to match openDrawerDetail)
-            openInDrawer(opts) {
-                // When opening a new SuperDrawer, check if we can close the previous
-                // SuperDrawer content. Bail if it fails
-                // TODO: There needs to be try again logic here...
-                maybeChangeDrawer(() => {
-                    contentStack.current = [{ kind: "open", opts }];
-                });
-            },
-            openDrawerDetail(opts) {
-                // TODO: Check modal open?
-                if (!contentStack.current.length) {
-                    throw new Error("openInDrawer was not called before openDrawerDetail");
-                }
-                contentStack.current = [...contentStack.current, { kind: "detail", opts }];
-            },
-            /** Add a new close check to SuperDrawer */
-            addCanCloseDrawerCheck(canCloseCheck) {
-                // Check if we can add a canCloseDrawer check
-                const stackLength = contentStack.current.length;
-                if (!stackLength) {
-                    console.error("Cannot add canCloseDrawerCheck when the SuperDrawer is not open");
-                    return;
-                }
-                canCloseChecks.current = [...canCloseChecks.current, canCloseCheck];
-            },
-            /** Add a new close check to the current SuperDrawer detail */
-            addCanCloseDrawerDetailCheck(canCloseCheck) {
-                // Check if we can add a canCloseDrawerDetailCheck
-                const stackLength = contentStack.current.length;
-                if (stackLength <= 1) {
-                    console.error("Cannot add canCloseDrawerDetailCheck when no SuperDrawer details drawer is open");
-                    return;
-                }
-                // Add canCloseDetails check to the current details content
-                canCloseDetailsChecks.current[stackLength - 2] = [
-                    ...(canCloseDetailsChecks.current[stackLength - 2] ?? []),
-                    canCloseCheck,
-                ];
-            },
-        };
-    }, 
-    // 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
-    [canCloseChecks, canCloseDetailsChecks, closeActions, contentStack]);
-    return {
-        ...actions,
-        ...closeActions,
-        isDrawerOpen: contentStack.current.length > 0,
-    };
-}
-function canClose(canCloseCheck) {
-    return ((typeof canCloseCheck === "function" && canCloseCheck()) ||
-        (typeof canCloseCheck !== "function" && canCloseCheck.check()));
-}

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

@@ -1,5 +0,0 @@
-export declare enum SuperDrawerWidth {
-    Small = 560,
-    Normal = 1040
-}
-//# sourceMappingURL=utils.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/components/SuperDrawer/utils.ts"],"names":[],"mappings":"AAAA,oBAAY,gBAAgB;IAC1B,KAAK,MAAM;IACX,MAAM,OAAO;CACd"}

package/dist/components/SuperDrawer/utils.js

@@ -1,8 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.SuperDrawerWidth = void 0;
-var SuperDrawerWidth;
-(function (SuperDrawerWidth) {
-    SuperDrawerWidth[SuperDrawerWidth["Small"] = 560] = "Small";
-    SuperDrawerWidth[SuperDrawerWidth["Normal"] = 1040] = "Normal";
-})(SuperDrawerWidth || (exports.SuperDrawerWidth = SuperDrawerWidth = {}));

package/dist/components/Table/GridTable.d.ts

@@ -1,166 +0,0 @@
-import React, { MutableRefObject } from "react";
-import { DiscriminateUnion, GridRowKind } from "../index";
-import { GridTableApi } from "./GridTableApi";
-import { GridStyle, GridStyleDef, RowStyles } from "./TableStyles";
-import { Direction, GridColumn, GridTableXss, InfiniteScroll, Kinded, RenderAs } from "./types";
-import { GridRowLookup } from "./utils/GridRowLookup";
-import { Only } from "../../Css";
-import { GridDataRow } from "./components/Row";
-/** Tells GridTable we're running in Jest, which forces as=virtual to be as=div, to work in jsdom. */
-export declare function setRunningInJest(): void;
-export interface GridTableDefaults {
-    style: GridStyle | GridStyleDef;
-    stickyHeader: boolean;
-}
-/** Configures the default/app-wide GridStyle. */
-export declare function setDefaultStyle(style: GridStyle): void;
-/** Configures the default/app-wide GridTable settings. */
-export declare function setGridTableDefaults(opts: Partial<GridTableDefaults>): void;
-/**
- * The sort settings for the current table; whether it's client-side or server-side.
- *
- * If client-side, GridTable will internally sort rows based on the current sort column's
- * GridCellContent.value for each cell.
- *
- * If server-side, we assume the rows are in the order as defined by `value`, and `onSort`
- * will be called when the user clicks a column to request changing the column/order.
- *
- * Note that we don't support multiple sort criteria, i.e. sort by column1 desc _and then_
- * column2 asc.
- */
-export type GridSortConfig = {
-    on: "client";
-    /** The optional initial column (index in columns) and direction to sort. */
-    initial?: [string, Direction] | undefined;
-    caseSensitive?: boolean;
-    /** The optional primary sort column, this will be sorted first above/below table sort  */
-    primary?: [string, Direction] | undefined;
-} | {
-    on: "server";
-    /** The current sort by value + direction (if server-side sorting). */
-    value?: [string, Direction];
-    /** Callback for when the column is sorted (if server-side sorting). Parameters set to `undefined` is a signal to return to the initial sort state */
-    onSort: (orderBy: string | undefined, direction: Direction | undefined) => void;
-};
-/** Allows listening to per-kind row selection changes. */
-export type OnRowSelect<R extends Kinded> = {
-    [K in R["kind"]]?: DiscriminateUnion<R, "kind", K> extends {
-        data: infer D;
-    } ? (data: D, isSelected: boolean, opts: {
-        row: GridRowKind<R, K>;
-        api: GridTableApi<R>;
-    }) => void : (data: undefined, isSelected: boolean, opts: {
-        row: GridRowKind<R, K>;
-        api: GridTableApi<R>;
-    }) => void;
-};
-type DragEventType = React.DragEvent<HTMLElement>;
-export type OnRowDragEvent<R extends Kinded> = (draggedRow: GridDataRow<R>, event: DragEventType) => void;
-export interface GridTableProps<R extends Kinded, X> {
-    id?: string;
-    /**
-     * The HTML used to create the table.
-     *
-     * By default a `div` will be used with CSS grid styles, but `table` tag can be used
-     * with limited functionality but better multi-page printing/page break support.
-     *
-     * When using `table`, the column width and alignment is only supported using
-     * px values.
-     *
-     * @example
-     *  { header: "Name", data: ({ name }) => name, w: "75px", align: "right" }
-     */
-    as?: RenderAs;
-    /** The column definitions i.e. how each column should render each row kind. */
-    columns: GridColumn<R>[];
-    /** The rows of data (including any header/footer rows), to be rendered by the column definitions. */
-    rows: GridDataRow<R>[];
-    /** Optional row-kind-level styling / behavior like onClick/rowLinks. */
-    rowStyles?: RowStyles<R>;
-    /** Allow looking up prev/next of a row i.e. for SuperDrawer navigation. */
-    rowLookup?: MutableRefObject<GridRowLookup<R> | undefined>;
-    /** Whether the header row should be sticky. */
-    stickyHeader?: boolean;
-    stickyOffset?: number;
-    /** Configures sorting via a hash, does not need to be stable. */
-    sorting?: GridSortConfig;
-    /** Shown in the first row slot, if there are no rows to show, i.e. 'No rows found'. */
-    fallbackMessage?: string;
-    /** Shown in the first row, kinda-like the fallbackMessage, but shown even if there are rows as well. */
-    infoMessage?: string;
-    /** Applies a client-side filter to rows, using either it's text value or `GridCellContent.value`. */
-    filter?: string;
-    /** Caps the client-side filter to a max number of rows. */
-    filterMaxRows?: number;
-    /** A combination of CSS settings to set the static look & feel (vs. rowStyles which is per-row styling). */
-    style?: GridStyle | GridStyleDef;
-    /**
-     * If provided, collapsed rows on the table persists when the page is reloaded.
-     *
-     * This key should generally be unique to the page it's on, i.e. `specsTable_p:1_precon` would
-     *  be the collapsed state for project `p:1`'s precon stage specs & selections table.
-     */
-    persistCollapse?: string;
-    xss?: X;
-    /** Accepts the api, from `useGridTableApi`, that the caller wants to use for this table. */
-    api?: GridTableApi<R>;
-    /** Experimental, expecting to be removed - Specify the element in which the table should resize its columns against. If not set, the table will resize columns based on its owns container's width */
-    resizeTarget?: MutableRefObject<HTMLElement | null>;
-    /**
-     * Defines which row in the table should be provided with an "active" styling.
-     * Expected format is `${row.kind}_${row.id}`. This helps avoid id conflicts between rows of different types/kinds that may have the same id.
-     * Example "data_123"
-     */
-    activeRowId?: string;
-    /**
-     * Defines which cell in the table should be provided with an "active" styling.
-     * Expected format is `${row.kind}_${row.id}_${column.id}`.
-     */
-    activeCellId?: string;
-    /**
-     * Defines the session storage key for which columns are visible. If not provided, a default storage key will be used based on column order and/or `GridColumn.id`
-     * This is beneficial when looking at the same table, but of a different subject (i.e. Project A's PreCon Schedule vs Project A's Construction schedule)
-     */
-    visibleColumnsStorageKey?: string;
-    /**
-     * Infinite scroll is only supported with `as=virtual` mode
-     *
-     ** `onEndReached` will be called when the user scrolls to the end of the list with the last item index as an argument.
-     ** `endOffsetPx` is the number of pixels from the bottom of the list to eagerly trigger `onEndReached`. The default is is 500px.
-     */
-    infiniteScroll?: InfiniteScroll;
-    /** Callback for when a row is selected or unselected. */
-    onRowSelect?: OnRowSelect<R>;
-    /**
-     * Custom prefix rows for any CSV output, i.e. a header like "Report X as of date Y with filter Z".
-     *
-     * We except the `string[][]` to be an array of cells, and `copyToClipboard` and `downloadToCsv` will drop them into
-     * the csv output basically unchanged, albeit we will escape any special chars like double quotes and newlines.
-     */
-    csvPrefixRows?: string[][];
-    /** Drag & drop Callback. */
-    onRowDrop?: (draggedRow: GridDataRow<R>, droppedRow: GridDataRow<R>, indexOffset: number) => void;
-}
-/**
- * Renders data in our table layout.
- *
- * Tables are essentially a matrix of columns and rows, and this `GridTable` API is setup
- * such that:
- *
- * - Rows are mostly data, tagged with a given `kind`
- *   - I.e. this handles tables with nested/non-homogeneous rows because you can have a
- *     row with `kind: "parent"` and another with `kind: "child"`
- * - Columns are mostly rendering logic
- *   - I.e. each column defines it's behavior for each given row `kind`
- *
- * In a "kind" of cute way, headers are not modeled specially, i.e. they are just another
- * row `kind` along with the data rows. (Admittedly, out of pragmatism, we do apply some
- * special styling to the row that uses `kind: "header"`.)
- *
- * For some rationale of our current/historical rendering approaches, see the following doc:
- *
- * https://docs.google.com/document/d/1DFnlkDubK4nG_GLf_hB8yp0flnSNt_3IBh5iOicuaFM/edit#heading=h.9m9cpwgeqfc9
- */
-export declare function GridTable<R extends Kinded, X extends Only<GridTableXss, X> = any>(props: GridTableProps<R, X>): import("@emotion/react/jsx-runtime").JSX.Element;
-export {};
-//# sourceMappingURL=GridTable.d.ts.map

package/dist/components/Table/GridTable.d.ts.map

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