@declarion/react 0.1.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 Disciplinedware LLC
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,21 @@
+# @declarion/react
+
+React SDK for [Declarion](https://declarion.io), the schema-driven business apps platform.
+
+Declarion lets you build production business apps from YAML schemas: entities, screens, navigation, actions, and handlers. This package is the React client that renders those schemas into working UIs against a Declarion API backend.
+
+## Install
+
+```bash
+pnpm add @declarion/react
+# peer deps:
+pnpm add react react-dom
+```
+
+## License
+
+MIT. See `LICENSE`.
+
+## Runtime
+
+The SDK talks to a Declarion runtime server. The runtime is proprietary commercial software - contact konstantin@trunin.com for licensing.

package/dist-lib/JsonEditor-C5NOzsey.js

@@ -0,0 +1,71 @@
+import { jsx as b } from "react/jsx-runtime";
+import { useRef as i, useEffect as a } from "react";
+import { Mode as d, createJSONEditor as E } from "vanilla-jsoneditor";
+import "vanilla-jsoneditor/themes/jse-theme-dark.css";
+function p(t) {
+  if (t == null) return { text: "" };
+  if (typeof t == "string")
+    try {
+      return { json: JSON.parse(t) };
+    } catch {
+      return { text: t };
+    }
+  return { json: t };
+}
+function R({ value: t, onChange: c, readOnly: r }) {
+  const o = i(null), s = i(null), n = i(c);
+  return a(() => {
+    n.current = c;
+  }, [c]), a(() => {
+    if (!o.current) return;
+    const j = {
+      content: p(t),
+      readOnly: r ?? !1,
+      mode: r ? d.tree : d.text,
+      mainMenuBar: !r,
+      navigationBar: !1,
+      statusBar: !1,
+      onChange: (e, u, x) => {
+        if (!(r || !n.current) && !x.contentErrors) {
+          if ("json" in e)
+            n.current(e.json);
+          else if ("text" in e)
+            try {
+              n.current(JSON.parse(e.text));
+            } catch {
+              n.current(e.text);
+            }
+        }
+      }
+    }, f = () => {
+      var u;
+      const e = document.documentElement.classList.contains("dark");
+      (u = o.current) == null || u.classList.toggle("jse-theme-dark", e);
+    };
+    f();
+    const m = new MutationObserver(f);
+    m.observe(document.documentElement, {
+      attributes: !0,
+      attributeFilter: ["class"]
+    });
+    const l = E({
+      target: o.current,
+      props: j
+    });
+    return s.current = l, () => {
+      m.disconnect(), l.destroy(), s.current = null;
+    };
+  }, [r]), a(() => {
+    !s.current || !r || s.current.updateProps({ content: p(t) });
+  }, [t, r]), /* @__PURE__ */ b(
+    "div",
+    {
+      ref: o,
+      className: r ? "json-editor-readonly" : "json-editor-editable"
+    }
+  );
+}
+export {
+  R as JsonEditor
+};
+//# sourceMappingURL=JsonEditor-C5NOzsey.js.map

package/dist-lib/JsonEditor-C5NOzsey.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"JsonEditor-C5NOzsey.js","sources":["../src/components/fields/JsonEditor.tsx"],"sourcesContent":["import { useRef, useEffect } from \"react\";\nimport {\n  createJSONEditor,\n  Mode,\n  type Content,\n  type OnChangeStatus,\n  type JSONEditorPropsOptional,\n} from \"vanilla-jsoneditor\";\n// Dark theme CSS vars for vanilla-jsoneditor (sets --jse-* custom properties)\nimport \"vanilla-jsoneditor/themes/jse-theme-dark.css\";\n\ninterface JsonEditorProps {\n  value: unknown;\n  onChange?: (value: unknown) => void;\n  readOnly?: boolean;\n  // Future: JSON Schema for in-editor validation (Ajv). Accept now, wire later.\n  schema?: Record<string, unknown>;\n}\n\nfunction toContent(v: unknown): Content {\n  if (v == null) return { text: \"\" };\n  if (typeof v === \"string\") {\n    try {\n      return { json: JSON.parse(v) };\n    } catch {\n      return { text: v };\n    }\n  }\n  return { json: v };\n}\n\nexport function JsonEditor({ value, onChange, readOnly }: JsonEditorProps) {\n  const containerRef = useRef<HTMLDivElement>(null);\n  const editorRef = useRef<ReturnType<typeof createJSONEditor> | null>(null);\n  const onChangeRef = useRef(onChange);\n  useEffect(() => { onChangeRef.current = onChange; }, [onChange]);\n\n  // Create / recreate editor when readOnly changes\n  useEffect(() => {\n    if (!containerRef.current) return;\n\n    const props: JSONEditorPropsOptional = {\n      content: toContent(value),\n      readOnly: readOnly ?? false,\n      mode: readOnly ? Mode.tree : Mode.text,\n      mainMenuBar: !readOnly,\n      navigationBar: false,\n      statusBar: false,\n      onChange: (content: Content, _prev: Content, status: OnChangeStatus) => {\n        if (readOnly || !onChangeRef.current) return;\n        if (status.contentErrors) return;\n        if (\"json\" in content) {\n          onChangeRef.current(content.json);\n        } else if (\"text\" in content) {\n          try {\n            onChangeRef.current(JSON.parse(content.text));\n          } catch {\n            onChangeRef.current(content.text);\n          }\n        }\n      },\n    };\n\n    const syncDarkClass = () => {\n      const isDark = document.documentElement.classList.contains(\"dark\");\n      containerRef.current?.classList.toggle(\"jse-theme-dark\", isDark);\n    };\n    syncDarkClass();\n\n    // Watch for dark mode toggles\n    const observer = new MutationObserver(syncDarkClass);\n    observer.observe(document.documentElement, {\n      attributes: true,\n      attributeFilter: [\"class\"],\n    });\n\n    const editor = createJSONEditor({\n      target: containerRef.current,\n      props,\n    });\n    editorRef.current = editor;\n\n    return () => {\n      observer.disconnect();\n      editor.destroy();\n      editorRef.current = null;\n    };\n  }, [readOnly]); // eslint-disable-line react-hooks/exhaustive-deps\n\n  // Update content when value changes externally (read-only mode only)\n  useEffect(() => {\n    if (!editorRef.current || !readOnly) return;\n    editorRef.current.updateProps({ content: toContent(value) });\n  }, [value, readOnly]);\n\n  return (\n    <div\n      ref={containerRef}\n      className={readOnly ? \"json-editor-readonly\" : \"json-editor-editable\"}\n    />\n  );\n}\n"],"names":["toContent","v","JsonEditor","value","onChange","readOnly","containerRef","useRef","editorRef","onChangeRef","useEffect","props","Mode","content","_prev","status","syncDarkClass","isDark","_a","observer","editor","createJSONEditor","jsx"],"mappings":";;;;AAmBA,SAASA,EAAUC,GAAqB;AACtC,MAAIA,KAAK,KAAM,QAAO,EAAE,MAAM,GAAA;AAC9B,MAAI,OAAOA,KAAM;AACf,QAAI;AACF,aAAO,EAAE,MAAM,KAAK,MAAMA,CAAC,EAAA;AAAA,IAC7B,QAAQ;AACN,aAAO,EAAE,MAAMA,EAAA;AAAA,IACjB;AAEF,SAAO,EAAE,MAAMA,EAAA;AACjB;AAEO,SAASC,EAAW,EAAE,OAAAC,GAAO,UAAAC,GAAU,UAAAC,KAA6B;AACzE,QAAMC,IAAeC,EAAuB,IAAI,GAC1CC,IAAYD,EAAmD,IAAI,GACnEE,IAAcF,EAAOH,CAAQ;AACnC,SAAAM,EAAU,MAAM;AAAE,IAAAD,EAAY,UAAUL;AAAA,EAAU,GAAG,CAACA,CAAQ,CAAC,GAG/DM,EAAU,MAAM;AACd,QAAI,CAACJ,EAAa,QAAS;AAE3B,UAAMK,IAAiC;AAAA,MACrC,SAASX,EAAUG,CAAK;AAAA,MACxB,UAAUE,KAAY;AAAA,MACtB,MAAMA,IAAWO,EAAK,OAAOA,EAAK;AAAA,MAClC,aAAa,CAACP;AAAA,MACd,eAAe;AAAA,MACf,WAAW;AAAA,MACX,UAAU,CAACQ,GAAkBC,GAAgBC,MAA2B;AACtE,YAAI,EAAAV,KAAY,CAACI,EAAY,YACzB,CAAAM,EAAO;AACX,cAAI,UAAUF;AACZ,YAAAJ,EAAY,QAAQI,EAAQ,IAAI;AAAA,mBACvB,UAAUA;AACnB,gBAAI;AACF,cAAAJ,EAAY,QAAQ,KAAK,MAAMI,EAAQ,IAAI,CAAC;AAAA,YAC9C,QAAQ;AACN,cAAAJ,EAAY,QAAQI,EAAQ,IAAI;AAAA,YAClC;AAAA;AAAA,MAEJ;AAAA,IAAA,GAGIG,IAAgB,MAAM;;AAC1B,YAAMC,IAAS,SAAS,gBAAgB,UAAU,SAAS,MAAM;AACjE,OAAAC,IAAAZ,EAAa,YAAb,QAAAY,EAAsB,UAAU,OAAO,kBAAkBD;AAAA,IAC3D;AACA,IAAAD,EAAA;AAGA,UAAMG,IAAW,IAAI,iBAAiBH,CAAa;AACnD,IAAAG,EAAS,QAAQ,SAAS,iBAAiB;AAAA,MACzC,YAAY;AAAA,MACZ,iBAAiB,CAAC,OAAO;AAAA,IAAA,CAC1B;AAED,UAAMC,IAASC,EAAiB;AAAA,MAC9B,QAAQf,EAAa;AAAA,MACrB,OAAAK;AAAA,IAAA,CACD;AACD,WAAAH,EAAU,UAAUY,GAEb,MAAM;AACX,MAAAD,EAAS,WAAA,GACTC,EAAO,QAAA,GACPZ,EAAU,UAAU;AAAA,IACtB;AAAA,EACF,GAAG,CAACH,CAAQ,CAAC,GAGbK,EAAU,MAAM;AACd,IAAI,CAACF,EAAU,WAAW,CAACH,KAC3BG,EAAU,QAAQ,YAAY,EAAE,SAASR,EAAUG,CAAK,GAAG;AAAA,EAC7D,GAAG,CAACA,GAAOE,CAAQ,CAAC,GAGlB,gBAAAiB;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAKhB;AAAA,MACL,WAAWD,IAAW,yBAAyB;AAAA,IAAA;AAAA,EAAA;AAGrD;"}

