@homebound/beam 2.378.1 → 2.379.0

package/dist/components/DnDGrid/DnDGrid.d.ts

@@ -1,16 +0,0 @@
-import { ReactNode } from "react";
-import { Properties } from "../..";
-export interface DnDGridProps {
-    children: ReactNode;
-    /** CSS Grid styles for the grid container. */
-    gridStyles?: GridStyles;
-    /** Defines the styling for the GridItem that is actively being moved */
-    activeItemStyles?: Properties;
-    /** Returns the new order of the GridItems. */
-    onReorder: (items: string[]) => void;
-}
-export declare function DnDGrid(props: DnDGridProps): import("@emotion/react/jsx-runtime").JSX.Element;
-type GridStyles = Pick<Properties, "gridTemplate" | "gridTemplateColumns" | "gridTemplateRows" | "gridTemplateAreas" | "gridAutoFlow" | "gridAutoColumns" | "gridAutoRows" | "gap" | "columnGap" | "rowGap">;
-export declare const gridItemIdKey = "dndgrid-itemid";
-export {};
-//# sourceMappingURL=DnDGrid.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"DnDGrid.d.ts","sourceRoot":"","sources":["../../../src/components/DnDGrid/DnDGrid.tsx"],"names":[],"mappings":"AACA,OAAc,EAAiB,SAAS,EAAuB,MAAM,OAAO,CAAC;AAC7E,OAAO,EAAgB,UAAU,EAAc,cAAY;AAI3D,MAAM,WAAW,YAAY;IAC3B,QAAQ,EAAE,SAAS,CAAC;IACpB,8CAA8C;IAC9C,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,wEAAwE;IACxE,gBAAgB,CAAC,EAAE,UAAU,CAAC;IAC9B,8CAA8C;IAC9C,SAAS,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;CACtC;AAED,wBAAgB,OAAO,CAAC,KAAK,EAAE,YAAY,oDAqR1C;AAED,KAAK,UAAU,GAAG,IAAI,CACpB,UAAU,EACR,cAAc,GACd,qBAAqB,GACrB,kBAAkB,GAClB,mBAAmB,GACnB,cAAc,GACd,iBAAiB,GACjB,cAAc,GACd,KAAK,GACL,WAAW,GACX,QAAQ,CACX,CAAC;AAEF,eAAO,MAAM,aAAa,mBAAmB,CAAC"}

package/dist/components/DnDGrid/DnDGrid.js

