@likec4/diagram 1.30.0 → 1.32.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 (403) hide show
  1. package/README.md +324 -5
  2. package/bundle/chunk-BvTQaUYl.js +21851 -0
  3. package/bundle/custom.js +65 -0
  4. package/bundle/index.js +19910 -40570
  5. package/dist/LikeC4CustomColors.d.ts +2 -7
  6. package/dist/LikeC4CustomColors.js +17 -6
  7. package/dist/LikeC4Diagram.d.ts +3 -2
  8. package/dist/LikeC4Diagram.js +14 -16
  9. package/dist/LikeC4Diagram.props.d.ts +34 -23
  10. package/dist/LikeC4ModelProvider.d.ts +5 -4
  11. package/dist/LikeC4ModelProvider.js +0 -1
  12. package/dist/StaticLikeC4Diagram.d.ts +3 -2
  13. package/dist/StaticLikeC4Diagram.js +2 -2
  14. package/dist/base/BaseXYFlow.js +8 -8
  15. package/dist/base/const.d.ts +1 -1
  16. package/dist/base/const.js +1 -1
  17. package/dist/base/index.d.ts +2 -1
  18. package/dist/base/primitives/compound/CompoundActionButton.d.ts +3 -2
  19. package/dist/base/primitives/compound/CompoundActionButton.js +2 -1
  20. package/dist/base/primitives/compound/CompoundDetailsButton.d.ts +3 -2
  21. package/dist/base/primitives/compound/CompoundDetailsButton.js +2 -1
  22. package/dist/base/primitives/compound/CompoundNodeContainer.d.ts +7 -3
  23. package/dist/base/primitives/compound/CompoundNodeContainer.js +3 -2
  24. package/dist/base/primitives/compound/CompoundTitle.d.ts +1 -1
  25. package/dist/base/primitives/compound/CompoundTitle.js +2 -1
  26. package/dist/base/primitives/customEdge.d.ts +2 -35
  27. package/dist/base/primitives/customEdge.js +2 -2
  28. package/dist/base/primitives/customNode.d.ts +2 -2
  29. package/dist/base/primitives/customNode.js +9 -2
  30. package/dist/base/primitives/edge/EdgeContainer.d.ts +1 -1
  31. package/dist/base/primitives/edge/EdgeContainer.js +0 -1
  32. package/dist/base/primitives/edge/EdgeLabel.css.js +1 -0
  33. package/dist/base/primitives/edge/EdgeLabel.d.ts +3 -3
  34. package/dist/base/primitives/edge/EdgeLabel.js +6 -5
  35. package/dist/base/primitives/edge/EdgeLabelContainer.d.ts +1 -1
  36. package/dist/base/primitives/edge/EdgeLabelContainer.js +0 -2
  37. package/dist/base/primitives/edge/EdgeMarkers.d.ts +1 -1
  38. package/dist/base/primitives/edge/EdgePath.d.ts +1 -1
  39. package/dist/base/primitives/edge/EdgePath.js +2 -2
  40. package/dist/base/primitives/element/ElementActionButtons.js +10 -9
  41. package/dist/base/primitives/element/ElementDetailsButton.js +2 -1
  42. package/dist/base/primitives/element/ElementNodeContainer.d.ts +24 -22
  43. package/dist/base/primitives/element/ElementNodeContainer.js +66 -68
  44. package/dist/base/primitives/element/ElementShape.d.ts +8 -4
  45. package/dist/base/primitives/element/ElementShape.js +4 -3
  46. package/dist/base/primitives/element/ElementTags.d.ts +14 -0
  47. package/dist/base/primitives/element/ElementTags.js +176 -0
  48. package/dist/base/primitives/element/ElementTitle.css.d.ts +1 -1
  49. package/dist/base/primitives/element/ElementTitle.d.ts +5 -4
  50. package/dist/base/primitives/element/ElementTitle.js +6 -7
  51. package/dist/base/primitives/index.d.ts +1 -0
  52. package/dist/base/types.Base.d.ts +54 -0
  53. package/dist/base/types.Base.js +48 -0
  54. package/dist/base/types.d.ts +3 -53
  55. package/dist/bundle/LikeC4View.d.ts +2 -1
  56. package/dist/bundle/LikeC4View.js +13 -8
  57. package/dist/bundle/LikeC4View.props.d.ts +20 -5
  58. package/dist/bundle/ReactLikeC4.d.ts +4 -7
  59. package/dist/bundle/ReactLikeC4.js +4 -4
  60. package/dist/bundle/ShadowRoot.js +3 -3
  61. package/dist/bundle/custom.d.ts +1 -0
  62. package/dist/bundle/index.d.ts +3 -1
  63. package/dist/bundle/index.js +9 -0
  64. package/dist/bundle/styles.css.js +5 -5
  65. package/dist/components/ErrorFallback.d.ts +2 -0
  66. package/dist/components/ErrorFallback.js +29 -0
  67. package/dist/components/SearchControl.js +2 -2
  68. package/dist/context/ControlsCustomLayout.js +0 -1
  69. package/dist/context/DiagramEventHandlers.d.ts +6 -5
  70. package/dist/context/DiagramEventHandlers.js +5 -5
  71. package/dist/context/DiagramFeatures.d.ts +3 -5
  72. package/dist/context/DiagramFeatures.js +11 -40
  73. package/dist/context/EnsureMantine.js +9 -4
  74. package/dist/context/FramerMotionConfig.js +0 -1
  75. package/dist/context/IconRenderer.js +8 -11
  76. package/dist/context/ReduceGraphics.js +6 -6
  77. package/dist/context/RootContainer.js +10 -6
  78. package/dist/context/TagStylesContext.d.ts +7 -0
  79. package/dist/context/TagStylesContext.js +85 -0
  80. package/dist/context/index.d.ts +1 -1
  81. package/dist/custom/components.d.ts +5 -0
  82. package/dist/custom/customNodes.d.ts +228 -0
  83. package/dist/custom/hooks.d.ts +10 -0
  84. package/dist/custom/index.d.ts +4 -0
  85. package/dist/hooks/index.d.ts +1 -1
  86. package/dist/hooks/safeContext.js +3 -3
  87. package/dist/hooks/useCurrentViewId.d.ts +5 -1
  88. package/dist/hooks/useCurrentViewId.js +1 -2
  89. package/dist/hooks/useDiagram.d.ts +77 -12572
  90. package/dist/hooks/useDiagram.js +9 -7
  91. package/dist/hooks/useMantinePortalProps.d.ts +2 -2
  92. package/dist/hooks/useMantinePortalProps.js +2 -2
  93. package/dist/hooks/useSearchActor.d.ts +2 -0
  94. package/dist/hooks/useSearchActor.js +10 -0
  95. package/dist/hooks/useSetState.js +3 -3
  96. package/dist/hooks/useUpdateEffect.js +3 -1
  97. package/dist/hooks/useXYFlow.d.ts +75 -73
  98. package/dist/hooks/useXYFlow.js +7 -3
  99. package/dist/index.d.ts +2 -4
  100. package/dist/index.js +8 -3
  101. package/dist/likec4diagram/DiagramUI.js +9 -4
  102. package/dist/likec4diagram/DiagramXYFlow.d.ts +4 -3
  103. package/dist/likec4diagram/DiagramXYFlow.js +124 -109
  104. package/dist/likec4diagram/custom/edges/NotePopover.js +2 -2
  105. package/dist/likec4diagram/custom/edges/RelationshipEdge.d.ts +12 -15
  106. package/dist/likec4diagram/custom/edges/RelationshipEdge.js +16 -8
  107. package/dist/likec4diagram/custom/edges/RelationshipsDropdownMenu.js +19 -15
  108. package/dist/likec4diagram/custom/index.d.ts +18 -21
  109. package/dist/likec4diagram/custom/index.js +3 -3
  110. package/dist/likec4diagram/custom/nodes/CompoundActions.js +2 -2
  111. package/dist/likec4diagram/custom/nodes/ElementActions.d.ts +27 -4
  112. package/dist/likec4diagram/custom/nodes/ElementActions.js +67 -53
  113. package/dist/likec4diagram/custom/nodes/index.d.ts +8 -0
  114. package/dist/likec4diagram/custom/nodes/nodes.d.ts +10 -0
  115. package/dist/likec4diagram/custom/nodes/nodes.js +105 -0
  116. package/dist/likec4diagram/custom/nodes/toolbar/ColorButton.js +2 -2
  117. package/dist/likec4diagram/custom/nodes/toolbar/CompoundToolbar.js +6 -7
  118. package/dist/likec4diagram/custom/nodes/toolbar/ElementToolbar.js +3 -3
  119. package/dist/likec4diagram/custom/nodes/toolbar/Toolbar.d.ts +3 -2
  120. package/dist/likec4diagram/custom/nodes/toolbar/Toolbar.js +2 -2
  121. package/dist/likec4diagram/custom/nodes/toolbar/_shared.d.ts +5 -5
  122. package/dist/likec4diagram/custom/nodes/toolbar/_shared.js +2 -2
  123. package/dist/likec4diagram/types.d.ts +18 -10
  124. package/dist/likec4diagram/ui/controls/ChangeAutoLayoutButton.js +4 -4
  125. package/dist/likec4diagram/ui/controls/Controls.js +14 -6
  126. package/dist/likec4diagram/ui/diagram-title/DiagramTitlePanel.js +2 -2
  127. package/dist/likec4diagram/ui/notation/NotationPanel.js +7 -9
  128. package/dist/likec4diagram/ui/walkthrough/DynamicViewWalkthrough.js +4 -4
  129. package/dist/likec4diagram/useLayoutConstraints.js +3 -4
  130. package/dist/likec4diagram/useViewToNodesEdges.d.ts +5 -3
  131. package/dist/likec4diagram/useViewToNodesEdges.js +22 -30
  132. package/dist/likec4model/LikeC4ModelContext.d.ts +2 -2
  133. package/dist/likec4model/LikeC4ModelContext.js +2 -2
  134. package/dist/likec4model/useLikeC4ElementsTree.d.ts +1 -1
  135. package/dist/likec4model/useLikeC4ElementsTree.js +4 -4
  136. package/dist/likec4model/useLikeC4Model.d.ts +22 -10
  137. package/dist/likec4model/useLikeC4Model.js +13 -9
  138. package/dist/overlays/Overlays.d.ts +2 -3
  139. package/dist/overlays/Overlays.js +9 -33
  140. package/dist/overlays/element-details/ElementDetailsCard.css.js +13 -9
  141. package/dist/overlays/element-details/ElementDetailsCard.d.ts +1 -1
  142. package/dist/overlays/element-details/ElementDetailsCard.js +110 -110
  143. package/dist/overlays/element-details/TabPanelDeployments.d.ts +1 -1
  144. package/dist/overlays/element-details/TabPanelDeployments.js +5 -5
  145. package/dist/overlays/element-details/TabPanelRelationships.d.ts +1 -1
  146. package/dist/overlays/element-details/TabPanelRelationships.js +2 -2
  147. package/dist/overlays/element-details/TabPanelStructure.d.ts +1 -1
  148. package/dist/overlays/element-details/TabPanelStructure.js +3 -3
  149. package/dist/overlays/element-details/actor.d.ts +5482 -18265
  150. package/dist/overlays/element-details/actor.js +0 -2
  151. package/dist/overlays/element-details/actorContext.js +3 -3
  152. package/dist/overlays/overlay/Overlay.css.d.ts +57 -2
  153. package/dist/overlays/overlay/Overlay.css.js +76 -39
  154. package/dist/overlays/overlay/Overlay.d.ts +23 -1
  155. package/dist/overlays/overlay/Overlay.js +40 -29
  156. package/dist/overlays/overlaysActor.d.ts +5 -3
  157. package/dist/overlays/overlaysActor.js +2 -1
  158. package/dist/overlays/relationship-details/RelationshipDetails.d.ts +6 -9
  159. package/dist/overlays/relationship-details/RelationshipDetails.js +15 -15
  160. package/dist/overlays/relationship-details/SelectEdge.js +2 -3
  161. package/dist/overlays/relationship-details/_types.d.ts +7 -6
  162. package/dist/overlays/relationship-details/actor.d.ts +3 -3
  163. package/dist/overlays/relationship-details/actor.js +7 -7
  164. package/dist/overlays/relationship-details/compute.js +3 -3
  165. package/dist/overlays/relationship-details/custom/edgeTypes.d.ts +6 -9
  166. package/dist/overlays/relationship-details/custom/edgeTypes.js +2 -2
  167. package/dist/overlays/relationship-details/custom/nodeTypes.d.ts +3 -31
  168. package/dist/overlays/relationship-details/custom/nodeTypes.js +4 -0
  169. package/dist/overlays/relationship-details/hooks.d.ts +28 -27
  170. package/dist/overlays/relationship-details/hooks.js +4 -4
  171. package/dist/overlays/relationship-details/layout-to-xyflow.js +1 -0
  172. package/dist/overlays/relationship-details/layout.js +5 -4
  173. package/dist/overlays/relationships-browser/RelationshipsBrowser.d.ts +6 -9
  174. package/dist/overlays/relationships-browser/RelationshipsBrowser.js +8 -8
  175. package/dist/overlays/relationships-browser/SelectElement.js +6 -6
  176. package/dist/overlays/relationships-browser/_types.d.ts +7 -6
  177. package/dist/overlays/relationships-browser/actor.d.ts +64 -429
  178. package/dist/overlays/relationships-browser/actor.js +7 -7
  179. package/dist/overlays/relationships-browser/custom/edgeTypes.d.ts +6 -9
  180. package/dist/overlays/relationships-browser/custom/edgeTypes.js +2 -2
  181. package/dist/overlays/relationships-browser/custom/nodeTypes.d.ts +17 -18
  182. package/dist/overlays/relationships-browser/custom/nodeTypes.js +5 -2
  183. package/dist/overlays/relationships-browser/hooks.d.ts +4 -61
  184. package/dist/overlays/relationships-browser/hooks.js +4 -4
  185. package/dist/overlays/relationships-browser/layout.d.ts +2 -2
  186. package/dist/overlays/relationships-browser/layout.js +13 -10
  187. package/dist/overlays/relationships-browser/useViewToNodesEdges.js +4 -3
  188. package/dist/search/Search.d.ts +5 -0
  189. package/dist/search/Search.js +192 -0
  190. package/dist/{likec4diagram/ui/search → search/components}/ElementsColumn.css.js +0 -1
  191. package/dist/search/components/ElementsColumn.d.ts +2 -0
  192. package/dist/{likec4diagram/ui/search → search/components}/ElementsColumn.js +26 -25
  193. package/dist/search/components/PickView.d.ts +4 -0
  194. package/dist/search/components/PickView.js +135 -0
  195. package/dist/search/components/SearchByTags.d.ts +1 -0
  196. package/dist/search/components/SearchByTags.js +116 -0
  197. package/dist/search/components/SearchInput.d.ts +2 -0
  198. package/dist/{likec4diagram/ui/search → search/components}/SearchInput.js +53 -35
  199. package/dist/{likec4diagram/ui/search → search/components}/ViewsColum.d.ts +3 -2
  200. package/dist/{likec4diagram/ui/search → search/components}/ViewsColum.js +14 -13
  201. package/dist/search/components/_shared.css.d.ts +4 -0
  202. package/dist/{likec4diagram/ui/search → search/components}/_shared.css.js +26 -35
  203. package/dist/{likec4diagram/ui/search/LikeC4Search.css.d.ts → search/components/styles.css.d.ts} +0 -2
  204. package/dist/search/components/styles.css.js +60 -0
  205. package/dist/{likec4diagram/ui/search → search/components}/utils.d.ts +1 -0
  206. package/dist/{likec4diagram/ui/search → search/components}/utils.js +7 -1
  207. package/dist/search/hooks.d.ts +16 -0
  208. package/dist/search/hooks.js +35 -0
  209. package/dist/search/searchActor.d.ts +90 -0
  210. package/dist/search/searchActor.js +75 -0
  211. package/dist/state/DiagramActorProvider.d.ts +9 -7
  212. package/dist/state/DiagramActorProvider.js +24 -18
  213. package/dist/state/assign.d.ts +0 -1
  214. package/dist/state/assign.js +9 -19
  215. package/dist/state/diagram-machine.d.ts +749 -10678
  216. package/dist/state/diagram-machine.js +121 -55
  217. package/dist/state/hotkeyActor.d.ts +4 -2
  218. package/dist/state/syncManualLayoutActor.d.ts +15 -4
  219. package/dist/state/syncManualLayoutActor.js +2 -1
  220. package/dist/state/types.d.ts +7 -4
  221. package/dist/state/utils.d.ts +3 -1
  222. package/dist/state/utils.js +3 -0
  223. package/dist/styles-font.css +1 -0
  224. package/dist/styles-min.css +1 -0
  225. package/dist/styles-xyflow.css +1 -0
  226. package/dist/styles.css +1 -0
  227. package/dist/styles.css2.js +3 -0
  228. package/package.json +50 -25
  229. package/panda.buildinfo.json +1002 -0
  230. package/src/LikeC4CustomColors.tsx +21 -6
  231. package/src/LikeC4Diagram.props.ts +42 -31
  232. package/src/LikeC4Diagram.tsx +21 -20
  233. package/src/LikeC4ModelProvider.tsx +7 -6
  234. package/src/StaticLikeC4Diagram.tsx +9 -6
  235. package/src/base/Background.tsx +0 -4
  236. package/src/base/const.ts +1 -1
  237. package/src/base/index.ts +2 -1
  238. package/src/base/primitives/compound/CompoundActionButton.tsx +9 -5
  239. package/src/base/primitives/compound/CompoundDetailsButton.tsx +9 -5
  240. package/src/base/primitives/compound/CompoundNodeContainer.tsx +8 -7
  241. package/src/base/primitives/compound/CompoundTitle.tsx +3 -2
  242. package/src/base/primitives/customEdge.ts +1 -1
  243. package/src/base/primitives/{customNode.ts → customNode.tsx} +11 -3
  244. package/src/base/primitives/edge/EdgeContainer.tsx +2 -1
  245. package/src/base/primitives/edge/EdgeLabel.css.ts +1 -0
  246. package/src/base/primitives/edge/EdgeLabel.tsx +20 -15
  247. package/src/base/primitives/edge/EdgeLabelContainer.tsx +1 -1
  248. package/src/base/primitives/edge/EdgeMarkers.tsx +2 -1
  249. package/src/base/primitives/edge/EdgePath.tsx +1 -1
  250. package/src/base/primitives/element/ElementActionButtons.tsx +11 -10
  251. package/src/base/primitives/element/ElementDetailsButton.tsx +2 -1
  252. package/src/base/primitives/element/ElementNodeContainer.tsx +87 -80
  253. package/src/base/primitives/element/ElementShape.tsx +12 -10
  254. package/src/base/primitives/element/ElementTags.tsx +182 -0
  255. package/src/base/primitives/element/ElementTitle.tsx +21 -15
  256. package/src/base/primitives/index.ts +1 -0
  257. package/src/base/types.Base.ts +104 -0
  258. package/src/base/types.ts +4 -106
  259. package/src/bundle/LikeC4View.props.ts +23 -5
  260. package/src/bundle/LikeC4View.tsx +20 -19
  261. package/src/bundle/ReactLikeC4.tsx +15 -27
  262. package/src/bundle/custom.ts +1 -0
  263. package/src/bundle/index.ts +20 -1
  264. package/src/bundle/styles.css.ts +1 -1
  265. package/src/components/ErrorFallback.tsx +30 -0
  266. package/src/components/SearchControl.tsx +1 -1
  267. package/src/context/DiagramEventHandlers.tsx +5 -4
  268. package/src/context/DiagramFeatures.tsx +15 -30
  269. package/src/context/EnsureMantine.tsx +13 -3
  270. package/src/context/IconRenderer.tsx +2 -5
  271. package/src/context/ReduceGraphics.tsx +6 -6
  272. package/src/context/RootContainer.tsx +9 -3
  273. package/src/context/TagStylesContext.tsx +96 -0
  274. package/src/context/index.ts +0 -1
  275. package/src/custom/components.ts +49 -0
  276. package/src/custom/customNodes.tsx +254 -0
  277. package/src/custom/hooks.ts +36 -0
  278. package/src/custom/index.ts +5 -0
  279. package/src/hooks/index.ts +1 -1
  280. package/src/hooks/useCurrentViewId.ts +6 -1
  281. package/src/hooks/useDiagram.ts +131 -18
  282. package/src/hooks/useMantinePortalProps.ts +10 -1
  283. package/src/hooks/useSearchActor.ts +11 -0
  284. package/src/hooks/useUpdateEffect.ts +7 -4
  285. package/src/hooks/useXYFlow.ts +5 -0
  286. package/src/index.ts +4 -8
  287. package/src/likec4diagram/DiagramUI.tsx +5 -0
  288. package/src/likec4diagram/DiagramXYFlow.tsx +135 -115
  289. package/src/likec4diagram/custom/edges/RelationshipEdge.tsx +10 -1
  290. package/src/likec4diagram/custom/edges/RelationshipsDropdownMenu.tsx +17 -14
  291. package/src/likec4diagram/custom/{index.tsx → index.ts} +2 -2
  292. package/src/likec4diagram/custom/nodes/CompoundActions.tsx +2 -2
  293. package/src/likec4diagram/custom/nodes/ElementActions.tsx +100 -57
  294. package/src/likec4diagram/custom/nodes/index.ts +17 -0
  295. package/src/likec4diagram/custom/nodes/nodes.tsx +127 -0
  296. package/src/likec4diagram/custom/nodes/toolbar/CompoundToolbar.tsx +3 -4
  297. package/src/likec4diagram/custom/nodes/toolbar/ElementToolbar.tsx +3 -3
  298. package/src/likec4diagram/custom/nodes/toolbar/Toolbar.tsx +5 -4
  299. package/src/likec4diagram/custom/nodes/toolbar/_shared.tsx +11 -3
  300. package/src/likec4diagram/types.ts +24 -12
  301. package/src/likec4diagram/ui/controls/Controls.tsx +11 -4
  302. package/src/likec4diagram/ui/diagram-title/DiagramTitlePanel.tsx +1 -1
  303. package/src/likec4diagram/ui/notation/NotationPanel.tsx +3 -4
  304. package/src/likec4diagram/ui/walkthrough/DynamicViewWalkthrough.tsx +1 -1
  305. package/src/likec4diagram/useViewToNodesEdges.ts +36 -36
  306. package/src/likec4model/LikeC4ModelContext.ts +2 -2
  307. package/src/likec4model/useLikeC4ElementsTree.ts +4 -2
  308. package/src/likec4model/useLikeC4Model.ts +18 -16
  309. package/src/overlays/Overlays.tsx +7 -35
  310. package/src/overlays/element-details/ElementDetailsCard.css.ts +14 -22
  311. package/src/overlays/element-details/ElementDetailsCard.tsx +43 -34
  312. package/src/overlays/element-details/TabPanelDeployments.tsx +3 -2
  313. package/src/overlays/element-details/TabPanelRelationships.tsx +2 -1
  314. package/src/overlays/element-details/TabPanelStructure.tsx +1 -1
  315. package/src/overlays/element-details/actor.ts +2 -2
  316. package/src/overlays/overlay/Overlay.css.ts +75 -38
  317. package/src/overlays/overlay/Overlay.tsx +45 -29
  318. package/src/overlays/overlaysActor.ts +5 -4
  319. package/src/overlays/relationship-details/RelationshipDetails.tsx +5 -5
  320. package/src/overlays/relationship-details/SelectEdge.tsx +0 -2
  321. package/src/overlays/relationship-details/_types.ts +18 -14
  322. package/src/overlays/relationship-details/custom/edgeTypes.tsx +2 -2
  323. package/src/overlays/relationship-details/custom/nodeTypes.tsx +4 -0
  324. package/src/overlays/relationship-details/layout-to-xyflow.ts +1 -0
  325. package/src/overlays/relationship-details/layout.ts +3 -1
  326. package/src/overlays/relationships-browser/SelectElement.tsx +1 -1
  327. package/src/overlays/relationships-browser/_types.ts +20 -16
  328. package/src/overlays/relationships-browser/actor.ts +2 -2
  329. package/src/overlays/relationships-browser/custom/edgeTypes.tsx +2 -2
  330. package/src/overlays/relationships-browser/custom/nodeTypes.tsx +5 -2
  331. package/src/overlays/relationships-browser/layout.ts +12 -7
  332. package/src/overlays/relationships-browser/useViewToNodesEdges.ts +4 -4
  333. package/src/search/Search.tsx +237 -0
  334. package/src/{likec4diagram/ui/search → search/components}/ElementsColumn.css.ts +0 -29
  335. package/src/{likec4diagram/ui/search → search/components}/ElementsColumn.tsx +25 -25
  336. package/src/search/components/PickView.tsx +140 -0
  337. package/src/search/components/SearchByTags.tsx +109 -0
  338. package/src/{likec4diagram/ui/search → search/components}/SearchInput.tsx +63 -36
  339. package/src/{likec4diagram/ui/search → search/components}/ViewsColum.tsx +17 -18
  340. package/src/{likec4diagram/ui/search → search/components}/_shared.css.ts +26 -37
  341. package/src/{likec4diagram/ui/search/LikeC4Search.css.ts → search/components/styles.css.ts} +9 -36
  342. package/src/{likec4diagram/ui/search → search/components}/utils.ts +7 -0
  343. package/src/search/hooks.ts +41 -0
  344. package/src/search/searchActor.ts +99 -0
  345. package/src/state/DiagramActorProvider.tsx +36 -25
  346. package/src/state/assign.ts +10 -10
  347. package/src/state/diagram-machine.ts +128 -60
  348. package/src/state/hotkeyActor.ts +4 -2
  349. package/src/state/syncManualLayoutActor.ts +10 -4
  350. package/src/state/types.ts +11 -3
  351. package/src/state/utils.ts +7 -3
  352. package/src/styles-min.css +2 -0
  353. package/src/styles-xyflow.css +1 -0
  354. package/dist/_virtual/_commonjsHelpers.js +0 -5
  355. package/dist/_virtual/default-map.js +0 -7
  356. package/dist/_virtual/index.js +0 -5
  357. package/dist/_virtual/index2.js +0 -3
  358. package/dist/_virtual/react.production.js +0 -3
  359. package/dist/_virtual/set.js +0 -5
  360. package/dist/_virtual/set2.js +0 -3
  361. package/dist/base/types.js +0 -54
  362. package/dist/base/xyflowMachine.d.ts +0 -212
  363. package/dist/likec4diagram/custom/nodes/nodeTypes.d.ts +0 -8
  364. package/dist/likec4diagram/custom/nodes/nodeTypes.js +0 -92
  365. package/dist/likec4diagram/ui/search/ElementsColumn.d.ts +0 -1
  366. package/dist/likec4diagram/ui/search/LikeC4Search.css.js +0 -87
  367. package/dist/likec4diagram/ui/search/LikeC4Search.d.ts +0 -2
  368. package/dist/likec4diagram/ui/search/LikeC4Search.js +0 -267
  369. package/dist/likec4diagram/ui/search/SearchInput.d.ts +0 -1
  370. package/dist/likec4diagram/ui/search/_shared.css.d.ts +0 -4
  371. package/dist/likec4diagram/ui/search/state.d.ts +0 -19
  372. package/dist/likec4diagram/ui/search/state.js +0 -64
  373. package/dist/node_modules/.pnpm/mnemonist@0.40.3_patch_hash_5c12abb43fcff6fd81e53021b89075d53249640d165a2556cc1e58d71201a13a/node_modules/mnemonist/default-map.js +0 -172
  374. package/dist/node_modules/.pnpm/mnemonist@0.40.3_patch_hash_5c12abb43fcff6fd81e53021b89075d53249640d165a2556cc1e58d71201a13a/node_modules/mnemonist/set.js +0 -369
  375. package/dist/node_modules/.pnpm/react@19.1.0/node_modules/react/cjs/react.production.js +0 -556
  376. package/dist/node_modules/.pnpm/react@19.1.0/node_modules/react/index.js +0 -15
  377. package/dist/packages/core/src/compute-view/relationships-view/compute.js +0 -123
  378. package/dist/packages/core/src/compute-view/relationships-view/utils.js +0 -68
  379. package/dist/packages/core/src/errors/index.js +0 -15
  380. package/dist/packages/core/src/model/connection/model/ConnectionModel.js +0 -121
  381. package/dist/packages/core/src/model/connection/model/find.js +0 -39
  382. package/dist/packages/core/src/model/connection/ops.js +0 -7
  383. package/dist/packages/core/src/utils/const.js +0 -3
  384. package/dist/packages/core/src/utils/fqn.js +0 -51
  385. package/dist/packages/core/src/utils/guards.js +0 -7
  386. package/dist/packages/core/src/utils/iterable/filter.js +0 -21
  387. package/dist/packages/core/src/utils/iterable/find.js +0 -21
  388. package/dist/packages/core/src/utils/iterable/map.js +0 -18
  389. package/dist/packages/core/src/utils/iterable/some.js +0 -21
  390. package/dist/packages/core/src/utils/iterable/to.js +0 -14
  391. package/dist/packages/core/src/utils/set.js +0 -48
  392. package/dist/packages/core/src/utils/string-hash.js +0 -13
  393. package/dist/styles.css.js +0 -3
  394. package/src/base/xyflowMachine.ts +0 -75
  395. package/src/likec4diagram/custom/nodes/nodeTypes.tsx +0 -109
  396. package/src/likec4diagram/ui/search/LikeC4Search.tsx +0 -301
  397. package/src/likec4diagram/ui/search/state.ts +0 -78
  398. /package/dist/{likec4diagram/ui/search → search/components}/ElementsColumn.css.d.ts +0 -0
  399. /package/dist/{likec4diagram/ui/search → search/components}/ViewsColumn.css.d.ts +0 -0
  400. /package/dist/{likec4diagram/ui/search → search/components}/ViewsColumn.css.js +0 -0
  401. /package/dist/{bundle/font.css.js → styles-font.css2.js} +0 -0
  402. /package/src/{likec4diagram/ui/search → search/components}/ViewsColumn.css.ts +0 -0
  403. /package/src/{bundle/font.css → styles-font.css} +0 -0
