firstly 0.0.8 → 0.0.10

package/esm/ui/dialog/dialog.js

@@ -42,10 +42,9 @@ const createDialogManagement = () => {
             };
             return show(detail, 'confirmDelete');
         },
-        // FIXME JYC: refactor this (no need repo? options?)
-        form: (type, topic, repo, cells, options) => {
-            const topicPrefixText = options?.topicPrefixText
-                ? options?.topicPrefixText + ' '
+        form: (type, topic, repo, settings) => {
+            const topicPrefixText = settings?.topicPrefixText
+                ? settings?.topicPrefixText + ' '
                 : type === 'insert'
                     ? `Créer `
                     : type === 'update'
@@ -60,12 +59,12 @@ const createDialogManagement = () => {
                 },
                 repo,
                 // store,
-                cells,
-                defaults: options?.defaults,
-                classes: options?.classes,
-                noThrow: options?.noThrow,
-                wDelete: options?.wDelete,
-                focusKey: options?.focusKey,
+                cells: settings.cells ?? [],
+                defaults: settings?.defaults,
+                classes: settings?.classes,
+                noThrow: settings?.noThrow,
+                wDelete: settings?.wDelete,
+                focusKey: settings?.focusKey,
                 topicPrefixText,
             };
             return show(detail, type);

package/esm/ui/internals/FieldContainer.svelte.d.ts

@@ -1,17 +1,17 @@
 import { SvelteComponent } from "svelte";
 declare const __propDef: {
     props: {
-        label?: string | undefined;
+        label?: string;
         forId: string;
-        required?: boolean | undefined;
-        error?: string | undefined;
+        required?: boolean;
+        error?: string;
         /**
            * example usage for paginate
            * classes={{ label: 'justify-end' }}
            */ classes?: {
-            label?: string | undefined;
-            slot?: string | undefined;
-        } | undefined;
+            label?: string;
+            slot?: string;
+        };
     };
     events: {
         [evt: string]: CustomEvent<any>;

package/esm/ui/internals/Input.svelte

@@ -20,7 +20,7 @@ const debounce = (fn) => {
 };
 function dispatchInput(value2) {
   if ($$restProps.type === "date") {
-    if (value2) {
+    if (value2 || value2 === null) {
       dispatch("input", { value: transformDate(value2) });
     }
   } else {
@@ -37,6 +37,12 @@ const handleInput = (e) => {
     } else {
       value = target.value.toString().replaceAll(",", ".");
     }
+  } else if ($$restProps.type === "date") {
+    if (target.value === "") {
+      value = null;
+    } else {
+      value = target.value;
+    }
   } else {
     value = target.value;
   }
@@ -49,6 +55,9 @@ const handleInput = (e) => {
   }
 };
 const transformDate = (input) => {
+  if (input === null) {
+    return null;
+  }
   const rawDateSplited = input.split("-");
   if (rawDateSplited.length === 3) {
     const yearSplited = rawDateSplited[0].split("");

package/esm/ui/internals/Input.svelte.d.ts

@@ -3,7 +3,7 @@ import type { HTMLInputAttributes } from 'svelte/elements';
 declare const __propDef: {
     props: {
         [x: string]: any;
-        value?: HTMLInputAttributes['value'];
+        value?: HTMLInputAttributes["value"];
         focus?: boolean | undefined;
         withDedounce?: boolean | undefined;
         class?: string | undefined | null;

package/esm/ui/internals/Textarea.svelte.d.ts

@@ -2,7 +2,7 @@ import { SvelteComponent } from "svelte";
 declare const __propDef: {
     props: {
         [x: string]: any;
-        name?: string | null | undefined;
+        name?: (string | null) | undefined;
         id?: string | undefined;
         rows?: number | undefined;
         placeholder?: string | undefined;
@@ -10,7 +10,7 @@ declare const __propDef: {
         value?: string | undefined;
         readonly?: boolean | undefined;
         error?: false | undefined;
-        align?: "left" | "right" | undefined;
+        align?: (`left` | `right`) | undefined;
     };
     events: {
         input: CustomEvent<any>;

package/esm/ui/internals/select/MultiSelectMelt.svelte.d.ts

@@ -3,15 +3,15 @@ import { type BaseItem } from '../../..';
 declare const __propDef: {
     props: {
         id: string;
-        disabled?: boolean | undefined;
-        placeholder?: string | undefined;
-        items?: BaseItem[] | undefined;
+        disabled?: boolean;
+        placeholder?: string;
+        items?: BaseItem[];
         loadOptions?: ((str: string) => Promise<{
             items: BaseItem[];
             totalCount: number;
         }>) | undefined;
         values?: string[] | undefined;
-        clearable?: boolean | undefined;
+        clearable?: boolean;
     };
     events: {
         selected: CustomEvent<any>;

package/esm/ui/internals/select/SelectMelt.svelte.d.ts

@@ -3,18 +3,18 @@ import { type BaseItem } from '../../../';
 declare const __propDef: {
     props: {
         id: string;
-        disabled?: boolean | undefined;
-        placeholder?: string | undefined;
-        items?: BaseItem[] | undefined;
-        focus?: boolean | undefined;
+        disabled?: boolean;
+        placeholder?: string;
+        items?: BaseItem[];
+        focus?: boolean;
         loadOptions?: ((str: string) => Promise<{
             items: BaseItem[];
             totalCount: number;
         }>) | undefined;
         value?: string | undefined;
-        clearable?: boolean | undefined;
-        createOptionWhenNoResult?: boolean | undefined;
-        default_select_if_one_item?: boolean | undefined;
+        clearable?: boolean;
+        createOptionWhenNoResult?: boolean;
+        default_select_if_one_item?: boolean;
     };
     events: {
         selected: CustomEvent<any>;

package/esm/ui/internals/select/SelectRadio.svelte.d.ts

@@ -3,9 +3,9 @@ import type { BaseItem } from '../../../';
 declare const __propDef: {
     props: {
         id: string;
-        disabled?: boolean | undefined;
-        placeholder?: string | undefined;
-        items?: BaseItem[] | undefined;
+        disabled?: boolean;
+        placeholder?: string;
+        items?: BaseItem[];
         value?: string | number | undefined;
     };
     events: {

package/esm/ui/link/Link.svelte

@@ -7,7 +7,7 @@ export { className as class };
 </script>
 
 <a
-  class={`${daisy[kind]} link no-underline hover:underline ${className ?? ''}`}
+  class={`${daisy[kind]} link inline-block text-left no-underline hover:underline ${className ?? ''}`}
   {href}
   rel="noopener"
   {target}

package/esm/ui/link/Link.svelte.d.ts

@@ -4,8 +4,8 @@ declare const __propDef: {
     props: {
         [x: string]: any;
         href: string;
-        target?: HTMLAnchorAttributes['target'];
-        kind?: "info" | "ghost" | undefined;
+        target?: HTMLAnchorAttributes["target"];
+        kind?: ("info" | "ghost") | undefined;
         class?: string | undefined | null;
     };
     events: {

package/esm/ui/link/LinkPlus.svelte

@@ -1,44 +1,56 @@
-<script>import { tw } from "../..";
+<script>import {} from "../..";
 import Icon from "../Icon.svelte";
 import Tooltip from "../Tooltip.svelte";
 import Link from "./Link.svelte";
 export let item;
 export let noIcon = false;
 export let captionSubStyle = "under";
+const hasSomethingToDisplay = (item2) => {
+  if (item2.href) {
+    return true;
+  }
+  if (item2.caption) {
+    return true;
+  }
+  return false;
+};
 </script>
 
 <div class="flex items-center gap-4">
   {#if item}
     {#if item.icon?.data && !noIcon}
-      <Tooltip text={item.icon.caption}>
-        <Icon
-          data={item.icon.data}
-          class={tw('flex-shrink-0', item.icon.class)}
-          size={item.icon.size}
-        />
-      </Tooltip>
-    {/if}
-    <div class="flex flex-col items-start">
-      {#if item.href}
-        <div>
-          <Link href={item.href}>{item.caption}</Link>
-          {#if item.captionSub && captionSubStyle === 'inline'}
-            <span class="text-base-content/70 text-xs italic">{item.captionSub}</span>
-          {/if}
-        </div>
+      {#if item.icon.caption}
+        <Tooltip text={item.icon.caption}>
+          <Icon {...item.icon} />
+        </Tooltip>
       {:else}
-        <!-- 20 is a cool value ! -->
-        <span
-          class="text-base-content {item.class} {(item.caption ?? '').length < 20
-            ? 'text-nowrap'
-            : ''}"
-        >
-          {item.caption ?? '-'}
-        </span>
-      {/if}
-      {#if item.captionSub && captionSubStyle === 'under'}
-        <span class="text-base-content/70 text-xs italic">{item.captionSub}</span>
+        <Icon {...item.icon} />
       {/if}
-    </div>
+    {/if}
+
+    {#if hasSomethingToDisplay(item)}
+      <div class="flex flex-col items-start">
+        {#if item.href}
+          <div>
+            <Link href={item.href}>{item.caption}</Link>
+            {#if item.captionSub && captionSubStyle === 'inline'}
+              <span class="text-base-content/70 text-xs italic">{item.captionSub}</span>
+            {/if}
+          </div>
+        {:else}
+          <!-- 20 is a cool value ! -->
+          <span
+            class="text-base-content {item.class} {(item.caption ?? '').length < 20
+              ? 'text-nowrap'
+              : ''}"
+          >
+            {item.caption ?? '-'}
+          </span>
+        {/if}
+        {#if item.captionSub && captionSubStyle === 'under'}
+          <span class="text-base-content/70 text-xs italic">{item.captionSub}</span>
+        {/if}
+      </div>
+    {/if}
   {/if}
 </div>

package/esm/ui/link/LinkPlus.svelte.d.ts

@@ -3,8 +3,8 @@ import { type BaseItemLight } from '../..';
 declare const __propDef: {
     props: {
         item: BaseItemLight | undefined;
-        noIcon?: boolean | undefined;
-        captionSubStyle?: "none" | "under" | "inline" | undefined;
+        noIcon?: boolean;
+        captionSubStyle?: "under" | "inline" | "none";
     };
     events: {
         [evt: string]: CustomEvent<any>;

package/esm/utils/transition.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="svelte" />
 import type { TransitionConfig } from 'svelte/transition';
 type FlyAndScaleOptions = {
     y: number;

package/esm/vite/index.js

@@ -29,6 +29,7 @@ export function firstly(options) {
                 });
             },
         },
+        // @ts-ignore
         ...kitRoutes({
             ...(options?.kitRoutes ?? {}),
             ...{
@@ -40,6 +41,7 @@ export function firstly(options) {
                 },
             },
         }),
+        // @ts-ignore
         ...stripper({
             decorators: ['BackendMethod'],
             hard: true,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "firstly",
-  "version": "0.0.8",
+  "version": "0.0.10",
   "type": "module",
   "description": "Firstly, an opinionated Remult setup!",
   "repository": {
@@ -14,7 +14,7 @@
   },
   "peerDependencies": {
     "@sveltejs/kit": ">=1.0.0 <3.0.0",
-    "remult": "0.27.7",
+    "remult": "0.27.20",
     "svelte": ">=4.2.18"
   },
   "dependencies": {
@@ -26,7 +26,7 @@
     "arctic": "^1.8.0",
     "clsx": "^2.1.1",
     "cron": "^3.1.7",
-    "daisyui": "^4.10.3",
+    "daisyui": "^4.12.10",
     "esm-env": "^1.0.0",
     "lucia": "^3.2.0",
     "nodemailer": "^6.9.13",