@homebound/beam 3.52.0 → 3.53.0

package/dist/index.d.cts

@@ -9374,22 +9374,18 @@ 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;
 };
 type GridTableLayoutProps<F extends Record<string, unknown>, R extends Kinded, X extends Only<GridTableXss, X>, QData> = {
-    pageTitle?: ReactNode;
     tableProps: GridTablePropsWithRows<R, X> | QueryTablePropsWithQuery<R, X, QData>;
-    breadCrumb?: HeaderBreadcrumb | HeaderBreadcrumb[];
     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;
-    primaryAction?: ActionButtonProps;
-    secondaryAction?: ActionButtonProps;
-    tertiaryAction?: ActionButtonProps;
     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

@@ -9374,22 +9374,18 @@ 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;
 };
 type GridTableLayoutProps<F extends Record<string, unknown>, R extends Kinded, X extends Only<GridTableXss, X>, QData> = {
-    pageTitle?: ReactNode;
     tableProps: GridTablePropsWithRows<R, X> | QueryTablePropsWithQuery<R, X, QData>;
-    breadCrumb?: HeaderBreadcrumb | HeaderBreadcrumb[];
     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;
-    primaryAction?: ActionButtonProps;
-    secondaryAction?: ActionButtonProps;
-    tertiaryAction?: ActionButtonProps;
     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

@@ -19948,6 +19948,27 @@ function invertSpacing(value) {
 import { useResizeObserver as useResizeObserver5 } from "@react-aria/utils";
 import React17, { useCallback as useCallback28, useEffect as useEffect28, useLayoutEffect as useLayoutEffect6, useMemo as useMemo41, useRef as useRef50, useState as useState45 } from "react";
 
+// src/components/Filters/utils.tsx
+function getActiveFilterCount(filter) {
+  return safeKeys(filter).filter((key) => isDefined(filter[key])).length;
+}
+function updateFilter(currentFilter, key, value) {
+  if (value === void 0) {
+    return omitKey(key, currentFilter);
+  } else {
+    return { ...currentFilter, [key]: value };
+  }
+}
+var filterTestIdPrefix = "filter";
+
+// src/components/Layout/layoutTypes.ts
+function isGridTableProps(props) {
+  return "rows" in props;
+}
+
+// src/components/Layout/GridTableLayout/GridTableLayoutActions.tsx
+import { memo as memo2, useMemo as useMemo39, useState as useState43 } from "react";
+
 // src/components/ButtonMenu.tsx
 import { useRef as useRef48 } from "react";
 import { useMenuTrigger as useMenuTrigger2 } from "react-aria";
@@ -19985,27 +20006,6 @@ function isSelectionButtonMenuProps(props) {
   return typeof props === "object" && "selectedItem" in props && "onChange" in props;
 }
 
-// src/components/Filters/utils.tsx
-function getActiveFilterCount(filter) {
-  return safeKeys(filter).filter((key) => isDefined(filter[key])).length;
-}
-function updateFilter(currentFilter, key, value) {
-  if (value === void 0) {
-    return omitKey(key, currentFilter);
-  } else {
-    return { ...currentFilter, [key]: value };
-  }
-}
-var filterTestIdPrefix = "filter";
-
-// src/components/Layout/layoutTypes.ts
-function isGridTableProps(props) {
-  return "rows" in props;
-}
-
-// src/components/Layout/GridTableLayout/GridTableLayoutActions.tsx
-import { memo as memo2, useMemo as useMemo39, useState as useState43 } from "react";
-
 // src/components/CountBadge.tsx
 import { trussProps as trussProps73, maybeCssVar as maybeCssVar42 } from "@homebound/truss/runtime";
 import { jsx as jsx140 } from "react/jsx-runtime";
@@ -20875,7 +20875,8 @@ function GridTableLayoutActionsComponent(props) {
     view,
     setView,
     clearFilters,
-    searchApi
+    searchApi,
+    actionMenu
   } = props;
   const testId = useTestIds(props, "gridTableLayoutActions");
   const {
@@ -20945,9 +20946,12 @@ function GridTableLayoutActionsComponent(props) {
           /* @__PURE__ */ jsx156(Icon, { icon: showFilters ? "chevronUp" : "chevronDown" })
         ] }), variant: "secondaryBlack", onClick: () => setShowFilters(!showFilters), active: showFilters, ...testId.filterButton })
       ] }),
-      (hasHideableColumns || withCardView) && /* @__PURE__ */ jsxs75("div", { className: "df gap_12px", children: [
+      (hasHideableColumns || withCardView || actionMenu) && /* @__PURE__ */ jsxs75("div", { className: "df aic gap_12px", children: [
         hasHideableColumns && view === "list" && columns && api && /* @__PURE__ */ jsx156(EditColumnsButton, { columns, api, tooltip: "Display columns" }),
-        withCardView && view !== void 0 && setView && /* @__PURE__ */ jsx156(ViewToggleButton, { view, onChange: setView })
+        withCardView && view !== void 0 && setView && /* @__PURE__ */ jsx156(ViewToggleButton, { view, onChange: setView }),
+        actionMenu && /* @__PURE__ */ jsx156(ButtonMenu, { ...actionMenu, trigger: {
+          icon: "verticalDots"
+        } })
       ] })
     ] }),
     sm && showSearch && /* @__PURE__ */ jsx156("div", { className: "pl3 pr3", children: searchTextField }),
