treege 3.0.0-beta.60 → 3.0.0-beta.62

package/dist/editor.js

@@ -1,3 +1,3 @@
-import { t as e } from "./editor-D2pBjE7E.js";
-import { n as t, t as n } from "./ThemeContext-Ddk_Y-Dz.js";
+import { t as e } from "./editor-K1jjfc5n.js";
+import { n as t, t as n } from "./ThemeContext-cGSTk24y.js";
 export { n as ThemeProvider, e as TreegeEditor, t as useTheme };

package/dist/main.js

@@ -1,4 +1,4 @@
-import { t as e } from "./editor-D2pBjE7E.js";
-import { A as t, B as n, H as r, R as i, V as a, a as o, b as s, c, d as l, f as u, g as d, h as f, i as p, j as m, l as h, m as g, n as _, o as v, p as y, s as b, t as x, u as S, x as C, y as w, z as T } from "./ThemeContext-Ddk_Y-Dz.js";
-import { C as E, E as D, S as O, T as k, _ as A, a as j, b as M, d as N, f as P, i as F, l as I, m as L, n as R, p as z, r as B, s as V, t as H, u as U, v as W, w as G, x as K, y as q } from "./DefaultInputs-nRQc9BHG.js";
-export { D as DefaultAddressInput, k as DefaultAutocompleteInput, G as DefaultCheckboxInput, E as DefaultDateInput, O as DefaultDateRangeInput, K as DefaultFileInput, M as DefaultHiddenInput, q as DefaultHttpInput, W as DefaultNumberInput, A as DefaultPasswordInput, L as DefaultRadioInput, z as DefaultSelectInput, V as DefaultSwitchInput, j as DefaultTextAreaInput, F as DefaultTextInput, B as DefaultTimeInput, R as DefaultTimeRangeInput, U as Divider, x as ThemeProvider, N as Title, e as TreegeEditor, I as TreegeRenderer, S as TreegeRendererProvider, u as applyReferenceTransformation, y as calculateReferenceFieldUpdates, g as checkFormFieldHasValue, f as convertFormValuesToNamedFormat, H as defaultInputRenderers, P as defaultUI, c as evaluateCondition, h as evaluateConditions, w as fileToSerializable, s as filesToSerializable, o as findStartNode, v as getFlowRenderState, i as getStaticTranslations, T as getTranslatedText, d as isFieldEmpty, n as isGroupNode, a as isInputNode, b as isStartNode, r as isUINode, t as sanitize, m as sanitizeHttpResponse, C as serializableToFile, _ as useTheme, p as useTreegeRenderer, l as useTreegeRendererConfig };
+import { t as e } from "./editor-K1jjfc5n.js";
+import { B as t, H as n, M as r, U as i, V as a, a as o, b as s, c, d as l, f as u, g as d, h as f, i as p, j as m, l as h, m as g, n as _, o as v, p as y, s as b, t as x, u as S, x as C, y as w, z as T } from "./ThemeContext-cGSTk24y.js";
+import { C as E, E as D, S as O, T as k, _ as A, a as j, b as M, d as N, f as P, i as F, l as I, m as L, n as R, p as z, r as B, s as V, t as H, u as U, v as W, w as G, x as K, y as q } from "./DefaultInputs-DamDWb5R.js";
+export { D as DefaultAddressInput, k as DefaultAutocompleteInput, G as DefaultCheckboxInput, E as DefaultDateInput, O as DefaultDateRangeInput, K as DefaultFileInput, M as DefaultHiddenInput, q as DefaultHttpInput, W as DefaultNumberInput, A as DefaultPasswordInput, L as DefaultRadioInput, z as DefaultSelectInput, V as DefaultSwitchInput, j as DefaultTextAreaInput, F as DefaultTextInput, B as DefaultTimeInput, R as DefaultTimeRangeInput, U as Divider, x as ThemeProvider, N as Title, e as TreegeEditor, I as TreegeRenderer, S as TreegeRendererProvider, u as applyReferenceTransformation, y as calculateReferenceFieldUpdates, g as checkFormFieldHasValue, f as convertFormValuesToNamedFormat, H as defaultInputRenderers, P as defaultUI, c as evaluateCondition, h as evaluateConditions, w as fileToSerializable, s as filesToSerializable, o as findStartNode, v as getFlowRenderState, T as getStaticTranslations, t as getTranslatedText, d as isFieldEmpty, a as isGroupNode, n as isInputNode, b as isStartNode, i as isUINode, m as sanitize, r as sanitizeHttpResponse, C as serializableToFile, _ as useTheme, p as useTreegeRenderer, l as useTreegeRendererConfig };

