@likec4/diagram 1.28.1 → 1.29.0

package/dist/base/primitives/customEdge.js

@@ -4,7 +4,7 @@ import { r as reactExports } from '../../_virtual/index.js';
 const isSame = (a, b) => {
   return Math.abs(a - b) < 2.5;
 };
-const edgePropsEqual = (prev, next) => prev.id === next.id && deepEqual(prev.selected ?? false, next.selected ?? false) && deepEqual(prev.source, next.source) && deepEqual(prev.sourceHandleId ?? null, next.sourceHandleId ?? null) && deepEqual(prev.sourcePosition, next.sourcePosition) && deepEqual(prev.target, next.target) && deepEqual(prev.targetHandleId ?? null, next.targetHandleId ?? null) && deepEqual(prev.targetPosition, next.targetPosition) && isSame(prev.sourceX, next.sourceX) && isSame(prev.sourceY, next.sourceY) && isSame(prev.targetX, next.targetX) && isSame(prev.targetY, next.targetY) && deepEqual(prev.data, next.data);
+const edgePropsEqual = (prev, next) => prev.id === next.id && deepEqual(prev.selected ?? false, next.selected ?? false) && deepEqual(prev.animated ?? false, next.animated ?? false) && deepEqual(prev.source, next.source) && deepEqual(prev.sourceHandleId ?? null, next.sourceHandleId ?? null) && deepEqual(prev.sourcePosition, next.sourcePosition) && deepEqual(prev.target, next.target) && deepEqual(prev.targetHandleId ?? null, next.targetHandleId ?? null) && deepEqual(prev.targetPosition, next.targetPosition) && isSame(prev.sourceX, next.sourceX) && isSame(prev.sourceY, next.sourceY) && isSame(prev.targetX, next.targetX) && isSame(prev.targetY, next.targetY) && deepEqual(prev.data, next.data);
 function customEdge(Edge) {
   return reactExports.memo(Edge, edgePropsEqual);
 }

package/dist/base/primitives/edge/EdgeLabel.css.d.ts

@@ -16,6 +16,9 @@ export declare const labelsva: SlotRecipeRuntimeFn<"root" | "stepNumber" | "labe
                 padding: "0px";
             };
             labelContents: {
+                display: "flex";
+                flexDirection: "column";
+                alignItems: "center";
                 padding: "2px 5px 4px 0px";
             };
             labelText: {

package/dist/base/primitives/edge/EdgeLabel.css.js

@@ -115,6 +115,9 @@ const labelsva = sva({
           padding: "0px"
         },
         labelContents: {
+          display: "flex",
+          flexDirection: "column",
+          alignItems: "center",
           padding: "2px 5px 4px 0px"
         },
         labelText: {

package/dist/base/primitives/edge/EdgeLabel.d.ts

@@ -1,5 +1,5 @@
 import { DiagramEdge } from '@likec4/core';
-import { BoxProps } from '@mantine/core';
+import { BoxProps } from '@likec4/styles/jsx';
 import { PropsWithChildren } from 'react';
 import { UndefinedOnPartialDeep } from 'type-fest';
 import { EdgeProps } from '../../types';

package/dist/base/primitives/edge/EdgeLabel.js

@@ -1,7 +1,8 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { isStepEdgeId, extractStep } from '@likec4/core';
 import { cx } from '@likec4/styles/css';
-import { Box, Text } from '@mantine/core';
+import { Box } from '@likec4/styles/jsx';
+import { Text } from '@mantine/core';
 import '../../../_virtual/index.js';
 import { isTruthy } from 'remeda';
 import { labelsva } from './EdgeLabel.css.js';

package/dist/hooks/safeContext.d.ts

@@ -1,7 +1,4 @@
 import { DiagramActorRef } from '../state/types';
-import { Context } from 'react';
-/**
- * To improve experience with HMR, we use `createSafeContext` as a boundary for hoooks
- */
-export declare const DiagramActorSafeContext: Context<DiagramActorRef>;
+import { Provider } from 'react';
+export declare const DiagramActorContextProvider: Provider<DiagramActorRef>;
 export declare const useDiagramActorRef: () => DiagramActorRef;

package/dist/hooks/safeContext.js

@@ -2,6 +2,7 @@ import { r as reactExports } from '../_virtual/index.js';
 
 const DiagramActorSafeContext = reactExports.createContext(null);
 DiagramActorSafeContext.displayName = "DiagramActorSafeContext";
+const DiagramActorContextProvider = DiagramActorSafeContext.Provider;
 const useDiagramActorRef = () => {
   const ctx = reactExports.useContext(DiagramActorSafeContext);
   if (ctx === null) {
@@ -10,4 +11,4 @@ const useDiagramActorRef = () => {
   return ctx;
 };
 
-export { DiagramActorSafeContext, useDiagramActorRef };
+export { DiagramActorContextProvider, useDiagramActorRef };