@finos/legend-extension-dsl-diagram 0.1.2 → 1.0.4
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.
- package/CHANGELOG.md +14 -0
- package/lib/DSLDiagram_Extension.d.ts +0 -5
- package/lib/DSLDiagram_Extension.d.ts.map +1 -1
- package/lib/DSLDiagram_Extension.js +0 -12
- package/lib/DSLDiagram_Extension.js.map +1 -1
- package/lib/components/studio/ClassDiagramPreview.js +1 -1
- package/lib/components/studio/ClassDiagramPreview.js.map +1 -1
- package/lib/components/studio/{DSLDiagram_StudioPlugin.d.ts → DSLDiagram_LegendStudioPlugin.d.ts} +4 -5
- package/lib/components/studio/DSLDiagram_LegendStudioPlugin.d.ts.map +1 -0
- package/lib/components/studio/{DSLDiagram_StudioPlugin.js → DSLDiagram_LegendStudioPlugin.js} +4 -7
- package/lib/components/studio/DSLDiagram_LegendStudioPlugin.js.map +1 -0
- package/lib/components/studio/{DSLDiagram_StudioPlugin_Extension.d.ts → DSLDiagram_LegendStudioPlugin_Extension.d.ts} +3 -3
- package/lib/components/studio/DSLDiagram_LegendStudioPlugin_Extension.d.ts.map +1 -0
- package/lib/components/studio/{DSLDiagram_StudioPlugin_Extension.js → DSLDiagram_LegendStudioPlugin_Extension.js} +1 -1
- package/lib/components/studio/DSLDiagram_LegendStudioPlugin_Extension.js.map +1 -0
- package/lib/components/studio/DiagramEditor.js +36 -36
- package/lib/components/studio/DiagramEditor.js.map +1 -1
- package/lib/graph/DSLDiagram_PureGraphPlugin.d.ts +1 -2
- package/lib/graph/DSLDiagram_PureGraphPlugin.d.ts.map +1 -1
- package/lib/graph/DSLDiagram_PureGraphPlugin.js +0 -3
- package/lib/graph/DSLDiagram_PureGraphPlugin.js.map +1 -1
- package/lib/graphManager/DSLDiagram_PureGraphManagerPlugin.d.ts +1 -2
- package/lib/graphManager/DSLDiagram_PureGraphManagerPlugin.d.ts.map +1 -1
- package/lib/graphManager/DSLDiagram_PureGraphManagerPlugin.js +0 -3
- package/lib/graphManager/DSLDiagram_PureGraphManagerPlugin.js.map +1 -1
- package/lib/index.css +1 -1
- package/lib/index.css.map +1 -1
- package/lib/index.d.ts +2 -1
- package/lib/index.d.ts.map +1 -1
- package/lib/index.js +2 -1
- package/lib/index.js.map +1 -1
- package/lib/models/protocols/pure/DSLDiagram_PureProtocolProcessorPlugin.d.ts +1 -2
- package/lib/models/protocols/pure/DSLDiagram_PureProtocolProcessorPlugin.d.ts.map +1 -1
- package/lib/models/protocols/pure/DSLDiagram_PureProtocolProcessorPlugin.js +0 -3
- package/lib/models/protocols/pure/DSLDiagram_PureProtocolProcessorPlugin.js.map +1 -1
- package/lib/stores/studio/DiagramEditorState.d.ts.map +1 -1
- package/lib/stores/studio/DiagramEditorState.js +3 -3
- package/lib/stores/studio/DiagramEditorState.js.map +1 -1
- package/package.json +16 -17
- package/src/DSLDiagram_Extension.ts +0 -15
- package/src/components/studio/{DSLDiagram_StudioPlugin.tsx → DSLDiagram_LegendStudioPlugin.tsx} +5 -10
- package/src/components/studio/{DSLDiagram_StudioPlugin_Extension.tsx → DSLDiagram_LegendStudioPlugin_Extension.tsx} +3 -3
- package/src/components/studio/DiagramEditor.tsx +2 -2
- package/src/graph/DSLDiagram_PureGraphPlugin.ts +0 -5
- package/src/graphManager/DSLDiagram_PureGraphManagerPlugin.ts +0 -5
- package/src/index.ts +3 -1
- package/src/models/protocols/pure/DSLDiagram_PureProtocolProcessorPlugin.ts +0 -5
- package/src/stores/studio/DiagramEditorState.ts +3 -7
- package/tsconfig.json +2 -2
- package/lib/components/studio/DSLDiagram_StudioPlugin.d.ts.map +0 -1
- package/lib/components/studio/DSLDiagram_StudioPlugin.js.map +0 -1
- package/lib/components/studio/DSLDiagram_StudioPlugin_Extension.d.ts.map +0 -1
- package/lib/components/studio/DSLDiagram_StudioPlugin_Extension.js.map +0 -1
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,19 @@
|
|
|
1
1
|
# @finos/legend-extension-dsl-diagram
|
|
2
2
|
|
|
3
|
+
## 1.0.4
|
|
4
|
+
|
|
5
|
+
## 1.0.3
|
|
6
|
+
|
|
7
|
+
## 1.0.2
|
|
8
|
+
|
|
9
|
+
## 1.0.1
|
|
10
|
+
|
|
11
|
+
## 1.0.0
|
|
12
|
+
|
|
13
|
+
### Major Changes
|
|
14
|
+
|
|
15
|
+
- [#692](https://github.com/finos/legend-studio/pull/692) [`caab0e67`](https://github.com/finos/legend-studio/commit/caab0e6772181e514b246fe6030a02e7169952cc) ([@akphi](https://github.com/akphi)) - **BREAKING CHANGE:** Remove `LegendStudioPreset` and `LegendQueryPreset` and expose `LegendStudioPlugin` and `LegendQueryPlugin` respectively as we now prefer the usage of `@finos/legend-graph-extension-collection` to better manage graph presets.
|
|
16
|
+
|
|
3
17
|
## 0.1.2
|
|
4
18
|
|
|
5
19
|
## 0.1.1
|
|
@@ -15,13 +15,8 @@
|
|
|
15
15
|
*/
|
|
16
16
|
import { AbstractPreset } from '@finos/legend-shared';
|
|
17
17
|
import type { GraphPluginManager } from '@finos/legend-graph';
|
|
18
|
-
import type { StudioPluginManager } from '@finos/legend-studio';
|
|
19
18
|
export declare class DSLDiagram_GraphPreset extends AbstractPreset {
|
|
20
19
|
constructor();
|
|
21
20
|
install(pluginManager: GraphPluginManager): void;
|
|
22
21
|
}
|
|
23
|
-
export declare class DSLDiagram_StudioPreset extends AbstractPreset {
|
|
24
|
-
constructor();
|
|
25
|
-
install(pluginManager: StudioPluginManager): void;
|
|
26
|
-
}
|
|
27
22
|
//# sourceMappingURL=DSLDiagram_Extension.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DSLDiagram_Extension.d.ts","sourceRoot":"","sources":["../src/DSLDiagram_Extension.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AAGH,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAGtD,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,qBAAqB,CAAC;
|
|
1
|
+
{"version":3,"file":"DSLDiagram_Extension.d.ts","sourceRoot":"","sources":["../src/DSLDiagram_Extension.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AAGH,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAGtD,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,qBAAqB,CAAC;AAG9D,qBAAa,sBAAuB,SAAQ,cAAc;;IAKxD,OAAO,CAAC,aAAa,EAAE,kBAAkB,GAAG,IAAI;CAKjD"}
|
|
@@ -17,7 +17,6 @@ import packageJson from '../package.json';
|
|
|
17
17
|
import { AbstractPreset } from '@finos/legend-shared';
|
|
18
18
|
import { DSLDiagram_PureGraphManagerPlugin } from './graphManager/DSLDiagram_PureGraphManagerPlugin';
|
|
19
19
|
import { DSLDiagram_PureProtocolProcessorPlugin } from './models/protocols/pure/DSLDiagram_PureProtocolProcessorPlugin';
|
|
20
|
-
import { DSLDiagram_StudioPlugin } from './components/studio/DSLDiagram_StudioPlugin';
|
|
21
20
|
import { DSLDiagram_PureGraphPlugin } from './graph/DSLDiagram_PureGraphPlugin';
|
|
22
21
|
export class DSLDiagram_GraphPreset extends AbstractPreset {
|
|
23
22
|
constructor() {
|
|
@@ -29,15 +28,4 @@ export class DSLDiagram_GraphPreset extends AbstractPreset {
|
|
|
29
28
|
new DSLDiagram_PureProtocolProcessorPlugin().install(pluginManager);
|
|
30
29
|
}
|
|
31
30
|
}
|
|
32
|
-
export class DSLDiagram_StudioPreset extends AbstractPreset {
|
|
33
|
-
constructor() {
|
|
34
|
-
super(packageJson.extensions.studioPreset, packageJson.version);
|
|
35
|
-
}
|
|
36
|
-
install(pluginManager) {
|
|
37
|
-
new DSLDiagram_StudioPlugin().install(pluginManager);
|
|
38
|
-
new DSLDiagram_PureGraphPlugin().install(pluginManager);
|
|
39
|
-
new DSLDiagram_PureGraphManagerPlugin().install(pluginManager);
|
|
40
|
-
new DSLDiagram_PureProtocolProcessorPlugin().install(pluginManager);
|
|
41
|
-
}
|
|
42
|
-
}
|
|
43
31
|
//# sourceMappingURL=DSLDiagram_Extension.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DSLDiagram_Extension.js","sourceRoot":"","sources":["../src/DSLDiagram_Extension.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AAEH,OAAO,WAAW,MAAM,iBAAiB,CAAC;AAC1C,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AACtD,OAAO,EAAE,iCAAiC,EAAE,MAAM,kDAAkD,CAAC;AACrG,OAAO,EAAE,sCAAsC,EAAE,MAAM,gEAAgE,CAAC;
|
|
1
|
+
{"version":3,"file":"DSLDiagram_Extension.js","sourceRoot":"","sources":["../src/DSLDiagram_Extension.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AAEH,OAAO,WAAW,MAAM,iBAAiB,CAAC;AAC1C,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AACtD,OAAO,EAAE,iCAAiC,EAAE,MAAM,kDAAkD,CAAC;AACrG,OAAO,EAAE,sCAAsC,EAAE,MAAM,gEAAgE,CAAC;AAExH,OAAO,EAAE,0BAA0B,EAAE,MAAM,oCAAoC,CAAC;AAEhF,MAAM,OAAO,sBAAuB,SAAQ,cAAc;IACxD;QACE,KAAK,CAAC,WAAW,CAAC,UAAU,CAAC,WAAW,EAAE,WAAW,CAAC,OAAO,CAAC,CAAC;IACjE,CAAC;IAED,OAAO,CAAC,aAAiC;QACvC,IAAI,0BAA0B,EAAE,CAAC,OAAO,CAAC,aAAa,CAAC,CAAC;QACxD,IAAI,iCAAiC,EAAE,CAAC,OAAO,CAAC,aAAa,CAAC,CAAC;QAC/D,IAAI,sCAAsC,EAAE,CAAC,OAAO,CAAC,aAAa,CAAC,CAAC;IACtE,CAAC;CACF"}
|
|
@@ -60,6 +60,6 @@ export const ClassDiagramPreview = observer((props) => {
|
|
|
60
60
|
diagramRenderer.autoRecenter();
|
|
61
61
|
}
|
|
62
62
|
}, [_class, classHash, diagramRenderer]);
|
|
63
|
-
return (_jsx("div",
|
|
63
|
+
return (_jsx("div", { ref: ref, className: "class-editor__diagram-preview", "data-testid": DSL_DIAGRAM_TEST_ID.CLASS_DIAGRAM_PREVIEW, children: _jsx("div", { ref: canvas, className: "diagram-canvas", tabIndex: 0, onContextMenu: (event) => event.preventDefault() }, void 0) }, void 0));
|
|
64
64
|
});
|
|
65
65
|
//# sourceMappingURL=ClassDiagramPreview.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ClassDiagramPreview.js","sourceRoot":"","sources":["../../../src/components/studio/ClassDiagramPreview.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;GAcG;AAEH,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AACjE,OAAO,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AAC1D,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAC3C,OAAO,EAAE,mBAAmB,EAAE,MAAM,2BAA2B,CAAC;AAEhE,OAAO,EAAE,0BAA0B,EAAE,MAAM,8BAA8B,CAAC;AAC1E,OAAO,EAAE,mBAAmB,EAAE,MAAM,qBAAqB,CAAC;AAE1D,MAAM,CAAC,MAAM,mBAAmB,GAAG,QAAQ,CAAC,CAAC,KAAwB,EAAE,EAAE;IACvE,MAAM,EAAE,MAAM,EAAE,GAAG,KAAK,CAAC;IACzB,MAAM,gBAAgB,GAAG,mBAAmB,EAAE,CAAC;IAC/C,MAAM,SAAS,GAAG,MAAM,CAAC,UAAU;QACjC,CAAC,CAAC,SAAS;QACX,CAAC,CAAC,gBAAgB,CAAC,iCAAiC,CAChD,GAAG,EAAE,CAAC,MAAM,CAAC,QAAQ,EACrB,SAAS,CACV,CAAC,CAAC,2EAA2E;IAClF,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GACzC,QAAQ,EAA8B,CAAC;IACzC,MAAM,MAAM,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAC5C,MAAM,aAAa,GAAG,WAAW,CAAC,GAAS,EAAE;QAC3C,IAAI,eAAe,EAAE;YACnB,eAAe,CAAC,OAAO,EAAE,CAAC;YAC1B,eAAe,CAAC,YAAY,EAAE,CAAC;SAChC;IACH,CAAC,EAAE,CAAC,eAAe,CAAC,CAAC,CAAC;IACtB,MAAM,EAAE,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,iBAAiB,CAAiB;QAC/D,WAAW,EAAE,UAAU;QACvB,WAAW,EAAE,EAAE;KAChB,CAAC,CAAC;IAEH,SAAS,CAAC,GAAG,EAAE;QACb,aAAa,EAAE,CAAC;IAClB,CAAC,EAAE,CAAC,aAAa,EAAE,MAAM,EAAE,KAAK,CAAC,CAAC,CAAC;IAEnC,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,MAAM,CAAC,OAAO,EAAE;YAClB,IAAI,eAAe,GAAG,eAAe,CAAC;YACtC,IAAI,CAAC,eAAe,EAAE;gBACpB,MAAM,SAAS,GAAG,IAAI,0BAA0B,CAC9C,MAAM,CAAC,OAAO,EACd,MAAM,CACP,CAAC;gBACF,kBAAkB,CAAC,SAAS,CAAC,CAAC;gBAC9B,eAAe,GAAG,SAAS,CAAC;aAC7B;YACD,eAAe,CAAC,MAAM,EAAE,CAAC;YACzB,eAAe,CAAC,YAAY,EAAE,CAAC;SAChC;IACH,CAAC,EAAE,CAAC,eAAe,EAAE,MAAM,CAAC,CAAC,CAAC;IAE9B,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,eAAe,EAAE;YACnB,eAAe,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC;YAClC,eAAe,CAAC,MAAM,EAAE,CAAC;YACzB,eAAe,CAAC,YAAY,EAAE,CAAC;SAChC;IACH,CAAC,EAAE,CAAC,MAAM,EAAE,SAAS,EAAE,eAAe,CAAC,CAAC,CAAC;IAEzC,OAAO,CACL,
|
|
1
|
+
{"version":3,"file":"ClassDiagramPreview.js","sourceRoot":"","sources":["../../../src/components/studio/ClassDiagramPreview.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;GAcG;AAEH,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AACjE,OAAO,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AAC1D,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAC3C,OAAO,EAAE,mBAAmB,EAAE,MAAM,2BAA2B,CAAC;AAEhE,OAAO,EAAE,0BAA0B,EAAE,MAAM,8BAA8B,CAAC;AAC1E,OAAO,EAAE,mBAAmB,EAAE,MAAM,qBAAqB,CAAC;AAE1D,MAAM,CAAC,MAAM,mBAAmB,GAAG,QAAQ,CAAC,CAAC,KAAwB,EAAE,EAAE;IACvE,MAAM,EAAE,MAAM,EAAE,GAAG,KAAK,CAAC;IACzB,MAAM,gBAAgB,GAAG,mBAAmB,EAAE,CAAC;IAC/C,MAAM,SAAS,GAAG,MAAM,CAAC,UAAU;QACjC,CAAC,CAAC,SAAS;QACX,CAAC,CAAC,gBAAgB,CAAC,iCAAiC,CAChD,GAAG,EAAE,CAAC,MAAM,CAAC,QAAQ,EACrB,SAAS,CACV,CAAC,CAAC,2EAA2E;IAClF,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GACzC,QAAQ,EAA8B,CAAC;IACzC,MAAM,MAAM,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAC5C,MAAM,aAAa,GAAG,WAAW,CAAC,GAAS,EAAE;QAC3C,IAAI,eAAe,EAAE;YACnB,eAAe,CAAC,OAAO,EAAE,CAAC;YAC1B,eAAe,CAAC,YAAY,EAAE,CAAC;SAChC;IACH,CAAC,EAAE,CAAC,eAAe,CAAC,CAAC,CAAC;IACtB,MAAM,EAAE,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,iBAAiB,CAAiB;QAC/D,WAAW,EAAE,UAAU;QACvB,WAAW,EAAE,EAAE;KAChB,CAAC,CAAC;IAEH,SAAS,CAAC,GAAG,EAAE;QACb,aAAa,EAAE,CAAC;IAClB,CAAC,EAAE,CAAC,aAAa,EAAE,MAAM,EAAE,KAAK,CAAC,CAAC,CAAC;IAEnC,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,MAAM,CAAC,OAAO,EAAE;YAClB,IAAI,eAAe,GAAG,eAAe,CAAC;YACtC,IAAI,CAAC,eAAe,EAAE;gBACpB,MAAM,SAAS,GAAG,IAAI,0BAA0B,CAC9C,MAAM,CAAC,OAAO,EACd,MAAM,CACP,CAAC;gBACF,kBAAkB,CAAC,SAAS,CAAC,CAAC;gBAC9B,eAAe,GAAG,SAAS,CAAC;aAC7B;YACD,eAAe,CAAC,MAAM,EAAE,CAAC;YACzB,eAAe,CAAC,YAAY,EAAE,CAAC;SAChC;IACH,CAAC,EAAE,CAAC,eAAe,EAAE,MAAM,CAAC,CAAC,CAAC;IAE9B,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,eAAe,EAAE;YACnB,eAAe,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC;YAClC,eAAe,CAAC,MAAM,EAAE,CAAC;YACzB,eAAe,CAAC,YAAY,EAAE,CAAC;SAChC;IACH,CAAC,EAAE,CAAC,MAAM,EAAE,SAAS,EAAE,eAAe,CAAC,CAAC,CAAC;IAEzC,OAAO,CACL,cACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAC,+BAA+B,iBAC5B,mBAAmB,CAAC,qBAAqB,YAEtD,cACE,GAAG,EAAE,MAAM,EACX,SAAS,EAAC,gBAAgB,EAC1B,QAAQ,EAAE,CAAC,EACX,aAAa,EAAE,CAAC,KAAK,EAAQ,EAAE,CAAC,KAAK,CAAC,cAAc,EAAE,WACtD,WACE,CACP,CAAC;AACJ,CAAC,CAAC,CAAC"}
|
package/lib/components/studio/{DSLDiagram_StudioPlugin.d.ts → DSLDiagram_LegendStudioPlugin.d.ts}
RENAMED
|
@@ -13,11 +13,10 @@
|
|
|
13
13
|
* See the License for the specific language governing permissions and
|
|
14
14
|
* limitations under the License.
|
|
15
15
|
*/
|
|
16
|
-
import type {
|
|
17
|
-
import {
|
|
18
|
-
export declare class
|
|
16
|
+
import type { NewElementFromStateCreator, ElementEditorStateCreator, ElementTypeGetter, ElementProjectExplorerDnDTypeGetter, ElementIconGetter, ElementEditorRenderer, DSL_LegendStudioPlugin_Extension, ElementEditorPostDeleteAction, ElementEditorPostRenameAction, ClassPreviewRenderer } from '@finos/legend-studio';
|
|
17
|
+
import { LegendStudioPlugin } from '@finos/legend-studio';
|
|
18
|
+
export declare class DSLDiagram_LegendStudioPlugin extends LegendStudioPlugin implements DSL_LegendStudioPlugin_Extension {
|
|
19
19
|
constructor();
|
|
20
|
-
install(pluginManager: StudioPluginManager): void;
|
|
21
20
|
getExtraClassPreviewRenderers(): ClassPreviewRenderer[];
|
|
22
21
|
getExtraSupportedElementTypes(): string[];
|
|
23
22
|
getExtraElementTypeGetters(): ElementTypeGetter[];
|
|
@@ -30,4 +29,4 @@ export declare class DSLDiagram_StudioPlugin extends StudioPlugin implements DSL
|
|
|
30
29
|
getExtraElementEditorPostRenameActions(): ElementEditorPostRenameAction[];
|
|
31
30
|
getExtraElementEditorPostDeleteActions(): ElementEditorPostDeleteAction[];
|
|
32
31
|
}
|
|
33
|
-
//# sourceMappingURL=
|
|
32
|
+
//# sourceMappingURL=DSLDiagram_LegendStudioPlugin.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"DSLDiagram_LegendStudioPlugin.d.ts","sourceRoot":"","sources":["../../../src/components/studio/DSLDiagram_LegendStudioPlugin.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AAGH,OAAO,KAAK,EACV,0BAA0B,EAG1B,yBAAyB,EACzB,iBAAiB,EACjB,mCAAmC,EACnC,iBAAiB,EACjB,qBAAqB,EACrB,gCAAgC,EAEhC,6BAA6B,EAC7B,6BAA6B,EAC7B,oBAAoB,EACrB,MAAM,sBAAsB,CAAC;AAC9B,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAW1D,qBAAa,6BACX,SAAQ,kBACR,YAAW,gCAAgC;;IAMlC,6BAA6B,IAAI,oBAAoB,EAAE;IAQhE,6BAA6B,IAAI,MAAM,EAAE;IAIzC,0BAA0B,IAAI,iBAAiB,EAAE;IAWjD,0BAA0B,IAAI,iBAAiB,EAAE;IAejD,8BAA8B,IAAI,qBAAqB,EAAE;IAWzD,mCAAmC,IAAI,0BAA0B,EAAE;IAenE,kCAAkC,IAAI,yBAAyB,EAAE;IAcjE,4CAA4C,IAAI,mCAAmC,EAAE;IAWrF,iCAAiC,IAAI,MAAM,EAAE;IAI7C,sCAAsC,IAAI,6BAA6B,EAAE;IAWzE,sCAAsC,IAAI,6BAA6B,EAAE;CAU1E"}
|
package/lib/components/studio/{DSLDiagram_StudioPlugin.js → DSLDiagram_LegendStudioPlugin.js}
RENAMED
|
@@ -15,7 +15,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
|
|
|
15
15
|
* limitations under the License.
|
|
16
16
|
*/
|
|
17
17
|
import packageJson from '../../../package.json';
|
|
18
|
-
import {
|
|
18
|
+
import { LegendStudioPlugin } from '@finos/legend-studio';
|
|
19
19
|
import { ShapesIcon } from '@finos/legend-art';
|
|
20
20
|
import { Diagram } from '../../models/metamodels/pure/packageableElements/diagram/Diagram';
|
|
21
21
|
import { DiagramEditorState } from '../../stores/studio/DiagramEditorState';
|
|
@@ -23,13 +23,10 @@ import { DiagramEditor } from './DiagramEditor';
|
|
|
23
23
|
import { ClassDiagramPreview } from './ClassDiagramPreview';
|
|
24
24
|
const DIAGRAM_ELEMENT_TYPE = 'DIAGRAM';
|
|
25
25
|
const DIAGRAM_ELEMENT_PROJECT_EXPLORER_DND_TYPE = 'PROJECT_EXPLORER_DIAGRAM';
|
|
26
|
-
export class
|
|
26
|
+
export class DSLDiagram_LegendStudioPlugin extends LegendStudioPlugin {
|
|
27
27
|
constructor() {
|
|
28
28
|
super(packageJson.extensions.studioPlugin, packageJson.version);
|
|
29
29
|
}
|
|
30
|
-
install(pluginManager) {
|
|
31
|
-
pluginManager.registerStudioPlugin(this);
|
|
32
|
-
}
|
|
33
30
|
getExtraClassPreviewRenderers() {
|
|
34
31
|
return [
|
|
35
32
|
(_class) => (_jsx(ClassDiagramPreview, { _class: _class }, void 0)),
|
|
@@ -52,7 +49,7 @@ export class DSLDiagram_StudioPlugin extends StudioPlugin {
|
|
|
52
49
|
return [
|
|
53
50
|
(type) => {
|
|
54
51
|
if (type === DIAGRAM_ELEMENT_TYPE) {
|
|
55
|
-
return (_jsx("div",
|
|
52
|
+
return (_jsx("div", { className: "icon color--diagram", children: _jsx(ShapesIcon, {}, void 0) }, void 0));
|
|
56
53
|
}
|
|
57
54
|
return undefined;
|
|
58
55
|
},
|
|
@@ -122,4 +119,4 @@ export class DSLDiagram_StudioPlugin extends StudioPlugin {
|
|
|
122
119
|
];
|
|
123
120
|
}
|
|
124
121
|
}
|
|
125
|
-
//# sourceMappingURL=
|
|
122
|
+
//# sourceMappingURL=DSLDiagram_LegendStudioPlugin.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"DSLDiagram_LegendStudioPlugin.js","sourceRoot":"","sources":["../../../src/components/studio/DSLDiagram_LegendStudioPlugin.tsx"],"names":[],"mappings":"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"}
|
|
@@ -14,17 +14,17 @@
|
|
|
14
14
|
* limitations under the License.
|
|
15
15
|
*/
|
|
16
16
|
/// <reference types="react" />
|
|
17
|
-
import type {
|
|
17
|
+
import type { DSL_LegendStudioPlugin_Extension } from '@finos/legend-studio';
|
|
18
18
|
import type { ClassView } from '../../models/metamodels/pure/packageableElements/diagram/ClassView';
|
|
19
19
|
import type { DiagramEditorState } from '../../stores/studio/DiagramEditorState';
|
|
20
20
|
export declare type ClassViewContextMenuItemRendererConfiguration = {
|
|
21
21
|
key: string;
|
|
22
22
|
renderer: (diagramEditorState: DiagramEditorState, classView: ClassView | undefined) => React.ReactNode | undefined;
|
|
23
23
|
};
|
|
24
|
-
export interface
|
|
24
|
+
export interface DSLDiagram_LegendStudioPlugin_Extension extends DSL_LegendStudioPlugin_Extension {
|
|
25
25
|
/**
|
|
26
26
|
* Get the list of items to be rendered in the context menu of a class view.
|
|
27
27
|
*/
|
|
28
28
|
getExtraClassViewContextMenuItemRendererConfigurations?(): ClassViewContextMenuItemRendererConfiguration[];
|
|
29
29
|
}
|
|
30
|
-
//# sourceMappingURL=
|
|
30
|
+
//# sourceMappingURL=DSLDiagram_LegendStudioPlugin_Extension.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"DSLDiagram_LegendStudioPlugin_Extension.d.ts","sourceRoot":"","sources":["../../../src/components/studio/DSLDiagram_LegendStudioPlugin_Extension.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;;AAEH,OAAO,KAAK,EAAE,gCAAgC,EAAE,MAAM,sBAAsB,CAAC;AAC7E,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,oEAAoE,CAAC;AACpG,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,wCAAwC,CAAC;AAEjF,oBAAY,6CAA6C,GAAG;IAC1D,GAAG,EAAE,MAAM,CAAC;IACZ,QAAQ,EAAE,CACR,kBAAkB,EAAE,kBAAkB,EACtC,SAAS,EAAE,SAAS,GAAG,SAAS,KAC7B,KAAK,CAAC,SAAS,GAAG,SAAS,CAAC;CAClC,CAAC;AAEF,MAAM,WAAW,uCACf,SAAQ,gCAAgC;IACxC;;OAEG;IACH,sDAAsD,CAAC,IAAI,6CAA6C,EAAE,CAAC;CAC5G"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"DSLDiagram_LegendStudioPlugin_Extension.js","sourceRoot":"","sources":["../../../src/components/studio/DSLDiagram_LegendStudioPlugin_Extension.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG"}
|
|
@@ -47,11 +47,11 @@ const DiagramEditorContextMenu = observer((props, ref) => {
|
|
|
47
47
|
}, { forwardRef: true });
|
|
48
48
|
const DiagramRendererHotkeyInfosModal = observer((props) => {
|
|
49
49
|
const { open, onClose } = props;
|
|
50
|
-
return (_jsx(Dialog,
|
|
50
|
+
return (_jsx(Dialog, { open: open, onClose: onClose, classes: {
|
|
51
51
|
root: 'editor-modal__root-container',
|
|
52
52
|
container: 'editor-modal__container',
|
|
53
53
|
paper: 'editor-modal__content--scrollable',
|
|
54
|
-
}
|
|
54
|
+
}, children: _jsxs("div", { className: "modal modal--dark modal--scrollable diagram-editor__hotkeys__dialog", children: [_jsx("div", { className: "modal__header", children: _jsx("div", { className: "modal__title", children: "Diagram Hotkeys" }, void 0) }, void 0), _jsx("div", { className: "modal__body", children: _jsxs("div", { className: "diagram-editor__hotkey__groups", children: [_jsxs("div", { className: "diagram-editor__hotkey__group", children: [_jsx("div", { className: "diagram-editor__hotkey__annotation", children: "Use view tool" }, void 0), _jsx("div", { className: "hotkey__combination diagram-editor__hotkey__keys", children: _jsx("div", { className: "hotkey__key", children: "V" }, void 0) }, void 0)] }, void 0), _jsxs("div", { className: "diagram-editor__hotkey__group", children: [_jsx("div", { className: "diagram-editor__hotkey__annotation", children: "Use pan tool" }, void 0), _jsx("div", { className: "hotkey__combination diagram-editor__hotkey__keys", children: _jsx("div", { className: "hotkey__key", children: "M" }, void 0) }, void 0)] }, void 0), _jsxs("div", { className: "diagram-editor__hotkey__group", children: [_jsx("div", { className: "diagram-editor__hotkey__annotation", children: "Zoom" }, void 0), _jsx("div", { className: "hotkey__combination diagram-editor__hotkey__keys", children: _jsx("div", { className: "hotkey__key", children: "Z" }, void 0) }, void 0)] }, void 0), _jsxs("div", { className: "diagram-editor__hotkey__group", children: [_jsx("div", { className: "diagram-editor__hotkey__annotation", children: "Recenter" }, void 0), _jsx("div", { className: "hotkey__combination diagram-editor__hotkey__keys", children: _jsx("div", { className: "hotkey__key", children: "R" }, void 0) }, void 0)] }, void 0), _jsx("div", { className: "diagram-editor__hotkey__groups__divider" }, void 0), _jsxs("div", { className: "diagram-editor__hotkey__group", children: [_jsx("div", { className: "diagram-editor__hotkey__annotation", children: "Remove selected element(s)" }, void 0), _jsx("div", { className: "hotkey__combination diagram-editor__hotkey__keys", children: _jsx("div", { className: "hotkey__key", children: "Delete" }, void 0) }, void 0)] }, void 0), _jsxs("div", { className: "diagram-editor__hotkey__group", children: [_jsx("div", { className: "diagram-editor__hotkey__annotation", children: "Edit the selected element" }, void 0), _jsx("div", { className: "hotkey__combination diagram-editor__hotkey__keys", children: _jsx("div", { className: "hotkey__key", children: "E" }, void 0) }, void 0)] }, void 0), _jsx("div", { className: "diagram-editor__hotkey__groups__divider" }, void 0), _jsxs("div", { className: "diagram-editor__hotkey__group", children: [_jsx("div", { className: "diagram-editor__hotkey__annotation", children: "Use property tool" }, void 0), _jsx("div", { className: "hotkey__combination diagram-editor__hotkey__keys", children: _jsx("div", { className: "hotkey__key", children: "P" }, void 0) }, void 0)] }, void 0), _jsxs("div", { className: "diagram-editor__hotkey__group", children: [_jsx("div", { className: "diagram-editor__hotkey__annotation", children: "Use inheritance tool" }, void 0), _jsx("div", { className: "hotkey__combination diagram-editor__hotkey__keys", children: _jsx("div", { className: "hotkey__key", children: "I" }, void 0) }, void 0)] }, void 0), _jsxs("div", { className: "diagram-editor__hotkey__group", children: [_jsx("div", { className: "diagram-editor__hotkey__annotation", children: "Add class" }, void 0), _jsx("div", { className: "hotkey__combination diagram-editor__hotkey__keys", children: _jsx("div", { className: "hotkey__key", children: "C" }, void 0) }, void 0)] }, void 0), _jsxs("div", { className: "diagram-editor__hotkey__group", children: [_jsx("div", { className: "diagram-editor__hotkey__annotation", children: "Add simple property to selected class" }, void 0), _jsxs("div", { className: "hotkey__combination diagram-editor__hotkey__keys", children: [_jsx("div", { className: "hotkey__key", children: "Alt" }, void 0), _jsx("div", { className: "hotkey__plus", children: _jsx(PlusIcon, {}, void 0) }, void 0), _jsx("div", { className: "hotkey__key", children: "\u2193" }, void 0)] }, void 0)] }, void 0), _jsx("div", { className: "diagram-editor__hotkey__groups__divider" }, void 0), _jsxs("div", { className: "diagram-editor__hotkey__group", children: [_jsx("div", { className: "diagram-editor__hotkey__annotation", children: "Toggle display for properties of selected classes" }, void 0), _jsxs("div", { className: "hotkey__combination diagram-editor__hotkey__keys", children: [_jsx("div", { className: "hotkey__key", children: "Alt" }, void 0), _jsx("div", { className: "hotkey__plus", children: _jsx(PlusIcon, {}, void 0) }, void 0), _jsx("div", { className: "hotkey__key", children: "P" }, void 0)] }, void 0)] }, void 0), _jsxs("div", { className: "diagram-editor__hotkey__group", children: [_jsx("div", { className: "diagram-editor__hotkey__annotation", children: "Toggle display for tagged values of selected classes" }, void 0), _jsxs("div", { className: "hotkey__combination diagram-editor__hotkey__keys", children: [_jsx("div", { className: "hotkey__key", children: "Alt" }, void 0), _jsx("div", { className: "hotkey__plus", children: _jsx(PlusIcon, {}, void 0) }, void 0), _jsx("div", { className: "hotkey__key", children: "T" }, void 0)] }, void 0)] }, void 0), _jsxs("div", { className: "diagram-editor__hotkey__group", children: [_jsx("div", { className: "diagram-editor__hotkey__annotation", children: "Toggle display for stereotypes of selected classes" }, void 0), _jsxs("div", { className: "hotkey__combination diagram-editor__hotkey__keys", children: [_jsx("div", { className: "hotkey__key", children: "Alt" }, void 0), _jsx("div", { className: "hotkey__plus", children: _jsx(PlusIcon, {}, void 0) }, void 0), _jsx("div", { className: "hotkey__key", children: "S" }, void 0)] }, void 0)] }, void 0), _jsx("div", { className: "diagram-editor__hotkey__groups__divider" }, void 0), _jsxs("div", { className: "diagram-editor__hotkey__group", children: [_jsx("div", { className: "diagram-editor__hotkey__annotation", children: "Eject the property" }, void 0), _jsx("div", { className: "hotkey__combination diagram-editor__hotkey__keys", children: _jsx("div", { className: "hotkey__key", children: "\u2192" }, void 0) }, void 0)] }, void 0), _jsxs("div", { className: "diagram-editor__hotkey__group", children: [_jsx("div", { className: "diagram-editor__hotkey__annotation", children: "Add subtypes of the selected classes to the diagram" }, void 0), _jsx("div", { className: "hotkey__combination diagram-editor__hotkey__keys", children: _jsx("div", { className: "hotkey__key", children: "\u2193" }, void 0) }, void 0)] }, void 0), _jsxs("div", { className: "diagram-editor__hotkey__group", children: [_jsx("div", { className: "diagram-editor__hotkey__annotation", children: "Add supertypes of the selected classes to the diagram" }, void 0), _jsx("div", { className: "hotkey__combination diagram-editor__hotkey__keys", children: _jsx("div", { className: "hotkey__key", children: "\u2191" }, void 0) }, void 0)] }, void 0)] }, void 0) }, void 0)] }, void 0) }, void 0));
|
|
55
55
|
});
|
|
56
56
|
const DiagramEditorToolPanel = observer((props) => {
|
|
57
57
|
const { diagramEditorState } = props;
|
|
@@ -64,32 +64,32 @@ const DiagramEditorToolPanel = observer((props) => {
|
|
|
64
64
|
renderer.changeMode(editMode, relationshipMode);
|
|
65
65
|
}
|
|
66
66
|
};
|
|
67
|
-
return (_jsxs("div",
|
|
67
|
+
return (_jsxs("div", { className: "diagram-editor__tools", children: [_jsx("button", { className: clsx('diagram-editor__tool', {
|
|
68
68
|
'diagram-editor__tool--active': renderer.interactionMode === DIAGRAM_INTERACTION_MODE.LAYOUT,
|
|
69
|
-
}), tabIndex: -1, onClick: createModeSwitcher(DIAGRAM_INTERACTION_MODE.LAYOUT, DIAGRAM_RELATIONSHIP_EDIT_MODE.NONE), title: "View Tool (V)"
|
|
69
|
+
}), tabIndex: -1, onClick: createModeSwitcher(DIAGRAM_INTERACTION_MODE.LAYOUT, DIAGRAM_RELATIONSHIP_EDIT_MODE.NONE), title: "View Tool (V)", children: _jsx(FiMousePointer, { className: "diagram-editor__icon--layout" }, void 0) }, void 0), _jsx("button", { className: clsx('diagram-editor__tool', {
|
|
70
70
|
'diagram-editor__tool--active': renderer.interactionMode === DIAGRAM_INTERACTION_MODE.PAN,
|
|
71
|
-
}), tabIndex: -1, onClick: createModeSwitcher(DIAGRAM_INTERACTION_MODE.PAN, DIAGRAM_RELATIONSHIP_EDIT_MODE.NONE), title: "Pan Tool (M)"
|
|
71
|
+
}), tabIndex: -1, onClick: createModeSwitcher(DIAGRAM_INTERACTION_MODE.PAN, DIAGRAM_RELATIONSHIP_EDIT_MODE.NONE), title: "Pan Tool (M)", children: _jsx(FiMove, { className: "diagram-editor__icon--pan" }, void 0) }, void 0), _jsx("button", { className: clsx('diagram-editor__tool', {
|
|
72
72
|
'diagram-editor__tool--active': renderer.interactionMode === DIAGRAM_INTERACTION_MODE.ZOOM_IN,
|
|
73
|
-
}), tabIndex: -1, title: "Zoom In (Z)", onClick: createModeSwitcher(DIAGRAM_INTERACTION_MODE.ZOOM_IN, DIAGRAM_RELATIONSHIP_EDIT_MODE.NONE)
|
|
73
|
+
}), tabIndex: -1, title: "Zoom In (Z)", onClick: createModeSwitcher(DIAGRAM_INTERACTION_MODE.ZOOM_IN, DIAGRAM_RELATIONSHIP_EDIT_MODE.NONE), children: _jsx(FiZoomIn, { className: "diagram-editor__icon--zoom-in" }, void 0) }, void 0), _jsx("button", { className: clsx('diagram-editor__tool', {
|
|
74
74
|
'diagram-editor__tool--active': renderer.interactionMode === DIAGRAM_INTERACTION_MODE.ZOOM_OUT,
|
|
75
|
-
}), tabIndex: -1, title: "Zoom Out (Z)", onClick: createModeSwitcher(DIAGRAM_INTERACTION_MODE.ZOOM_OUT, DIAGRAM_RELATIONSHIP_EDIT_MODE.NONE)
|
|
75
|
+
}), tabIndex: -1, title: "Zoom Out (Z)", onClick: createModeSwitcher(DIAGRAM_INTERACTION_MODE.ZOOM_OUT, DIAGRAM_RELATIONSHIP_EDIT_MODE.NONE), children: _jsx(FiZoomOut, { className: "diagram-editor__icon--zoom-out" }, void 0) }, void 0), _jsx("div", { className: "diagram-editor__tools__divider" }, void 0), _jsx("button", { className: clsx('diagram-editor__tool', {
|
|
76
76
|
'diagram-editor__tool--active': renderer.interactionMode ===
|
|
77
77
|
DIAGRAM_INTERACTION_MODE.ADD_RELATIONSHIP &&
|
|
78
78
|
renderer.relationshipMode ===
|
|
79
79
|
DIAGRAM_RELATIONSHIP_EDIT_MODE.PROPERTY,
|
|
80
|
-
}), tabIndex: -1, title: "Property Tool (P)", disabled: isReadOnly, onClick: createModeSwitcher(DIAGRAM_INTERACTION_MODE.ADD_RELATIONSHIP, DIAGRAM_RELATIONSHIP_EDIT_MODE.PROPERTY)
|
|
80
|
+
}), tabIndex: -1, title: "Property Tool (P)", disabled: isReadOnly, onClick: createModeSwitcher(DIAGRAM_INTERACTION_MODE.ADD_RELATIONSHIP, DIAGRAM_RELATIONSHIP_EDIT_MODE.PROPERTY), children: _jsx(FiMinus, { className: "diagram-editor__icon--property" }, void 0) }, void 0), _jsx("button", { className: clsx('diagram-editor__tool', {
|
|
81
81
|
'diagram-editor__tool--active': renderer.interactionMode ===
|
|
82
82
|
DIAGRAM_INTERACTION_MODE.ADD_RELATIONSHIP &&
|
|
83
83
|
renderer.relationshipMode ===
|
|
84
84
|
DIAGRAM_RELATIONSHIP_EDIT_MODE.INHERITANCE,
|
|
85
|
-
}), tabIndex: -1, title: "Inheritance Tool (I)", disabled: isReadOnly, onClick: createModeSwitcher(DIAGRAM_INTERACTION_MODE.ADD_RELATIONSHIP, DIAGRAM_RELATIONSHIP_EDIT_MODE.INHERITANCE)
|
|
85
|
+
}), tabIndex: -1, title: "Inheritance Tool (I)", disabled: isReadOnly, onClick: createModeSwitcher(DIAGRAM_INTERACTION_MODE.ADD_RELATIONSHIP, DIAGRAM_RELATIONSHIP_EDIT_MODE.INHERITANCE), children: _jsx(FiTriangle, { className: "diagram-editor__icon--inheritance" }, void 0) }, void 0), _jsx("button", { className: clsx('diagram-editor__tool', {
|
|
86
86
|
// 'diagram-editor__tool--active':
|
|
87
87
|
// diagramRenderer.editMode === DIAGRAM_EDIT_MODE.RELATIONSHIP &&
|
|
88
88
|
// diagramRenderer.relationshipMode ===
|
|
89
89
|
// DIAGRAM_RELATIONSHIP_EDIT_MODE.ASSOCIATION,
|
|
90
|
-
}), tabIndex: -1, title: "Association Tool", disabled: true
|
|
90
|
+
}), tabIndex: -1, title: "Association Tool", disabled: true, children: _jsx(IoResize, { className: "diagram-editor__icon--association" }, void 0) }, void 0), _jsx("button", { className: clsx('diagram-editor__tool', {
|
|
91
91
|
'diagram-editor__tool--active': renderer.interactionMode === DIAGRAM_INTERACTION_MODE.ADD_CLASS,
|
|
92
|
-
}), tabIndex: -1, title: "Add class tool (C)", disabled: isReadOnly, onClick: createModeSwitcher(DIAGRAM_INTERACTION_MODE.ADD_CLASS, DIAGRAM_RELATIONSHIP_EDIT_MODE.NONE)
|
|
92
|
+
}), tabIndex: -1, title: "Add class tool (C)", disabled: isReadOnly, onClick: createModeSwitcher(DIAGRAM_INTERACTION_MODE.ADD_CLASS, DIAGRAM_RELATIONSHIP_EDIT_MODE.NONE), children: _jsx(FiPlusCircle, { className: "diagram-editor__icon--add-class" }, void 0) }, void 0), _jsx("div", { className: "diagram-editor__tools__divider" }, void 0), _jsx("button", { className: "diagram-editor__tool", tabIndex: -1, title: "Show Hotkeys", onClick: showDiagramRendererHokeysModal, children: _jsx(FaRegKeyboard, { className: "diagram-editor__icon--hotkey-info" }, void 0) }, void 0), _jsx(DiagramRendererHotkeyInfosModal, { open: diagramEditorState.showHotkeyInfosModal, onClose: hideDiagramRendererHokeysModal }, void 0)] }, void 0));
|
|
93
93
|
});
|
|
94
94
|
const DiagramEditorClassViewEditor = observer((props) => {
|
|
95
95
|
const { classViewEditorState } = props;
|
|
@@ -131,26 +131,26 @@ const DiagramEditorClassViewEditor = observer((props) => {
|
|
|
131
131
|
classView.setHideStereotypes(!classView.hideStereotypes);
|
|
132
132
|
diagramEditorState.renderer.render();
|
|
133
133
|
};
|
|
134
|
-
return (_jsxs("div",
|
|
134
|
+
return (_jsxs("div", { className: "diagram-editor__class-view-editor", children: [_jsx("div", { className: "diagram-editor__class-view-editor__header", children: _jsx("div", { className: "diagram-editor__class-view-editor__header__tabs", children: tabs.map((tab) => (_jsx("div", { onClick: changeTab(tab), className: clsx('diagram-editor__class-view-editor__header__tab', {
|
|
135
135
|
'diagram-editor__class-view-editor__header__tab--active': tab === selectedTab,
|
|
136
|
-
})
|
|
136
|
+
}), children: prettyCONSTName(tab) }, tab))) }, void 0) }, void 0), _jsxs("div", { className: "diagram-editor__class-view-editor__content", children: [DIAGRAM_EDITOR_SIDE_PANEL_TAB.ELEMENT === selectedTab && (_jsx(ClassFormEditor, { _class: classViewEditorState.classEditorState.class, editorState: classViewEditorState.classEditorState, onHashChange: redrawOnClassChange }, void 0)), DIAGRAM_EDITOR_SIDE_PANEL_TAB.VIEW === selectedTab && (_jsx("div", { className: "panel__content__form diagram-editor__class-view-editor__content__form", children: _jsxs("div", { className: "panel__content__form__section", children: [_jsxs("div", { className: clsx('panel__content__form__section__toggler'), onClick: toggleHideProperties, children: [_jsx("button", { className: clsx('panel__content__form__section__toggler__btn', {
|
|
137
137
|
'panel__content__form__section__toggler__btn--toggled': classView.hideProperties,
|
|
138
|
-
}), disabled: isReadOnly
|
|
138
|
+
}), disabled: isReadOnly, children: classView.hideProperties ? (_jsx(CheckSquareIcon, {}, void 0)) : (_jsx(SquareIcon, {}, void 0)) }, void 0), _jsx("div", { className: "panel__content__form__section__toggler__prompt", children: "Specifies if properties should be hidden" }, void 0)] }, void 0), _jsxs("div", { className: clsx('panel__content__form__section__toggler'), onClick: toggleHideTaggedValues, children: [_jsx("button", { className: clsx('panel__content__form__section__toggler__btn', {
|
|
139
139
|
'panel__content__form__section__toggler__btn--toggled': classView.hideTaggedValues,
|
|
140
|
-
}), disabled: isReadOnly
|
|
140
|
+
}), disabled: isReadOnly, children: classView.hideTaggedValues ? (_jsx(CheckSquareIcon, {}, void 0)) : (_jsx(SquareIcon, {}, void 0)) }, void 0), _jsx("div", { className: "panel__content__form__section__toggler__prompt", children: "Specifies if tagged values should be hidden" }, void 0)] }, void 0), _jsxs("div", { className: clsx('panel__content__form__section__toggler'), onClick: toggleHideStereotypes, children: [_jsx("button", { className: clsx('panel__content__form__section__toggler__btn', {
|
|
141
141
|
'panel__content__form__section__toggler__btn--toggled': classView.hideStereotypes,
|
|
142
|
-
}), disabled: isReadOnly
|
|
142
|
+
}), disabled: isReadOnly, children: classView.hideStereotypes ? (_jsx(CheckSquareIcon, {}, void 0)) : (_jsx(SquareIcon, {}, void 0)) }, void 0), _jsx("div", { className: "panel__content__form__section__toggler__prompt", children: "Specifies if stereotypes should be hidden" }, void 0)] }, void 0)] }, void 0) }, void 0))] }, void 0)] }, void 0));
|
|
143
143
|
});
|
|
144
144
|
const DiagramEditorOverlay = observer((props) => {
|
|
145
145
|
const { diagramEditorState } = props;
|
|
146
146
|
const sidePanelState = diagramEditorState.sidePanelState;
|
|
147
147
|
const resizeSidePanel = (handleProps) => diagramEditorState.sidePanelDisplayState.setSize(handleProps.domElement.getBoundingClientRect()
|
|
148
148
|
.width);
|
|
149
|
-
return (_jsxs(ResizablePanelGroup,
|
|
150
|
-
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
DiagramEditorClassViewEditorSidePanelState && (_jsx(DiagramEditorClassViewEditor, { classViewEditorState: sidePanelState }, void 0)), !sidePanelState && (_jsx(BlankPanelContent, { children: "No element selected" }, void 0))] }
|
|
149
|
+
return (_jsxs(ResizablePanelGroup, { className: "diagram-editor__overlay", orientation: "vertical", children: [_jsx(ResizablePanel, { minSize: 300, children: _jsx("div", { className: "diagram-editor__view-finder" }, void 0) }, void 0), _jsx(ResizablePanelSplitter, { className: "diagram-editor__overlay__panel-resizer" }, void 0), _jsx(ResizablePanel, { ...getControlledResizablePanelProps(diagramEditorState.sidePanelDisplayState.size === 0, {
|
|
150
|
+
classes: ['diagram-editor__overlay__panel'],
|
|
151
|
+
onStopResize: resizeSidePanel,
|
|
152
|
+
}), flex: 0, direction: -1, size: diagramEditorState.sidePanelDisplayState.size, children: _jsxs("div", { className: "panel diagram-editor__side-panel", children: [sidePanelState instanceof
|
|
153
|
+
DiagramEditorClassViewEditorSidePanelState && (_jsx(DiagramEditorClassViewEditor, { classViewEditorState: sidePanelState }, void 0)), !sidePanelState && (_jsx(BlankPanelContent, { children: "No element selected" }, void 0))] }, void 0) }, void 0)] }, void 0));
|
|
154
154
|
});
|
|
155
155
|
const DiagramEditorInlineClassRenamerInner = observer((props) => {
|
|
156
156
|
const { inlineClassRenamerState } = props;
|
|
@@ -187,7 +187,7 @@ const DiagramEditorInlineClassRenamerInner = observer((props) => {
|
|
|
187
187
|
useEffect(() => {
|
|
188
188
|
pathInputRef.current?.focus();
|
|
189
189
|
}, [inlineClassRenamerState]);
|
|
190
|
-
return (_jsxs("form",
|
|
190
|
+
return (_jsxs("form", { className: "diagram-editor__inline-class-creator", children: [_jsxs("div", { className: "input-group", children: [_jsx("input", { className: "diagram-editor__inline-class-creator__path input-group__input input--dark", ref: pathInputRef, disabled: isReadOnly, value: name, placeholder: "Enter class name", onChange: changePath }, void 0), classCreationValidationErrorMessage && (_jsx("div", { className: "input-group__error-message", children: classCreationValidationErrorMessage }, void 0))] }, void 0), _jsx("button", { type: "submit", className: "diagram-editor__inline-class-creator__close-btn", onClick: close }, void 0)] }, void 0));
|
|
191
191
|
});
|
|
192
192
|
const DiagramEditorInlineClassRenamer = observer((props) => {
|
|
193
193
|
const { diagramEditorState } = props;
|
|
@@ -198,12 +198,12 @@ const DiagramEditorInlineClassRenamer = observer((props) => {
|
|
|
198
198
|
const anchorPositionPoint = inlineClassRenamerState
|
|
199
199
|
? diagramEditorState.renderer.canvasCoordinateToEventCoordinate(diagramEditorState.renderer.modelCoordinateToCanvasCoordinate(inlineClassRenamerState.point))
|
|
200
200
|
: new Point(0, 0);
|
|
201
|
-
return (_jsx(BasePopover,
|
|
201
|
+
return (_jsx(BasePopover, { onClose: closeEditor, anchorPosition: {
|
|
202
202
|
left: anchorPositionPoint.x,
|
|
203
203
|
top: anchorPositionPoint.y,
|
|
204
204
|
}, anchorReference: "anchorPosition", open: Boolean(inlineClassRenamerState), BackdropProps: {
|
|
205
205
|
invisible: true,
|
|
206
|
-
}, elevation: 0, marginThreshold: 0, disableRestoreFocus: true
|
|
206
|
+
}, elevation: 0, marginThreshold: 0, disableRestoreFocus: true, children: _jsx("div", { className: "diagram-editor__inline-class-creator__container", children: inlineClassRenamerState && (_jsx(DiagramEditorInlineClassRenamerInner, { inlineClassRenamerState: inlineClassRenamerState }, void 0)) }, void 0) }, void 0));
|
|
207
207
|
});
|
|
208
208
|
const DiagramEditorInlineClassCreatorInner = observer((props) => {
|
|
209
209
|
const { inlineClassCreatorState } = props;
|
|
@@ -246,7 +246,7 @@ const DiagramEditorInlineClassCreatorInner = observer((props) => {
|
|
|
246
246
|
useEffect(() => {
|
|
247
247
|
pathInputRef.current?.focus();
|
|
248
248
|
}, [inlineClassCreatorState]);
|
|
249
|
-
return (_jsxs("form",
|
|
249
|
+
return (_jsxs("form", { className: "diagram-editor__inline-class-creator", children: [_jsxs("div", { className: "input-group", children: [_jsx("input", { className: "diagram-editor__inline-class-creator__path input-group__input input--dark", ref: pathInputRef, disabled: isReadOnly, value: path, placeholder: "Enter class path", onChange: changePath }, void 0), classCreationValidationErrorMessage && (_jsx("div", { className: "input-group__error-message", children: classCreationValidationErrorMessage }, void 0))] }, void 0), _jsx("button", { type: "submit", className: "diagram-editor__inline-class-creator__close-btn", onClick: close }, void 0)] }, void 0));
|
|
250
250
|
});
|
|
251
251
|
const DiagramEditorInlineClassCreator = observer((props) => {
|
|
252
252
|
const { diagramEditorState } = props;
|
|
@@ -257,12 +257,12 @@ const DiagramEditorInlineClassCreator = observer((props) => {
|
|
|
257
257
|
const anchorPositionPoint = inlineClassCreatorState
|
|
258
258
|
? diagramEditorState.renderer.canvasCoordinateToEventCoordinate(diagramEditorState.renderer.modelCoordinateToCanvasCoordinate(inlineClassCreatorState.point))
|
|
259
259
|
: new Point(0, 0);
|
|
260
|
-
return (_jsx(BasePopover,
|
|
260
|
+
return (_jsx(BasePopover, { onClose: closeEditor, anchorPosition: {
|
|
261
261
|
left: anchorPositionPoint.x,
|
|
262
262
|
top: anchorPositionPoint.y,
|
|
263
263
|
}, anchorReference: "anchorPosition", open: Boolean(inlineClassCreatorState), BackdropProps: {
|
|
264
264
|
invisible: true,
|
|
265
|
-
}, elevation: 0, marginThreshold: 0, disableRestoreFocus: true
|
|
265
|
+
}, elevation: 0, marginThreshold: 0, disableRestoreFocus: true, children: _jsx("div", { className: "diagram-editor__inline-class-creator__container", children: inlineClassCreatorState && (_jsx(DiagramEditorInlineClassCreatorInner, { inlineClassCreatorState: inlineClassCreatorState }, void 0)) }, void 0) }, void 0));
|
|
266
266
|
});
|
|
267
267
|
const DiagramEditorInlinePropertyMultiplicityEditor = observer((props) => {
|
|
268
268
|
const { value, updateValue, isReadOnly } = props;
|
|
@@ -287,7 +287,7 @@ const DiagramEditorInlinePropertyMultiplicityEditor = observer((props) => {
|
|
|
287
287
|
setUpperBound(event.target.value);
|
|
288
288
|
updateMultiplicity(lowerBound, event.target.value);
|
|
289
289
|
};
|
|
290
|
-
return (_jsxs("div",
|
|
290
|
+
return (_jsxs("div", { className: "diagram-editor__inline-property-editor__multiplicity-editor", children: [_jsx("input", { className: "diagram-editor__inline-property-editor__multiplicity-editor__bound input--dark", disabled: isReadOnly, spellCheck: false, value: lowerBound, onChange: changeLowerBound }, void 0), _jsx("div", { className: "diagram-editor__inline-property-editor__multiplicity-editor__range", children: ".." }, void 0), _jsx("input", { className: "diagram-editor__inline-property-editor__multiplicity-editor__bound input--dark", disabled: isReadOnly, spellCheck: false, value: upperBound, onChange: changeUpperBound }, void 0)] }, void 0));
|
|
291
291
|
});
|
|
292
292
|
const DiagramEditorInlinePropertyEditorInner = observer((props) => {
|
|
293
293
|
const { inlinePropertyEditorState } = props;
|
|
@@ -332,9 +332,9 @@ const DiagramEditorInlinePropertyEditorInner = observer((props) => {
|
|
|
332
332
|
useEffect(() => {
|
|
333
333
|
propertyNameInputRef.current?.focus();
|
|
334
334
|
}, [inlinePropertyEditorState]);
|
|
335
|
-
return (_jsxs("form",
|
|
335
|
+
return (_jsxs("form", { className: clsx('diagram-editor__inline-property-editor', {
|
|
336
336
|
'diagram-editor__inline-property-editor--with-type': !inlinePropertyEditorState.isEditingPropertyView,
|
|
337
|
-
})
|
|
337
|
+
}), children: [_jsx("input", { className: "diagram-editor__inline-property-editor__name input--dark", ref: propertyNameInputRef, disabled: isReadOnly, value: property.name, onChange: changePropertyName }, void 0), !inlinePropertyEditorState.isEditingPropertyView && (_jsx(CustomSelectorInput, { className: "diagram-editor__inline-property-editor__type", disabled: isReadOnly, options: propertyTypeOptions, onChange: changePropertyType, value: selectedPropertyType, placeholder: "Choose a data type or enumeration", darkMode: true, filterOption: propertyTypeFilterOption }, void 0)), _jsx(DiagramEditorInlinePropertyMultiplicityEditor, { isReadOnly: isReadOnly, value: property.multiplicity, updateValue: changeMultiplicity }, void 0), _jsx("button", { type: "submit", className: "diagram-editor__inline-property-editor__close-btn", onClick: close }, void 0)] }, void 0));
|
|
338
338
|
});
|
|
339
339
|
const DiagramEditorInlinePropertyEditor = observer((props) => {
|
|
340
340
|
const { diagramEditorState } = props;
|
|
@@ -345,12 +345,12 @@ const DiagramEditorInlinePropertyEditor = observer((props) => {
|
|
|
345
345
|
const anchorPositionPoint = inlinePropertyEditorState
|
|
346
346
|
? diagramEditorState.renderer.canvasCoordinateToEventCoordinate(diagramEditorState.renderer.modelCoordinateToCanvasCoordinate(inlinePropertyEditorState.point))
|
|
347
347
|
: new Point(0, 0);
|
|
348
|
-
return (_jsx(BasePopover,
|
|
348
|
+
return (_jsx(BasePopover, { onClose: closeEditor, anchorPosition: {
|
|
349
349
|
left: anchorPositionPoint.x,
|
|
350
350
|
top: anchorPositionPoint.y,
|
|
351
351
|
}, anchorReference: "anchorPosition", open: Boolean(inlinePropertyEditorState), BackdropProps: {
|
|
352
352
|
invisible: true,
|
|
353
|
-
}, elevation: 0, marginThreshold: 0, disableRestoreFocus: true
|
|
353
|
+
}, elevation: 0, marginThreshold: 0, disableRestoreFocus: true, children: _jsx("div", { className: "diagram-editor__inline-property-editor__container", children: inlinePropertyEditorState && (_jsx(DiagramEditorInlinePropertyEditorInner, { inlinePropertyEditorState: inlinePropertyEditorState }, void 0)) }, void 0) }, void 0));
|
|
354
354
|
});
|
|
355
355
|
const DiagramEditorDiagramCanvas = observer((props, ref) => {
|
|
356
356
|
const { diagramEditorState } = props;
|
|
@@ -408,19 +408,19 @@ const DiagramEditorHeader = observer((props) => {
|
|
|
408
408
|
diagramEditorState.setSidePanelState(undefined);
|
|
409
409
|
}
|
|
410
410
|
};
|
|
411
|
-
return (_jsxs(_Fragment, { children: [_jsxs(DropdownMenu,
|
|
411
|
+
return (_jsxs(_Fragment, { children: [_jsxs(DropdownMenu, { className: "diagram-editor__header__dropdown", content: _jsxs(MenuContent, { children: [_jsx(MenuContentItem, { className: "diagram-editor__header__zoomer__dropdown__menu__item", onClick: zoomToFit, children: "Fit" }, void 0), _jsx(MenuContentDivider, {}, void 0), DIAGRAM_ZOOM_LEVELS.map((zoomLevel) => (_jsxs(MenuContentItem, { className: "diagram-editor__header__zoomer__dropdown__menu__item", onClick: createCenterZoomer(zoomLevel), children: [zoomLevel, "%"] }, zoomLevel)))] }, void 0), menuProps: {
|
|
412
412
|
anchorOrigin: { vertical: 'bottom', horizontal: 'right' },
|
|
413
413
|
transformOrigin: { vertical: 'top', horizontal: 'right' },
|
|
414
414
|
elevation: 7,
|
|
415
|
-
}
|
|
415
|
+
}, children: [_jsxs("button", { className: "diagram-editor__header__dropdown__label diagram-editor__header__zoomer__dropdown__label", tabIndex: -1, title: "Zoom...", children: [Math.round(diagramEditorState.renderer.zoom * 100), "%"] }, void 0), _jsx("div", { className: "diagram-editor__header__dropdown__trigger diagram-editor__header__zoomer__dropdown__trigger", children: _jsx(CaretDownIcon, {}, void 0) }, void 0)] }, void 0), _jsx("div", { className: "diagram-editor__header__actions", children: _jsx("button", { className: clsx('diagram-editor__header__action', {
|
|
416
416
|
'diagram-editor__header__action--active': diagramEditorState.sidePanelDisplayState.isOpen,
|
|
417
|
-
}), tabIndex: -1, onClick: toggleSidePanel
|
|
417
|
+
}), tabIndex: -1, onClick: toggleSidePanel, children: _jsx(FiSidebar, { className: "diagram-editor__icon--sidebar" }, void 0) }, void 0) }, void 0)] }, void 0));
|
|
418
418
|
});
|
|
419
419
|
export const DiagramEditor = observer(() => {
|
|
420
420
|
const editorStore = useEditorStore();
|
|
421
421
|
const diagramEditorState = editorStore.getCurrentEditorState(DiagramEditorState);
|
|
422
422
|
const diagramCanvasRef = useRef(null);
|
|
423
423
|
const onContextMenuClose = () => diagramEditorState.closeContextMenu();
|
|
424
|
-
return (_jsxs("div",
|
|
424
|
+
return (_jsxs("div", { className: "diagram-editor", children: [_jsx("div", { className: "diagram-editor__header", children: diagramEditorState.isDiagramRendererInitialized && (_jsx(DiagramEditorHeader, { diagramEditorState: diagramEditorState }, void 0)) }, void 0), _jsxs("div", { className: "diagram-editor__content", children: [diagramEditorState.isDiagramRendererInitialized && (_jsx(DiagramEditorOverlay, { diagramEditorState: diagramEditorState }, void 0)), _jsxs(ContextMenu, { className: "diagram-editor__stage", content: _jsx(DiagramEditorContextMenu, { diagramEditorState: diagramEditorState }, void 0), disabled: !diagramEditorState.showContextMenu, menuProps: { elevation: 7 }, onClose: onContextMenuClose, children: [diagramEditorState.isDiagramRendererInitialized && (_jsx(DiagramEditorToolPanel, { diagramEditorState: diagramEditorState }, void 0)), _jsx(DiagramEditorDiagramCanvas, { diagramEditorState: diagramEditorState, ref: diagramCanvasRef }, void 0), diagramEditorState.isDiagramRendererInitialized && (_jsxs(_Fragment, { children: [_jsx(DiagramEditorInlinePropertyEditor, { diagramEditorState: diagramEditorState }, void 0), _jsx(DiagramEditorInlineClassCreator, { diagramEditorState: diagramEditorState }, void 0), _jsx(DiagramEditorInlineClassRenamer, { diagramEditorState: diagramEditorState }, void 0)] }, void 0))] }, void 0)] }, void 0)] }, void 0));
|
|
425
425
|
});
|
|
426
426
|
//# sourceMappingURL=DiagramEditor.js.map
|