treege 3.0.0-beta.9 → 3.0.0-beta.90

package/dist/renderer/hooks/useRenderNode.d.ts

@@ -0,0 +1,62 @@
+import { Node } from '@xyflow/react';
+import { ComponentType, ReactNode } from 'react';
+import { FormValues, InputRenderers, TreegeRendererComponents } from '../types/renderer';
+import { InputNodeData, TreegeNodeData } from '../../shared/types/node';
+type AnyComponent = ComponentType<any>;
+type UseRenderNodeParams = {
+    config: {
+        components: TreegeRendererComponents;
+        language: string;
+    };
+    DefaultFormWrapper: AnyComponent;
+    DefaultInputLabel: AnyComponent;
+    DefaultInputWrapper: ComponentType<{
+        node: Node<InputNodeData>;
+        children: ReactNode;
+    }>;
+    DefaultSubmitButton: AnyComponent;
+    DefaultSubmitButtonWrapper?: AnyComponent;
+    defaultInputRenderers: InputRenderers;
+    defaultUI: Record<string, AnyComponent>;
+    formErrors: Record<string, string>;
+    formValues: FormValues;
+    inputNodes: Node<InputNodeData>[];
+    isSubmitting?: boolean;
+    missingRequiredFields: string[];
+    setFieldValue: (fieldId: string, value: unknown) => void;
+};
+/**
+ * Hook that returns rendering utilities for TreegeRenderer
+ * Shared between web and native TreegeRenderer
+ *
+ * Returns:
+ * - renderNode: Function to render individual nodes
+ * - FormWrapper: Form wrapper component with fallback
+ * - SubmitButton: Submit button component with fallback
+ * - SubmitButtonWrapper: Submit button wrapper component with fallback (web only, undefined for native)
+ */
+export declare const useRenderNode: ({ DefaultFormWrapper, DefaultInputLabel, DefaultInputWrapper, DefaultSubmitButton, DefaultSubmitButtonWrapper, config, defaultInputRenderers, defaultUI, formErrors, formValues, inputNodes, isSubmitting, missingRequiredFields, setFieldValue, }: UseRenderNodeParams) => {
+    FormWrapper: ((props: {
+        children: ReactNode;
+        id?: string;
+        onSubmit: (e: import('react').FormEvent<HTMLFormElement>) => void;
+    }) => ReactNode) | AnyComponent;
+    renderNode: (node: Node<TreegeNodeData>) => ReactNode;
+    SubmitButton: ((props: {
+        label?: string;
+        disabled?: boolean;
+        isSubmitting?: boolean;
+        [key: string]: unknown;
+    } | {
+        children?: ReactNode;
+        disabled?: boolean;
+        isSubmitting?: boolean;
+        onPress?: () => void;
+        [key: string]: unknown;
+    }) => ReactNode) | AnyComponent;
+    SubmitButtonWrapper: ((props: {
+        children: ReactNode;
+        missingFields?: string[];
+    }) => ReactNode) | AnyComponent;
+};
+export {};

package/dist/renderer/hooks/useSubmitHandler.d.ts

@@ -0,0 +1,37 @@
+import { Node } from '@xyflow/react';
+import { ExtraPayload, FormValues } from '../types/renderer';
+import { SubmitResult } from '../utils/submit';
+import { HttpHeaders, InputNodeData, TreegeNodeData } from '../../shared/types/node';
+/**
+ * Hook for handling form submission with submit button configuration
+ *
+ * This hook provides:
+ * - Submit button node detection
+ * - HTTP submission handling
+ * - Loading state management
+ * - Success/error message handling
+ * - Redirect handling
+ *
+ * @param visibleNodes - Currently visible nodes in the form
+ * @param formValues - Current form values
+ * @param language - Current language for translations
+ * @param inputNodes - All input nodes for form data conversion
+ * @param headers
+ * @param baseUrl - Base URL prepended to a relative submit url
+ * @param extraPayload - Consumer-injected fields merged into the submit body
+ * @returns Submit handler state and functions
+ */
+export declare const useSubmitHandler: (visibleNodes: Node<TreegeNodeData>[], formValues: FormValues, language: string, inputNodes: Node<InputNodeData>[], headers?: HttpHeaders, baseUrl?: string, extraPayload?: ExtraPayload) => {
+    clearSubmitMessage: () => void;
+    handleSubmitWithConfig: (onSuccess?: (data: unknown) => void) => Promise<SubmitResult | null>;
+    hasSubmitConfig: boolean;
+    isSubmitting: boolean;
+    submitButtonNode: {
+        id: string;
+        data: InputNodeData;
+    } | null;
+    submitMessage: {
+        type: "success" | "error";
+        message: string;
+    } | null;
+};

package/dist/renderer/hooks/useTranslate.d.ts

