@upbound/monarch-blocks 0.7.3 → 0.8.1

package/dist/{empty-view-DO36LNvk.d.ts → empty-view-CQtcr_Ew.d.ts}

@@ -167,13 +167,12 @@ type DataTableEmptyView = {
     error?: DataTableEmptyConfig;
     filter?: DataTableEmptyConfig;
 };
-declare function DataTableEmptyView({ emptyView, tableState, filterCount, resetFilters, className, }: {
+declare function DataTableEmptyView({ emptyView, tableState, filterCount, resetFilters, }: {
     emptyView?: DataTableEmptyView;
     /** `'success'`/`'loading'` render nothing here — the table body handles those. */
     tableState: TableDataState;
     filterCount: number;
     resetFilters: () => void;
-    className?: string;
 }): React.JSX.Element;
 
 export { type DataTableEmptyConfig as D, type TableDataState as T, DataTableEmptyView as a, defaultErrorConfig as b, defaultNoFilterFoundConfig as c, defaultEmptyConfig as d };

package/dist/graph.d.ts

@@ -2,7 +2,7 @@ import { Node, NodeProps, Edge, EdgeProps, NodeTypes, EdgeTypes } from 'reactflo
 export { Edge, Node } from 'reactflow';
 import * as React from 'react';
 import { ColumnDef, ColumnFiltersState } from '@tanstack/react-table';
-import { D as DataTableEmptyConfig, T as TableDataState } from './empty-view-DO36LNvk.js';
+import { D as DataTableEmptyConfig, T as TableDataState } from './empty-view-CQtcr_Ew.js';
 import '@upbound/monarch-core';
 
 type GraphBadgeVariant = 'default' | 'secondary' | 'destructive' | 'outline' | 'ghost' | 'link' | 'healthy' | 'unhealthy' | 'warning' | 'stale' | 'info' | 'unknown';

package/dist/graph.js

@@ -489,6 +489,21 @@ function getTableState({
   return rowCount === 0 ? "empty" : "success";
 }
 
+// src/lib/search-input.ts
+var SEARCH_INPUT_PROPS = {
+  type: "search",
+  autoComplete: "off",
+  "data-1p-ignore": true,
+  // 1Password
+  "data-lpignore": "true",
+  // LastPass
+  "data-bwignore": true,
+  // Bitwarden
+  "data-form-type": "other"
+  // Dashlane
+};
+var SEARCH_INPUT_CLASS = "[&::-webkit-search-cancel-button]:appearance-none";
+
 // src/data-table/empty-view.tsx
 import { Alert, AlertDescription } from "@upbound/monarch-core";
 import { Button } from "@upbound/monarch-core";
@@ -515,8 +530,7 @@ function DataTableEmptyView({
   emptyView,
   tableState,
   filterCount,
-  resetFilters,
-  className
+  resetFilters
 }) {
   var _a, _b, _c, _d, _e, _f, _g;
   const isFilteredEmpty = tableState === "empty" && filterCount > 0;
@@ -526,9 +540,7 @@ function DataTableEmptyView({
     /* @__PURE__ */ jsx4(Icon2, { name: "xmark" }),
     "Clear filters"
   ] }) : null;
-  return /* @__PURE__ */ jsx4("div", { className: cn("flex size-full flex-col justify-center p-6", wrapperClassName, className), children: config && // The error state ignores its own config's `className` for outer
-  // padding, matching the source's forced `pt-0` on that branch.
-  /* @__PURE__ */ jsxs3(Empty, { className: tableState === "error" ? "pt-0" : config.className, children: [
+  return /* @__PURE__ */ jsx4("div", { className: cn("flex size-full flex-col justify-center", wrapperClassName), children: config && /* @__PURE__ */ jsxs3(Empty, { className: cn("border border-dashed", config.className), children: [
     /* @__PURE__ */ jsxs3(EmptyHeader, { children: [
       config.icon && /* @__PURE__ */ jsx4(EmptyMedia, { children: /* @__PURE__ */ jsx4(IconTile, { variant: "branded", children: /* @__PURE__ */ jsx4(Icon2, { name: config.icon }) }) }),
       config.header && /* @__PURE__ */ jsx4(EmptyTitle, { children: config.header }),
@@ -1561,6 +1573,7 @@ function Graph({
 }) {
   var _a, _b, _c;
   const graphRef = React7.useRef(null);
+  const searchInputId = `graph-search-${React7.useId()}`;
   const [innerGlobalFilter, setInnerGlobalFilter] = React7.useState("");
   const [innerColumnFilters, setInnerColumnFilters] = React7.useState([]);
   const globalFilter = parentGlobalFilter != null ? parentGlobalFilter : innerGlobalFilter;
@@ -1630,13 +1643,15 @@ function Graph({
         /* @__PURE__ */ jsx9(InputGroupAddon, { align: "inline-start", children: /* @__PURE__ */ jsx9(Icon4, { name: "magnifying-glass" }) }),
         /* @__PURE__ */ jsx9(
           InputGroupInput,
-          {
+          __spreadProps(__spreadValues({}, SEARCH_INPUT_PROPS), {
+            id: searchInputId,
+            className: SEARCH_INPUT_CLASS,
             "aria-label": "Search",
             placeholder: "Search\u2026",
             disabled: shouldDisable,
             value: globalFilter,
             onChange: (e) => setGlobalFilter(e.target.value)
-          }
+          })
         )
       ] }),
       !!Actions && /* @__PURE__ */ jsx9("div", { className: "ml-auto flex items-center gap-2", children: /* @__PURE__ */ jsx9(Actions, { state: graphState }) })