@funcd-dev/ui 0.0.0-bootstrap.0

package/Readme.md

@@ -0,0 +1,10 @@
+# Blog
+
+- React Component Library with Vite and Deploy in NPM : https://articles.wesionary.team/react-component-library-with-vite-and-deploy-in-npm-579c2880d6ff
+
+- Create a React component library with Vite and Typescript : https://dev.to/nicolaserny/create-a-react-component-library-with-vite-and-typescript-1ih9
+
+# Storybook
+
+- configure storybook with mantine : https://mantine.dev/guides/storybook/
+- Supporting Vitest : https://github.com/storybookjs/storybook/issues/17326

package/dist/atoms/index.d.ts

@@ -0,0 +1 @@
+export * from './logo';

package/dist/atoms/logo/cnd.d.ts

@@ -0,0 +1,6 @@
+import { FC, SVGProps } from 'react';
+interface ICNDIcon extends SVGProps<SVGSVGElement> {
+    color?: string;
+}
+declare const CNDIcon: FC<ICNDIcon>;
+export default CNDIcon;

package/dist/atoms/logo/index.d.ts

@@ -0,0 +1 @@
+export { default as CNDIcon } from './cnd';

package/dist/auth/auth.context.d.ts

@@ -0,0 +1,3 @@
+import Keycloak from 'keycloak-js';
+declare const KeycloakContext: import("react").Context<Keycloak>;
+export default KeycloakContext;

package/dist/auth/auth.guard.d.ts

@@ -0,0 +1,7 @@
+import { ReactNode, FC } from 'react';
+interface IKeycloakGuard {
+    children: ReactNode;
+    fallback?: ReactNode;
+}
+declare const KeycloakGuard: FC<IKeycloakGuard>;
+export default KeycloakGuard;

package/dist/auth/auth.hooks.d.ts

@@ -0,0 +1,3 @@
+import Keycloak from 'keycloak-js';
+declare function useKeycloak(): Keycloak;
+export default useKeycloak;

package/dist/auth/auth.provider.d.ts

@@ -0,0 +1,10 @@
+import { FC, ReactNode } from 'react';
+import Keycloak from 'keycloak-js';
+export interface IKeycloakProviderProps {
+    keycloak: Keycloak;
+    onLoad?: 'check-sso' | 'login-required';
+}
+declare const KeycloakProvider: FC<IKeycloakProviderProps & {
+    children: ReactNode;
+}>;
+export default KeycloakProvider;

package/dist/auth/index.d.ts

@@ -0,0 +1,4 @@
+export { default as AuthProvider } from './auth.provider';
+export * from './auth.provider';
+export { default as useAuth } from './auth.hooks';
+export { default as AuthGuard } from './auth.guard';

package/dist/favicon.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--logos" width="31.88" height="32" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 257"><defs><linearGradient id="IconifyId1813088fe1fbc01fb466" x1="-.828%" x2="57.636%" y1="7.652%" y2="78.411%"><stop offset="0%" stop-color="#41D1FF"></stop><stop offset="100%" stop-color="#BD34FE"></stop></linearGradient><linearGradient id="IconifyId1813088fe1fbc01fb467" x1="43.376%" x2="50.316%" y1="2.242%" y2="89.03%"><stop offset="0%" stop-color="#FFEA83"></stop><stop offset="8.333%" stop-color="#FFDD35"></stop><stop offset="100%" stop-color="#FFA800"></stop></linearGradient></defs><path fill="url(#IconifyId1813088fe1fbc01fb466)" d="M255.153 37.938L134.897 252.976c-2.483 4.44-8.862 4.466-11.382.048L.875 37.958c-2.746-4.814 1.371-10.646 6.827-9.67l120.385 21.517a6.537 6.537 0 0 0 2.322-.004l117.867-21.483c5.438-.991 9.574 4.796 6.877 9.62Z"></path><path fill="url(#IconifyId1813088fe1fbc01fb467)" d="M185.432.063L96.44 17.501a3.268 3.268 0 0 0-2.634 3.014l-5.474 92.456a3.268 3.268 0 0 0 3.997 3.378l24.777-5.718c2.318-.535 4.413 1.507 3.936 3.838l-7.361 36.047c-.495 2.426 1.782 4.5 4.151 3.78l15.304-4.649c2.372-.72 4.652 1.36 4.15 3.788l-11.698 56.621c-.732 3.542 3.979 5.473 5.943 2.437l1.313-2.028l72.516-144.72c1.215-2.423-.88-5.186-3.54-4.672l-25.505 4.922c-2.396.462-4.435-1.77-3.759-4.114l16.646-57.705c.677-2.35-1.37-4.583-3.769-4.113Z"></path></svg>

