feat(ui): add type filter toggles

node_modules/@xyflow/react/dist/umd/additional-components/MiniMap/MiniMap.d.ts

@@ -0,0 +1,29 @@
+import type { Node } from '../../types';
+import type { MiniMapProps } from './types';
+declare function MiniMapComponent<NodeType extends Node = Node>({ style, className, nodeStrokeColor, nodeColor, nodeClassName, nodeBorderRadius, nodeStrokeWidth, nodeComponent, bgColor, maskColor, maskStrokeColor, maskStrokeWidth, position, onClick, onNodeClick, pannable, zoomable, ariaLabel, inversePan, zoomStep, offsetScale, }: MiniMapProps<NodeType>): import("react/jsx-runtime").JSX.Element;
+declare namespace MiniMapComponent {
+    var displayName: string;
+}
+/**
+ * The `<MiniMap />` component can be used to render an overview of your flow. It
+ * renders each node as an SVG element and visualizes where the current viewport is
+ * in relation to the rest of the flow.
+ *
+ * @public
+ * @example
+ *
+ * ```jsx
+ *import { ReactFlow, MiniMap } from '@xyflow/react';
+ *
+ *export default function Flow() {
+ *  return (
+ *    <ReactFlow nodes={[...]]} edges={[...]]}>
+ *      <MiniMap nodeStrokeWidth={3} />
+ *    </ReactFlow>
+ *  );
+ *}
+ *```
+ */
+export declare const MiniMap: typeof MiniMapComponent;
+export {};
+//# sourceMappingURL=MiniMap.d.ts.map

node_modules/@xyflow/react/dist/umd/additional-components/MiniMap/MiniMap.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MiniMap.d.ts","sourceRoot":"","sources":["../../../src/additional-components/MiniMap/MiniMap.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAkB,IAAI,EAAE,MAAM,aAAa,CAAC;AAGxD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AA+B5C,iBAAS,gBAAgB,CAAC,QAAQ,SAAS,IAAI,GAAG,IAAI,EAAE,EACtD,KAAK,EACL,SAAS,EACT,eAAe,EACf,SAAS,EACT,aAAkB,EAClB,gBAAoB,EACpB,eAAe,EAKf,aAAa,EACb,OAAO,EACP,SAAS,EACT,eAAe,EACf,eAAe,EACf,QAAyB,EACzB,OAAO,EACP,WAAW,EACX,QAAgB,EAChB,QAAgB,EAChB,SAAS,EACT,UAAU,EACV,QAAY,EACZ,WAAe,GAChB,EAAE,YAAY,CAAC,QAAQ,CAAC,2CAsHxB;kBAhJQ,gBAAgB;;;AAoJzB;;;;;;;;;;;;;;;;;;;GAmBG;AACH,eAAO,MAAM,OAAO,EAA6B,OAAO,gBAAgB,CAAC"}

node_modules/@xyflow/react/dist/umd/additional-components/MiniMap/MiniMapNode.d.ts

@@ -0,0 +1,5 @@
+import type { MiniMapNodeProps } from './types';
+declare function MiniMapNodeComponent({ id, x, y, width, height, style, color, strokeColor, strokeWidth, className, borderRadius, shapeRendering, selected, onClick, }: MiniMapNodeProps): import("react/jsx-runtime").JSX.Element;
+export declare const MiniMapNode: import("react").MemoExoticComponent<typeof MiniMapNodeComponent>;
+export {};
+//# sourceMappingURL=MiniMapNode.d.ts.map

node_modules/@xyflow/react/dist/umd/additional-components/MiniMap/MiniMapNode.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MiniMapNode.d.ts","sourceRoot":"","sources":["../../../src/additional-components/MiniMap/MiniMapNode.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAEhD,iBAAS,oBAAoB,CAAC,EAC5B,EAAE,EACF,CAAC,EACD,CAAC,EACD,KAAK,EACL,MAAM,EACN,KAAK,EACL,KAAK,EACL,WAAW,EACX,WAAW,EACX,SAAS,EACT,YAAY,EACZ,cAAc,EACd,QAAQ,EACR,OAAO,GACR,EAAE,gBAAgB,2CAsBlB;AAED,eAAO,MAAM,WAAW,kEAA6B,CAAC"}

node_modules/@xyflow/react/dist/umd/additional-components/MiniMap/MiniMapNodes.d.ts

@@ -0,0 +1,6 @@
+import type { Node } from '../../types';
+import type { MiniMapNodes as MiniMapNodesProps } from './types';
+declare function MiniMapNodes<NodeType extends Node>({ nodeStrokeColor, nodeColor, nodeClassName, nodeBorderRadius, nodeStrokeWidth, nodeComponent: NodeComponent, onClick, }: MiniMapNodesProps<NodeType>): import("react/jsx-runtime").JSX.Element;
+declare const _default: typeof MiniMapNodes;
+export default _default;
+//# sourceMappingURL=MiniMapNodes.d.ts.map

node_modules/@xyflow/react/dist/umd/additional-components/MiniMap/MiniMapNodes.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MiniMapNodes.d.ts","sourceRoot":"","sources":["../../../src/additional-components/MiniMap/MiniMapNodes.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAkB,IAAI,EAAE,MAAM,aAAa,CAAC;AACxD,OAAO,KAAK,EAAE,YAAY,IAAI,iBAAiB,EAA6C,MAAM,SAAS,CAAC;AAQ5G,iBAAS,YAAY,CAAC,QAAQ,SAAS,IAAI,EAAE,EAC3C,eAAe,EACf,SAAS,EACT,aAAkB,EAClB,gBAAoB,EACpB,eAAe,EAKf,aAAa,EAAE,aAA2B,EAC1C,OAAO,GACR,EAAE,iBAAiB,CAAC,QAAQ,CAAC,2CAiC7B;wBAgEoC,OAAO,YAAY;AAAxD,wBAAyD"}