@@ -1,234 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.gridItemIdKey = void 0;
-exports.DnDGrid = DnDGrid;
-const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
-const fast_deep_equal_1 = __importDefault(require("fast-deep-equal"));
-const react_1 = require("react");
-const src_1 = require("../..");
-const utils_1 = require("../../utils");
-const DnDGridContext_1 = require("./DnDGridContext");
-function DnDGrid(props) {
-    const { children, gridStyles, onReorder, activeItemStyles } = props;
-    const gridEl = (0, react_1.useRef)(null);
-    const dragEl = (0, react_1.useRef)();
-    const cloneEl = (0, react_1.useRef)();
-    const initialOrder = (0, react_1.useRef)();
-    const reorderViaKeyboard = (0, react_1.useRef)(false);
-    const transformFrom = (0, react_1.useRef)({ x: 0, y: 0 });
-    const tid = (0, src_1.useTestIds)(props, "dndGrid");
-    /** Helper function to return an array of GridItems HTMLElements in the DOM */
-    const getGridItems = (0, react_1.useCallback)(() => {
-        return gridEl.current ? Array.from(gridEl.current.querySelectorAll(`[${exports.gridItemIdKey}]`)) : [];
-    }, []);
-    /** Helper function that returns the current order of the GridItems `ids` in the DOM */
-    const getGridItemIdOrder = (0, react_1.useCallback)(() => {
-        return getGridItems()
-            .map((child) => child.getAttribute(exports.gridItemIdKey))
-            .filter(utils_1.isDefined);
-    }, [getGridItems]);
-    /** Initializes common state when initiating the 'reorder' process, either by cursor or keyboard */
-    const initReorder = (0, react_1.useCallback)(() => {
-        if (gridEl.current && dragEl.current) {
-            // Store the current order of the GridItems for comparing against before calling onReorder.
-            initialOrder.current = getGridItemIdOrder();
-            // Add the customizable 'active' styles to the GridItem being moved.
-            dragEl.current.classList.add(activeGridItemClass);
-        }
-    }, [getGridItemIdOrder]);
-    /** Saves the new order of the GridItems and resets common state */
-    const commitReorder = (0, react_1.useCallback)(() => {
-        if (gridEl.current && dragEl.current) {
-            // If the order has changed, call onReorder
-            const currentOrder = getGridItemIdOrder();
-            if (!(0, fast_deep_equal_1.default)(currentOrder, initialOrder.current))
-                onReorder(currentOrder);
-            // Reset common state
-            dragEl.current.classList.remove(activeGridItemClass);
-            dragEl.current = undefined;
-            reorderViaKeyboard.current = false;
-            // And update the initial order to the current order.
-            initialOrder.current = currentOrder;
-        }
-    }, [onReorder, getGridItemIdOrder]);
-    /** Resets common state and reverts the order of the GridItems to the initial order */
-    const cancelReorder = (0, react_1.useCallback)(() => {
-        if (gridEl.current && dragEl.current && initialOrder.current) {
-            // Determine if the order has actually changed before reverting.
-            const currentOrder = getGridItemIdOrder();
-            if (!(0, fast_deep_equal_1.default)(currentOrder, initialOrder.current)) {
-                const initialIndex = initialOrder.current.indexOf(dragEl.current.getAttribute(exports.gridItemIdKey) ?? "");
-                // If GridItem was initially the last item in the grid, then we need to append it to the end of the other `GridItems`
-                if (initialIndex === initialOrder.current.length - 1) {
-                    const gridItems = getGridItems();
-                    const lastGridItem = gridItems[gridItems.length - 1];
-                    // If there is another sibling (meaning there is a non-`GridItem` element after the last `gridItem`), then insert before that.
-                    gridEl.current.insertBefore(dragEl.current, lastGridItem.nextSibling);
-                }
-                else {
-                    // If this GridItem was not the last item in the grid, then we need to insert it before the next GridItem.
-                    const nextSiblingIndex = initialOrder.current[initialIndex + 1];
-                    const nextSibling = gridEl.current.querySelector(`[${exports.gridItemIdKey}="${nextSiblingIndex}"]`);
-                    if (nextSibling) {
-                        gridEl.current.insertBefore(dragEl.current, nextSibling);
-                    }
-                }
-            }
-            // And finally reset common state.
-            dragEl.current.classList.remove(activeGridItemClass);
-            dragEl.current = undefined;
-            reorderViaKeyboard.current = false;
-        }
-    }, [getGridItemIdOrder, getGridItems]);
-    /** Handles moving the GridItem based on cursor position */
-    const onMove = (0, react_1.useCallback)((e) => {
-        if (!reorderViaKeyboard.current && dragEl.current && cloneEl.current && gridEl.current) {
-            // Get the current position of the pointer.
-            const clientX = "clientX" in e ? e.clientX : e.touches[0].clientX;
-            const clientY = "clientY" in e ? e.clientY : e.touches[0].clientY;
-            // Update the transform property to move the element along with the pointer's position.
-            const left = dragEl.current.style.left ? parseInt(dragEl.current.style.left) : 0;
-            const top = dragEl.current.style.top ? parseInt(dragEl.current.style.top) : 0;
-            const x = clientX - transformFrom.current.x - left;
-            const y = clientY - transformFrom.current.y - top;
-            dragEl.current.style.transform = `translate(${x}px, ${y}px)`;
-            // For touch devices we need to use `document.elementFromPoint` to determine which element is under the cursor/dragged element. For non-touch screens, setting `pointer-events: none` does this for us.
-            const maybeTarget = "touches" in e ? document.elementFromPoint(clientX, clientY) : e.target;
-            const target = maybeTarget instanceof HTMLElement ? maybeTarget?.closest(`[${exports.gridItemIdKey}]`) : undefined;
-            // Figure out if we need to move the placeholder element based on the `dragEl`'s new position.
-            if (target instanceof HTMLElement && target !== cloneEl.current && target !== dragEl.current) {
-                const targetPos = target.getBoundingClientRect();
-                const isHalfwayPassedTarget = (clientY - targetPos.top) / (targetPos.bottom - targetPos.top) > 0.5 ||
-                    (clientX - targetPos.left) / (targetPos.right - targetPos.left) > 0.5;
-                // Only insert the placeholder if it's not already in the correct position.
-                const shouldInsert = (isHalfwayPassedTarget && target.nextSibling !== cloneEl.current) ||
-                    (!isHalfwayPassedTarget && target.previousSibling !== cloneEl.current);
-                if (shouldInsert) {
-                    gridEl.current.insertBefore(cloneEl.current, isHalfwayPassedTarget ? target.nextSibling : target);
-                }
-            }
-        }
-    }, []);
-    /** Handles the initiation of the dragging process */
-    const onDragStart = (0, react_1.useCallback)((e) => {
-        if (!reorderViaKeyboard.current && dragEl.current && gridEl.current) {
-            initReorder();
-            // Determine the position of the pointer relative to the element being dragged.
-            const gridRect = gridEl.current.getBoundingClientRect();
-            const rect = dragEl.current.getBoundingClientRect();
-            const clientX = "clientX" in e ? e.clientX : e.touches[0].clientX;
-            const clientY = "clientY" in e ? e.clientY : e.touches[0].clientY;
-            const top = rect.top - gridRect.top;
-            const left = rect.left - gridRect.left;
-            // Store the pointer's offset from the tile being moved to help correctly position the element as we drag it around.
-            transformFrom.current = { x: clientX - left, y: clientY - top };
-            // Duplicate the draggable element as a placeholder to show as a drop target
-            cloneEl.current = dragEl.current.cloneNode();
-            cloneEl.current?.setAttribute("style", `border-width: 2px; border-color: ${src_1.Palette.Gray400}; border-style: dashed; width:${rect.width}px; height:${rect.height}px;`);
-            // Denote this is a "clone" so we can easily identify it later.
-            cloneEl.current?.setAttribute(gridCloneKey, "true");
-            // Remove the id attribute from the clone to avoid duplicate ids on the page.
-            cloneEl.current.removeAttribute("id");
-            // Ensure this element does not close the `active` styles as well.
-            cloneEl.current?.classList.remove(activeGridItemClass);
-            // And finally place it in the DOM after the element being dragged. If there is no `nextSibling`, then it is appended to the grid element.
-            gridEl.current.insertBefore(cloneEl.current, dragEl.current.nextSibling);
-            // Apply styles to the actual element to make it look like it's being dragged.
-            // This will remove it from the normal flow of the page, allowing the clone above to take its place.
-            dragEl.current.setAttribute("style", `pointer-events: none; position:fixed; z-index: 9999; top:${top}px; left:${left}px; width:${rect.width}px; height:${rect.height}px;`);
-            // Applies cursor styling to the Grid element.
-            gridEl.current.style.cursor = "grabbing";
-            // Add event listeners to move the element as the user drags it around.
-            gridEl.current.addEventListener("mousemove", onMove);
-            gridEl.current.addEventListener("touchmove", onMove);
-        }
-    }, [initReorder, onMove]);
-    /** Handles the end of the dragging process */
-    const onDragEnd = (0, react_1.useCallback)((e) => {
-        if (!reorderViaKeyboard.current && dragEl.current && cloneEl.current && gridEl.current) {
-            e.preventDefault();
-            cloneEl.current.replaceWith(dragEl.current);
-            // Remove any placeholder elements.
-            gridEl.current.querySelectorAll(`[${gridCloneKey}]`).forEach((el) => el.remove());
-            // Clear custom styling
-            dragEl.current.removeAttribute("style");
-            gridEl.current.style.cursor = "auto";
-            // And unset the `cloneEl`
-            cloneEl.current = undefined;
-            // Commit the changes to the GridItem order
-            commitReorder();
-            // Remove event listeners.
-            gridEl.current.removeEventListener("mousemove", onMove);
-            gridEl.current.removeEventListener("touchmove", onMove);
-        }
-    }, [commitReorder, onMove]);
-    /** Handles keyboard interaction when the active element is one of the "drag handles" */
-    const onDragHandleKeyDown = (0, react_1.useCallback)((e) => {
-        const moveHandle = e.target;
-        if (dragEl.current instanceof HTMLElement && moveHandle instanceof HTMLElement && gridEl.current) {
-            const isSpaceKey = e.key === " ";
-            // Check to see if we should activate moving via keyboard
-            if (isSpaceKey && !reorderViaKeyboard.current) {
-                e.preventDefault();
-                reorderViaKeyboard.current = true;
-                document.addEventListener("pointerdown", cancelReorder);
-                initReorder();
-                return;
-            }
-            if (!reorderViaKeyboard.current) {
-                return;
-            }
-            const isEnterKey = e.key === "Enter";
-            const isTabKey = e.key === "Tab";
-            // Use Enter or Space keys as a signal to commit the move
-            if (isEnterKey || isSpaceKey || isTabKey) {
-                if (!isTabKey) {
-                    e.preventDefault();
-                }
-                commitReorder();
-                if (isEnterKey) {
-                    moveHandle.blur();
-                }
-                document.removeEventListener("pointerdown", cancelReorder);
-                return;
-            }
-            // Use the Escape key to signal canceling the move
-            if (e.key === "Escape") {
-                e.preventDefault();
-                cancelReorder();
-                document.removeEventListener("pointerdown", cancelReorder);
-                return;
-            }
-            // Check to see if we should move the element
-            const movingLeft = ["ArrowLeft", "ArrowUp"].includes(e.key);
-            const movingRight = ["ArrowRight", "ArrowDown"].includes(e.key);
-            if (movingLeft || movingRight) {
-                e.preventDefault();
-                // Give the moveEl an "active" state to help identify which element is being moved
-                const gridItems = getGridItems();
-                const currentIndex = gridItems
-                    .map((child) => child.getAttribute(exports.gridItemIdKey))
-                    .filter(utils_1.isDefined)
-                    .indexOf(dragEl.current.getAttribute(exports.gridItemIdKey));
-                const newIndex = movingLeft ? currentIndex - 1 : currentIndex + 2;
-                // If we are at the last GridItem, then check to see if there are any elements after it that may not be sortable, but we still want to insert before them.
-                const insertBeforeElement = gridItems[newIndex] ?? gridItems[gridItems.length - 1].nextSibling;
-                if ((movingLeft && currentIndex > 0) || (movingRight && currentIndex < gridItems.length - 1)) {
-                    gridEl.current.insertBefore(dragEl.current, insertBeforeElement);
-                }
-                // Put the focus back on the move handle in case it was moved
-                moveHandle.focus();
-            }
-        }
-    }, [cancelReorder, commitReorder, initReorder, getGridItems]);
-    return ((0, jsx_runtime_1.jsx)(DnDGridContext_1.DnDGridContext.Provider, { value: { dragEl, onDragHandleKeyDown }, children: (0, jsx_runtime_1.jsx)("div", { ref: gridEl, css: {
-                ...src_1.Css.ctis.dg.addIn(`& .${activeGridItemClass}`, activeItemStyles ?? src_1.Css.bshModal.$).$,
-                ...gridStyles,
-            }, onTouchStart: onDragStart, onMouseDown: onDragStart, onTouchEnd: onDragEnd, onMouseUp: onDragEnd, ...tid, children: children }) }));
-}
-exports.gridItemIdKey = "dndgrid-itemid";
-const gridCloneKey = "dndgrid-clone";
-const activeGridItemClass = "dndgrid-active";

