flow-lib-creomnia 1.0.10 → 1.0.11-dev.1

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/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.10",
+  "version": "1.0.11-dev.1",
   "description": "",
   "main": "lib/index.js",
   "types": "lib/index.d.ts",