@likec4/diagram 1.9.0 → 1.12.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 (112) hide show
  1. package/package.json +18 -41
  2. package/src/LikeC4CustomColors.tsx +1 -1
  3. package/src/LikeC4Diagram.css.ts +1 -1
  4. package/src/LikeC4Diagram.props.ts +40 -94
  5. package/src/LikeC4Diagram.tsx +12 -2
  6. package/src/LikeC4ModelProvider.tsx +49 -0
  7. package/src/StaticLikeC4Diagram.tsx +1 -0
  8. package/src/globals.css.ts +2 -3
  9. package/src/hooks/index.ts +1 -0
  10. package/src/hooks/useMantinePortalProps.ts +8 -0
  11. package/src/hooks/useXYFlow.ts +1 -2
  12. package/src/index.ts +3 -0
  13. package/src/likec4model/LikeC4ModelContext.ts +4 -0
  14. package/src/likec4model/index.ts +1 -0
  15. package/src/likec4model/useLikeC4Model.ts +55 -0
  16. package/src/state/diagram-to-xyflow.ts +1 -2
  17. package/src/state/diagramStore.ts +185 -66
  18. package/src/{theme.css.ts → theme-vars.ts} +11 -4
  19. package/src/ui/DiagramTitlePanel.css.ts +2 -3
  20. package/src/ui/DiagramTitlePanel.tsx +17 -1
  21. package/src/ui/DynamicViewWalkthrough.css.ts +28 -2
  22. package/src/ui/DynamicViewWalkthrough.tsx +97 -52
  23. package/src/ui/OptionsPanel.css.ts +1 -2
  24. package/src/ui/OptionsPanel.tsx +1 -1
  25. package/src/ui/notation/NotationPanel.css.ts +2 -3
  26. package/src/ui/notation/NotationPanel.tsx +9 -10
  27. package/src/ui/options/NodeOptions.tsx +1 -1
  28. package/src/ui/top-left/ChangeAutoLayoutButton.tsx +20 -32
  29. package/src/ui/top-left/TopLeftPanel.tsx +128 -117
  30. package/src/ui/top-left/_shared.ts +7 -6
  31. package/src/ui/top-left/styles.css.ts +17 -8
  32. package/src/utils/vector.ts +57 -0
  33. package/src/xyflow/FitviewOnDiagramChange.tsx +5 -4
  34. package/src/xyflow/SelectEdgesOnNodeFocus.tsx +7 -5
  35. package/src/xyflow/XYFlow.tsx +9 -11
  36. package/src/xyflow/XYFlowEvents.tsx +59 -60
  37. package/src/xyflow/XYFlowInner.tsx +5 -5
  38. package/src/xyflow/edges/EdgeLabel.tsx +185 -0
  39. package/src/xyflow/edges/RelationshipEdge.tsx +170 -137
  40. package/src/xyflow/edges/RelationshipsDropdownMenu.css.ts +60 -0
  41. package/src/xyflow/edges/RelationshipsDropdownMenu.tsx +214 -0
  42. package/src/xyflow/edges/edges.css.ts +75 -7
  43. package/src/xyflow/nodes/compound/CompoundNode.css.ts +1 -2
  44. package/src/xyflow/nodes/compound/CompoundNode.tsx +4 -4
  45. package/src/xyflow/nodes/element/ElementLink.css.ts +1 -1
  46. package/src/xyflow/nodes/element/ElementLink.tsx +3 -8
  47. package/src/xyflow/nodes/element/ElementNode.tsx +44 -0
  48. package/src/xyflow/nodes/element/element.css.ts +1 -2
  49. package/src/xyflow/types.ts +1 -24
  50. package/src/xyflow/useLayoutConstraints.ts +10 -6
  51. package/dist/LikeC4CustomColors.d.ts +0 -3
  52. package/dist/LikeC4CustomColors.props.d.ts +0 -5
  53. package/dist/LikeC4Diagram.css.d.ts +0 -4
  54. package/dist/LikeC4Diagram.d.ts +0 -7
  55. package/dist/LikeC4Diagram.props.d.ts +0 -154
  56. package/dist/StaticLikeC4Diagram.d.ts +0 -4
  57. package/dist/globals.css.d.ts +0 -1
  58. package/dist/hooks/index.d.ts +0 -4
  59. package/dist/hooks/useDiagramState.d.ts +0 -6
  60. package/dist/hooks/useSetState.d.ts +0 -3
  61. package/dist/hooks/useUpdateEffect.d.ts +0 -5
  62. package/dist/hooks/useXYFlow.d.ts +0 -267
  63. package/dist/index.d.ts +0 -9
  64. package/dist/index.mjs +0 -3684
  65. package/dist/mantine/EnsureMantine.d.ts +0 -8
  66. package/dist/mantine.css.d.ts +0 -3
  67. package/dist/state/DiagramContext.d.ts +0 -1192
  68. package/dist/state/diagram-to-xyflow.d.ts +0 -12
  69. package/dist/state/diagramStore.d.ts +0 -1268
  70. package/dist/style.css +0 -2139
  71. package/dist/theme.css.d.ts +0 -63
  72. package/dist/ui/DiagramTitlePanel.css.d.ts +0 -4
  73. package/dist/ui/DiagramTitlePanel.d.ts +0 -1
  74. package/dist/ui/DynamicViewWalkthrough.css.d.ts +0 -3
  75. package/dist/ui/DynamicViewWalkthrough.d.ts +0 -1
  76. package/dist/ui/OptionsPanel.css.d.ts +0 -1
  77. package/dist/ui/OptionsPanel.d.ts +0 -1
  78. package/dist/ui/notation/NotationPanel.css.d.ts +0 -6
  79. package/dist/ui/notation/NotationPanel.d.ts +0 -1
  80. package/dist/ui/notation/index.d.ts +0 -1
  81. package/dist/ui/options/EdgeOptions.d.ts +0 -19
  82. package/dist/ui/options/NodeOptions.d.ts +0 -19
  83. package/dist/ui/top-left/ChangeAutoLayoutButton.d.ts +0 -3
  84. package/dist/ui/top-left/TopLeftPanel.d.ts +0 -4
  85. package/dist/ui/top-left/_shared.d.ts +0 -5
  86. package/dist/ui/top-left/styles.css.d.ts +0 -3
  87. package/dist/xyflow/EdgeMarkers.d.ts +0 -12
  88. package/dist/xyflow/FitviewOnDiagramChange.d.ts +0 -4
  89. package/dist/xyflow/SelectEdgesOnNodeFocus.d.ts +0 -1
  90. package/dist/xyflow/XYFlow.d.ts +0 -12
  91. package/dist/xyflow/XYFlowBackground.d.ts +0 -11
  92. package/dist/xyflow/XYFlowEvents.d.ts +0 -161
  93. package/dist/xyflow/XYFlowInner.d.ts +0 -10
  94. package/dist/xyflow/const.d.ts +0 -7
  95. package/dist/xyflow/edges/RelationshipEdge.d.ts +0 -32
  96. package/dist/xyflow/edges/edges.css.d.ts +0 -12
  97. package/dist/xyflow/edges/utils.d.ts +0 -17
  98. package/dist/xyflow/nodes/compound/CompoundNode.css.d.ts +0 -11
  99. package/dist/xyflow/nodes/compound/CompoundNode.d.ts +0 -6
  100. package/dist/xyflow/nodes/compound/index.d.ts +0 -1
  101. package/dist/xyflow/nodes/element/ElementLink.css.d.ts +0 -3
  102. package/dist/xyflow/nodes/element/ElementLink.d.ts +0 -7
  103. package/dist/xyflow/nodes/element/ElementNode.d.ts +0 -6
  104. package/dist/xyflow/nodes/element/ElementShapeSvg.d.ts +0 -18
  105. package/dist/xyflow/nodes/element/element.css.d.ts +0 -19
  106. package/dist/xyflow/nodes/element/index.d.ts +0 -1
  107. package/dist/xyflow/nodes/shared/NavigateToBtn.d.ts +0 -5
  108. package/dist/xyflow/types.d.ts +0 -50
  109. package/dist/xyflow/useLayoutConstraints.d.ts +0 -9
  110. package/dist/xyflow/utils.d.ts +0 -18
  111. package/src/mantine.css.ts +0 -7
  112. package/src/reset.d.ts +0 -2
package/dist/state/diagram-to-xyflow.d.ts DELETED
@@ -1,12 +0,0 @@
1
- import { DiagramView } from '@likec4/core';
2
- import { WhereOperator } from '../LikeC4Diagram.props';
3
- import { XYFlowEdge, XYFlowNode } from '../xyflow/types';
4
-
5
- export declare function diagramViewToXYFlowData(view: Pick<DiagramView, 'id' | 'nodes' | 'edges' | '__'>, opts: {
6
- where: WhereOperator<string, string> | null;
7
- draggable: boolean;
8
- selectable: boolean;
9
- }): {
10
- xynodes: XYFlowNode[];
11
- xyedges: XYFlowEdge[];
12
- };