package/dist/components/DnDGrid/DnDGridContext.d.ts

@@ -1,9 +0,0 @@
-import React, { KeyboardEvent } from "react";
-interface DnDGridContextProps {
-    dragEl: React.MutableRefObject<HTMLElement | undefined>;
-    onDragHandleKeyDown: (e: KeyboardEvent) => void;
-}
-export declare const DnDGridContext: React.Context<DnDGridContextProps>;
-export declare function useDnDGridContext(): DnDGridContextProps;
-export {};
-//# sourceMappingURL=DnDGridContext.d.ts.map

package/dist/components/DnDGrid/DnDGridContext.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"DnDGridContext.d.ts","sourceRoot":"","sources":["../../../src/components/DnDGrid/DnDGridContext.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAiB,aAAa,EAAc,MAAM,OAAO,CAAC;AAExE,UAAU,mBAAmB;IAC3B,MAAM,EAAE,KAAK,CAAC,gBAAgB,CAAC,WAAW,GAAG,SAAS,CAAC,CAAC;IACxD,mBAAmB,EAAE,CAAC,CAAC,EAAE,aAAa,KAAK,IAAI,CAAC;CACjD;AAED,eAAO,MAAM,cAAc,oCAGzB,CAAC;AAEH,wBAAgB,iBAAiB,wBAEhC"}

