@lobb-js/studio 0.26.0 → 0.27.1

package/dist/components/dataTable/dataTable.svelte

@@ -1,3 +1,17 @@
+<script lang="ts" module>
+    export interface ParentContext {
+        collectionName: string;
+        recordId: string | number;
+    }
+
+    export type RecordOperation =
+        | { type: "link";   record: any }
+        | { type: "unlink"; id: string | number }
+        | { type: "delete"; id: string | number }
+        | { type: "create"; record: any }
+        | { type: "update"; id: string | number; data: any };
+</script>
+
 <script lang="ts">
     import _ from "lodash";
     import { getStudioContext } from "../../context";
@@ -5,7 +19,7 @@
     import Header from "./header.svelte";
     import Table, { type TableProps } from "./table.svelte";
     import { getCollectionColumns, getCollectionParamsFields } from "./utils";
-    import { Pencil, Trash } from "lucide-svelte";
+    import { Pencil, Trash, Unlink } from "lucide-svelte";
     import * as icons from "lucide-svelte";
     import ListViewChildren from "./listViewChildren.svelte";
     import FieldCell from "./fieldCell.svelte";
@@ -26,8 +40,11 @@
         collectionName: string;
         filter?: any;
         searchParams?: Record<string, any>;
+        parentContext?: ParentContext;
+        onOperation?: (op: RecordOperation) => void;
         showHeader?: boolean;
         showFooter?: boolean;
+        showImport?: boolean;
         unifiedBgColor?: "bg-muted/30" | "bg-background";
         showDelete?: boolean;
         tableProps?: Partial<TableProps>;
@@ -38,8 +55,11 @@
         collectionName,
         filter,
         searchParams,
+        parentContext,
+        onOperation,
         showHeader = true,
         showFooter = true,
+        showImport = true,
         unifiedBgColor,
         showDelete = false,
         tableProps,
@@ -78,7 +98,7 @@
     let dataTableWidth: number = $state(0);
     const doesCollectionHasChildren = $derived(
         (ctx.meta.collections[collectionName]?.children ?? [])
-            .some((c: any) => c.type === "fk" || c.type === "m2m")
+            .some((c: any) => c.type === "fk" || c.type === "m2m" || c.type === "polymorphic")
     );
 
     // requests the data from the server when the params is changed
@@ -109,14 +129,44 @@
         loading = false;
     }
 
+    // Internal handler: updates data optimistically then calls onOperation
+    function applyOperation(op: RecordOperation) {
+        if (op.type === "link") {
+            data = [...data, op.record];
+        } else if (op.type === "unlink" || op.type === "delete") {
+            data = data.filter((r: any) => String(r.id) !== String(op.id));
+        } else if (op.type === "create") {
+            data = [...data, { ...op.record, _pending: true }];
+        } else if (op.type === "update") {
+            data = data.map((r: any) => String(r.id) === String(op.id) ? { ...r, ...op.data } : r);
+        }
+        onOperation?.(op);
+    }
+
     async function handleDelete(entryId: string) {
-        const result = await showDialog(
-            "Are you sure?",
-            "This will delete the record you selected.",
-        );
+        const result = await showDialog("Are you sure?", "This will permanently delete the record.");
         if (result) {
-            await lobb.deleteOne(collectionName, entryId);
-            params = { ...params };
+            if (onOperation) {
+                applyOperation({ type: "delete", id: entryId });
+            } else if (parentContext) {
+                await lobb.updateOne(parentContext.collectionName, String(parentContext.recordId), {}, { [collectionName]: { delete: [entryId] } });
+                params = { ...params };
+            } else {
+                await lobb.deleteOne(collectionName, entryId);
+                params = { ...params };
+            }
+        }
+    }
+
+    async function handleUnlink(entryId: string) {
+        const result = await showDialog("Are you sure?", "This will unlink the record without deleting it.");
+        if (result) {
+            if (onOperation) {
+                applyOperation({ type: "unlink", id: entryId });
+            } else {
+                await lobb.updateOne(parentContext!.collectionName, String(parentContext!.recordId), {}, { [collectionName]: { unlink: [entryId] } });
+                params = { ...params };
+            }
         }
     }
 