package/dist/hm-flow/components/canvas-form/canvas-form.d.ts

@@ -0,0 +1,10 @@
+import { IReactiveFieldMeta } from '@/reactive-form';
+import { DefaultValues } from 'react-hook-form';
+interface ICanvasForm<T extends Record<string, any>> {
+    submitButtonText: string;
+    meta: IReactiveFieldMeta<T>[];
+    defaultValues: DefaultValues<T>;
+    onSubmit: (submitedData: T) => void;
+}
+declare const CanvasForm: <T extends Record<string, any>>(props: ICanvasForm<T>) => import("react").JSX.Element;
+export default CanvasForm;

package/dist/hm-flow/components/canvas-form/index.d.ts

@@ -0,0 +1 @@
+export { default as CanvasForm } from './canvas-form';

package/dist/hm-flow/components/header-status/header-status.d.ts

@@ -0,0 +1,11 @@
+import { FC } from 'react';
+import { IHeaderAction } from './header-status.types';
+export type HmFlowHeaderStatus = 'green' | 'red' | 'yellow' | 'purple' | 'orange';
+interface IHmFlowHeader {
+    title: string;
+    textStatus: string;
+    color?: HmFlowHeaderStatus;
+    actions: IHeaderAction[];
+}
+declare const HeaderStatus: FC<IHmFlowHeader>;
+export default HeaderStatus;

package/dist/hm-flow/components/header-status/header-status.types.d.ts

@@ -0,0 +1,13 @@
+import { ActionHandlerDepsType } from '@/hm-flow/node';
+import { JSX } from 'react';
+export interface IHeaderActionsHandlersParams {
+    deps: ActionHandlerDepsType;
+}
+export type HeaderActionHandlerType = (params: IHeaderActionsHandlersParams) => void;
+export type HeaderActionType = 'edit';
+export interface IHeaderAction {
+    name: string;
+    type: HeaderActionType;
+    icon: JSX.Element;
+    onClick: (params: IHeaderActionsHandlersParams) => void;
+}

package/dist/hm-flow/components/header-status/index.d.ts

@@ -0,0 +1,2 @@
+export { default as HeaderStatus } from './header-status';
+export type { HmFlowHeaderStatus } from './header-status';

package/dist/hm-flow/components/hm-flow-bottom/hm-flow-bottom.d.ts

@@ -0,0 +1,7 @@
+import { FC } from 'react';
+import { IHmFlowBottomItem } from './hm-flow-bottom.type';
+export interface IHmFlowBottomProps {
+    items: IHmFlowBottomItem[];
+}
+declare const HmFlowBottom: FC<IHmFlowBottomProps>;
+export default HmFlowBottom;

package/dist/hm-flow/components/hm-flow-bottom/hm-flow-bottom.type.d.ts

@@ -0,0 +1,5 @@
+import { ComponentType } from 'react';
+export interface IHmFlowBottomItem {
+    name: string;
+    component: ComponentType<any>;
+}

package/dist/hm-flow/components/hm-flow-bottom/index.d.ts

@@ -0,0 +1,3 @@
+export { default as HmFlowBottom } from './hm-flow-bottom';
+export type { IHmFlowBottomProps } from './hm-flow-bottom';
+export * from './hm-flow-bottom.type';

package/dist/hm-flow/components/hm-flow-header/hm-flow-header.d.ts