@@ -1,68 +0,0 @@
1
- import { nonNullable } from '../../errors/index.js';
2
- import { sortParentsFirst, isDescendantOf, isAncestor } from '../../utils/fqn.js';
3
- import DefaultMap from '../../../../../_virtual/default-map.js';
4
-
5
- function treeFromElements(elements) {
6
- const sorted = sortParentsFirst([...elements]);
7
- const root = new Set(sorted);
8
- const map = new Map(sorted.map((e) => [e._literalId, e]));
9
- const parents = new DefaultMap(() => null);
10
- const children = sorted.reduce((acc, parent, index, all) => {
11
- acc.set(
12
- parent,
13
- all.slice(index + 1).filter(isDescendantOf(parent)).map((e) => {
14
- root.delete(e);
15
- return e;
16
- }).reduce((acc2, el) => {
17
- if (!acc2.some(isAncestor(el))) {
18
- acc2.push(el);
19
- parents.set(el, parent);
20
- }
21
- return acc2;
22
- }, [])
23
- );
24
- return acc;
25
- }, new DefaultMap(() => []));
26
- return {
27
- sorted,
28
- byId: (id) => nonNullable(map.get(id), `Element not found by id: ${id}`),
29
- root,
30
- parent: (el) => parents.get(el),
31
- children: (el) => children.get(el),
32
- /**
33
- * Flattens the tree structure by removing redundant hierarchy levels.
34
- * @example
35
- * A
36
- * └── B
37
- * ├── C
38
- * │ └── D
39
- * │ └── E
40
- * └── F
41
- * └── G
42
- * becomes
43
- * A
44
- * ├── C
45
- * │ └── E
46
- * └── F
47
- * └── G
48
- */
49
- flatten: () => {
50
- return /* @__PURE__ */ new Set([
51
- ...root,
52
- ...sorted.reduce((acc, el) => {
53
- const _children = children.get(el);
54
- if (_children.length === 0) {
55
- acc.push(el);
56
- return acc;
57
- }
58
- if (_children.length > 1) {
59
- acc.push(..._children);
60
- }
61
- return acc;
62
- }, [])
63
- ]);
64
- }
65
- };
66
- }
67
-
68
- export { treeFromElements };
@@ -1,15 +0,0 @@
1
- function nonNullable(value, message) {
2
- if (typeof value === "undefined" || value == null) {
3
- const msg = typeof message === "function" ? message() : message;
4
- throw new Error(msg ?? `Expected defined value, but received ${value}`);
5
- }
6
- return value;
7
- }
8
- function invariant(condition, message) {
9
- if (condition) {
10
- return;
11
- }
12
- throw new Error(message ?? "Invariant failed");
13
- }
14
-
15
- export { invariant, nonNullable };
@@ -1,121 +0,0 @@
1
- import { isNot } from 'remeda';
2
- import { invariant } from '../../../errors/index.js';
3
- import { customInspectSymbol } from '../../../utils/const.js';
4
- import { union, difference, intersection, equals } from '../../../utils/set.js';
5
- import { stringHash } from '../../../utils/string-hash.js';
6
- import { hasSameSourceTarget } from '../ops.js';
7
- import { findConnection } from './find.js';
8
- import { isome } from '../../../utils/iterable/some.js';
9
- import { ifilter } from '../../../utils/iterable/filter.js';
10
-
11
- class ConnectionModel {
12
- constructor(source, target, relations = /* @__PURE__ */ new Set()) {
13
- this.source = source;
14
- this.target = target;
15
- this.relations = relations;
16
- this.id = stringHash(`model:${source.id}:${target.id}`);
17
- }
18
- id;
19
- _boundary;
20
- /**
21
- * Common ancestor of the source and target elements.
22
- * Represents the boundary of the connection.
23
- */
24
- get boundary() {
25
- return this._boundary ??= this.source.commonAncestor(this.target);
26
- }
27
- /**
28
- * Human readable expression of the connection
29
- * Mostly used for testing and debugging
30
- */
31
- get expression() {
32
- return `${this.source.id} -> ${this.target.id}`;
33
- }
34
- /**
35
- * Returns true if only includes relations between the source and target elements.
36
- */
37
- get isDirect() {
38
- return this.nonEmpty() && !this.isImplicit;
39
- }
40
- /**
41
- * Returns true if includes relations between nested elements of the source and target elements.
42
- */
43
- get isImplicit() {
44
- return this.nonEmpty() && isome(this.relations, isNot(hasSameSourceTarget(this)));
45
- }
46
- get directRelations() {
47
- return new Set(ifilter(this.relations, hasSameSourceTarget(this)));
48
- }
49
- nonEmpty() {
50
- return this.relations.size > 0;
51
- }
52
- mergeWith(other) {
53
- invariant(this.source.id === other.source.id, "Cannot merge connections with different sources");
54
- invariant(this.target.id === other.target.id, "Cannot merge connections with different targets");
55
- return new ConnectionModel(
56
- this.source,
57
- this.target,
58
- union(this.relations, other.relations)
59
- );
60
- }
61
- difference(other) {
62
- return new ConnectionModel(
63
- this.source,
64
- this.target,
65
- difference(this.relations, other.relations)
66
- );
67
- }
68
- intersect(other) {
69
- invariant(other instanceof ConnectionModel, "Cannot intersect connection with different type");
70
- return new ConnectionModel(
71
- this.source,
72
- this.target,
73
- intersection(this.relations, other.relations)
74
- );
75
- }
76
- equals(other) {
77
- invariant(other instanceof ConnectionModel, "Cannot merge connection with different type");
78
- return this.id === other.id && this.source.id === other.source.id && this.target.id === other.target.id && equals(this.relations, other.relations);
79
- }
80
- /**
81
- * Returns a new instance with the updated relations.
82
- *
83
- * @param relations - A readonly set of `RelationshipModel` instances representing the new relations.
84
- * @returns A new `ConnectionModel` instance with the updated relations.
85
- */
86
- update(relations) {
87
- return new ConnectionModel(
88
- this.source,
89
- this.target,
90
- relations
91
- );
92
- }
93
- [customInspectSymbol](depth, inspectOptions, inspect) {
94
- const asString = this.toString();
95
- Object.defineProperty(asString, "constructor", {
96
- value: ConnectionModel,
97
- enumerable: false
98
- });
99
- return asString;
100
- }
101
- toString() {
102
- return [
103
- this.expression,
104
- this.relations.size ? " relations:" : " relations: [ ]",
105
- ...[...this.relations].map((c) => " " + c.expression)
106
- ].join("\n");
107
- }
108
- /**
109
- * Creates a new connection with reversed direction (target becomes source and vice versa)
110
- * @param search - When true, attempts to find an existing connection between the reversed nodes
111
- */
112
- reversed(search = false) {
113
- if (!search) {
114
- return new ConnectionModel(this.target, this.source);
115
- }
116
- const [found] = findConnection(this.target, this.source, "directed");
117
- return found ?? new ConnectionModel(this.target, this.source, /* @__PURE__ */ new Set());
118
- }
119
- }
120
-
121
- export { ConnectionModel };
@@ -1,39 +0,0 @@
1
- import { isSameHierarchy } from '../../../utils/fqn.js';
2
- import { intersection } from '../../../utils/set.js';
3
- import { ConnectionModel } from './ConnectionModel.js';
4
-
5
- function findConnection(source, target, direction = "directed") {
6
- if (source === target) {
7
- return [];
8
- }
9
- if (isSameHierarchy(source, target)) {
10
- return [];
11
- }
12
- const directedIntersection = intersection(source.allOutgoing, target.allIncoming);
13
- const directed = directedIntersection.size > 0 ? new ConnectionModel(
14
- source,
15
- target,
16
- directedIntersection
17
- ) : null;
18
- if (direction === "directed") {
19
- return directed ? [directed] : [];
20
- }
21
- const reverseIntersection = intersection(source.allIncoming, target.allOutgoing);
22
- const reverse = reverseIntersection.size > 0 ? new ConnectionModel(
23
- target,
24
- source,
25
- reverseIntersection
26
- ) : null;
27
- if (directed && reverse) {
28
- return [directed, reverse];
29
- }
30
- if (directed) {
31
- return [directed];
32
- }
33
- if (reverse) {
34
- return [reverse];
35
- }
36
- return [];
37
- }
38
-
39
- export { findConnection };
@@ -1,7 +0,0 @@
1
- import 'remeda';
2
-
3
- function hasSameSourceTarget(a, b) {
4
- return (b2) => a.source === b2.source && a.target === b2.target;
5
- }
6
-
7
- export { hasSameSourceTarget };
@@ -1,3 +0,0 @@
1
- const customInspectSymbol = Symbol.for("nodejs.util.inspect.custom");
2
-
3
- export { customInspectSymbol };
@@ -1,51 +0,0 @@
1
- import { isString } from './guards.js';
2
-
3
- const asString = (e) => isString(e) ? e : e.id;
4
- function isAncestor(arg1, arg2) {
5
- const arg1Id = asString(arg1);
6
- if (arg2) {
7
- const arg2Id = asString(arg2);
8
- return arg2Id.startsWith(arg1Id + ".");
9
- }
10
- return (ancestor) => {
11
- const ancestorId = asString(ancestor);
12
- return arg1Id.startsWith(ancestorId + ".");
13
- };
14
- }
15
- function isSameHierarchy(one, another) {
16
- if (!another) {
17
- return (b) => isSameHierarchy(one, b);
18
- }
19
- const first = asString(one);
20
- const second = asString(another);
21
- return first === second || second.startsWith(first + ".") || first.startsWith(second + ".");
22
- }
23
- function isDescendantOf(descedant, ancestor) {
24
- {
25
- return (d) => isAncestor(descedant, d);
26
- }
27
- }
28
- function findTopAncestor(items, item) {
29
- let parent = item;
30
- for (const e of items) {
31
- if (isAncestor(e, parent)) {
32
- parent = e;
33
- }
34
- }
35
- return parent !== item ? parent : null;
36
- }
37
- function sortParentsFirst(array) {
38
- const result = [];
39
- const items = [...array];
40
- let item;
41
- while (item = items.shift()) {
42
- let parent;
43
- while (parent = findTopAncestor(items, item)) {
44
- result.push(items.splice(items.indexOf(parent), 1)[0]);
45
- }
46
- result.push(item);
47
- }
48
- return result;
49
- }
50
-
51
- export { isAncestor, isDescendantOf, isSameHierarchy, sortParentsFirst };
@@ -1,7 +0,0 @@
1
- export { hasAtLeast } from 'remeda';
2
-
3
- function isString(value) {
4
- return value != null && typeof value === "string";
5
- }
6
-
7
- export { isString };
@@ -1,21 +0,0 @@
1
- import { isFunction } from 'remeda';
2
- import { invariant } from '../../errors/index.js';
3
-
4
- function ifilter(arg1, arg2) {
5
- const pred = arg2 ?? arg1;
6
- invariant(isFunction(pred));
7
- function* _filter(iter) {
8
- for (const value of iter) {
9
- if (pred(value)) {
10
- yield value;
11
- }
12
- }
13
- return;
14
- }
15
- if (!arg2) {
16
- return _filter;
17
- }
18
- return _filter(arg1);
19
- }
20
-
21
- export { ifilter };
@@ -1,21 +0,0 @@
1
- import { isFunction } from 'remeda';
2
- import { invariant } from '../../errors/index.js';
3
-
4
- function ifind(arg1, arg2) {
5
- const pred = arg2 ?? arg1;
6
- invariant(isFunction(pred));
7
- function _find(iter) {
8
- for (const value of iter) {
9
- if (pred(value)) {
10
- return value;
11
- }
12
- }
13
- return;
14
- }
15
- if (!arg2) {
16
- return _find;
17
- }
18
- return _find(arg1);
19
- }
20
-
21
- export { ifind };
@@ -1,18 +0,0 @@
1
- import { isFunction } from 'remeda';
2
- import { invariant } from '../../errors/index.js';
3
-
4
- function imap(arg1, arg2) {
5
- const mapper = arg1;
6
- invariant(isFunction(mapper));
7
- function* _map(iter) {
8
- for (const value of iter) {
9
- yield mapper(value);
10
- }
11
- return;
12
- }
13
- {
14
- return _map;
15
- }
16
- }
17
-
18
- export { imap };
@@ -1,21 +0,0 @@
1
- import { isFunction } from 'remeda';
2
- import { invariant } from '../../errors/index.js';
3
-
4
- function isome(arg1, arg2) {
5
- const pred = arg2 ?? arg1;
6
- invariant(isFunction(pred));
7
- function _some(iter) {
8
- for (const value of iter) {
9
- if (pred(value)) {
10
- return true;
11
- }
12
- }
13
- return false;
14
- }
15
- if (!arg2) {
16
- return _some;
17
- }
18
- return _some(arg1);
19
- }
20
-
21
- export { isome };
@@ -1,14 +0,0 @@
1
- function toArray(iterable) {
2
- if (iterable) {
3
- return Array.from(iterable);
4
- }
5
- return (it) => Array.from(it);
6
- }
7
- function toSet(iterable) {
8
- if (iterable) {
9
- return new Set(iterable);
10
- }
11
- return (it) => new Set(it);
12
- }
13
-
14
- export { toArray, toSet };
@@ -1,48 +0,0 @@
1
- import { hasAtLeast } from 'remeda';
2
- import { s as setExports } from '../../../../_virtual/set.js';
3
-
4
- function union(...sets) {
5
- let result = /* @__PURE__ */ new Set();
6
- for (const set of sets) {
7
- for (const value of set) {
8
- result.add(value);
9
- }
10
- }
11
- return result;
12
- }
13
- function intersection(first, ...sets) {
14
- let result = /* @__PURE__ */ new Set();
15
- if (first.size === 0) {
16
- return result;
17
- }
18
- let other = hasAtLeast(sets, 2) ? setExports.intersection(...sets) : sets[0];
19
- if (other.size === 0) {
20
- return result;
21
- }
22
- for (const value of first) {
23
- if (other.has(value)) {
24
- result.add(value);
25
- }
26
- }
27
- return result;
28
- }
29
- function difference(a, b) {
30
- if (a.size === 0) {
31
- return /* @__PURE__ */ new Set();
32
- }
33
- if (b.size === 0) {
34
- return new Set(a);
35
- }
36
- let result = /* @__PURE__ */ new Set();
37
- for (const value of a) {
38
- if (!b.has(value)) {
39
- result.add(value);
40
- }
41
- }
42
- return result;
43
- }
44
- function equals(a, b) {
45
- return a.size === b.size && [...a].every((value) => b.has(value));
46
- }
47
-
48
- export { difference, equals, intersection, union };
@@ -1,13 +0,0 @@
1
- import { invariant } from '../errors/index.js';
2
-
3
- function stringHash(str) {
4
- let hash = 5381;
5
- const len = str.length;
6
- invariant(len > 0, "stringHash: empty string");
7
- for (let i = 0; i < len; i++) {
8
- hash = hash * 33 ^ str.charCodeAt(i);
9
- }
10
- return (hash >>> 0).toString(36);
11
- }
12
-
13
- export { stringHash };