fuma 1.0.20 → 2.0.0

package/dist/ui/table/TableViewSelect.svelte

@@ -1,40 +1,53 @@
-<script>import { onMount } from "svelte";
-import { mdiChevronDown, mdiContentSaveEditOutline, mdiPlus } from "@mdi/js";
-import { page } from "$app/stores";
-import { enhance } from "$app/forms";
-import { Icon } from "../icon/index.js";
-import { Dialog } from "../dialog/index.js";
-import { DropDown } from "../menu/index.js";
-import { InputText } from "../input/index.js";
-import { useForm } from "../../validation/form.js";
-export let key;
-export let views;
-export let action = "";
-export let actionCreate = "?/view_create";
-export let actionUpdate = "?/view_update";
-export let actionDelete = "?/view_delete";
-let dialog;
-const form = useForm({
-  onSuccess() {
-    dialog.close();
-  }
-});
-let query = getQuery($page.url);
-let selectedView = views.find((v) => v.query === query);
-let isNewView = !!query && !selectedView;
-onMount(
-  () => page.subscribe(({ url }) => {
-    query = getQuery(url);
-    selectedView = views.find((v) => v.query === query);
-    isNewView = !!query && !selectedView;
-  })
-);
-function getQuery({ searchParams }) {
-  const searchParam = new URLSearchParams(searchParams);
-  searchParam.delete("skip");
-  searchParam.delete("take");
-  return searchParam.toString();
-}
+<script lang="ts">
+	import { onMount } from 'svelte'
+	import { mdiChevronDown, mdiContentSaveEditOutline, mdiPlus } from '@mdi/js'
+	import { page } from '$app/stores'
+	import { enhance } from '$app/forms'
+
+	import { Icon } from '../icon/index.js'
+	import { Dialog } from '../dialog/index.js'
+	import { DropDown } from '../menu/index.js'
+	import { InputText } from '../input/index.js'
+	import { useForm } from '../../validation/form.js'
+
+	type View = {
+		id: string
+		name: string
+		query: string
+	}
+
+	export let key: string
+	export let views: View[]
+	export let action = ''
+	export let actionCreate = '?/view_create'
+	export let actionUpdate = '?/view_update'
+	export let actionDelete = '?/view_delete'
+
+	let dialog: HTMLDialogElement
+	const form = useForm({
+		onSuccess() {
+			dialog.close()
+		}
+	})
+
+	let query = getQuery($page.url)
+	let selectedView = views.find((v) => v.query === query)
+	let isNewView = !!query && !selectedView
+
+	onMount(() =>
+		page.subscribe(({ url }) => {
+			query = getQuery(url)
+			selectedView = views.find((v) => v.query === query)
+			isNewView = !!query && !selectedView
+		})
+	)
+
+	function getQuery({ searchParams }: URL) {
+		const searchParam = new URLSearchParams(searchParams)
+		searchParam.delete('skip')
+		searchParam.delete('take')
+		return searchParam.toString()
+	}
 </script>
 
 <DropDown>

package/dist/ui/table/TableViewSelect.svelte.d.ts