@@ -0,0 +1,7 @@
+import { FC } from 'react';
+import { IHmFlowHeaderItem } from './hm-flow-header.type';
+export interface IHmFlowHeaderProps {
+    items: IHmFlowHeaderItem[];
+}
+declare const HmFlowHeader: FC<IHmFlowHeaderProps>;
+export default HmFlowHeader;

package/dist/hm-flow/components/hm-flow-header/hm-flow-header.type.d.ts

@@ -0,0 +1,5 @@
+import { ComponentType } from 'react';
+export interface IHmFlowHeaderItem {
+    name: string;
+    component: ComponentType<any>;
+}

package/dist/hm-flow/components/hm-flow-header/index.d.ts

@@ -0,0 +1,3 @@
+export { default as HmFlowHeader } from './hm-flow-header';
+export type { IHmFlowHeaderProps } from './hm-flow-header';
+export * from './hm-flow-header.type';

package/dist/hm-flow/components/hm-flow-modal/hm-flow-modal.d.ts

@@ -0,0 +1,11 @@
+import { FC, SetStateAction } from 'react';
+import { IHmFlowModalItem } from './hm-flow-modal.type';
+export interface IHmFlowModalProps {
+    items: IHmFlowModalItem[];
+    modalOpened: boolean;
+    currentModalTab: string | null;
+    testMode?: boolean;
+    setModalOpened: (value: SetStateAction<boolean>) => void;
+}
+declare const HmFlowModal: FC<IHmFlowModalProps>;
+export default HmFlowModal;

package/dist/hm-flow/components/hm-flow-modal/hm-flow-modal.type.d.ts

@@ -0,0 +1,13 @@
+import { Node } from '@xyflow/react';
+import { ComponentType, Dispatch, SetStateAction } from 'react';
+export interface IHmFlowModalItemProps {
+    nodes: Node[];
+    currentNode: any;
+    setNodes: React.Dispatch<React.SetStateAction<Node[]>>;
+    setCurrentNode: Dispatch<SetStateAction<any>>;
+    onUpdateNode: (node: Node) => void;
+}
+export interface IHmFlowModalItem {
+    name: string;
+    component: ComponentType<any>;
+}

package/dist/hm-flow/components/hm-flow-modal/index.d.ts

@@ -0,0 +1,3 @@
+export { default as HmFlowModal } from './hm-flow-modal';
+export type { IHmFlowModalProps } from './hm-flow-modal';
+export * from './hm-flow-modal.type';

package/dist/hm-flow/components/hm-flow-sidebar/hm-flow-sidebar.d.ts

@@ -0,0 +1,11 @@
+import { FC } from 'react';
+import { IHmFlowSideBarItem } from './hm-flow-sidebar.type';
+export interface IHmFlowSideBarProps {
+    items: IHmFlowSideBarItem[];
+    drawerOpened: boolean;
+    onDrawerClose: () => void;
+    currentTab: string | null;
+    testMode?: boolean;
+}
+declare const HmFlowSideBar: FC<IHmFlowSideBarProps>;
+export default HmFlowSideBar;

package/dist/hm-flow/components/hm-flow-sidebar/hm-flow-sidebar.type.d.ts

@@ -0,0 +1,5 @@
+import { ComponentType } from 'react';
+export interface IHmFlowSideBarItem {
+    name: string;
+    component: ComponentType<any>;
+}

package/dist/hm-flow/components/hm-flow-sidebar/index.d.ts

@@ -0,0 +1,3 @@
+export { default as HmFlowSideBar } from './hm-flow-sidebar';
+export type { IHmFlowSideBarProps } from './hm-flow-sidebar';
+export * from './hm-flow-sidebar.type';

package/dist/hm-flow/components/index.d.ts

@@ -0,0 +1,9 @@
+export * from './header-status';
+export * from './hm-flow-bottom';
+export * from './hm-flow-header';
+export * from './hm-flow-modal';
+export * from './hm-flow-sidebar';
+export * from './node-editor';
+export * from './node-search';
+export * from './canvas-form';
+export * from './toolbar';

