@likec4/diagram 1.39.5 → 1.41.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 (140) hide show
  1. package/bundle/{chunk-CW_KClZe.js → chunk-FGcODVxo.js} +1059 -1023
  2. package/bundle/custom.js +61 -60
  3. package/bundle/index.js +2932 -764
  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/MarkdownBlock.js +2 -0
  11. package/dist/base/primitives/edge/EdgeLabel.js +2 -1
  12. package/dist/base/primitives/edge/EdgeLabelContainer.js +10 -4
  13. package/dist/base/primitives/edge/EdgePath.js +17 -8
  14. package/dist/base/primitives/edge/edge.css.d.ts +0 -1
  15. package/dist/base/primitives/edge/edge.css.js +6 -14
  16. package/dist/base/primitives/element/ElementActionButtons.js +1 -3
  17. package/dist/base/primitives/element/ElementNodeContainer.d.ts +0 -6
  18. package/dist/base/primitives/element/ElementNodeContainer.js +3 -26
  19. package/dist/base/primitives/element/ElementTitle.js +2 -2
  20. package/dist/base/types.d.ts +3 -3
  21. package/dist/bundle/LikeC4View.js +4 -12
  22. package/dist/bundle/LikeC4View.props.d.ts +12 -3
  23. package/dist/bundle/custom.js +1 -1
  24. package/dist/components/Link.js +28 -20
  25. package/dist/custom/customNodes.d.ts +6 -0
  26. package/dist/custom/customNodes.js +2 -1
  27. package/dist/custom/index.js +1 -1
  28. package/dist/hooks/useDiagram.d.ts +5 -1
  29. package/dist/hooks/useDiagram.js +3 -0
  30. package/dist/hooks/useXYFlow.d.ts +4 -439
  31. package/dist/likec4diagram/DiagramUI.js +1 -1
  32. package/dist/likec4diagram/DiagramXYFlow.js +8 -4
  33. package/dist/likec4diagram/convert-to-xyflow.d.ts +14 -0
  34. package/dist/likec4diagram/convert-to-xyflow.js +29 -0
  35. package/dist/likec4diagram/custom/edges/RelationshipEdge.d.ts +4 -4
  36. package/dist/likec4diagram/custom/edges/RelationshipEdge.js +0 -1
  37. package/dist/likec4diagram/custom/edges/SequenceStepEdge.d.ts +3 -0
  38. package/dist/likec4diagram/custom/edges/SequenceStepEdge.js +71 -0
  39. package/dist/likec4diagram/custom/index.js +7 -2
  40. package/dist/likec4diagram/custom/nodes/ElementActions.d.ts +2 -1
  41. package/dist/likec4diagram/custom/nodes/SequenceActorNode.d.ts +4 -0
  42. package/dist/likec4diagram/custom/nodes/SequenceActorNode.js +157 -0
  43. package/dist/likec4diagram/custom/nodes/index.d.ts +1 -0
  44. package/dist/likec4diagram/custom/nodes/nodes.d.ts +1 -2
  45. package/dist/likec4diagram/relationship-popover/RelationshipPopover.js +31 -27
  46. package/dist/likec4diagram/types.d.ts +41 -7
  47. package/dist/likec4diagram/xyflow-diagram/diagram-view.d.ts +11 -0
  48. package/dist/likec4diagram/{useViewToNodesEdges.js → xyflow-diagram/diagram-view.js} +4 -13
  49. package/dist/likec4diagram/xyflow-sequence/_types.d.ts +41 -0
  50. package/dist/likec4diagram/xyflow-sequence/const.d.ts +17 -0
  51. package/dist/likec4diagram/xyflow-sequence/const.js +16 -0
  52. package/dist/likec4diagram/xyflow-sequence/layouter.d.ts +46 -0
  53. package/dist/likec4diagram/xyflow-sequence/layouter.js +408 -0
  54. package/dist/likec4diagram/xyflow-sequence/sequence-view.d.ts +7 -0
  55. package/dist/likec4diagram/xyflow-sequence/sequence-view.js +273 -0
  56. package/dist/likec4diagram/xyflow-sequence/utils.d.ts +14 -0
  57. package/dist/likec4diagram/xyflow-sequence/utils.js +92 -0
  58. package/dist/navigationpanel/NavigationPanelControls.js +2 -2
  59. package/dist/navigationpanel/controls/ViewDetailsCard.js +27 -12
  60. package/dist/navigationpanel/dropdown/ProjectsMenu.js +53 -44
  61. package/dist/navigationpanel/walkthrough/ActiveWalkthroughControls.d.ts +1 -2
  62. package/dist/navigationpanel/walkthrough/ActiveWalkthroughControls.js +10 -41
  63. package/dist/navigationpanel/walkthrough/DynamicViewControls.d.ts +292 -0
  64. package/dist/navigationpanel/walkthrough/DynamicViewControls.js +119 -0
  65. package/dist/navigationpanel/walkthrough/index.d.ts +2 -1
  66. package/dist/overlays/element-details/ElementDetailsCard.css.js +7 -1
  67. package/dist/overlays/element-details/ElementDetailsCard.js +17 -19
  68. package/dist/overlays/relationship-details/RelationshipDetails.js +4 -1
  69. package/dist/overlays/relationship-details/layout.d.ts +3 -2
  70. package/dist/overlays/relationship-details/layout.js +1 -2
  71. package/dist/overlays/relationships-browser/RelationshipsBrowser.js +2 -1
  72. package/dist/overlays/relationships-browser/layout.js +1 -1
  73. package/dist/search/components/ElementsColumn.js +1 -1
  74. package/dist/state/DiagramActorProvider.d.ts +3 -2
  75. package/dist/state/DiagramActorProvider.js +40 -41
  76. package/dist/state/assign.js +11 -4
  77. package/dist/state/diagram-machine.d.ts +224 -194
  78. package/dist/state/diagram-machine.js +170 -63
  79. package/dist/state/utils.d.ts +7 -1
  80. package/dist/state/utils.js +67 -7
  81. package/dist/styles-min.css +1 -1
  82. package/dist/styles.css +1 -1
  83. package/dist/styles.css2.js +1 -1
  84. package/package.json +8 -7
  85. package/panda.buildinfo.json +45 -24
  86. package/src/LikeC4Diagram.props.ts +14 -1
  87. package/src/LikeC4Diagram.tsx +7 -4
  88. package/src/base/const.ts +12 -0
  89. package/src/base/index.ts +2 -0
  90. package/src/base/primitives/MarkdownBlock.tsx +2 -0
  91. package/src/base/primitives/edge/EdgeLabel.tsx +23 -19
  92. package/src/base/primitives/edge/EdgeLabelContainer.tsx +12 -7
  93. package/src/base/primitives/edge/EdgePath.tsx +25 -14
  94. package/src/base/primitives/edge/edge.css.ts +5 -14
  95. package/src/base/primitives/element/ElementActionButtons.tsx +1 -3
  96. package/src/base/primitives/element/ElementNodeContainer.tsx +3 -30
  97. package/src/base/primitives/element/ElementTitle.tsx +2 -3
  98. package/src/base/types.ts +7 -5
  99. package/src/bundle/LikeC4View.props.ts +14 -3
  100. package/src/bundle/LikeC4View.tsx +4 -14
  101. package/src/bundle/ReactLikeC4.tsx +1 -2
  102. package/src/components/Link.tsx +21 -18
  103. package/src/custom/customNodes.ts +7 -0
  104. package/src/hooks/useDiagram.ts +10 -0
  105. package/src/likec4diagram/DiagramUI.tsx +1 -1
  106. package/src/likec4diagram/DiagramXYFlow.tsx +10 -5
  107. package/src/likec4diagram/convert-to-xyflow.ts +45 -0
  108. package/src/likec4diagram/custom/edges/RelationshipEdge.tsx +0 -1
  109. package/src/likec4diagram/custom/edges/SequenceStepEdge.tsx +65 -0
  110. package/src/likec4diagram/custom/index.ts +7 -1
  111. package/src/likec4diagram/custom/nodes/ElementActions.tsx +4 -2
  112. package/src/likec4diagram/custom/nodes/SequenceActorNode.tsx +175 -0
  113. package/src/likec4diagram/custom/nodes/index.ts +1 -0
  114. package/src/likec4diagram/custom/nodes/nodes.tsx +1 -1
  115. package/src/likec4diagram/relationship-popover/RelationshipPopover.tsx +36 -30
  116. package/src/likec4diagram/types.ts +96 -13
  117. package/src/likec4diagram/{useViewToNodesEdges.ts → xyflow-diagram/diagram-view.ts} +7 -28
  118. package/src/likec4diagram/xyflow-sequence/_types.ts +45 -0
  119. package/src/likec4diagram/xyflow-sequence/const.ts +37 -0
  120. package/src/likec4diagram/xyflow-sequence/layouter.ts +567 -0
  121. package/src/likec4diagram/xyflow-sequence/sequence-view.ts +337 -0
  122. package/src/likec4diagram/xyflow-sequence/utils.ts +112 -0
  123. package/src/navigationpanel/NavigationPanelControls.tsx +2 -2
  124. package/src/navigationpanel/controls/ViewDetailsCard.tsx +29 -12
  125. package/src/navigationpanel/dropdown/ProjectsMenu.tsx +5 -1
  126. package/src/navigationpanel/walkthrough/ActiveWalkthroughControls.tsx +5 -40
  127. package/src/navigationpanel/walkthrough/DynamicViewControls.tsx +125 -0
  128. package/src/navigationpanel/walkthrough/index.tsx +2 -1
  129. package/src/overlays/element-details/ElementDetailsCard.css.ts +7 -1
  130. package/src/overlays/element-details/ElementDetailsCard.tsx +24 -25
  131. package/src/overlays/relationship-details/RelationshipDetails.tsx +5 -2
  132. package/src/overlays/relationship-details/layout.ts +4 -3
  133. package/src/overlays/relationships-browser/RelationshipsBrowser.tsx +2 -1
  134. package/src/overlays/relationships-browser/layout.ts +1 -1
  135. package/src/search/components/ElementsColumn.tsx +1 -1
  136. package/src/state/DiagramActorProvider.tsx +46 -51
  137. package/src/state/assign.ts +18 -5
  138. package/src/state/diagram-machine.ts +207 -75
  139. package/src/state/utils.ts +81 -7
  140. 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 { dA as customNode, em as useLikeC4ViewModel } from "./chunk-FGcODVxo.js";