package/dist-lib/api/auth.d.ts

@@ -0,0 +1,11 @@
+import type { CheckSetupResponse, LoginResponse, AuthUser, Tenant, SSOProvider } from "@/types/api";
+export declare function checkSetup(): Promise<CheckSetupResponse>;
+export declare function login(email: string, password: string): Promise<LoginResponse>;
+export declare function signup(email: string, password: string, displayName: string): Promise<LoginResponse>;
+export declare function getMe(): Promise<AuthUser>;
+export declare function listTenants(): Promise<Tenant[]>;
+export declare function switchTenant(tenantId: string): Promise<LoginResponse>;
+export declare function createTenant(code: string, name: string): Promise<Tenant>;
+export declare function logout(): Promise<void>;
+export declare function listSSOProviders(tenantCode?: string): Promise<SSOProvider[]>;
+export declare function ssoAuthorizeUrl(slug: string, tenantCode?: string, redirect?: string): string;

package/dist-lib/api/client.d.ts

@@ -0,0 +1,3 @@
+export declare function ensureRefresh(): Promise<void>;
+export declare function apiFetch<T>(path: string, options?: RequestInit): Promise<T>;
+export declare function callHandler<R = unknown>(code: string, args?: unknown): Promise<R>;

package/dist-lib/api/data.d.ts