package/dist/hm-flow/components/node-editor/index.d.ts

@@ -0,0 +1 @@
+export { default as NodeEditor } from './node-editor';

package/dist/hm-flow/components/node-editor/node-editor.d.ts

@@ -0,0 +1,7 @@
+import { IActionsHandlersParams } from '@/hm-flow';
+import { FC } from 'react';
+interface IPreviewToEditNodeProps {
+    onUpdateNode: (params: IActionsHandlersParams) => void;
+}
+declare const NodeEditor: FC<IPreviewToEditNodeProps>;
+export default NodeEditor;

package/dist/hm-flow/components/node-search/index.d.ts

@@ -0,0 +1,2 @@
+export { default as NodesItem } from './nodes-item';
+export { default as NodesSearch } from './nodes-search';

package/dist/hm-flow/components/node-search/nodes-item.d.ts

@@ -0,0 +1,8 @@
+import { FC } from 'react';
+export interface INodesItemProps {
+    img: string;
+    label: string;
+    onSelect: (label: string) => void;
+}
+declare const NodesItem: FC<INodesItemProps>;
+export default NodesItem;

package/dist/hm-flow/components/node-search/nodes-search.d.ts

@@ -0,0 +1,8 @@
+import { INodeAction, IPyNode } from '@/hm-flow';
+import { FC } from 'react';
+interface INodesSearchProps {
+    searchItems: IPyNode[];
+    actions: INodeAction[];
+}
+declare const NodesSearch: FC<INodesSearchProps>;
+export default NodesSearch;

package/dist/hm-flow/components/toolbar/index.d.ts

@@ -0,0 +1 @@
+export { default as Toolbar } from './toolbar';

package/dist/hm-flow/components/toolbar/toolbar.d.ts

@@ -0,0 +1,7 @@
+import { FC } from 'react';
+import { IToolbarAction } from './toolbar.types';
+interface IToolbar {
+    actions: IToolbarAction[];
+}
+declare const Toolbar: FC<IToolbar>;
+export default Toolbar;

package/dist/hm-flow/components/toolbar/toolbar.types.d.ts

@@ -0,0 +1,17 @@
+import { ActionHandlerDepsType } from '@/hm-flow/node/types';
+import { JSX } from 'react';
+export type ToolbarActionType = 'save' | 'layout' | 'run' | 'deleteFlow';
+export type ToolbarPosition = 'main' | 'left' | 'right';
+export interface ToolbarActionsHandlersParams {
+    deps: ActionHandlerDepsType;
+}
+export type ToolbarActionHandlerType = (params: ToolbarActionsHandlersParams) => void;
+export interface IToolbarAction {
+    name: string;
+    variant?: string;
+    type: ToolbarActionType;
+    icon: JSX.Element;
+    position?: ToolbarPosition;
+    color?: 'default' | 'primary' | 'info' | 'success' | 'warning' | 'danger';
+    onClick: (params: ToolbarActionsHandlersParams) => void;
+}

package/dist/hm-flow/hm-flow-base.d.ts

@@ -0,0 +1,18 @@
+import { FC, ReactNode } from 'react';
+import type { NodeBase } from '@xyflow/system';
+import { IHmFlowModalProps, IHmFlowSideBarProps } from './components';
+import { IInitialNodeData, ICanvasConfigs } from './hm-flow.types';
+import { ActionHandlerDepsType, PyNodeDataWithActionType } from './node';
+export interface IHmFlowBase {
+    initialData?: IInitialNodeData;
+    canvasConfig?: ICanvasConfigs;
+    sideBarComponent: (params: Omit<IHmFlowSideBarProps, 'items'>) => ReactNode;
+    modalComponent: (params: Omit<IHmFlowModalProps, 'items'>) => ReactNode;
+    bottomComponent: () => ReactNode;
+    headerComponent: () => ReactNode;
+    onCanvasDoubleClick: (deps: ActionHandlerDepsType) => void;
+    onCanvasDoubleClicked?: (deps: ActionHandlerDepsType) => void;
+    onNodeDoubleClick: (event: React.MouseEvent, node: NodeBase<PyNodeDataWithActionType>, deps: ActionHandlerDepsType) => void;
+}
+declare const HmFlowBase: FC<IHmFlowBase>;
+export default HmFlowBase;

