@flowerforce/flower-react 3.7.2 → 4.0.1-beta.0

package/dist/src/components/Flower.d.ts

@@ -1,15 +1,3 @@
-import React, { PropsWithChildren } from 'react';
-type FlowerInitalState = {
-    startId?: string;
-    current?: string;
-    history?: string[];
-};
-type FlowerClientProps = PropsWithChildren & {
-    name: string;
-    destroyOnUnmount?: boolean;
-    startId?: string | null;
-    initialData?: any;
-    initialState?: FlowerInitalState;
-};
-declare const component: React.MemoExoticComponent<({ children, name, destroyOnUnmount, startId, initialData, initialState }: FlowerClientProps) => React.JSX.Element | null>;
-export default component;
+import React from 'react';
+import { FlowerClientProps } from '../types/Flower';
+export declare const Flower: ({ children, name, destroyOnUnmount, persist, startId, initialState, initialData }: FlowerClientProps) => React.JSX.Element | null;

package/dist/src/components/FlowerAction.d.ts

@@ -1,4 +1,3 @@
 import React from 'react';
-import { FlowerNodeDefaultProps } from './types/DefaultNode';
-declare const component: React.MemoExoticComponent<({ children, onEnter, onExit }: FlowerNodeDefaultProps) => React.ReactNode>;
-export default component;
+import { FlowerNodeDefaultProps } from '../types/DefaultNode';
+export declare const FlowerAction: ({ children, onEnter, onExit }: FlowerNodeDefaultProps) => React.JSX.Element;

package/dist/src/components/FlowerComponent.d.ts

@@ -1,4 +1,2 @@
-import React from 'react';
-import { FlowerComponentProps } from './types/FlowerComponent';
-declare const component: React.MemoExoticComponent<({ children }: FlowerComponentProps) => React.ReactNode>;
-export default component;
+import { FlowerComponentProps } from '../types/FlowerComponent';
+export declare const FlowerComponent: ({ children }: FlowerComponentProps) => import("react").ReactNode;

package/dist/src/components/FlowerFlow.d.ts

@@ -1,4 +1,3 @@
 import React from 'react';
-import { FlowerFlowProps } from './types/FlowerFlow';
-declare const component: React.MemoExoticComponent<({ children, onEnter, onExit }: FlowerFlowProps) => React.ReactNode>;
-export default component;
+import { FlowerFlowProps } from '../types/FlowerFlow';
+export declare const FlowerFlow: ({ children, onEnter, onExit }: FlowerFlowProps) => React.JSX.Element;

package/dist/src/components/FlowerNavigate/FlowerNavigate.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { FlowerNavigateProps } from '../../types/FlowerNavigate';
+export declare const FlowerNavigate: ({ children, flowName: forceFlowName, action, route, node, rules, alwaysDisplay }: FlowerNavigateProps) => React.JSX.Element;

package/dist/src/components/FlowerNavigate/WrapperComponent.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
-declare function FlowerNavigateWrapper({ hidden, Component, onNavigate, ...props }: any): any;
-declare const component: React.MemoExoticComponent<typeof FlowerNavigateWrapper>;
-export default component;
+declare function _FlowerNavigateWrapper({ hidden, Component, onNavigate, ...props }: any): any;
+export declare const FlowerNavigateWrapper: React.MemoExoticComponent<typeof _FlowerNavigateWrapper>;
+export {};

package/dist/src/components/FlowerNavigate/index.d.ts

@@ -1,4 +1,2 @@
-import React from 'react';
-import { FlowerNavigateProps } from '../types/FlowerNavigate';
-declare const component: React.MemoExoticComponent<({ children, flowName: forceFlowName, action, route, node, rules, alwaysDisplay, }: FlowerNavigateProps) => React.JSX.Element | (string | number | Iterable<React.ReactNode> | React.JSX.Element)[] | null | undefined>;
-export default component;
+export * from './FlowerNavigate';
+export * from './useFlowerNavigate';

package/dist/src/components/FlowerNavigate/useFlowerNavigate.d.ts

