@homebound/beam 3.8.0 → 3.9.1

package/dist/index.d.cts

@@ -8574,16 +8574,16 @@ interface SuperDrawerContentProps {
  */
 declare const SuperDrawerContent: ({ children, actions }: SuperDrawerContentProps) => JSX.Element;
 
-interface Tab<V extends string = string> {
+type Tab<V extends string = string> = {
     name: string;
     value: V;
     icon?: IconKey;
     endAdornment?: ReactNode;
     /** Whether the Tab is disabled. If a ReactNode, it's treated as a "disabled reason" that's shown in a tooltip. */
     disabled?: boolean | ReactNode;
-}
+};
 type TabsContentXss = Xss<Margin | Padding | "backgroundColor">;
-interface TabsProps<V extends string, X> {
+type TabsProps<V extends string, X> = {
     ariaLabel?: string;
     selected: V;
     tabs: Tab<V>[];
@@ -8594,26 +8594,26 @@ interface TabsProps<V extends string, X> {
     alwaysShowAllTabs?: boolean;
     includeBottomBorder?: boolean;
     right?: ReactNode;
-}
-interface RouteTabsProps<V extends string, X> extends Omit<TabsProps<V, X>, "onChange" | "selected" | "tabs"> {
+};
+type RouteTabsProps<V extends string, X> = {
     tabs: RouteTab<V>[];
-}
-interface RouteTab<V extends string = string> extends Omit<Tab<V>, "value"> {
+} & Omit<TabsProps<V, X>, "onChange" | "selected" | "tabs">;
+type RouteTab<V extends string = string> = {
     href: V;
     path: string | string[];
-}
-interface TabWithContent<V extends string = string> extends Omit<Tab<V>, "render"> {
+} & Omit<Tab<V>, "value">;
+type TabWithContent<V extends string = string> = {
     render: () => ReactNode;
-}
-interface RouteTabWithContent<V extends string = string> extends Omit<RouteTab<V>, "render"> {
+} & Omit<Tab<V>, "render">;
+type RouteTabWithContent<V extends string = string> = {
     render: () => ReactNode;
-}
-interface RequiredRenderTabs<V extends string, X> extends Omit<TabsProps<V, X>, "tabs"> {
+} & Omit<RouteTab<V>, "render">;
+type RequiredRenderTabs<V extends string, X> = {
     tabs: TabWithContent<V>[];
-}
-interface RequiredRenderRouteTabs<V extends string, X> extends Omit<RouteTabsProps<V, X>, "tabs"> {
+} & Omit<TabsProps<V, X>, "tabs">;
+type RequiredRenderRouteTabs<V extends string, X> = {
     tabs: RouteTabWithContent<V>[];
-}
+} & Omit<RouteTabsProps<V, X>, "tabs">;
 /**
  * Provides a list of tabs and their content.
  *

package/dist/index.d.ts

@@ -8574,16 +8574,16 @@ interface SuperDrawerContentProps {
  */
 declare const SuperDrawerContent: ({ children, actions }: SuperDrawerContentProps) => JSX.Element;
 
-interface Tab<V extends string = string> {
+type Tab<V extends string = string> = {
     name: string;
     value: V;
     icon?: IconKey;
     endAdornment?: ReactNode;
     /** Whether the Tab is disabled. If a ReactNode, it's treated as a "disabled reason" that's shown in a tooltip. */
     disabled?: boolean | ReactNode;
-}
+};
 type TabsContentXss = Xss<Margin | Padding | "backgroundColor">;
-interface TabsProps<V extends string, X> {
+type TabsProps<V extends string, X> = {
     ariaLabel?: string;
     selected: V;
     tabs: Tab<V>[];
@@ -8594,26 +8594,26 @@ interface TabsProps<V extends string, X> {
     alwaysShowAllTabs?: boolean;
     includeBottomBorder?: boolean;
     right?: ReactNode;
-}
-interface RouteTabsProps<V extends string, X> extends Omit<TabsProps<V, X>, "onChange" | "selected" | "tabs"> {
+};
+type RouteTabsProps<V extends string, X> = {
     tabs: RouteTab<V>[];
-}
-interface RouteTab<V extends string = string> extends Omit<Tab<V>, "value"> {
+} & Omit<TabsProps<V, X>, "onChange" | "selected" | "tabs">;
+type RouteTab<V extends string = string> = {
     href: V;
     path: string | string[];
-}
-interface TabWithContent<V extends string = string> extends Omit<Tab<V>, "render"> {
+} & Omit<Tab<V>, "value">;
+type TabWithContent<V extends string = string> = {
     render: () => ReactNode;
-}
-interface RouteTabWithContent<V extends string = string> extends Omit<RouteTab<V>, "render"> {
+} & Omit<Tab<V>, "render">;
+type RouteTabWithContent<V extends string = string> = {
     render: () => ReactNode;
-}
-interface RequiredRenderTabs<V extends string, X> extends Omit<TabsProps<V, X>, "tabs"> {
+} & Omit<RouteTab<V>, "render">;
+type RequiredRenderTabs<V extends string, X> = {
     tabs: TabWithContent<V>[];
-}
-interface RequiredRenderRouteTabs<V extends string, X> extends Omit<RouteTabsProps<V, X>, "tabs"> {
+} & Omit<TabsProps<V, X>, "tabs">;
+type RequiredRenderRouteTabs<V extends string, X> = {
     tabs: RouteTabWithContent<V>[];
-}
+} & Omit<RouteTabsProps<V, X>, "tabs">;
 /**
  * Provides a list of tabs and their content.
  *

package/dist/index.js

@@ -8735,8 +8735,7 @@ function Menu(props) {
 // src/components/internal/MenuItem.tsx
 import { useRef as useRef14 } from "react";
 import { useHover as useHover7, useMenuItem } from "react-aria";
-import { useHistory } from "react-router";
-import { Link as Link3 } from "react-router-dom";
+import { Link as Link3, useNavigate } from "react-router-dom";
 
 // src/components/Avatar/Avatar.tsx
 import { useState as useState12 } from "react";
@@ -9771,20 +9770,8 @@ function MenuItemImpl(props) {
     onClose
   } = props;
   const menuItem = item.value;
-  if (!menuItem) {
-    return null;
-  }
-  const {
-    disabled,
-    onClick,
-    label,
-    destructive
-  } = menuItem;
-  const isDisabled = Boolean(disabled);
-  const isSelected = state.selectionManager.selectedKeys.has(label);
-  const isFocused = state.selectionManager.focusedKey === item.key;
   const ref = useRef14(null);
-  const history = useHistory();
+  const navigate = useNavigate();
   const {
     hoverProps,
     isHovered
@@ -9794,20 +9781,37 @@ function MenuItemImpl(props) {
     menuItemProps
   } = useMenuItem({
     key: item.key,
-    isDisabled,
+    isDisabled: Boolean(menuItem?.disabled),
     onAction: () => {
+      if (!menuItem) {
+        return;
+      }
+      const {
+        onClick
+      } = menuItem;
       if (typeof onClick === "string") {
         if (isAbsoluteUrl(onClick)) {
           window.open(onClick, "_blank").opener = null;
           return;
         }
-        history.push(onClick);
+        navigate(onClick);
         return;
       }
       onClick && onClick();
     },
     onClose
   }, state, ref);
+  if (!menuItem) {
+    return null;
+  }
+  const {
+    disabled,
+    label,
+    destructive
+  } = menuItem;
+  const isDisabled = Boolean(disabled);
+  const isSelected = state.selectionManager.selectedKeys.has(label);
+  const isFocused = state.selectionManager.focusedKey === item.key;
   return /* @__PURE__ */ jsx41("li", { ...menuItemProps, ...hoverProps, ref, ...trussProps27({
     ...{
       display: "df",
@@ -21618,7 +21622,7 @@ function visit(rows, fn) {
 import { camelCase as camelCase5 } from "change-case";
 import { useEffect as useEffect33, useMemo as useMemo49, useRef as useRef54, useState as useState48 } from "react";
 import { mergeProps as mergeProps26, useFocusRing as useFocusRing15, useHover as useHover19 } from "react-aria";
-import { matchPath, Route } from "react-router";
+import { matchPath } from "react-router";
 import { Link as Link5, useLocation } from "react-router-dom";
 import { trussProps as trussProps85, maybeCssVar as maybeCssVar44 } from "@homebound/truss/runtime";
 import { Fragment as Fragment40, jsx as jsx171, jsxs as jsxs90 } from "react/jsx-runtime";
@@ -21644,16 +21648,16 @@ function TabContent(props) {
   const location = useLocation();
   const selectedTab = isRouteTabs(props) ? props.tabs.find((t) => {
     const paths = Array.isArray(t.path) ? t.path : [t.path];
-    return paths.some((p) => !!matchPath(location.pathname, {
+    return paths.some((p) => !!matchPath({
       path: p,
-      exact: true
-    }));
+      end: true
+    }, location.pathname));
   }) || tabs[0] : props.tabs.find((tab) => tab.value === props.selected) || tabs[0];
   const uniqueValue = uniqueTabValue(selectedTab);
   return (
     // Using FullBleed to allow the tab's bgColor to extend to the edges of the <ScrollableContent /> element.
     // Omit the padding from `FullBleed` if the caller passes in the `paddingLeft/Right` styles.
-    /* @__PURE__ */ jsx171(FullBleed, { omitPadding: omitFullBleedPadding, children: /* @__PURE__ */ jsx171("div", { "aria-labelledby": `${uniqueValue}-tab`, id: `${uniqueValue}-tabPanel`, role: "tabpanel", tabIndex: 0, ...tid.panel, ...trussProps85(contentXss), children: isRouteTab(selectedTab) ? /* @__PURE__ */ jsx171(Route, { path: selectedTab.path, render: selectedTab.render }) : selectedTab.render() }) })
+    /* @__PURE__ */ jsx171(FullBleed, { omitPadding: omitFullBleedPadding, children: /* @__PURE__ */ jsx171("div", { "aria-labelledby": `${uniqueValue}-tab`, id: `${uniqueValue}-tabPanel`, role: "tabpanel", tabIndex: 0, ...tid.panel, ...trussProps85(contentXss), children: selectedTab.render() }) })
   );
 }
 function Tabs(props) {
@@ -21665,10 +21669,13 @@ function Tabs(props) {
     ...others
   } = props;
   const location = useLocation();
-  const selected = isRouteTabs(props) ? uniqueTabValue(props.tabs.find((t) => !!matchPath(location.pathname, {
-    path: t.path,
-    exact: true
-  })) || props.tabs[0]) : props.selected;
+  const selected = isRouteTabs(props) ? uniqueTabValue(props.tabs.find((t) => {
+    const paths = Array.isArray(t.path) ? t.path : [t.path];
+    return paths.some((p) => !!matchPath({
+      path: p,
+      end: true
+    }, location.pathname));
+  }) || props.tabs[0]) : props.selected;
   const {
     isFocusVisible,
     focusProps