treege 3.0.0-beta.2 → 3.0.0-beta.21

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.
Files changed (80) hide show
  1. package/LICENSE +18 -12
  2. package/README.md +118 -26
  3. package/dist/ThemeContext-BIT4DHqC.js +763 -0
  4. package/dist/TreegeEditor-LKN_xeXZ.js +3311 -0
  5. package/dist/TreegeRenderer-Ci_Ym86Y.js +1812 -0
  6. package/dist/editor/components/input/ComboboxWithCreate.d.ts +2 -1
  7. package/dist/editor/constants/defaultNode.d.ts +1 -1
  8. package/dist/editor/constants/edgeTypes.d.ts +3 -2
  9. package/dist/editor/constants/nodeSpacing.d.ts +20 -0
  10. package/dist/editor/constants/nodeTypes.d.ts +5 -5
  11. package/dist/editor/context/TreegeEditorContext.d.ts +15 -0
  12. package/dist/editor/features/TreegeEditor/TreegeEditor.d.ts +1 -1
  13. package/dist/editor/features/TreegeEditor/edges/ConditionalEdge.d.ts +2 -2
  14. package/dist/editor/features/TreegeEditor/edges/DefaultEdge.d.ts +3 -0
  15. package/dist/editor/features/TreegeEditor/forms/SubmitConfigForm.d.ts +7 -0
  16. package/dist/editor/features/TreegeEditor/inputs/ComboboxPattern.d.ts +2 -1
  17. package/dist/editor/features/TreegeEditor/nodes/FlowNode.d.ts +2 -2
  18. package/dist/editor/features/TreegeEditor/nodes/GroupNode.d.ts +2 -2
  19. package/dist/editor/features/TreegeEditor/nodes/InputNode.d.ts +2 -2
  20. package/dist/editor/features/TreegeEditor/nodes/UINode.d.ts +2 -2
  21. package/dist/editor/features/TreegeEditor/nodes/hooks/useBottomHandleClick.d.ts +8 -0
  22. package/dist/editor/features/TreegeEditor/nodes/layout/NodeWrapper.d.ts +2 -1
  23. package/dist/editor/features/TreegeEditor/panel/AIGeneratorDialog.d.ts +16 -0
  24. package/dist/editor/hooks/useFlowActions.d.ts +1 -0
  25. package/dist/editor/hooks/useFlowConnections.d.ts +1 -0
  26. package/dist/editor/types/ai.d.ts +65 -0
  27. package/dist/editor/types/editor.d.ts +5 -8
  28. package/dist/editor/utils/aiFlowGenerator.d.ts +5 -0
  29. package/dist/editor.js +2 -2
  30. package/dist/main.js +43 -39
  31. package/dist/renderer/context/TreegeRendererContext.d.ts +4 -1
  32. package/dist/renderer/features/TreegeRenderer/useTreegeRenderer.d.ts +3 -1
  33. package/dist/renderer/features/TreegeRenderer/web/TreegeRenderer.d.ts +1 -1
  34. package/dist/renderer/features/TreegeRenderer/web/components/DefaultSubmitButton.d.ts +1 -1
  35. package/dist/renderer/features/TreegeRenderer/web/components/inputs/DefaultAddressInput.d.ts +1 -1
  36. package/dist/renderer/features/TreegeRenderer/web/components/inputs/DefaultAutocompleteInput.d.ts +1 -1
  37. package/dist/renderer/features/TreegeRenderer/web/components/inputs/DefaultCheckboxInput.d.ts +1 -1
  38. package/dist/renderer/features/TreegeRenderer/web/components/inputs/DefaultDateInput.d.ts +1 -1
  39. package/dist/renderer/features/TreegeRenderer/web/components/inputs/DefaultDateRangeInput.d.ts +1 -1
  40. package/dist/renderer/features/TreegeRenderer/web/components/inputs/DefaultFileInput.d.ts +1 -1
  41. package/dist/renderer/features/TreegeRenderer/web/components/inputs/DefaultHiddenInput.d.ts +1 -1
  42. package/dist/renderer/features/TreegeRenderer/web/components/inputs/DefaultHttpInput.d.ts +1 -1
  43. package/dist/renderer/features/TreegeRenderer/web/components/inputs/DefaultNumberInput.d.ts +1 -1
  44. package/dist/renderer/features/TreegeRenderer/web/components/inputs/DefaultPasswordInput.d.ts +1 -1
  45. package/dist/renderer/features/TreegeRenderer/web/components/inputs/DefaultRadioInput.d.ts +1 -1
  46. package/dist/renderer/features/TreegeRenderer/web/components/inputs/DefaultSelectInput.d.ts +1 -1
  47. package/dist/renderer/features/TreegeRenderer/web/components/inputs/DefaultSubmitInput.d.ts +3 -0
  48. package/dist/renderer/features/TreegeRenderer/web/components/inputs/DefaultSwitchInput.d.ts +1 -1
  49. package/dist/renderer/features/TreegeRenderer/web/components/inputs/DefaultTextAreaInput.d.ts +1 -1
  50. package/dist/renderer/features/TreegeRenderer/web/components/inputs/DefaultTextInput.d.ts +1 -1
  51. package/dist/renderer/features/TreegeRenderer/web/components/inputs/DefaultTimeInput.d.ts +1 -1
  52. package/dist/renderer/features/TreegeRenderer/web/components/inputs/DefaultTimeRangeInput.d.ts +1 -1
  53. package/dist/renderer/hooks/useSubmitHandler.d.ts +34 -0
  54. package/dist/renderer/hooks/useTranslate.d.ts +6 -4
  55. package/dist/renderer/index.d.ts +1 -0
  56. package/dist/renderer/types/renderer.d.ts +40 -2
  57. package/dist/renderer/utils/form.d.ts +22 -2
  58. package/dist/renderer/utils/http.d.ts +101 -0
  59. package/dist/renderer/utils/node.d.ts +9 -1
  60. package/dist/renderer/utils/sanitize.d.ts +85 -0
  61. package/dist/renderer/utils/submit.d.ts +47 -0
  62. package/dist/renderer.js +33 -29
  63. package/dist/shared/components/ui/alert-dialog.d.ts +14 -0
  64. package/dist/shared/components/ui/badge.d.ts +1 -1
  65. package/dist/shared/components/ui/popover.d.ts +3 -1
  66. package/dist/shared/components/ui/select.d.ts +3 -1
  67. package/dist/shared/constants/inputType.d.ts +1 -0
  68. package/dist/shared/locales/ar.json.d.ts +81 -8
  69. package/dist/shared/locales/de.json.d.ts +81 -8
  70. package/dist/shared/locales/en.json.d.ts +82 -9
  71. package/dist/shared/locales/es.json.d.ts +81 -8
  72. package/dist/shared/locales/fr.json.d.ts +81 -8
  73. package/dist/shared/locales/it.json.d.ts +81 -8
  74. package/dist/shared/locales/pt.json.d.ts +81 -8
  75. package/dist/shared/types/node.d.ts +51 -0
  76. package/package.json +9 -5
  77. package/dist/ThemeContext-BIvs8Kw-.js +0 -758
  78. package/dist/TreegeEditor-BSPfQQk3.js +0 -2151
  79. package/dist/TreegeRenderer-D3EvsEfJ.js +0 -1413
  80. package/dist/_name_.css +0 -1