package/dist/components/DnDGrid/DnDGridContext.js

@@ -1,12 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DnDGridContext = void 0;
-exports.useDnDGridContext = useDnDGridContext;
-const react_1 = require("react");
-exports.DnDGridContext = (0, react_1.createContext)({
-    dragEl: { current: undefined },
-    onDragHandleKeyDown: () => { },
-});
-function useDnDGridContext() {
-    return (0, react_1.useContext)(exports.DnDGridContext);
-}

package/dist/components/DnDGrid/DnDGridItemHandle.d.ts

@@ -1,11 +0,0 @@
-import { IconKey, Palette } from "../..";
-import { DnDGridItemProps } from "./useDnDGridItem";
-export interface DnDGridItemHandleProps {
-    dragHandleProps: DnDGridItemProps["dragHandleProps"];
-    icon?: IconKey;
-    compact?: boolean;
-    color?: Palette;
-}
-/** Provides a specific handle element for dragging a GridItem. Includes handling behaviors and interactions */
-export declare function DnDGridItemHandle(props: DnDGridItemHandleProps): import("@emotion/react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=DnDGridItemHandle.d.ts.map

package/dist/components/DnDGrid/DnDGridItemHandle.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"DnDGridItemHandle.d.ts","sourceRoot":"","sources":["../../../src/components/DnDGrid/DnDGridItemHandle.tsx"],"names":[],"mappings":"AACA,OAAO,EAAa,OAAO,EAAE,OAAO,EAAc,cAAY;AAC9D,OAAO,EAAE,gBAAgB,EAAE,yBAA8C;AAEzE,MAAM,WAAW,sBAAsB;IACrC,eAAe,EAAE,gBAAgB,CAAC,iBAAiB,CAAC,CAAC;IACrD,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB;AAED,+GAA+G;AAC/G,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,sBAAsB,oDAuB9D"}

package/dist/components/DnDGrid/DnDGridItemHandle.js