node_modules/@xyflow/react/dist/umd/additional-components/MiniMap/index.d.ts

@@ -0,0 +1,4 @@
+export { MiniMap } from './MiniMap';
+export { MiniMapNode } from './MiniMapNode';
+export * from './types';
+//# sourceMappingURL=index.d.ts.map

node_modules/@xyflow/react/dist/umd/additional-components/MiniMap/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/additional-components/MiniMap/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,cAAc,SAAS,CAAC"}

node_modules/@xyflow/react/dist/umd/additional-components/MiniMap/types.d.ts

@@ -0,0 +1,123 @@
+import type { ComponentType, CSSProperties, HTMLAttributes, MouseEvent } from 'react';
+import type { PanelPosition, XYPosition } from '@xyflow/system';
+import type { Node } from '../../types';
+export type GetMiniMapNodeAttribute<NodeType extends Node = Node> = (node: NodeType) => string;
+/**
+ * @expand
+ */
+export type MiniMapProps<NodeType extends Node = Node> = Omit<HTMLAttributes<SVGSVGElement>, 'onClick'> & {
+    /**
+     * Color of nodes on minimap.
+     * @default "#e2e2e2"
+     */
+    nodeColor?: string | GetMiniMapNodeAttribute<NodeType>;
+    /**
+     * Stroke color of nodes on minimap.
+     * @default "transparent"
+     */
+    nodeStrokeColor?: string | GetMiniMapNodeAttribute<NodeType>;
+    /**
+     * Class name applied to nodes on minimap.
+     * @default ""
+     */
+    nodeClassName?: string | GetMiniMapNodeAttribute<NodeType>;
+    /**
+     * Border radius of nodes on minimap.
+     * @default 5
+     */
+    nodeBorderRadius?: number;
+    /**
+     * Stroke width of nodes on minimap.
+     * @default 2
+     */
+    nodeStrokeWidth?: number;
+    /**
+     * A custom component to render the nodes in the minimap. This component must render an SVG
+     * element!
+     */
+    nodeComponent?: ComponentType<MiniMapNodeProps>;
+    /** Background color of minimap. */
+    bgColor?: string;
+    /**
+     * The color of the mask that covers the portion of the minimap not currently visible in the
+     * viewport.
+     * @default "rgba(240, 240, 240, 0.6)"
+     */
+    maskColor?: string;
+    /**
+     * Stroke color of mask representing viewport.
+     * @default transparent
+     */
+    maskStrokeColor?: string;
+    /**
+     * Stroke width of mask representing viewport.
+     * @default 1
+     */
+    maskStrokeWidth?: number;
+    /**
+     * Position of minimap on pane.
+     * @default PanelPosition.BottomRight
+     * @example PanelPosition.TopLeft, PanelPosition.TopRight,
+     * PanelPosition.BottomLeft, PanelPosition.BottomRight
+     */
+    position?: PanelPosition;
+    /** Callback called when minimap is clicked. */
+    onClick?: (event: MouseEvent, position: XYPosition) => void;
+    /** Callback called when node on minimap is clicked. */
+    onNodeClick?: (event: MouseEvent, node: NodeType) => void;
+    /**
+     * Determines whether you can pan the viewport by dragging inside the minimap.
+     * @default false
+     */
+    pannable?: boolean;
+    /**
+     * Determines whether you can zoom the viewport by scrolling inside the minimap.
+     * @default false
+     */
+    zoomable?: boolean;
+    /**
+     * There is no text inside the minimap for a screen reader to use as an accessible name, so it's
+     * important we provide one to make the minimap accessible. The default is sufficient, but you may
+     * want to replace it with something more relevant to your app or product.
+     * @default "Mini Map"
+     */
+    ariaLabel?: string | null;
+    /** Invert direction when panning the minimap viewport. */
+    inversePan?: boolean;
+    /**
+     * Step size for zooming in/out on minimap.
+     * @default 10
+     */
+    zoomStep?: number;
+    /**
+     * Offset the viewport on the minimap, acts like a padding.
+     * @default 5
+     */
+    offsetScale?: number;
+};
+export type MiniMapNodes<NodeType extends Node = Node> = Pick<MiniMapProps<NodeType>, 'nodeColor' | 'nodeStrokeColor' | 'nodeClassName' | 'nodeBorderRadius' | 'nodeStrokeWidth' | 'nodeComponent'> & {
+    onClick?: (event: MouseEvent, nodeId: string) => void;
+};
+/**
+ * The props that are passed to the MiniMapNode component
+ *
+ * @public
+ * @expand
+ */
+export type MiniMapNodeProps = {
+    id: string;
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+    borderRadius: number;
+    className: string;
+    color?: string;
+    shapeRendering: string;
+    strokeColor?: string;
+    strokeWidth?: number;
+    style?: CSSProperties;
+    selected: boolean;
+    onClick?: (event: MouseEvent, id: string) => void;
+};
+//# sourceMappingURL=types.d.ts.map

node_modules/@xyflow/react/dist/umd/additional-components/MiniMap/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/additional-components/MiniMap/types.ts"],"names":[],"mappings":"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"}