package/dist/hm-flow/hm-flow-base.types.d.ts

@@ -0,0 +1,61 @@
+import { Edge, Node, ReactFlowJsonObject, XYPosition } from '@xyflow/react';
+import { SetViewport } from '@xyflow/system';
+import { Dispatch, RefObject, SetStateAction } from 'react';
+import { PyNodeDataWithActionType } from './node';
+export interface ICanvasDoubleClickParams {
+    reactFlowWrapper: RefObject<HTMLDivElement>;
+    screenToFlowPosition: (clientPosition: XYPosition, options?: {
+        snapToGrid: boolean;
+    }) => XYPosition;
+    setCurrentTab: Dispatch<SetStateAction<string | null>>;
+    setClickedPosition: Dispatch<SetStateAction<{
+        x: number;
+        y: number;
+    } | null>>;
+    setDrawerOpened: Dispatch<SetStateAction<boolean>>;
+}
+export interface IOnNodeDoubleClick {
+    setCurrentModalTab: Dispatch<SetStateAction<string | null>>;
+    setModalOpened: Dispatch<SetStateAction<boolean>>;
+    setCurrentNode: Dispatch<SetStateAction<any>>;
+}
+export interface ICanvasDeps {
+    clickedPosition: {
+        x: number;
+        y: number;
+    } | null;
+    setClickedPosition: Dispatch<SetStateAction<{
+        x: number;
+        y: number;
+    } | null>>;
+    reactFlowWrapper: RefObject<HTMLDivElement>;
+}
+export interface IDrawerDeps {
+    setDrawerOpened: Dispatch<SetStateAction<boolean>>;
+    setCurrentTab: Dispatch<SetStateAction<string | null>>;
+}
+export interface IModalDeps {
+    setCurrentModalTab: Dispatch<SetStateAction<string | null>>;
+    setModalOpened: Dispatch<SetStateAction<boolean>>;
+}
+export interface INodeDeps {
+    nodes: Node[];
+    edges: Edge[];
+    stateJoinsNode: boolean;
+    setStateJoinsNode: Dispatch<SetStateAction<boolean>>;
+    currentNode: Node | null;
+    setCurrentNode: Dispatch<SetStateAction<any>>;
+    nodeCounters: Record<string, number>;
+    setNodes: Dispatch<SetStateAction<Node[]>>;
+    setEdges: Dispatch<SetStateAction<Edge[]>>;
+    setNodeCounters: Dispatch<SetStateAction<Record<string, number>>>;
+}
+export interface IReactFlowDeps {
+    screenToFlowPosition: (clientPosition: XYPosition, options?: {
+        snapToGrid: boolean;
+    }) => XYPosition;
+    toObject: () => ReactFlowJsonObject<Node<PyNodeDataWithActionType>, Edge>;
+    setViewport: SetViewport;
+    onLayout: (direction: string) => void;
+}
+export type HmFlowChildrenDepsType = IDrawerDeps & IModalDeps & INodeDeps & ICanvasDeps & IReactFlowDeps;

package/dist/hm-flow/hm-flow.d.ts

@@ -0,0 +1,18 @@
+import { FC } from 'react';
+import { HmFlowHeaderStatus } from './components';
+import { ICanvasConfigs, IHmFlowData } from './hm-flow.types';
+import { ActionHandlerDepsType, INodeAction, IPyNode } from './node';
+export interface IHmFlow {
+    searchItems: IPyNode[];
+    defaultHmFlowData: IHmFlowData;
+    canvasConfig?: ICanvasConfigs;
+    color?: HmFlowHeaderStatus;
+    textStatus: string;
+    onCanvasDoubleClicked?: (deps: ActionHandlerDepsType) => void;
+    onHmflowSave?: (flow: IHmFlowData) => void;
+    onHmflowRun?: (flow: IHmFlowData) => void;
+    onHmflowDelete?: () => void;
+}
+export declare const defaultActions: INodeAction[];
+declare const HmFlow: FC<IHmFlow>;
+export default HmFlow;

