@squeed/flow-sdk 0.1.0

package/dist/index.d.ts

@@ -0,0 +1,192 @@
+import { JSX as JSX_2 } from 'react/jsx-runtime';
+
+export declare type BackgroundPattern = "dot" | "steel" | "grid" | "none";
+
+export declare const contentObjTheme: (color: any) => {
+    background: any;
+    highlight: string;
+    border: string;
+    property: string;
+    boolean: string;
+    string: string;
+    number: string;
+};
+
+export declare function createFlowDiagram(jsnObjct: any, path?: string, nodes?: any[], edges?: any[], activeLabel?: string, flowConfig?: any, nodeConfig?: any, ctx?: DiagramContext): {
+    nodes: any[];
+    edges: any[];
+};
+
+declare interface DiagramContext {
+    invrtdRtPths: string[];
+    initalObjIds: {
+        ids: any[];
+        jsnObjct: any;
+    } | null;
+}
+
+export declare function FlowDiagram({ json, title, nodes: externalNodes, edges: externalEdges, config, callbacks, className, style, showBottomBar, }: FlowDiagramProps & {
+    showBottomBar?: boolean;
+}): JSX_2.Element;
+
+export declare interface FlowDiagramCallbacks {
+    onNodeSelect?: (nodeId: string, nodeData: any) => void;
+    onNodeDeselect?: () => void;
+    onNodeDoubleClick?: (nodeId: string, nodeData: any) => void;
+    onNodeHoverAction?: (actionId: string, nodeId: string, nodeData: any) => void;
+    onEdgeCreate?: (sourceId: string, targetId: string) => void;
+    onEdgeSelect?: (edgeId: string, edgeData: any) => void;
+    onEdgeDeselect?: () => void;
+    onEdgeRemove?: (edgeId: string, edgeData: any) => void;
+    onViewportChange?: (viewport: {
+        pan: {
+            x: number;
+            y: number;
+        };
+        zoom: number;
+    }) => void;
+    onNodeCreate?: (params: {
+        type: string;
+        position: any;
+        sourceNodeId?: string;
+    }) => void;
+    onCyInit?: (cy: any) => void;
+    onDirectionChange?: (direction: FlowDirection) => void;
+    onNodeColorChange?: (nodeId: string, colorType: "text" | "bg", color: string) => void;
+    onEdgeColorChange?: (edgeId: string, color: string) => void;
+    onArrayModeChange?: (isArrayMode: boolean) => void;
+    onNodeDelete?: (nodeId: string, nodeData: any) => void;
+}
+
+export declare interface FlowDiagramConfig {
+    direction?: FlowDirection;
+    layout?: LayoutAlgorithm;
+    themeColor?: string;
+    colorMode?: "light" | "dark";
+    backgroundPattern?: BackgroundPattern;
+    minZoom?: number;
+    maxZoom?: number;
+    initialViewport?: {
+        pan: {
+            x: number;
+            y: number;
+        };
+        zoom: number;
+    };
+    edgeHandles?: boolean;
+    readOnly?: boolean;
+    edgeColor?: string;
+    nodeOverlayActions?: NodeOverlayAction[];
+    renderNodeOverlay?: (props: NodeOverlayProps) => React.ReactNode;
+    renderSelectedNodeToolbar?: (props: SelectedNodeToolbarProps) => React.ReactNode;
+}
+
+export declare interface FlowDiagramEdge {
+    data: {
+        id: string;
+        source: string;
+        target: string;
+        label?: string;
+        isInverted?: boolean;
+        isEdgeAnimated?: boolean;
+        isEdgeDashed?: boolean;
+    };
+}
+
+export declare interface FlowDiagramNode {
+    data: {
+        id: string;
+        label?: string;
+        text?: string;
+        code?: string;
+        type: string;
+        parent?: string;
+        headerTitle?: string;
+        description?: Record<string, any>;
+        viewProps?: any;
+        config?: Record<string, any>;
+    };
+}
+
+export declare interface FlowDiagramProps {
+    json?: any;
+    title?: string;
+    nodes?: FlowDiagramNode[];
+    edges?: FlowDiagramEdge[];
+    config?: FlowDiagramConfig;
+    callbacks?: FlowDiagramCallbacks;
+    className?: string;
+    style?: React.CSSProperties;
+}
+
+export declare type FlowDirection = "LR" | "RL" | "TB" | "BT";
+
+export declare const getChakraColorHex: (color?: any, opacity?: any) => any;
+
+export declare const getColorVariant: (color: string) => {
+    secondary: string;
+    primary?: undefined;
+    light?: undefined;
+} | {
+    primary: string;
+    secondary: string;
+    light: string;
+};
+
+export declare function getDarkerHexColor(hex: string, factor?: number): string;
+
+export declare type LayoutAlgorithm = "dagre" | "elk" | "tidytree" | "concentric" | "cose";
+
+export declare interface NodeOverlayAction {
+    icon: any;
+    label: string;
+    id: string;
+}
+
+export declare interface NodeOverlayProps {
+    nodeId: string;
+    nodeData: any;
+    isRoot: boolean;
+    isParent: boolean;
+    isHovered: boolean;
+    setIsHovered: (v: boolean) => void;
+}
+
+export declare interface SelectedNodeToolbarProps {
+    selectedNodeIds: string[];
+    selectedNodeData: any[];
+    onDeselect: () => void;
+}
+
+export declare function useCustomColors(theme?: any): {
+    background: string;
+    backgroundSecondary: string;
+    darkBackgroundSecondary: string;
+    border: string;
+    darkColor: string;
+    backgroundWhiteColor: string;
+    borderSecondary: string;
+    colorActive: string;
+    colorInactive: string;
+    iconColor: string;
+    moreIconColor: string;
+    colorText: string;
+    themedColorText: string;
+    logoColor: any;
+    logoColorSecondary: any;
+    darkColorActive: string;
+    greenColor: string;
+};
+
+export declare function useThemeContentColors(color: any): {
+    bgColor: any;
+    highlightColor: string;
+    borderColor: string;
+    textColor: string;
+    propertyColor: string;
+    secondary: string;
+    bgColorFaint: any;
+    highlightColorFaint: string;
+};
+
+export { }