@knotx/react 0.4.4 → 0.4.6

package/dist/index.cjs

@@ -1,12 +1,53 @@
 'use strict';
 
 const jsxRuntime = require('react/jsx-runtime');
-const core = require('@knotx/core');
 const react = require('react');
+const core = require('@knotx/core');
 const rxjs = require('rxjs');
 const operators = require('rxjs/operators');
 const pluginsBaseRender = require('@knotx/plugins-base-render');
 
+function initReactEngine({
+  container,
+  nodes = [],
+  edges = [],
+  plugins = [],
+  pluginConfig = {}
+}) {
+  return new core.Engine({
+    container,
+    nodes,
+    edges,
+    plugins,
+    pluginConfig,
+    runtime: {
+      render: {
+        getValue: (subject, { selector, context }) => {
+          const contextRef = react.useRef(context);
+          contextRef.current = context;
+          const [state, setState] = react.useState(
+            () => selector ? selector(
+              subject instanceof rxjs.BehaviorSubject ? subject.value : subject,
+              contextRef.current
+            ) : subject instanceof rxjs.BehaviorSubject ? subject.value : subject
+          );
+          react.useEffect(() => {
+            if (!(subject instanceof rxjs.BehaviorSubject)) {
+              return;
+            }
+            const subscription = subject.pipe(
+              operators.map((value) => selector ? selector(value, contextRef.current) : value),
+              operators.distinctUntilChanged()
+            ).subscribe((value) => setState(() => value));
+            return () => subscription.unsubscribe();
+          }, [subject, selector]);
+          return state;
+        }
+      }
+    }
+  });
+}
+
 function useContainerRef(onResize) {
   const [container, setContainer] = react.useState();
   const [_, setSize] = react.useState();
@@ -189,40 +230,5 @@ const Knotx = react.memo(react.forwardRef(({
   );
 }));
 Knotx.displayName = "Knotx";
-function initReactEngine({
-  container,
-  nodes = [],
-  edges = [],
-  plugins = [],
-  pluginConfig = {}
-}) {
-  return new core.Engine({
-    container,
-    nodes,
-    edges,
-    plugins,
-    pluginConfig,
-    runtime: {
-      render: {
-        getValue: (subject, { selector, context }) => {
-          const contextRef = react.useRef(context);
-          contextRef.current = context;
-          const [state, setState] = react.useState(() => selector ? selector(subject instanceof rxjs.BehaviorSubject ? subject.value : subject, contextRef.current) : subject instanceof rxjs.BehaviorSubject ? subject.value : subject);
-          react.useEffect(() => {
-            if (!(subject instanceof rxjs.BehaviorSubject)) {
-              return;
-            }
-            const subscription = subject.pipe(
-              operators.map((value) => selector ? selector(value, contextRef.current) : value),
-              operators.distinctUntilChanged()
-            ).subscribe((value) => setState(() => value));
-            return () => subscription.unsubscribe();
-          }, [subject, selector]);
-          return state;
-        }
-      }
-    }
-  });
-}
 
 exports.Knotx = Knotx;

package/dist/index.d.cts

@@ -1,5 +1,5 @@
 import { IRecord, Engine, Plugin, Node, Edge } from '@knotx/core';
-export { Edge, EdgeOperation, EdgeOperationPipe, EdgeOperatorFunction, EdgeProps, EdgeRenderType, EngineOptions, IData, IEngineRuntime, IPlugin, Layer, LayerComponent, Node, NodeMeasured, NodeOperation, NodeOperationPipe, NodeOperatorFunction, NodePosition, NodeProps, NodeRenderType, Plugin, PluginConfigs, PluginData, PluginTools, Position } from '@knotx/core';
+export { Direction, Edge, EdgeOperation, EdgeOperationPipe, EdgeOperatorFunction, EdgeProps, EdgeRenderType, EngineOptions, IData, IEngineRuntime, IPlugin, Layer, LayerComponent, Node, NodeMeasured, NodeOperation, NodeOperationPipe, NodeOperatorFunction, NodePosition, NodeProps, NodeRenderType, Plugin, PluginConfigs, PluginData, PluginTools, Position } from '@knotx/core';
 import { FC, MutableRefObject, Ref, CSSProperties, ForwardedRef, ReactElement } from 'react';
 
 type ReactEngine<TNode extends IRecord = IRecord, TEdge extends IRecord = IRecord> = Engine<FC<any>, TNode, TEdge>;

package/dist/index.d.mts

@@ -1,5 +1,5 @@
 import { IRecord, Engine, Plugin, Node, Edge } from '@knotx/core';
-export { Edge, EdgeOperation, EdgeOperationPipe, EdgeOperatorFunction, EdgeProps, EdgeRenderType, EngineOptions, IData, IEngineRuntime, IPlugin, Layer, LayerComponent, Node, NodeMeasured, NodeOperation, NodeOperationPipe, NodeOperatorFunction, NodePosition, NodeProps, NodeRenderType, Plugin, PluginConfigs, PluginData, PluginTools, Position } from '@knotx/core';
+export { Direction, Edge, EdgeOperation, EdgeOperationPipe, EdgeOperatorFunction, EdgeProps, EdgeRenderType, EngineOptions, IData, IEngineRuntime, IPlugin, Layer, LayerComponent, Node, NodeMeasured, NodeOperation, NodeOperationPipe, NodeOperatorFunction, NodePosition, NodeProps, NodeRenderType, Plugin, PluginConfigs, PluginData, PluginTools, Position } from '@knotx/core';
 import { FC, MutableRefObject, Ref, CSSProperties, ForwardedRef, ReactElement } from 'react';
 
 type ReactEngine<TNode extends IRecord = IRecord, TEdge extends IRecord = IRecord> = Engine<FC<any>, TNode, TEdge>;

package/dist/index.d.ts

@@ -1,5 +1,5 @@
 import { IRecord, Engine, Plugin, Node, Edge } from '@knotx/core';
-export { Edge, EdgeOperation, EdgeOperationPipe, EdgeOperatorFunction, EdgeProps, EdgeRenderType, EngineOptions, IData, IEngineRuntime, IPlugin, Layer, LayerComponent, Node, NodeMeasured, NodeOperation, NodeOperationPipe, NodeOperatorFunction, NodePosition, NodeProps, NodeRenderType, Plugin, PluginConfigs, PluginData, PluginTools, Position } from '@knotx/core';
+export { Direction, Edge, EdgeOperation, EdgeOperationPipe, EdgeOperatorFunction, EdgeProps, EdgeRenderType, EngineOptions, IData, IEngineRuntime, IPlugin, Layer, LayerComponent, Node, NodeMeasured, NodeOperation, NodeOperationPipe, NodeOperatorFunction, NodePosition, NodeProps, NodeRenderType, Plugin, PluginConfigs, PluginData, PluginTools, Position } from '@knotx/core';
 import { FC, MutableRefObject, Ref, CSSProperties, ForwardedRef, ReactElement } from 'react';
 
 type ReactEngine<TNode extends IRecord = IRecord, TEdge extends IRecord = IRecord> = Engine<FC<any>, TNode, TEdge>;

package/dist/index.js

@@ -1,10 +1,51 @@
 import { jsx, Fragment } from 'react/jsx-runtime';
-import { Layer, buildDiffOperation, Engine } from '@knotx/core';
-import { useState, useRef, useLayoutEffect, useEffect, useMemo, memo, forwardRef, useImperativeHandle } from 'react';
+import { useRef, useState, useEffect, useLayoutEffect, useMemo, memo, forwardRef, useImperativeHandle } from 'react';
+import { Engine, Layer, buildDiffOperation } from '@knotx/core';
 import { BehaviorSubject } from 'rxjs';
 import { map, distinctUntilChanged } from 'rxjs/operators';
 import { BaseRender } from '@knotx/plugins-base-render';
 
+function initReactEngine({
+  container,
+  nodes = [],
+  edges = [],
+  plugins = [],
+  pluginConfig = {}
+}) {
+  return new Engine({
+    container,
+    nodes,
+    edges,
+    plugins,
+    pluginConfig,
+    runtime: {
+      render: {
+        getValue: (subject, { selector, context }) => {
+          const contextRef = useRef(context);
+          contextRef.current = context;
+          const [state, setState] = useState(
+            () => selector ? selector(
+              subject instanceof BehaviorSubject ? subject.value : subject,
+              contextRef.current
+            ) : subject instanceof BehaviorSubject ? subject.value : subject
+          );
+          useEffect(() => {
+            if (!(subject instanceof BehaviorSubject)) {
+              return;
+            }
+            const subscription = subject.pipe(
+              map((value) => selector ? selector(value, contextRef.current) : value),
+              distinctUntilChanged()
+            ).subscribe((value) => setState(() => value));
+            return () => subscription.unsubscribe();
+          }, [subject, selector]);
+          return state;
+        }
+      }
+    }
+  });
+}
+
 function useContainerRef(onResize) {
   const [container, setContainer] = useState();
   const [_, setSize] = useState();
@@ -187,40 +228,5 @@ const Knotx = memo(forwardRef(({
   );
 }));
 Knotx.displayName = "Knotx";
-function initReactEngine({
-  container,
-  nodes = [],
-  edges = [],
-  plugins = [],
-  pluginConfig = {}
-}) {
-  return new Engine({
-    container,
-    nodes,
-    edges,
-    plugins,
-    pluginConfig,
-    runtime: {
-      render: {
-        getValue: (subject, { selector, context }) => {
-          const contextRef = useRef(context);
-          contextRef.current = context;
-          const [state, setState] = useState(() => selector ? selector(subject instanceof BehaviorSubject ? subject.value : subject, contextRef.current) : subject instanceof BehaviorSubject ? subject.value : subject);
-          useEffect(() => {
-            if (!(subject instanceof BehaviorSubject)) {
-              return;
-            }
-            const subscription = subject.pipe(
-              map((value) => selector ? selector(value, contextRef.current) : value),
-              distinctUntilChanged()
-            ).subscribe((value) => setState(() => value));
-            return () => subscription.unsubscribe();
-          }, [subject, selector]);
-          return state;
-        }
-      }
-    }
-  });
-}
 
 export { Knotx };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@knotx/react",
-  "version": "0.4.4",
+  "version": "0.4.6",
   "description": "React for Knotx",
   "author": "boenfu",
   "license": "MIT",
@@ -33,19 +33,19 @@
   },
   "dependencies": {
     "rxjs": "^7.8.1",
-    "@knotx/core": "0.4.4",
-    "@knotx/jsx": "0.4.4",
-    "@knotx/plugins-base-render": "0.4.4"
+    "@knotx/core": "0.4.6",
+    "@knotx/jsx": "0.4.6",
+    "@knotx/plugins-base-render": "0.4.6"
   },
   "devDependencies": {
     "@types/react": "^17.0.0",
     "@types/react-dom": "^17.0.0",
     "react": "^17.0.0",
     "react-dom": "^17.0.0",
-    "@knotx/build-config": "0.4.4",
-    "@knotx/eslint-config": "0.4.4",
-    "@knotx/jsx": "0.4.4",
-    "@knotx/typescript-config": "0.4.4"
+    "@knotx/build-config": "0.4.6",
+    "@knotx/eslint-config": "0.4.6",
+    "@knotx/jsx": "0.4.6",
+    "@knotx/typescript-config": "0.4.6"
   },
   "scripts": {
     "build": "unbuild",