@@ -1,10 +1,12 @@
+import { Translatable } from '../../shared/types/translate';
 /**
  * Hook for translating text in the renderer with context-aware language preference.
  *
- * This hook uses the language from TreegeRendererContext (or explicit override) and delegates to the shared useTranslate hook.
+ * This hook uses the language from TreegeRenderRuntimeContext (or explicit override) and delegates to the shared useTranslate hook.
+ * All translations are automatically sanitized to prevent XSS attacks.
  *
  * @param language - Optional language override. If not provided, uses language from context.
- * @returns A function that translates either a translation key or a Translatable object
+ * @returns A function that translates either a translation key or a Translatable object (with XSS protection)
  *
  * @example
  * // Static translation (from translation files)
@@ -12,13 +14,13 @@
  * const errorMsg = t("validation.required"); // "This field is required"
  *
  * @example
- * // Dynamic translation (from node data)
+ * // Dynamic translation (from node data) - automatically sanitized
  * const t = useTranslate();
- * const label = t(node.data.label); // Translates user-defined content
+ * const label = t(node.data.label); // Translates and sanitizes user-defined content
  *
  * @example
  * // With explicit language
  * const t = useTranslate("fr");
  * const errorMsg = t("validation.required"); // "Ce champ est requis"
  */
-export declare const useTranslate: (language?: string) => (key?: import('../../main').Translatable | import('../../main').TranslationKey | string) => string;
+export declare const useTranslate: (language?: string) => (key?: Translatable | string) => string;

package/dist/renderer/index.d.ts

@@ -1,17 +1,25 @@
-export { TreegeConfigProvider, useTreegeConfig } from './context/TreegeConfigContext';
+export { TreegeRendererProvider, useTreegeRendererConfig } from './context/TreegeRendererProvider';
+export type { TreegeViewerProviderProps } from './context/TreegeViewerProvider';
+export { default as TreegeViewerProvider } from './context/TreegeViewerProvider';
+export type { UseTreegeRendererReturn } from './features/TreegeRenderer/useTreegeRenderer';
 export { useTreegeRenderer } from './features/TreegeRenderer/useTreegeRenderer';
 export * from './features/TreegeRenderer/web/components/DefaultFormWrapper';
-export * from './features/TreegeRenderer/web/components/DefaultGroup';
+export { default as DefaultInputLabel } from './features/TreegeRenderer/web/components/DefaultInputLabel';
 export * from './features/TreegeRenderer/web/components/DefaultInputs';
+export * from './features/TreegeRenderer/web/components/DefaultStep';
 export * from './features/TreegeRenderer/web/components/DefaultSubmitButton';
 export * from './features/TreegeRenderer/web/components/DefaultUI';
 export * from './features/TreegeRenderer/web/TreegeRenderer';
 export { default as TreegeRenderer } from './features/TreegeRenderer/web/TreegeRenderer';
+export * from './features/TreegeViewer/utils/viewerFields';
+export * from './features/TreegeViewer/web/TreegeViewer';
+export { default as TreegeViewer } from './features/TreegeViewer/web/TreegeViewer';
 export type { TreegeRendererConfig } from './types/renderer';
 export * from './types/renderer';
 export * from './utils/conditions';
 export * from './utils/file';
 export * from './utils/flow';
 export * from './utils/form';
+export * from './utils/sanitize';
 export { ThemeProvider, useTheme } from '../shared/context/ThemeContext';
 export { getTranslatedText } from '../shared/utils/translations';

package/dist/renderer/index.native.d.ts

@@ -0,0 +1,20 @@
+export { TreegeRendererProvider, useTreegeRendererConfig } from './context/TreegeRendererProvider';
+export * from './features/TreegeRenderer/native/components/DefaultFormWrapper';
+export { default as DefaultInputLabel } from './features/TreegeRenderer/native/components/DefaultInputLabel';
+export * from './features/TreegeRenderer/native/components/DefaultInputs';
+export * from './features/TreegeRenderer/native/components/DefaultStep';
+export * from './features/TreegeRenderer/native/components/DefaultSubmitButton';
+export * from './features/TreegeRenderer/native/components/DefaultSubmitButtonWrapper';
+export * from './features/TreegeRenderer/native/components/DefaultUI';
+export type { TreegeRendererNativeProps } from './features/TreegeRenderer/native/TreegeRenderer';
+export { default as TreegeRenderer } from './features/TreegeRenderer/native/TreegeRenderer';
+export type { UseTreegeRendererReturn } from './features/TreegeRenderer/useTreegeRenderer';
+export { useTreegeRenderer } from './features/TreegeRenderer/useTreegeRenderer';
+export type { TreegeRendererConfig } from './types/renderer';
+export * from './types/renderer';
+export * from './utils/conditions';
+export * from './utils/file';
+export * from './utils/flow';
+export * from './utils/form';
+export * from './utils/sanitize.native';
+export { getTranslatedText } from '../shared/utils/translations';