@knotx/plugins-base-render 0.0.7 → 0.0.8

package/dist/index.cjs

@@ -87,11 +87,11 @@ var __privateIn = (member, obj) => Object(obj) !== obj ? __typeError('Cannot use
 var __privateGet = (obj, member, getter) => (__accessCheck(obj, member, "read from private field"), getter ? getter.call(obj) : member.get(obj));
 var __privateSet = (obj, member, value, setter) => (__accessCheck(obj, member, "write to private field"), setter ? setter.call(obj, value) : member.set(obj, value), value);
 var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "access private method"), method);
-var _edgesLayer_dec, _nodesLayer_dec, _registerNodeLevelGetter_dec, _registerNodePositionGetter_dec, _registerNodeFilter_dec, _edge_dec, _edgeMapVersion_dec, _draftNode_dec, _node_dec, _nodeMapVersion_dec, _getEdgeRenderer_dec, _getNodeRenderer_dec, _edges_dec, _nodes_dec, _a, _init;
+var _edgesLayer_dec, _nodesLayer_dec, _registerNodeLevelGetter_dec, _registerNodePositionGetter_dec, _registerNodeFilter_dec, _defaultEdgeType_dec, _defaultNodeType_dec, _edge_dec, _edgeMapVersion_dec, _draftNode_dec, _node_dec, _nodeMapVersion_dec, _getEdgeRenderer_dec, _getNodeRenderer_dec, _edges_dec, _nodes_dec, _a, _init;
 const _BaseRender = class _BaseRender extends (_a = core.BasePlugin, _nodes_dec = [decorators.inject.nodes()], _edges_dec = [decorators.inject.edges()], _getNodeRenderer_dec = [decorators.inject.getNodeRenderer()], _getEdgeRenderer_dec = [decorators.inject.getEdgeRenderer()], _nodeMapVersion_dec = [decorators.inject((injectable) => injectable.nodesManager.mapVersion$.value)], _node_dec = [decorators.inject((injectable, context) => injectable.nodesManager.dataMap$.value.get(context.node))], _draftNode_dec = [decorators.inject((injectable, context) => {
   var _a2, _b;
   return ((_b = (_a2 = injectable.nodesManager.currentDraftDataMap$) == null ? void 0 : _a2.value) == null ? void 0 : _b.get(context.node)) || void 0;
-})], _edgeMapVersion_dec = [decorators.inject((injectable) => injectable.edgesManager.mapVersion$.value)], _edge_dec = [decorators.inject((injectable, context) => injectable.edgesManager.dataMap$.value.get(context.edge))], _registerNodeFilter_dec = [decorators.register("registerNodeFilter")], _registerNodePositionGetter_dec = [decorators.register("registerNodePositionGetter")], _registerNodeLevelGetter_dec = [decorators.register("registerNodeLevelGetter")], _nodesLayer_dec = [decorators.layer(core.Layer.Nodes)], _edgesLayer_dec = [decorators.layer(core.Layer.Edges)], _a) {
+})], _edgeMapVersion_dec = [decorators.inject((injectable) => injectable.edgesManager.mapVersion$.value)], _edge_dec = [decorators.inject((injectable, context) => injectable.edgesManager.dataMap$.value.get(context.edge))], _defaultNodeType_dec = [decorators.nodeType("default")], _defaultEdgeType_dec = [decorators.edgeType("default")], _registerNodeFilter_dec = [decorators.register("registerNodeFilter")], _registerNodePositionGetter_dec = [decorators.register("registerNodePositionGetter")], _registerNodeLevelGetter_dec = [decorators.register("registerNodeLevelGetter")], _nodesLayer_dec = [decorators.layer(core.Layer.Nodes)], _edgesLayer_dec = [decorators.layer(core.Layer.Edges)], _a) {
   constructor() {
     super(...arguments);
     __runInitializers(_init, 5, this);
@@ -108,25 +108,27 @@ const _BaseRender = class _BaseRender extends (_a = core.BasePlugin, _nodes_dec
     __publicField(this, "nodeFilters", new rxjs.BehaviorSubject([]));
     __publicField(this, "nodePositionGetter", new rxjs.BehaviorSubject({}));
     __publicField(this, "nodeLevelGetter", new rxjs.BehaviorSubject([]));
-    __publicField(this, "registerNodeFilter", __runInitializers(_init, 44, this, (filter) => {
+    __publicField(this, "defaultNodeType", __runInitializers(_init, 44, this, (props) => props.node.id)), __runInitializers(_init, 47, this);
+    __publicField(this, "defaultEdgeType", __runInitializers(_init, 48, this, render.StraightEdge)), __runInitializers(_init, 51, this);
+    __publicField(this, "registerNodeFilter", __runInitializers(_init, 52, this, (filter) => {
       this.nodeFilters.next([...this.nodeFilters.value, filter]);
       return () => {
         this.nodeFilters.next(this.nodeFilters.value.filter((f) => f !== filter));
       };
-    })), __runInitializers(_init, 47, this);
-    __publicField(this, "registerNodePositionGetter", __runInitializers(_init, 48, this, (type, getter) => {
+    })), __runInitializers(_init, 55, this);
+    __publicField(this, "registerNodePositionGetter", __runInitializers(_init, 56, this, (type, getter) => {
       this.nodePositionGetter.next(__spreadProps(__spreadValues({}, this.nodePositionGetter.value), { [type]: getter }));
       return () => {
         const _a2 = this.nodePositionGetter.value, { [type]: _ } = _a2, rest = __objRest(_a2, [__restKey(type)]);
         this.nodePositionGetter.next(rest);
       };
-    })), __runInitializers(_init, 51, this);
-    __publicField(this, "registerNodeLevelGetter", __runInitializers(_init, 52, this, (getter) => {
+    })), __runInitializers(_init, 59, this);
+    __publicField(this, "registerNodeLevelGetter", __runInitializers(_init, 60, this, (getter) => {
       this.nodeLevelGetter.next([...this.nodeLevelGetter.value, getter]);
       return () => {
         this.nodeLevelGetter.next(this.nodeLevelGetter.value.filter((g) => g !== getter));
       };
-    })), __runInitializers(_init, 55, this);
+    })), __runInitializers(_init, 63, this);
   }
   nodesLayer() {
     const useNode = (id) => {
@@ -138,7 +140,7 @@ const _BaseRender = class _BaseRender extends (_a = core.BasePlugin, _nodes_dec
       core.use(() => this.nodeMapVersion);
       return this.nodes.filter((node) => this.nodeFilters.value.every((filter) => filter(node)));
     };
-    const getNodeRenderer = (type) => this.getNodeRenderer(type) || _BaseRender.DEFAULT_NODE_RENDERER;
+    const getNodeRenderer = (type) => this.getNodeRenderer(type != null ? type : "default") || this.defaultNodeType;
     const getNodePosition = (node) => {
       var _a2, _b;
       return ((_b = (_a2 = this.nodePositionGetter.value)[node.type]) == null ? void 0 : _b.call(_a2, node)) || node.position;
@@ -168,7 +170,7 @@ const _BaseRender = class _BaseRender extends (_a = core.BasePlugin, _nodes_dec
       core.use(() => this.edgeMapVersion);
       return this.edges;
     };
-    const getEdgeRenderer = (type) => this.getEdgeRenderer(type) || _BaseRender.DEFAULT_EDGE_RENDERER;
+    const getEdgeRenderer = (type) => this.getEdgeRenderer(type != null ? type : "default") || this.defaultEdgeType;
     return _BaseRender.DEFAULT_EDGES_RENDERER({
       useEdge,
       useEdges,
@@ -189,6 +191,8 @@ __decorateElement(_init, 5, "node", _node_dec, _BaseRender);
 __decorateElement(_init, 5, "draftNode", _draftNode_dec, _BaseRender);
 __decorateElement(_init, 5, "edgeMapVersion", _edgeMapVersion_dec, _BaseRender);
 __decorateElement(_init, 5, "edge", _edge_dec, _BaseRender);
+__decorateElement(_init, 5, "defaultNodeType", _defaultNodeType_dec, _BaseRender);
+__decorateElement(_init, 5, "defaultEdgeType", _defaultEdgeType_dec, _BaseRender);
 __decorateElement(_init, 5, "registerNodeFilter", _registerNodeFilter_dec, _BaseRender);
 __decorateElement(_init, 5, "registerNodePositionGetter", _registerNodePositionGetter_dec, _BaseRender);
 __decorateElement(_init, 5, "registerNodeLevelGetter", _registerNodeLevelGetter_dec, _BaseRender);
@@ -210,7 +214,7 @@ __publicField(_BaseRender, "DEFAULT_NODE_WRAPPER", ({
   return /* @__PURE__ */ jsxRuntime.jsx(
     "div",
     {
-      className: _BaseRender.NODE_WRAPPER_CLASSNAME,
+      className: core.bem("node", "wrapper"),
       style: {
         position: "absolute",
         transform: `translate(${position.x}px, ${position.y}px)`,
@@ -260,7 +264,7 @@ __publicField(_BaseRender, "DEFAULT_EDGE_WRAPPER", ({
   if (!edge) {
     return null;
   }
-  const EdgeRenderer = getEdgeRenderer(edge.type) || _BaseRender.DEFAULT_EDGE_RENDERER;
+  const EdgeRenderer = getEdgeRenderer(edge.type);
   const source = useNode(edge.source);
   const target = useNode(edge.target);
   if (!source || !target) {
@@ -303,9 +307,6 @@ __publicField(_BaseRender, "DEFAULT_EDGES_RENDERER", ({
     );
   });
 });
-__publicField(_BaseRender, "NODE_WRAPPER_CLASSNAME", core.bem("node", "wrapper"));
-__publicField(_BaseRender, "DEFAULT_NODE_RENDERER", (props) => props.node.id);
-__publicField(_BaseRender, "DEFAULT_EDGE_RENDERER", render.StraightEdge);
 let BaseRender = _BaseRender;
 
 exports.BaseRender = BaseRender;

package/dist/index.d.cts

@@ -23,6 +23,8 @@ declare class BaseRender extends BasePlugin<'baseRender'> {
     private nodeFilters;
     private nodePositionGetter;
     private nodeLevelGetter;
+    private defaultNodeType;
+    private defaultEdgeType;
     registerNodeFilter: (filter: (node: NodeData) => boolean) => (() => void);
     registerNodePositionGetter: (type: string, getter: (node: NodeData) => NodePosition | undefined) => (() => void);
     registerNodeLevelGetter: (getter: (node: NodeData) => number | undefined) => (() => void);
@@ -56,9 +58,6 @@ declare class BaseRender extends BasePlugin<'baseRender'> {
         useNode: (id: string) => NodeData | undefined;
         getEdgeRenderer: (type?: string) => EdgeRenderType;
     }) => JSX.Element[];
-    static NODE_WRAPPER_CLASSNAME: string;
-    static DEFAULT_NODE_RENDERER: NodeRenderType;
-    static DEFAULT_EDGE_RENDERER: EdgeRenderType;
 }
 
 export { BaseRender };

package/dist/index.d.mts

@@ -23,6 +23,8 @@ declare class BaseRender extends BasePlugin<'baseRender'> {
     private nodeFilters;
     private nodePositionGetter;
     private nodeLevelGetter;
+    private defaultNodeType;
+    private defaultEdgeType;
     registerNodeFilter: (filter: (node: NodeData) => boolean) => (() => void);
     registerNodePositionGetter: (type: string, getter: (node: NodeData) => NodePosition | undefined) => (() => void);
     registerNodeLevelGetter: (getter: (node: NodeData) => number | undefined) => (() => void);
@@ -56,9 +58,6 @@ declare class BaseRender extends BasePlugin<'baseRender'> {
         useNode: (id: string) => NodeData | undefined;
         getEdgeRenderer: (type?: string) => EdgeRenderType;
     }) => JSX.Element[];
-    static NODE_WRAPPER_CLASSNAME: string;
-    static DEFAULT_NODE_RENDERER: NodeRenderType;
-    static DEFAULT_EDGE_RENDERER: EdgeRenderType;
 }
 
 export { BaseRender };

package/dist/index.d.ts

@@ -23,6 +23,8 @@ declare class BaseRender extends BasePlugin<'baseRender'> {
     private nodeFilters;
     private nodePositionGetter;
     private nodeLevelGetter;
+    private defaultNodeType;
+    private defaultEdgeType;
     registerNodeFilter: (filter: (node: NodeData) => boolean) => (() => void);
     registerNodePositionGetter: (type: string, getter: (node: NodeData) => NodePosition | undefined) => (() => void);
     registerNodeLevelGetter: (getter: (node: NodeData) => number | undefined) => (() => void);
@@ -56,9 +58,6 @@ declare class BaseRender extends BasePlugin<'baseRender'> {
         useNode: (id: string) => NodeData | undefined;
         getEdgeRenderer: (type?: string) => EdgeRenderType;
     }) => JSX.Element[];
-    static NODE_WRAPPER_CLASSNAME: string;
-    static DEFAULT_NODE_RENDERER: NodeRenderType;
-    static DEFAULT_EDGE_RENDERER: EdgeRenderType;
 }
 
 export { BaseRender };

package/dist/index.mjs

@@ -1,6 +1,6 @@
 import { jsx } from '@knotx/jsx/jsx-runtime';
-import { Layer, use, bem, BasePlugin } from '@knotx/core';
-import { inject, register, layer } from '@knotx/decorators';
+import { Layer, use, BasePlugin, bem } from '@knotx/core';
+import { inject, nodeType, edgeType, register, layer } from '@knotx/decorators';
 import { StraightEdge } from '@knotx/render';
 import { BehaviorSubject } from 'rxjs';
 
@@ -85,11 +85,11 @@ var __privateIn = (member, obj) => Object(obj) !== obj ? __typeError('Cannot use
 var __privateGet = (obj, member, getter) => (__accessCheck(obj, member, "read from private field"), getter ? getter.call(obj) : member.get(obj));
 var __privateSet = (obj, member, value, setter) => (__accessCheck(obj, member, "write to private field"), setter ? setter.call(obj, value) : member.set(obj, value), value);
 var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "access private method"), method);
-var _edgesLayer_dec, _nodesLayer_dec, _registerNodeLevelGetter_dec, _registerNodePositionGetter_dec, _registerNodeFilter_dec, _edge_dec, _edgeMapVersion_dec, _draftNode_dec, _node_dec, _nodeMapVersion_dec, _getEdgeRenderer_dec, _getNodeRenderer_dec, _edges_dec, _nodes_dec, _a, _init;
+var _edgesLayer_dec, _nodesLayer_dec, _registerNodeLevelGetter_dec, _registerNodePositionGetter_dec, _registerNodeFilter_dec, _defaultEdgeType_dec, _defaultNodeType_dec, _edge_dec, _edgeMapVersion_dec, _draftNode_dec, _node_dec, _nodeMapVersion_dec, _getEdgeRenderer_dec, _getNodeRenderer_dec, _edges_dec, _nodes_dec, _a, _init;
 const _BaseRender = class _BaseRender extends (_a = BasePlugin, _nodes_dec = [inject.nodes()], _edges_dec = [inject.edges()], _getNodeRenderer_dec = [inject.getNodeRenderer()], _getEdgeRenderer_dec = [inject.getEdgeRenderer()], _nodeMapVersion_dec = [inject((injectable) => injectable.nodesManager.mapVersion$.value)], _node_dec = [inject((injectable, context) => injectable.nodesManager.dataMap$.value.get(context.node))], _draftNode_dec = [inject((injectable, context) => {
   var _a2, _b;
   return ((_b = (_a2 = injectable.nodesManager.currentDraftDataMap$) == null ? void 0 : _a2.value) == null ? void 0 : _b.get(context.node)) || void 0;
-})], _edgeMapVersion_dec = [inject((injectable) => injectable.edgesManager.mapVersion$.value)], _edge_dec = [inject((injectable, context) => injectable.edgesManager.dataMap$.value.get(context.edge))], _registerNodeFilter_dec = [register("registerNodeFilter")], _registerNodePositionGetter_dec = [register("registerNodePositionGetter")], _registerNodeLevelGetter_dec = [register("registerNodeLevelGetter")], _nodesLayer_dec = [layer(Layer.Nodes)], _edgesLayer_dec = [layer(Layer.Edges)], _a) {
+})], _edgeMapVersion_dec = [inject((injectable) => injectable.edgesManager.mapVersion$.value)], _edge_dec = [inject((injectable, context) => injectable.edgesManager.dataMap$.value.get(context.edge))], _defaultNodeType_dec = [nodeType("default")], _defaultEdgeType_dec = [edgeType("default")], _registerNodeFilter_dec = [register("registerNodeFilter")], _registerNodePositionGetter_dec = [register("registerNodePositionGetter")], _registerNodeLevelGetter_dec = [register("registerNodeLevelGetter")], _nodesLayer_dec = [layer(Layer.Nodes)], _edgesLayer_dec = [layer(Layer.Edges)], _a) {
   constructor() {
     super(...arguments);
     __runInitializers(_init, 5, this);
@@ -106,25 +106,27 @@ const _BaseRender = class _BaseRender extends (_a = BasePlugin, _nodes_dec = [in
     __publicField(this, "nodeFilters", new BehaviorSubject([]));
     __publicField(this, "nodePositionGetter", new BehaviorSubject({}));
     __publicField(this, "nodeLevelGetter", new BehaviorSubject([]));
-    __publicField(this, "registerNodeFilter", __runInitializers(_init, 44, this, (filter) => {
+    __publicField(this, "defaultNodeType", __runInitializers(_init, 44, this, (props) => props.node.id)), __runInitializers(_init, 47, this);
+    __publicField(this, "defaultEdgeType", __runInitializers(_init, 48, this, StraightEdge)), __runInitializers(_init, 51, this);
+    __publicField(this, "registerNodeFilter", __runInitializers(_init, 52, this, (filter) => {
       this.nodeFilters.next([...this.nodeFilters.value, filter]);
       return () => {
         this.nodeFilters.next(this.nodeFilters.value.filter((f) => f !== filter));
       };
-    })), __runInitializers(_init, 47, this);
-    __publicField(this, "registerNodePositionGetter", __runInitializers(_init, 48, this, (type, getter) => {
+    })), __runInitializers(_init, 55, this);
+    __publicField(this, "registerNodePositionGetter", __runInitializers(_init, 56, this, (type, getter) => {
       this.nodePositionGetter.next(__spreadProps(__spreadValues({}, this.nodePositionGetter.value), { [type]: getter }));
       return () => {
         const _a2 = this.nodePositionGetter.value, { [type]: _ } = _a2, rest = __objRest(_a2, [__restKey(type)]);
         this.nodePositionGetter.next(rest);
       };
-    })), __runInitializers(_init, 51, this);
-    __publicField(this, "registerNodeLevelGetter", __runInitializers(_init, 52, this, (getter) => {
+    })), __runInitializers(_init, 59, this);
+    __publicField(this, "registerNodeLevelGetter", __runInitializers(_init, 60, this, (getter) => {
       this.nodeLevelGetter.next([...this.nodeLevelGetter.value, getter]);
       return () => {
         this.nodeLevelGetter.next(this.nodeLevelGetter.value.filter((g) => g !== getter));
       };
-    })), __runInitializers(_init, 55, this);
+    })), __runInitializers(_init, 63, this);
   }
   nodesLayer() {
     const useNode = (id) => {
@@ -136,7 +138,7 @@ const _BaseRender = class _BaseRender extends (_a = BasePlugin, _nodes_dec = [in
       use(() => this.nodeMapVersion);
       return this.nodes.filter((node) => this.nodeFilters.value.every((filter) => filter(node)));
     };
-    const getNodeRenderer = (type) => this.getNodeRenderer(type) || _BaseRender.DEFAULT_NODE_RENDERER;
+    const getNodeRenderer = (type) => this.getNodeRenderer(type != null ? type : "default") || this.defaultNodeType;
     const getNodePosition = (node) => {
       var _a2, _b;
       return ((_b = (_a2 = this.nodePositionGetter.value)[node.type]) == null ? void 0 : _b.call(_a2, node)) || node.position;
@@ -166,7 +168,7 @@ const _BaseRender = class _BaseRender extends (_a = BasePlugin, _nodes_dec = [in
       use(() => this.edgeMapVersion);
       return this.edges;
     };
-    const getEdgeRenderer = (type) => this.getEdgeRenderer(type) || _BaseRender.DEFAULT_EDGE_RENDERER;
+    const getEdgeRenderer = (type) => this.getEdgeRenderer(type != null ? type : "default") || this.defaultEdgeType;
     return _BaseRender.DEFAULT_EDGES_RENDERER({
       useEdge,
       useEdges,
@@ -187,6 +189,8 @@ __decorateElement(_init, 5, "node", _node_dec, _BaseRender);
 __decorateElement(_init, 5, "draftNode", _draftNode_dec, _BaseRender);
 __decorateElement(_init, 5, "edgeMapVersion", _edgeMapVersion_dec, _BaseRender);
 __decorateElement(_init, 5, "edge", _edge_dec, _BaseRender);
+__decorateElement(_init, 5, "defaultNodeType", _defaultNodeType_dec, _BaseRender);
+__decorateElement(_init, 5, "defaultEdgeType", _defaultEdgeType_dec, _BaseRender);
 __decorateElement(_init, 5, "registerNodeFilter", _registerNodeFilter_dec, _BaseRender);
 __decorateElement(_init, 5, "registerNodePositionGetter", _registerNodePositionGetter_dec, _BaseRender);
 __decorateElement(_init, 5, "registerNodeLevelGetter", _registerNodeLevelGetter_dec, _BaseRender);
@@ -208,7 +212,7 @@ __publicField(_BaseRender, "DEFAULT_NODE_WRAPPER", ({
   return /* @__PURE__ */ jsx(
     "div",
     {
-      className: _BaseRender.NODE_WRAPPER_CLASSNAME,
+      className: bem("node", "wrapper"),
       style: {
         position: "absolute",
         transform: `translate(${position.x}px, ${position.y}px)`,
@@ -258,7 +262,7 @@ __publicField(_BaseRender, "DEFAULT_EDGE_WRAPPER", ({
   if (!edge) {
     return null;
   }
-  const EdgeRenderer = getEdgeRenderer(edge.type) || _BaseRender.DEFAULT_EDGE_RENDERER;
+  const EdgeRenderer = getEdgeRenderer(edge.type);
   const source = useNode(edge.source);
   const target = useNode(edge.target);
   if (!source || !target) {
@@ -301,9 +305,6 @@ __publicField(_BaseRender, "DEFAULT_EDGES_RENDERER", ({
     );
   });
 });
-__publicField(_BaseRender, "NODE_WRAPPER_CLASSNAME", bem("node", "wrapper"));
-__publicField(_BaseRender, "DEFAULT_NODE_RENDERER", (props) => props.node.id);
-__publicField(_BaseRender, "DEFAULT_EDGE_RENDERER", StraightEdge);
 let BaseRender = _BaseRender;
 
 export { BaseRender };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@knotx/plugins-base-render",
   "type": "module",
-  "version": "0.0.7",
+  "version": "0.0.8",
   "description": "Base Render Plugin for Knotx",
   "author": "boenfu",
   "license": "MIT",
@@ -30,15 +30,15 @@
   ],
   "dependencies": {
     "rxjs": "^7.8.1",
-    "@knotx/core": "0.0.5",
-    "@knotx/decorators": "0.0.5",
-    "@knotx/render": "0.0.7"
+    "@knotx/core": "0.0.6",
+    "@knotx/decorators": "0.0.6",
+    "@knotx/render": "0.0.8"
   },
   "devDependencies": {
-    "@knotx/build-config": "0.0.5",
-    "@knotx/eslint-config": "0.0.5",
-    "@knotx/jsx": "0.0.5",
-    "@knotx/typescript-config": "0.0.5"
+    "@knotx/build-config": "0.0.6",
+    "@knotx/eslint-config": "0.0.6",
+    "@knotx/jsx": "0.0.6",
+    "@knotx/typescript-config": "0.0.6"
   },
   "scripts": {
     "build": "unbuild --failOnWarn=false",