@lobb-js/studio 0.25.0 → 0.27.0

package/src/lib/components/detailView/update/children.svelte

@@ -1,96 +0,0 @@
-<script lang="ts">
-    import DataTable 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";
-
-    const { ctx, lobb } = getStudioContext();
-
-    interface LocalProp {
-        collectionName: string;
-        entry: any;
-    }
-
-    let { collectionName, entry }: LocalProp = $props();
-
-    const childrenRelations = ctx.meta.relations.filter(
-        (relation) => relation.to.collection === collectionName,
-    );
-    const refresh: boolean[] = $state(
-        new Array(childrenRelations.length).fill(true),
-    );
-</script>
-
-{#if childrenRelations.length}
-    <div class="flex flex-col gap-4 border-t p-4">
-        <div class="flex items-center gap-2">
-            <Link size="17.5" />
-            <div>Sub Records</div>
-        </div>
-        <div class="flex flex-col gap-4">
-            {#each childrenRelations as relation, index}
-                {@const childCollection = relation.from.collection}
-                {@const childField = relation.from.field}
-                <ExtensionsComponents
-                    name="detailView.update.subRecords.{childCollection}"
-                    utils={getExtensionUtils(lobb, ctx)}
-                    collectionName={childCollection}
-                    filter={{
-                        [childField]: entry.id,
-                    }}
-                    class="bg-muted/30 border rounded-md overflow-hidden"
-                >
-                    <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">
-                                    {childCollection}
-                                </div>
-                            </div>
-                            <div class="flex gap-2">
-                                <CreateDetailViewButton
-                                    variant="ghost"
-                                    class="h-7 px-2 font-normal text-xs"
-                                    Icon={Plus}
-                                    collectionName={childCollection}
-                                    onSuccessfullSave={async () => {
-                                        refresh[index] = !refresh[index];
-                                    }}
-                                >
-                                    Create
-                                </CreateDetailViewButton>
-                            </div>
-                        </div>
-                        <div class="max-h-72 overflow-auto rounded-md">
-                            {#key refresh[index]}
-                                <DataTable
-                                    collectionName={childCollection}
-                                    filter={{
-                                        [childField]: entry.id,
-                                    }}
-                                    unifiedBgColor="bg-muted/30"
-                                    showHeader={false}
-                                    showFooter={false}
-                                    showDelete={true}
-                                    tableProps={{
-                                        showLastColumnBorder: false,
-                                        showLastRowBorder: false,
-                                        showCheckboxes: false,
-                                    }}
-                                />
-                            {/key}
-                        </div>
-                    </div>
-                </ExtensionsComponents>
-            {/each}
-        </div>
-    </div>
-{/if}