flow-lib-creomnia 1.0.14 → 1.0.16-dev.1

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

@@ -40,6 +40,6 @@ const ChoiceNode = ({ nodeData, isProcessed, isFailed, failedNodeColor }) => {
     });
     const ChoiceNodeImg = (0, react_1.useMemo)(() => (0, styled_1.createChoiceNodeImg)(), [color, node?.id, nodeData?.id]);
     const AnimatedChoiceNodeImg = (0, web_1.animated)(ChoiceNodeImg);
-    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(AnimatedChoiceNodeImg, { src: ChoiceNodeIcon_svg_1.default, style: props }), (0, jsx_runtime_1.jsx)(styled_1.Container, { onMouseEnter: () => setIsHovered(true), onMouseLeave: () => setIsHovered(false), onClick: onNodeClick, children: (0, jsx_runtime_1.jsxs)(material_1.Grid, { container: true, children: [(0, jsx_runtime_1.jsx)(material_1.Grid, { item: true, children: (0, jsx_runtime_1.jsx)(styled_1.ArrowImg, { src: LeftArrowIcon_svg_1.default, alt: "leftArrow" }) }), (0, jsx_runtime_1.jsx)(styled_1.NameGreed, { flexGrow: 1, item: true, children: nodeData?.name || nodeData?.nodeType }), (0, jsx_runtime_1.jsx)(material_1.Grid, { item: true, children: (0, jsx_runtime_1.jsx)(styled_1.ArrowImg, { src: RightArrowIcon_svg_1.default, alt: "RightArrow" }) })] }) })] }));
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(AnimatedChoiceNodeImg, { src: ChoiceNodeIcon_svg_1.default, style: props }), (0, jsx_runtime_1.jsx)(styled_1.Container, { onMouseEnter: () => setIsHovered(true), onMouseLeave: () => setIsHovered(false), onClick: onNodeClick, children: (0, jsx_runtime_1.jsxs)(styled_1.ContentRow, { children: [(0, jsx_runtime_1.jsx)(styled_1.ArrowImg, { src: LeftArrowIcon_svg_1.default, alt: "leftArrow" }), (0, jsx_runtime_1.jsx)(styled_1.NameGreed, { children: (0, jsx_runtime_1.jsx)(styled_1.NameText, { children: nodeData?.name || nodeData?.nodeType }) }), (0, jsx_runtime_1.jsx)(styled_1.ArrowImg, { src: RightArrowIcon_svg_1.default, alt: "RightArrow" })] }) })] }));
 };
 exports.default = ChoiceNode;

package/lib/modules/node/components/ChoiseNode/styled.d.ts

@@ -1,20 +1,7 @@
 import { FC } from "react";
 export declare const Container: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/system").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const ContentRow: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/system").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const createChoiceNodeImg: () => FC<any>;
-export declare const NameGreed: import("@emotion/styled").StyledComponent<import("@mui/system").SystemProps<import("@mui/material").Theme> & {
-    children?: import("react").ReactNode;
-    classes?: Partial<import("@mui/material").GridClasses> | undefined;
-    columns?: import("@mui/system").ResponsiveStyleValue<number> | undefined;
-    columnSpacing?: import("@mui/system").ResponsiveStyleValue<import("@mui/material").GridSpacing> | undefined;
-    container?: boolean | undefined;
-    direction?: import("@mui/system").ResponsiveStyleValue<import("@mui/material").GridDirection> | undefined;
-    item?: boolean | undefined;
-    rowSpacing?: import("@mui/system").ResponsiveStyleValue<import("@mui/material").GridSpacing> | undefined;
-    spacing?: import("@mui/system").ResponsiveStyleValue<import("@mui/material").GridSpacing> | undefined;
-    sx?: import("@mui/material").SxProps<import("@mui/material").Theme> | undefined;
-    wrap?: import("@mui/material").GridWrap | undefined;
-    zeroMinWidth?: boolean | undefined;
-} & import("@mui/material").RegularBreakpoints & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
-}, "item" | "columns" | "container" | "direction" | "children" | "wrap" | "spacing" | ("flex" | "height" | "width" | "left" | "top" | "alignContent" | "alignItems" | "alignSelf" | "border" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderTop" | "bottom" | "boxShadow" | "boxSizing" | "color" | "columnGap" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "gap" | "gridArea" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridColumn" | "gridRow" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "justifyContent" | "justifyItems" | "justifySelf" | "letterSpacing" | "lineHeight" | "margin" | "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "order" | "overflow" | "padding" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "right" | "rowGap" | "textAlign" | "textOverflow" | "textTransform" | "visibility" | "whiteSpace" | "zIndex" | "p" | "bgcolor" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "typography" | "displayPrint") | "sx" | "columnSpacing" | "rowSpacing" | keyof import("@mui/material/OverridableComponent").CommonProps | "zeroMinWidth" | keyof import("@mui/material").RegularBreakpoints> & import("@mui/system").MUIStyledCommonProps<import("@mui/system").Theme>, {}, {}>;
+export declare const NameGreed: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/system").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const NameText: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/system").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
 export declare const ArrowImg: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/system").Theme>, import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, {}>;

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

