@likec4/diagram 1.39.5 → 1.40.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (123) hide show
  1. package/bundle/{chunk-CW_KClZe.js → chunk-CDr-4Ymp.js} +936 -903
  2. package/bundle/custom.js +61 -60
  3. package/bundle/index.js +2667 -539
  4. package/dist/LikeC4Diagram.d.ts +1 -1
  5. package/dist/LikeC4Diagram.js +7 -4
  6. package/dist/LikeC4Diagram.props.d.ts +6 -1
  7. package/dist/base/const.d.ts +9 -0
  8. package/dist/base/const.js +10 -1
  9. package/dist/base/index.d.ts +1 -0
  10. package/dist/base/primitives/edge/EdgeLabel.js +2 -1
  11. package/dist/base/primitives/edge/EdgeLabelContainer.js +10 -4
  12. package/dist/base/primitives/edge/EdgePath.js +17 -8
  13. package/dist/base/primitives/edge/edge.css.d.ts +0 -1
  14. package/dist/base/primitives/edge/edge.css.js +6 -14
  15. package/dist/base/primitives/element/ElementActionButtons.js +1 -3
  16. package/dist/base/primitives/element/ElementNodeContainer.d.ts +0 -6
  17. package/dist/base/primitives/element/ElementNodeContainer.js +3 -26
  18. package/dist/base/primitives/element/ElementTitle.js +2 -2
  19. package/dist/base/types.d.ts +3 -3
  20. package/dist/bundle/LikeC4View.js +4 -12
  21. package/dist/bundle/LikeC4View.props.d.ts +12 -3
  22. package/dist/bundle/custom.js +1 -1
  23. package/dist/custom/customNodes.d.ts +6 -0
  24. package/dist/custom/customNodes.js +2 -1
  25. package/dist/custom/index.js +1 -1
  26. package/dist/hooks/useDiagram.d.ts +5 -1
  27. package/dist/hooks/useDiagram.js +3 -0
  28. package/dist/hooks/useXYFlow.d.ts +4 -439
  29. package/dist/likec4diagram/DiagramUI.js +1 -1
  30. package/dist/likec4diagram/DiagramXYFlow.js +8 -4
  31. package/dist/likec4diagram/convert-to-xyflow.d.ts +14 -0
  32. package/dist/likec4diagram/convert-to-xyflow.js +29 -0
  33. package/dist/likec4diagram/custom/edges/RelationshipEdge.d.ts +3 -3
  34. package/dist/likec4diagram/custom/edges/RelationshipEdge.js +0 -1
  35. package/dist/likec4diagram/custom/edges/SequenceStepEdge.d.ts +3 -0
  36. package/dist/likec4diagram/custom/edges/SequenceStepEdge.js +71 -0
  37. package/dist/likec4diagram/custom/index.js +7 -2
  38. package/dist/likec4diagram/custom/nodes/ElementActions.d.ts +2 -1
  39. package/dist/likec4diagram/custom/nodes/SequenceActorNode.d.ts +4 -0
  40. package/dist/likec4diagram/custom/nodes/SequenceActorNode.js +157 -0
  41. package/dist/likec4diagram/custom/nodes/index.d.ts +1 -0
  42. package/dist/likec4diagram/custom/nodes/nodes.d.ts +1 -2
  43. package/dist/likec4diagram/relationship-popover/RelationshipPopover.js +31 -27
  44. package/dist/likec4diagram/types.d.ts +41 -7
  45. package/dist/likec4diagram/xyflow-diagram/diagram-view.d.ts +11 -0
  46. package/dist/likec4diagram/{useViewToNodesEdges.js → xyflow-diagram/diagram-view.js} +4 -13
  47. package/dist/likec4diagram/xyflow-sequence/_types.d.ts +41 -0
  48. package/dist/likec4diagram/xyflow-sequence/const.d.ts +17 -0
  49. package/dist/likec4diagram/xyflow-sequence/const.js +16 -0
  50. package/dist/likec4diagram/xyflow-sequence/layouter.d.ts +46 -0
  51. package/dist/likec4diagram/xyflow-sequence/layouter.js +408 -0
  52. package/dist/likec4diagram/xyflow-sequence/sequence-view.d.ts +7 -0
  53. package/dist/likec4diagram/xyflow-sequence/sequence-view.js +273 -0
  54. package/dist/likec4diagram/xyflow-sequence/utils.d.ts +14 -0
  55. package/dist/likec4diagram/xyflow-sequence/utils.js +92 -0
  56. package/dist/navigationpanel/NavigationPanelControls.js +2 -2
  57. package/dist/navigationpanel/controls/ViewDetailsCard.js +5 -2
  58. package/dist/navigationpanel/dropdown/ProjectsMenu.js +53 -44
  59. package/dist/navigationpanel/walkthrough/ActiveWalkthroughControls.d.ts +1 -2
  60. package/dist/navigationpanel/walkthrough/ActiveWalkthroughControls.js +10 -41
  61. package/dist/navigationpanel/walkthrough/DynamicViewControls.d.ts +292 -0
  62. package/dist/navigationpanel/walkthrough/DynamicViewControls.js +119 -0
  63. package/dist/navigationpanel/walkthrough/index.d.ts +2 -1
  64. package/dist/overlays/relationship-details/RelationshipDetails.js +4 -1
  65. package/dist/state/DiagramActorProvider.d.ts +3 -2
  66. package/dist/state/DiagramActorProvider.js +19 -11
  67. package/dist/state/assign.js +11 -4
  68. package/dist/state/diagram-machine.d.ts +224 -194
  69. package/dist/state/diagram-machine.js +170 -63
  70. package/dist/state/utils.d.ts +7 -1
  71. package/dist/state/utils.js +67 -7
  72. package/dist/styles-min.css +1 -1
  73. package/dist/styles.css +1 -1
  74. package/dist/styles.css2.js +1 -1
  75. package/package.json +8 -7
  76. package/panda.buildinfo.json +30 -9
  77. package/src/LikeC4Diagram.props.ts +14 -1
  78. package/src/LikeC4Diagram.tsx +7 -4
  79. package/src/base/const.ts +12 -0
  80. package/src/base/index.ts +2 -0
  81. package/src/base/primitives/edge/EdgeLabel.tsx +23 -19
  82. package/src/base/primitives/edge/EdgeLabelContainer.tsx +12 -7
  83. package/src/base/primitives/edge/EdgePath.tsx +25 -14
  84. package/src/base/primitives/edge/edge.css.ts +5 -14
  85. package/src/base/primitives/element/ElementActionButtons.tsx +1 -3
  86. package/src/base/primitives/element/ElementNodeContainer.tsx +3 -30
  87. package/src/base/primitives/element/ElementTitle.tsx +2 -3
  88. package/src/base/types.ts +7 -5
  89. package/src/bundle/LikeC4View.props.ts +14 -3
  90. package/src/bundle/LikeC4View.tsx +4 -14
  91. package/src/bundle/ReactLikeC4.tsx +1 -2
  92. package/src/custom/customNodes.ts +7 -0
  93. package/src/hooks/useDiagram.ts +10 -0
  94. package/src/likec4diagram/DiagramUI.tsx +1 -1
  95. package/src/likec4diagram/DiagramXYFlow.tsx +10 -5
  96. package/src/likec4diagram/convert-to-xyflow.ts +45 -0
  97. package/src/likec4diagram/custom/edges/RelationshipEdge.tsx +0 -1
  98. package/src/likec4diagram/custom/edges/SequenceStepEdge.tsx +65 -0
  99. package/src/likec4diagram/custom/index.ts +7 -1
  100. package/src/likec4diagram/custom/nodes/ElementActions.tsx +4 -2
  101. package/src/likec4diagram/custom/nodes/SequenceActorNode.tsx +175 -0
  102. package/src/likec4diagram/custom/nodes/index.ts +1 -0
  103. package/src/likec4diagram/custom/nodes/nodes.tsx +1 -1
  104. package/src/likec4diagram/relationship-popover/RelationshipPopover.tsx +36 -30
  105. package/src/likec4diagram/types.ts +96 -13
  106. package/src/likec4diagram/{useViewToNodesEdges.ts → xyflow-diagram/diagram-view.ts} +7 -28
  107. package/src/likec4diagram/xyflow-sequence/_types.ts +45 -0
  108. package/src/likec4diagram/xyflow-sequence/const.ts +37 -0
  109. package/src/likec4diagram/xyflow-sequence/layouter.ts +567 -0
  110. package/src/likec4diagram/xyflow-sequence/sequence-view.ts +337 -0
  111. package/src/likec4diagram/xyflow-sequence/utils.ts +112 -0
  112. package/src/navigationpanel/NavigationPanelControls.tsx +2 -2
  113. package/src/navigationpanel/controls/ViewDetailsCard.tsx +5 -2
  114. package/src/navigationpanel/dropdown/ProjectsMenu.tsx +5 -1
  115. package/src/navigationpanel/walkthrough/ActiveWalkthroughControls.tsx +5 -40
  116. package/src/navigationpanel/walkthrough/DynamicViewControls.tsx +125 -0
  117. package/src/navigationpanel/walkthrough/index.tsx +2 -1
  118. package/src/overlays/relationship-details/RelationshipDetails.tsx +5 -2
  119. package/src/state/DiagramActorProvider.tsx +21 -10
  120. package/src/state/assign.ts +18 -5
  121. package/src/state/diagram-machine.ts +207 -75
  122. package/src/state/utils.ts +81 -7
  123. package/dist/likec4diagram/useViewToNodesEdges.d.ts +0 -12
