fuma 1.0.4 → 1.0.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (10) hide show
  1. package/dist/ui/form/FormInput.svelte.d.ts +2 -0
  2. package/dist/ui/form/formInput.d.ts +1 -0
  3. package/dist/ui/input/InputRelation.svelte +17 -8
  4. package/dist/ui/input/InputRelation.svelte.d.ts +6 -5
  5. package/dist/ui/input/InputRelations.svelte +4 -2
  6. package/dist/ui/input/InputRelations.svelte.d.ts +6 -6
  7. package/dist/ui/input/InputSearch.svelte +1 -1
  8. package/dist/ui/input/SelectorList.svelte +1 -1
  9. package/dist/ui/input/SelectorList.svelte.d.ts +5 -5
  10. package/package.json +1 -1
package/dist/ui/form/FormInput.svelte.d.ts CHANGED
@@ -42,6 +42,7 @@ declare class __sveltets_Render<InputType extends FormInputsType> {
42
42
  children?: import("svelte").Snippet<[]> | undefined;
43
43
  } | undefined;
44
44
  flatMode?: boolean | undefined;
45
+ snippetSelected?: import("svelte").Snippet<[any]> | undefined;
45
46
  slotItem: import("svelte").Snippet<[any]>;
46
47
  slotSuggestion?: import("svelte").Snippet<[any]> | undefined;
47
48
  input?: import("svelte/elements.js").HTMLInputAttributes | undefined;
@@ -122,6 +123,7 @@ declare class __sveltets_Render<InputType extends FormInputsType> {
122
123
  children?: import("svelte").Snippet<[]> | undefined;
123
124
  } | undefined;
124
125
  flatMode?: boolean | undefined;
126
+ snippetSelected?: import("svelte").Snippet<[any]> | undefined;
125
127
  slotItem: import("svelte").Snippet<[any]>;
126
128
  slotSuggestion?: import("svelte").Snippet<[any]> | undefined;
127
129
  input?: import("svelte/elements.js").HTMLInputAttributes | undefined;
package/dist/ui/form/formInput.d.ts CHANGED
@@ -63,6 +63,7 @@ export declare function relationProps<Item extends {
63
63
  children?: import("svelte").Snippet<[]> | undefined;
64
64
  } | undefined;
65
65
  flatMode?: boolean | undefined;
66
+ snippetSelected?: import("svelte").Snippet<[Item]> | undefined;
66
67
  slotItem: import("svelte").Snippet<[Item]>;
67
68
  slotSuggestion?: import("svelte").Snippet<[Item]> | undefined;
68
69
  input?: import("svelte/elements").HTMLInputAttributes | undefined;
package/dist/ui/input/InputRelation.svelte CHANGED
@@ -1,4 +1,4 @@
1
- <script lang="ts" generics="RelationItem extends {id: string}">
1
+ <script lang="ts" generics="RelationItem extends {id: string | number}">
2
2
  import { createEventDispatcher, tick, type ComponentProps, type Snippet } from 'svelte'
3
3
  import type { HTMLInputAttributes } from 'svelte/elements'
4
4
  import debounce from 'debounce'
@@ -25,6 +25,7 @@
25
25
  export let tippyProps: Partial<TippyProps> = {}
26
26
  export let dropdownProps: ComponentProps<DropDown> = {}
27
27
  export let flatMode = false
28
+ export let snippetSelected: Snippet<[RelationItem]> | undefined = undefined
28
29
  export let slotItem: Snippet<[RelationItem]>
29
30
  export let slotSuggestion: Snippet<[RelationItem]> = slotItem
30
31
  export let input: HTMLInputAttributes | undefined = undefined
@@ -108,14 +109,22 @@
108
109
  </div>
109
110
 