package/dist/renderer/context/TreegeRenderRuntimeProvider.d.ts

@@ -1,7 +1,7 @@
 import { Node } from '@xyflow/react';
 import { PropsWithChildren } from 'react';
 import { FormValues } from '../types/renderer';
-import { Flow, HttpHeader, InputNodeData } from '../../shared/types/node';
+import { Flow, HttpHeaders, InputNodeData } from '../../shared/types/node';
 export interface TreegeRenderRuntimeContextValue {
     /**
      * Base URL prepended to every relative HTTP url issued by inputs. Absolute
@@ -35,7 +35,7 @@ export interface TreegeRenderRuntimeContextValue {
      * to every request issued by inputs. Field-level headers override these
      * on key collision (case-insensitive).
      */
-    headers?: HttpHeader[];
+    headers?: HttpHeaders;
     /**
      * The flow's input nodes — exposed so renderers can resolve references
      * between fields (e.g. `convertFormValuesToNamedFormat`, reference-field
@@ -106,7 +106,7 @@ export declare const useTreegeRenderRuntime: () => {
      * to every request issued by inputs. Field-level headers override these
      * on key collision (case-insensitive).
      */
-    headers?: HttpHeader[];
+    headers?: HttpHeaders;
     /**
      * The flow's input nodes — exposed so renderers can resolve references
      * between fields (e.g. `convertFormValuesToNamedFormat`, reference-field

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

@@ -0,0 +1,17 @@
+interface OptionItemContentProps {
+    /** Already-translated option label. */
+    label: string;
+    /** Already-translated option description (optional). */
+    description?: string;
+    /** Option image — base64 data URL or remote URL (optional). */
+    image?: string;
+    /** Muted styling when the option is disabled. */
+    disabled?: boolean;
+}
+/**
+ * Shared content for an option row in a dropdown/select modal: an optional
+ * leading image, the label, and an optional muted description underneath. The
+ * selection indicator is left to the caller so it can sit outside this block.
+ */
+declare const OptionItemContent: ({ label, description, image, disabled }: OptionItemContentProps) => import("react/jsx-runtime").JSX.Element;
+export default OptionItemContent;

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

@@ -73,7 +73,7 @@ export declare const useTreegeRenderer: ({ baseUrl, components, flow, googleApiK
             };
         };
         googleApiKey: string | undefined;
-        headers: import('../../../shared/types/node').HttpHeader[];
+        headers: import('../../../shared/types/node').HttpHeaders;
         language: string;
         theme: "dark" | "light";
         validationMode: "onChange" | "onSubmit";

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

@@ -0,0 +1,17 @@
+interface OptionItemContentProps {
+    /** Already-translated option label. */
+    label: string;
+    /** Already-translated option description (optional). */
+    description?: string;
+    /** Option image — base64 data URL or remote URL (optional). */
+    image?: string;
+}
+/**
+ * Shared content for an option row in a dropdown/combobox/select, built from the
+ * shadcn `Item` primitives: an optional leading image, the label, and an
+ * optional muted description underneath. Rendered as a fragment — the enclosing
+ * `CommandItem`/`SelectItem` already provides the flex row. The selection
+ * indicator (check) is left to the caller so it can sit outside this block.
+ */
+declare const OptionItemContent: ({ label, description, image }: OptionItemContentProps) => import("react/jsx-runtime").JSX.Element;
+export default OptionItemContent;

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

@@ -1,7 +1,7 @@
 import { Node } from '@xyflow/react';
 import { FormValues } from '../types/renderer';
 import { SubmitResult } from '../utils/submit';
-import { HttpHeader, InputNodeData, TreegeNodeData } from '../../shared/types/node';
+import { HttpHeaders, InputNodeData, TreegeNodeData } from '../../shared/types/node';
 /**
  * Hook for handling form submission with submit button configuration
  *
@@ -20,7 +20,7 @@ import { HttpHeader, InputNodeData, TreegeNodeData } from '../../shared/types/no
  * @param baseUrl - Base URL prepended to a relative submit url
  * @returns Submit handler state and functions
  */
