@upbound/monarch-blocks 0.8.0 → 0.8.2

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

@@ -175,4 +175,5 @@ declare function DataTableEmptyView({ emptyView, tableState, filterCount, resetF
     resetFilters: () => void;
 }): React.JSX.Element;
 
-export { type DataTableEmptyConfig as D, type TableDataState as T, DataTableEmptyView as a, defaultErrorConfig as b, defaultNoFilterFoundConfig as c, defaultEmptyConfig as d };
+export { DataTableEmptyView as a, defaultErrorConfig as b, defaultNoFilterFoundConfig as c, defaultEmptyConfig as d };
+export type { DataTableEmptyConfig as D, TableDataState as T };

package/dist/filter-bar.d.ts

@@ -80,4 +80,5 @@ interface FilterChipProps {
 }
 declare function FilterChip({ definition, value, autoOpen, container, onChangeValue, onRemove }: FilterChipProps): React.JSX.Element;
 
-export { type ActiveFilter, type CheckboxFilterDefinition, type CheckboxFilterValue, type DateFilterDefinition, type DateFilterValue, FilterBar, type FilterBarProps, FilterChip, type FilterDefinition, type FilterOption, type FilterType, type FilterValue, type MultiTextFilterDefinition, type MultiTextFilterValue, type RadioFilterDefinition, type RadioFilterValue, type TextFilterDefinition, type TextFilterValue };
+export { FilterBar, FilterChip };
+export type { ActiveFilter, CheckboxFilterDefinition, CheckboxFilterValue, DateFilterDefinition, DateFilterValue, FilterBarProps, FilterDefinition, FilterOption, FilterType, FilterValue, MultiTextFilterDefinition, MultiTextFilterValue, RadioFilterDefinition, RadioFilterValue, TextFilterDefinition, TextFilterValue };

package/dist/graph.d.ts

@@ -2,7 +2,8 @@ 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-CQtcr_Ew.js';
+import { T as TableDataState } from './empty-view-CjRwaITk.js';
+import { DataTableEmptyConfig } from './data-table.js';
 import '@upbound/monarch-core';
 
 type GraphBadgeVariant = 'default' | 'secondary' | 'destructive' | 'outline' | 'ghost' | 'link' | 'healthy' | 'unhealthy' | 'warning' | 'stale' | 'info' | 'unknown';
@@ -179,4 +180,5 @@ declare const getGraphDescendants: (node: Node, nodes: Node[], edges: Edge[]) =>
     edges: Edge[];
 };
 
-export { type AutoLayoutReturn, Graph, type GraphActions, GraphActionsProvider, type GraphActionsProviderRef, type GraphBadgeVariant, type GraphDataState, GraphEdge, type GraphEmptyView, GraphNode, type GraphNodeProps, GraphNodeSkeleton, type GraphOptions, type GraphProps, GraphView, type NodeData, type NodeDefault, type NodeLoading, type UseNodeVisibilityReturn, defaultGraphEmptyConfig, defaultGraphErrorConfig, defaultGraphNoFilterFoundConfig, getGraphDescendants, isDefaultNode, useAutoLayout, useGetViewportNodeIds, useGraphActions, useGraphActionsContext, useNodeVisibility };
+export { Graph, GraphActionsProvider, GraphEdge, GraphNode, GraphNodeSkeleton, GraphView, defaultGraphEmptyConfig, defaultGraphErrorConfig, defaultGraphNoFilterFoundConfig, getGraphDescendants, isDefaultNode, useAutoLayout, useGetViewportNodeIds, useGraphActions, useGraphActionsContext, useNodeVisibility };
+export type { AutoLayoutReturn, GraphActions, GraphActionsProviderRef, GraphBadgeVariant, GraphDataState, GraphEmptyView, GraphNodeProps, GraphOptions, GraphProps, NodeData, NodeDefault, NodeLoading, UseNodeVisibilityReturn };

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";
@@ -1558,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;
@@ -1627,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 }) })