treege 3.0.0-beta.94 → 3.0.0-beta.95

package/dist/editor.js

@@ -1,3 +1,3 @@
-import { t as e } from "./editor-mvGEgr3P.js";
-import { n as t, t as n } from "./ThemeContext-CE3SE9DG.js";
+import { t as e } from "./editor-BzhBNy8O.js";
+import { n as t, t as n } from "./ThemeContext-CDewydK5.js";
 export { n as ThemeProvider, e as TreegeEditor, t as useTheme };

package/dist/main.js

@@ -1,6 +1,6 @@
-import { t as e } from "./editor-mvGEgr3P.js";
-import { G as t, I as n, J as r, K as i, L as a, X as o, Y as s, Z as c, _ as l, a as u, b as d, c as f, g as p, h as m, i as h, l as g, m as _, n as v, o as y, q as b, r as x, s as S, t as C, v as w, y as T } from "./ThemeContext-CE3SE9DG.js";
-import { C as E, L as D, S as O, _ as k, a as A, b as j, c as M, d as N, g as P, h as F, i as I, m as L, n as R, o as z, r as B, u as V, v as H, x as U, y as W } from "./DefaultSubmitButton-DNVIV9BO.js";
-import { a as G, c as K, i as q, l as J, n as Y, o as X, r as Z, s as Q } from "./useRenderNode-BPgpYSyg.js";
-import { a as $, c as ee, i as te, l as ne, n as re, o as ie, r as ae, s as oe, t as se } from "./renderer-CfoZiy7J.js";
-export { E as DefaultAddressInput, O as DefaultAutocompleteInput, U as DefaultCheckboxInput, j as DefaultDateInput, W as DefaultDateRangeInput, H as DefaultFileInput, k as DefaultHiddenInput, P as DefaultHttpInput, D as DefaultInputLabel, F as DefaultNumberInput, L as DefaultPasswordInput, N as DefaultRadioInput, V as DefaultSelectInput, M as DefaultSwitchInput, z as DefaultTextAreaInput, A as DefaultTextInput, I as DefaultTimeInput, B as DefaultTimeRangeInput, ie as Divider, C as ThemeProvider, oe as Title, e as TreegeEditor, $ as TreegeRenderer, K as TreegeRendererProvider, se as TreegeViewer, ne as TreegeViewerProvider, x as applyReferenceTransformation, h as buildInitialFormValues, u as calculateReferenceFieldUpdates, y as checkFormFieldHasValue, S as convertFormValuesToNamedFormat, R as defaultInputRenderers, ee as defaultUI, X as evaluateCondition, Q as evaluateConditions, _ as fileNameFromUrl, m as fileToSerializable, p as filesToSerializable, Z as findStartNode, l as formatFileSize, q as getFlowRenderState, t as getStaticTranslations, i as getTranslatableValue, b as getTranslatedText, re as getViewerFields, f as isFieldEmpty, s as isGroupNode, ae as isImageFile, o as isInputNode, w as isRemoteFileData, G as isStartNode, c as isUINode, T as normalizeSerializableFiles, g as resolveNodeDefaultValue, n as sanitize, a as sanitizeHttpResponse, d as serializableToFile, r as setTranslatableValue, v as useTheme, Y as useTreegeRenderer, J as useTreegeRendererConfig, te as viewerFieldsFromResponse };
+import { t as e } from "./editor-BzhBNy8O.js";
+import { $ as t, I as n, J as r, L as i, Q as a, X as o, Y as s, Z as c, _ as l, a as u, b as d, c as f, g as p, h as m, i as h, l as g, m as _, n as v, o as y, q as b, r as x, s as S, t as C, v as w, y as T } from "./ThemeContext-CDewydK5.js";
+import { C as E, L as D, S as O, _ as k, a as A, b as j, c as M, d as N, g as P, h as F, i as I, m as L, n as R, o as z, r as B, u as V, v as H, x as U, y as W } from "./DefaultSubmitButton-D4Hqyara.js";
+import { a as G, c as K, i as q, l as J, n as Y, o as X, r as Z, s as Q } from "./useRenderNode-BaBKq6Ed.js";
+import { a as $, c as ee, i as te, l as ne, n as re, o as ie, r as ae, s as oe, t as se } from "./renderer-Cd2P21x9.js";
+export { E as DefaultAddressInput, O as DefaultAutocompleteInput, U as DefaultCheckboxInput, j as DefaultDateInput, W as DefaultDateRangeInput, H as DefaultFileInput, k as DefaultHiddenInput, P as DefaultHttpInput, D as DefaultInputLabel, F as DefaultNumberInput, L as DefaultPasswordInput, N as DefaultRadioInput, V as DefaultSelectInput, M as DefaultSwitchInput, z as DefaultTextAreaInput, A as DefaultTextInput, I as DefaultTimeInput, B as DefaultTimeRangeInput, ie as Divider, C as ThemeProvider, oe as Title, e as TreegeEditor, $ as TreegeRenderer, K as TreegeRendererProvider, se as TreegeViewer, ne as TreegeViewerProvider, x as applyReferenceTransformation, h as buildInitialFormValues, u as calculateReferenceFieldUpdates, y as checkFormFieldHasValue, S as convertFormValuesToNamedFormat, R as defaultInputRenderers, ee as defaultUI, X as evaluateCondition, Q as evaluateConditions, _ as fileNameFromUrl, m as fileToSerializable, p as filesToSerializable, Z as findStartNode, l as formatFileSize, q as getFlowRenderState, b as getStaticTranslations, r as getTranslatableValue, s as getTranslatedText, re as getViewerFields, f as isFieldEmpty, c as isGroupNode, ae as isImageFile, a as isInputNode, w as isRemoteFileData, G as isStartNode, t as isUINode, T as normalizeSerializableFiles, g as resolveNodeDefaultValue, n as sanitize, i as sanitizeHttpResponse, d as serializableToFile, o as setTranslatableValue, v as useTheme, Y as useTreegeRenderer, J as useTreegeRendererConfig, te as viewerFieldsFromResponse };

