caplink-saas-ui-shared-component-library 0.5.4 → 0.5.6

package/dist/components/dag/model/dag-types.d.ts

@@ -24,6 +24,7 @@ export type NodeProps<T extends Node = Node> = Pick<T, 'id' | 'data' | 'sourcePo
 export type DefaultNodeDataProps = {
     content: React.ReactNode;
     className?: string;
+    hideHandles?: boolean;
     targetHandleClassName?: string;
     sourceHandleClassName?: string;
 } & Record<string, unknown>;
@@ -50,6 +51,9 @@ export type EdgePosition = {
 export type EdgeProps<T extends Edge = Edge> = Pick<T, 'id' | 'animated' | 'data' | 'style' | 'selected' | 'source' | 'target' | 'selectable' | 'deletable'> & EdgePosition & {
     markerEnd?: string;
 };
+export type DefaultEdgeProps = {
+    edgePath?: 'simpleBezier' | 'smoothStep';
+} & Record<string, unknown>;
 export declare enum Position {
     Left = "left",
     Top = "top",
@@ -100,7 +104,11 @@ export type UseDagProps = {
     deleteNodes: (node: Node | Node[]) => void;
     deleteEdges: (edge: Edge | Edge[]) => void;
     getNodeEdges: (nodeId: string) => Edge[];
-    changeOrientation: (direction: 'vertical' | 'horizontal') => {
+    changeOrientation: (props: {
+        direction: 'vertical' | 'horizontal';
+        nodeHeight?: number;
+        nodeWidth?: number;
+    }) => {
         nodes: Node[];
         edges: Edge[];
     };

package/dist/components/dag/ui/adjacent-nodes/adjacent-nodes.d.ts

@@ -1,10 +1,11 @@
 import { HandleType, Node } from '@xyflow/react';
+import { PropsWithChildren } from 'react';
 
-export type AdjacentNodesProps = {
+export type AdjacentNodesProps = PropsWithChildren<{
     title?: string;
     nodeId: string;
     type: HandleType;
     nodeValueKey: string;
     onFindAdjacentNodes?: (nodes: Node[]) => void;
-};
+}>;
 export declare function AdjacentNodes(props: AdjacentNodesProps): import("react/jsx-runtime").JSX.Element | null;

package/dist/components/dag/ui/defaults/default-edge.d.ts

@@ -1,3 +1,3 @@
-import { EdgeProps } from '../../model';
+import { DefaultEdgeProps, Edge, EdgeProps } from '../../model/dag-types';
 
-export declare function DefaultEdge({ sourceX, sourceY, targetX, targetY, sourcePosition, targetPosition, style, markerEnd, source, target, }: EdgeProps): import("react/jsx-runtime").JSX.Element;
+export declare function DefaultEdge({ sourceX, sourceY, targetX, targetY, sourcePosition, targetPosition, style, markerEnd, source, target, data, }: EdgeProps<Edge<DefaultEdgeProps>>): import("react/jsx-runtime").JSX.Element;

package/dist/components/dag/ui/float-menu/default-float-buttons/button-change-orientation.d.ts

@@ -7,5 +7,7 @@ export type ButtonChangeOrientationProps = {
         edges: Edge[];
     }) => void;
     shouldFitView?: boolean;
+    nodeHeight?: number;
+    nodeWidth?: number;
 };
-export declare const ButtonChangeOrientation: ({ onClick, orientation, shouldFitView, }: ButtonChangeOrientationProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ButtonChangeOrientation: ({ onClick, orientation, shouldFitView, nodeHeight, nodeWidth, }: ButtonChangeOrientationProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/dag/utils/get-layout-elements.d.ts

@@ -1,9 +1,11 @@
 import { Edge, Node, Position } from '@xyflow/react';
 
-interface GetLayoutedElementsProps {
+export interface GetLayoutedElementsProps {
     nodes: Node[];
     edges: Edge[];
     direction?: 'vertical' | 'horizontal';
+    nodeWidth?: number;
+    nodeHeight?: number;
 }
 export declare const getLayoutedElements: (props: GetLayoutedElementsProps) => {
     nodes: {
@@ -46,4 +48,3 @@ export declare const getLayoutedElements: (props: GetLayoutedElementsProps) => {
     }[];
     edges: Edge[];
 };
-export {};

package/dist/index.d.ts

@@ -14,6 +14,7 @@ import { FloatButton, FloatButtonProps } from './shared/ui/float-button';
 import { IconButtonProps } from './shared/ui/icon-button';
 import { MatrixTypes, SpreadsheetTypes } from './types';
 import { Position, Connection, DagProps, DefaultNodeDataProps, Edge, EdgePosition, EdgeProps, Node, NodeProps, UseDagProps } from './components/dag/model';
+import { GetLayoutedElementsProps } from './components/dag/utils/get-layout-elements';
 
 export declare const CapLink: {
     Spreadsheet: typeof Spreadsheet;
@@ -40,7 +41,7 @@ export declare const CapLink: {
     useDag: () => UseDagProps;
     useGetAdjacentNodes: ({ nodeId, type }: useGetAdjacentNodesProps) => import('@xyflow/react').Node[];
     AdjacentNodes: typeof AdjacentNodes;
-    ButtonChangeOrientation: ({ onClick, orientation, shouldFitView, }: ButtonChangeOrientationProps) => import("react/jsx-runtime").JSX.Element;
+    ButtonChangeOrientation: ({ onClick, orientation, shouldFitView, nodeHeight, nodeWidth, }: ButtonChangeOrientationProps) => import("react/jsx-runtime").JSX.Element;
     ButtonZoomIn: () => import("react/jsx-runtime").JSX.Element;
     ButtonZoomOut: () => import("react/jsx-runtime").JSX.Element;
     FloatMenu: typeof FloatMenu;
@@ -100,5 +101,46 @@ export declare const CapLink: {
             }[];
         }>;
     };
+    getLayoutedElements: (props: GetLayoutedElementsProps) => {
+        nodes: {
+            targetPosition: import('@xyflow/system').Position;
+            sourcePosition: import('@xyflow/system').Position;
+            position: {
+                x: number;
+                y: number;
+            };
+            id: string;
+            data: Record<string, unknown>;
+            type?: string | undefined;
+            hidden?: boolean | undefined;
+            selected?: boolean | undefined;
+            dragging?: boolean | undefined;
+            draggable?: boolean | undefined;
+            selectable?: boolean | undefined;
+            connectable?: boolean | undefined;
+            deletable?: boolean | undefined;
+            dragHandle?: string | undefined;
+            width?: number | undefined;
+            height?: number | undefined;
+            initialWidth?: number | undefined;
+            initialHeight?: number | undefined;
+            parentId?: string | undefined;
+            zIndex?: number | undefined;
+            extent?: "parent" | import('@xyflow/system').CoordinateExtent | undefined;
+            expandParent?: boolean | undefined;
+            ariaLabel?: string | undefined;
+            origin?: import('@xyflow/system').NodeOrigin | undefined;
+            handles?: import('@xyflow/system').NodeHandle[] | undefined;
+            measured?: {
+                width?: number | undefined;
+                height?: number | undefined;
+            } | undefined;
+            style?: import('react').CSSProperties | undefined;
+            className?: string | undefined;
+            resizing?: boolean | undefined;
+            focusable?: boolean | undefined;
+        }[];
+        edges: import('@xyflow/react').Edge[];
+    };
 };
-export type { FileUploaderProps, ImageUploaderProps, MatrixTypes, SpreadsheetTypes, SearchNodeProps, IconButtonProps, FloatButtonProps, ContentSplitProps, SidebarProps, useGetAdjacentNodesProps, AdjacentNodesProps, ButtonChangeOrientationProps, FloatMenuProps, Connection, DagProps, DefaultNodeDataProps, Edge, EdgePosition, EdgeProps, Node, NodeProps, UseDagProps, Position, };
+export type { FileUploaderProps, ImageUploaderProps, MatrixTypes, SpreadsheetTypes, SearchNodeProps, IconButtonProps, FloatButtonProps, ContentSplitProps, SidebarProps, useGetAdjacentNodesProps, AdjacentNodesProps, ButtonChangeOrientationProps, FloatMenuProps, Connection, DagProps, DefaultNodeDataProps, Edge, EdgePosition, EdgeProps, Node, NodeProps, UseDagProps, Position, GetLayoutedElementsProps };