@@ -1,21 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DnDGridItemHandle = DnDGridItemHandle;
-const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
-const react_aria_1 = require("react-aria");
-const src_1 = require("../..");
-/** Provides a specific handle element for dragging a GridItem. Includes handling behaviors and interactions */
-function DnDGridItemHandle(props) {
-    const { dragHandleProps, icon = "move", compact = false, color } = props;
-    const { focusProps, isFocusVisible } = (0, react_aria_1.useFocusRing)();
-    const { hoverProps, isHovered } = (0, react_aria_1.useHover)({});
-    const tid = (0, src_1.useTestIds)(props, "dragHandle");
-    const iconButtonNormal = src_1.Css.hPx(28).wPx(28).br8.bw2.$;
-    const iconButtonCompact = src_1.Css.hPx(18).wPx(18).br4.bw1.$;
-    return ((0, jsx_runtime_1.jsx)("button", { css: {
-            ...(compact ? iconButtonCompact : iconButtonNormal),
-            ...src_1.Css.cursor("grab").bcTransparent.bss.bgTransparent.outline0.dif.aic.jcc.transition.if(isFocusVisible)
-                .bcBlue700.$,
-            ...(isHovered && src_1.Css.bgGray200.$),
-        }, ...(0, react_aria_1.mergeProps)(dragHandleProps, focusProps, hoverProps), ...tid, children: (0, jsx_runtime_1.jsx)(src_1.Icon, { icon: icon, inc: compact ? 2 : undefined, color: color }) }));
-}

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

@@ -1,7 +0,0 @@
-export { DnDGrid } from "./DnDGrid";
-export type { DnDGridProps } from "./DnDGrid";
-export { DnDGridItemHandle } from "./DnDGridItemHandle";
-export type { DnDGridItemHandleProps } from "./DnDGridItemHandle";
-export { useDnDGridItem } from "./useDnDGridItem";
-export type { DnDGridItemProps, useDnDGridItemProps } from "./useDnDGridItem";
-//# sourceMappingURL=index.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/DnDGrid/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,YAAY,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AAC9C,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,YAAY,EAAE,sBAAsB,EAAE,MAAM,qBAAqB,CAAC;AAClE,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,YAAY,EAAE,gBAAgB,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC"}

package/dist/components/DnDGrid/index.js

@@ -1,9 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useDnDGridItem = exports.DnDGridItemHandle = exports.DnDGrid = void 0;
-var DnDGrid_1 = require("./DnDGrid");
-Object.defineProperty(exports, "DnDGrid", { enumerable: true, get: function () { return DnDGrid_1.DnDGrid; } });
-var DnDGridItemHandle_1 = require("./DnDGridItemHandle");
-Object.defineProperty(exports, "DnDGridItemHandle", { enumerable: true, get: function () { return DnDGridItemHandle_1.DnDGridItemHandle; } });
-var useDnDGridItem_1 = require("./useDnDGridItem");
-Object.defineProperty(exports, "useDnDGridItem", { enumerable: true, get: function () { return useDnDGridItem_1.useDnDGridItem; } });

package/dist/components/DnDGrid/useDnDGridItem.d.ts

@@ -1,18 +0,0 @@
-import React, { KeyboardEvent } from "react";
-export interface useDnDGridItemProps {
-    id: React.Key;
-    itemRef: React.RefObject<HTMLElement>;
-}
-/** Provides props for a GridItem to be draggable */
-export declare function useDnDGridItem(props: useDnDGridItemProps): {
-    dragHandleProps: {
-        onMouseDown: () => void;
-        onTouchStart: () => void;
-        onKeyDown: (e: KeyboardEvent) => void;
-    };
-    dragItemProps: {
-        "dndgrid-itemid": React.Key;
-    };
-};
-export type DnDGridItemProps = ReturnType<typeof useDnDGridItem>;
-//# sourceMappingURL=useDnDGridItem.d.ts.map

package/dist/components/DnDGrid/useDnDGridItem.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useDnDGridItem.d.ts","sourceRoot":"","sources":["../../../src/components/DnDGrid/useDnDGridItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,aAAa,EAAW,MAAM,OAAO,CAAC;AAItD,MAAM,WAAW,mBAAmB;IAClC,EAAE,EAAE,KAAK,CAAC,GAAG,CAAC;IACd,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;CACvC;AAED,oDAAoD;AACpD,wBAAgB,cAAc,CAAC,KAAK,EAAE,mBAAmB;;;;uBAiBhC,aAAa;;;;;EAarC;AAED,MAAM,MAAM,gBAAgB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC"}

package/dist/components/DnDGrid/useDnDGridItem.js

@@ -1,33 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useDnDGridItem = useDnDGridItem;
-const react_1 = require("react");
-const DnDGrid_1 = require("./DnDGrid");
-const DnDGridContext_1 = require("./DnDGridContext");
-/** Provides props for a GridItem to be draggable */
-function useDnDGridItem(props) {
-    const { id, itemRef } = props;
-    const { dragEl, onDragHandleKeyDown } = (0, DnDGridContext_1.useDnDGridContext)();
-    const { dragItemProps, dragHandleProps } = (0, react_1.useMemo)(() => {
-        function initDraggable() {
-            if (itemRef.current) {
-                dragEl.current = itemRef.current;
-            }
-        }
-        return {
-            dragItemProps: { [DnDGrid_1.gridItemIdKey]: id },
-            dragHandleProps: {
-                onMouseDown: initDraggable,
-                onTouchStart: initDraggable,
-                onKeyDown: (e) => {
-                    initDraggable();
-                    onDragHandleKeyDown(e);
-                },
-            },
-        };
-    }, 
-    // 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
-    [dragEl, id, itemRef]);
-    return { dragHandleProps, dragItemProps };
-}