package/dist/hm-flow/hm-flow.types.d.ts

@@ -0,0 +1,60 @@
+import { BackgroundVariant, ColorMode, Edge, Node, NodeTypes, PanelPosition, Viewport } from '@xyflow/react';
+import { CSSProperties } from 'react';
+import { ActionHandlerDepsType, PyNodeDataWithActionType } from './node';
+export type IInitialNodeData = {
+    nodes?: Node[];
+    edges?: Edge[];
+};
+export type HmFlowSpacingType = 'xs' | 'sm' | 'md' | 'lg' | 'xl' | number;
+export interface IHmFlowActionsHandlersParams {
+    deps: ActionHandlerDepsType;
+}
+export type HmFlowNodeTypes = NodeTypes;
+export declare const HmFlowBackgroundVariant: {
+    readonly dots: BackgroundVariant.Dots;
+    readonly cross: BackgroundVariant.Cross;
+    readonly lines: BackgroundVariant.Lines;
+};
+export type HmFlowBackgroundVariantType = keyof typeof HmFlowBackgroundVariant;
+export interface ICanvasConfigs {
+    miniMap?: boolean;
+    mapAttr?: {
+        nodeColor?: string;
+        nodeStrokeColor?: string;
+        nodeBorderRadius?: number;
+        nodeStrokeWidth?: number;
+        position?: PanelPosition;
+        zoomable?: boolean;
+        pannable?: boolean;
+    };
+    controls?: boolean;
+    ctlAttr?: {
+        showZoom?: boolean;
+        showFitView?: boolean;
+        showInteractive?: boolean;
+        position?: PanelPosition;
+        orientation?: 'horizontal' | 'vertical';
+    };
+    background?: boolean;
+    bgAttr?: {
+        bgColor?: string;
+        color?: string;
+        style?: CSSProperties;
+        gap?: number | [number, number];
+        size?: number;
+        offset?: number;
+        variant?: HmFlowBackgroundVariantType;
+    };
+    colorMode?: ColorMode;
+}
+export interface IHmFlowMetadata {
+    name: string;
+    description?: string;
+    version?: string;
+}
+export interface IHmFlowData {
+    metadata: IHmFlowMetadata;
+    nodes: Node<PyNodeDataWithActionType>[];
+    edges: Edge[];
+    viewport: Viewport;
+}

package/dist/hm-flow/hooks/index.d.ts

@@ -0,0 +1,7 @@
+export { useHmFlowInteractions } from './use-hm-flow-interactions';
+export { useNodesService } from './use-nodes-service';
+export { useHmFlowService } from './use-hm-flow-service';
+export { useNodeAndEdgeHandlers } from './use-nodes-edges-handlers';
+export { default as useHmFlow } from './use-hm-flow';
+export { default as useHmFlowChildrenDeps } from './use-hm-flow-children-deps';
+export type { HmFlowJsonObject } from './use-hm-flow-service';

package/dist/hm-flow/hooks/use-hm-flow-children-deps.d.ts

@@ -0,0 +1,2 @@
+declare const useHmFlowChildrenDeps: () => import("../provider").HmFlowChildrenDepsContextType;
+export default useHmFlowChildrenDeps;

package/dist/hm-flow/hooks/use-hm-flow-interactions.d.ts