2
+ import { eq, es, co, et, df, eu, cp, ev, dd, de, er, ew, ex, cq, db, cj, dh, ck, cr, cg, ch, cR, dg, ci, ey, dG, dt, ee, dx, eA, eB, eC, cS, dC, ez, cn, cK, d6, c9, d5, cx, cw, ca, en, d2, cZ, eo, cY, dY, cF, cQ, ep, bc, c8, cb, c4, b6 } from "./chunk-FGcODVxo.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
+ eq as CompoundActionButton,
19
+ es as CompoundActions,
20
+ co as CompoundDeploymentNode,
21
+ et as CompoundDeploymentToolbar,
22
+ df as CompoundDetailsButton,
23
+ eu as CompoundDetailsButtonWithHandler,
24
+ cp as CompoundElementNode,
25
+ ev as CompoundElementToolbar,
26
+ dd as CompoundNodeContainer,
27
+ de as CompoundTitle,
28
+ er as DefaultHandles,
29
+ ew as DeploymentElementActions,
30
+ ex as DeploymentElementToolbar,
31
+ cq as DeploymentNode,
32
+ db as ElementActionButtons,
33
+ cj as ElementActions,
34
+ dh as ElementDetailsButton,
35
+ ck as ElementDetailsButtonWithHandler,
36
+ cr as ElementNode,
37
+ cg as ElementNodeContainer,
38
+ ch as ElementShape,
39
+ cR as ElementTag,
40
+ dg as ElementTags,
41
+ ci as ElementTitle,
42
+ ey as ElementToolbar,
43
+ dG as IconOrShapeRenderer,
44
+ dt as IconRenderer,
45
+ ee as IconRendererProvider,
46
+ dx as IfEnabled,
47
+ eA as IfNotEnabled,
48
+ eB as IfNotReadOnly,
49
+ eC as IfReadOnly,
50
+ cS as MarkdownBlock,
51
+ dC as Overlay,
52
+ ez as Toolbar,
53
+ cn 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
+ cK as useCurrentViewId,
60
+ d6 as useCurrentViewModel,
61
+ c9 as useDiagram,
62
+ d5 as useDiagramActorRef,
63
+ cx as useDiagramContext,
64
+ cw as useDiagramEventHandlers,
65
+ ca as useEnabledFeatures,
66
+ en as useHasProjects,
67
+ d2 as useLikeC4Model,
68
+ cZ as useLikeC4ProjectId,
69
+ eo as useLikeC4Projects,
70
+ cY as useLikeC4ProjectsContext,
71
+ dY 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
+ cF as useMantinePortalProps,
74
+ cQ as useOnDiagramEvent,
75
+ ep as useSetState,
76
+ bc as useUpdateEffect,
77
+ c8 as useXYFlow,
78
+ cb as useXYInternalNode,
79
+ c4 as useXYStore,
80
+ b6 as useXYStoreApi,
80
81
  viewGroupNode
81
82
  };