@@ -0,0 +1,28 @@
+import type { ListParams, ListResponse, DataResponse } from "@/types/api";
+import type { PkValues } from "@/types/schema";
+export declare function listEntities(entity: string, params?: ListParams): Promise<ListResponse>;
+export declare function getEntity(entity: string, pkValues: PkValues | string): Promise<DataResponse>;
+export declare function createEntity(entity: string, data: Record<string, unknown>): Promise<DataResponse>;
+export declare function updateEntity(entity: string, pkValues: PkValues | string, data: Record<string, unknown>): Promise<DataResponse>;
+export declare function deleteEntity(entity: string, pkValues: PkValues | string): Promise<void>;
+export declare function restoreEntity(entity: string, pkValues: PkValues | string): Promise<void>;
+export interface ActionExecuteRequest {
+    entity?: string;
+    ids?: string[];
+    args?: Record<string, unknown>;
+}
+export interface ActionExecuteResponse {
+    status: string;
+    result?: unknown;
+    audit_operation_id?: string;
+    object_count?: number;
+    /** IDs that succeeded (batch_mode: each responses). */
+    success?: string[];
+}
+export declare function executeAction(code: string, body: ActionExecuteRequest): Promise<ActionExecuteResponse>;
+export interface AssociationResponse {
+    target_entity: string;
+    ids: string[];
+    count: number;
+}
+export declare function resolveAssociation(code: string, ids: string[]): Promise<AssociationResponse>;

package/dist-lib/api/entities.d.ts