package/dist/renderer/features/TreegeRenderer/native/TreegeRenderer.d.ts

@@ -3,10 +3,11 @@ import { TreegeRendererProps } from '../../../types/renderer';
 /**
  * Props for the TreegeRenderer component (React Native)
  * Same as TreegeRendererProps but:
- * - Omits className (not used in React Native)
+ * - Omits className / style / disableSectionBorder / formId (web-only; the
+ *   native step has no section border)
  * - Adds style and contentContainerStyle (React Native specific)
  */
-export type TreegeRendererNativeProps = Omit<TreegeRendererProps, "className" | "formId"> & {
+export type TreegeRendererNativeProps = Omit<TreegeRendererProps, "className" | "disableSectionBorder" | "formId" | "style"> & {
     /**
      * Style for the ScrollView container
      */

package/dist/renderer/features/TreegeRenderer/useTreegeRenderer.d.ts

@@ -19,8 +19,10 @@ import { GroupNodeData, TreegeNodeData } from '../../../shared/types/node';
  * @param props - Configuration props (flow, initialValues, callbacks, etc.)
  * @returns Complete form state and control methods
  */
-export declare const useTreegeRenderer: ({ baseUrl, components, extraPayload, flow, googleApiKey, headers, language, onChange, onSubmit, showPoweredBy, theme, validate, validationMode, initialValues, }: Pick<TreegeRendererProps, "baseUrl" | "components" | "extraPayload" | "flow" | "googleApiKey" | "headers" | "initialValues" | "language" | "onChange" | "onSubmit" | "showPoweredBy" | "theme" | "validate" | "validationMode">) => {
+export declare const useTreegeRenderer: ({ baseUrl, components, extraPayload, flow, googleApiKey, headers, language, onBack, onChange, onSubmit, showPoweredBy, theme, title, validate, validationMode, initialValues, isSubmitting: isSubmittingProp, }: Pick<TreegeRendererProps, "baseUrl" | "components" | "extraPayload" | "flow" | "googleApiKey" | "headers" | "initialValues" | "isSubmitting" | "language" | "onBack" | "onChange" | "onSubmit" | "showPoweredBy" | "theme" | "title" | "validate" | "validationMode">) => {
+    canContinue: boolean;
     canContinueStep: boolean;
+    canGoBack: boolean;
     canSubmit: boolean;
     clearSubmitMessage: () => void;
     config: {
@@ -86,12 +88,16 @@ export declare const useTreegeRenderer: ({ baseUrl, components, extraPayload, fl
     currentStepIndex: number;
     firstErrorFieldId: string | undefined;
     formErrors: Record<string, string>;
+    formTitle: string;
     formValues: FormValues;
     goToNextStep: () => void;
     goToPreviousStep: () => void;
+    handleBack: () => void;
+    handleContinue: () => void;
     handleSubmit: () => Promise<boolean>;
     hasSubmitInput: boolean;
     inputNodes: Node<import('../../../shared/types/node').InputNodeData>[];
+    isFinalStep: boolean;
     isFirstStep: boolean;
     isLastStep: boolean;
     isSubmitting: boolean;
@@ -100,6 +106,7 @@ export declare const useTreegeRenderer: ({ baseUrl, components, extraPayload, fl
     setFieldErrors: import('react').Dispatch<import('react').SetStateAction<Record<string, string>>>;
     setFieldValue: (fieldName: string, value: unknown) => void;
     setMultipleFieldValues: (updates: FormValues) => void;
+    stepLabel: string;
     steps: import('../../utils/step').FlowStep[];
     submitMessage: {
         type: "success" | "error";

package/dist/renderer/features/TreegeRenderer/web/TreegeRenderer.d.ts

@@ -1,3 +1,3 @@
 import { TreegeRendererProps } from '../../../types/renderer';
-declare const TreegeRenderer: ({ baseUrl, components, className, extraPayload, flow, formId, googleApiKey, headers, language, onBack, onChange, onSubmit, showPoweredBy, theme, title, validate, validationMode, initialValues, isLoading, isSubmitting: isSubmittingProp, }: TreegeRendererProps) => import("react/jsx-runtime").JSX.Element;
+declare const TreegeRenderer: ({ baseUrl, components, className, extraPayload, flow, formId, googleApiKey, headers, language, onBack, onChange, onSubmit, disableSectionBorder, showPoweredBy, style, theme, title, validate, validationMode, initialValues, isLoading, isSubmitting: isSubmittingProp, }: TreegeRendererProps) => import("react/jsx-runtime").JSX.Element;
 export default TreegeRenderer;

package/dist/renderer/features/TreegeRenderer/web/components/DefaultStep.d.ts

@@ -1,3 +1,3 @@
 import { StepRenderProps } from '../../../../types/renderer';
-declare const DefaultStep: ({ step, label, children, canGoBack, isLastStep, canContinue, isSubmitting, onBack, onContinue, missingFields, }: StepRenderProps) => import("react/jsx-runtime").JSX.Element;
+declare const DefaultStep: ({ step, label, children, canGoBack, disableSectionBorder, isLastStep, canContinue, isSubmitting, onBack, onContinue, missingFields, }: StepRenderProps) => import("react/jsx-runtime").JSX.Element;
 export default DefaultStep;

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

@@ -14,6 +14,8 @@ type UseRenderNodeParams = {
         node: Node<InputNodeData>;
         children: ReactNode;
     }>;
+    DefaultLoadingSkeleton: AnyComponent;
+    DefaultStep: AnyComponent;
     DefaultSubmitButton: AnyComponent;
     DefaultSubmitButtonWrapper?: AnyComponent;
     defaultInputRenderers: InputRenderers;
@@ -32,16 +34,20 @@ type UseRenderNodeParams = {
  * Returns:
  * - renderNode: Function to render individual nodes
  * - FormWrapper: Form wrapper component with fallback
+ * - LoadingSkeleton: Loading skeleton component with fallback
+ * - StepComponent: Step container 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) => {
+export declare const useRenderNode: ({ DefaultFormWrapper, DefaultInputLabel, DefaultInputWrapper, DefaultLoadingSkeleton, DefaultStep, 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;
+    LoadingSkeleton: (() => ReactNode) | AnyComponent;
     renderNode: (node: Node<TreegeNodeData>) => ReactNode;
+    StepComponent: ((props: import('../types/renderer').StepRenderProps) => ReactNode) | AnyComponent;
     SubmitButton: ((props: {
         label?: string;
         disabled?: boolean;

package/dist/renderer/types/renderer.d.ts

@@ -1,5 +1,5 @@
 import { Node } from '@xyflow/react';
-import { ComponentType, FormEvent, ReactNode } from 'react';
+import { ComponentType, CSSProperties, FormEvent, ReactNode } from 'react';
 import { SerializableFile } from '../utils/file';
 import { FlowStep } from '../utils/step';
 import { Flow, GroupNodeData, HttpHeaders, InputNodeData, InputOption, InputType, TreegeNodeData, UINodeData, UIType } from '../../shared/types/node';
@@ -275,6 +275,11 @@ export type StepRenderProps = {
     onContinue: () => void;
     /** Translated label of the group, or empty string for orphan steps. */
     label?: string;
+    /**
+     * When true, the step container should be rendered without its default
+     * border (`disableSectionBorder` renderer prop). Web only.
+     */
+    disableSectionBorder?: boolean;
     /** The rendered child nodes belonging to this step. */
     children: ReactNode;
 };
@@ -413,6 +418,19 @@ export interface TreegeRendererProps extends TreegeRendererConfig {
      * Additional class name for the renderer container
      */
     className?: string;
+    /**
+     * Removes the default border of the `<section>` wrapping each step (padding
+     * and layout are kept, only the border disappears). Web only.
+     *
+     * @example
+     * <TreegeRenderer flow={tree} disableSectionBorder />
+     */
+    disableSectionBorder?: boolean;
+    /**
+     * Inline styles applied to the renderer's root container, alongside
+     * `className`. Web only.
+     */
+    style?: CSSProperties;
     /**
      * Extra data injected into every submission, merged at the top level of both
      * the `onSubmit` payload and the built-in HTTP submit body. Use it for values

package/dist/renderer/utils/dateLocale.d.ts

@@ -0,0 +1,6 @@
+import { Locale } from 'date-fns';
+/**
+ * Resolve the date-fns locale for a renderer language. Regional variants fall
+ * back to their base language (`fr-FR` → `fr`), unknown languages to English.
+ */
+export declare const getDateFnsLocale: (language?: string) => Locale;

package/dist/renderer/utils/step.d.ts

@@ -25,3 +25,12 @@ export type FlowStep = {
  * Group nodes themselves are skipped — they're metadata only.
  */
 export declare const computeSteps: (visibleNodes: Node<TreegeNodeData>[]) => FlowStep[];
+/**
+ * When a step's only interactive field is a single-choice input (radio,
+ * non-multiple select, autocomplete), return that node's id — selecting an
+ * option can then advance the step automatically. Returns undefined when the
+ * step has zero or several interactive fields, or when its single field is
+ * free-form or multi-select. Hidden and submit inputs don't count as
+ * interactive.
+ */
+export declare const getAutoAdvanceNodeId: (step: FlowStep | undefined) => string | undefined;