@@ -21076,13 +21080,8 @@ var __maybeInc15 = (inc) => {
 };
 function GridTableLayoutComponent(props) {
   const {
-    pageTitle,
-    breadCrumb,
     tableProps,
     layoutState,
-    primaryAction,
-    secondaryAction,
-    tertiaryAction,
     actionMenu,
     hideEditColumns = false,
     withCardView,
@@ -21099,7 +21098,7 @@ function GridTableLayoutComponent(props) {
   const api = useMemo41(() => 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);
+  const showTableActions = !!(layoutState?.filterDefs || layoutState?.search || hasHideableColumns || withCardView || actionMenu);
   const isVirtualized = tableProps.as === "virtual" || !!withCardView && view === "card";
   const inDocumentScrollLayout = useDocumentScrollLayout();
   const tableActionsRef = useRef50(null);
@@ -21121,7 +21120,7 @@ function GridTableLayoutComponent(props) {
     searchApiRef.current?.clear();
   }, [layoutState]);
   const emptyState = useMemo41(() => composeEmptyState(tableProps, layoutState, layoutEmptyFallback, clearFilters), [layoutEmptyFallback, layoutState, tableProps, clearFilters]);
-  const tableActionsEl = /* @__PURE__ */ jsx159(_GridTableLayoutActions, { filterDefs: layoutState?.filterDefs, filter: layoutState?.filter, setFilter: layoutState?.setFilter, groupBy: layoutState?.groupBy, searchProps: filterSearchProps, hasHideableColumns, columns, api, withCardView, view, setView, clearFilters, searchApi: searchApiRef });
+  const tableActionsEl = /* @__PURE__ */ jsx159(_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 cardAs = withCardView && view === "card" ? "card" : void 0;
   const tableStyle = resolveGridTableLayoutStyle(tableProps.style, inDocumentScrollLayout);
   const tableBody = /* @__PURE__ */ jsx159(Fragment36, { children: isGridTableProps(tableProps) ? /* @__PURE__ */ jsx159(GridTable, { ...tableProps, ...cardAs ? {
@@ -21153,10 +21152,10 @@ function GridTableLayoutComponent(props) {
     }), ...tid.stickyContent, children: tableActionsEl }),
     inDocumentScrollLayout ? tableBody : /* @__PURE__ */ jsx159(ScrollableContent, { virtualized: isVirtualized, children: tableBody })
   ] });
-  return /* @__PURE__ */ jsxs77(Fragment36, { children: [
-    pageTitle && /* @__PURE__ */ jsx159(Header2, { pageTitle, breadCrumb, primaryAction, secondaryAction, tertiaryAction, actionMenu }),
+  return (
+    /* Wrapper sets --beam-table-actions-height so GridTable's sticky header can read it. */
     /* @__PURE__ */ jsx159("div", { ref: tableWrapperRef, className: "display_contents", ...tid.tableWrapper, children: tableScrollContent })
-  ] });
+  );
 }
 var GridTableLayout = React17.memo(GridTableLayoutComponent);
 function validateColumns(columns) {
@@ -21244,43 +21243,6 @@ function useSetTableActionsHeight(tableWrapperRef, tableActionsRef, enabled) {
     };
   }, [tableWrapperRef, syncHeightVar]);
 }
-function Header2(props) {
-  const {
-    pageTitle,
-    breadCrumb,
-    primaryAction,
-    secondaryAction,
-    tertiaryAction,
-    actionMenu
-  } = props;
-  const tids = useTestIds(props);
-  return /* @__PURE__ */ jsx159(FullBleed, { children: /* @__PURE__ */ jsxs77("header", { ...trussProps80({
-    ...{
-      paddingTop: "pt3",
-      paddingBottom: "pb3",
-      paddingRight: "pr3",
-      paddingLeft: "pl3",
-      minHeight: "mh_50px",
-      backgroundColor: "bgWhite",
-      display: "df",
-      justifyContent: "jcsb",
-      alignItems: "aic"
-    }
-  }), ...tids.header, children: [
-    /* @__PURE__ */ jsxs77("div", { children: [
-      breadCrumb && /* @__PURE__ */ jsx159(PageHeaderBreadcrumbs, { breadcrumb: breadCrumb }),
-      /* @__PURE__ */ jsx159("h1", { className: "fw6 fz_30px lh_36px mt1", ...tids.pageTitle, children: pageTitle })
-    ] }),
-    /* @__PURE__ */ jsxs77("div", { className: "df fwr jcfe gap1 aic", children: [
-      tertiaryAction && /* @__PURE__ */ jsx159(Button, { ...tertiaryAction, variant: "tertiary" }),
-      secondaryAction && /* @__PURE__ */ jsx159(Button, { ...secondaryAction, variant: "secondary" }),
-      primaryAction && /* @__PURE__ */ jsx159(Button, { ...primaryAction }),
-      actionMenu && /* @__PURE__ */ jsx159(ButtonMenu, { ...actionMenu, trigger: {
-        icon: "verticalDots"
-      } })
-    ] })
-  ] }) });
-}
 function resolveGridTableLayoutStyle(userStyle, inDocumentScrollLayout) {
   const layoutDefaults = {
     allWhite: true,