fuma 0.3.30 → 0.3.32

package/dist/action/list/handlers.d.ts

@@ -5,12 +5,18 @@ export type Position = {
     clientY: number;
 };
 export type DragHandler = ReturnType<typeof createDragHandler>;
-export declare function createDragHandler<Type = unknown>(listElement: HTMLDivElement, itemElement: HTMLElement, options: ListEditableOptions<Type>): {
-    on: (event: "dragStart" | "dragMove" | "dragEnd", callback: Callback) => void;
-    off: (event: "dragStart" | "dragMove" | "dragEnd", callback: Callback) => void;
+export declare function createDragHandler<Type = unknown>(listElement: HTMLDivElement | HTMLUListElement, itemElement: HTMLElement, options: ListEditableOptions<Type>): {
+    on: <K extends "dragStart" | "dragMove" | "dragEnd">(eventKey: K, callback: (arg: {
+        dragStart: void;
+        dragMove: void;
+        dragEnd: void;
+    }[K]) => unknown) => void;
+    off: <K_1 extends "dragStart" | "dragMove" | "dragEnd">(eventKey: K_1, callback: (arg: {
+        dragStart: void;
+        dragMove: void;
+        dragEnd: void;
+    }[K_1]) => unknown) => void;
     start(position: Position): void;
     move(position?: Position): void;
     end(): void;
 };
-type Callback = () => void;
-export {};

package/dist/action/list/handlers.js

@@ -1,8 +1,9 @@
 import './index.css';
 import { CLASSNAME_DRAG_ACTIVE } from './index.js';
 import { initDragStyle, resetDragStyle } from './style.js';
-import { createPlaceholder, computeLimits, getNewOrderIndex, getListItemIndex, } from './utils.js';
+import { createPlaceholder, computeLimits, getNewOrderIndex, getListItemIndex } from './utils.js';
 import { scroll } from './store.js';
+import { createEventEmitter } from '../../utils/eventEmitter.js';
 export function createDragHandler(listElement, itemElement, options) {
     let originMouseY = 0;
     let limits = null;
@@ -13,7 +14,7 @@ export function createDragHandler(listElement, itemElement, options) {
     const events = createEventEmitter({
         dragStart: options.onDragStart ? [options.onDragStart] : [],
         dragMove: options.onDragMove ? [options.onDragMove] : [],
-        dragEnd: options.onDragEnd ? [options.onDragEnd] : [],
+        dragEnd: options.onDragEnd ? [options.onDragEnd] : []
     });
     return {
         on: events.on,
@@ -72,21 +73,6 @@ export function createDragHandler(listElement, itemElement, options) {
                 options.onChange(newOrderItems);
                 options.items = newOrderItems;
             }
-        },
-    };
-}
-function createEventEmitter(initialEvents) {
-    const events = { ...initialEvents };
-    return {
-        on(event, callback) {
-            events[event].push(callback);
-        },
-        off(event, callback) {
-            const index = events[event].indexOf(callback);
-            events[event].splice(index, 1);
-        },
-        emit(event) {
-            events[event].forEach((callback) => callback());
-        },
+        }
     };
 }

package/dist/action/list/index.d.ts

@@ -17,7 +17,7 @@ export interface ListEditableOptions<Type = unknown> {
     /** Only handle reorder from this elements */
     dragElementsSelector?: string;
 }
-export declare function listEditable<Type = unknown>(node: HTMLDivElement, options?: ListEditableOptions<Type>): {
+export declare function listEditable<Type = unknown>(node: HTMLDivElement | HTMLUListElement, options?: ListEditableOptions<Type>): {
     destroy(): void;
     update({ items }: ListEditableOptions<Type>): void;
 };

package/dist/ui/input/InputOptions.svelte.d.ts

@@ -2,7 +2,7 @@ import { SvelteComponent } from "svelte";
 declare const __propDef: {
     props: {
         key: string;
-        value?: string | undefined;
+        value?: string | undefined | null;
     };
     events: {
         [evt: string]: CustomEvent<any>;

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

@@ -9,6 +9,7 @@ import { mdiOrderBoolAscendingVariant } from "@mdi/js";
 export let field;
 export let options;
 export let multiSelect = false;
+export let placeholder = "No option";
 let _options = initOptions($page.url);
 page.subscribe(({ url }) => _options = initOptions(url));
 $:
@@ -78,6 +79,10 @@ const getHref = derived(urlParam, (params) => (value) => {
 					{/if}
 					<span class="whitespace-nowrap font-normal">{label}</span>
 				</a>
+			{:else}
+				<div class="menu-item disabled px-10">
+					<span class="opacity-40">{placeholder}</span>
+				</div>
 			{/each}
 		</div>
 	</DropDown>

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

@@ -6,6 +6,7 @@ declare const __propDef: {
         field: TableField;
         options: Options;
         multiSelect?: boolean | undefined;
+        placeholder?: string | undefined;
     };
     events: {
         [evt: string]: CustomEvent<any>;

package/dist/utils/eventEmitter.d.ts

@@ -0,0 +1,10 @@
+export declare function createEventEmitter<EventMap extends Record<string, any>>(initialEvents: {
+    [K in keyof EventMap]: Callback<EventMap[K]>[];
+}): {
+    on<K extends keyof EventMap>(eventKey: K, callback: Callback<EventMap[K]>): void;
+    off<K_1 extends keyof EventMap>(eventKey: K_1, callback: Callback<EventMap[K_1]>): void;
+    emit<K_2 extends keyof EventMap>(...args: EventEmitterArgs<EventMap, K_2>): void;
+};
+type Callback<Arg> = (arg: Arg) => unknown;
+type EventEmitterArgs<EventMap extends Record<string, any>, K extends keyof EventMap> = undefined extends EventMap[K] ? [type: K, parameter?: EventMap[K]] : [type: K, parameter: EventMap[K]];
+export {};

package/dist/utils/eventEmitter.js

@@ -0,0 +1,16 @@
+export function createEventEmitter(initialEvents) {
+    const events = { ...initialEvents };
+    return {
+        on(eventKey, callback) {
+            events[eventKey].push(callback);
+        },
+        off(eventKey, callback) {
+            const index = events[eventKey].indexOf(callback);
+            events[eventKey].splice(index, 1);
+        },
+        emit(...args) {
+            // @ts-ignore
+            events[args[0]].forEach((callback) => callback(args[1]));
+        }
+    };
+}

package/dist/utils/index.d.ts

@@ -8,3 +8,4 @@ export * from './tippy.js';
 export * from './nestedPaths.js';
 export * from './constant.js';
 export * from './csv.js';
+export * from './eventEmitter.js';

package/dist/utils/index.js

@@ -8,3 +8,4 @@ export * from './tippy.js';
 export * from './nestedPaths.js';
 export * from './constant.js';
 export * from './csv.js';
+export * from './eventEmitter.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "fuma",
-  "version": "0.3.30",
+  "version": "0.3.32",
   "description": "My fullstack material build with sveltekit, daisyui, zod, prisma, lucia",
   "author": {
     "name": "Jonas Voisard",