@upbound/monarch-blocks 0.7.0 → 0.7.2

package/dist/index.js

@@ -36,37 +36,7 @@ import * as React from "react";
 import { Icon } from "@upbound/monarch-core";
 
 // src/lib/utils.ts
-import { clsx } from "clsx";
-import { extendTailwindMerge } from "tailwind-merge";
-var twMerge = extendTailwindMerge({
-  extend: {
-    classGroups: {
-      "font-size": [
-        {
-          text: [
-            "display-hero",
-            "display-kpi-sm",
-            "display-kpi",
-            "display-kpi-lg",
-            "display-feature",
-            "h1",
-            "h2",
-            "h3",
-            "h4",
-            "body-lg",
-            "body",
-            "body-sm",
-            "caption",
-            "eyebrow"
-          ]
-        }
-      ]
-    }
-  }
-});
-function cn(...inputs) {
-  return twMerge(clsx(inputs));
-}
+import { cn } from "@upbound/monarch-core/utils";
 function sortBy(items, getKey) {
   return [...items].sort((a, b) => getKey(a).localeCompare(getKey(b)));
 }
@@ -1292,6 +1262,7 @@ function CelAddFilterButton({
       items: groups,
       itemToStringValue: (item) => item.title,
       itemToStringLabel: (item) => item.title,
+      value: null,
       onValueChange: (column) => {
         if (column) onSelect(column.id);
       },
@@ -3239,10 +3210,9 @@ import { Icon as Icon4 } from "@upbound/monarch-core";
 // src/lib/data-table/utils.ts
 var TO_EACH_SIDE = 2;
 function normalizeColumnOrdering(columnOrdering, allColumnIds) {
-  const validIds = new Set(allColumnIds);
   const seenIds = /* @__PURE__ */ new Set();
   const trackedColumnIds = columnOrdering.filter((columnId) => {
-    if (!validIds.has(columnId) || seenIds.has(columnId)) return false;
+    if (seenIds.has(columnId)) return false;
     seenIds.add(columnId);
     return true;
   });
@@ -5159,6 +5129,7 @@ function FilterBar(_a) {
             items: availableFilters,
             itemToStringValue: (item) => item.label,
             itemToStringLabel: (item) => item.label,
+            value: null,
             onValueChange: (filter) => {
               if (filter) handleAddFilter(filter.key);
             },
@@ -5741,6 +5712,7 @@ function SectionHeaderTabs(_a) {
 // src/data-table/data-table.tsx
 import { Fragment as Fragment9, jsx as jsx17, jsxs as jsxs13 } from "react/jsx-runtime";
 var DEFAULT_PAGE_SIZE = 20;
+var STICKY_HEADER_MAX_HEIGHT_CLASS = "max-h-[calc(100svh-250px)]";
 function DataTable({
   id,
   config,
@@ -6078,9 +6050,10 @@ function DataTable({
             "div",
             {
               ref: tableBodyScrollRef,
+              "data-testid": "table-scroll-container",
               className: cn(
                 "min-h-0 flex-1 overflow-auto rounded-lg border **:data-[slot=table-container]:overflow-visible",
-                !!stickyHeader && "max-h-[calc(100svh-250px)]"
+                !!stickyHeader && !fitContent && STICKY_HEADER_MAX_HEIGHT_CLASS
               ),
               children: /* @__PURE__ */ jsxs13(
                 DataTableRoot,