@@ -0,0 +1,75 @@
+import type { Refs, V2ListParams, V2Meta, V2StatusInstance, V2PropertyInstance, EnrichedRow } from "@/types/api";
+/** Helper methods injected onto enriched rows. */
+export interface RowHelpers {
+    $status(groupCode: string): V2StatusInstance | undefined;
+    $property(propertyCode: string): V2PropertyInstance | undefined;
+}
+/** Normalized ref cache that merges $refs across multiple responses. */
+export declare class RefCache {
+    private cache;
+    /** Merge incoming refs into the cache. */
+    merge(refs: Refs | undefined): void;
+    /** Get a snapshot of all cached refs. */
+    all(): Refs;
+    /** Look up a single ref by entity code and id. */
+    get(entityCode: string, id: string): Record<string, unknown> | undefined;
+    /** Clear the cache. */
+    clear(): void;
+}
+/**
+ * Generic, type-safe client for a single entity's v2 API.
+ *
+ * Single-item methods wrap arrays and unwrap the first result.
+ * Bulk methods pass arrays through directly.
+ *
+ * All write responses return enriched rows with $refs, $statuses, etc.
+ */
+export declare class EntityClient<T extends Record<string, unknown> = Record<string, unknown>> {
+    readonly entity: string;
+    readonly refs: RefCache;
+    constructor(entity: string, refCache?: RefCache);
+    /** Get a single record by ID. Returns the full object with all sub-resources. */
+    get(id: string): Promise<T & EnrichedRow & RowHelpers>;
+    /** List records with cursor-based pagination, field selection, and expansion. */
+    list(params?: V2ListParams): Promise<{
+        data: (T & RowHelpers)[];
+        meta: V2Meta;
+        $refs: Refs;
+    }>;
+    /** Create a single record. Wraps in array, returns unwrapped result. */
+    create(item: Partial<T> & Record<string, unknown>): Promise<T & EnrichedRow & RowHelpers>;
+    /** Create multiple records in one request. */
+    createMany(items: (Partial<T> & Record<string, unknown>)[]): Promise<(T & EnrichedRow & RowHelpers)[]>;
+    /** Update a single record. Wraps in array, returns unwrapped result. */
+    update(id: string, data: Partial<T> & Record<string, unknown>): Promise<T & EnrichedRow & RowHelpers>;
+    /** Update multiple records in one request. Each item must include its id. */
+    updateMany(items: (Partial<T> & Record<string, unknown> & {
+        id: string;
+    })[]): Promise<(T & EnrichedRow & RowHelpers)[]>;
+    /** Delete a single record by ID. */
+    delete(id: string): Promise<void>;
+    /** Delete multiple records in one request. Returns the count of deleted records. */
+    deleteMany(ids: string[]): Promise<{
+        count: number;
+    }>;
+    /** Restore a single soft-deleted record by ID. */
+    restore(id: string): Promise<void>;
+    /** Restore multiple soft-deleted records. Returns the count of restored records. */
+    restoreMany(ids: string[]): Promise<{
+        count: number;
+    }>;
+    /** Upsert a single record. Wraps in array, returns unwrapped result. */
+    upsert(item: Partial<T> & Record<string, unknown>, uniqueFields: string[]): Promise<T & EnrichedRow & RowHelpers>;
+    /** Upsert multiple records. Existing matches (by unique_fields) are updated. */
+    upsertMany(items: (Partial<T> & Record<string, unknown>)[], uniqueFields: string[]): Promise<(T & EnrichedRow & RowHelpers)[]>;
+}
+/**
+ * Create an EntityClient for the given entity code.
+ * Optionally share a RefCache across multiple clients.
+ *
+ * NOTE(T5): Each call creates a new EntityClient (and a new RefCache if none is
+ * provided). For cross-page ref accumulation, callers should create a persistent
+ * RefCache instance and pass it to every entityClient() call, e.g. via React
+ * context or a module-level singleton.
+ */
+export declare function entityClient<T extends Record<string, unknown> = Record<string, unknown>>(entity: string, refCache?: RefCache): EntityClient<T>;

package/dist-lib/api/events.d.ts

@@ -0,0 +1,9 @@
+export type SSEEvent = {
+    type: "entity_changed";
+    entity: string;
+    ids: string[];
+    action: "created" | "updated" | "deleted" | "restored";
+} | {
+    type: "session_refresh";
+};
+export declare function streamEvents(signal?: AbortSignal): AsyncGenerator<SSEEvent>;

package/dist-lib/api/params.d.ts

@@ -0,0 +1,3 @@
+import type { PublicParam, ResolvedParam } from "@/types/api";
+export declare function fetchPublicParams(): Promise<PublicParam[]>;
+export declare function fetchParam(code: string): Promise<ResolvedParam>;

package/dist-lib/api/properties.d.ts

