@cyber-harbour/ui 1.0.49 → 1.0.51

package/src/Graph2D/types.ts

@@ -31,6 +31,44 @@ export interface Graph2DRef {
   removeNodes: (nodeIds: (string | number)[]) => void;
 }
 
+/**
+ * Интерфейс для внутреннего состояния компонента Graph2D
+ */
+export interface GraphState {
+  /** Трансформация графа (позиционирование и масштаб) */
+  transform: { x: number; y: number; k: number };
+  /** Флаг режима панорамирования */
+  isPanning: boolean;
+  /** Узел, над которым находится курсор */
+  hoveredNode: NodeObject | null;
+  /** Связь, над которой находится курсор */
+  hoveredLink: LinkObject | null;
+  /** Узел, который в данный момент перетаскивается */
+  draggedNode: NodeObject | null;
+  /** Выбранный узел */
+  selectedNode: NodeObject | null;
+  /** Индекс кнопки, над которой находится курсор */
+  hoveredButtonIndex: number | null;
+  /** Набор узлов, которые должны быть подсвечены */
+  highlightNodes: Set<NodeObject>;
+  /** Набор связей, которые должны быть подсвечены */
+  highlightLinks: Set<any>;
+  /** Последняя позиция курсора */
+  lastMousePos: { x: number; y: number };
+  /** Флаг необходимости остановки распространения события */
+  mustBeStoppedPropagation: boolean;
+  /** Последний узел, над которым был курсор */
+  lastHoveredNode: NodeObject | null;
+  /** Кэшированная ссылка на последний узел, над которым был курсор (для избежания лишних вычислений) */
+  lastHoveredNodeRef: NodeObject | null;
+  /** Начальная позиция курсора при начале перетаскивания */
+  mouseStartPos: { x: number; y: number } | null;
+  /** Флаг режима перетаскивания */
+  isDragging: boolean;
+  width: number;
+  height: number;
+}
+
 export interface Graph2DProps {
   graphData: GraphData;
   loading?: boolean;
@@ -46,6 +84,8 @@ export interface Graph2DProps {
   onNodeClick?: (node: NodeObject) => void;
   onBackgroundClick?: () => void;
   onNodeHover?: (node: NodeObject | null) => void;
+  onLinkHover?: (link: LinkObject | null) => void;
+  onLinkClick?: (link: LinkObject) => void;
 }
 
 export interface NodeButton {

package/src/Theme/themes/dark.ts

@@ -719,6 +719,8 @@ export const darkThemePx: Theme = {
         success: '#38A473',
         warning: '#DEB839',
         disabled: '#ebebeb',
+        text: '#FFFFFF',
+        orange: '#d3741b',
       },
     },
     fill: {
@@ -733,6 +735,8 @@ export const darkThemePx: Theme = {
         success: '#38A473',
         warning: '#DEB839',
         disabled: '#ebebeb',
+        text: '#FFFFFF',
+        orange: '#d3741b',
       },
     },
   },

package/src/Theme/themes/light.ts

@@ -718,6 +718,8 @@ export const lightThemePx: Theme = {
         success: '#38A473',
         warning: '#DEB839',
         disabled: '#ebebeb',
+        text: '#101010',
+        orange: '#d3741b',
       },
     },
     fill: {
@@ -732,6 +734,8 @@ export const lightThemePx: Theme = {
         success: '#38A473',
         warning: '#DEB839',
         disabled: '#ebebeb',
+        text: '#101010',
+        orange: '#d3741b',
       },
     },
   },

package/src/Theme/types.ts

@@ -11,7 +11,16 @@ export type InputState = 'default' | 'focus' | 'error' | 'disabled';
 export type InputSize = 'empty' | 'small' | 'medium';
 
 export type TagVariant = 'fill' | 'outlined';
-export type TagColor = 'default' | 'primary' | 'error' | 'warning' | 'success' | 'disabled' | string;
+export type TagColor =
+  | 'default'
+  | 'primary'
+  | 'error'
+  | 'warning'
+  | 'success'
+  | 'disabled'
+  | 'text'
+  | 'orange'
+  | string;
 
 // Типи для spacing та breakpoints
 export type Breakpoint = 'xs' | 's' | 'm' | 'l' | 'xl';