package/bundle/custom.js CHANGED
@@ -1,5 +1,5 @@
1
- import { dv as customNode, eh as useLikeC4ViewModel } from "./chunk-CW_KClZe.js";
2
- import { el, en, cd, eo, d3, ep, ce, eq, d1, d2, em, er, es, cf, c$, et, da, eu, cg, d4, d5, cF, d7, d6, ev, dC, dn, e9, ds, ex, ey, ez, cG, dy, ew, cc, cz, cW, c6, cV, cm, cl, c7, ei, cS, cM, ej, cL, dU, cu, cR, ek, bf, c5, c8, dw, b9 } from "./chunk-CW_KClZe.js";
1
+ import { dz as customNode, el as useLikeC4ViewModel } from "./chunk-CDr-4Ymp.js";
2
+ import { ep, er, cm, es, dd, et, cn, eu, db, dc, eq, ev, ew, co, d9, ch, df, ci, cp, ce, cf, cO, de, cg, ex, dF, ds, ed, dw, ez, eA, eB, cP, dB, ey, cl, cI, d4, c7, d3, cv, cu, c8, em, d0, cW, en, cV, dX, cD, c$, eo, ba, c6, c9, c2, b4 } from "./chunk-CDr-4Ymp.js";
3
3
  import { jsx } from "react/jsx-runtime";
