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

package/dist/index.cjs

@@ -14605,7 +14605,7 @@ var variantStyles2 = {
 
 // src/components/BeamContext.tsx
 var import_react103 = require("react");
-var import_react_aria46 = require("react-aria");
+var import_react_aria45 = require("react-aria");
 
 // src/components/Modal/Modal.tsx
 var import_utils72 = require("@react-aria/utils");
@@ -16512,7 +16512,6 @@ function isSelectionButtonMenuProps(props) {
 
 // src/components/Filters/FilterDropdownMenu.tsx
 var import_react97 = require("react");
-var import_react_aria45 = require("react-aria");
 
 // src/components/CountBadge.tsx
 var import_jsx_runtime127 = require("@emotion/react/jsx-runtime");
@@ -17080,20 +17079,6 @@ function FilterDropdownMenu(props) {
   const { filter, onChange, filterDefs, groupBy } = props;
   const testId = useTestIds(props, filterTestIdPrefix);
   const [isOpen, setIsOpen] = (0, import_react97.useState)(false);
-  const buttonRef = (0, import_react97.useRef)(null);
-  const filterContentRef = (0, import_react97.useRef)(null);
-  const { overlayProps } = (0, import_react_aria45.useOverlay)(
-    {
-      isOpen,
-      onClose: () => setIsOpen(false),
-      isDismissable: true,
-      shouldCloseOnInteractOutside: (element) => {
-        if (buttonRef.current?.contains(element)) return false;
-        return true;
-      }
-    },
-    filterContentRef
-  );
   const activeFilterCount = (0, import_react97.useMemo)(() => getActiveFilterCount(filter), [filter]);
   const filterImpls = (0, import_react97.useMemo)(() => buildFilterImpls(filterDefs), [filterDefs]);
   const renderFilters = () => {
@@ -17103,7 +17088,7 @@ function FilterDropdownMenu(props) {
     return [...nonCheckbox, ...checkbox].map(([key, f]) => /* @__PURE__ */ (0, import_jsx_runtime140.jsx)("div", { children: f.render(filter[key], (value) => onChange(updateFilter(filter, key, value)), testId, false, false) }, key));
   };
   return /* @__PURE__ */ (0, import_jsx_runtime140.jsxs)(import_jsx_runtime140.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime140.jsx)("div", { ref: buttonRef, children: /* @__PURE__ */ (0, import_jsx_runtime140.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime140.jsx)(
       Button,
       {
         label: "Filter",
@@ -17117,8 +17102,8 @@ function FilterDropdownMenu(props) {
         onClick: () => setIsOpen(!isOpen),
         ...testId.button
       }
-    ) }),
-    isOpen && /* @__PURE__ */ (0, import_jsx_runtime140.jsxs)("div", { ref: filterContentRef, ...overlayProps, css: Css.df.aic.fww.gap1.order(1).$, children: [
+    ),
+    isOpen && /* @__PURE__ */ (0, import_jsx_runtime140.jsxs)("div", { css: Css.df.aic.fww.gap1.order(1).$, children: [
       groupBy && /* @__PURE__ */ (0, import_jsx_runtime140.jsx)(
         SelectField,
         {
@@ -17736,7 +17721,7 @@ function BeamProvider({ children, ...presentationProps }) {
     };
   }, [modalBodyDiv, modalFooterDiv, modalHeaderDiv, sdHeaderDiv]);
   return /* @__PURE__ */ (0, import_jsx_runtime150.jsx)(BeamContext.Provider, { value: { ...context }, children: /* @__PURE__ */ (0, import_jsx_runtime150.jsx)(PresentationProvider, { ...presentationProps, children: /* @__PURE__ */ (0, import_jsx_runtime150.jsx)(RightPaneProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime150.jsx)(AutoSaveStatusProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime150.jsx)(SnackbarProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime150.jsxs)(ToastProvider, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime150.jsxs)(import_react_aria46.OverlayProvider, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime150.jsxs)(import_react_aria45.OverlayProvider, { children: [
       children,
       modalRef.current && /* @__PURE__ */ (0, import_jsx_runtime150.jsx)(Modal, { ...modalRef.current })
     ] }),
@@ -17762,14 +17747,14 @@ function useBeamContext() {
 
 // src/components/ButtonDatePicker.tsx
 var import_react104 = require("react");
-var import_react_aria47 = require("react-aria");
+var import_react_aria46 = require("react-aria");
 var import_react_stately18 = require("react-stately");
 var import_jsx_runtime151 = require("@emotion/react/jsx-runtime");
 function ButtonDatePicker(props) {
   const { defaultOpen, disabled, trigger, onSelect, ...datePickerProps } = props;
   const state = (0, import_react_stately18.useMenuTriggerState)({ isOpen: defaultOpen });
   const buttonRef = (0, import_react104.useRef)(null);
-  const { menuTriggerProps, menuProps } = (0, import_react_aria47.useMenuTrigger)({ isDisabled: !!disabled }, state, buttonRef);
+  const { menuTriggerProps, menuProps } = (0, import_react_aria46.useMenuTrigger)({ isDisabled: !!disabled }, state, buttonRef);
   const tid = useTestIds(
     props,
     isTextButton(trigger) ? defaultTestId(labelOr(trigger, "buttonDatePicker")) : isNavLinkButton(trigger) ? defaultTestId(trigger.navLabel) : isIconButton(trigger) ? trigger.icon : trigger.name
@@ -17789,7 +17774,7 @@ function ButtonDatePicker(props) {
 
 // src/components/ButtonGroup.tsx
 var import_react105 = require("react");
-var import_react_aria48 = require("react-aria");
+var import_react_aria47 = require("react-aria");
 var import_jsx_runtime152 = (
   // Disable the button if the ButtonGroup is disabled or if the current button is disabled.
   require("@emotion/react/jsx-runtime")
@@ -17806,9 +17791,9 @@ function GroupButton(props) {
   const { icon, iconInc, iconColor, text, active, onClick: onPress, disabled, size, tooltip, ...otherProps } = props;
   const ariaProps = { onPress, isDisabled: !!disabled, ...otherProps };
   const ref = (0, import_react105.useRef)(null);
-  const { buttonProps, isPressed } = (0, import_react_aria48.useButton)(ariaProps, ref);
-  const { isFocusVisible, focusProps } = (0, import_react_aria48.useFocusRing)();
-  const { hoverProps, isHovered } = (0, import_react_aria48.useHover)(ariaProps);
+  const { buttonProps, isPressed } = (0, import_react_aria47.useButton)(ariaProps, ref);
+  const { isFocusVisible, focusProps } = (0, import_react_aria47.useFocusRing)();
+  const { hoverProps, isHovered } = (0, import_react_aria47.useHover)(ariaProps);
   const tid = useTestIds(props);
   return /* @__PURE__ */ (0, import_jsx_runtime152.jsx)("span", { css: getButtonStyles2(), children: maybeTooltip({
     title: resolveTooltip(disabled, tooltip),
@@ -17865,7 +17850,7 @@ var iconStyles2 = {
 
 // src/components/Card.tsx
 var import_react107 = require("react");
-var import_react_aria49 = require("react-aria");
+var import_react_aria48 = require("react-aria");
 
 // src/components/Tag.tsx
 var import_utils116 = require("@react-aria/utils");
@@ -17924,7 +17909,7 @@ function Card(props) {
     tag
   } = props;
   const tid = useTestIds(props, "card");
-  const { hoverProps, isHovered } = (0, import_react_aria49.useHover)({ isDisabled });
+  const { hoverProps, isHovered } = (0, import_react_aria48.useHover)({ isDisabled });
   const isList = type === "list";
   const imgHeight = isList ? 96 : bordered ? 224 : 256;
   const styles = (0, import_react107.useMemo)(
@@ -18199,12 +18184,12 @@ var gridCloneKey = "dndgrid-clone";
 var activeGridItemClass = "dndgrid-active";
 
 // src/components/DnDGrid/DnDGridItemHandle.tsx
-var import_react_aria50 = require("react-aria");
+var import_react_aria49 = require("react-aria");
 var import_jsx_runtime157 = require("@emotion/react/jsx-runtime");
 function DnDGridItemHandle(props) {
   const { dragHandleProps, icon = "move", compact = false, color } = props;
-  const { focusProps, isFocusVisible } = (0, import_react_aria50.useFocusRing)();
-  const { hoverProps, isHovered } = (0, import_react_aria50.useHover)({});
+  const { focusProps, isFocusVisible } = (0, import_react_aria49.useFocusRing)();
+  const { hoverProps, isHovered } = (0, import_react_aria49.useHover)({});
   const tid = useTestIds(props, "dragHandle");
   const iconButtonNormal2 = Css.hPx(28).wPx(28).br8.bw2.$;
   const iconButtonCompact2 = Css.hPx(18).wPx(18).br4.bw1.$;
@@ -18216,7 +18201,7 @@ function DnDGridItemHandle(props) {
         ...Css.cursor("grab").bcTransparent.bss.bgTransparent.outline0.dif.aic.jcc.transition.if(isFocusVisible).bcBlue700.$,
         ...isHovered && Css.bgGray200.$
       },
-      ...(0, import_react_aria50.mergeProps)(dragHandleProps, focusProps, hoverProps),
+      ...(0, import_react_aria49.mergeProps)(dragHandleProps, focusProps, hoverProps),
       ...tid,
       children: /* @__PURE__ */ (0, import_jsx_runtime157.jsx)(Icon, { icon, inc: compact ? 2 : void 0, color })
     }
@@ -18530,7 +18515,7 @@ var snackbarId = 1;
 
 // src/components/Stepper.tsx
 var import_react116 = require("react");
-var import_react_aria51 = require("react-aria");
+var import_react_aria50 = require("react-aria");
 var import_jsx_runtime163 = require("@emotion/react/jsx-runtime");
 function Stepper(props) {
   const { steps, currentStep, onChange } = props;
@@ -18574,9 +18559,9 @@ function StepButton(props) {
   const { label, disabled, state, isCurrent, onClick } = props;
   const ariaProps = { onPress: onClick, isDisabled: disabled };
   const ref = (0, import_react116.useRef)(null);
-  const { buttonProps, isPressed } = (0, import_react_aria51.useButton)(ariaProps, ref);
-  const { isFocusVisible, focusProps } = (0, import_react_aria51.useFocusRing)();
-  const { hoverProps, isHovered } = (0, import_react_aria51.useHover)(ariaProps);
+  const { buttonProps, isPressed } = (0, import_react_aria50.useButton)(ariaProps, ref);
+  const { isFocusVisible, focusProps } = (0, import_react_aria50.useFocusRing)();
+  const { hoverProps, isHovered } = (0, import_react_aria50.useHover)(ariaProps);
   const focusRingStyles2 = state === "error" ? Css.bshDanger.$ : Css.bshFocus.$;
   const tid = useTestIds(props, "stepButton");
   return /* @__PURE__ */ (0, import_jsx_runtime163.jsxs)(
@@ -18863,7 +18848,7 @@ var SuperDrawerContent = ({ children, actions }) => {
 // src/components/Tabs.tsx
 var import_change_case7 = require("change-case");
 var import_react118 = require("react");
-var import_react_aria52 = require("react-aria");
+var import_react_aria51 = require("react-aria");
 var import_react_router2 = require("react-router");
 var import_react_router_dom5 = require("react-router-dom");
 var import_jsx_runtime168 = require("@emotion/react/jsx-runtime");
@@ -18906,7 +18891,7 @@ function Tabs(props) {
   const selected = isRouteTabs(props) ? uniqueTabValue(
     props.tabs.find((t) => !!(0, import_react_router2.matchPath)(location.pathname, { path: t.path, exact: true })) || props.tabs[0]
   ) : props.selected;
-  const { isFocusVisible, focusProps } = (0, import_react_aria52.useFocusRing)();
+  const { isFocusVisible, focusProps } = (0, import_react_aria51.useFocusRing)();
   const tid = useTestIds(others, "tabs");
   const [active, setActive] = (0, import_react118.useState)(selected);
   const ref = (0, import_react118.useRef)(null);
@@ -18951,7 +18936,7 @@ function TabImpl(props) {
   const { tab, onClick, active, onKeyUp, onBlur, focusProps, isFocusVisible = false, ...others } = props;
   const { disabled = false, name: label, icon, endAdornment } = tab;
   const isDisabled = !!disabled;
-  const { hoverProps, isHovered } = (0, import_react_aria52.useHover)({ isDisabled });
+  const { hoverProps, isHovered } = (0, import_react_aria51.useHover)({ isDisabled });
   const { baseStyles: baseStyles5, activeStyles: activeStyles4, focusRingStyles: focusRingStyles2, hoverStyles: hoverStyles4, disabledStyles: disabledStyles4, activeHoverStyles } = (0, import_react118.useMemo)(
     () => getTabStyles(),
     []
@@ -18974,7 +18959,7 @@ function TabImpl(props) {
       ...isFocusVisible && active && focusRingStyles2
     }
   };
-  const interactiveProps = (0, import_react_aria52.mergeProps)(focusProps, hoverProps, {
+  const interactiveProps = (0, import_react_aria51.mergeProps)(focusProps, hoverProps, {
     onKeyUp,
     onBlur,
     ...isRouteTab(tab) ? {} : { onClick: () => onClick(tab.value) }