@@ -1,22 +1,26 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.ArrowImg = exports.NameGreed = exports.createChoiceNodeImg = exports.Container = void 0;
+exports.ArrowImg = exports.NameText = exports.NameGreed = exports.createChoiceNodeImg = exports.ContentRow = exports.Container = void 0;
 const config_1 = require("../../../../config");
-const material_1 = require("@mui/material");
 const system_1 = require("@mui/system");
 const react_svg_1 = require("react-svg");
 exports.Container = (0, system_1.styled)('div') `
-  width: 376px;
-  max-width: 376px;
+  min-width: 300px;
   height: ${config_1.Config.NODE_HEIGHT}px;
   cursor: pointer;
   display: flex;
-  flex-direction: row;
   align-items: center;
-  box-sizing: border-box;
-  padding: 0 32px;
+  position: relative;
   z-index: 1000;
 `;
+exports.ContentRow = (0, system_1.styled)('div') `
+  width: 100%;
+  height: 100%;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  flex-wrap: nowrap;
+`;
 const createChoiceNodeImg = () => (0, system_1.styled)(react_svg_1.ReactSVG) `
   top: -23px;
   position: absolute;
@@ -28,21 +32,26 @@ const createChoiceNodeImg = () => (0, system_1.styled)(react_svg_1.ReactSVG) `
   }
 `;
 exports.createChoiceNodeImg = createChoiceNodeImg;
-exports.NameGreed = (0, system_1.styled)(material_1.Grid) `
+exports.NameGreed = (0, system_1.styled)('div') `
   display: flex;
   justify-content: center;
   align-items: center;
   min-width: 0;
-  padding: 0 12px;
+  flex: 1 1 auto;
+`;
+exports.NameText = (0, system_1.styled)('span') `
+  display: block;
+  max-width: 80%;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
   font-size: 16px;
   font-weight: 700;
+  line-height: 1.2;
+  text-align: left;
   color: ${props => `${props.theme.palette.text.primary}`};
   font-family: Inter, 'circular', serif;;
 `;
 exports.ArrowImg = (0, system_1.styled)('img') `
-  margin-top: 5px;
   flex-shrink: 0;
 `;

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

@@ -47,9 +47,9 @@ const NodeSettingsProvider = ({ children, permissions: { canUpdate, canDelete },
             setInternalNodeBase(null);
         }, config_1.Config.CLEAR_NODE_DELAY);
     };
-    const onSaveNode = async () => {
-        const result = await node?.settings?.footer?.onSave?.(node?.id);
-        if (result !== true)
+    const onSaveNode = () => {
+        const result = node?.settings?.footer?.onSave?.(node?.id);
+        if (result === false)
             return;
         handleClose();
     };

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

@@ -5,7 +5,7 @@ export type NodesFooterType = {
     saveText?: string;
     cancelText?: string;
     deleteText?: string;
-    onSave?: (nodeId: string) => void | boolean | Promise<void | boolean>;
+    onSave?: (nodeId: string) => void | false;
     onCancel?: (nodeId: string) => void;
     onDelete?: (nodeId: string) => void;
 };

package/package.json

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