package/dist/components/Filters/BaseFilter.d.ts

@@ -1,21 +0,0 @@
-import { TestIds } from "../../utils/useTestIds";
-/**
- * Provides behavior common to most filters.
- *
- * Note that we don't export this outside of beam; downstream projects can still
- * implement their own filters using the `Filter` interface, but just to keep OO
- * coupling to a minimum, we treat this base class as an internal implementation
- * detail.
- */
-export declare class BaseFilter<V, P extends {
-    label?: string;
-    defaultValue?: V;
-}> {
-    protected key: string;
-    protected props: P;
-    constructor(key: string, props: P);
-    get label(): string;
-    get defaultValue(): V | undefined;
-    protected testId(tid: TestIds): object;
-}
-//# sourceMappingURL=BaseFilter.d.ts.map

package/dist/components/Filters/BaseFilter.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"BaseFilter.d.ts","sourceRoot":"","sources":["../../../src/components/Filters/BaseFilter.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,OAAO,EAAE,+BAA6B;AAE/C;;;;;;;GAOG;AACH,qBAAa,UAAU,CAAC,CAAC,EAAE,CAAC,SAAS;IAAE,KAAK,CAAC,EAAE,MAAM,CAAC;IAAC,YAAY,CAAC,EAAE,CAAC,CAAA;CAAE;IAErE,SAAS,CAAC,GAAG,EAAE,MAAM;IACrB,SAAS,CAAC,KAAK,EAAE,CAAC;gBADR,GAAG,EAAE,MAAM,EACX,KAAK,EAAE,CAAC;IAGpB,IAAI,KAAK,IAAI,MAAM,CAElB;IAED,IAAI,YAAY,kBAEf;IAED,SAAS,CAAC,MAAM,CAAC,GAAG,EAAE,OAAO,GAAG,MAAM;CAGvC"}

package/dist/components/Filters/BaseFilter.js

@@ -1,31 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.BaseFilter = void 0;
-const defaultLabel_1 = require("../../utils/defaultLabel");
-const defaultTestId_1 = require("../../utils/defaultTestId");
-/**
- * Provides behavior common to most filters.
- *
- * Note that we don't export this outside of beam; downstream projects can still
- * implement their own filters using the `Filter` interface, but just to keep OO
- * coupling to a minimum, we treat this base class as an internal implementation
- * detail.
- */
-class BaseFilter {
-    key;
-    props;
-    constructor(key, props) {
-        this.key = key;
-        this.props = props;
-    }
-    get label() {
-        return this.props.label || (0, defaultLabel_1.defaultLabel)(this.key);
-    }
-    get defaultValue() {
-        return this.props.defaultValue;
-    }
-    testId(tid) {
-        return tid[(0, defaultTestId_1.defaultTestId)(this.label)];
-    }
-}
-exports.BaseFilter = BaseFilter;

package/dist/components/Filters/BooleanFilter.d.ts

@@ -1,9 +0,0 @@
-import { Filter } from "./types";
-export type BooleanOption = [boolean | undefined, string];
-export interface BooleanFilterProps {
-    options?: BooleanOption[];
-    label?: string;
-    defaultValue?: undefined | boolean;
-}
-export declare function booleanFilter(props: BooleanFilterProps): (key: string) => Filter<boolean>;
-//# sourceMappingURL=BooleanFilter.d.ts.map

package/dist/components/Filters/BooleanFilter.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"BooleanFilter.d.ts","sourceRoot":"","sources":["../../../src/components/Filters/BooleanFilter.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,MAAM,EAAE,gBAAqC;AAItD,MAAM,MAAM,aAAa,GAAG,CAAC,OAAO,GAAG,SAAS,EAAE,MAAM,CAAC,CAAC;AAE1D,MAAM,WAAW,kBAAkB;IACjC,OAAO,CAAC,EAAE,aAAa,EAAE,CAAC;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,SAAS,GAAG,OAAO,CAAC;CACpC;AAED,wBAAgB,aAAa,CAAC,KAAK,EAAE,kBAAkB,GAAG,CAAC,GAAG,EAAE,MAAM,KAAK,MAAM,CAAC,OAAO,CAAC,CAEzF"}

package/dist/components/Filters/BooleanFilter.js

