treege 3.0.0-beta.44 → 3.0.0-beta.46

package/dist/shared/types/node.d.ts

@@ -113,6 +113,39 @@ export type HttpConfig = {
      */
     showLoading?: boolean;
 };
+/**
+ * Maps response item fields to InputOption properties.
+ * Each value is a path expression (e.g., "id", "user.name", "items[0].title").
+ */
+export type OptionsSourceMapping = {
+    /** Path to the field used as InputOption.value */
+    valueField: string;
+    /** Path to the field used as InputOption.label */
+    labelField: string;
+    /** Path to the field used as InputOption.description (optional) */
+    descriptionField?: string;
+    /** Path to the field used as InputOption.image (optional) */
+    imageField?: string;
+};
+/**
+ * Dynamic options source — fetches the option list from an HTTP endpoint
+ * at runtime. Applies to inputs that use options (radio, checkbox, select,
+ * autocomplete). When set, overrides the static `options` array.
+ */
+export type OptionsSource = {
+    /** API URL (supports template variables like {{fieldId}}) */
+    url?: string;
+    /** HTTP method */
+    method?: "GET" | "POST" | "PUT" | "DELETE" | "PATCH";
+    /** Custom headers (merged with global headers; field-level wins) */
+    headers?: HttpHeader[];
+    /** Request body (for POST/PUT/PATCH; supports template variables) */
+    body?: string;
+    /** JSONPath to extract the array from the response (e.g., "data.users") */
+    responsePath?: string;
+    /** Field-to-property mapping for each response item */
+    mapping?: OptionsSourceMapping;
+};
 export type SubmitConfig = {
     /**
      * The HTTP method to use for form submission
@@ -214,10 +247,21 @@ export type InputNodeData = BaseNodeData & {
      * HTTP configuration for the input field (used with type="http")
      */
     httpConfig?: HttpConfig;
+    /**
+     * Dynamic options source — fetches the option list from an HTTP endpoint
+     * at runtime. Used by option-based inputs (radio, checkbox, select, autocomplete).
+     * When set, overrides the static `options` array.
+     */
+    optionsSource?: OptionsSource;
     /**
      * Submit configuration for the input field (used with type="submit")
      */
     submitConfig?: SubmitConfig;
+    /**
+     * Optional illustrative image displayed above the input label.
+     * Stored as a base64 data URL (uploads are resized/compressed) or a remote URL.
+     */
+    image?: string;
 };
 export type UINodeData = BaseNodeData & {
     /**

package/package.json

@@ -2,7 +2,7 @@
   "name": "treege",
   "description": "Powerful form generator",
   "license": "ISC",
-  "version": "3.0.0-beta.44",
+  "version": "3.0.0-beta.46",
   "type": "module",
   "types": "./dist/main.d.ts",
   "module": "./dist/main.js",
@@ -63,6 +63,8 @@
     "@radix-ui/react-separator": "^1.1.7",
     "@radix-ui/react-slot": "^1.2.4",
     "@radix-ui/react-switch": "^1.2.6",
+    "@radix-ui/react-toggle": "^1.1.10",
+    "@radix-ui/react-toggle-group": "^1.1.11",
     "@radix-ui/react-tooltip": "^1.2.8",
     "@tanstack/react-form": "^1.23.5",
     "@uiw/react-textarea-code-editor": "^3.1.1",