@@ -0,0 +1,28 @@
+import { Node } from '@xyflow/react';
+import { Dispatch, RefObject, SetStateAction } from 'react';
+import { PyNodeDataWithActionType } from '../node';
+interface IUseHMFlowInteractions {
+    reactFlowWrapper: RefObject<HTMLDivElement>;
+    setDrawerOpened: Dispatch<SetStateAction<boolean>>;
+    setCurrentTab: Dispatch<SetStateAction<string | null>>;
+}
+export declare const useHmFlowInteractions: (params: IUseHMFlowInteractions) => {
+    clickedPosition: {
+        x: number;
+        y: number;
+    } | null;
+    reactFlowWrapper: RefObject<HTMLDivElement>;
+    setClickedPosition: Dispatch<SetStateAction<{
+        x: number;
+        y: number;
+    } | null>>;
+    setDrawerOpened: Dispatch<SetStateAction<boolean>>;
+    setCurrentTab: Dispatch<SetStateAction<string | null>>;
+    screenToFlowPosition: (clientPosition: import("@xyflow/system").XYPosition, options?: {
+        snapToGrid?: boolean;
+        snapGrid?: import("@xyflow/system").SnapGrid;
+    }) => import("@xyflow/system").XYPosition;
+    toObject: () => import("@xyflow/react").ReactFlowJsonObject<Node<PyNodeDataWithActionType>, import("@xyflow/react").Edge>;
+    setViewport: import("@xyflow/system").SetViewport;
+};
+export {};

package/dist/hm-flow/hooks/use-hm-flow-service.d.ts

@@ -0,0 +1,19 @@
+import { Edge, Node, ReactFlowJsonObject } from '@xyflow/react';
+import { IHeaderAction } from '../components/header-status/header-status.types';
+import { IToolbarAction } from '../components/toolbar/toolbar.types';
+import { IHmFlowData, IHmFlowMetadata } from '../hm-flow.types';
+import { PyNodeDataWithActionType } from '../node';
+export type HmFlowJsonObject = ReactFlowJsonObject<Node<PyNodeDataWithActionType>, Edge>;
+export interface IUseHmFlowService {
+    bottomActions?: IToolbarAction[];
+    headerActions?: IHeaderAction[];
+    onHmflowSave?: (flow: IHmFlowData) => void;
+    onHmflowRun?: (flow: IHmFlowData) => void;
+    onHmflowDelete?: () => void;
+    defaultHmFlowMetadata?: IHmFlowMetadata;
+}
+export declare const useHmFlowService: (params: IUseHmFlowService) => {
+    hmflowData: import("react").RefObject<IHmFlowData>;
+    bottomAction: IToolbarAction[];
+    headerAction: IHeaderAction[];
+};

package/dist/hm-flow/hooks/use-hm-flow.d.ts

@@ -0,0 +1,2 @@
+declare const useHmFlow: () => import("../provider/hm-flow-context").HmFlowContextType;
+export default useHmFlow;

package/dist/hm-flow/hooks/use-nodes-edges-handlers.d.ts

@@ -0,0 +1,21 @@
+import { Edge, Node } from '@xyflow/react';
+import { IInitialNodeData } from '../hm-flow.types';
+interface IUseNodeAndEdgeHandlers {
+    initialData?: IInitialNodeData;
+}
+export declare const useNodeAndEdgeHandlers: (params: IUseNodeAndEdgeHandlers) => {
+    nodes: any[];
+    setNodes: import("react").Dispatch<import("react").SetStateAction<any[]>>;
+    selectedNodes: string[];
+    setSelectedNodes: import("react").Dispatch<import("react").SetStateAction<string[]>>;
+    currentNode: Node | null;
+    setCurrentNode: import("react").Dispatch<import("react").SetStateAction<Node | null>>;
+    edges: Edge[];
+    setEdges: import("react").Dispatch<import("react").SetStateAction<Edge[]>>;
+    selectedEdges: string[];
+    onNodesChange: import("@xyflow/react").OnNodesChange<any>;
+    onEdgesChange: import("@xyflow/react").OnEdgesChange<Edge>;
+    onConnect: (params: any) => void;
+    onLayout: (direction: string | undefined) => void;
+};
+export {};

package/dist/hm-flow/hooks/use-nodes-service.d.ts

