@lobb-js/studio 0.1.31 → 0.1.32

package/{src/lib/components → dist}/detailView/create/children.svelte

@@ -1,9 +1,9 @@
 <script lang="ts">
-    import { ctx } from "$lib/store.svelte";
+    import { ctx } from "../../../store.svelte";
     import { Link } from "lucide-svelte";
     import CreateManyView from "./createManyView.svelte";
-    import ExtensionsComponents from "$lib/components/extensionsComponents.svelte";
-    import { getExtensionUtils } from "../../../../extensions/extensionUtils";
+    import ExtensionsComponents from "../../extensionsComponents.svelte";
+    import { getExtensionUtils } from "../../../extensions/extensionUtils";
 
     interface LocalProp {
         collectionName: string;

package/dist/detailView/create/children.svelte.d.ts

@@ -0,0 +1,8 @@
+interface LocalProp {
+    collectionName: string;
+    entry: any;
+    values?: Record<string, any>;
+}
+declare const Children: import("svelte").Component<LocalProp, {}, "entry">;
+type Children = ReturnType<typeof Children>;
+export default Children;

package/{src/lib/components → dist}/detailView/create/createDetailView.svelte

@@ -18,12 +18,12 @@
 
 <script lang="ts">
     import { ArrowLeft, Plus, X } from "lucide-svelte";
-    import Button from "$lib/components/ui/button/button.svelte";
-    import { lobb } from "$lib";
+    import Button from "../../ui/button/button.svelte";
+    import { lobb } from "../../..";
     import { toast } from "svelte-sonner";
-    import { ctx } from "$lib/store.svelte";
+    import { ctx } from "../../../store.svelte";
     import ExtensionsComponents from "../../extensionsComponents.svelte";
-    import { getExtensionUtils } from "../../../../extensions/extensionUtils";
+    import { getExtensionUtils } from "../../../extensions/extensionUtils";
     import { getField, getFieldIcon } from "../../dataTable/utils";
     import Children from "./children.svelte";
     import {
@@ -34,8 +34,8 @@
     } from "../utils";
     import type { Snippet } from "svelte";
     import FieldInput from "../fieldInput.svelte";
-    import { emitEvent } from "$lib/eventSystem";
-    import Drawer from "$lib/components/drawer.svelte";
+    import { emitEvent } from "../../../eventSystem";
+    import Drawer from "../../drawer.svelte";
 
     let {
         collectionName,

package/dist/detailView/create/createDetailView.svelte.d.ts

@@ -0,0 +1,18 @@
+interface SubmitButton {
+    text: string;
+    icon: any;
+}
+export interface CreateDetailViewProp {
+    collectionName: string;
+    values?: Record<string, any>;
+    showRelatedRecords?: boolean;
+    rollback?: boolean;
+    submitButton?: SubmitButton;
+    title?: Snippet<[string]>;
+    onSuccessfullSave?: (entry: any) => Promise<void>;
+    onCancel?: () => Promise<void>;
+}
+import type { Snippet } from "svelte";
+declare const CreateDetailView: import("svelte").Component<CreateDetailViewProp, {}, "">;
+type CreateDetailView = ReturnType<typeof CreateDetailView>;
+export default CreateDetailView;

package/{src/lib/components → dist}/detailView/create/createDetailViewButton.svelte

@@ -1,7 +1,7 @@
 <script lang="ts">
 	import type { CreateDetailViewProp } from "./createDetailView.svelte";
-	import type { ButtonProps } from "$lib/components/ui/button/button.svelte";
-	import Button from "$lib/components/ui/button/button.svelte";
+	import type { ButtonProps } from "../../ui/button/button.svelte";
+	import Button from "../../ui/button/button.svelte";
     import { openCreateDetailView } from "../store.svelte";
 
 	interface LocalProp extends CreateDetailViewProp {

package/dist/detailView/create/createDetailViewButton.svelte.d.ts

@@ -0,0 +1,11 @@
+import type { CreateDetailViewProp } from "./createDetailView.svelte";
+import type { ButtonProps } from "../../ui/button/button.svelte";
+interface LocalProp extends CreateDetailViewProp {
+    variant?: ButtonProps["variant"];
+    class?: ButtonProps["class"];
+    Icon?: ButtonProps["Icon"];
+    children?: ButtonProps["children"];
+}
+declare const CreateDetailViewButton: import("svelte").Component<LocalProp, {}, "">;
+type CreateDetailViewButton = ReturnType<typeof CreateDetailViewButton>;
+export default CreateDetailViewButton;

package/{src/lib/components → dist}/detailView/create/createManyView.svelte

@@ -11,12 +11,12 @@
     import Table, { type TableProps } from "../../dataTable/table.svelte";
     import Button from "../../ui/button/button.svelte";
     import CreateDetailViewButton from "./createDetailViewButton.svelte";
-    import { getCollectionColumns } from "$lib/components/dataTable/utils";
-    import SelectRecord from "$lib/components/selectRecord.svelte";
-    import FieldCell from "$lib/components/dataTable/fieldCell.svelte";
+    import { getCollectionColumns } from "../../dataTable/utils";
+    import SelectRecord from "../../selectRecord.svelte";
+    import FieldCell from "../../dataTable/fieldCell.svelte";
     import SubRecords from "./subRecords.svelte";
-    import ChildRecords from "$lib/components/dataTable/childRecords.svelte";
-    import { ctx } from "$lib/store.svelte";
+    import ChildRecords from "../../dataTable/childRecords.svelte";
+    import { ctx } from "../../../store.svelte";
 
     interface ParentRecord {
         id: string;

package/dist/detailView/create/createManyView.svelte.d.ts

@@ -0,0 +1,16 @@
+import type { HTMLAttributes } from "svelte/elements";
+interface ParentRecord {
+    id: string;
+    collectionName: string;
+}
+interface LocalProp {
+    parentCollectionName: string;
+    collectionName: string;
+    entries: any[];
+    parentRecord?: ParentRecord;
+    class?: HTMLAttributes<HTMLDivElement>["class"];
+    expanded?: boolean;
+}
+declare const CreateManyView: import("svelte").Component<LocalProp, {}, "entries">;
+type CreateManyView = ReturnType<typeof CreateManyView>;
+export default CreateManyView;

package/{src/lib/components → dist}/detailView/create/subRecords.svelte

@@ -1,5 +1,5 @@
 <script lang="ts">
-    import { ctx } from "$lib/store.svelte";
+    import { ctx } from "../../../store.svelte";
     import CreateManyView from "./createManyView.svelte";
 
     interface Props {

package/dist/detailView/create/subRecords.svelte.d.ts

@@ -0,0 +1,8 @@
+interface Props {
+    collectionName: string;
+    parentEntry: any;
+    width: number;
+}
+declare const SubRecords: import("svelte").Component<Props, {}, "parentEntry">;
+type SubRecords = ReturnType<typeof SubRecords>;
+export default SubRecords;

package/dist/detailView/detailViewForm.svelte.d.ts

@@ -0,0 +1,48 @@
+import type { Snippet } from "svelte";
+import type { Icon as IconType } from 'lucide-svelte';
+import { type CustomFieldSnippet } from "./fieldInputReplacement.svelte";
+import type { HTMLInputTypeAttribute } from "svelte/elements";
+export interface BaseField {
+    key: string;
+    label: string;
+    icon?: typeof IconType;
+    errorMessages?: string[];
+    disabled?: boolean;
+    customFieldSnippet?: CustomFieldSnippet;
+}
+export interface InputField extends BaseField {
+    type: 'input';
+    placeholder?: string;
+    inputType?: HTMLInputTypeAttribute;
+    inputStep?: number | "any" | undefined;
+}
+export interface TextAreaField extends BaseField {
+    type: 'textarea';
+    placeholder?: string;
+}
+export interface SelectField extends BaseField {
+    type: 'select';
+    options: string[];
+    placeholder?: string;
+}
+export interface DateField extends BaseField {
+    type: 'date';
+}
+export interface timeField extends BaseField {
+    type: 'time';
+}
+export interface DateTimeField extends BaseField {
+    type: 'datetime';
+}
+export interface BooleanField extends BaseField {
+    type: 'switch';
+}
+export type DetailFormField = InputField | TextAreaField | SelectField | DateField | timeField | DateTimeField | BooleanField;
+interface DetailViewFormProps {
+    fields: DetailFormField[];
+    value?: Record<string, unknown>;
+    topRight?: Snippet<[]>;
+}
+declare const DetailViewForm: import("svelte").Component<DetailViewFormProps, {}, "value">;
+type DetailViewForm = ReturnType<typeof DetailViewForm>;
+export default DetailViewForm;

package/dist/detailView/fieldCustomInput.svelte.d.ts

@@ -0,0 +1,10 @@
+interface Props {
+    value: any;
+    type: string;
+    args: any;
+    field: any;
+    destructive?: boolean;
+}
+declare const FieldCustomInput: import("svelte").Component<Props, {}, "value">;
+type FieldCustomInput = ReturnType<typeof FieldCustomInput>;
+export default FieldCustomInput;

package/{src/lib/components → dist}/detailView/fieldInput.svelte

@@ -1,20 +1,20 @@
 <script lang="ts">
-	import { ctx } from "$lib/store.svelte";
+	import { ctx } from "../../store.svelte";
 	import {
 		getDiscriminatorFieldRelation,
 		getFieldRelation,
-	} from "$lib/utils";
+	} from "../../utils";
 	import { Ban, Check, CircleAlert, X } from "lucide-svelte";
 	import { getField } from "../dataTable/utils";
 	import Button from "../ui/button/button.svelte";
 	import FieldCustomInput from "./fieldCustomInput.svelte";
 	import Input from "../ui/input/input.svelte";
 	import Combobox from "../combobox.svelte";
-	import * as Select from "$lib/components/ui/select/index";
+	import * as Select from "../ui/select/index";
 	import Textarea from "../ui/textarea/textarea.svelte";
 	import ForeingKeyInput from "../foreingKeyInput.svelte";
     import ExtensionsComponents from "../extensionsComponents.svelte";
-    import { getExtensionUtils } from "../../../extensions/extensionUtils";
+    import { getExtensionUtils } from "../../extensions/extensionUtils";
 
 	interface Props {
 		collectionName: string;

package/dist/detailView/fieldInput.svelte.d.ts

@@ -0,0 +1,10 @@
+interface Props {
+    collectionName: string;
+    fieldName: string;
+    value: any;
+    errorMessages?: string[];
+    entry?: Record<string, any>;
+}
+declare const FieldInput: import("svelte").Component<Props, {}, "value">;
+type FieldInput = ReturnType<typeof FieldInput>;
+export default FieldInput;

package/{src/lib/components → dist}/detailView/fieldInputReplacement.svelte

@@ -2,7 +2,7 @@
 	import { Ban, Check, CircleAlert, X } from "lucide-svelte";
 	import Button from "../ui/button/button.svelte";
 	import Input from "../ui/input/input.svelte";
-	import * as Select from "$lib/components/ui/select/index";
+	import * as Select from "../ui/select/index";
 	import Textarea from "../ui/textarea/textarea.svelte";
   	import type { EntryField } from "./detailViewForm.svelte";
   	import type { Snippet } from "svelte";

package/dist/detailView/fieldInputReplacement.svelte.d.ts

@@ -0,0 +1,11 @@
+import type { EntryField } from "./detailViewForm.svelte";
+import type { Snippet } from "svelte";
+export type CustomFieldSnippet = Snippet<[EntryField, unknown]>;
+interface Props {
+    field: EntryField;
+    value: unknown;
+    customFieldInput?: CustomFieldSnippet;
+}
+declare const FieldInputReplacement: import("svelte").Component<Props, {}, "value">;
+type FieldInputReplacement = ReturnType<typeof FieldInputReplacement>;
+export default FieldInputReplacement;

package/dist/detailView/store.svelte.d.ts

@@ -0,0 +1,4 @@
+import type { CreateDetailViewProp } from "./create/createDetailView.svelte";
+import type { UpdateDetailViewProp } from "./update/updateDetailView.svelte";
+export declare function openCreateDetailView(props: CreateDetailViewProp): void;
+export declare function openUpdateDetailView(props: UpdateDetailViewProp): Promise<void>;

package/dist/detailView/store.svelte.js

@@ -0,0 +1,125 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g = Object.create((typeof Iterator === "function" ? Iterator : Object).prototype);
+    return g.next = verb(0), g["throw"] = verb(1), g["return"] = verb(2), typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+import CreateDetailView from "./create/createDetailView.svelte";
+import UpdateDetailView from "./update/updateDetailView.svelte";
+import { lobb } from "../..";
+import { getCollectionParamsFields } from "../dataTable/utils";
+import { mount, unmount } from "svelte";
+export function openCreateDetailView(props) {
+    var _this = this;
+    var targetElement = document.querySelector('main');
+    if (!targetElement) {
+        throw new Error("main html element doesn't exist for some reason");
+    }
+    var mountedCreateDetailView = mount(CreateDetailView, {
+        target: targetElement,
+        props: __assign(__assign({}, props), { onCancel: function () { return __awaiter(_this, void 0, void 0, function () {
+                var _a;
+                return __generator(this, function (_b) {
+                    switch (_b.label) {
+                        case 0:
+                            (_a = props.onCancel) === null || _a === void 0 ? void 0 : _a.call(props);
+                            return [4 /*yield*/, unmount(mountedCreateDetailView, {
+                                    outro: true
+                                })];
+                        case 1:
+                            _b.sent();
+                            return [2 /*return*/];
+                    }
+                });
+            }); } }),
+    });
+}
+export function openUpdateDetailView(props) {
+    return __awaiter(this, void 0, void 0, function () {
+        var params, response, result, entry, targetElement, mountedUpdateDetailView;
+        var _this = this;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    params = {
+                        fields: getCollectionParamsFields(props.collectionName, true),
+                        filter: {
+                            id: props.recordId,
+                        },
+                        limit: 1,
+                    };
+                    return [4 /*yield*/, lobb.findAll(props.collectionName, params)];
+                case 1:
+                    response = _a.sent();
+                    return [4 /*yield*/, response.json()];
+                case 2:
+                    result = _a.sent();
+                    entry = result.data[0];
+                    targetElement = document.querySelector('main');
+                    if (!targetElement) {
+                        throw new Error("main html element doesn't exist for some reason");
+                    }
+                    mountedUpdateDetailView = mount(UpdateDetailView, {
+                        target: targetElement,
+                        props: __assign(__assign({}, props), { onCancel: function () { return __awaiter(_this, void 0, void 0, function () {
+                                var _a;
+                                return __generator(this, function (_b) {
+                                    switch (_b.label) {
+                                        case 0:
+                                            (_a = props.onCancel) === null || _a === void 0 ? void 0 : _a.call(props);
+                                            return [4 /*yield*/, unmount(mountedUpdateDetailView, {
+                                                    outro: true
+                                                })];
+                                        case 1:
+                                            _b.sent();
+                                            return [2 /*return*/];
+                                    }
+                                });
+                            }); }, values: entry }),
+                    });
+                    return [2 /*return*/];
+            }
+        });
+    });
+}

package/{src/lib/components → dist}/detailView/update/children.svelte

@@ -1,10 +1,10 @@
 <script lang="ts">
-    import DataTable from "$lib/components/dataTable/dataTable.svelte";
-    import { ctx } from "$lib/store.svelte";
+    import DataTable from "../../dataTable/dataTable.svelte";
+    import { ctx } from "../../../store.svelte";
     import { Link, Plus, TableIcon } from "lucide-svelte";
     import CreateDetailViewButton from "../create/createDetailViewButton.svelte";
-    import ExtensionsComponents from "$lib/components/extensionsComponents.svelte";
-    import { getExtensionUtils } from "../../../../extensions/extensionUtils";
+    import ExtensionsComponents from "../../extensionsComponents.svelte";
+    import { getExtensionUtils } from "../../../extensions/extensionUtils";
 
     interface LocalProp {
         collectionName: string;

package/dist/detailView/update/children.svelte.d.ts

@@ -0,0 +1,7 @@
+interface LocalProp {
+    collectionName: string;
+    entry: any;
+}
+declare const Children: import("svelte").Component<LocalProp, {}, "">;
+type Children = ReturnType<typeof Children>;
+export default Children;

package/{src/lib/components → dist}/detailView/update/updateDetailView.svelte

@@ -19,20 +19,20 @@
 
 <script lang="ts">
     import { ArrowLeft, Pencil, X } from "lucide-svelte";
-    import Button from "$lib/components/ui/button/button.svelte";
+    import Button from "../../ui/button/button.svelte";
     import { fade, fly } from "svelte/transition";
-    import { lobb } from "$lib";
+    import { lobb } from "../../..";
     import { toast } from "svelte-sonner";
-    import { ctx } from "$lib/store.svelte";
+    import { ctx } from "../../../store.svelte";
     import ExtensionsComponents from "../../extensionsComponents.svelte";
-    import { getExtensionUtils } from "../../../../extensions/extensionUtils";
-    import { calculateDrawerWidth, getChangedProperties } from "$lib/utils";
+    import { getExtensionUtils } from "../../../extensions/extensionUtils";
+    import { calculateDrawerWidth, getChangedProperties } from "../../../utils";
     import { getField, getFieldIcon } from "../../dataTable/utils";
     import Children from "../update/children.svelte";
     import type { Snippet } from "svelte";
     import { getDefaultEntry, parseDetailViewValues, serializeEntry } from "../utils";
     import FieldInput from "../fieldInput.svelte";
-  import Drawer from "$lib/components/drawer.svelte";
+  import Drawer from "../../drawer.svelte";
 
     let {
         collectionName,

package/dist/detailView/update/updateDetailView.svelte.d.ts

@@ -0,0 +1,19 @@
+interface SubmitButton {
+    text: string;
+    icon: any;
+}
+export interface UpdateDetailViewProp {
+    collectionName: string;
+    recordId: string;
+    values?: Record<string, any>;
+    showRelatedRecords?: boolean;
+    rollback?: boolean;
+    submitButton?: SubmitButton;
+    title?: Snippet<[string]>;
+    onSuccessfullSave?: (entry: any) => Promise<void>;
+    onCancel?: () => Promise<void>;
+}
+import type { Snippet } from "svelte";
+declare const UpdateDetailView: import("svelte").Component<UpdateDetailViewProp, {}, "">;
+type UpdateDetailView = ReturnType<typeof UpdateDetailView>;
+export default UpdateDetailView;

package/{src/lib/components → dist}/detailView/update/updateDetailViewButton.svelte

@@ -1,7 +1,7 @@
 <script lang="ts">
 	import type { UpdateDetailViewProp } from "./updateDetailView.svelte";
-	import type { ButtonProps } from "$lib/components/ui/button/button.svelte";
-	import Button from "$lib/components/ui/button/button.svelte";
+	import type { ButtonProps } from "../../ui/button/button.svelte";
+	import Button from "../../ui/button/button.svelte";
     import { openUpdateDetailView } from "../store.svelte";
 
 	interface LocalProp extends UpdateDetailViewProp {

package/dist/detailView/update/updateDetailViewButton.svelte.d.ts

@@ -0,0 +1,11 @@
+import type { UpdateDetailViewProp } from "./updateDetailView.svelte";
+import type { ButtonProps } from "../../ui/button/button.svelte";
+interface LocalProp extends UpdateDetailViewProp {
+    variant?: ButtonProps["variant"];
+    class?: ButtonProps["class"];
+    Icon?: ButtonProps["Icon"];
+    children?: ButtonProps["children"];
+}
+declare const UpdateDetailViewButton: import("svelte").Component<LocalProp, {}, "">;
+type UpdateDetailViewButton = ReturnType<typeof UpdateDetailViewButton>;
+export default UpdateDetailViewButton;

package/dist/detailView/utils.d.ts

@@ -0,0 +1,8 @@
+import type { DetailFormField } from "./detailViewForm.svelte";
+export declare function getDefaultEntry(fieldNames: string[], collectionName: string, values?: Record<string, any>): {
+    [k: string]: any;
+};
+export declare function serializeEntry(collectionName: string, entry: Record<string, any>, rollback?: boolean): Record<string, any>;
+export declare function generateTransactionBody(collectionName: string, entry: Record<string, any>): any[];
+export declare function parseDetailViewValues(collectionName: string, values: Record<string, any>): void;
+export declare function getCollectionFields(collectionName: string): DetailFormField[];