fuma 0.1.16 → 0.1.18

package/dist/ui/form/Form.svelte

@@ -6,7 +6,7 @@ import { createEventDispatcher, onMount } from "svelte";
 import { fade } from "svelte/transition";
 import { page } from "$app/stores";
 import { useForm } from "../../validation/form.js";
-import Input from "./Input.svelte";
+import Input from "./FormInput.svelte";
 import FormSection from "./FormSection.svelte";
 let klass = "";
 export { klass as class };

package/dist/ui/form/FormInput.svelte

@@ -0,0 +1,7 @@
+<script>import { formInputs } from "./formInput.js";
+let inputType;
+export { inputType as type };
+export let value;
+</script>
+
+<svelte:component this={formInputs[inputType]} bind:value {...$$restProps} />

package/dist/ui/form/form.d.ts

@@ -1,6 +1,6 @@
 import type { z } from 'zod';
 import type { ComponentProps } from 'svelte';
-import { type InputsProps, type InputsType } from './Input.svelte';
+import { type FormInputsProps, type FormInputsType } from './formInput.js';
 import type FormSection from './FormSection.svelte';
 type Shape = z.ZodRawShape;
 type PickOne<T> = {
@@ -14,11 +14,11 @@ export type FormField<M extends Shape> = {
     colSpan?: number;
     /** hide field if true */
     hide?: BoolOrFunction<M>;
-} & PickOne<InputsProps>;
+} & PickOne<FormInputsProps>;
 export type FormSectionProps<M extends Shape> = ComponentProps<FormSection> & {
     /** hide group if true */
     hide?: BoolOrFunction<M>;
 };
 export declare function initData<M extends Shape>(fields: FormField<M>[][]): FormData<M>;
-export declare function getFieldType<M extends Shape>(field: FormField<M>): InputsType;
+export declare function getFieldType<M extends Shape>(field: FormField<M>): FormInputsType;
 export {};

package/dist/ui/form/form.js