@@ -1,4 +1,4 @@
-import { FlowerNavigateProps } from '../types/FlowerNavigate';
+import { FlowerNavigateProps } from '../../types/FlowerNavigate';
 type UseFlowerNavigateProps = Pick<FlowerNavigateProps, 'flowName' | 'node' | 'route' | 'action'>;
 export declare const useFlowerNavigate: ({ flowName, action, route, node }: UseFlowerNavigateProps) => {
     onNavigate: () => void;

package/dist/src/components/FlowerNode.d.ts

@@ -1,4 +1,3 @@
 import React from 'react';
-import { FlowerNodeProps } from './types/FlowerNode';
-declare const component: React.MemoExoticComponent<({ children, onEnter, onExit }: FlowerNodeProps) => React.ReactNode>;
-export default component;
+import { FlowerNodeProps } from '../types/FlowerNode';
+export declare const FlowerNode: ({ children, onEnter, onExit }: FlowerNodeProps) => React.JSX.Element;

package/dist/src/components/FlowerRoute.d.ts

@@ -1,4 +1,3 @@
 import React from 'react';
-import { FlowerRouteProps } from './types/FlowerRoute';
-declare const component: React.MemoExoticComponent<({ autostart, children, onEnter, onExit }: FlowerRouteProps) => React.ReactNode>;
-export default component;
+import { FlowerRouteProps } from '../types/FlowerRoute';
+export declare const FlowerRoute: ({ autostart, children, onEnter, onExit }: FlowerRouteProps) => React.JSX.Element;

package/dist/src/components/FlowerServer.d.ts

@@ -1,4 +1,3 @@
 import React from 'react';
-import { FlowerServerProps } from './types/FlowerServer';
-declare const component: React.MemoExoticComponent<({ children }: FlowerServerProps) => React.ReactNode>;
-export default component;
+import { FlowerServerProps } from '../types/FlowerServer';
+export declare const FlowerServer: ({ children }: FlowerServerProps) => React.JSX.Element;

package/dist/src/components/FlowerStart.d.ts

@@ -1,4 +1,3 @@
-import React from 'react';
-declare function FlowerStart(): null;
-declare const component: React.MemoExoticComponent<typeof FlowerStart>;
-export default component;
+declare function _FlowerStart(): null;
+export declare const FlowerStart: typeof _FlowerStart;
+export {};

package/dist/src/components/hooks/eventsHandlers.d.ts

@@ -0,0 +1,5 @@
+import { UseClientInitEventProps, UseFlowerNavigateEventProps, UseSetCurrentEventProps, UseSetHistoryEventProps } from './types';
+export declare const useClientInitEvent: ({ flowName, isInitialized, wsDevtools }: UseClientInitEventProps) => void;
+export declare const useSetHistoryEvent: ({ flowName, isInitialized, wsDevtools }: UseSetHistoryEventProps) => void;
+export declare const useSetCurrentEvent: ({ current, flowName, isInitialized, wsDevtools }: UseSetCurrentEventProps) => void;
+export declare const useFlowerNavigateEvent: ({ current, flowName, isInitialized, wsDevtools, isDisabled }: UseFlowerNavigateEventProps) => void;

package/dist/src/components/hooks/index.d.ts

@@ -0,0 +1,5 @@
+export * from './useInitNodes';
+export * from './useInitDevtools';
+export * from './useDestroyFlow';
+export * from './eventsHandlers';
+export * from './useSelectorsClient';

package/dist/src/components/hooks/types/index.d.ts

@@ -0,0 +1,29 @@
+import { NodeConfig } from '@flowerforce/flower-core';
+import { FlowerClientProps } from '../../../types/Flower';
+import { MutableRefObject } from 'react';
+export type UseClientInitEventProps = {
+    isInitialized: string;
+    wsDevtools: boolean;
+    flowName: string;
+};
+export type UseSetHistoryEventProps = UseClientInitEventProps;
+export type UseSetCurrentEventProps = UseClientInitEventProps & {
+    current: string;
+};
+export type UseFlowerNavigateEventProps = UseSetCurrentEventProps & {
+    isDisabled: boolean;
+};
+export type UseDestroyFlowProps = {
+    one: MutableRefObject<boolean>;
+    persist: boolean;
+    flowName: string;
+};
+export type UseInitDevtoolsProps = {
+    devtoolState: Object;
+    flowName: string;
+    setWsDevtools: (value: boolean) => void;
+};
+export type UseInitNodesProps = {
+    one: MutableRefObject<boolean>;
+    nodes: NodeConfig[];
+} & Omit<FlowerClientProps, 'destroyOnUnmount'>;

package/dist/src/components/hooks/useBrowserNavigationSync.d.ts

@@ -0,0 +1,12 @@
+import { useFlowerActions } from '../../types';
+/**
+ * Hook centralizzato per sincronizzare la navigazione browser con Redux
+ * @param {function} backAction - Azione Redux da chiamare quando si fa "indietro"
+ * @param {function} nextAction - Azione Redux da chiamare quando si fa "avanti"
+ */
+type UseHistorySyncProps = {
+    backAction: () => ReturnType<useFlowerActions['back']>;
+    nextAction: () => ReturnType<useFlowerActions['next']>;
+};
+export declare const useHistorySync: ({ backAction, nextAction }: UseHistorySyncProps) => void;
+export {};

package/dist/src/components/hooks/useDestroyFlow.d.ts

@@ -0,0 +1,2 @@
+import { UseDestroyFlowProps } from './types';
+export declare const useDestroyFlow: ({ flowName, one, persist }: UseDestroyFlowProps) => void;

package/dist/src/components/hooks/useInitDevtools.d.ts

@@ -0,0 +1,2 @@
+import { UseInitDevtoolsProps } from './types';
+export declare const useInitDevtools: ({ devtoolState, setWsDevtools, flowName, }: UseInitDevtoolsProps) => void;

package/dist/src/components/hooks/useInitNodes.d.ts

@@ -0,0 +1,2 @@
+import { UseInitNodesProps } from './types';
+export declare const useInitNodes: ({ one, nodes, name, startId, persist, initialData, initialState }: UseInitNodesProps) => void;

package/dist/src/components/hooks/useSelectorsClient.d.ts

@@ -0,0 +1,6 @@
+export declare const useSelectorsClient: (flowName: string) => {
+    isInitialized: string;
+    current: string;
+    isDisabled: boolean;
+    prevFlowerNodeId: string | undefined;
+};

package/dist/src/components/index.d.ts

@@ -0,0 +1,10 @@
+export * from './Flower';
+export * from './FlowerAction';
+export * from './FlowerComponent';
+export * from './FlowerFlow';
+export * from './FlowerNavigate';
+export * from './FlowerNode';
+export * from './FlowerRoute';
+export * from './FlowerServer';
+export * from './FlowerStart';
+export * from './useFlower';

package/dist/src/components/{useFlower.d.ts → useFlower/index.d.ts}

@@ -1,4 +1,4 @@
-import { UseFlower } from './types/FlowerHooks';
+import { UseFlower } from '../../types';
 /** This hook allows you to read flow informations, such as the flowName and ID of the current node.
  *
  * It also exposes all the functions to navigate within the flow:
@@ -17,5 +17,4 @@ import { UseFlower } from './types/FlowerHooks';
  *
  * @param {string} name - optional parameter, if flowName exist, name is not used
  */
-declare const useFlower: UseFlower;
-export default useFlower;
+export declare const useFlower: UseFlower;

package/dist/src/components/useFlower/utils.d.ts

@@ -0,0 +1,22 @@
+import { INode } from '@flowerforce/flower-core';
+export declare const makeActionPayloadOnBack: (flowName: string | undefined, params: any) => {
+    type: string;
+    payload: Record<string, any>;
+};
+export declare const makeActionPayloadOnReset: (flowName: string | undefined, params: any) => {
+    type: string;
+    payload: Record<string, any>;
+};
+export declare const makeActionPayloadOnNode: (flowName: string | undefined, params: any) => {
+    type: string;
+    payload: Record<string, any>;
+};
+export declare const makeActionPayloadOnNext: (flowName: string | undefined, params: any) => {
+    type: string;
+    payload: Record<string, any>;
+};
+export declare const makeActionPayloadOnRestart: (flowName: string | undefined, params: any) => {
+    type: string;
+    payload: Record<string, any>;
+};
+export declare const handleHistoryStackChange: (currentIndex: number, currentNode: INode, flowName: string, withUrl?: boolean) => number;

package/dist/src/features/index.d.ts

@@ -0,0 +1,2 @@
+export * from './reducer/flowerReducer';
+export * from './selectors/selectors';

package/dist/src/features/reducer/flowerReducer.d.ts

@@ -0,0 +1,7 @@
+import { REDUCER_NAME } from '@flowerforce/flower-core';
+import { REDUCERS_TYPES } from '@flowerforce/flower-react-store';
+export declare const flowerReducer: import("@reduxjs/toolkit").Slice<{}, import("@flowerforce/flower-core").CoreReducersFunctions, REDUCER_NAME.FLOWER_FLOW, REDUCER_NAME.FLOWER_FLOW, import("@reduxjs/toolkit").SliceSelectors<{}>>;
+export declare const flowerActions: import("@reduxjs/toolkit").CaseReducerActions<import("@flowerforce/flower-core").CoreReducersFunctions, REDUCER_NAME.FLOWER_FLOW>;
+export declare const flowerFlowReducer: import("redux").Reducer<{}>;
+export declare const reducerFlower: REDUCERS_TYPES;
+export declare const flowerReducers: {};