110
111
  {#if item}
111
- <div class="flex h-12 items-center gap-2 rounded-lg border bg-base-100 pl-4 pr-2">
112
- <div class="grow">
113
- {@render slotItem(item)}
112
+ {#if snippetSelected}
113
+ {@render snippetSelected(item)}
114
+ {:else}
115
+ <div class="flex h-12 items-center gap-2 rounded-lg border bg-base-100 pl-4 pr-2">
116
+ <div class="grow">
117
+ {@render slotItem(item)}
118
+ </div>
119
+ <button
120
+ type="button"
121
+ on:click|stopPropagation={() => clear()}
122
+ class="btn btn-square btn-sm"
123
+ >
124
+ <Icon path={mdiClose} />
125
+ </button>
114
126
  </div>
115
- <button type="button" on:click={() => clear()} class="btn btn-square btn-sm">
116
- <Icon path={mdiClose} />
117
- </button>
118
- </div>
127
+ {/if}
119
128
  <input
120
129
  type="hidden"
121
130
  name={key}
package/dist/ui/input/InputRelation.svelte.d.ts CHANGED
@@ -3,7 +3,7 @@ import { type Snippet } from 'svelte';
3
3
  import type { HTMLInputAttributes } from 'svelte/elements';
4
4
  import type { TippyProps } from '../../utils/tippy.js';
5
5
  declare class __sveltets_Render<RelationItem extends {
6
- id: string;
6
+ id: string | number;
7
7
  }> {
8
8
  props(): {
9
9
  key?: string | undefined;
@@ -34,6 +34,7 @@ declare class __sveltets_Render<RelationItem extends {
34
34
  children?: Snippet<[]> | undefined;
35
35
  } | undefined;
36
36
  flatMode?: boolean | undefined;
37
+ snippetSelected?: Snippet<[RelationItem]> | undefined;
37
38
  slotItem: Snippet<[RelationItem]>;
38
39
  slotSuggestion?: Snippet<[RelationItem]> | undefined;
39
40
  input?: HTMLInputAttributes | undefined;
@@ -52,16 +53,16 @@ declare class __sveltets_Render<RelationItem extends {
52
53
  slots(): {};
53
54
  }
54
55
  export type InputRelationProps<RelationItem extends {
55
- id: string;
56
+ id: string | number;
56
57
  }> = ReturnType<__sveltets_Render<RelationItem>['props']>;
57
58
  export type InputRelationEvents<RelationItem extends {
58
- id: string;
59
+ id: string | number;
59
60
  }> = ReturnType<__sveltets_Render<RelationItem>['events']>;
60
61
  export type InputRelationSlots<RelationItem extends {
61
- id: string;
62
+ id: string | number;
62
63
  }> = ReturnType<__sveltets_Render<RelationItem>['slots']>;
63
64
  export default class InputRelation<RelationItem extends {
64
- id: string;
65
+ id: string | number;
65
66
  }> extends SvelteComponent<InputRelationProps<RelationItem>, InputRelationEvents<RelationItem>, InputRelationSlots<RelationItem>> {
66
67
  get clear(): () => Promise<void>;
67
68
  }
package/dist/ui/input/InputRelations.svelte CHANGED
@@ -1,4 +1,4 @@
1
- <script lang="ts" generics="RelationItem extends {id: string}">
1
+ <script lang="ts" generics="RelationItem extends {id: string | number}">
2
2
  import type { HTMLInputAttributes } from 'svelte/elements'
3
3
 
4
4
  import { createEventDispatcher, tick, type Snippet } from 'svelte'
@@ -41,7 +41,9 @@
41
41
  let searchValue = ''
42
42
 
43
43
  let dropdown: DropDown
44
- const dispatch = createEventDispatcher<{ input: { value: string[]; items: RelationItem[] } }>()
44
+ const dispatch = createEventDispatcher<{
45
+ input: { value: (string | number)[]; items: RelationItem[] }
46
+ }>()
45
47
  let inputSearch: HTMLInputElement
46
48
 
47
49
  async function select(index = focusIndex) {
package/dist/ui/input/InputRelations.svelte.d.ts CHANGED
@@ -2,7 +2,7 @@ import { SvelteComponent } from "svelte";
2
2
  import type { HTMLInputAttributes } from 'svelte/elements';
3
3
  import { type Snippet } from 'svelte';
4
4
  declare class __sveltets_Render<RelationItem extends {
5
- id: string;
5
+ id: string | number;
6
6
  }> {
7
7
  props(): {
8
8
  key?: string | undefined;
@@ -24,7 +24,7 @@ declare class __sveltets_Render<RelationItem extends {
24
24
  };
25
25
  events(): {
26
26
  input: CustomEvent<{
27
- value: string[];
27
+ value: (string | number)[];
28
28
  items: RelationItem[];
29
29
  }>;
30
30
  } & {
@@ -33,16 +33,16 @@ declare class __sveltets_Render<RelationItem extends {
33
33
  slots(): {};
34
34
  }
35
35
  export type InputRelationsProps<RelationItem extends {
36
- id: string;
36
+ id: string | number;
37
37
  }> = ReturnType<__sveltets_Render<RelationItem>['props']>;
38
38
  export type InputRelationsEvents<RelationItem extends {
39
- id: string;
39
+ id: string | number;
40
40
  }> = ReturnType<__sveltets_Render<RelationItem>['events']>;
41
41
  export type InputRelationsSlots<RelationItem extends {
42
- id: string;
42
+ id: string | number;
43
43
  }> = ReturnType<__sveltets_Render<RelationItem>['slots']>;
44
44
  export default class InputRelations<RelationItem extends {
45
- id: string;
45
+ id: string | number;
46
46
  }> extends SvelteComponent<InputRelationsProps<RelationItem>, InputRelationsEvents<RelationItem>, InputRelationsSlots<RelationItem>> {
47
47
  }
48
48
  export {};
package/dist/ui/input/InputSearch.svelte CHANGED
@@ -26,7 +26,7 @@
26
26
  input={{
27
27
  class: 'input-sm pr-8',
28
28
  placeholder: 'Recherche',
29
- autocomplete: 'fuck-off',
29
+ autocomplete: 'off',
30
30
  inputmode: 'search'
31
31
  }}
32
32
  classWrapper="relative {klass}"
package/dist/ui/input/SelectorList.svelte CHANGED
@@ -1,4 +1,4 @@
1
- <script lang="ts" generics="Item extends {id: string}">
1
+ <script lang="ts" generics="Item extends {id: string | number}">
2
2
  import { createEventDispatcher } from 'svelte'
3
3
  import { selector } from '../../action/selector.js'
4
4
 
package/dist/ui/input/SelectorList.svelte.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  import { SvelteComponent } from "svelte";
2
2
  declare class __sveltets_Render<Item extends {
3
- id: string;
3
+ id: string | number;
4
4
  }> {
5
5
  props(): {
6
6
  class?: string | undefined;
@@ -29,16 +29,16 @@ declare class __sveltets_Render<Item extends {
29
29
  };
30
30
  }
31
31
  export type SelectorListProps<Item extends {
32
- id: string;
32
+ id: string | number;
33
33
  }> = ReturnType<__sveltets_Render<Item>['props']>;
34
34
  export type SelectorListEvents<Item extends {
35
- id: string;
35
+ id: string | number;
36
36
  }> = ReturnType<__sveltets_Render<Item>['events']>;
37
37
  export type SelectorListSlots<Item extends {
38
- id: string;
38
+ id: string | number;
39
39
  }> = ReturnType<__sveltets_Render<Item>['slots']>;
40
40
  export default class SelectorList<Item extends {
41
- id: string;
41
+ id: string | number;
42
42
  }> extends SvelteComponent<SelectorListProps<Item>, SelectorListEvents<Item>, SelectorListSlots<Item>> {
43
43
  }
44
44
  export {};
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "fuma",
3
- "version": "1.0.4",
3
+ "version": "1.0.6",
4
4
  "description": "My fullstack material build with sveltekit, daisyui, zod, prisma, lucia",
5
5
  "author": {
6
6
  "name": "Jonas Voisard",