-export declare const useSubmitHandler: (visibleNodes: Node<TreegeNodeData>[], formValues: FormValues, language: string, inputNodes: Node<InputNodeData>[], headers?: HttpHeader[], baseUrl?: string) => {
+export declare const useSubmitHandler: (visibleNodes: Node<TreegeNodeData>[], formValues: FormValues, language: string, inputNodes: Node<InputNodeData>[], headers?: HttpHeaders, baseUrl?: string) => {
     clearSubmitMessage: () => void;
     handleSubmitWithConfig: (onSuccess?: (data: unknown) => void) => Promise<SubmitResult | null>;
     hasSubmitConfig: boolean;

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

@@ -2,7 +2,7 @@ import { Node } from '@xyflow/react';
 import { FormEvent, ReactNode } from 'react';
 import { SerializableFile } from '../utils/file';
 import { FlowStep } from '../utils/step';
-import { Flow, GroupNodeData, HttpHeader, InputNodeData, InputOption, InputType, TreegeNodeData, UINodeData, UIType } from '../../shared/types/node';
+import { Flow, GroupNodeData, HttpHeaders, InputNodeData, InputOption, InputType, TreegeNodeData, UINodeData, UIType } from '../../shared/types/node';
 /**
  * Type mapping for input values based on input type
  */
@@ -274,8 +274,11 @@ export type TreegeRendererConfig = {
      * Global HTTP headers applied to every request issued by the renderer
      * (HTTP inputs, submit buttons). Field-level headers with the same key
      * (case-insensitive) take precedence over these.
+     *
+     * @example
+     * headers={{ Authorization: `Bearer ${accessToken}` }}
      */
-    headers?: HttpHeader[];
+    headers?: HttpHeaders;
     /**
      * Google Maps API key for address autocomplete
      * If not provided, falls back to free Nominatim (OpenStreetMap)

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

@@ -1,19 +1,28 @@
 import { FormValues } from '../types/renderer';
-import { HttpHeader, InputOption, OptionsSourceMapping, QueryParam } from '../../shared/types/node';
+import { HttpHeaders, InputOption, OptionsSourceMapping, QueryParams } from '../../shared/types/node';
 /**
  * Merge multiple lists of HTTP headers. Later sources override earlier ones
  * when they specify the same key (case-insensitive comparison, since HTTP
  * header names are case-insensitive). The casing of the latest occurrence
  * is preserved in the output.
  */
-export declare const mergeHttpHeaders: (...sources: (HttpHeader[] | undefined)[]) => HttpHeader[];
+export declare const mergeHttpHeaders: (...sources: (HttpHeaders | undefined)[]) => HttpHeaders;
+/**
+ * Resolve `{{templateVar}}` placeholders in every value of a header/query-param
+ * record, leaving the keys untouched. Returns `undefined` for `undefined` so
+ * callers can pass the result straight into `mergeHttpHeaders`/`makeHttpRequest`.
+ */
+export declare const resolveTemplateRecord: (record: Record<string, string> | undefined, values: FormValues, options?: {
+    encode?: boolean;
+    json?: boolean;
+}) => Record<string, string> | undefined;
 /**
  * Append query parameters to a URL. Entries with an empty key are skipped,
  * keys and values are URL-encoded, and `?` or `&` is chosen automatically
  * based on whether the URL already has a query string. Values are expected
  * to already have their template variables resolved.
  */
-export declare const appendQueryParams: (url: string, params?: QueryParam[]) => string;
+export declare const appendQueryParams: (url: string, params?: QueryParams) => string;
 /**
  * Prepend a base URL to a relative URL. Absolute urls (starting with
  * `http://` or `https://`, case-insensitive) and protocol-relative urls
@@ -65,12 +74,12 @@ export interface HttpRequestOptions {
     /**
      * Request headers
      */
-    headers?: HttpHeader[];
+    headers?: HttpHeaders;
     /**
      * Query parameters appended to the URL (values should already have their
      * template variables resolved; keys/values are URL-encoded here)
      */
-    queryParams?: QueryParam[];
+    queryParams?: QueryParams;
     /**
      * Request body (for POST/PUT/PATCH)
      */

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

@@ -1,6 +1,6 @@
 import { Node } from '@xyflow/react';
 import { FormValues } from '../types/renderer';
-import { HttpHeader, InputNodeData, SubmitConfig } from '../../shared/types/node';
+import { HttpHeaders, InputNodeData, SubmitConfig } from '../../shared/types/node';
 /**
  * Result of a form submission
  */
@@ -38,7 +38,7 @@ export interface SubmitResult {
  * @param baseUrl - Base URL prepended to a relative submit url
  * @returns Promise with submission result
  */
-export declare const submitFormData: (config: SubmitConfig, formValues: FormValues, inputNodes: Node<InputNodeData>[], headers?: HttpHeader[], baseUrl?: string) => Promise<SubmitResult>;
+export declare const submitFormData: (config: SubmitConfig, formValues: FormValues, inputNodes: Node<InputNodeData>[], headers?: HttpHeaders, baseUrl?: string) => Promise<SubmitResult>;
 /**
  * Perform redirect to the specified URL
  *