@homebound/beam 2.413.0-alpha.4 → 2.413.0-alpha.6

package/dist/index.js

@@ -6697,7 +6697,7 @@ function Button(props) {
     // Default the icon based on other properties.
     icon = download ? "download" : showExternalLinkIcon ? "linkExternal" : void 0,
     variant = "primary",
-    size = "sm",
+    size = "md",
     buttonRef
   } = ariaProps;
   const ref = useGetRef(buttonRef);
@@ -14245,7 +14245,7 @@ var variantStyles2 = {
 };
 
 // src/components/BeamContext.tsx
-import { createContext as createContext6, useContext as useContext16, useMemo as useMemo37, useReducer, useRef as useRef47 } from "react";
+import { createContext as createContext6, useContext as useContext16, useMemo as useMemo37, useReducer, useRef as useRef46 } from "react";
 import { OverlayProvider } from "react-aria";
 
 // src/components/Modal/Modal.tsx
@@ -16152,8 +16152,7 @@ function isSelectionButtonMenuProps(props) {
 }
 
 // src/components/Filters/FilterDropdownMenu.tsx
-import { memo as memo2, useMemo as useMemo33, useRef as useRef46, useState as useState38 } from "react";
-import { useOverlay as useOverlay3 } from "react-aria";
+import { memo as memo2, useMemo as useMemo33, useState as useState38 } from "react";
 
 // src/components/CountBadge.tsx
 import { jsx as jsx127 } from "@emotion/react/jsx-runtime";