@@ -1,25 +1,29 @@
-import { SvelteComponent } from "svelte";
-declare const __propDef: {
-    props: {
-        key: string;
-        views: {
-            id: string;
-            name: string;
-            query: string;
-        }[];
-        action?: string | undefined;
-        actionCreate?: string | undefined;
-        actionUpdate?: string | undefined;
-        actionDelete?: string | undefined;
+interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
+    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
+        $$bindings?: Bindings;
+    } & Exports;
+    (internal: unknown, props: Props & {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
     };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-export type TableViewSelectProps = typeof __propDef.props;
-export type TableViewSelectEvents = typeof __propDef.events;
-export type TableViewSelectSlots = typeof __propDef.slots;
-export default class TableViewSelect extends SvelteComponent<TableViewSelectProps, TableViewSelectEvents, TableViewSelectSlots> {
+    z_$$bindings?: Bindings;
 }
-export {};
+declare const TableViewSelect: $$__sveltets_2_IsomorphicComponent<{
+    key: string;
+    views: {
+        id: string;
+        name: string;
+        query: string;
+    }[];
+    action?: string;
+    actionCreate?: string;
+    actionUpdate?: string;
+    actionDelete?: string;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+type TableViewSelect = InstanceType<typeof TableViewSelect>;
+export default TableViewSelect;

package/dist/ui/table/cell/TableCellArray.svelte

@@ -1,6 +1,8 @@
-<script>import { Badge } from "../../badge/index.js";
-import { component } from "../../../utils/component.js";
-export let value;
+<script lang="ts">
+	import { Badge } from '../../badge/index.js'
+	import { component, type ComponentAndProps } from '../../../utils/component.js'
+
+	export let value: (ComponentAndProps | string | number | boolean)[]
 </script>
 
 <td>

package/dist/ui/table/cell/TableCellArray.svelte.d.ts

@@ -1,17 +1,21 @@
-import { SvelteComponent } from "svelte";
 import { type ComponentAndProps } from '../../../utils/component.js';
-declare const __propDef: {
-    props: {
-        value: (ComponentAndProps | string | number | boolean)[];
+interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
+    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
+        $$bindings?: Bindings;
+    } & Exports;
+    (internal: unknown, props: Props & {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
     };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-export type TableCellArrayProps = typeof __propDef.props;
-export type TableCellArrayEvents = typeof __propDef.events;
-export type TableCellArraySlots = typeof __propDef.slots;
-export default class TableCellArray extends SvelteComponent<TableCellArrayProps, TableCellArrayEvents, TableCellArraySlots> {
+    z_$$bindings?: Bindings;
 }
-export {};
+declare const TableCellArray: $$__sveltets_2_IsomorphicComponent<{
+    value: (ComponentAndProps | string | number | boolean)[];
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+type TableCellArray = InstanceType<typeof TableCellArray>;
+export default TableCellArray;

package/dist/ui/table/cell/TableCellBoolean.svelte

@@ -1,6 +1,7 @@
-<script>import { mdiCheck, mdiClose } from "@mdi/js";
-import { Icon } from "../../icon/index.js";
-export let value;
+<script lang="ts">
+	import { mdiCheck, mdiClose } from '@mdi/js'
+	import { Icon } from '../../icon/index.js'
+	export let value: boolean
 </script>
 
 <td>

package/dist/ui/table/cell/TableCellBoolean.svelte.d.ts

@@ -1,16 +1,20 @@
-import { SvelteComponent } from "svelte";
-declare const __propDef: {
-    props: {
-        value: boolean;
+interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
+    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
+        $$bindings?: Bindings;
+    } & Exports;
+    (internal: unknown, props: Props & {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
     };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-export type TableCellBooleanProps = typeof __propDef.props;
-export type TableCellBooleanEvents = typeof __propDef.events;
-export type TableCellBooleanSlots = typeof __propDef.slots;
-export default class TableCellBoolean extends SvelteComponent<TableCellBooleanProps, TableCellBooleanEvents, TableCellBooleanSlots> {
+    z_$$bindings?: Bindings;
 }
-export {};
+declare const TableCellBoolean: $$__sveltets_2_IsomorphicComponent<{
+    value: boolean;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+type TableCellBoolean = InstanceType<typeof TableCellBoolean>;
+export default TableCellBoolean;

package/dist/ui/table/cell/TableCellNumber.svelte

@@ -1,4 +1,5 @@
-<script>export let value;
+<script lang="ts">
+	export let value: number
 </script>
 
 <td>

package/dist/ui/table/cell/TableCellNumber.svelte.d.ts

@@ -1,16 +1,20 @@
-import { SvelteComponent } from "svelte";
-declare const __propDef: {
-    props: {
-        value: number;
+interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
+    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
+        $$bindings?: Bindings;
+    } & Exports;
+    (internal: unknown, props: Props & {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
     };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-export type TableCellNumberProps = typeof __propDef.props;
-export type TableCellNumberEvents = typeof __propDef.events;
-export type TableCellNumberSlots = typeof __propDef.slots;
-export default class TableCellNumber extends SvelteComponent<TableCellNumberProps, TableCellNumberEvents, TableCellNumberSlots> {
+    z_$$bindings?: Bindings;
 }
-export {};
+declare const TableCellNumber: $$__sveltets_2_IsomorphicComponent<{
+    value: number;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+type TableCellNumber = InstanceType<typeof TableCellNumber>;
+export default TableCellNumber;

package/dist/ui/table/cell/TableCellString.svelte

@@ -1,5 +1,8 @@
-<script generics="Item extends {id: string}">export let value;
-export let field;
+<script lang="ts">
+	import type { TableField } from '../index.js'
+
+	export let value: string
+	export let field: TableField
 </script>
 
 <td data-field-key={field.key} data-field-type={field.type === 'textarea' ? 'textarea' : 'string'}>

package/dist/ui/table/cell/TableCellString.svelte.d.ts

@@ -1,28 +1,22 @@
-import { SvelteComponent } from "svelte";
 import type { TableField } from '../index.js';
-declare class __sveltets_Render<Item extends {
-    id: string;
-}> {
-    props(): {
-        value: string;
-        field: TableField<Item>;
+interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
+    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
+        $$bindings?: Bindings;
+    } & Exports;
+    (internal: unknown, props: Props & {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
     };
-    events(): {} & {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots(): {};
-}
-export type TableCellStringProps<Item extends {
-    id: string;
-}> = ReturnType<__sveltets_Render<Item>['props']>;
-export type TableCellStringEvents<Item extends {
-    id: string;
-}> = ReturnType<__sveltets_Render<Item>['events']>;
-export type TableCellStringSlots<Item extends {
-    id: string;
-}> = ReturnType<__sveltets_Render<Item>['slots']>;
-export default class TableCellString<Item extends {
-    id: string;
-}> extends SvelteComponent<TableCellStringProps<Item>, TableCellStringEvents<Item>, TableCellStringSlots<Item>> {
+    z_$$bindings?: Bindings;
 }
-export {};
+declare const TableCellString: $$__sveltets_2_IsomorphicComponent<{
+    value: string;
+    field: TableField;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+type TableCellString = InstanceType<typeof TableCellString>;
+export default TableCellString;

package/dist/ui/table/field.d.ts

@@ -1,10 +1,7 @@
 import type { ComponentAndProps, Primitive } from '../../utils/component.js';
 import type { Options } from '../../utils/options.js';
-export type ItemBase = {
-    id: string;
-};
 export type TableFieldType = 'string' | 'textarea' | 'number' | 'boolean' | 'select' | 'multiselect' | 'date';
-export type TableField<Item extends ItemBase> = TableFieldCommon & (TableFieldUntyped<Item> | TableFieldPrimitive<Item> | TableFieldSelect<Item> | TableFieldMultiselect<Item>);
+export type TableField<Item = any> = TableFieldCommon & (TableFieldUntyped<Item> | TableFieldPrimitive<Item> | TableFieldSelect<Item> | TableFieldMultiselect<Item>);
 type TableFieldCommon = {
     key: string;
     label: string;
@@ -13,24 +10,23 @@ type TableFieldCommon = {
     hint?: string;
     locked?: boolean;
     visible?: boolean;
-    sortable?: boolean;
     /** Internal usage */
-    _visible?: boolean;
+    $visible?: boolean;
 };
-type TableFieldUntyped<Item extends ItemBase> = {
+type TableFieldUntyped<Item = any> = {
     getCell: (item: Item) => ComponentAndProps[] | ComponentAndProps | Primitive[] | Primitive | undefined | null;
-    head?: ComponentAndProps | ((field: TableField<Item>) => ComponentAndProps);
+    head?: ComponentAndProps | ((field: TableField) => ComponentAndProps);
 };
-type TableFieldPrimitive<Item extends ItemBase> = {
+type TableFieldPrimitive<Item = any> = {
     type: Exclude<TableFieldType, 'select' | 'multiselect'>;
     getCell: (item: Item) => ComponentAndProps[] | ComponentAndProps | Primitive | undefined | null;
 };
-type TableFieldSelect<Item extends ItemBase> = {
+type TableFieldSelect<Item = any> = {
     type: 'select';
     getCell: (item: Item) => Primitive | undefined | null;
     options: Options;
 };
-type TableFieldMultiselect<Item extends ItemBase> = {
+type TableFieldMultiselect<Item = any> = {
     type: 'multiselect';
     getCell: (item: Item) => Primitive[] | undefined | null;
     options: Options;
@@ -38,50 +34,46 @@ type TableFieldMultiselect<Item extends ItemBase> = {
 /**
  * Initialise fields from url query
  */
-export declare function syncFieldsWithParams<Item extends ItemBase>(tablekey: string, fields: TableField<Item>[]): ({
-    _visible: boolean;
+export declare function syncFieldsWithParams(tablekey: string, fields: TableField[]): ({
+    $visible: boolean;
     key: string;
     label: string;
-    type?: TableFieldType | undefined;
-    options?: Options | undefined;
-    hint?: string | undefined;
-    locked?: boolean | undefined;
-    visible?: boolean | undefined;
-    sortable?: boolean | undefined;
-    getCell: (item: Item) => Primitive | ComponentAndProps | ComponentAndProps[] | Primitive[] | null | undefined;
-    head?: ComponentAndProps | ((field: TableField<Item>) => ComponentAndProps) | undefined;
+    type?: TableFieldType;
+    options?: Options;
+    hint?: string;
+    locked?: boolean;
+    visible?: boolean;
+    getCell: (item: any) => ComponentAndProps[] | ComponentAndProps | Primitive[] | Primitive | undefined | null;
+    head?: ComponentAndProps | ((field: TableField) => ComponentAndProps);
 } | {
-    _visible: boolean;
+    $visible: boolean;
     key: string;
     label: string;
     type: "string" | "number" | "boolean" | "textarea" | "date";
-    options?: Options | undefined;
-    hint?: string | undefined;
-    locked?: boolean | undefined;
-    visible?: boolean | undefined;
-    sortable?: boolean | undefined;
-    getCell: (item: Item) => Primitive | ComponentAndProps | ComponentAndProps[] | null | undefined;
+    options?: Options;
+    hint?: string;
+    locked?: boolean;
+    visible?: boolean;
+    getCell: (item: any) => ComponentAndProps[] | ComponentAndProps | Primitive | undefined | null;
 } | {
-    _visible: boolean;
+    $visible: boolean;
     key: string;
     label: string;
     type: "select";
     options: (Options | undefined) & Options;
-    hint?: string | undefined;
-    locked?: boolean | undefined;
-    visible?: boolean | undefined;
-    sortable?: boolean | undefined;
-    getCell: (item: Item) => Primitive | null | undefined;
+    hint?: string;
+    locked?: boolean;
+    visible?: boolean;
+    getCell: (item: any) => Primitive | undefined | null;
 } | {
-    _visible: boolean;
+    $visible: boolean;
     key: string;
     label: string;
     type: "multiselect";
     options: (Options | undefined) & Options;
-    hint?: string | undefined;
-    locked?: boolean | undefined;
-    visible?: boolean | undefined;
-    sortable?: boolean | undefined;
-    getCell: (item: Item) => Primitive[] | null | undefined;
+    hint?: string;
+    locked?: boolean;
+    visible?: boolean;
+    getCell: (item: any) => Primitive[] | undefined | null;
 })[];
 export {};

package/dist/ui/table/field.js

@@ -14,7 +14,7 @@ export function syncFieldsWithParams(tablekey, fields) {
     // Init correct visible prop
     const _fields = fields.map((field) => ({
         ...field,
-        _visible: field.locked ||
+        $visible: field.locked ||
             (field.visible ? !fieldsHidden.includes(field.key) : fieldsVisible.includes(field.key))
     }));
     // Init correct order fields

package/dist/ui/table/head/TableHeadBoolean.svelte

@@ -1,6 +1,9 @@
-<script generics="Item extends {id: string}">import { mdiCheck, mdiClose } from "@mdi/js";
-import TableHeadSelect from "./TableHeadSelect.svelte";
-export let field;
+<script lang="ts">
+	import { mdiCheck, mdiClose } from '@mdi/js'
+	import type { TableField } from '../index.js'
+	import TableHeadSelect from './TableHeadSelect.svelte'
+
+	export let field: TableField
 </script>
 
 <TableHeadSelect

package/dist/ui/table/head/TableHeadBoolean.svelte.d.ts

@@ -1,27 +1,21 @@
-import { SvelteComponent } from "svelte";
 import type { TableField } from '../index.js';
-declare class __sveltets_Render<Item extends {
-    id: string;
-}> {
-    props(): {
-        field: TableField<Item>;
+interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
+    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
+        $$bindings?: Bindings;
+    } & Exports;
+    (internal: unknown, props: Props & {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
     };
-    events(): {} & {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots(): {};
-}
-export type TableHeadBooleanProps<Item extends {
-    id: string;
-}> = ReturnType<__sveltets_Render<Item>['props']>;
-export type TableHeadBooleanEvents<Item extends {
-    id: string;
-}> = ReturnType<__sveltets_Render<Item>['events']>;
-export type TableHeadBooleanSlots<Item extends {
-    id: string;
-}> = ReturnType<__sveltets_Render<Item>['slots']>;
-export default class TableHeadBoolean<Item extends {
-    id: string;
-}> extends SvelteComponent<TableHeadBooleanProps<Item>, TableHeadBooleanEvents<Item>, TableHeadBooleanSlots<Item>> {
+    z_$$bindings?: Bindings;
 }
-export {};
+declare const TableHeadBoolean: $$__sveltets_2_IsomorphicComponent<{
+    field: TableField;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+type TableHeadBoolean = InstanceType<typeof TableHeadBoolean>;
+export default TableHeadBoolean;