@homebound/beam 3.98.0 → 3.99.1

package/dist/index.d.cts

@@ -9086,8 +9086,6 @@ interface HbSpinnerProviderProps {
 }
 declare function HbSpinnerProvider({ quips, children }: HbSpinnerProviderProps): JSX.Element;
 
-/** Overflow `ButtonMenu` props; the trigger is always a `verticalDots` IconButton. */
-type HeaderMenuAction = Omit<ButtonMenuProps, "trigger">;
 /**
  * A single action rendered by `HeaderActions` — a `Button`, an icon-only `IconButton`, or a
  * `ButtonMenu` (typically the overflow / more-actions menu).
@@ -9104,7 +9102,7 @@ type HeaderAction = ({
     kind: "icon";
 } & Omit<IconButtonProps, "variant">) | ({
     kind: "menu";
-} & HeaderMenuAction);
+} & ButtonMenuProps);
 
 type ContentHeaderXss = Xss<Padding>;
 type ContentHeaderLevel = 2 | 3 | 4;
@@ -9746,8 +9744,6 @@ declare function useQueryState<V extends string = string>(name: string, initialV
 type UseSessionStorage<T> = [T, (value: T) => void];
 declare function useSessionStorage<T>(key: string, defaultValue: T): UseSessionStorage<T>;
 
-type ActionButtonMenuProps = Omit<ButtonMenuProps, "trigger">;
-
 type QueryTablePropsWithQuery<R extends Kinded, X extends Only<GridTableXss, X>, QData> = BaseQueryTableProps<R, X, QData> & {
     emptyFallback?: string;
     keepHeaderWhenLoading?: boolean;
@@ -9757,8 +9753,8 @@ type GridTableLayoutProps<F extends Record<string, unknown>, R extends Kinded, X
     layoutState?: ReturnType<typeof useGridTableLayoutState<F>>;
     /** Title for the empty state when the table has no data rows. */
     emptyFallback?: string;
-    /** Renders a ButtonMenu with "verticalDots" icon as trigger */
-    actionMenu?: ActionButtonMenuProps;
+    /** Inline buttons, icon buttons, and an optional overflow menu (`kind: "menu"`). */
+    actions?: HeaderAction[];
     hideEditColumns?: boolean;
     totalCount?: number;
     /** When true, shows a view toggle button and renders the table with `as="card"` when in card view. */

package/dist/index.d.ts

@@ -9086,8 +9086,6 @@ interface HbSpinnerProviderProps {
 }
 declare function HbSpinnerProvider({ quips, children }: HbSpinnerProviderProps): JSX.Element;
 
-/** Overflow `ButtonMenu` props; the trigger is always a `verticalDots` IconButton. */
-type HeaderMenuAction = Omit<ButtonMenuProps, "trigger">;
 /**
  * A single action rendered by `HeaderActions` — a `Button`, an icon-only `IconButton`, or a
  * `ButtonMenu` (typically the overflow / more-actions menu).
@@ -9104,7 +9102,7 @@ type HeaderAction = ({
     kind: "icon";
 } & Omit<IconButtonProps, "variant">) | ({
     kind: "menu";
-} & HeaderMenuAction);
+} & ButtonMenuProps);
 
 type ContentHeaderXss = Xss<Padding>;
 type ContentHeaderLevel = 2 | 3 | 4;
@@ -9746,8 +9744,6 @@ declare function useQueryState<V extends string = string>(name: string, initialV
 type UseSessionStorage<T> = [T, (value: T) => void];
 declare function useSessionStorage<T>(key: string, defaultValue: T): UseSessionStorage<T>;
 
-type ActionButtonMenuProps = Omit<ButtonMenuProps, "trigger">;
-
 type QueryTablePropsWithQuery<R extends Kinded, X extends Only<GridTableXss, X>, QData> = BaseQueryTableProps<R, X, QData> & {
     emptyFallback?: string;
     keepHeaderWhenLoading?: boolean;
@@ -9757,8 +9753,8 @@ type GridTableLayoutProps<F extends Record<string, unknown>, R extends Kinded, X
     layoutState?: ReturnType<typeof useGridTableLayoutState<F>>;
     /** Title for the empty state when the table has no data rows. */
     emptyFallback?: string;
-    /** Renders a ButtonMenu with "verticalDots" icon as trigger */
-    actionMenu?: ActionButtonMenuProps;
+    /** Inline buttons, icon buttons, and an optional overflow menu (`kind: "menu"`). */
+    actions?: HeaderAction[];
     hideEditColumns?: boolean;
     totalCount?: number;
     /** When true, shows a view toggle button and renders the table with `as="card"` when in card view. */

package/dist/index.js

@@ -21471,9 +21471,7 @@ function HeaderActions(props) {
         ...menuProps
       } = action;
       void kind;
