flow-lib-creomnia 1.0.9 → 1.0.11

package/lib/modules/flow/components/FlowSandbox/index.js

@@ -43,7 +43,7 @@ const FlowSandbox = ({ nodeDrawers, connectionDrawers, containerRef, permissions
                 top: nodeDrawer.renderPoint.y,
                 left: nodeDrawer.renderPoint.x - minWidth,
             }, children: (0, jsx_runtime_1.jsx)(Node, { nodeData: nodeDrawer.nodeData, renderPoint: nodeDrawer.renderPoint, id: nodeDrawer.id, type: nodeDrawer.type, isProcessed: processedNodeIds?.includes(nodeDrawer.nodeData?.id), isFailed: failedNodeId === nodeDrawer.nodeData?.id, failedNodeColor: failedNodeColor, onRedirect: onRedirect, onUpdatePosition: onUpdateNodePosition }) }, nodeDrawer.id));
-    }), [minWidth, nodeDrawers]);
+    }), [minWidth, nodeDrawers, processedNodeIds, failedNodeId, failedNodeColor]);
     const FlowContainer = (0, react_1.useMemo)(() => (0, styled_1.createFlowContainer)({
         scaleValue: 1,
         width: maxWidth - minWidth,

package/lib/modules/flow/types/index.d.ts

@@ -27,6 +27,11 @@ export type IDrawerProps = {
     isOpen: boolean;
     onClose: () => void;
     onOpen: () => void;
+    externalNodeSettings?: {
+        enabled: boolean;
+        selectedNode: NodeType | null;
+        onSelectedNodeChange: (node: NodeType | null) => void;
+    };
 };
 export type PermissionsTypes = "canUpdate" | "canRead" | "canCreate" | "canDelete";
 export type Permissions = {

package/lib/modules/node/components/BaseNode/index.js

@@ -31,7 +31,7 @@ const BaseNode = ({ nodeData, isProcessed, isFailed, failedNodeColor, onRedirect
     const props = (0, web_1.useSpring)({
         borderColor: color,
         config: {
-            duration: isLongAction ? 1000 : 150
+            duration: 150
         },
     });
     const onNodeClick = () => {

package/lib/modules/node/components/ChoiseNode/index.js

@@ -35,7 +35,7 @@ const ChoiceNode = ({ nodeData, isProcessed, isFailed, failedNodeColor }) => {
         strokeWidth: 2,
         strokeLinecap: 'round',
         config: {
-            duration: isLongAction ? 1000 : 150
+            duration: 150
         },
     });
     const ChoiceNodeImg = (0, react_1.useMemo)(() => (0, styled_1.createChoiceNodeImg)(), [color, node?.id, nodeData?.id]);

package/lib/modules/node/contexts/SettingsContext/index.js

@@ -14,20 +14,37 @@ const settingsContextValue = {
 };
 const SettingsContext = (0, react_1.createContext)(settingsContextValue);
 exports.SettingsContext = SettingsContext;
-const NodeSettingsProvider = ({ children, permissions: { canUpdate, canDelete }, drawerProps: { isOpen, onClose, onOpen }, }) => {
-    const [node, setNodeBase] = (0, react_1.useState)(null);
+const NodeSettingsProvider = ({ children, permissions: { canUpdate, canDelete }, drawerProps: { isOpen, onClose, onOpen, externalNodeSettings }, }) => {
+    const [internalNode, setInternalNodeBase] = (0, react_1.useState)(null);
+    const isExternalNodeSettingsEnabled = !!externalNodeSettings?.enabled;
+    const node = isExternalNodeSettingsEnabled
+        ? externalNodeSettings?.selectedNode || null
+        : internalNode;
+    const setNodeBase = (nodeData) => {
+        if (isExternalNodeSettingsEnabled) {
+            externalNodeSettings?.onSelectedNodeChange(nodeData || null);
+            return;
+        }
+        setInternalNodeBase(nodeData || null);
+    };
     const setNode = (nodeData) => {
         const delay = node ? config_1.Config.SET_NODE_DELAY : 0;
         setTimeout(() => {
             setNodeBase(nodeData || null);
-            onOpen();
+            if (!isExternalNodeSettingsEnabled) {
+                onOpen();
+            }
         }, delay);
     };
     const isNodeWithoutSave = node?.type && config_1.Config.NODES_WITHOUT_SAVE_BUTTON.includes(node?.type);
     const handleClose = () => {
+        if (isExternalNodeSettingsEnabled) {
+            externalNodeSettings?.onSelectedNodeChange(null);
+            return;
+        }
         onClose();
         setTimeout(() => {
-            setNodeBase(null);
+            setInternalNodeBase(null);
         }, config_1.Config.CLEAR_NODE_DELAY);
     };
     const onSaveNode = () => {
@@ -44,6 +61,6 @@ const NodeSettingsProvider = ({ children, permissions: { canUpdate, canDelete },
         node?.settings?.footer?.onDelete?.(node?.id);
         handleClose();
     };
-    return ((0, jsx_runtime_1.jsxs)(SettingsContext.Provider, { value: { node, setNode }, children: [children, canUpdate && ((0, jsx_runtime_1.jsx)(components_1.HorizontalDrawer, { open: isOpen, onClose: handleClose, HeaderContent: (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)(styled_1.IconWrapper, { children: [(0, jsx_runtime_1.jsx)(styled_1.IconBorder, {}), node?.icon] }), (0, jsx_runtime_1.jsx)(styled_1.NameContainer, { children: node?.nodeType || 'unknown' })] }), Content: (0, jsx_runtime_1.jsxs)(styled_1.SettingsContent, { children: [(0, jsx_runtime_1.jsx)(material_1.Box, { display: 'flex', flexDirection: 'column', flexGrow: 1, children: node?.settings?.settingsForm }), node?.settings?.customFooter ?? ((0, jsx_runtime_1.jsxs)(styled_1.DefaultFooterContainer, { children: [!isNodeWithoutSave && ((0, jsx_runtime_1.jsx)(material_2.Button, { onClick: onSaveNode, variant: "contained", children: node?.settings?.footer?.saveText || "Save" })), (0, jsx_runtime_1.jsx)(material_1.Box, { flexGrow: 1, children: (0, jsx_runtime_1.jsx)(material_2.Button, { variant: "outlined", onClick: onCancel, children: node?.settings?.footer?.cancelText || "Cancel " }) }), canDelete && ((0, jsx_runtime_1.jsx)(material_2.Button, { onClick: onDeleteNode, color: "error", variant: "text", children: node?.settings?.footer?.deleteText || "Delete node" }))] }))] }) }))] }));
+    return ((0, jsx_runtime_1.jsxs)(SettingsContext.Provider, { value: { node, setNode }, children: [children, canUpdate && !isExternalNodeSettingsEnabled && ((0, jsx_runtime_1.jsx)(components_1.HorizontalDrawer, { open: isOpen, onClose: handleClose, HeaderContent: (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)(styled_1.IconWrapper, { children: [(0, jsx_runtime_1.jsx)(styled_1.IconBorder, {}), node?.icon] }), (0, jsx_runtime_1.jsx)(styled_1.NameContainer, { children: node?.nodeType || 'unknown' })] }), Content: (0, jsx_runtime_1.jsxs)(styled_1.SettingsContent, { children: [(0, jsx_runtime_1.jsx)(material_1.Box, { display: 'flex', flexDirection: 'column', flexGrow: 1, children: node?.settings?.settingsForm }), node?.settings?.customFooter ?? ((0, jsx_runtime_1.jsxs)(styled_1.DefaultFooterContainer, { children: [!isNodeWithoutSave && ((0, jsx_runtime_1.jsx)(material_2.Button, { onClick: onSaveNode, variant: "contained", children: node?.settings?.footer?.saveText || "Save" })), (0, jsx_runtime_1.jsx)(material_1.Box, { flexGrow: 1, children: (0, jsx_runtime_1.jsx)(material_2.Button, { variant: "outlined", onClick: onCancel, children: node?.settings?.footer?.cancelText || "Cancel " }) }), canDelete && ((0, jsx_runtime_1.jsx)(material_2.Button, { onClick: onDeleteNode, color: "error", variant: "text", children: node?.settings?.footer?.deleteText || "Delete node" }))] }))] }) }))] }));
 };
 exports.NodeSettingsProvider = NodeSettingsProvider;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "flow-lib-creomnia",
-  "version": "1.0.9",
+  "version": "1.0.11",
   "description": "",
   "main": "lib/index.js",
   "types": "lib/index.d.ts",