@cere/cere-design-system 0.0.26 → 0.0.28

package/dist/index.d.mts

@@ -32,7 +32,7 @@ import { BoxProps as BoxProps$1 } from '@mui/material/Box';
 import { AlertProps as AlertProps$1 } from '@mui/material/Alert';
 import { SnackbarProps as SnackbarProps$1 } from '@mui/material/Snackbar';
 import { QRCodeProps as QRCodeProps$1 } from 'react-qr-code';
-import { ReactFlowProps, Node, Edge, OnNodesChange, OnEdgesChange, NodeTypes, EdgeTypes, BackgroundVariant, ReactFlowInstance, NodeProps } from 'reactflow';
+import { ReactFlowProps, Node, Edge, OnNodesChange, OnEdgesChange, NodeTypes, EdgeTypes, BackgroundVariant, MiniMapProps, ReactFlowInstance, NodeProps } from 'reactflow';
 export { Background, BackgroundVariant, ConnectionLineType, Controls, Edge, EdgeTypes, MiniMap, Node, NodeTypes, OnEdgesChange, OnNodesChange, Panel, ReactFlowInstance } from 'reactflow';
 import { Monaco } from '@monaco-editor/react';
 import { editor } from 'monaco-editor';
@@ -1730,8 +1730,8 @@ interface WorkflowSideInspectorProps extends PaperProps$1 {
     timestamp?: string;
     /** Duration value shown in metadata section. */
     duration?: string;
-    /** Bottom CTA label. */
-    actionLabel?: string;
+    /** Bottom CTA label. Set to `undefined` or `null` to hide the button. */
+    actionLabel?: string | null;
     /** Called when close button is pressed. */
     onClose?: () => void;
     /** Called when cubby copy button is pressed. */
@@ -2226,10 +2226,30 @@ interface FlowEditorProps extends Omit<ReactFlowProps, 'nodes' | 'edges'> {
      * @default false
      */
     showMinimap?: boolean;
+    /**
+     * Allow nodes to be dragged by the user
+     * @default true
+     */
+    nodesDraggable?: boolean;
+    /**
+     * Show border around the container
+     * @default true
+     */
+    showBorder?: boolean;
+    /**
+     * Border radius of the container in theme spacing units (e.g. 1 = 8px, 2 = 16px)
+     * @default 1
+     */
+    borderRadius?: number;
     /**
      * Container props
      */
     containerProps?: BoxProps;
+    /**
+     * Props passed directly to the ReactFlow MiniMap component, allowing full customization
+     * of colors, mask, style, and any other MiniMap option. Consumer values override defaults.
+     */
+    minimapProps?: Partial<MiniMapProps>;
     /**
      * Callback when flow instance is initialized
      */

package/dist/index.d.ts

@@ -32,7 +32,7 @@ import { BoxProps as BoxProps$1 } from '@mui/material/Box';
 import { AlertProps as AlertProps$1 } from '@mui/material/Alert';
 import { SnackbarProps as SnackbarProps$1 } from '@mui/material/Snackbar';
 import { QRCodeProps as QRCodeProps$1 } from 'react-qr-code';
-import { ReactFlowProps, Node, Edge, OnNodesChange, OnEdgesChange, NodeTypes, EdgeTypes, BackgroundVariant, ReactFlowInstance, NodeProps } from 'reactflow';
+import { ReactFlowProps, Node, Edge, OnNodesChange, OnEdgesChange, NodeTypes, EdgeTypes, BackgroundVariant, MiniMapProps, ReactFlowInstance, NodeProps } from 'reactflow';
 export { Background, BackgroundVariant, ConnectionLineType, Controls, Edge, EdgeTypes, MiniMap, Node, NodeTypes, OnEdgesChange, OnNodesChange, Panel, ReactFlowInstance } from 'reactflow';
 import { Monaco } from '@monaco-editor/react';
 import { editor } from 'monaco-editor';
@@ -1730,8 +1730,8 @@ interface WorkflowSideInspectorProps extends PaperProps$1 {
     timestamp?: string;
     /** Duration value shown in metadata section. */
     duration?: string;
-    /** Bottom CTA label. */
-    actionLabel?: string;
+    /** Bottom CTA label. Set to `undefined` or `null` to hide the button. */
+    actionLabel?: string | null;
     /** Called when close button is pressed. */
     onClose?: () => void;
     /** Called when cubby copy button is pressed. */
@@ -2226,10 +2226,30 @@ interface FlowEditorProps extends Omit<ReactFlowProps, 'nodes' | 'edges'> {
      * @default false
      */
     showMinimap?: boolean;
+    /**
+     * Allow nodes to be dragged by the user
+     * @default true
+     */
+    nodesDraggable?: boolean;
+    /**
+     * Show border around the container
+     * @default true
+     */
+    showBorder?: boolean;
+    /**
+     * Border radius of the container in theme spacing units (e.g. 1 = 8px, 2 = 16px)
+     * @default 1
+     */
+    borderRadius?: number;
     /**
      * Container props
      */
     containerProps?: BoxProps;
+    /**
+     * Props passed directly to the ReactFlow MiniMap component, allowing full customization
+     * of colors, mask, style, and any other MiniMap option. Consumer values override defaults.
+     */
+    minimapProps?: Partial<MiniMapProps>;
     /**
      * Callback when flow instance is initialized
      */

package/dist/index.js

@@ -6847,7 +6847,7 @@ var WorkflowSideInspector = ({
   cubbyId = "ID:S8787",
   timestamp = "2026-02-11 14:32:10",
   duration = "120ms",
-  actionLabel = "View Logs",
+  actionLabel,
   onClose,
   onCopyCubbyId,
   onAction,
@@ -6964,7 +6964,7 @@ var WorkflowSideInspector = ({
           ] }),
           /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(import_material40.Divider, { sx: { borderColor: DIVIDER_COLOR } })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(Button, { variant: "primary", fullWidth: true, onClick: onAction, children: actionLabel })
+        actionLabel && /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(Button, { variant: "primary", fullWidth: true, onClick: onAction, children: actionLabel })
       ]
     }
   );
@@ -8586,7 +8586,11 @@ var FlowEditor = ({
   backgroundVariant = import_reactflow.BackgroundVariant.Dots,
   showControls = true,
   showMinimap = false,
+  showBorder = true,
+  borderRadius = 1,
+  nodesDraggable = true,
   containerProps,
+  minimapProps,
   onInit,
   ...reactFlowProps
 }) => {
@@ -8599,19 +8603,22 @@ var FlowEditor = ({
     },
     [onInit]
   );
+  const { sx: containerSx, ...restContainerProps } = containerProps ?? {};
   return /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(import_reactflow.ReactFlowProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
     import_material72.Box,
     {
-      sx: {
-        width: "100%",
-        height: typeof height === "number" ? `${height}px` : height,
-        border: `1px solid ${theme2.palette.divider}`,
-        borderRadius: theme2.shape.borderRadius,
-        overflow: "hidden",
-        backgroundColor: theme2.palette.background.paper,
-        ...containerProps?.sx
-      },
-      ...containerProps,
+      sx: [
+        {
+          width: "100%",
+          height: typeof height === "number" ? `${height}px` : height,
+          overflow: "hidden",
+          ...showBorder && { border: `1px solid ${theme2.palette.divider}` },
+          borderRadius,
+          backgroundColor: theme2.palette.background.paper
+        },
+        ...Array.isArray(containerSx) ? containerSx : [containerSx]
+      ],
+      ...restContainerProps,
       children: /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)(
         import_reactflow.default,
         {
@@ -8622,6 +8629,7 @@ var FlowEditor = ({
           nodeTypes,
           edgeTypes,
           onInit: handleInit,
+          nodesDraggable,
           connectionLineType: import_reactflow.ConnectionLineType.SmoothStep,
           defaultEdgeOptions: {
             style: {
@@ -8656,7 +8664,8 @@ var FlowEditor = ({
                 maskColor: `${theme2.palette.background.paper}80`,
                 style: {
                   backgroundColor: theme2.palette.background.paper
-                }
+                },
+                ...minimapProps
               }
             )
           ]