@inf-monkeys-tech/monkeys-design 1.0.60 → 1.0.61

package/dist/components/data-explorer/index.mjs

@@ -3244,6 +3244,90 @@ function DataExplorerCollectionFooter({ selectedCount, loadedStart, loadedEnd, t
     pageText ? `(${pageText})` : null
   ] }), selectedLabel, pageSizeLabel, className, classNames: { root: classNames?.root, summary: classNames?.summary, pageSize: classNames?.pageSizeControl }, onSummaryClick: onJump, onPageSizeChange });
 }
+function toCssSize(value) {
+  return typeof value === "number" ? `${value}px` : value;
+}
+function DataExplorerFilterBar({
+  label,
+  leading,
+  children,
+  actions,
+  maxFieldsHeight = 80,
+  className,
+  classNames,
+  style,
+  ...props
+}) {
+  const fieldsViewportStyle = {
+    maxHeight: toCssSize(maxFieldsHeight)
+  };
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: cn(
+        "border-b border-border/60 bg-background px-8 py-3",
+        classNames?.root,
+        className
+      ),
+      style,
+      ...props,
+      children: /* @__PURE__ */ jsxs(
+        "div",
+        {
+          className: cn(
+            "flex min-w-0 items-start gap-2 text-sm",
+            classNames?.layout
+          ),
+          children: [
+            label ? /* @__PURE__ */ jsx(
+              "div",
+              {
+                className: cn(
+                  "flex h-9 shrink-0 items-center font-semibold text-foreground",
+                  classNames?.label
+                ),
+                children: label
+              }
+            ) : null,
+            /* @__PURE__ */ jsx(
+              "div",
+              {
+                className: cn(
+                  "min-w-0 flex-1 overflow-y-auto overscroll-contain",
+                  classNames?.fieldsViewport
+                ),
+                style: fieldsViewportStyle,
+                children: /* @__PURE__ */ jsxs(
+                  "div",
+                  {
+                    className: cn(
+                      "flex flex-wrap items-center gap-2",
+                      classNames?.fields
+                    ),
+                    children: [
+                      leading,
+                      children
+                    ]
+                  }
+                )
+              }
+            ),
+            actions ? /* @__PURE__ */ jsx(
+              "div",
+              {
+                className: cn(
+                  "flex shrink-0 items-center gap-2",
+                  classNames?.actions
+                ),
+                children: actions
+              }
+            ) : null
+          ]
+        }
+      )
+    }
+  );
+}
 function DataExplorerDetailField({
   field,
   label = field?.label,
@@ -7150,6 +7234,6 @@ function DataExplorerViewShell({
   );
 }
 
-export { DataExplorerActionBar, DataExplorerButton, DataExplorerCheckbox, DataExplorerCollectionFooter, DataExplorerDetailField, DataExplorerDetailSection, DataExplorerDetailShell, DataExplorerDisplayActionMenu, DataExplorerDisplayCard, DataExplorerDisplayCollectionView, DataExplorerDisplayListItem, DataExplorerDisplayMedia, DataExplorerDraggableTree, DataExplorerImagePreview, DataExplorerPage, DataExplorerRecordCard, DataExplorerSelect, DataExplorerToolbarActions, DataExplorerToolbarShell, DataExplorerTree, DataExplorerTreeShell, DataExplorerView, DataExplorerViewCollection, DataExplorerViewItem, DataExplorerViewItemShell, DataExplorerViewShell, DataExplorerViewTree, getDataExplorerActionToneClassName, getDataExplorerMenuItemToneClassName, resolveDataExplorerAppearance };
+export { DataExplorerActionBar, DataExplorerButton, DataExplorerCheckbox, DataExplorerCollectionFooter, DataExplorerDetailField, DataExplorerDetailSection, DataExplorerDetailShell, DataExplorerDisplayActionMenu, DataExplorerDisplayCard, DataExplorerDisplayCollectionView, DataExplorerDisplayListItem, DataExplorerDisplayMedia, DataExplorerDraggableTree, DataExplorerFilterBar, DataExplorerImagePreview, DataExplorerPage, DataExplorerRecordCard, DataExplorerSelect, DataExplorerToolbarActions, DataExplorerToolbarShell, DataExplorerTree, DataExplorerTreeShell, DataExplorerView, DataExplorerViewCollection, DataExplorerViewItem, DataExplorerViewItemShell, DataExplorerViewShell, DataExplorerViewTree, getDataExplorerActionToneClassName, getDataExplorerMenuItemToneClassName, resolveDataExplorerAppearance };
 //# sourceMappingURL=index.mjs.map
 //# sourceMappingURL=index.mjs.map