@@ -0,0 +1,3 @@
+import type { PropertyValue } from "@/types/api";
+export declare function setObjectProperty(entity: string, id: string, propertyCode: string, value: unknown): Promise<PropertyValue>;
+export declare function deleteObjectProperty(entity: string, id: string, propertyCode: string): Promise<void>;

package/dist-lib/api/schema.d.ts

@@ -0,0 +1,2 @@
+import type { Schema } from "@/types/schema";
+export declare function fetchSchema(): Promise<Schema>;

package/dist-lib/api/status.d.ts

@@ -0,0 +1,2 @@
+import type { StatusInfo } from "@/types/api";
+export declare function setObjectStatus(entity: string, id: string, groupCode: string, statusCode: string, note?: string): Promise<StatusInfo>;

package/dist-lib/app.d.ts

@@ -0,0 +1 @@
+export declare function App(): import("react/jsx-runtime").JSX.Element;

package/dist-lib/components/columns/ColumnPicker.d.ts

@@ -0,0 +1,15 @@
+interface ColumnPickerProps {
+    availableColumns: string[];
+    visibleColumns: string[];
+    onToggle: (col: string) => void;
+    onReset: () => void;
+    onShowAll: () => void;
+    /** Resolve column code to display label */
+    columnLabel?: (code: string) => string;
+}
+/**
+ * ColumnPicker - popover-style checklist for toggling column visibility.
+ * Drag-reorder deferred to later phase (using @dnd-kit).
+ */
+export declare function ColumnPicker({ availableColumns, visibleColumns, onToggle, onReset, onShowAll, columnLabel, }: ColumnPickerProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist-lib/components/detail-layout/AssociatedBlock.d.ts

@@ -0,0 +1,8 @@
+import type { LayoutNode } from "@/types/schema";
+import type { LayoutContext } from "./LayoutRenderer";
+interface AssociatedBlockProps {
+    node: LayoutNode;
+    ctx: LayoutContext;
+}
+export declare function AssociatedBlock({ node, ctx }: AssociatedBlockProps): import("react/jsx-runtime").JSX.Element | null;
+export {};

package/dist-lib/components/detail-layout/AssociatedToolbar.d.ts

@@ -0,0 +1,13 @@
+import type { Entity } from "@/types/schema";
+interface AssociatedToolbarProps {
+    entity: Entity;
+    searchable?: boolean;
+    filterFields?: string[];
+    searchValue: string;
+    onSearchChange: (value: string) => void;
+    filters: Record<string, string>;
+    onFilterChange: (field: string, value: string) => void;
+    allEntities?: Record<string, Entity>;
+}
+export declare function AssociatedToolbar({ entity, searchable, filterFields, searchValue, onSearchChange, filters, onFilterChange, allEntities, }: AssociatedToolbarProps): import("react/jsx-runtime").JSX.Element | null;
+export {};

package/dist-lib/components/detail-layout/ChildrenBlock.d.ts

@@ -0,0 +1,15 @@
+import type { LayoutNode, Schema } from "@/types/schema";
+import { type ResolvedChildConfig } from "@/lib/child-config";
+import type { LayoutContext } from "./LayoutRenderer";
+interface ChildrenBlockProps {
+    node: LayoutNode;
+    ctx: LayoutContext;
+}
+export interface ChildDisplayProps {
+    config: ResolvedChildConfig;
+    parentEntity: string;
+    parentId: string;
+    schema: Schema;
+}
+export declare function ChildrenBlock({ node, ctx }: ChildrenBlockProps): import("react/jsx-runtime").JSX.Element | null;
+export {};

package/dist-lib/components/detail-layout/ChildrenCards.d.ts

@@ -0,0 +1,2 @@
+import type { ChildDisplayProps } from "./ChildrenBlock";
+export declare function ChildrenCards({ config, parentEntity, parentId, schema }: ChildDisplayProps): import("react/jsx-runtime").JSX.Element;

package/dist-lib/components/detail-layout/ChildrenList.d.ts

@@ -0,0 +1,2 @@
+import type { ChildDisplayProps } from "./ChildrenBlock";
+export declare function ChildrenList({ config, parentEntity, parentId, schema }: ChildDisplayProps): import("react/jsx-runtime").JSX.Element;

package/dist-lib/components/detail-layout/ChildrenTable.d.ts

@@ -0,0 +1,2 @@
+import type { ChildDisplayProps } from "./ChildrenBlock";
+export declare function ChildrenTable({ config, parentEntity, parentId, schema }: ChildDisplayProps): import("react/jsx-runtime").JSX.Element;

package/dist-lib/components/detail-layout/ChildrenTimeline.d.ts

@@ -0,0 +1,2 @@
+import type { ChildDisplayProps } from "./ChildrenBlock";
+export declare function ChildrenTimeline({ config, parentEntity, parentId, schema }: ChildDisplayProps): import("react/jsx-runtime").JSX.Element;

package/dist-lib/components/detail-layout/DraggableChildrenTable.d.ts

@@ -0,0 +1,15 @@
+import type { Entity, Schema } from "@/types/schema";
+import type { RefsMap } from "@/components/fields";
+import type { PendingChildRow } from "./LayoutRenderer";
+import type { ResolvedChildConfig } from "@/lib/child-config";
+interface DraggableChildrenTableProps {
+    config: ResolvedChildConfig;
+    childEntity: Entity;
+    schema: Schema;
+    rows: PendingChildRow[];
+    onChange: (rows: PendingChildRow[]) => void;
+    validationErrors?: Record<string, string[]>;
+    refs?: RefsMap;
+}
+export declare function DraggableChildrenTable({ config, childEntity, schema, rows, onChange, validationErrors, refs, }: DraggableChildrenTableProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist-lib/components/detail-layout/EditableChildrenTable.d.ts

@@ -0,0 +1,15 @@
+import type { Entity, Schema } from "@/types/schema";
+import type { RefsMap } from "@/components/fields";
+import type { PendingChildRow } from "./LayoutRenderer";
+import type { ResolvedChildConfig } from "@/lib/child-config";
+interface EditableChildrenTableProps {
+    config: ResolvedChildConfig;
+    childEntity: Entity;
+    schema: Schema;
+    rows: PendingChildRow[];
+    onChange: (rows: PendingChildRow[]) => void;
+    validationErrors?: Record<string, string[]>;
+    refs?: RefsMap;
+}
+export declare function EditableChildrenTable({ config, childEntity, schema, rows, onChange, validationErrors, refs, }: EditableChildrenTableProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist-lib/components/detail-layout/FieldsBlock.d.ts

@@ -0,0 +1,7 @@
+import type { LayoutContext } from "./LayoutRenderer";
+interface FieldsBlockProps {
+    fields: string[];
+    ctx: LayoutContext;
+}
+export declare function FieldsBlock({ fields, ctx }: FieldsBlockProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist-lib/components/detail-layout/LayoutColumn.d.ts

@@ -0,0 +1,9 @@
+import type { ColumnConfig, LayoutNode } from "@/types/schema";
+import { type LayoutContext } from "./LayoutRenderer";
+interface LayoutColumnProps {
+    config: ColumnConfig;
+    node: LayoutNode;
+    ctx: LayoutContext;
+}
+export declare function LayoutColumn({ config, ctx }: LayoutColumnProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist-lib/components/detail-layout/LayoutRenderer.d.ts

@@ -0,0 +1,42 @@
+import type { Entity, LayoutNode, Schema } from "@/types/schema";
+import type { StatusInfo, PropertyValue } from "@/types/api";
+import type { RefsMap } from "@/components/fields";
+export interface PendingChildRow {
+    _key: string;
+    _deleted?: boolean;
+    _dirty?: boolean;
+    [field: string]: unknown;
+}
+export interface LayoutContext {
+    schema: Schema;
+    entity: Entity;
+    entityCode: string;
+    recordId: string;
+    record: Record<string, unknown>;
+    isNew: boolean;
+    mode: "display" | "edit";
+    onFieldChange?: (field: string, value: unknown) => void;
+    refs?: RefsMap;
+    columns?: number;
+    objectProperties?: PropertyValue[];
+    onSetProperty?: (propertyCode: string, value: unknown) => void;
+    isPropertyPending?: boolean;
+    objectStatuses?: StatusInfo[];
+    onSetStatus?: (groupCode: string, statusCode: string) => void;
+    isStatusPending?: boolean;
+    pendingChildren?: Record<string, PendingChildRow[]>;
+    onChildrenChange?: (childCode: string, rows: PendingChildRow[]) => void;
+    childValidationErrors?: Record<string, Record<string, string[]>>;
+}
+interface LayoutRendererProps {
+    nodes: LayoutNode[];
+    ctx: LayoutContext;
+}
+export declare function LayoutRenderer({ nodes, ctx }: LayoutRendererProps): import("react/jsx-runtime").JSX.Element;
+interface LayoutNodeRendererProps {
+    node: LayoutNode;
+    ctx: LayoutContext;
+}
+export declare function LayoutNodeRenderer({ node, ctx }: LayoutNodeRendererProps): import("react/jsx-runtime").JSX.Element | null;
+export declare function getNodeKind(node: LayoutNode): string | null;
+export {};

package/dist-lib/components/detail-layout/LayoutRow.d.ts

@@ -0,0 +1,8 @@
+import type { RowConfig } from "@/types/schema";
+import { type LayoutContext } from "./LayoutRenderer";
+interface LayoutRowProps {
+    config: RowConfig;
+    ctx: LayoutContext;
+}
+export declare function LayoutRow({ config, ctx }: LayoutRowProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist-lib/components/detail-layout/LayoutTabs.d.ts

@@ -0,0 +1,8 @@
+import type { TabsConfig } from "@/types/schema";
+import { type LayoutContext } from "./LayoutRenderer";
+interface LayoutTabsProps {
+    config: TabsConfig;
+    ctx: LayoutContext;
+}
+export declare function LayoutTabs({ config, ctx }: LayoutTabsProps): import("react/jsx-runtime").JSX.Element | null;
+export {};

package/dist-lib/components/detail-layout/PropertiesBlock.d.ts

@@ -0,0 +1,8 @@
+import type { LayoutNode } from "@/types/schema";
+import type { LayoutContext } from "./LayoutRenderer";
+interface PropertiesBlockProps {
+    node: LayoutNode;
+    ctx: LayoutContext;
+}
+export declare function PropertiesBlock({ node, ctx }: PropertiesBlockProps): import("react/jsx-runtime").JSX.Element | null;
+export {};

package/dist-lib/components/detail-layout/QuickAddForm.d.ts

@@ -0,0 +1,10 @@
+import type { ResolvedChildConfig } from "@/lib/child-config";
+import type { Schema } from "@/types/schema";
+interface QuickAddFormProps {
+    config: ResolvedChildConfig;
+    parentEntity: string;
+    parentId: string | string[];
+    schema: Schema;
+}
+export declare function QuickAddForm({ config, parentEntity, parentId, schema }: QuickAddFormProps): import("react/jsx-runtime").JSX.Element | null;
+export {};

package/dist-lib/components/detail-layout/SectionBlock.d.ts

@@ -0,0 +1,8 @@
+import type { SectionNode } from "@/types/schema";
+import type { LayoutContext } from "./LayoutRenderer";
+interface SectionBlockProps {
+    config: SectionNode;
+    ctx: LayoutContext;
+}
+export declare function SectionBlock({ config, ctx }: SectionBlockProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist-lib/components/detail-layout/StatusesBlock.d.ts

@@ -0,0 +1,8 @@
+import type { LayoutNode } from "@/types/schema";
+import type { LayoutContext } from "./LayoutRenderer";
+interface StatusesBlockProps {
+    node: LayoutNode;
+    ctx: LayoutContext;
+}
+export declare function StatusesBlock({ node, ctx }: StatusesBlockProps): import("react/jsx-runtime").JSX.Element | null;
+export {};

package/dist-lib/components/detail-layout/TimelineComposer.d.ts

@@ -0,0 +1,10 @@
+import type { ResolvedChildConfig } from "@/lib/child-config";
+import type { Schema } from "@/types/schema";
+interface TimelineComposerProps {
+    config: ResolvedChildConfig;
+    parentEntity: string;
+    parentId: string | string[];
+    schema: Schema;
+}
+export declare function TimelineComposer({ config, parentEntity, parentId, schema }: TimelineComposerProps): import("react/jsx-runtime").JSX.Element | null;
+export {};

package/dist-lib/components/detail-layout/index.d.ts

@@ -0,0 +1,18 @@
+export { LayoutRenderer, LayoutNodeRenderer, getNodeKind, type LayoutContext, type PendingChildRow } from "./LayoutRenderer";
+export { LayoutRow } from "./LayoutRow";
+export { LayoutColumn } from "./LayoutColumn";
+export { LayoutTabs } from "./LayoutTabs";
+export { SectionBlock } from "./SectionBlock";
+export { FieldsBlock } from "./FieldsBlock";
+export { ChildrenBlock, type ChildDisplayProps } from "./ChildrenBlock";
+export { ChildrenTable } from "./ChildrenTable";
+export { EditableChildrenTable } from "./EditableChildrenTable";
+export { DraggableChildrenTable } from "./DraggableChildrenTable";
+export { ChildrenList } from "./ChildrenList";
+export { ChildrenCards } from "./ChildrenCards";
+export { ChildrenTimeline } from "./ChildrenTimeline";
+export { PropertiesBlock } from "./PropertiesBlock";
+export { StatusesBlock } from "./StatusesBlock";
+export { QuickAddForm } from "./QuickAddForm";
+export { TimelineComposer } from "./TimelineComposer";
+export { useQuickAdd } from "./useQuickAdd";

package/dist-lib/components/detail-layout/useQuickAdd.d.ts

@@ -0,0 +1,17 @@
+import { type FormEvent } from "react";
+import type { ResolvedChildConfig } from "@/lib/child-config";
+import type { Schema } from "@/types/schema";
+export interface UseQuickAddResult {
+    values: Record<string, unknown>;
+    quickAdd: ResolvedChildConfig["quick_add"];
+    childEntity: ReturnType<typeof getChildEntity>;
+    isPending: boolean;
+    error: Error | null;
+    isReady: boolean;
+    handleSubmit: (e: FormEvent) => void;
+    handleFieldChange: (fieldName: string, val: unknown) => void;
+}
+type ChildEntity = Schema["entities"][string] | undefined;
+declare function getChildEntity(schema: Schema, entityCode: string): ChildEntity;
+export declare function useQuickAdd(config: ResolvedChildConfig, parentEntity: string, parentId: string | string[], schema: Schema): UseQuickAddResult;
+export {};

package/dist-lib/components/fields/BoolField.d.ts

@@ -0,0 +1,2 @@
+import type { FieldRendererProps } from "./index";
+export declare function BoolField({ value, mode, onChange }: FieldRendererProps): import("react/jsx-runtime").JSX.Element;

package/dist-lib/components/fields/EmailField.d.ts

@@ -0,0 +1,2 @@
+import type { FieldRendererProps } from "./index";
+export declare function EmailField({ value, mode, onChange }: FieldRendererProps): import("react/jsx-runtime").JSX.Element;

package/dist-lib/components/fields/EnumField.d.ts

@@ -0,0 +1,2 @@
+import type { FieldRendererProps } from "./index";
+export declare function EnumField({ field, value, mode, onChange }: FieldRendererProps): import("react/jsx-runtime").JSX.Element;

package/dist-lib/components/fields/IntArrayField.d.ts

@@ -0,0 +1,2 @@
+import type { FieldRendererProps } from "./index";
+export declare function IntArrayField({ value, mode, onChange }: FieldRendererProps): import("react/jsx-runtime").JSX.Element;

package/dist-lib/components/fields/JsonEditor.d.ts

@@ -0,0 +1,9 @@
+import "vanilla-jsoneditor/themes/jse-theme-dark.css";
+interface JsonEditorProps {
+    value: unknown;
+    onChange?: (value: unknown) => void;
+    readOnly?: boolean;
+    schema?: Record<string, unknown>;
+}
+export declare function JsonEditor({ value, onChange, readOnly }: JsonEditorProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist-lib/components/fields/JsonField.d.ts

@@ -0,0 +1,2 @@
+import type { FieldRendererProps } from "./index";
+export declare function JsonField({ value, mode, onChange }: FieldRendererProps): import("react/jsx-runtime").JSX.Element;

package/dist-lib/components/fields/MultilangField.d.ts

@@ -0,0 +1,2 @@
+import type { FieldRendererProps } from "./index";
+export declare function MultilangField({ value, mode, onChange, }: FieldRendererProps): import("react/jsx-runtime").JSX.Element;

package/dist-lib/components/fields/MultilangTextField.d.ts

@@ -0,0 +1,2 @@
+import type { FieldRendererProps } from "./index";
+export declare function MultilangTextField({ value, mode, onChange, }: FieldRendererProps): import("react/jsx-runtime").JSX.Element;

package/dist-lib/components/fields/NumberField.d.ts

@@ -0,0 +1,2 @@
+import type { FieldRendererProps } from "./index";
+export declare function NumberField({ field, fieldName, value, mode, onChange, record }: FieldRendererProps): import("react/jsx-runtime").JSX.Element;

package/dist-lib/components/fields/PasswordField.d.ts

@@ -0,0 +1,2 @@
+import type { FieldRendererProps } from "./index";
+export declare function PasswordField({ value, mode, onChange, record }: FieldRendererProps): import("react/jsx-runtime").JSX.Element;

package/dist-lib/components/fields/RefField.d.ts

@@ -0,0 +1,2 @@
+import type { FieldRendererProps } from "./index";
+export declare function RefField({ field, value, mode, onChange, refs, }: FieldRendererProps): import("react/jsx-runtime").JSX.Element;

package/dist-lib/components/fields/SecretField.d.ts

@@ -0,0 +1,2 @@
+import type { FieldRendererProps } from "./index";
+export declare function SecretField({ value, mode, onChange, record }: FieldRendererProps): import("react/jsx-runtime").JSX.Element;

package/dist-lib/components/fields/StringArrayField.d.ts

@@ -0,0 +1,2 @@
+import type { FieldRendererProps } from "./index";
+export declare function StringArrayField({ value, mode, onChange }: FieldRendererProps): import("react/jsx-runtime").JSX.Element;