treege 3.0.0-beta.60 → 3.0.0-beta.61

package/dist/renderer.js

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

package/dist/shared/components/ui/item.d.ts

@@ -0,0 +1,23 @@
+import { VariantProps } from 'class-variance-authority';
+import { Separator } from './separator';
+import * as React from "react";
+declare function ItemGroup({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+declare function ItemSeparator({ className, ...props }: React.ComponentProps<typeof Separator>): import("react/jsx-runtime").JSX.Element;
+declare const itemVariants: (props?: ({
+    size?: "default" | "sm" | null | undefined;
+    variant?: "default" | "outline" | "muted" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+declare function Item({ className, variant, size, asChild, ...props }: React.ComponentProps<"div"> & VariantProps<typeof itemVariants> & {
+    asChild?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+declare const itemMediaVariants: (props?: ({
+    variant?: "default" | "image" | "icon" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+declare function ItemMedia({ className, variant, ...props }: React.ComponentProps<"div"> & VariantProps<typeof itemMediaVariants>): import("react/jsx-runtime").JSX.Element;
+declare function ItemContent({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+declare function ItemTitle({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+declare function ItemDescription({ className, ...props }: React.ComponentProps<"p">): import("react/jsx-runtime").JSX.Element;
+declare function ItemActions({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+declare function ItemHeader({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+declare function ItemFooter({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+export { Item, ItemActions, ItemContent, ItemDescription, ItemFooter, ItemGroup, ItemHeader, ItemMedia, ItemSeparator, ItemTitle };

package/dist/shared/components/ui/popover.d.ts

@@ -2,8 +2,14 @@ import * as PopoverPrimitive from "@radix-ui/react-popover";
 import * as React from "react";
 declare function Popover({ ...props }: React.ComponentProps<typeof PopoverPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
 declare function PopoverTrigger({ ...props }: React.ComponentProps<typeof PopoverPrimitive.Trigger>): import("react/jsx-runtime").JSX.Element;
-declare function PopoverContent({ className, align, sideOffset, disablePortal, ...props }: React.ComponentProps<typeof PopoverPrimitive.Content> & {
+declare function PopoverContent({ className, align, sideOffset, disablePortal, container, ...props }: React.ComponentProps<typeof PopoverPrimitive.Content> & {
     disablePortal?: boolean;
+    /**
+     * Element to portal the content into. Defaults to the nearest
+     * `PortalContainerProvider` (the editor root, or an enclosing Sheet/Dialog),
+     * falling back to `document.body`. Ignored when `disablePortal` is set.
+     */
+    container?: HTMLElement | null;
 }): import("react/jsx-runtime").JSX.Element;
 declare function PopoverAnchor({ ...props }: React.ComponentProps<typeof PopoverPrimitive.Anchor>): import("react/jsx-runtime").JSX.Element;
 export { Popover, PopoverAnchor, PopoverContent, PopoverTrigger };

package/dist/shared/context/PortalContainerContext.d.ts

@@ -0,0 +1,5 @@
+import { PropsWithChildren } from 'react';
+export declare const usePortalContainer: () => HTMLElement | null;
+export declare const PortalContainerProvider: ({ container, children }: PropsWithChildren<{
+    container: HTMLElement | null;
+}>) => import("react/jsx-runtime").JSX.Element;

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

@@ -44,26 +44,18 @@ export type GroupNodeData = BaseNodeData & {
      */
     label: Translatable;
 };
-export type HttpHeader = {
-    /**
-     * The header key (e.g., "Authorization", "Content-Type")
-     */
-    key: string;
-    /**
-     * The header value
-     */
-    value: string;
-};
-export type QueryParam = {
-    /**
-     * The query parameter key (e.g., "limit", "page", "sort")
-     */
-    key: string;
-    /**
-     * The query parameter value (supports template variables like {{fieldId}})
-     */
-    value: string;
-};
+/**
+ * HTTP headers as a plain object keyed by header name, e.g.
+ * `{ Authorization: "Bearer xyz", "Content-Type": "application/json" }`.
+ * Values support template variables like `{{fieldId}}`.
+ */
+export type HttpHeaders = Record<string, string>;
+/**
+ * Query parameters as a plain object keyed by parameter name, e.g.
+ * `{ limit: "10", sort: "asc" }`. Values support template variables like
+ * `{{fieldId}}`.
+ */
+export type QueryParams = Record<string, string>;
 export type HttpConfig = {
     /**
      * The HTTP method to use
@@ -76,11 +68,11 @@ export type HttpConfig = {
     /**
      * Custom headers for the HTTP request
      */
-    headers?: HttpHeader[];
+    headers?: HttpHeaders;
     /**
      * Query parameters appended to the URL (supports template variables like {{fieldId}})
      */
-    queryParams?: QueryParam[];
+    queryParams?: QueryParams;
     /**
      * Request body (for POST/PUT/PATCH methods)
      */
@@ -106,6 +98,14 @@ export type HttpConfig = {
          * Path to the label field in response items
          */
         labelField?: string;
+        /**
+         * Path to the field used as the option description (optional)
+         */
+        descriptionField?: string;
+        /**
+         * Path to the field used as the option image — base64 data URL or remote URL (optional)
+         */
+        imageField?: string;
     };
     /**
      * Query parameter name for search (enables combobox with search)
@@ -146,9 +146,9 @@ export type OptionsSource = {
     /** HTTP method */
     method?: "GET" | "POST" | "PUT" | "DELETE" | "PATCH";
     /** Custom headers (merged with global headers; field-level wins) */
-    headers?: HttpHeader[];
+    headers?: HttpHeaders;
     /** Query parameters appended to the URL (supports template variables like {{fieldId}}) */
-    queryParams?: QueryParam[];
+    queryParams?: QueryParams;
     /** Request body (for POST/PUT/PATCH; supports template variables) */
     body?: string;
     /** JSONPath to extract the array from the response (e.g., "data.users") */
@@ -168,11 +168,11 @@ export type SubmitConfig = {
     /**
      * Custom headers for the HTTP request
      */
-    headers?: HttpHeader[];
+    headers?: HttpHeaders;
     /**
      * Query parameters appended to the URL (supports template variables like {{fieldId}})
      */
-    queryParams?: QueryParam[];
+    queryParams?: QueryParams;
     /**
      * Request body (for POST/PUT/PATCH methods, supports template variables like {{fieldId}})
      * Strings are automatically quoted, use: {"name": {{userName}}}

package/dist/shared/utils/httpRecord.d.ts

@@ -0,0 +1,20 @@
+/**
+ * A single editable key/value row. Editor forms work on lists of these while
+ * the user types (they tolerate transient empty keys), then serialize back to
+ * the persisted `Record<string, string>` form via `entriesToRecord`.
+ */
+export type KeyValueEntry = {
+    key: string;
+    value: string;
+};
+/**
+ * Expand a `{ key: value }` record into editor rows, preserving insertion
+ * order. Returns an empty list for `undefined`.
+ */
+export declare const recordToEntries: (record?: Record<string, string>) => KeyValueEntry[];
+/**
+ * Collapse editor rows back into a `{ key: value }` record. Rows with an empty
+ * key are dropped (they're transient editing artifacts), and on duplicate keys
+ * the last occurrence wins.
+ */
+export declare const entriesToRecord: (entries?: KeyValueEntry[]) => Record<string, string>;

package/package.json

@@ -2,7 +2,7 @@
   "name": "treege",
   "description": "Powerful form generator",
   "license": "ISC",
-  "version": "3.0.0-beta.60",
+  "version": "3.0.0-beta.61",
   "type": "module",
   "types": "./dist/main.d.ts",
   "module": "./dist/main.js",