@@ -0,0 +1,11 @@
+import { Node } from '@xyflow/react';
+import { ActionHandlerDepsType, IActionsHandlersParams, INodeAction, PyNodeDataWithActionType } from '../node';
+export interface IUseNodesServiceParams {
+    defaultActions: INodeAction[];
+}
+export declare const useNodesService: (params: IUseNodesServiceParams) => {
+    actions: INodeAction[];
+    onNodeDoubleClick: (event: React.MouseEvent, node: Node<PyNodeDataWithActionType>, deps: ActionHandlerDepsType) => void;
+    onUpdateNode: (params: IActionsHandlersParams) => void;
+    searchNode: (deps: ActionHandlerDepsType) => void;
+};

package/dist/hm-flow/index.d.ts

@@ -0,0 +1,9 @@
+export { default as HmFlowBase } from './hm-flow-base';
+export type { IHmFlowBase } from './hm-flow-base';
+export { default as HmFlowProvider } from './provider/hm-flow-provider';
+export { default as HmFlow } from './hm-flow';
+export * from './node';
+export * from './hm-flow.types';
+export * from './hm-flow';
+export * from './hooks';
+import '@xyflow/react/dist/style.css';

package/dist/hm-flow/node/index.d.ts

@@ -0,0 +1,4 @@
+export * from './types';
+export * from './utils';
+export { default as PyNode } from './node';
+export { default as NodeWrapper } from './node-wrapper';

package/dist/hm-flow/node/node-wrapper.d.ts

@@ -0,0 +1,9 @@
+import { Node, NodeProps } from '@xyflow/react';
+import { ComponentType } from 'react';
+import { INodeAction } from './types';
+interface INodeWrapper<TPyNodeProps extends Node> extends NodeProps<TPyNodeProps> {
+    NodeType: ComponentType<NodeProps<TPyNodeProps>>;
+    actions?: INodeAction[];
+}
+declare const NodeWrapper: <TPyNodeProps extends Node>(props: INodeWrapper<TPyNodeProps>) => import("react").JSX.Element;
+export default NodeWrapper;

package/dist/hm-flow/node/node.d.ts

@@ -0,0 +1,5 @@
+import { NodeProps } from '@xyflow/react';
+import { FC } from 'react';
+import { PyNodeType } from './types';
+declare const PyNode: FC<NodeProps<PyNodeType>>;
+export default PyNode;

package/dist/hm-flow/node/types.d.ts

@@ -0,0 +1,35 @@
+import { Node, NodeProps } from '@xyflow/react';
+import { HmFlowChildrenDepsType } from '../hm-flow-base.types';
+import { MantineSize } from '@mantine/core';
+import { JSX } from 'react';
+export type ActionHandlerDepsType = HmFlowChildrenDepsType;
+export interface IActionsHandlersParams {
+    node: NodeProps<PyNodeType>;
+    deps: ActionHandlerDepsType;
+}
+export type ActionHandlerType = (params: IActionsHandlersParams) => void;
+export interface INodeAction {
+    label: string;
+    type: NodeActionType;
+    icon: JSX.Element;
+    onClick: (params: IActionsHandlersParams) => void;
+    variant?: string;
+    color?: string;
+}
+export type NodeActionType = 'edit' | 'delete' | 'duplicate' | 'add' | 'selectSearchItem';
+export interface IPyNode {
+    id: string;
+    type: 'pyNode';
+    data: PyNodeDataWithActionType;
+}
+export type PyNodeDataWithActionType = {
+    label: string;
+    icon: string;
+    name: string;
+    color: string;
+    image: string;
+    parameters?: {} | null;
+    actionSize?: MantineSize;
+    actions: INodeAction[];
+};
+export type PyNodeType = Node<PyNodeDataWithActionType, 'pyNode'>;

package/dist/hm-flow/node/utils.d.ts

@@ -0,0 +1,3 @@
+import { NodeProps } from '@xyflow/react';
+import { IPyNode, PyNodeType } from './types';
+export declare const pyNodeToNodeProps: (node: IPyNode) => NodeProps<PyNodeType>;