flow-lib-creomnia 1.0.5-dev.5 → 1.0.6
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/package.json +1 -1
- package/lib/assets/icons/ChoiceNodeIcon.svg +0 -16
- package/lib/assets/icons/LeftArrowIcon.svg +0 -3
- package/lib/assets/icons/ParallelIcon.svg +0 -5
- package/lib/assets/icons/RightArrowIcon.svg +0 -3
- package/lib/assets/icons/flowIcon.svg +0 -7
- package/lib/config/colors.d.ts +0 -13
- package/lib/config/colors.js +0 -16
- package/lib/config/index.d.ts +0 -20
- package/lib/config/index.js +0 -28
- package/lib/index.d.ts +0 -4
- package/lib/index.js +0 -24
- package/lib/modules/common/components/HorizontalDrawer/index.d.ts +0 -9
- package/lib/modules/common/components/HorizontalDrawer/index.js +0 -86
- package/lib/modules/common/components/ZoomToolbar/index.d.ts +0 -8
- package/lib/modules/common/components/ZoomToolbar/index.js +0 -15
- package/lib/modules/common/components/ZoomToolbar/styled.d.ts +0 -9
- package/lib/modules/common/components/ZoomToolbar/styled.js +0 -13
- package/lib/modules/common/components/index.d.ts +0 -2
- package/lib/modules/common/components/index.js +0 -10
- package/lib/modules/common/contexts/ThemeContext/index.d.ts +0 -24
- package/lib/modules/common/contexts/ThemeContext/index.js +0 -9
- package/lib/modules/common/hooks/useDragNode.d.ts +0 -10
- package/lib/modules/common/hooks/useDragNode.js +0 -27
- package/lib/modules/common/hooks/useDropNode.d.ts +0 -11
- package/lib/modules/common/hooks/useDropNode.js +0 -16
- package/lib/modules/common/types/index.d.ts +0 -72
- package/lib/modules/common/types/index.js +0 -2
- package/lib/modules/connection/components/AddButton/index.d.ts +0 -16
- package/lib/modules/connection/components/AddButton/index.js +0 -45
- package/lib/modules/connection/components/AddButton/styled.d.ts +0 -29
- package/lib/modules/connection/components/AddButton/styled.js +0 -41
- package/lib/modules/connection/components/BaseConnection/index.d.ts +0 -4
- package/lib/modules/connection/components/BaseConnection/index.js +0 -40
- package/lib/modules/connection/components/BaseConnection/styled.d.ts +0 -18
- package/lib/modules/connection/components/BaseConnection/styled.js +0 -28
- package/lib/modules/connection/components/ConnectionWithButton/index.d.ts +0 -12
- package/lib/modules/connection/components/ConnectionWithButton/index.js +0 -84
- package/lib/modules/connection/components/ConnectionWithButton/styled.d.ts +0 -44
- package/lib/modules/connection/components/ConnectionWithButton/styled.js +0 -55
- package/lib/modules/connection/enums/index.d.ts +0 -4
- package/lib/modules/connection/enums/index.js +0 -8
- package/lib/modules/connection/index.d.ts +0 -9
- package/lib/modules/connection/index.js +0 -11
- package/lib/modules/connection/services/connectionParametersServices.d.ts +0 -28
- package/lib/modules/connection/services/connectionParametersServices.js +0 -84
- package/lib/modules/connection/services/connectionServices.d.ts +0 -7
- package/lib/modules/connection/services/connectionServices.js +0 -88
- package/lib/modules/connection/types/index.d.ts +0 -44
- package/lib/modules/connection/types/index.js +0 -2
- package/lib/modules/flow/components/FlowSandbox/index.d.ts +0 -20
- package/lib/modules/flow/components/FlowSandbox/index.js +0 -63
- package/lib/modules/flow/components/FlowSandbox/styled.d.ts +0 -9
- package/lib/modules/flow/components/FlowSandbox/styled.js +0 -32
- package/lib/modules/flow/components/NodesFlow/index.d.ts +0 -4
- package/lib/modules/flow/components/NodesFlow/index.js +0 -36
- package/lib/modules/flow/components/Space/index.d.ts +0 -3
- package/lib/modules/flow/components/Space/index.js +0 -35
- package/lib/modules/flow/components/Space/styled.d.ts +0 -2
- package/lib/modules/flow/components/Space/styled.js +0 -13
- package/lib/modules/flow/context/FlowPosition/index.d.ts +0 -13
- package/lib/modules/flow/context/FlowPosition/index.js +0 -23
- package/lib/modules/flow/types/index.d.ts +0 -34
- package/lib/modules/flow/types/index.js +0 -2
- package/lib/modules/node/components/BaseNode/index.d.ts +0 -4
- package/lib/modules/node/components/BaseNode/index.js +0 -51
- package/lib/modules/node/components/BaseNode/styled.d.ts +0 -18
- package/lib/modules/node/components/BaseNode/styled.js +0 -98
- package/lib/modules/node/components/ChoiseNode/index.d.ts +0 -4
- package/lib/modules/node/components/ChoiseNode/index.js +0 -45
- package/lib/modules/node/components/ChoiseNode/styled.d.ts +0 -20
- package/lib/modules/node/components/ChoiseNode/styled.js +0 -39
- package/lib/modules/node/components/DragWrapper/index.d.ts +0 -8
- package/lib/modules/node/components/DragWrapper/index.js +0 -15
- package/lib/modules/node/components/EndNode/index.d.ts +0 -3
- package/lib/modules/node/components/EndNode/index.js +0 -8
- package/lib/modules/node/components/EndNode/styled.d.ts +0 -16
- package/lib/modules/node/components/EndNode/styled.js +0 -22
- package/lib/modules/node/components/HubNode/index.d.ts +0 -3
- package/lib/modules/node/components/HubNode/index.js +0 -8
- package/lib/modules/node/components/HubNode/styled.d.ts +0 -2
- package/lib/modules/node/components/HubNode/styled.js +0 -12
- package/lib/modules/node/components/NodesMenu/index.d.ts +0 -16
- package/lib/modules/node/components/NodesMenu/index.js +0 -41
- package/lib/modules/node/components/NodesMenu/styled.d.ts +0 -130
- package/lib/modules/node/components/NodesMenu/styled.js +0 -80
- package/lib/modules/node/components/ParallelNode/index.d.ts +0 -4
- package/lib/modules/node/components/ParallelNode/index.js +0 -22
- package/lib/modules/node/components/ParallelNode/styled.d.ts +0 -2
- package/lib/modules/node/components/ParallelNode/styled.js +0 -16
- package/lib/modules/node/components/StartNode/index.d.ts +0 -3
- package/lib/modules/node/components/StartNode/index.js +0 -8
- package/lib/modules/node/components/StartNode/styled.d.ts +0 -16
- package/lib/modules/node/components/StartNode/styled.js +0 -22
- package/lib/modules/node/contexts/SettingsContext/index.d.ts +0 -10
- package/lib/modules/node/contexts/SettingsContext/index.js +0 -47
- package/lib/modules/node/contexts/SettingsContext/styled.d.ts +0 -20
- package/lib/modules/node/contexts/SettingsContext/styled.js +0 -40
- package/lib/modules/node/enums/index.d.ts +0 -12
- package/lib/modules/node/enums/index.js +0 -17
- package/lib/modules/node/index.d.ts +0 -10
- package/lib/modules/node/index.js +0 -22
- package/lib/modules/node/services/expandCoefficientServices.d.ts +0 -24
- package/lib/modules/node/services/expandCoefficientServices.js +0 -52
- package/lib/modules/node/services/nodeServices.d.ts +0 -11
- package/lib/modules/node/services/nodeServices.js +0 -147
- package/lib/modules/node/services/pointCalculationServices.d.ts +0 -11
- package/lib/modules/node/services/pointCalculationServices.js +0 -22
- package/lib/modules/node/types/index.d.ts +0 -49
- package/lib/modules/node/types/index.js +0 -2
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
export declare const IconContainer: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/system").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
3
|
-
export declare const Icon: import("@emotion/styled").StyledComponent<{
|
|
4
|
-
children?: import("react").ReactNode;
|
|
5
|
-
classes?: Partial<import("@mui/material").SvgIconClasses> | undefined;
|
|
6
|
-
color?: import("@mui/types").OverridableStringUnion<"error" | "inherit" | "action" | "disabled" | "success" | "info" | "warning" | "primary" | "secondary", import("@mui/material").SvgIconPropsColorOverrides> | undefined;
|
|
7
|
-
fontSize?: import("@mui/types").OverridableStringUnion<"small" | "medium" | "inherit" | "large", import("@mui/material").SvgIconPropsSizeOverrides> | undefined;
|
|
8
|
-
htmlColor?: string | undefined;
|
|
9
|
-
inheritViewBox?: boolean | undefined;
|
|
10
|
-
shapeRendering?: string | undefined;
|
|
11
|
-
sx?: import("@mui/system").SxProps<import("@mui/material").Theme> | undefined;
|
|
12
|
-
titleAccess?: string | undefined;
|
|
13
|
-
viewBox?: string | undefined;
|
|
14
|
-
} & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").SVGProps<SVGSVGElement>, "ref"> & {
|
|
15
|
-
ref?: ((instance: SVGSVGElement | null) => void) | import("react").RefObject<SVGSVGElement> | null | undefined;
|
|
16
|
-
}, "color" | "fontSize" | "shapeRendering" | "children" | "viewBox" | "sx" | keyof import("@mui/material/OverridableComponent").CommonProps | "htmlColor" | "inheritViewBox" | "titleAccess"> & import("@mui/system").MUIStyledCommonProps<import("@mui/system").Theme>, {}, {}>;
|
|
@@ -1,22 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
-
};
|
|
5
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
-
exports.Icon = exports.IconContainer = void 0;
|
|
7
|
-
const system_1 = require("@mui/system");
|
|
8
|
-
const Stop_1 = __importDefault(require("@mui/icons-material/Stop"));
|
|
9
|
-
const config_1 = require("../../../../config");
|
|
10
|
-
const colors_1 = require("../../../../config/colors");
|
|
11
|
-
exports.IconContainer = (0, system_1.styled)('div') `
|
|
12
|
-
display: flex;
|
|
13
|
-
justify-content: center;
|
|
14
|
-
align-items: center;
|
|
15
|
-
background: ${colors_1.Colors.NAVY_BLUE};
|
|
16
|
-
height: ${config_1.Config.EDGE_NODE_HEIGHT}px;
|
|
17
|
-
min-width: ${config_1.Config.EDGE_NODE_HEIGHT}px;
|
|
18
|
-
border-radius: 100%;
|
|
19
|
-
`;
|
|
20
|
-
exports.Icon = (0, system_1.styled)(Stop_1.default) `
|
|
21
|
-
color: ${colors_1.Colors.WHITE};
|
|
22
|
-
`;
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
4
|
-
const styled_1 = require("./styled");
|
|
5
|
-
const HubNode = () => {
|
|
6
|
-
return (0, jsx_runtime_1.jsx)(styled_1.NodeHubStyledComponent, {});
|
|
7
|
-
};
|
|
8
|
-
exports.default = HubNode;
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
export declare const NodeHubStyledComponent: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/system").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.NodeHubStyledComponent = void 0;
|
|
4
|
-
const system_1 = require("@mui/system");
|
|
5
|
-
const config_1 = require("../../../../config");
|
|
6
|
-
const colors_1 = require("../../../../config/colors");
|
|
7
|
-
exports.NodeHubStyledComponent = (0, system_1.styled)('div') `
|
|
8
|
-
min-width: 50px;
|
|
9
|
-
min-height: ${config_1.Config.HUB_NODE_HEIGHT}px;
|
|
10
|
-
background: ${colors_1.Colors.NAVY_BLUE};
|
|
11
|
-
border-radius: 5px;
|
|
12
|
-
`;
|
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
import { FC } from 'react';
|
|
2
|
-
import { AddNewNodeCallbackType } from '../../../flow/types';
|
|
3
|
-
import { MenuTabType } from '../../../common/types';
|
|
4
|
-
type PropsType = {
|
|
5
|
-
menuTabs: MenuTabType[];
|
|
6
|
-
onCloseMenu: () => void;
|
|
7
|
-
data: {
|
|
8
|
-
parentId: string | undefined;
|
|
9
|
-
connectionIndex: number;
|
|
10
|
-
};
|
|
11
|
-
addNewNodeCallback?: AddNewNodeCallbackType;
|
|
12
|
-
emptyMenuItemsComponent?: JSX.Element;
|
|
13
|
-
searchPlaceholder?: string;
|
|
14
|
-
};
|
|
15
|
-
declare const NodesMenu: FC<PropsType>;
|
|
16
|
-
export default NodesMenu;
|
|
@@ -1,41 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
-
};
|
|
5
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
-
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
7
|
-
const react_1 = require("react");
|
|
8
|
-
const styled_1 = require("./styled");
|
|
9
|
-
const Grid_1 = __importDefault(require("@mui/material/Grid"));
|
|
10
|
-
const material_1 = require("@mui/material");
|
|
11
|
-
const icons_material_1 = require("@mui/icons-material");
|
|
12
|
-
const NodesMenu = ({ addNewNodeCallback, menuTabs, data, onCloseMenu, emptyMenuItemsComponent, searchPlaceholder, }) => {
|
|
13
|
-
const [value, setValue] = (0, react_1.useState)(menuTabs?.[0].name);
|
|
14
|
-
const [searchQuery, setSearchQuery] = (0, react_1.useState)("");
|
|
15
|
-
const handleChange = (_, newValue) => {
|
|
16
|
-
setValue(newValue);
|
|
17
|
-
setSearchQuery("");
|
|
18
|
-
};
|
|
19
|
-
const handleSearchChange = (event) => {
|
|
20
|
-
setSearchQuery(event.target.value);
|
|
21
|
-
};
|
|
22
|
-
const tab = (0, react_1.useMemo)(() => menuTabs.reduce((tabContentByTabName, tab) => ({
|
|
23
|
-
...tabContentByTabName,
|
|
24
|
-
[tab.name]: tab.menuItems,
|
|
25
|
-
}), {}), [menuTabs]);
|
|
26
|
-
const onMenuItemClick = (nodeId, nodeType) => {
|
|
27
|
-
addNewNodeCallback?.({
|
|
28
|
-
...data,
|
|
29
|
-
menuItemId: nodeId,
|
|
30
|
-
nodeType,
|
|
31
|
-
});
|
|
32
|
-
onCloseMenu();
|
|
33
|
-
};
|
|
34
|
-
const filteredItems = (0, react_1.useMemo)(() => {
|
|
35
|
-
return tab[value].filter((menuItem) => menuItem.name.toLowerCase().includes(searchQuery.toLowerCase()));
|
|
36
|
-
}, [searchQuery, value]);
|
|
37
|
-
return ((0, jsx_runtime_1.jsxs)(styled_1.MenuContainer, { children: [(0, jsx_runtime_1.jsxs)(Grid_1.default, { direction: "column", p: "0 0 10px 0", children: [(0, jsx_runtime_1.jsxs)(Grid_1.default, { alignItems: "center", container: true, p: "8px 8px 0 0", children: [(0, jsx_runtime_1.jsx)(Grid_1.default, { flexGrow: 1, item: true, children: (0, jsx_runtime_1.jsx)(styled_1.StyledTabs, { value: value, onChange: handleChange, textColor: "primary", indicatorColor: "primary", children: menuTabs.map((tab) => ((0, jsx_runtime_1.jsx)(styled_1.StyledTab, { value: tab.name, label: tab.name }, tab.name))) }) }), (0, jsx_runtime_1.jsx)(Grid_1.default, { item: true, children: (0, jsx_runtime_1.jsx)(styled_1.Close, { onClick: onCloseMenu }) })] }), (0, jsx_runtime_1.jsx)(styled_1.StyledTextField, { fullWidth: true, variant: "outlined", size: "small", placeholder: searchPlaceholder ? searchPlaceholder : "", value: searchQuery, onChange: handleSearchChange })] }), (0, jsx_runtime_1.jsx)(styled_1.ContentContainer, { children: filteredItems?.length > 0
|
|
38
|
-
? filteredItems.map((menuItem) => ((0, jsx_runtime_1.jsxs)(styled_1.MenuItem, { style: { opacity: menuItem?.disabled ? 0.5 : 1, cursor: menuItem?.disabled ? 'not-allowed' : 'pointer' }, onClick: () => !menuItem?.disabled && onMenuItemClick(menuItem.value, menuItem.type), children: [(0, jsx_runtime_1.jsx)(styled_1.IconWrapper, { children: menuItem?.disabled ? (0, jsx_runtime_1.jsx)(material_1.Tooltip, { title: 'Building process', children: (0, jsx_runtime_1.jsx)(icons_material_1.BuildCircle, {}) }) : menuItem.icon }), menuItem.name] }, menuItem.value)))
|
|
39
|
-
: emptyMenuItemsComponent && emptyMenuItemsComponent })] }));
|
|
40
|
-
};
|
|
41
|
-
exports.default = NodesMenu;
|
|
@@ -1,130 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
export declare const MenuContainer: import("@emotion/styled").StyledComponent<import("@mui/system").SystemProps<import("@mui/material").Theme> & {
|
|
3
|
-
children?: import("react").ReactNode;
|
|
4
|
-
component?: import("react").ElementType<any> | undefined;
|
|
5
|
-
ref?: import("react").Ref<unknown> | undefined;
|
|
6
|
-
sx?: import("@mui/system").SxProps<import("@mui/material").Theme> | undefined;
|
|
7
|
-
} & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
|
|
8
|
-
ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
|
|
9
|
-
}, "children" | "ref" | ("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") | "component" | "sx"> & import("@mui/system").MUIStyledCommonProps<import("@mui/system").Theme>, {}, {}>;
|
|
10
|
-
export declare const TabContainer: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/system").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
11
|
-
export declare const StyledTabs: import("@emotion/styled").StyledComponent<{
|
|
12
|
-
action?: import("react").Ref<import("@mui/material").TabsActions> | undefined;
|
|
13
|
-
allowScrollButtonsMobile?: boolean | undefined;
|
|
14
|
-
'aria-label'?: string | undefined;
|
|
15
|
-
'aria-labelledby'?: string | undefined;
|
|
16
|
-
centered?: boolean | undefined;
|
|
17
|
-
children?: import("react").ReactNode;
|
|
18
|
-
classes?: Partial<import("@mui/material").TabsClasses> | undefined;
|
|
19
|
-
slots?: {
|
|
20
|
-
StartScrollButtonIcon?: import("react").ElementType<any> | undefined;
|
|
21
|
-
EndScrollButtonIcon?: import("react").ElementType<any> | undefined;
|
|
22
|
-
} | undefined;
|
|
23
|
-
slotProps?: {
|
|
24
|
-
startScrollButtonIcon?: import("@mui/base").SlotComponentProps<import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").SvgIconTypeMap<{}, "svg">> & {
|
|
25
|
-
muiName: string;
|
|
26
|
-
}, import("@mui/material").TabsStartScrollButtonIconSlotPropsOverrides, import("@mui/material").TabsOwnerState> | undefined;
|
|
27
|
-
endScrollButtonIcon?: import("@mui/base").SlotComponentProps<import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").SvgIconTypeMap<{}, "svg">> & {
|
|
28
|
-
muiName: string;
|
|
29
|
-
}, import("@mui/material").TabsEndScrollButtonIconSlotPropsOverrides, import("@mui/material").TabsOwnerState> | undefined;
|
|
30
|
-
} | undefined;
|
|
31
|
-
indicatorColor?: import("@mui/types").OverridableStringUnion<"primary" | "secondary", import("@mui/material").TabsPropsIndicatorColorOverrides> | undefined;
|
|
32
|
-
onChange?: ((event: import("react").SyntheticEvent<Element, Event>, value: any) => void) | undefined;
|
|
33
|
-
orientation?: "horizontal" | "vertical" | undefined;
|
|
34
|
-
ScrollButtonComponent?: import("react").ElementType<any> | undefined;
|
|
35
|
-
scrollButtons?: boolean | "auto" | undefined;
|
|
36
|
-
selectionFollowsFocus?: boolean | undefined;
|
|
37
|
-
TabIndicatorProps?: (import("react").HTMLAttributes<HTMLDivElement> & {
|
|
38
|
-
sx?: import("@mui/system").SxProps<import("@mui/material").Theme> | undefined;
|
|
39
|
-
}) | undefined;
|
|
40
|
-
TabScrollButtonProps?: Partial<import("@mui/material").TabScrollButtonProps> | undefined;
|
|
41
|
-
textColor?: "inherit" | "primary" | "secondary" | undefined;
|
|
42
|
-
value?: any;
|
|
43
|
-
variant?: "standard" | "fullWidth" | "scrollable" | undefined;
|
|
44
|
-
visibleScrollbar?: boolean | undefined;
|
|
45
|
-
sx?: import("@mui/system").SxProps<import("@mui/material").Theme> | undefined;
|
|
46
|
-
} & import("@mui/material/OverridableComponent").CommonProps & Omit<{
|
|
47
|
-
action?: import("react").Ref<import("@mui/material").ButtonBaseActions> | undefined;
|
|
48
|
-
centerRipple?: boolean | undefined;
|
|
49
|
-
children?: import("react").ReactNode;
|
|
50
|
-
classes?: Partial<import("@mui/material").ButtonBaseClasses> | undefined;
|
|
51
|
-
disabled?: boolean | undefined;
|
|
52
|
-
disableRipple?: boolean | undefined;
|
|
53
|
-
disableTouchRipple?: boolean | undefined;
|
|
54
|
-
focusRipple?: boolean | undefined;
|
|
55
|
-
focusVisibleClassName?: string | undefined;
|
|
56
|
-
LinkComponent?: import("react").ElementType<any> | undefined;
|
|
57
|
-
onFocusVisible?: import("react").FocusEventHandler<any> | undefined;
|
|
58
|
-
sx?: import("@mui/system").SxProps<import("@mui/material").Theme> | undefined;
|
|
59
|
-
tabIndex?: number | undefined;
|
|
60
|
-
TouchRippleProps?: Partial<import("@mui/material/ButtonBase/TouchRipple").TouchRippleProps> | undefined;
|
|
61
|
-
touchRippleRef?: import("react").Ref<import("@mui/material/ButtonBase/TouchRipple").TouchRippleActions> | undefined;
|
|
62
|
-
} & Omit<{
|
|
63
|
-
action?: import("react").Ref<import("@mui/material").ButtonBaseActions> | undefined;
|
|
64
|
-
centerRipple?: boolean | undefined;
|
|
65
|
-
children?: import("react").ReactNode;
|
|
66
|
-
classes?: Partial<import("@mui/material").ButtonBaseClasses> | undefined;
|
|
67
|
-
disabled?: boolean | undefined;
|
|
68
|
-
disableRipple?: boolean | undefined;
|
|
69
|
-
disableTouchRipple?: boolean | undefined;
|
|
70
|
-
focusRipple?: boolean | undefined;
|
|
71
|
-
focusVisibleClassName?: string | undefined;
|
|
72
|
-
LinkComponent?: import("react").ElementType<any> | undefined;
|
|
73
|
-
onFocusVisible?: import("react").FocusEventHandler<any> | undefined;
|
|
74
|
-
sx?: import("@mui/system").SxProps<import("@mui/material").Theme> | undefined;
|
|
75
|
-
tabIndex?: number | undefined;
|
|
76
|
-
TouchRippleProps?: Partial<import("@mui/material/ButtonBase/TouchRipple").TouchRippleProps> | undefined;
|
|
77
|
-
touchRippleRef?: import("react").Ref<import("@mui/material/ButtonBase/TouchRipple").TouchRippleActions> | undefined;
|
|
78
|
-
}, "classes"> & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
|
|
79
|
-
ref?: ((instance: HTMLButtonElement | null) => void) | import("react").RefObject<HTMLButtonElement> | null | undefined;
|
|
80
|
-
}, "action" | "children" | "tabIndex" | "disabled" | "sx" | keyof import("@mui/material/OverridableComponent").CommonProps | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef">, "variant" | "value" | "action" | "children" | "orientation" | "aria-label" | "aria-labelledby" | "onChange" | "sx" | keyof import("@mui/material/OverridableComponent").CommonProps | "slotProps" | "slots" | "selectionFollowsFocus" | "allowScrollButtonsMobile" | "centered" | "indicatorColor" | "ScrollButtonComponent" | "scrollButtons" | "TabIndicatorProps" | "TabScrollButtonProps" | "textColor" | "visibleScrollbar"> & import("@mui/system").MUIStyledCommonProps<import("@mui/system").Theme>, {}, {}>;
|
|
81
|
-
export declare const StyledTab: import("@emotion/styled").StyledComponent<{
|
|
82
|
-
children?: null | undefined;
|
|
83
|
-
classes?: Partial<import("@mui/material").TabClasses> | undefined;
|
|
84
|
-
disabled?: boolean | undefined;
|
|
85
|
-
disableFocusRipple?: boolean | undefined;
|
|
86
|
-
icon?: string | import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
|
|
87
|
-
iconPosition?: "end" | "start" | "top" | "bottom" | undefined;
|
|
88
|
-
label?: import("react").ReactNode;
|
|
89
|
-
sx?: import("@mui/system").SxProps<import("@mui/material").Theme> | undefined;
|
|
90
|
-
value?: any;
|
|
91
|
-
wrapped?: boolean | undefined;
|
|
92
|
-
} & Omit<{
|
|
93
|
-
action?: import("react").Ref<import("@mui/material").ButtonBaseActions> | undefined;
|
|
94
|
-
centerRipple?: boolean | undefined;
|
|
95
|
-
children?: import("react").ReactNode;
|
|
96
|
-
classes?: Partial<import("@mui/material").ButtonBaseClasses> | undefined;
|
|
97
|
-
disabled?: boolean | undefined;
|
|
98
|
-
disableRipple?: boolean | undefined;
|
|
99
|
-
disableTouchRipple?: boolean | undefined;
|
|
100
|
-
focusRipple?: boolean | undefined;
|
|
101
|
-
focusVisibleClassName?: string | undefined;
|
|
102
|
-
LinkComponent?: import("react").ElementType<any> | undefined;
|
|
103
|
-
onFocusVisible?: import("react").FocusEventHandler<any> | undefined;
|
|
104
|
-
sx?: import("@mui/system").SxProps<import("@mui/material").Theme> | undefined;
|
|
105
|
-
tabIndex?: number | undefined;
|
|
106
|
-
TouchRippleProps?: Partial<import("@mui/material/ButtonBase/TouchRipple").TouchRippleProps> | undefined;
|
|
107
|
-
touchRippleRef?: import("react").Ref<import("@mui/material/ButtonBase/TouchRipple").TouchRippleActions> | undefined;
|
|
108
|
-
}, "classes"> & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
|
|
109
|
-
ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
|
|
110
|
-
}, "value" | "label" | "action" | "children" | "tabIndex" | "disabled" | "icon" | "sx" | keyof import("@mui/material/OverridableComponent").CommonProps | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "iconPosition" | "wrapped"> & import("@mui/system").MUIStyledCommonProps<import("@mui/system").Theme>, {}, {}>;
|
|
111
|
-
export declare const ContentContainer: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/system").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
112
|
-
export declare const Close: import("@emotion/styled").StyledComponent<{
|
|
113
|
-
children?: import("react").ReactNode;
|
|
114
|
-
classes?: Partial<import("@mui/material").SvgIconClasses> | undefined;
|
|
115
|
-
color?: import("@mui/types").OverridableStringUnion<"error" | "inherit" | "action" | "disabled" | "success" | "info" | "warning" | "primary" | "secondary", import("@mui/material").SvgIconPropsColorOverrides> | undefined;
|
|
116
|
-
fontSize?: import("@mui/types").OverridableStringUnion<"small" | "medium" | "inherit" | "large", import("@mui/material").SvgIconPropsSizeOverrides> | undefined;
|
|
117
|
-
htmlColor?: string | undefined;
|
|
118
|
-
inheritViewBox?: boolean | undefined;
|
|
119
|
-
shapeRendering?: string | undefined;
|
|
120
|
-
sx?: import("@mui/system").SxProps<import("@mui/material").Theme> | undefined;
|
|
121
|
-
titleAccess?: string | undefined;
|
|
122
|
-
viewBox?: string | undefined;
|
|
123
|
-
} & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").SVGProps<SVGSVGElement>, "ref"> & {
|
|
124
|
-
ref?: ((instance: SVGSVGElement | null) => void) | import("react").RefObject<SVGSVGElement> | null | undefined;
|
|
125
|
-
}, "color" | "fontSize" | "shapeRendering" | "children" | "viewBox" | "sx" | keyof import("@mui/material/OverridableComponent").CommonProps | "htmlColor" | "inheritViewBox" | "titleAccess"> & import("@mui/system").MUIStyledCommonProps<import("@mui/system").Theme>, {}, {}>;
|
|
126
|
-
export declare const MenuItem: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/system").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
127
|
-
export declare const IconWrapper: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/system").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
128
|
-
export declare const StyledTextField: import("@emotion/styled").StyledComponent<{
|
|
129
|
-
variant?: import("@mui/material").TextFieldVariants | undefined;
|
|
130
|
-
} & Omit<import("@mui/material").StandardTextFieldProps | import("@mui/material").FilledTextFieldProps | import("@mui/material").OutlinedTextFieldProps, "variant"> & import("@mui/system").MUIStyledCommonProps<import("@mui/system").Theme>, {}, {}>;
|
|
@@ -1,80 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
-
};
|
|
5
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
-
exports.StyledTextField = exports.IconWrapper = exports.MenuItem = exports.Close = exports.ContentContainer = exports.StyledTab = exports.StyledTabs = exports.TabContainer = exports.MenuContainer = void 0;
|
|
7
|
-
const system_1 = require("@mui/system");
|
|
8
|
-
const material_1 = require("@mui/material");
|
|
9
|
-
const Close_1 = __importDefault(require("@mui/icons-material/Close"));
|
|
10
|
-
exports.MenuContainer = (0, system_1.styled)(material_1.Box)(({ theme }) => ({
|
|
11
|
-
width: "400px",
|
|
12
|
-
height: "515px",
|
|
13
|
-
borderRadius: "4px",
|
|
14
|
-
background: theme.palette.background.paper,
|
|
15
|
-
color: theme.palette.text.primary,
|
|
16
|
-
paddingBottom: "6px",
|
|
17
|
-
boxShadow: "0px 9px 46px rgba(0, 0, 0, 0.08)",
|
|
18
|
-
overflow: "hidden",
|
|
19
|
-
colorScheme: theme.palette.mode,
|
|
20
|
-
}));
|
|
21
|
-
exports.TabContainer = (0, system_1.styled)("div") `
|
|
22
|
-
margin-top: 4px;
|
|
23
|
-
overflow-x: scroll;
|
|
24
|
-
`;
|
|
25
|
-
exports.StyledTabs = (0, system_1.styled)(material_1.Tabs) `
|
|
26
|
-
display: flex;
|
|
27
|
-
align-items: flex-start;
|
|
28
|
-
width: max-content;
|
|
29
|
-
min-height: 40px;
|
|
30
|
-
`;
|
|
31
|
-
exports.StyledTab = (0, system_1.styled)(material_1.Tab) `
|
|
32
|
-
min-height: 40px;
|
|
33
|
-
`;
|
|
34
|
-
exports.ContentContainer = (0, system_1.styled)("div") `
|
|
35
|
-
height: calc(100% - 120px);
|
|
36
|
-
overflow-y: scroll;
|
|
37
|
-
`;
|
|
38
|
-
exports.Close = (0, system_1.styled)(Close_1.default) `
|
|
39
|
-
cursor: pointer;
|
|
40
|
-
font-size: 24px;
|
|
41
|
-
display: flex;
|
|
42
|
-
margin: 8px;
|
|
43
|
-
`;
|
|
44
|
-
exports.MenuItem = (0, system_1.styled)("div") `
|
|
45
|
-
display: flex;
|
|
46
|
-
align-items: center;
|
|
47
|
-
gap: 8px;
|
|
48
|
-
padding: 8px 12px;
|
|
49
|
-
margin: 4px;
|
|
50
|
-
border-radius: 12px;
|
|
51
|
-
cursor: pointer;
|
|
52
|
-
font-family: Inter;
|
|
53
|
-
font-size: 0.875rem;
|
|
54
|
-
font-weight: 600;
|
|
55
|
-
line-height: 24px;
|
|
56
|
-
:hover {
|
|
57
|
-
background: ${props => `${props.theme.palette?.background?.default}`};;
|
|
58
|
-
}
|
|
59
|
-
`;
|
|
60
|
-
exports.IconWrapper = (0, system_1.styled)("div") `
|
|
61
|
-
width: 24px;
|
|
62
|
-
height: 24px;
|
|
63
|
-
display: flex;
|
|
64
|
-
justify-content: center;
|
|
65
|
-
align-items: center;
|
|
66
|
-
border-radius: 6px;
|
|
67
|
-
object-fit: contain;
|
|
68
|
-
overflow: hidden;
|
|
69
|
-
`;
|
|
70
|
-
exports.StyledTextField = (0, system_1.styled)(material_1.TextField) `
|
|
71
|
-
width: calc(100% - 32px);
|
|
72
|
-
margin: 10px 16px 0;
|
|
73
|
-
.MuiOutlinedInput-notchedOutline {
|
|
74
|
-
border-color: rgb(216, 219, 220)!important;
|
|
75
|
-
}
|
|
76
|
-
.MuiInputBase-input {
|
|
77
|
-
padding-top: 5px;
|
|
78
|
-
padding-bottom: 5px;
|
|
79
|
-
}
|
|
80
|
-
`;
|
|
@@ -1,22 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
-
};
|
|
5
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
-
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
7
|
-
const react_1 = require("react");
|
|
8
|
-
const ParallelIcon_svg_1 = __importDefault(require("../../../../assets/icons/ParallelIcon.svg"));
|
|
9
|
-
const styled_1 = require("./styled");
|
|
10
|
-
const react_svg_1 = require("react-svg");
|
|
11
|
-
const SettingsContext_1 = require("../../contexts/SettingsContext");
|
|
12
|
-
const ParallelNode = ({ nodeData }) => {
|
|
13
|
-
const { setNode } = (0, react_1.useContext)(SettingsContext_1.SettingsContext);
|
|
14
|
-
const nodeDataWithoutSettings = nodeData
|
|
15
|
-
? { ...nodeData, settings: { ...nodeData.settings, settingsForm: undefined } }
|
|
16
|
-
: null;
|
|
17
|
-
const onNodeClick = () => {
|
|
18
|
-
setNode(nodeDataWithoutSettings);
|
|
19
|
-
};
|
|
20
|
-
return ((0, jsx_runtime_1.jsx)(styled_1.Container, { onClick: onNodeClick, children: (0, jsx_runtime_1.jsx)(react_svg_1.ReactSVG, { src: ParallelIcon_svg_1.default }) }));
|
|
21
|
-
};
|
|
22
|
-
exports.default = ParallelNode;
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
export declare const Container: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/system").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.Container = void 0;
|
|
4
|
-
const system_1 = require("@mui/system");
|
|
5
|
-
const config_1 = require("../../../../config");
|
|
6
|
-
const colors_1 = require("../../../../config/colors");
|
|
7
|
-
exports.Container = (0, system_1.styled)('div') `
|
|
8
|
-
height: ${config_1.Config.PARALLEL_NODE_HEIGHT}px;
|
|
9
|
-
min-width: ${config_1.Config.PARALLEL_NODE_HEIGHT}px;
|
|
10
|
-
border-radius: 32px;
|
|
11
|
-
background-color: ${colors_1.Colors.NAVY_BLUE};
|
|
12
|
-
display: flex;
|
|
13
|
-
justify-content: center;
|
|
14
|
-
align-items: center;
|
|
15
|
-
cursor: pointer;
|
|
16
|
-
`;
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
4
|
-
const styled_1 = require("./styled");
|
|
5
|
-
const StartNode = () => {
|
|
6
|
-
return ((0, jsx_runtime_1.jsx)(styled_1.IconContainer, { children: (0, jsx_runtime_1.jsx)(styled_1.Icon, {}) }));
|
|
7
|
-
};
|
|
8
|
-
exports.default = StartNode;
|
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
export declare const IconContainer: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/system").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
3
|
-
export declare const Icon: import("@emotion/styled").StyledComponent<{
|
|
4
|
-
children?: import("react").ReactNode;
|
|
5
|
-
classes?: Partial<import("@mui/material").SvgIconClasses> | undefined;
|
|
6
|
-
color?: import("@mui/types").OverridableStringUnion<"error" | "inherit" | "action" | "disabled" | "success" | "info" | "warning" | "primary" | "secondary", import("@mui/material").SvgIconPropsColorOverrides> | undefined;
|
|
7
|
-
fontSize?: import("@mui/types").OverridableStringUnion<"small" | "medium" | "inherit" | "large", import("@mui/material").SvgIconPropsSizeOverrides> | undefined;
|
|
8
|
-
htmlColor?: string | undefined;
|
|
9
|
-
inheritViewBox?: boolean | undefined;
|
|
10
|
-
shapeRendering?: string | undefined;
|
|
11
|
-
sx?: import("@mui/system").SxProps<import("@mui/material").Theme> | undefined;
|
|
12
|
-
titleAccess?: string | undefined;
|
|
13
|
-
viewBox?: string | undefined;
|
|
14
|
-
} & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").SVGProps<SVGSVGElement>, "ref"> & {
|
|
15
|
-
ref?: ((instance: SVGSVGElement | null) => void) | import("react").RefObject<SVGSVGElement> | null | undefined;
|
|
16
|
-
}, "color" | "fontSize" | "shapeRendering" | "children" | "viewBox" | "sx" | keyof import("@mui/material/OverridableComponent").CommonProps | "htmlColor" | "inheritViewBox" | "titleAccess"> & import("@mui/system").MUIStyledCommonProps<import("@mui/system").Theme>, {}, {}>;
|
|
@@ -1,22 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
-
};
|
|
5
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
-
exports.Icon = exports.IconContainer = void 0;
|
|
7
|
-
const system_1 = require("@mui/system");
|
|
8
|
-
const PlayArrow_1 = __importDefault(require("@mui/icons-material/PlayArrow"));
|
|
9
|
-
const config_1 = require("../../../../config");
|
|
10
|
-
const colors_1 = require("../../../../config/colors");
|
|
11
|
-
exports.IconContainer = (0, system_1.styled)('div') `
|
|
12
|
-
display: flex;
|
|
13
|
-
justify-content: center;
|
|
14
|
-
align-items: center;
|
|
15
|
-
background: ${colors_1.Colors.GREEN};
|
|
16
|
-
height: ${config_1.Config.EDGE_NODE_HEIGHT}px;
|
|
17
|
-
min-width: ${config_1.Config.EDGE_NODE_HEIGHT}px;
|
|
18
|
-
border-radius: 100%;
|
|
19
|
-
`;
|
|
20
|
-
exports.Icon = (0, system_1.styled)(PlayArrow_1.default) `
|
|
21
|
-
color: ${colors_1.Colors.WHITE};
|
|
22
|
-
`;
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import { FC, PropsWithChildren } from "react";
|
|
2
|
-
import { SettingsContextValueType } from "../../types";
|
|
3
|
-
import { IDrawerProps, Permissions } from "../../../flow/types";
|
|
4
|
-
type IProps = PropsWithChildren & {
|
|
5
|
-
permissions: Permissions;
|
|
6
|
-
drawerProps: IDrawerProps;
|
|
7
|
-
};
|
|
8
|
-
declare const SettingsContext: import("react").Context<SettingsContextValueType>;
|
|
9
|
-
declare const NodeSettingsProvider: FC<IProps>;
|
|
10
|
-
export { NodeSettingsProvider, SettingsContext };
|
|
@@ -1,47 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.SettingsContext = exports.NodeSettingsProvider = void 0;
|
|
4
|
-
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
|
-
const react_1 = require("react");
|
|
6
|
-
const material_1 = require("@mui/material");
|
|
7
|
-
const styled_1 = require("./styled");
|
|
8
|
-
const material_2 = require("@mui/material");
|
|
9
|
-
const config_1 = require("../../../../config");
|
|
10
|
-
const components_1 = require("../../../common/components");
|
|
11
|
-
const settingsContextValue = {
|
|
12
|
-
node: null,
|
|
13
|
-
setNode: () => ({}),
|
|
14
|
-
};
|
|
15
|
-
const SettingsContext = (0, react_1.createContext)(settingsContextValue);
|
|
16
|
-
exports.SettingsContext = SettingsContext;
|
|
17
|
-
const NodeSettingsProvider = ({ children, permissions: { canUpdate, canDelete }, drawerProps: { isOpen, onClose, onOpen }, }) => {
|
|
18
|
-
const [node, setNodeBase] = (0, react_1.useState)(null);
|
|
19
|
-
const setNode = (nodeData) => {
|
|
20
|
-
const delay = node ? config_1.Config.SET_NODE_DELAY : 0;
|
|
21
|
-
setTimeout(() => {
|
|
22
|
-
setNodeBase(nodeData || null);
|
|
23
|
-
onOpen();
|
|
24
|
-
}, delay);
|
|
25
|
-
};
|
|
26
|
-
const isNodeWithoutSave = node?.type && config_1.Config.NODES_WITHOUT_SAVE_BUTTON.includes(node?.type);
|
|
27
|
-
const handleClose = () => {
|
|
28
|
-
onClose();
|
|
29
|
-
setTimeout(() => {
|
|
30
|
-
setNodeBase(null);
|
|
31
|
-
}, config_1.Config.CLEAR_NODE_DELAY);
|
|
32
|
-
};
|
|
33
|
-
const onSaveNode = () => {
|
|
34
|
-
node?.settings?.footer?.onSave?.(node?.id);
|
|
35
|
-
handleClose();
|
|
36
|
-
};
|
|
37
|
-
const onCancel = () => {
|
|
38
|
-
node?.settings?.footer?.onCancel?.(node?.id);
|
|
39
|
-
handleClose();
|
|
40
|
-
};
|
|
41
|
-
const onDeleteNode = () => {
|
|
42
|
-
node?.settings?.footer?.onDelete?.(node?.id);
|
|
43
|
-
handleClose();
|
|
44
|
-
};
|
|
45
|
-
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" }))] }))] }) }))] }));
|
|
46
|
-
};
|
|
47
|
-
exports.NodeSettingsProvider = NodeSettingsProvider;
|
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
export declare const SettingsContent: import("@emotion/styled").StyledComponent<import("@mui/system").SystemProps<import("@mui/material").Theme> & {
|
|
3
|
-
children?: import("react").ReactNode;
|
|
4
|
-
component?: import("react").ElementType<any> | undefined;
|
|
5
|
-
ref?: import("react").Ref<unknown> | undefined;
|
|
6
|
-
sx?: import("@mui/material").SxProps<import("@mui/material").Theme> | undefined;
|
|
7
|
-
} & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
|
|
8
|
-
ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
|
|
9
|
-
}, "children" | "ref" | ("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") | "component" | "sx"> & import("@mui/system").MUIStyledCommonProps<import("@mui/system").Theme>, {}, {}>;
|
|
10
|
-
export declare const DefaultFooterContainer: import("@emotion/styled").StyledComponent<import("@mui/system").SystemProps<import("@mui/material").Theme> & {
|
|
11
|
-
children?: import("react").ReactNode;
|
|
12
|
-
component?: import("react").ElementType<any> | undefined;
|
|
13
|
-
ref?: import("react").Ref<unknown> | undefined;
|
|
14
|
-
sx?: import("@mui/material").SxProps<import("@mui/material").Theme> | undefined;
|
|
15
|
-
} & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
|
|
16
|
-
ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
|
|
17
|
-
}, "children" | "ref" | ("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") | "component" | "sx"> & import("@mui/system").MUIStyledCommonProps<import("@mui/system").Theme>, {}, {}>;
|
|
18
|
-
export declare const IconBorder: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/system").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
19
|
-
export declare const IconWrapper: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/system").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
20
|
-
export declare const NameContainer: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/system").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
@@ -1,40 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.NameContainer = exports.IconWrapper = exports.IconBorder = exports.DefaultFooterContainer = exports.SettingsContent = void 0;
|
|
4
|
-
const material_1 = require("@mui/material");
|
|
5
|
-
const system_1 = require("@mui/system");
|
|
6
|
-
exports.SettingsContent = (0, system_1.styled)(material_1.Box) `
|
|
7
|
-
display: flex;
|
|
8
|
-
flex-direction: column;
|
|
9
|
-
height: 100%;
|
|
10
|
-
`;
|
|
11
|
-
exports.DefaultFooterContainer = (0, system_1.styled)(material_1.Box) `
|
|
12
|
-
display: flex;
|
|
13
|
-
align-items: center;
|
|
14
|
-
gap: 24px;
|
|
15
|
-
margin-top: 20px;
|
|
16
|
-
`;
|
|
17
|
-
exports.IconBorder = (0, system_1.styled)('div') `
|
|
18
|
-
position: absolute;
|
|
19
|
-
width: 100%;
|
|
20
|
-
height: 100%;
|
|
21
|
-
border-radius: 6px;
|
|
22
|
-
border: 1px solid rgba(17, 25, 39, 0.12);
|
|
23
|
-
`;
|
|
24
|
-
exports.IconWrapper = (0, system_1.styled)("div") `
|
|
25
|
-
width: 56px;
|
|
26
|
-
height: 56px;
|
|
27
|
-
background: #f3f3f3;
|
|
28
|
-
display: flex;
|
|
29
|
-
justify-content: center;
|
|
30
|
-
align-items: center;
|
|
31
|
-
border-radius: 6px;
|
|
32
|
-
object-fit: contain;
|
|
33
|
-
position: relative;
|
|
34
|
-
overflow: hidden;
|
|
35
|
-
`;
|
|
36
|
-
exports.NameContainer = (0, system_1.styled)("div") `
|
|
37
|
-
font-size: 18px;
|
|
38
|
-
font-weight: 700;
|
|
39
|
-
text-align: left;
|
|
40
|
-
`;
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
export declare enum NodeTypeEnum {
|
|
2
|
-
BaseNode = "baseNode",
|
|
3
|
-
StartNode = "startNode",
|
|
4
|
-
EndNode = "endNode",
|
|
5
|
-
HubNode = "hubNode",
|
|
6
|
-
ChoiceNode = "choiceNode",
|
|
7
|
-
ParallelNode = "parallelNode"
|
|
8
|
-
}
|
|
9
|
-
export declare enum NodeMenuItemType {
|
|
10
|
-
EXTENSION = "extension",
|
|
11
|
-
AI_AGENT = "ai-agent"
|
|
12
|
-
}
|