@@ -1,4 +1,4 @@
-import { inputsType } from './Input.svelte';
+import { formInputsType } from './formInput.js';
 export function initData(fields) {
     // @ts-ignore
     return fields.flat().reduce((acc, cur) => {
@@ -8,7 +8,7 @@ export function initData(fields) {
     }, {});
 }
 export function getFieldType(field) {
-    const inputType = inputsType.find((t) => field[t]);
+    const inputType = formInputsType.find((t) => field[t]);
     if (!inputType)
         return 'text';
     return inputType;

package/dist/ui/form/formInput.d.ts

@@ -0,0 +1,58 @@
+import type { ComponentProps } from 'svelte';
+import { InputText, InputTextarea, InputBoolean, InputDate, InputDatetime, InputNumber, InputPassword, InputRadio, InputSelect, InputRelation, InputRelations } from '../input/index.js';
+export declare const formInputs: {
+    readonly text: typeof InputText;
+    readonly textarea: typeof InputTextarea;
+    readonly boolean: typeof InputBoolean;
+    readonly date: typeof InputDate;
+    readonly datetime: typeof InputDatetime;
+    readonly number: typeof InputNumber;
+    readonly password: typeof InputPassword;
+    readonly select: typeof InputSelect;
+    readonly radio: typeof InputRadio;
+    readonly relation: typeof InputRelation<any>;
+    readonly relations: typeof InputRelations<any>;
+};
+export type FormInputs = typeof formInputs;
+export type FormInputsType = keyof FormInputs;
+export type FormInputProps<T extends FormInputsType> = ComponentProps<InstanceType<FormInputs[T]>>;
+export type FormInputsProps = {
+    [T in FormInputsType]: FormInputProps<T>;
+};
+export declare const formInputsType: ("number" | "boolean" | "select" | "date" | "textarea" | "text" | "password" | "radio" | "datetime" | "relation" | "relations")[];
+export declare function relationProps<Item extends {
+    id: string;
+}>(props: ComponentProps<InstanceType<typeof InputRelation<Item>>>): {
+    key?: string | undefined;
+    label?: string | undefined;
+    search: (q: string) => Promise<Item[]>;
+    createUrl?: string | undefined;
+    createTitle?: string | undefined;
+    value?: Item | null | undefined;
+    error?: string | undefined;
+    placeholder?: string | undefined;
+    tippyProps?: Partial<import("tippy.js").Props> | undefined;
+    flatMode?: boolean | undefined;
+    slotItem?: ((item: Item) => string | import("../..").ComponentAndProps) | null | undefined;
+    slotSuggestion?: ((item: Item) => string | import("../..").ComponentAndProps) | null | undefined;
+    class?: string | undefined;
+    classList?: string | undefined;
+    clear?: (() => Promise<void>) | undefined;
+};
+export declare function relationsProps<Item extends {
+    id: string;
+}>(props: ComponentProps<InstanceType<typeof InputRelations<Item>>>): {
+    key?: string | undefined;
+    label?: string | undefined;
+    search: (q: string) => Promise<Item[]>;
+    createUrl?: string | undefined;
+    createTitle?: string | undefined;
+    error?: string | undefined;
+    placeholder?: string | undefined;
+    flatMode?: boolean | undefined;
+    slotItem?: ((item: Item) => string | import("../..").ComponentAndProps) | null | undefined;
+    slotSuggestion?: ((item: Item) => string | import("../..").ComponentAndProps) | null | undefined;
+    class?: string | undefined;
+    classList?: string | undefined;
+    value?: Item[] | null | undefined;
+};

package/dist/ui/form/formInput.js

@@ -0,0 +1,21 @@
+import { InputText, InputTextarea, InputBoolean, InputDate, InputDatetime, InputNumber, InputPassword, InputRadio, InputSelect, InputRelation, InputRelations } from '../input/index.js';
+export const formInputs = {
+    text: InputText,
+    textarea: InputTextarea,
+    boolean: InputBoolean,
+    date: InputDate,
+    datetime: InputDatetime,
+    number: InputNumber,
+    password: InputPassword,
+    select: InputSelect,
+    radio: InputRadio,
+    relation: InputRelation,
+    relations: InputRelations
+};
+export const formInputsType = Object.keys(formInputs);
+export function relationProps(props) {
+    return props;
+}
+export function relationsProps(props) {
+    return props;
+}

package/dist/ui/form/index.d.ts

@@ -1,2 +1,3 @@
-export { default as Input, relationProps, relationsProps } from './Input.svelte';
+export { default as Input } from './FormInput.svelte';
 export { default as Form } from './Form.svelte';
+export * from './formInput.js';

package/dist/ui/form/index.js

@@ -1,2 +1,3 @@
-export { default as Input, relationProps, relationsProps } from './Input.svelte';
+export { default as Input } from './FormInput.svelte';
 export { default as Form } from './Form.svelte';
+export * from './formInput.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "fuma",
-  "version": "0.1.16",
+  "version": "0.1.18",
   "description": "My fullstack material build with sveltekit, daisyui, zod and more",
   "author": {
     "name": "Jonas Voisard",

package/dist/ui/form/Input.svelte

@@ -1,41 +0,0 @@
-<script context="module">import {
-  InputText,
-  InputTextarea,
-  InputBoolean,
-  InputDate,
-  InputDatetime,
-  InputNumber,
-  InputPassword,
-  InputRadio,
-  InputSelect,
-  InputRelation,
-  InputRelations
-} from "../input/index.js";
-export const inputs = {
-  text: InputText,
-  textarea: InputTextarea,
-  boolean: InputBoolean,
-  date: InputDate,
-  datetime: InputDatetime,
-  number: InputNumber,
-  password: InputPassword,
-  radio: InputRadio,
-  select: InputSelect,
-  relation: InputRelation,
-  relations: InputRelations
-};
-export const inputsType = Object.keys(inputs);
-export function relationProps(props) {
-  return props;
-}
-export function relationsProps(props) {
-  return props;
-}
-</script>
-
-<script>let inputType;
-export { inputType as type };
-export let value;
-</script>
-
-<svelte:component this={inputs[inputType]} bind:value {...$$restProps} />