-      return /* @__PURE__ */ jsx149(ButtonMenu, { ...menuProps, trigger: {
-        icon: "verticalDots"
-      } }, key);
+      return /* @__PURE__ */ jsx149(ButtonMenu, { ...menuProps }, key);
     }
     return /* @__PURE__ */ jsx149(Button, { ...action }, key);
   }) });
@@ -23566,7 +23564,7 @@ function GridTableLayoutActionsComponent(props) {
     setView,
     clearFilters,
     searchApi,
-    actionMenu
+    actions
   } = props;
   const testId = useTestIds(props, "gridTableLayoutActions");
   const filterTid = useTestIds({}, filterTestIdPrefix);
@@ -23641,12 +23639,10 @@ function GridTableLayoutActionsComponent(props) {
           /* @__PURE__ */ jsx183(Icon, { icon: showFilters ? "chevronUp" : "chevronDown" })
         ] }), variant: "secondaryBlack", onClick: () => setShowFilters(!showFilters), active: showFilters, ...testId.filterButton })
       ] }),
-      (hasHideableColumns || withCardView || actionMenu) && /* @__PURE__ */ jsxs89("div", { className: "df aic gap_12px", children: [
+      (hasHideableColumns || withCardView || !!actions?.length) && /* @__PURE__ */ jsxs89("div", { className: "df aic gap_12px", children: [
         hasHideableColumns && view === "list" && columns && api && /* @__PURE__ */ jsx183(EditColumnsButton, { columns, api, tooltip: "Display columns" }),
         withCardView && view !== void 0 && setView && /* @__PURE__ */ jsx183(ViewToggleButton, { view, onChange: setView }),
-        actionMenu && /* @__PURE__ */ jsx183(ButtonMenu, { ...actionMenu, trigger: {
-          icon: "verticalDots"
-        } })
+        !!actions?.length && /* @__PURE__ */ jsx183(HeaderActions, { actions, ...testId.actions })
       ] })
     ] }),
     sm && showSearch && /* @__PURE__ */ jsx183("div", { ...trussProps102(pageContentPaddingX), children: searchTextField }),
@@ -23777,7 +23773,7 @@ function GridTableLayoutComponent(props) {
   const {
     tableProps,
     layoutState,
-    actionMenu,
+    actions,
     hideEditColumns = false,
     withCardView,
     defaultView = "list",
@@ -23795,7 +23791,7 @@ function GridTableLayoutComponent(props) {
   const api = useMemo43(() => tableProps.api ?? new GridTableApiImpl(), [tableProps.api]);
   const [view, setView] = usePersistedTableView(defaultView, !!withCardView);
   const clientSearch = layoutState?.search === "client" ? layoutState.searchString : void 0;
-  const showTableActions = !!(layoutState?.filterDefs || layoutState?.search || hasHideableColumns || withCardView || actionMenu);
+  const showTableActions = !!(layoutState?.filterDefs || layoutState?.search || hasHideableColumns || withCardView || actions?.length);
   const isVirtualized = tableProps.as === "virtual" || view === "card";
   const inDocumentScrollLayout = useDocumentScrollLayout();
   const tableActionsRef = useRef55(null);
@@ -23817,7 +23813,7 @@ function GridTableLayoutComponent(props) {
     searchApiRef.current?.clear();
   }, [layoutState]);
   const emptyState = useMemo43(() => composeEmptyState(tableProps, layoutState, layoutEmptyFallback, clearFilters), [layoutEmptyFallback, layoutState, tableProps, clearFilters]);
-  const tableActionsEl = /* @__PURE__ */ jsx186(_GridTableLayoutActions, { filterDefs: layoutState?.filterDefs, filter: layoutState?.filter, setFilter: layoutState?.setFilter, groupBy: layoutState?.groupBy, searchProps: filterSearchProps, hasHideableColumns, columns, api, withCardView, view, setView, clearFilters, searchApi: searchApiRef, actionMenu });
+  const tableActionsEl = /* @__PURE__ */ jsx186(_GridTableLayoutActions, { filterDefs: layoutState?.filterDefs, filter: layoutState?.filter, setFilter: layoutState?.setFilter, groupBy: layoutState?.groupBy, searchProps: filterSearchProps, hasHideableColumns, columns, api, withCardView, view, setView, clearFilters, searchApi: searchApiRef, actions });
   const cardAs = view === "card" ? "card" : void 0;
   const tableStyle = resolveGridTableLayoutStyle(tableProps.style, inDocumentScrollLayout);
   const tableBody = /* @__PURE__ */ jsx186(Fragment40, { children: isGridTableProps(tableProps) ? /* @__PURE__ */ jsx186(GridTable, { ...tableProps, ...cardAs ? {