@@ -5,7 +5,8 @@ export type ComboboxOption = {
5
5
  /**
6
6
  * Reusable Combobox component with search, create, and clear functionality
7
7
  */
8
- declare const ComboboxWithCreate: ({ options, value, onValueChange, placeholder, searchPlaceholder, createLabel, clearLabel, emptyLabel, className, allowClear, allowCreate, }: {
8
+ declare const ComboboxWithCreate: ({ options, id, value, onValueChange, placeholder, searchPlaceholder, createLabel, clearLabel, emptyLabel, className, allowClear, allowCreate, }: {
9
+ id?: string;
9
10
  options: ComboboxOption[];
10
11
  value?: string | null;
11
12
  onValueChange?: (newValue: string) => void;
@@ -1,4 +1,4 @@
1
- export declare const defaultNode: {
1
+ export declare const DEFAULT_NODE: {
2
2
  data: {
3
3
  type: string;
4
4
  };
@@ -1,3 +1,4 @@
1
- export declare const edgeTypes: {
2
- conditional: ({ id, target, sourceX, sourceY, targetX, targetY, sourcePosition, targetPosition, markerEnd, style, data, }: import('../features/TreegeEditor/edges/ConditionalEdge').ConditionalEdgeProps) => import("react/jsx-runtime").JSX.Element;
1
+ export declare const EDGE_TYPES: {
2
+ conditional: import('react').MemoExoticComponent<({ id, target, sourceX, sourceY, targetX, targetY, sourcePosition, targetPosition, markerEnd, style, data, }: import('../features/TreegeEditor/edges/ConditionalEdge').ConditionalEdgeProps) => import("react/jsx-runtime").JSX.Element>;
3
+ default: import('react').MemoExoticComponent<({ id, sourceX, sourceY, targetX, targetY, sourcePosition, targetPosition, style, markerEnd, selected }: import('@xyflow/react').EdgeProps) => import("react/jsx-runtime").JSX.Element>;
3
4
  };
@@ -0,0 +1,20 @@
1
+ /**
2
+ * Constants for node spacing and positioning in the flow editor
3
+ */
4
+ /**
5
+ * Vertical spacing between nodes (in pixels)
6
+ * Used when creating nodes via handle click or AI generation
7
+ */
8
+ export declare const VERTICAL_NODE_SPACING = 100;
9
+ /**
10
+ * Horizontal offset when placing sibling nodes (in pixels)
11
+ */
12
+ export declare const HORIZONTAL_NODE_OFFSET = 50;
13
+ /**
14
+ * Horizontal spacing for AI-generated flows (in pixels)
15
+ */
16
+ export declare const AI_HORIZONTAL_SPACING = 350;
17
+ /**
18
+ * Position tolerance for detecting nodes at the same Y position (in pixels)
19
+ */
20
+ export declare const POSITION_TOLERANCE = 20;
@@ -1,6 +1,6 @@
1
- export declare const nodeTypes: {
2
- flow: ({ data, isConnectable, type, parentId }: import('../features/TreegeEditor/nodes/FlowNode').FlowNodeProps) => import("react/jsx-runtime").JSX.Element;
3
- group: ({ data }: import('../features/TreegeEditor/nodes/GroupNode').GroupNodeProps) => import("react/jsx-runtime").JSX.Element;
4
- input: ({ data, isConnectable, type, parentId }: import('../features/TreegeEditor/nodes/InputNode').InputNodeProps) => import("react/jsx-runtime").JSX.Element;
5
- ui: ({ data, isConnectable, type, parentId }: import('../features/TreegeEditor/nodes/UINode').UINodeProps) => import("react/jsx-runtime").JSX.Element;
1
+ export declare const NODE_TYPES: {
2
+ flow: import('react').MemoExoticComponent<({ data, isConnectable, type, parentId, id }: import('../features/TreegeEditor/nodes/FlowNode').FlowNodeProps) => import("react/jsx-runtime").JSX.Element>;
3
+ group: import('react').MemoExoticComponent<({ data }: import('../features/TreegeEditor/nodes/GroupNode').GroupNodeProps) => import("react/jsx-runtime").JSX.Element>;
4
+ input: import('react').MemoExoticComponent<({ data, isConnectable, parentId, id }: import('../features/TreegeEditor/nodes/InputNode').InputNodeProps) => import("react/jsx-runtime").JSX.Element>;
5
+ ui: import('react').MemoExoticComponent<({ data, isConnectable, type, parentId, id }: import('../features/TreegeEditor/nodes/UINode').UINodeProps) => import("react/jsx-runtime").JSX.Element>;
6
6
  };
@@ -1,8 +1,23 @@
1
1
  import { PropsWithChildren } from 'react';
2
+ import { AIConfig } from '../types/ai';
2
3
  export interface TreegeEditorContextValue {
4
+ /**
5
+ * Current language
6
+ */
3
7
  language: string;
8
+ /**
9
+ * Current flow ID
10
+ */
4
11
  flowId?: string;
12
+ /**
13
+ * Function to set the current flow ID
14
+ * @param flow
15
+ */
5
16
  setFlowId?: (flow?: string) => void;
17
+ /**
18
+ * AI configuration for tree generation
19
+ */
20
+ aiConfig?: AIConfig;
6
21
  }
7
22
  export interface TreegeEditorProviderProps extends PropsWithChildren {
8
23
  value: TreegeEditorContextValue;
@@ -1,3 +1,3 @@
1
1
  import { TreegeEditorProps } from '../../types/editor';
2
- declare const TreegeEditor: ({ edges, nodes, flow, onExportJson, onSave, theme, language }: TreegeEditorProps) => import("react/jsx-runtime").JSX.Element;
2
+ declare const TreegeEditor: ({ flow, onExportJson, onSave, theme, language, aiConfig }: TreegeEditorProps) => import("react/jsx-runtime").JSX.Element;
3
3
  export default TreegeEditor;
@@ -2,5 +2,5 @@ import { Edge, EdgeProps } from '@xyflow/react';
2
2
  import { ConditionalEdgeData } from '../../../../shared/types/edge';
3
3
  export type ConditionalEdgeType = Edge<ConditionalEdgeData, "conditional">;
4
4
  export type ConditionalEdgeProps = EdgeProps<ConditionalEdgeType>;
5
- declare const ConditionalEdge: ({ id, target, sourceX, sourceY, targetX, targetY, sourcePosition, targetPosition, markerEnd, style, data, }: ConditionalEdgeProps) => import("react/jsx-runtime").JSX.Element;
6
- export default ConditionalEdge;
5
+ declare const _default: import('react').MemoExoticComponent<({ id, target, sourceX, sourceY, targetX, targetY, sourcePosition, targetPosition, markerEnd, style, data, }: ConditionalEdgeProps) => import("react/jsx-runtime").JSX.Element>;
6
+ export default _default;
@@ -0,0 +1,3 @@
1
+ import { EdgeProps } from '@xyflow/react';
2
+ declare const _default: import('react').MemoExoticComponent<({ id, sourceX, sourceY, targetX, targetY, sourcePosition, targetPosition, style, markerEnd, selected }: EdgeProps) => import("react/jsx-runtime").JSX.Element>;
3
+ export default _default;
@@ -0,0 +1,7 @@
1
+ import { SubmitConfig } from '../../../../shared/types/node';
2
+ interface SubmitConfigFormProps {
3
+ value: SubmitConfig | undefined;
4
+ onChange: (config: SubmitConfig | undefined) => void;
5
+ }
6
+ declare const SubmitConfigForm: ({ value, onChange }: SubmitConfigFormProps) => import("react/jsx-runtime").JSX.Element;
7
+ export default SubmitConfigForm;
@@ -1,6 +1,7 @@
1
1
  interface ComboboxPatternProps {
2
2
  value?: string | null;
3
3
  onValueChange?: (newValue: string) => void;
4
+ id?: string;
4
5
  }
5
- declare const ComboboxPattern: ({ value, onValueChange }: ComboboxPatternProps) => import("react/jsx-runtime").JSX.Element;
6
+ declare const ComboboxPattern: ({ id, value, onValueChange }: ComboboxPatternProps) => import("react/jsx-runtime").JSX.Element;
6
7
  export default ComboboxPattern;
@@ -2,5 +2,5 @@ import { Node, NodeProps } from '@xyflow/react';
2
2
  import { FlowNodeData } from '../../../../shared/types/node';
3
3
  export type FlowNodeType = Node<FlowNodeData, "flow">;
4
4
  export type FlowNodeProps = NodeProps<FlowNodeType>;
5
- declare const FlowNode: ({ data, isConnectable, type, parentId }: FlowNodeProps) => import("react/jsx-runtime").JSX.Element;
6
- export default FlowNode;
5
+ declare const _default: import('react').MemoExoticComponent<({ data, isConnectable, type, parentId, id }: FlowNodeProps) => import("react/jsx-runtime").JSX.Element>;
6
+ export default _default;
@@ -2,5 +2,5 @@ import { Node, NodeProps } from '@xyflow/react';
2
2
  import { GroupNodeData } from '../../../../shared/types/node';
3
3
  export type GroupNodeType = Node<GroupNodeData, "group">;
4
4
  export type GroupNodeProps = NodeProps<GroupNodeType>;
5
- declare const GroupNode: ({ data }: GroupNodeProps) => import("react/jsx-runtime").JSX.Element;
6
- export default GroupNode;
5
+ declare const _default: import('react').MemoExoticComponent<({ data }: GroupNodeProps) => import("react/jsx-runtime").JSX.Element>;
6
+ export default _default;
@@ -2,5 +2,5 @@ import { Node, NodeProps } from '@xyflow/react';
2
2
  import { InputNodeData } from '../../../../shared/types/node';
3
3
  export type InputNodeType = Node<InputNodeData, "input">;
4
4
  export type InputNodeProps = NodeProps<InputNodeType>;
5
- declare const InputNode: ({ data, isConnectable, type, parentId }: InputNodeProps) => import("react/jsx-runtime").JSX.Element;
6
- export default InputNode;
5
+ declare const _default: import('react').MemoExoticComponent<({ data, isConnectable, parentId, id }: InputNodeProps) => import("react/jsx-runtime").JSX.Element>;
6
+ export default _default;
@@ -2,5 +2,5 @@ import { Node, NodeProps } from '@xyflow/react';
2
2
  import { UINodeData } from '../../../../shared/types/node';
3
3
  export type UINodeType = Node<UINodeData, "ui">;
4
4
  export type UINodeProps = NodeProps<UINodeType>;
5
- declare const UINode: ({ data, isConnectable, type, parentId }: UINodeProps) => import("react/jsx-runtime").JSX.Element;
6
- export default UINode;
5
+ declare const _default: import('react').MemoExoticComponent<({ data, isConnectable, type, parentId, id }: UINodeProps) => import("react/jsx-runtime").JSX.Element>;
6
+ export default _default;
@@ -0,0 +1,8 @@
1
+ import { MouseEvent } from 'react';
2
+ /**
3
+ * Custom hook to handle clicks on bottom handles of nodes
4
+ * @param nodeId - The ID of the current node
5
+ * @returns Click handler for the bottom handle
6
+ */
7
+ declare const useBottomHandleClick: (nodeId: string) => (event: MouseEvent) => void;
8
+ export default useBottomHandleClick;
@@ -1,6 +1,7 @@
1
1
  import { PropsWithChildren } from 'react';
2
2
  interface NodeWrapperProps extends PropsWithChildren {
3
3
  inGroup: boolean;
4
+ isSubmit?: boolean;
4
5
  }
5
- declare const NodeWrapper: ({ children, inGroup }: NodeWrapperProps) => import("react/jsx-runtime").JSX.Element;
6
+ declare const NodeWrapper: ({ children, inGroup, isSubmit }: NodeWrapperProps) => import("react/jsx-runtime").JSX.Element;
6
7
  export default NodeWrapper;
@@ -0,0 +1,16 @@
1
+ import { Edge, Node } from '@xyflow/react';
2
+ import { AIConfig } from '../../../types/ai';
3
+ export interface AIGeneratorDialogProps {
4
+ /**
5
+ * AI configuration from context
6
+ */
7
+ aiConfig?: AIConfig;
8
+ /**
9
+ * Callback when tree is generated
10
+ */
11
+ onGenerate: (data: {
12
+ edges: Edge[];
13
+ nodes: Node[];
14
+ }) => void;
15
+ }
16
+ export declare const AIGeneratorDialog: ({ aiConfig, onGenerate }: AIGeneratorDialogProps) => import("react/jsx-runtime").JSX.Element;
@@ -4,6 +4,7 @@
4
4
  */
5
5
  declare const useFlowActions: () => {
6
6
  clearSelection: () => void;
7
+ deleteSelectedNode: () => void;
7
8
  updateNodeData: <T extends Record<string, unknown>>(id: string, data: Partial<T>) => void;
8
9
  updateNodeType: (id: string, type: string) => void;
9
10
  updateSelectedNodeData: <T extends Record<string, unknown>>(data: Partial<T>) => void;
@@ -8,6 +8,7 @@ declare const useFlowConnections: () => {
8
8
  source: string;
9
9
  target: string;
10
10
  }) => boolean;
11
+ onAddFromHandle: (sourceNodeId: string) => void;
11
12
  onConnect: OnConnect;
12
13
  onConnectEnd: OnConnectEnd;
13
14
  onEdgesDelete: OnEdgesDelete;
@@ -0,0 +1,65 @@
1
+ import { Edge, Node } from '@xyflow/react';
2
+ /**
3
+ * AI Provider types for tree generation
4
+ */
5
+ export type AIProvider = "gemini" | "openai" | "deepseek" | "claude";
6
+ /**
7
+ * AI Configuration for tree generation
8
+ */
9
+ export interface AIConfig {
10
+ /**
11
+ * The AI provider to use
12
+ * @default "gemini"
13
+ */
14
+ provider?: AIProvider;
15
+ /**
16
+ * API key for the selected provider
17
+ */
18
+ apiKey: string;
19
+ /**
20
+ * Optional model name override
21
+ * - Gemini: "gemini-2.5-flash" (default), "gemini-2.5-pro-preview-03-25"
22
+ * - OpenAI: "gpt-4o-mini" (default), "gpt-4o", "gpt-3.5-turbo"
23
+ * - DeepSeek: "deepseek-chat" (default)
24
+ * - Claude: "claude-3-5-haiku-20241022" (default), "claude-3-5-sonnet-20241022"
25
+ */
26
+ model?: string;
27
+ /**
28
+ * Temperature for generation (0-1, default: 0.7)
29
+ */
30
+ temperature?: number;
31
+ }
32
+ /**
33
+ * AI Generation request
34
+ */
35
+ export interface AIGenerationRequest {
36
+ /**
37
+ * User prompt describing the desired tree/form
38
+ */
39
+ prompt: string;
40
+ /**
41
+ * AI configuration
42
+ */
43
+ config: AIConfig;
44
+ }
45
+ /**
46
+ * AI Generation response
47
+ */
48
+ export interface AIGenerationResponse {
49
+ /**
50
+ * Generated nodes
51
+ */
52
+ nodes: Node[];
53
+ /**
54
+ * Generated edges
55
+ */
56
+ edges: Edge[];
57
+ /**
58
+ * Optional explanation or metadata
59
+ */
60
+ metadata?: {
61
+ explanation?: string;
62
+ nodesCount?: number;
63
+ edgesCount?: number;
64
+ };
65
+ }
@@ -1,4 +1,5 @@
1
1
  import { Edge, Node } from '@xyflow/react';
2
+ import { AIConfig } from './ai';
2
3
  import { Flow } from '../../shared/types/node';
3
4
  export interface TreegeEditorProps {
4
5
  /**
@@ -6,14 +7,6 @@ export interface TreegeEditorProps {
6
7
  * Note: Individual defaultNodes/defaultEdges props take precedence over this.
7
8
  */
8
9
  flow?: Flow | null;
9
- /**
10
- * Default nodes to initialize the nodes in the flow.
11
- */
12
- nodes?: Node[];
13
- /**
14
- * Default edges to initialize the edges in the flow.
15
- */
16
- edges?: Edge[];
17
10
  /**
18
11
  * Callback function triggered when exporting JSON data.
19
12
  */
@@ -34,4 +27,8 @@ export interface TreegeEditorProps {
34
27
  * Language for the editor interface.
35
28
  */
36
29
  language?: string;
30
+ /**
31
+ * AI configuration for tree generation
32
+ */
33
+ aiConfig?: AIConfig;
37
34
  }
@@ -0,0 +1,5 @@
1
+ import { AIGenerationRequest, AIGenerationResponse } from '../types/ai';
2
+ /**
3
+ * Main function to generate flow using AI
4
+ */
5
+ export declare function generateFlowWithAI(request: AIGenerationRequest): Promise<AIGenerationResponse>;
package/dist/editor.js CHANGED
@@ -1,5 +1,5 @@
1
- import { T as o } from "./TreegeEditor-BSPfQQk3.js";
2
- import { T as m, u as s } from "./ThemeContext-BIvs8Kw-.js";
1
+ import { T as o } from "./TreegeEditor-LKN_xeXZ.js";
2
+ import { T as m, u as s } from "./ThemeContext-BIT4DHqC.js";
3
3
  export {
4
4
  m as ThemeProvider,
5
5
  o as TreegeEditor,
package/dist/main.js CHANGED
@@ -1,52 +1,56 @@
1
- import { T as t } from "./TreegeEditor-BSPfQQk3.js";
2
- import { T as u, d as l, g as r, b as o, c as i, i as n, a as d, u as f } from "./ThemeContext-BIvs8Kw-.js";
3
- import { c as D, d as I, e as T, f as m, g, h as F, D as c, i as x, j as N, k as S, l as b, m as v, n as R, o as h, p as w, q as C, r as z, s as A, v as H, w as k, T as E, b as G, J as P, K as y, t as U, x as V, y as j, z as q, A as B, C as J, F as K, G as L, I as M, E as O, H as Q, B as W, u as X, a as Y } from "./TreegeRenderer-D3EvsEfJ.js";
1
+ import { T as t } from "./TreegeEditor-LKN_xeXZ.js";
2
+ import { T as u, d as l, g as r, b as i, c as n, i as o, a as d, u as p } from "./ThemeContext-BIT4DHqC.js";
3
+ import { c as T, d as D, e as I, f as m, g, h as c, D as F, i as R, j as N, k as x, l as S, m as b, n as v, o as h, p as w, q as z, r as C, s as H, v as A, w as k, T as y, b as E, L as G, M as P, J as U, K as V, t as j, x as q, y as B, z as J, A as K, C as L, F as M, G as O, I as Q, E as W, H as X, N as Y, O as Z, B as _, u as $, a as ee } from "./TreegeRenderer-Ci_Ym86Y.js";
4
4
  export {
5
- D as DefaultAddressInput,
6
- I as DefaultAutocompleteInput,
7
- T as DefaultCheckboxInput,
5
+ T as DefaultAddressInput,
6
+ D as DefaultAutocompleteInput,
7
+ I as DefaultCheckboxInput,
8
8
  m as DefaultDateInput,
9
9
  g as DefaultDateRangeInput,
10
- F as DefaultFileInput,
11
- c as DefaultGroup,
12
- x as DefaultHiddenInput,
10
+ c as DefaultFileInput,
11
+ F as DefaultGroup,
12
+ R as DefaultHiddenInput,
13
13
  N as DefaultHttpInput,
14
- S as DefaultNumberInput,
15
- b as DefaultPasswordInput,
16
- v as DefaultRadioInput,
17
- R as DefaultSelectInput,
14
+ x as DefaultNumberInput,
15
+ S as DefaultPasswordInput,
16
+ b as DefaultRadioInput,
17
+ v as DefaultSelectInput,
18
18
  h as DefaultSwitchInput,
19
19
  w as DefaultTextAreaInput,
20
- C as DefaultTextInput,
21
- z as DefaultTimeInput,
22
- A as DefaultTimeRangeInput,
23
- H as Divider,
20
+ z as DefaultTextInput,
21
+ C as DefaultTimeInput,
22
+ H as DefaultTimeRangeInput,
23
+ A as Divider,
24
24
  u as ThemeProvider,
25
25
  k as Title,
26
- E as TreegeConfigProvider,
26
+ y as TreegeConfigProvider,
27
27
  t as TreegeEditor,
28
- G as TreegeRenderer,
29
- P as checkFormFieldHasValue,
30
- y as convertFormValuesToNamedFormat,
31
- U as defaultInputRenderers,
32
- V as defaultUI,
33
- j as evaluateCondition,
34
- q as evaluateConditions,
35
- B as fileToSerializable,
36
- J as filesToSerializable,
37
- K as findStartNode,
38
- L as getFlowRenderState,
28
+ E as TreegeRenderer,
29
+ G as applyReferenceTransformation,
30
+ P as calculateReferenceFieldUpdates,
31
+ U as checkFormFieldHasValue,
32
+ V as convertFormValuesToNamedFormat,
33
+ j as defaultInputRenderers,
34
+ q as defaultUI,
35
+ B as evaluateCondition,
36
+ J as evaluateConditions,
37
+ K as fileToSerializable,
38
+ L as filesToSerializable,
39
+ M as findStartNode,
40
+ O as getFlowRenderState,
39
41
  l as getStaticTranslations,
40
42
  r as getTranslatedText,
41
- M as isFieldEmpty,
42
- o as isFlowNode,
43
- i as isGroupNode,
44
- n as isInputNode,
45
- O as isStartNode,
43
+ Q as isFieldEmpty,
44
+ i as isFlowNode,
45
+ n as isGroupNode,
46
+ o as isInputNode,
47
+ W as isStartNode,
46
48
  d as isUINode,
47
- Q as mergeFlows,
48
- W as serializableToFile,
49
- f as useTheme,
50
- X as useTreegeConfig,
51
- Y as useTreegeRenderer
49
+ X as mergeFlows,
50
+ Y as sanitize,
51
+ Z as sanitizeHttpResponse,
52
+ _ as serializableToFile,
53
+ p as useTheme,
54
+ $ as useTreegeConfig,
55
+ ee as useTreegeRenderer
52
56
  };
@@ -1,11 +1,13 @@
1
+ import { Node } from '@xyflow/react';
1
2
  import { PropsWithChildren } from 'react';
2
3
  import { FormValues } from '../types/renderer';
3
- import { Flow } from '../../shared/types/node';
4
+ import { Flow, InputNodeData } from '../../shared/types/node';
4
5
  export interface TreegeRendererContextValue {
5
6
  flows?: Flow | null;
6
7
  formErrors: Record<string, string>;
7
8
  formValues: FormValues;
8
9
  googleApiKey?: string;
10
+ inputNodes: Node<InputNodeData>[];
9
11
  language: string;
10
12
  setFieldValue: (fieldName: string, value: unknown) => void;
11
13
  }
@@ -20,6 +22,7 @@ export declare const useTreegeRendererContext: () => {
20
22
  formErrors: Record<string, string>;
21
23
  formValues: FormValues;
22
24
  googleApiKey?: string;
25
+ inputNodes: Node<InputNodeData>[];
23
26
  language: string;
24
27
  setFieldValue: (fieldName: string, value: unknown) => void;
25
28
  };
@@ -35,9 +35,11 @@ export declare const useTreegeRenderer: (flows: Flow | Flow[] | null | undefined
35
35
  inputNodes: Node<import('../../../shared/types/node').InputNodeData>[];
36
36
  mergedFlow: Flow;
37
37
  missingRequiredFields: string[];
38
+ prevFormValuesRef: import('react').RefObject<FormValues>;
38
39
  setFieldValue: (fieldName: string, value: unknown) => void;
39
40
  setFormErrors: import('react').Dispatch<import('react').SetStateAction<Record<string, string>>>;
40
- t: (key?: import('../../../main').Translatable | import('../../../main').TranslationKey | string) => string;
41
+ setMultipleFieldValues: (updates: FormValues) => void;
42
+ t: (key?: import('../../../main').Translatable | string) => string;
41
43
  validateForm: (customValidate?: (values: FormValues, visibleNodesList: Node<TreegeNodeData>[]) => Record<string, string>) => {
42
44
  errors: {
43
45
  [x: string]: string;
@@ -1,3 +1,3 @@
1
1
  import { TreegeRendererProps } from '../../../types/renderer';
2
- declare const TreegeRenderer: ({ components, flows, googleApiKey, initialValues, language, onChange, onSubmit, theme, validate, validationMode, }: TreegeRendererProps) => import("react/jsx-runtime").JSX.Element;
2
+ declare const TreegeRenderer: ({ components, flows, googleApiKey, language, onChange, onSubmit, theme, validate, validationMode, initialValues, }: TreegeRendererProps) => import("react/jsx-runtime").JSX.Element;
3
3
  export default TreegeRenderer;
@@ -5,5 +5,5 @@ export interface SubmitButtonProps extends ButtonHTMLAttributes<HTMLButtonElemen
5
5
  /**
6
6
  * Default submit button
7
7
  */
8
- declare const DefaultSubmitButton: ({ label, ...props }: SubmitButtonProps) => import("react/jsx-runtime").JSX.Element;
8
+ declare const DefaultSubmitButton: import('react').ForwardRefExoticComponent<SubmitButtonProps & import('react').RefAttributes<HTMLButtonElement>>;
9
9
  export default DefaultSubmitButton;
@@ -1,3 +1,3 @@
1
1
  import { InputRenderProps } from '../../../../../types/renderer';
2
- declare const DefaultAddressInput: ({ node, value, setValue, error }: InputRenderProps<"address">) => import("react/jsx-runtime").JSX.Element;
2
+ declare const DefaultAddressInput: ({ node, value, setValue, error, label, placeholder, helperText, id, name }: InputRenderProps<"address">) => import("react/jsx-runtime").JSX.Element;
3
3
  export default DefaultAddressInput;
@@ -1,3 +1,3 @@
1
1
  import { InputRenderProps } from '../../../../../types/renderer';
2
- declare const DefaultAutocompleteInput: ({ node, value, setValue, error }: InputRenderProps<"autocomplete">) => import("react/jsx-runtime").JSX.Element;
2
+ declare const DefaultAutocompleteInput: ({ node, value, setValue, error, label, placeholder, helperText, id, }: InputRenderProps<"autocomplete">) => import("react/jsx-runtime").JSX.Element;
3
3
  export default DefaultAutocompleteInput;
@@ -1,3 +1,3 @@
1
1
  import { InputRenderProps } from '../../../../../types/renderer';
2
- declare const DefaultCheckboxInput: ({ node, value, setValue, error }: InputRenderProps<"checkbox">) => import("react/jsx-runtime").JSX.Element;
2
+ declare const DefaultCheckboxInput: ({ node, value, setValue, error, label, helperText, id, name }: InputRenderProps<"checkbox">) => import("react/jsx-runtime").JSX.Element;
3
3
  export default DefaultCheckboxInput;
@@ -1,3 +1,3 @@
1
1
  import { InputRenderProps } from '../../../../../types/renderer';
2
- declare const DefaultDateInput: ({ node, value, setValue, error }: InputRenderProps<"date">) => import("react/jsx-runtime").JSX.Element;
2
+ declare const DefaultDateInput: ({ node, value, setValue, error, label, placeholder, helperText, id, name }: InputRenderProps<"date">) => import("react/jsx-runtime").JSX.Element;
3
3
  export default DefaultDateInput;
@@ -1,3 +1,3 @@
1
1
  import { InputRenderProps } from '../../../../../types/renderer';
2
- declare const DefaultDateRangeInput: ({ node, value, setValue, error }: InputRenderProps<"daterange">) => import("react/jsx-runtime").JSX.Element;
2
+ declare const DefaultDateRangeInput: ({ node, value, setValue, error, label, helperText, id }: InputRenderProps<"daterange">) => import("react/jsx-runtime").JSX.Element;
3
3
  export default DefaultDateRangeInput;
@@ -1,3 +1,3 @@
1
1
  import { InputRenderProps } from '../../../../../types/renderer';
2
- declare const DefaultFileInput: ({ node, setValue, error }: InputRenderProps<"file">) => import("react/jsx-runtime").JSX.Element;
2
+ declare const DefaultFileInput: ({ node, setValue, error, label, placeholder, helperText, name, id }: InputRenderProps<"file">) => import("react/jsx-runtime").JSX.Element;
3
3
  export default DefaultFileInput;
@@ -1,3 +1,3 @@
1
1
  import { InputRenderProps } from '../../../../../types/renderer';
2
- declare const DefaultHiddenInput: ({ node, value }: InputRenderProps<"hidden">) => import("react/jsx-runtime").JSX.Element;
2
+ declare const DefaultHiddenInput: ({ value, name, id }: InputRenderProps<"hidden">) => import("react/jsx-runtime").JSX.Element;
3
3
  export default DefaultHiddenInput;
@@ -1,3 +1,3 @@
1
1
  import { InputRenderProps } from '../../../../../types/renderer';
2
- declare const DefaultHttpInput: ({ node, value, setValue, error }: InputRenderProps<"http">) => import("react/jsx-runtime").JSX.Element;
2
+ declare const DefaultHttpInput: ({ node, value, setValue, error, label, placeholder, helperText, id, name }: InputRenderProps<"http">) => import("react/jsx-runtime").JSX.Element;
3
3
  export default DefaultHttpInput;
@@ -1,3 +1,3 @@
1
1
  import { InputRenderProps } from '../../../../../types/renderer';
2
- declare const DefaultNumberInput: ({ node, value, setValue, error }: InputRenderProps<"number">) => import("react/jsx-runtime").JSX.Element;
2
+ declare const DefaultNumberInput: ({ node, value, setValue, error, label, placeholder, helperText, name, id }: InputRenderProps<"number">) => import("react/jsx-runtime").JSX.Element;
3
3
  export default DefaultNumberInput;
@@ -1,3 +1,3 @@
1
1
  import { InputRenderProps } from '../../../../../types/renderer';
2
- declare const DefaultPasswordInput: ({ node, value, setValue, error }: InputRenderProps<"password">) => import("react/jsx-runtime").JSX.Element;
2
+ declare const DefaultPasswordInput: ({ node, value, setValue, error, label, placeholder, helperText, name, id }: InputRenderProps<"password">) => import("react/jsx-runtime").JSX.Element;
3
3
  export default DefaultPasswordInput;
@@ -1,3 +1,3 @@
1
1
  import { InputRenderProps } from '../../../../../types/renderer';
2
- declare const DefaultRadioInput: ({ node, value, setValue, error }: InputRenderProps<"radio">) => import("react/jsx-runtime").JSX.Element;
2
+ declare const DefaultRadioInput: ({ node, value, setValue, error, label, helperText, id, name }: InputRenderProps<"radio">) => import("react/jsx-runtime").JSX.Element;
3
3
  export default DefaultRadioInput;
@@ -1,3 +1,3 @@
1
1
  import { InputRenderProps } from '../../../../../types/renderer';
2
- declare const DefaultSelectInput: ({ node, value, setValue, error }: InputRenderProps<"select">) => import("react/jsx-runtime").JSX.Element;
2
+ declare const DefaultSelectInput: ({ node, value, setValue, error, label, placeholder, helperText, name, id }: InputRenderProps<"select">) => import("react/jsx-runtime").JSX.Element;
3
3
  export default DefaultSelectInput;
@@ -0,0 +1,3 @@
1
+ import { InputRenderProps } from '../../../../../types/renderer';
2
+ declare const DefaultSubmitInput: ({ missingRequiredFields, isSubmitting, label }: InputRenderProps<"submit">) => import("react/jsx-runtime").JSX.Element;
3
+ export default DefaultSubmitInput;
@@ -1,3 +1,3 @@
1
1
  import { InputRenderProps } from '../../../../../types/renderer';
2
- declare const DefaultSwitchInput: ({ node, value, setValue, error }: InputRenderProps<"switch">) => import("react/jsx-runtime").JSX.Element;
2
+ declare const DefaultSwitchInput: ({ node, value, setValue, error, label, helperText, name, id }: InputRenderProps<"switch">) => import("react/jsx-runtime").JSX.Element;
3
3
  export default DefaultSwitchInput;
@@ -1,3 +1,3 @@
1
1
  import { InputRenderProps } from '../../../../../types/renderer';
2
- declare const DefaultTextAreaInput: ({ node, value, setValue, error }: InputRenderProps<"textarea">) => import("react/jsx-runtime").JSX.Element;
2
+ declare const DefaultTextAreaInput: ({ node, value, setValue, error, label, placeholder, helperText, name, id }: InputRenderProps<"textarea">) => import("react/jsx-runtime").JSX.Element;
3
3
  export default DefaultTextAreaInput;
@@ -1,3 +1,3 @@
1
1
  import { InputRenderProps } from '../../../../../types/renderer';
2
- declare const DefaultTextInput: ({ node, value, setValue, error }: InputRenderProps<"text">) => import("react/jsx-runtime").JSX.Element;
2
+ declare const DefaultTextInput: ({ node, value, setValue, error, label, placeholder, helperText, name, id }: InputRenderProps<"text">) => import("react/jsx-runtime").JSX.Element;
3
3
  export default DefaultTextInput;
@@ -1,3 +1,3 @@
1
1
  import { InputRenderProps } from '../../../../../types/renderer';
2
- declare const DefaultTimeInput: ({ node, value, setValue, error }: InputRenderProps<"time">) => import("react/jsx-runtime").JSX.Element;
2
+ declare const DefaultTimeInput: ({ node, value, setValue, error, label, placeholder, helperText, name, id }: InputRenderProps<"time">) => import("react/jsx-runtime").JSX.Element;
3
3
  export default DefaultTimeInput;
@@ -1,3 +1,3 @@
1
1
  import { InputRenderProps } from '../../../../../types/renderer';
2
- declare const DefaultTimeRangeInput: ({ node, value, setValue, error }: InputRenderProps<"timerange">) => import("react/jsx-runtime").JSX.Element;
2
+ declare const DefaultTimeRangeInput: ({ node, value, setValue, error, label, helperText, id, name }: InputRenderProps<"timerange">) => import("react/jsx-runtime").JSX.Element;
3
3
  export default DefaultTimeRangeInput;