flow-lib-creomnia 1.0.17 → 1.0.19-dev.1

package/lib/modules/connection/components/ConnectionWithButton/styled.js

@@ -49,7 +49,7 @@ const createAddButton = ({ background = colors_1.Colors.WHITE, x, y, }) => (0, s
 `;
 exports.createAddButton = createAddButton;
 exports.StyledPopper = (0, system_1.styled)(material_1.Popper) `
-  z-index: 1000;
+   z-index: 1400;
   overflow: hidden;
   border-radius: 16px;
 `;

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

@@ -13,10 +13,11 @@ const ThemeContext_1 = require("../../../common/contexts/ThemeContext");
 const expandCoefficientServices_1 = require("../../../node/services/expandCoefficientServices");
 const material_1 = require("@mui/material");
 const FlowPosition_1 = require("../../context/FlowPosition");
+const FlowActions_1 = require("../../context/FlowActions");
 const react_dnd_html5_backend_1 = require("react-dnd-html5-backend");
 const react_dnd_1 = require("react-dnd");
 const colors_1 = require("../../../../config/colors");
-const NodesFlow = ({ theme, nodes, menuTabs, addNewNodeCallback, permissions, drawerProps, processedNodeIds, failedNodeId, failedNodeColor, onRedirect, onUpdateNodePosition, emptyMenuItemsComponent, searchPlaceholder, }) => {
+const NodesFlow = ({ theme, nodes, menuTabs, addNewNodeCallback, permissions, drawerProps, processedNodeIds, failedNodeId, failedNodeColor, onRedirect, onUpdateNodePosition, emptyMenuItemsComponent, searchPlaceholder, onStartClick, }) => {
     const nodeDrawers = (0, react_1.useMemo)(() => {
         const { startNodeList, nodeListWithEndNode } = nodeServices_1.nodeServices.createListOfStartNodesAndEndNodes(nodes);
         const nodeListWithExpandCoefficients = expandCoefficientServices_1.expandCoefficientServices.calculateNodeExpandCoefficient(nodeListWithEndNode);
@@ -31,6 +32,6 @@ const NodesFlow = ({ theme, nodes, menuTabs, addNewNodeCallback, permissions, dr
         addNewNodeCallback,
     }), [nodeDrawers, menuTabs, addNewNodeCallback, processedNodeIds]);
     const containerRef = (0, react_1.useRef)(null);
-    return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: permissions.canRead && ((0, jsx_runtime_1.jsx)(ThemeContext_1.ThemeContextProvider, { themContextValue: theme, children: (0, jsx_runtime_1.jsx)(react_dnd_1.DndProvider, { backend: react_dnd_html5_backend_1.HTML5Backend, children: (0, jsx_runtime_1.jsx)(material_1.Box, { ref: containerRef, style: { position: "relative", height: "100%", width: "100%", background: theme?.palette.background.default || colors_1.Colors.DIRTY_WHITE }, children: (0, jsx_runtime_1.jsx)(SettingsContext_1.NodeSettingsProvider, { permissions: permissions, drawerProps: drawerProps, children: (0, jsx_runtime_1.jsx)(FlowPosition_1.FlowPositionProvider, { children: (0, jsx_runtime_1.jsx)(FlowSandbox_1.default, { permissions: permissions, connectionDrawers: connectionDrawers, nodeDrawers: nodeDrawers, containerRef: containerRef, processedNodeIds: processedNodeIds, failedNodeId: failedNodeId, failedNodeColor: failedNodeColor, onRedirect: onRedirect, onUpdateNodePosition: onUpdateNodePosition, emptyMenuItemsComponent: emptyMenuItemsComponent, searchPlaceholder: searchPlaceholder }) }) }) }) }) })) }));
+    return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: permissions.canRead && ((0, jsx_runtime_1.jsx)(ThemeContext_1.ThemeContextProvider, { themContextValue: theme, children: (0, jsx_runtime_1.jsx)(react_dnd_1.DndProvider, { backend: react_dnd_html5_backend_1.HTML5Backend, children: (0, jsx_runtime_1.jsx)(material_1.Box, { ref: containerRef, style: { position: "relative", height: "100%", width: "100%", background: theme?.palette.background.default || colors_1.Colors.DIRTY_WHITE }, children: (0, jsx_runtime_1.jsx)(SettingsContext_1.NodeSettingsProvider, { permissions: permissions, drawerProps: drawerProps, children: (0, jsx_runtime_1.jsx)(FlowActions_1.FlowActionsProvider, { onStartClick: onStartClick, children: (0, jsx_runtime_1.jsx)(FlowPosition_1.FlowPositionProvider, { children: (0, jsx_runtime_1.jsx)(FlowSandbox_1.default, { permissions: permissions, connectionDrawers: connectionDrawers, nodeDrawers: nodeDrawers, containerRef: containerRef, processedNodeIds: processedNodeIds, failedNodeId: failedNodeId, failedNodeColor: failedNodeColor, onRedirect: onRedirect, onUpdateNodePosition: onUpdateNodePosition, emptyMenuItemsComponent: emptyMenuItemsComponent, searchPlaceholder: searchPlaceholder }) }) }) }) }) }) })) }));
 };
 exports.default = NodesFlow;

package/lib/modules/flow/context/FlowActions/index.d.ts

@@ -0,0 +1,8 @@
+import React, { FC, PropsWithChildren } from 'react';
+type FlowActionsValue = {
+    onStartClick?: () => void;
+};
+declare const FlowActionsContext: React.Context<FlowActionsValue>;
+type ProviderProps = PropsWithChildren & FlowActionsValue;
+declare const FlowActionsProvider: FC<ProviderProps>;
+export { FlowActionsContext, FlowActionsProvider };

package/lib/modules/flow/context/FlowActions/index.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FlowActionsProvider = exports.FlowActionsContext = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const FlowActionsContext = (0, react_1.createContext)({});
+exports.FlowActionsContext = FlowActionsContext;
+const FlowActionsProvider = ({ children, onStartClick }) => ((0, jsx_runtime_1.jsx)(FlowActionsContext.Provider, { value: { onStartClick }, children: children }));
+exports.FlowActionsProvider = FlowActionsProvider;

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

@@ -22,6 +22,7 @@ export type NodeFlowPropsType = {
     theme: Theme;
     emptyMenuItemsComponent?: JSX.Element;
     searchPlaceholder?: string;
+    onStartClick?: () => void;
 };
 export type IDrawerProps = {
     isOpen: boolean;

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

@@ -1,8 +1,12 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
 const styled_1 = require("./styled");
+const FlowActions_1 = require("../../../flow/context/FlowActions");
 const StartNode = () => {
-    return ((0, jsx_runtime_1.jsx)(styled_1.IconContainer, { children: (0, jsx_runtime_1.jsx)(styled_1.Icon, {}) }));
+    const { onStartClick } = (0, react_1.useContext)(FlowActions_1.FlowActionsContext);
+    const clickable = !!onStartClick;
+    return ((0, jsx_runtime_1.jsx)(styled_1.IconContainer, { onClick: onStartClick, role: clickable ? "button" : undefined, style: clickable ? { cursor: "pointer" } : undefined, children: (0, jsx_runtime_1.jsx)(styled_1.Icon, {}) }));
 };
 exports.default = StartNode;

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

@@ -47,8 +47,13 @@ const NodeSettingsProvider = ({ children, permissions: { canUpdate, canDelete },
             setInternalNodeBase(null);
         }, config_1.Config.CLEAR_NODE_DELAY);
     };
-    const onSaveNode = () => {
-        const result = node?.settings?.footer?.onSave?.(node?.id);
+    const onSaveNode = async () => {
+        // `onSave` is allowed to be sync OR async — host apps that wrap a
+        // server call in an async handler need to surface validation errors
+        // BEFORE the drawer closes. Awaiting handles both cases: a sync
+        // `false` short-circuits, a `Promise<false>` resolves and short-
+        // circuits, anything else closes the drawer.
+        const result = await node?.settings?.footer?.onSave?.(node?.id);
         if (result === false)
             return;
         handleClose();

package/package.json

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