@@ -1,27 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.booleanFilter = booleanFilter;
-const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
-const BaseFilter_1 = require("./BaseFilter");
-const SelectField_1 = require("../../inputs/SelectField");
-function booleanFilter(props) {
-    return (key) => new BooleanFilter(key, props);
-}
-class BooleanFilter extends BaseFilter_1.BaseFilter {
-    render(value, setValue, tid, inModal, vertical) {
-        // Our options are a list of tuples
-        const { options = defaultBooleanOptions, label, defaultValue, ...props } = this.props;
-        return ((0, jsx_runtime_1.jsx)(SelectField_1.SelectField, { ...props, compact: !vertical, label: this.label, 
-            // We use `String(value)` so that `undefined` becomes "undefined"
-            value: String(value), labelStyle: inModal ? "hidden" : !inModal && !vertical ? "inline" : "above", sizeToContent: !inModal && !vertical, options: options, getOptionValue: (o) => String(o[0]), getOptionLabel: (o) => o[1], onSelect: (value) => {
-                // Change our string "true" / "false" / "undefined" back to boolean | undefined
-                const parsedValue = value === "undefined" ? undefined : value === "true";
-                setValue(parsedValue);
-            }, ...this.testId(tid) }));
-    }
-}
-const defaultBooleanOptions = [
-    [undefined, "Any"],
-    [true, "Yes"],
-    [false, "No"],
-];

package/dist/components/Filters/CheckboxFilter.d.ts

@@ -1,20 +0,0 @@
-import { Filter } from "./types";
-export type CheckboxFilterProps<V> = {
-    label?: string;
-    onValue?: V | undefined;
-    offValue?: V | undefined;
-    defaultValue?: V | undefined;
-};
-/**
- * Provides a two-state "on/off" filter.
- *
- * By default the on/off values are `on === true` and `off === undefined`.
- *
- * You can flip the on/off values by passing `onValue: false`, in which case
- * `on === false` and off === undefined`.
- *
- * Or you can set on/off directly, by passing both `onValue` and `offValue`, even to
- * non-boolean values, i.e. `onValue: "foo", offValue: "bar"`.
- */
-export declare function checkboxFilter<V = boolean>(props: CheckboxFilterProps<V>): (key: string) => Filter<V>;
-//# sourceMappingURL=CheckboxFilter.d.ts.map

package/dist/components/Filters/CheckboxFilter.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"CheckboxFilter.d.ts","sourceRoot":"","sources":["../../../src/components/Filters/CheckboxFilter.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,MAAM,EAAE,gBAAqC;AAItD,MAAM,MAAM,mBAAmB,CAAC,CAAC,IAAI;IACnC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,CAAC,GAAG,SAAS,CAAC;IACxB,QAAQ,CAAC,EAAE,CAAC,GAAG,SAAS,CAAC;IACzB,YAAY,CAAC,EAAE,CAAC,GAAG,SAAS,CAAC;CAC9B,CAAC;AAEF;;;;;;;;;;GAUG;AACH,wBAAgB,cAAc,CAAC,CAAC,GAAG,OAAO,EAAE,KAAK,EAAE,mBAAmB,CAAC,CAAC,CAAC,GAAG,CAAC,GAAG,EAAE,MAAM,KAAK,MAAM,CAAC,CAAC,CAAC,CAOrG"}

package/dist/components/Filters/CheckboxFilter.js

@@ -1,35 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.checkboxFilter = checkboxFilter;
-const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
-const BaseFilter_1 = require("./BaseFilter");
-const inputs_1 = require("../../inputs");
-/**
- * Provides a two-state "on/off" filter.
- *
- * By default the on/off values are `on === true` and `off === undefined`.
- *
- * You can flip the on/off values by passing `onValue: false`, in which case
- * `on === false` and off === undefined`.
- *
- * Or you can set on/off directly, by passing both `onValue` and `offValue`, even to
- * non-boolean values, i.e. `onValue: "foo", offValue: "bar"`.
- */
-function checkboxFilter(props) {
-    return (key) => new CheckboxFilter(key, {
-        // If the user has set the offValue, that should be the default b/c we're only a two-state
-        defaultValue: props.offValue,
-        ...props,
-    });
-}
-class CheckboxFilter extends BaseFilter_1.BaseFilter {
-    render(value, setValue, tid, inModal, vertical) {
-        const { defaultValue, onValue = true, offValue = undefined, ...props } = this.props;
-        return ((0, jsx_runtime_1.jsx)(inputs_1.Checkbox, { ...props, selected: value === undefined ? false : value === onValue, label: this.label, onChange: (on) => {
-                setValue(on ? onValue : offValue);
-            }, ...this.testId(tid) }));
-    }
-    get hideLabelInModal() {
-        return true;
-    }
-}

package/dist/components/Filters/DateFilter.d.ts

@@ -1,16 +0,0 @@
-import { Key } from "react";
-import { Filter } from "./types";
-import { Value } from "../../inputs";
-export type DateFilterProps<O, V extends Value, DV extends DateFilterValue<V>> = {
-    label: string;
-    operations: O[];
-    getOperationValue: (o: O) => V;
-    getOperationLabel: (o: O) => string;
-    defaultValue?: DV;
-};
-export type DateFilterValue<V extends Value> = {
-    op: V;
-    value: Date;
-};
-export declare function dateFilter<O, V extends Key>(props: DateFilterProps<O, V, DateFilterValue<V>>): (key: string) => Filter<DateFilterValue<V>>;
-//# sourceMappingURL=DateFilter.d.ts.map