4
4
  function customDiagramNode(Node) {
5
5
  return customNode((props) => {
@@ -13,69 +13,70 @@ function customDiagramNode(Node) {
13
13
  ), null);
14
14
  });
15
15
  }
16
- const elementNode = customDiagramNode, deploymentNode = customDiagramNode, compoundElementNode = customDiagramNode, compoundDeploymentNode = customDiagramNode, viewGroupNode = customDiagramNode;
16
+ const elementNode = customDiagramNode, deploymentNode = customDiagramNode, compoundElementNode = customDiagramNode, compoundDeploymentNode = customDiagramNode, viewGroupNode = customDiagramNode, sequenceActorNode = customDiagramNode;
17
17
  export {
18
- el as CompoundActionButton,
19
- en as CompoundActions,
20
- cd as CompoundDeploymentNode,
21
- eo as CompoundDeploymentToolbar,
22
- d3 as CompoundDetailsButton,
23
- ep as CompoundDetailsButtonWithHandler,
24
- ce as CompoundElementNode,
25
- eq as CompoundElementToolbar,
26
- d1 as CompoundNodeContainer,
27
- d2 as CompoundTitle,
28
- em as DefaultHandles,
29
- er as DeploymentElementActions,
30
- es as DeploymentElementToolbar,
31
- cf as DeploymentNode,
32
- c$ as ElementActionButtons,
33
- et as ElementActions,
34
- da as ElementDetailsButton,
35
- eu as ElementDetailsButtonWithHandler,
36
- cg as ElementNode,
37
- d4 as ElementNodeContainer,
38
- d5 as ElementShape,
39
- cF as ElementTag,
40
- d7 as ElementTags,
41
- d6 as ElementTitle,
42
- ev as ElementToolbar,
43
- dC as IconOrShapeRenderer,
44
- dn as IconRenderer,
45
- e9 as IconRendererProvider,
46
- ds as IfEnabled,
47
- ex as IfNotEnabled,
48
- ey as IfNotReadOnly,
49
- ez as IfReadOnly,
50
- cG as MarkdownBlock,
51
- dy as Overlay,
52
- ew as Toolbar,
53
- cc as ViewGroupNode,
18
+ ep as CompoundActionButton,
19
+ er as CompoundActions,
20
+ cm as CompoundDeploymentNode,
21
+ es as CompoundDeploymentToolbar,
22
+ dd as CompoundDetailsButton,
23
+ et as CompoundDetailsButtonWithHandler,
24
+ cn as CompoundElementNode,
25
+ eu as CompoundElementToolbar,
26
+ db as CompoundNodeContainer,
27
+ dc as CompoundTitle,
28
+ eq as DefaultHandles,
29
+ ev as DeploymentElementActions,
30
+ ew as DeploymentElementToolbar,
31
+ co as DeploymentNode,
32
+ d9 as ElementActionButtons,
33
+ ch as ElementActions,
34
+ df as ElementDetailsButton,
35
+ ci as ElementDetailsButtonWithHandler,
36
+ cp as ElementNode,
37
+ ce as ElementNodeContainer,
38
+ cf as ElementShape,
39
+ cO as ElementTag,
40
+ de as ElementTags,
41
+ cg as ElementTitle,
42
+ ex as ElementToolbar,
43
+ dF as IconOrShapeRenderer,
44
+ ds as IconRenderer,
45
+ ed as IconRendererProvider,
46
+ dw as IfEnabled,
47
+ ez as IfNotEnabled,
48
+ eA as IfNotReadOnly,
49
+ eB as IfReadOnly,
50
+ cP as MarkdownBlock,
51
+ dB as Overlay,
52
+ ey as Toolbar,
53
+ cl as ViewGroupNode,
54
54
  compoundDeploymentNode,
55
55
  compoundElementNode,
56
56
  deploymentNode,
57
57
  elementNode,
58
- cz as useCurrentViewId,
59
- cW as useCurrentViewModel,
60
- c6 as useDiagram,
61
- cV as useDiagramActorRef,
62
- cm as useDiagramContext,
63
- cl as useDiagramEventHandlers,
64
- c7 as useEnabledFeatures,
65
- ei as useHasProjects,
66
- cS as useLikeC4Model,
67
- cM as useLikeC4ProjectId,
68
- ej as useLikeC4Projects,
69
- cL as useLikeC4ProjectsContext,
70
- dU as useLikeC4Specification,
58
+ sequenceActorNode,
59
+ cI as useCurrentViewId,
60
+ d4 as useCurrentViewModel,
61
+ c7 as useDiagram,
62
+ d3 as useDiagramActorRef,
63
+ cv as useDiagramContext,
64
+ cu as useDiagramEventHandlers,
65
+ c8 as useEnabledFeatures,
66
+ em as useHasProjects,
67
+ d0 as useLikeC4Model,
68
+ cW as useLikeC4ProjectId,
69
+ en as useLikeC4Projects,
70
+ cV as useLikeC4ProjectsContext,
71
+ dX as useLikeC4Specification,
71
72
  useLikeC4ViewModel,
72
- cu as useMantinePortalProps,
73
- cR as useOnDiagramEvent,
74
- ek as useSetState,
75
- bf as useUpdateEffect,
76
- c5 as useXYFlow,
77
- c8 as useXYInternalNode,
78
- dw as useXYStore,
79
- b9 as useXYStoreApi,
73
+ cD as useMantinePortalProps,
74
+ c$ as useOnDiagramEvent,
75
+ eo as useSetState,
76
+ ba as useUpdateEffect,
77
+ c6 as useXYFlow,
78
+ c9 as useXYInternalNode,
79
+ c2 as useXYStore,
80
+ b4 as useXYStoreApi,
80
81
  viewGroupNode
81
82
  };