@@ -159,7 +209,7 @@
     {/snippet}
 
     {#if showHeader}
-        <Header bind:params {collectionName} bind:selectedRecords>
+        <Header bind:params {collectionName} bind:selectedRecords {parentContext} {showImport} onOperation={onOperation ? applyOperation : undefined}>
             {#snippet left()}
                 {@render headerLeft?.()}
             {/snippet}
@@ -200,6 +250,16 @@
                                     params = { ...params };
                                 }}
                             ></UpdateDetailViewButton>
+                            {#if parentContext}
+                                <Button
+                                    class="h-6 w-6 text-muted-foreground hover:bg-transparent"
+                                    variant="ghost"
+                                    size="icon"
+                                    onclick={() => handleUnlink(entry.id)}
+                                    Icon={Unlink}
+                                    title="Remove from this entry"
+                                ></Button>
+                            {/if}
                             {#if showDelete}
                                 <Button
                                     class="h-6 w-6 text-muted-foreground hover:bg-transparent"
@@ -207,6 +267,7 @@
                                     size="icon"
                                     onclick={() => handleDelete(entry.id)}
                                     Icon={Trash}
+                                    title="Delete permanently"
                                 ></Button>
                             {/if}
                             {#await getWorkflowTools($state.snapshot(entry))}

package/dist/components/dataTable/dataTable.svelte.d.ts

@@ -1,11 +1,35 @@
+export interface ParentContext {
+    collectionName: string;
+    recordId: string | number;
+}
+export type RecordOperation = {
+    type: "link";
+    record: any;
+} | {
+    type: "unlink";
+    id: string | number;
+} | {
+    type: "delete";
+    id: string | number;
+} | {
+    type: "create";
+    record: any;
+} | {
+    type: "update";
+    id: string | number;
+    data: any;
+};
 import { type TableProps } from "./table.svelte";
 import type { Snippet } from "svelte";
 interface Props {
     collectionName: string;
     filter?: any;
     searchParams?: Record<string, any>;
+    parentContext?: ParentContext;
+    onOperation?: (op: RecordOperation) => void;
     showHeader?: boolean;
     showFooter?: boolean;
+    showImport?: boolean;
     unifiedBgColor?: "bg-muted/30" | "bg-background";
     showDelete?: boolean;
     tableProps?: Partial<TableProps>;

package/dist/components/dataTable/header.svelte

@@ -2,7 +2,7 @@
     import { getStudioContext } from "../../context";
 
     const { lobb, ctx } = getStudioContext();
-    import { Download, ListRestart, Plus, Trash } from "lucide-svelte";
+    import { Download, ListRestart, Plus, Trash, Link } from "lucide-svelte";
     import * as Tooltip from "../ui/tooltip";
     import LlmButton from "../LlmButton.svelte";
     import FilterButton from "./filterButton.svelte";
@@ -11,14 +11,19 @@
     import ImportButton from "../importButton.svelte";
     import { showDialog } from "../../actions";
     import CreateDetailViewButton from "../detailView/create/createDetailViewButton.svelte";
+    import SelectRecord from "../selectRecord.svelte";
     import ExtensionsComponents from "../extensionsComponents.svelte";
     import { getExtensionUtils } from "../../extensions/extensionUtils";
     import type { Snippet } from "svelte";
+    import type { ParentContext, RecordOperation } from "./dataTable.svelte";
 
     interface Props {
         collectionName: string;
         params: any;
         selectedRecords: string[];
+        parentContext?: ParentContext;
+        onOperation?: (op: RecordOperation) => void;
+        showImport?: boolean;
         left?: Snippet<[]>;
     }
 
@@ -26,9 +31,42 @@
         collectionName,
         params = $bindable(),
         selectedRecords = $bindable(),
+        parentContext,
+        onOperation,
+        showImport = true,
         left
     }: Props = $props();
 
+    async function handleLink(selected: any) {
+        if (!parentContext) return;
+        if (onOperation) {
+            onOperation({ type: "link", record: selected });
+        } else {
+            await lobb.updateOne(
+                parentContext.collectionName,
+                String(parentContext.recordId),
+                {},
+                { [collectionName]: { link: [selected.id] } },
+            );
+            resetTable();
+        }
+    }
+
+    async function handleChildCreate(formData: any) {
+        if (!parentContext) return;
+        if (onOperation) {
+            onOperation({ type: "create", record: formData });
+        } else {
+            await lobb.updateOne(
+                parentContext.collectionName,
+                String(parentContext.recordId),
+                {},
+                { [collectionName]: { create: [formData] } },
+            );
+            resetTable();
+        }
+    }
+
     let headerWidth: number = $state(0);
     let headerIsSmall: boolean = $derived(headerWidth < 560);
 
@@ -138,34 +176,60 @@
         >
             {headerIsSmall ? "" : "Refresh"}
         </Button>
-        <Tooltip.Provider delayDuration={0}>
-            <Tooltip.Root>
-                <Tooltip.Trigger>
-                    <ImportButton
-                        {collectionName}
-                        variant="outline"
-                        class="h-7 px-2 text-xs font-normal"
-                        Icon={Download}
-                        onSuccessfullSave={() => (params = { ...params })}
-                    />
-                </Tooltip.Trigger>
-                <Tooltip.Content>Import</Tooltip.Content>
-            </Tooltip.Root>
-        </Tooltip.Provider>
+        {#if showImport}
+            <Tooltip.Provider delayDuration={0}>
+                <Tooltip.Root>
+                    <Tooltip.Trigger>
+                        <ImportButton
+                            {collectionName}
+                            variant="outline"
+                            class="h-7 px-2 text-xs font-normal"
+                            Icon={Download}
+                            onSuccessfullSave={() => (params = { ...params })}
+                        />
+                    </Tooltip.Trigger>
+                    <Tooltip.Content>Import</Tooltip.Content>
+                </Tooltip.Root>
+            </Tooltip.Provider>
+        {/if}
         <ExtensionsComponents
             name="listView.header.actions"
             utils={getExtensionUtils(lobb, ctx)}
             {collectionName}
             refresh={() => { params = { ...params }; }}
         />
-        <CreateDetailViewButton
-            {collectionName}
-            variant="default"
-            class="h-7 px-3 text-xs font-normal"
-            Icon={Plus}
-            onSuccessfullSave={() => (params = { ...params })}
-        >
-            {headerIsSmall ? "" : "Create"}
-        </CreateDetailViewButton>
+        {#if parentContext}
+            {#if parentContext}
+                <SelectRecord
+                    {collectionName}
+                    variant="outline"
+                    class="h-7 px-3 text-xs font-normal"
+                    Icon={Link}
+                    onSelect={handleLink}
+                >
+                    {headerIsSmall ? "" : "Link"}
+                </SelectRecord>
+            {/if}
+            <CreateDetailViewButton
+                {collectionName}
+                variant="default"
+                class="h-7 px-3 text-xs font-normal"
+                Icon={Plus}
+                rollback={true}
+                onSuccessfullSave={handleChildCreate}
+            >
+                {headerIsSmall ? "" : "Create"}
+            </CreateDetailViewButton>
+        {:else}
+            <CreateDetailViewButton
+                {collectionName}
+                variant="default"
+                class="h-7 px-3 text-xs font-normal"
+                Icon={Plus}
+                onSuccessfullSave={() => (params = { ...params })}
+            >
+                {headerIsSmall ? "" : "Create"}
+            </CreateDetailViewButton>
+        {/if}
     </div>
 </div>

package/dist/components/dataTable/header.svelte.d.ts

@@ -1,8 +1,12 @@
 import type { Snippet } from "svelte";
+import type { ParentContext, RecordOperation } from "./dataTable.svelte";
 interface Props {
     collectionName: string;
     params: any;
     selectedRecords: string[];
+    parentContext?: ParentContext;
+    onOperation?: (op: RecordOperation) => void;
+    showImport?: boolean;
     left?: Snippet<[]>;
 }
 declare const Header: import("svelte").Component<Props, {}, "params" | "selectedRecords">;

package/dist/components/dataTable/listViewChildren.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
     import { getStudioContext } from "../../context";
-    import { ChevronRight, Table, Plus } from "lucide-svelte";
+    import { ChevronRight, Table, Plus, Link, ArrowLeftRight, GitFork } from "lucide-svelte";
     import DataTable from "./dataTable.svelte";
     import CreateDetailViewButton from "../detailView/create/createDetailViewButton.svelte";
     import ExtensionsComponents from "../extensionsComponents.svelte";
@@ -18,7 +18,7 @@
     let { collectionName, recordId, width, unifiedBgColor }: Props = $props();
 
     const children = (ctx.meta.collections[collectionName]?.children ?? [])
-        .filter((c: any) => c.type === "fk" || c.type === "m2m");
+        .filter((c: any) => c.type === "fk" || c.type === "m2m" || c.type === "polymorphic");
 
     let expandedRows: boolean[] = $state(new Array(children.length).fill(false));
     let refreshDataTable = $state(true);
@@ -49,6 +49,13 @@
                         />
                         <Table size="17.5" class="text-muted-foreground" />
                         <div class="text-muted-foreground">{child.collection}</div>
+                        {#if child.type === "fk"}
+                            <span title="Direct (FK)"><Link size="13" class="text-muted-foreground/50" /></span>
+                        {:else if child.type === "m2m"}
+                            <span title="Many to Many"><ArrowLeftRight size="13" class="text-muted-foreground/50" /></span>
+                        {:else if child.type === "polymorphic"}
+                            <span title="Polymorphic"><GitFork size="13" class="text-muted-foreground/50" /></span>
+                        {/if}
                     </button>
                     {#if child.type === "fk"}
                         <div class="flex items-center px-2">
@@ -57,7 +64,7 @@
                                 variant="ghost"
                                 class="h-7 px-3 text-xs font-normal"
                                 Icon={Plus}
-                                values={{ [child.field]: { id: recordId } }}
+                                values={{ [child.field]: recordId }}
                                 onSuccessfullSave={async () => { refreshDataTable = !refreshDataTable; }}
                             >
                                 Create

package/dist/components/dataTable/table.svelte

@@ -172,7 +172,7 @@
 <div
 	style="
 		display: grid;
-		grid-template-columns: minmax(auto, 7.5rem) repeat({columnsLength - 1}, minmax(auto, 15rem)){rowActionsExists ? ' minmax(auto, 7.5rem)' : ''};
+		grid-template-columns: minmax(auto, 10rem) repeat({columnsLength - 1}, minmax(auto, 15rem)){rowActionsExists ? ' minmax(auto, 7.5rem)' : ''};
 		grid-template-rows: 2.5rem;
 	"
 >

package/dist/components/detailView/create/createDetailView.svelte

@@ -30,8 +30,6 @@
     import {
         buildChildren,
         getDefaultEntry,
-        parseDetailViewValues,
-        serializeEntry,
     } from "../utils";
     import { getChangedProperties } from "../../../utils";
     import type { Snippet } from "svelte";
@@ -50,8 +48,6 @@
         submitButton,
     }: CreateDetailViewProp = $props();
 
-    parseDetailViewValues(ctx, collectionName, values)
-
     const fieldNames = Object.keys(ctx.meta.collections[collectionName].fields);
     let entry: Record<string, any> = $state(
         getDefaultEntry(ctx, fieldNames, collectionName, values),
@@ -88,9 +84,8 @@
             return;
         }
 
-        const serializedEntry = serializeEntry(ctx, collectionName, localEntry);
         const children = buildChildren(ctx, collectionName, localEntry);
-        const response = await lobb.createOne(collectionName, serializedEntry, children);
+        const response = await lobb.createOne(collectionName, localEntry, children);
 
         await emitEvent({ lobb, ctx }, "studio.collections.create", {
             collectionName,

package/dist/components/detailView/update/detailViewChildren.svelte

@@ -1,77 +1,72 @@
 <script lang="ts">
-    import DataTable from "../../../components/dataTable/dataTable.svelte";
+    import DataTable, { type RecordOperation } from "../../../components/dataTable/dataTable.svelte";
     import { getStudioContext } from "../../../context";
-    import { Link, Plus, TableIcon } from "lucide-svelte";
-    import CreateDetailViewButton from "../create/createDetailViewButton.svelte";
-    import ExtensionsComponents from "../../../components/extensionsComponents.svelte";
-    import { getExtensionUtils } from "../../../extensions/extensionUtils";
+    import { Table, Link } from "lucide-svelte";
 
-    const { ctx, lobb } = getStudioContext();
+    const { ctx } = getStudioContext();
+
+    type PendingOps = {
+        link?: (string | number)[];
+        unlink?: (string | number)[];
+        delete?: (string | number)[];
+        create?: any[];
+    };
 
     interface LocalProp {
         collectionName: string;
         entry: any;
+        pendingChildren?: Record<string, PendingOps>;
     }
 
-    let { collectionName, entry }: LocalProp = $props();
+    let { collectionName, entry, pendingChildren = $bindable({}) }: LocalProp = $props();
 
-    const children = (ctx.meta.collections[collectionName]?.children ?? [])
-        .filter((c: any) => c.type === "fk" || c.type === "m2m");
+    function makeHandler(collection: string) {
+        return (op: RecordOperation) => {
+            if (!pendingChildren[collection]) pendingChildren[collection] = {};
+            const c = pendingChildren[collection];
+            if (op.type === "link") {
+                (c.link ??= []).push(op.record.id);
+            } else if (op.type === "unlink") {
+                (c.unlink ??= []).push(op.id);
+            } else if (op.type === "delete") {
+                (c.delete ??= []).push(op.id);
+            } else if (op.type === "create") {
+                (c.create ??= []).push(op.record);
+            }
+        };
+    }
 
-    const refresh: boolean[] = $state(new Array(children.length).fill(true));
+    const children = (ctx.meta.collections[collectionName]?.children ?? [])
+        .filter((c: any) => c.type === "fk" || c.type === "m2m" || c.type === "polymorphic");
 </script>
 
 {#if children.length}
-    <div class="flex flex-col gap-4 border-t p-4">
+    <div class="flex flex-col gap-3 border-t p-4">
         <div class="flex items-center gap-2">
-            <Link size="17.5" />
-            <div>Sub Records</div>
+            <Link size="14" class="text-muted-foreground" />
+            <span class="text-sm font-medium">Sub Records</span>
         </div>
-        <div class="flex flex-col gap-4">
-            {#each children as child, index}
-                <ExtensionsComponents
-                    name="detailView.update.subRecords.{child.collection}"
-                    utils={getExtensionUtils(lobb, ctx)}
+        {#each children as child}
+            <div class="rounded-lg border bg-background overflow-hidden flex flex-col max-h-96">
+                <DataTable
                     collectionName={child.collection}
                     searchParams={{ children_of: collectionName, parent_id: entry.id }}
-                    class="bg-muted/30 border rounded-md overflow-hidden"
+                    parentContext={{ collectionName, recordId: entry.id }}
+                    onOperation={makeHandler(child.collection)}
+                    showImport={false}
+                    showHeader={true}
+                    showFooter={true}
+                    showDelete={child.type === "fk" || child.type === "m2m"}
+                    tableProps={{ showLastColumnBorder: false, showLastRowBorder: true }}
                 >
-                    <div class="border rounded-md overflow-clip">
-                        <div class="flex items-center justify-between px-2 h-10 bg-muted/30 border-b">
-                            <div class="flex-1 flex h-full items-center gap-2">
-                                <TableIcon class="text-muted-foreground" size="17.5" />
-                                <div class="text-sm text-muted-foreground">{child.collection}</div>
-                            </div>
-                            {#if child.type === "fk"}
-                                <div class="flex gap-2">
-                                    <CreateDetailViewButton
-                                        variant="ghost"
-                                        class="h-7 px-2 font-normal text-xs"
-                                        Icon={Plus}
-                                        collectionName={child.collection}
-                                        onSuccessfullSave={async () => { refresh[index] = !refresh[index]; }}
-                                    >
-                                        Create
-                                    </CreateDetailViewButton>
-                                </div>
-                            {/if}
-                        </div>
-                        <div class="max-h-72 overflow-auto rounded-md">
-                            {#key refresh[index]}
-                                <DataTable
-                                    collectionName={child.collection}
-                                    searchParams={{ children_of: collectionName, parent_id: entry.id }}
-                                    unifiedBgColor="bg-muted/30"
-                                    showHeader={false}
-                                    showFooter={false}
-                                    showDelete={child.type === "fk"}
-                                    tableProps={{ showLastColumnBorder: false, showLastRowBorder: false, showCheckboxes: false }}
-                                />
-                            {/key}
+                    {#snippet headerLeft()}
+                        <div class="flex items-center gap-2 px-1">
+                            <Table size="14" class="text-muted-foreground" />
+                            <span class="text-sm font-medium">{child.collection}</span>
                         </div>
-                    </div>
-                </ExtensionsComponents>
-            {/each}
-        </div>
+                    {/snippet}
+                </DataTable>
+            </div>
+        {/each}
     </div>
 {/if}

package/dist/components/detailView/update/detailViewChildren.svelte.d.ts

@@ -1,7 +1,14 @@
+type PendingOps = {
+    link?: (string | number)[];
+    unlink?: (string | number)[];
+    delete?: (string | number)[];
+    create?: any[];
+};
 interface LocalProp {
     collectionName: string;
     entry: any;
+    pendingChildren?: Record<string, PendingOps>;
 }
-declare const DetailViewChildren: import("svelte").Component<LocalProp, {}, "">;
+declare const DetailViewChildren: import("svelte").Component<LocalProp, {}, "pendingChildren">;
 type DetailViewChildren = ReturnType<typeof DetailViewChildren>;
 export default DetailViewChildren;

package/dist/components/detailView/update/updateDetailView.svelte

@@ -31,7 +31,7 @@
     import { getField, getFieldIcon } from "../../dataTable/utils";
     import DetailViewChildren from "../update/detailViewChildren.svelte";
     import type { Snippet } from "svelte";
-    import { getDefaultEntry, parseDetailViewValues, serializeEntry } from "../utils";
+    import { getDefaultEntry } from "../utils";
     import FieldInput from "../fieldInput.svelte";
   import Drawer from "../../../components/drawer.svelte";
 
@@ -46,8 +46,6 @@
         recordId,
     }: UpdateDetailViewProp = $props();
 
-    parseDetailViewValues(ctx, collectionName, values)
-
     const fieldNames = Object.keys(ctx.meta.collections[collectionName].fields);
     let entry: Record<string, any> = $state(
         getDefaultEntry(ctx, fieldNames, collectionName, values),
@@ -57,15 +55,17 @@
         getChangedProperties(initialEntry, $state.snapshot(entry)),
     );
     let fieldsErrors: Record<string, any> = $state({});
+    let pendingChildren = $state<Record<string, any>>({});
 
     async function handleSave() {
         delete localEntry.id;
-        localEntry = serializeEntry(ctx, collectionName, localEntry);
 
+        const children = Object.keys(pendingChildren).length ? pendingChildren : undefined;
         const response = await lobb.updateOne(
             collectionName,
             recordId,
             localEntry,
+            children,
         );
 
         if (!response.bodyUsed) {
@@ -145,7 +145,7 @@
             {/each}
         </div>
         {#if showRelatedRecords}
-            <DetailViewChildren {collectionName} {entry} />
+            <DetailViewChildren {collectionName} {entry} bind:pendingChildren />
         {/if}
     </div>
     <div class="flex h-12 items-center justify-end gap-2 border-t px-4">
@@ -163,7 +163,7 @@
                 class="h-7 px-3 text-xs font-normal"
                 Icon={submitButton?.icon ? submitButton.icon : Pencil}
                 onclick={handleSave}
-                disabled={!Object.keys(localEntry).length}
+                disabled={!Object.keys(localEntry).length && !Object.keys(pendingChildren).length}
             >
                 {submitButton?.text ? submitButton.text : "Update"}
             </Button>

package/dist/components/detailView/update/updateDetailViewButton.svelte

@@ -4,7 +4,6 @@
 	import Button from "../../../components/ui/button/button.svelte";
 	import UpdateDetailView from "./updateDetailView.svelte";
 	import { getStudioContext } from "../../../context";
-	import { getCollectionParamsFields } from "../../dataTable/utils";
 
 	interface LocalProp extends UpdateDetailViewProp {
 		variant?: ButtonProps["variant"];
@@ -17,11 +16,11 @@
 	let open = $state(false);
 	let values: Record<string, any> | undefined = $state(undefined);
 
-	const { lobb, ctx } = getStudioContext();
+	const { lobb } = getStudioContext();
 
 	async function openView() {
 		const params = {
-			fields: getCollectionParamsFields(ctx, props.collectionName, true),
+			fields: "*",
 			filter: { id: props.recordId },
 			limit: 1,
 		};

package/dist/components/detailView/utils.d.ts

@@ -3,10 +3,8 @@ import type { DetailFormField } from "./detailViewForm.svelte";
 export declare function getDefaultEntry(ctx: CTX, fieldNames: string[], collectionName: string, values?: Record<string, any>): {
     [k: string]: any;
 };
-export declare function serializeEntry(ctx: CTX, collectionName: string, entry: Record<string, any>): Record<string, any>;
 export declare function buildChildren(ctx: CTX, collectionName: string, entry: Record<string, any>): Record<string, {
     create?: any[];
     link?: any[];
 }> | undefined;
-export declare function parseDetailViewValues(ctx: CTX, collectionName: string, values: Record<string, any>): void;
 export declare function getCollectionFields(ctx: CTX, collectionName: string): DetailFormField[];