package/dist/components/Filters/DateFilter.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"DateFilter.d.ts","sourceRoot":"","sources":["../../../src/components/Filters/DateFilter.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAE5B,OAAO,EAAE,MAAM,EAAE,gBAAqC;AAGtD,OAAO,EAA0B,KAAK,EAAE,qBAAmB;AAI3D,MAAM,MAAM,eAAe,CAAC,CAAC,EAAE,CAAC,SAAS,KAAK,EAAE,EAAE,SAAS,eAAe,CAAC,CAAC,CAAC,IAAI;IAC/E,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,EAAE,CAAC,EAAE,CAAC;IAChB,iBAAiB,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC;IAC/B,iBAAiB,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,MAAM,CAAC;IACpC,YAAY,CAAC,EAAE,EAAE,CAAC;CACnB,CAAC;AAEF,MAAM,MAAM,eAAe,CAAC,CAAC,SAAS,KAAK,IAAI;IAAE,EAAE,EAAE,CAAC,CAAC;IAAC,KAAK,EAAE,IAAI,CAAA;CAAE,CAAC;AAEtE,wBAAgB,UAAU,CAAC,CAAC,EAAE,CAAC,SAAS,GAAG,EACzC,KAAK,EAAE,eAAe,CAAC,CAAC,EAAE,CAAC,EAAE,eAAe,CAAC,CAAC,CAAC,CAAC,GAC/C,CAAC,GAAG,EAAE,MAAM,KAAK,MAAM,CAAC,eAAe,CAAC,CAAC,CAAC,CAAC,CAE7C"}

package/dist/components/Filters/DateFilter.js

@@ -1,26 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.dateFilter = dateFilter;
-const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
-const BaseFilter_1 = require("./BaseFilter");
-const CompoundField_1 = require("../internal/CompoundField");
-const Label_1 = require("../Label");
-const inputs_1 = require("../../inputs");
-const defaultTestId_1 = require("../../utils/defaultTestId");
-function dateFilter(props) {
-    return (key) => new DateFilter(key, props);
-}
-// Custom option that allows for not selecting an operation
-const anyOption = {};
-class DateFilter extends BaseFilter_1.BaseFilter {
-    render(value, setValue, tid, inModal, vertical) {
-        const { label, operations, getOperationValue, getOperationLabel } = this.props;
-        return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [vertical && (0, jsx_runtime_1.jsx)(Label_1.Label, { label: label }), (0, jsx_runtime_1.jsxs)(CompoundField_1.CompoundField, { children: [(0, jsx_runtime_1.jsx)(inputs_1.SelectField, { compact: true, sizeToContent: true, options: [
-                                // Always show the 'Any' option
-                                anyOption,
-                                ...operations,
-                            ], getOptionValue: (o) => (o === anyOption ? undefined : getOperationValue(o)), getOptionLabel: (o) => (o === anyOption ? "Any" : getOperationLabel(o)), value: value?.op, onSelect: (op) => 
-                            // default the selected date to today if it doesn't exist in the filter's value
-                            setValue(op ? { op, value: value?.value ? new Date(value.value) : new Date() } : undefined), label: inModal ? `${label} date filter operation` : label, labelStyle: !inModal && !vertical ? "inline" : inModal || vertical ? "hidden" : "above", nothingSelectedText: "Any", ...tid[`${(0, defaultTestId_1.defaultTestId)(this.label)}_dateOperation`] }), (0, jsx_runtime_1.jsx)(inputs_1.DateField, { compact: true, labelStyle: "inline", value: value?.value ? new Date(value.value) : new Date(), label: "Date", onChange: (d) => setValue({ ...value, value: d }), disabled: !value, ...tid[`${(0, defaultTestId_1.defaultTestId)(this.label)}_dateField`] })] })] }));
-    }
-}

package/dist/components/Filters/DateRangeFilter.d.ts

@@ -1,16 +0,0 @@
-import { Matcher } from "react-day-picker";
-import { Filter } from "./types";
-import { DateRange } from "../../types";
-export type DateRangeFilterProps<O extends string> = {
-    label: string;
-    defaultValue?: DateRangeFilterValue<O>;
-    placeholderText?: string;
-    disabledDays?: Matcher | Matcher[];
-    testFieldLabel?: string;
-};
-export type DateRangeFilterValue<O extends string> = {
-    op: O;
-    value: DateRange | undefined;
-};
-export declare function dateRangeFilter<O extends string>(props: DateRangeFilterProps<O>): (key: string) => Filter<DateRangeFilterValue<O>>;
-//# sourceMappingURL=DateRangeFilter.d.ts.map