@@ -16721,20 +16720,6 @@ function FilterDropdownMenu(props) {
   const { filter, onChange, filterDefs, groupBy } = props;
   const testId = useTestIds(props, filterTestIdPrefix);
   const [isOpen, setIsOpen] = useState38(false);
-  const buttonRef = useRef46(null);
-  const filterContentRef = useRef46(null);
-  const { overlayProps } = useOverlay3(
-    {
-      isOpen,
-      onClose: () => setIsOpen(false),
-      isDismissable: true,
-      shouldCloseOnInteractOutside: (element) => {
-        if (buttonRef.current?.contains(element)) return false;
-        return true;
-      }
-    },
-    filterContentRef
-  );
   const activeFilterCount = useMemo33(() => getActiveFilterCount(filter), [filter]);
   const filterImpls = useMemo33(() => buildFilterImpls(filterDefs), [filterDefs]);
   const renderFilters = () => {
@@ -16744,7 +16729,7 @@ function FilterDropdownMenu(props) {
     return [...nonCheckbox, ...checkbox].map(([key, f]) => /* @__PURE__ */ jsx140("div", { children: f.render(filter[key], (value) => onChange(updateFilter(filter, key, value)), testId, false, false) }, key));
   };
   return /* @__PURE__ */ jsxs68(Fragment30, { children: [
-    /* @__PURE__ */ jsx140("div", { ref: buttonRef, children: /* @__PURE__ */ jsx140(
+    /* @__PURE__ */ jsx140(
       Button,
       {
         label: "Filter",
@@ -16758,8 +16743,8 @@ function FilterDropdownMenu(props) {
         onClick: () => setIsOpen(!isOpen),
         ...testId.button
       }
-    ) }),
-    isOpen && /* @__PURE__ */ jsxs68("div", { ref: filterContentRef, ...overlayProps, css: Css.df.aic.fww.gap1.order(1).$, children: [
+    ),
+    isOpen && /* @__PURE__ */ jsxs68("div", { css: Css.df.aic.fww.gap1.order(1).$, children: [
       groupBy && /* @__PURE__ */ jsx140(
         SelectField,
         {
@@ -17348,18 +17333,18 @@ var BeamContext = createContext6({
 });
 function BeamProvider({ children, ...presentationProps }) {
   const [, tick] = useReducer((prev) => prev + 1, 0);
-  const modalRef = useRef47();
+  const modalRef = useRef46();
   const modalHeaderDiv = useMemo37(() => document.createElement("div"), []);
   const modalBodyDiv = useMemo37(() => {
     const el = document.createElement("div");
     el.style.height = "100%";
     return el;
   }, []);
-  const modalCanCloseChecksRef = useRef47([]);
+  const modalCanCloseChecksRef = useRef46([]);
   const modalFooterDiv = useMemo37(() => document.createElement("div"), []);
-  const drawerContentStackRef = useRef47([]);
-  const drawerCanCloseChecks = useRef47([]);
-  const drawerCanCloseDetailsChecks = useRef47([]);
+  const drawerContentStackRef = useRef46([]);
+  const drawerCanCloseChecks = useRef46([]);
+  const drawerCanCloseDetailsChecks = useRef46([]);
   const sdHeaderDiv = useMemo37(() => document.createElement("div"), []);
   const context = useMemo37(() => {
     return {
@@ -17402,14 +17387,14 @@ function useBeamContext() {
 }
 
 // src/components/ButtonDatePicker.tsx
-import { useRef as useRef48 } from "react";
+import { useRef as useRef47 } from "react";
 import { useMenuTrigger as useMenuTrigger4 } from "react-aria";
 import { useMenuTriggerState as useMenuTriggerState4 } from "react-stately";
 import { jsx as jsx151 } from "@emotion/react/jsx-runtime";
 function ButtonDatePicker(props) {
   const { defaultOpen, disabled, trigger, onSelect, ...datePickerProps } = props;
   const state = useMenuTriggerState4({ isOpen: defaultOpen });
-  const buttonRef = useRef48(null);
+  const buttonRef = useRef47(null);
   const { menuTriggerProps, menuProps } = useMenuTrigger4({ isDisabled: !!disabled }, state, buttonRef);
   const tid = useTestIds(
     props,
@@ -17429,7 +17414,7 @@ function ButtonDatePicker(props) {
 }
 
 // src/components/ButtonGroup.tsx
-import { useRef as useRef49 } from "react";
+import { useRef as useRef48 } from "react";
 import { useButton as useButton10, useFocusRing as useFocusRing12, useHover as useHover15 } from "react-aria";
 import { jsx as jsx152, jsxs as jsxs75 } from "@emotion/react/jsx-runtime";
 function ButtonGroup(props) {
@@ -17446,7 +17431,7 @@ function ButtonGroup(props) {
 function GroupButton(props) {
   const { icon, iconInc, iconColor, text, active, onClick: onPress, disabled, size, tooltip, ...otherProps } = props;
   const ariaProps = { onPress, isDisabled: !!disabled, ...otherProps };
-  const ref = useRef49(null);
+  const ref = useRef48(null);
   const { buttonProps, isPressed } = useButton10(ariaProps, ref);
   const { isFocusVisible, focusProps } = useFocusRing12();
   const { hoverProps, isHovered } = useHover15(ariaProps);
@@ -17510,14 +17495,14 @@ import { useHover as useHover16 } from "react-aria";
 
 // src/components/Tag.tsx
 import { useResizeObserver as useResizeObserver4 } from "@react-aria/utils";
-import { useRef as useRef50, useState as useState41 } from "react";
+import { useRef as useRef49, useState as useState41 } from "react";
 import { jsx as jsx153, jsxs as jsxs76 } from "@emotion/react/jsx-runtime";
 function Tag(props) {
   const { text, type, xss, preventTooltip = false, ...otherProps } = props;
   const typeStyles2 = getStyles(type);
   const tid = useTestIds(otherProps);
   const [showTooltip, setShowTooltip] = useState41(false);
-  const ref = useRef50(null);
+  const ref = useRef49(null);
   useResizeObserver4({
     ref,
     onResize: () => {
@@ -17631,7 +17616,7 @@ function Copy(props) {
 
 // src/components/DnDGrid/DnDGrid.tsx
 import equal2 from "fast-deep-equal";
-import { useCallback as useCallback23, useRef as useRef51 } from "react";
+import { useCallback as useCallback23, useRef as useRef50 } from "react";
 
 // src/components/DnDGrid/DnDGridContext.tsx
 import { createContext as createContext7, useContext as useContext17 } from "react";
@@ -17648,12 +17633,12 @@ function useDnDGridContext() {
 import { jsx as jsx156 } from "@emotion/react/jsx-runtime";
 function DnDGrid(props) {
   const { children, gridStyles, onReorder, activeItemStyles } = props;
-  const gridEl = useRef51(null);
-  const dragEl = useRef51();
-  const cloneEl = useRef51();
-  const initialOrder = useRef51();
-  const reorderViaKeyboard = useRef51(false);
-  const transformFrom = useRef51({ x: 0, y: 0 });
+  const gridEl = useRef50(null);
+  const dragEl = useRef50();
+  const cloneEl = useRef50();
+  const initialOrder = useRef50();
+  const reorderViaKeyboard = useRef50(false);
+  const transformFrom = useRef50({ x: 0, y: 0 });
   const tid = useTestIds(props, "dndGrid");
   const getGridItems = useCallback23(() => {
     return gridEl.current ? Array.from(gridEl.current.querySelectorAll(`[${gridItemIdKey}]`)) : [];
@@ -18022,10 +18007,10 @@ function HbSpinnerProvider({ quips = [], children }) {
 
 // src/components/MaxLines.tsx
 import { useLayoutEffect as useLayoutEffect2, useResizeObserver as useResizeObserver5 } from "@react-aria/utils";
-import { useCallback as useCallback24, useEffect as useEffect29, useRef as useRef52, useState as useState42 } from "react";
+import { useCallback as useCallback24, useEffect as useEffect29, useRef as useRef51, useState as useState42 } from "react";
 import { jsx as jsx161, jsxs as jsxs79 } from "@emotion/react/jsx-runtime";
 function MaxLines({ maxLines, children }) {
-  const elRef = useRef52(null);
+  const elRef = useRef51(null);
   const [hasMore, setHasMore] = useState42(false);
   const [expanded, setExpanded] = useState42(false);
   useLayoutEffect2(() => {
@@ -18048,7 +18033,7 @@ function MaxLines({ maxLines, children }) {
 
 // src/components/ScrollShadows.tsx
 import { useResizeObserver as useResizeObserver6 } from "@react-aria/utils";
-import { useCallback as useCallback25, useMemo as useMemo42, useRef as useRef53, useState as useState43 } from "react";
+import { useCallback as useCallback25, useMemo as useMemo42, useRef as useRef52, useState as useState43 } from "react";
 import { jsx as jsx162, jsxs as jsxs80 } from "@emotion/react/jsx-runtime";
 function ScrollShadows(props) {
   const { children, xss, horizontal = false, bgColor = "rgba(255,255,255,1)" /* White */ } = props;
@@ -18059,7 +18044,7 @@ function ScrollShadows(props) {
   }
   const [showStartShadow, setShowStartShadow] = useState43(false);
   const [showEndShadow, setShowEndShadow] = useState43(false);
-  const scrollRef = useRef53(null);
+  const scrollRef = useRef52(null);
   const [startShadowStyles, endShadowStyles] = useMemo42(() => {
     const transparentBgColor = bgColor.replace(/,1\)$/, ",0)");
     const commonStyles = Css.absolute.z3.add({ pointerEvents: "none" }).$;
@@ -18170,7 +18155,7 @@ function useSnackbar() {
 var snackbarId = 1;
 
 // src/components/Stepper.tsx
-import { useRef as useRef54 } from "react";
+import { useRef as useRef53 } from "react";
 import { useButton as useButton11, useFocusRing as useFocusRing14, useHover as useHover18 } from "react-aria";
 import { jsx as jsx163, jsxs as jsxs81 } from "@emotion/react/jsx-runtime";
 function Stepper(props) {
@@ -18214,7 +18199,7 @@ function Stepper(props) {
 function StepButton(props) {
   const { label, disabled, state, isCurrent, onClick } = props;
   const ariaProps = { onPress: onClick, isDisabled: disabled };
-  const ref = useRef54(null);
+  const ref = useRef53(null);
   const { buttonProps, isPressed } = useButton11(ariaProps, ref);
   const { isFocusVisible, focusProps } = useFocusRing14();
   const { hoverProps, isHovered } = useHover18(ariaProps);
@@ -18503,7 +18488,7 @@ var SuperDrawerContent = ({ children, actions }) => {
 
 // src/components/Tabs.tsx
 import { camelCase as camelCase5 } from "change-case";
-import { useEffect as useEffect31, useMemo as useMemo44, useRef as useRef55, useState as useState44 } from "react";
+import { useEffect as useEffect31, useMemo as useMemo44, useRef as useRef54, useState as useState44 } from "react";
 import { mergeProps as mergeProps13, useFocusRing as useFocusRing15, useHover as useHover19 } from "react-aria";
 import { matchPath, Route } from "react-router";
 import { Link as Link5, useLocation } from "react-router-dom";
@@ -18550,7 +18535,7 @@ function Tabs(props) {
   const { isFocusVisible, focusProps } = useFocusRing15();
   const tid = useTestIds(others, "tabs");
   const [active, setActive] = useState44(selected);
-  const ref = useRef55(null);
+  const ref = useRef54(null);
   useEffect31(() => setActive(selected), [selected]);
   function onKeyUp(e) {
     if (e.key === "ArrowLeft" || e.key === "ArrowRight") {