@ederzeel/nuxt-schema-form-nightly 0.1.0-29257619.56503a4 → 0.1.0-29323954.0b153f2

package/dist/module.d.mts

@@ -10,4 +10,5 @@ interface ModuleOptions {
 }
 declare const _default: _nuxt_schema.NuxtModule<ModuleOptions, ModuleOptions, false>;
 
-export { type ModuleOptions, _default as default };
+export { _default as default };
+export type { ModuleOptions };

package/dist/module.json

@@ -7,7 +7,7 @@
   "docs": "https://ui3.nuxt.dev/getting-started/installation/nuxt",
   "version": "0.1.0",
   "builder": {
-    "@nuxt/module-builder": "0.8.4",
+    "@nuxt/module-builder": "1.0.2",
     "unbuild": "unknown"
   }
 }

package/dist/runtime/components/Array.d.vue.ts

@@ -0,0 +1,23 @@
+import type { TableColumn } from '@nuxt/ui';
+import type { PropertiesType } from '../types/index.js';
+type __VLS_Props = {
+    id: string;
+    title?: string;
+    description?: string;
+    jsonSchemaPath: string;
+    items: PropertiesType & {
+        required?: string[];
+    };
+    isRequired: boolean;
+    minItems?: number;
+    maxItems?: number;
+    edit?: boolean;
+    columns?: TableColumn<{}>[];
+    editInline?: boolean;
+    modelValue: unknown[];
+    required?: string[];
+    setHidden?: (value: boolean) => void;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, any, string, import("vue").PublicProps, any, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/Array.vue

@@ -1,56 +1,47 @@
-<script lang="ts" setup>
-import { h } from 'vue'
-import type { TableColumn } from '@nuxt/ui'
-import type { PropertiesType } from '../types'
-import SObject from './array/ArrayObject.vue'
-import SMultiSelect from './MultiSelect.vue'
-
-const props = defineProps<{
-  id: string
-  title?: string
-  description?: string
-  jsonSchemaPath: string
-  items: PropertiesType & { required?: string[] }
-  isRequired: boolean
-  minItems?: number
-  maxItems?: number
-  edit?: boolean
-  columns?: TableColumn<{}>[]
-  editInline?: boolean
-  modelValue: unknown[]
-  required?: string[]
-  setHidden?: (value: boolean) => void
-}>()
-
-const emit = defineEmits(['update:modelValue', 'submit'])
-
+<script setup>
+import { h } from "vue";
+import SObject from "./array/ArrayObject.vue";
+import SMultiSelect from "./MultiSelect.vue";
+const props = defineProps({
+  id: { type: String, required: true },
+  title: { type: String, required: false },
+  description: { type: String, required: false },
+  jsonSchemaPath: { type: String, required: true },
+  items: { type: Object, required: true },
+  isRequired: { type: Boolean, required: true },
+  minItems: { type: Number, required: false },
+  maxItems: { type: Number, required: false },
+  edit: { type: Boolean, required: false },
+  columns: { type: Array, required: false },
+  editInline: { type: Boolean, required: false },
+  modelValue: { type: Array, required: true },
+  required: { type: Array, required: false },
+  setHidden: { type: Function, required: false }
+});
+const emit = defineEmits(["update:modelValue", "submit"]);
 const Renderer = () => {
-  if (props.items.type === 'object') {
+  if (props.items.type === "object") {
     return h(SObject, {
       ...props,
       required: props.items.required,
       isRequired: props.isRequired,
-      modelValue: props.modelValue as Record<string, unknown>[],
-      'onUpdate:modelValue': (v: Record<string, unknown>[]) => {
-        emit('update:modelValue', v)
+      modelValue: props.modelValue,
+      "onUpdate:modelValue": (v) => {
+        emit("update:modelValue", v);
       }
-    })
-  } else if (props.items.type === 'string' && props.items.enum) {
+    });
+  } else if (props.items.type === "string" && props.items.enum) {
     return h(SMultiSelect, {
       ...props,
-      items: props.items as unknown as {
-        id: string
-        enum: string[]
-        enum_titles?: string[]
-      },
+      items: props.items,
       isRequired: props.isRequired,
-      modelValue: props.modelValue as string[],
-      'onUpdate:modelValue': (v: string[]) => {
-        emit('update:modelValue', v)
+      modelValue: props.modelValue,
+      "onUpdate:modelValue": (v) => {
+        emit("update:modelValue", v);
       }
-    })
+    });
   }
-}
+};
 </script>
 
 <template>

package/dist/runtime/components/Array.vue.d.ts

@@ -0,0 +1,23 @@
+import type { TableColumn } from '@nuxt/ui';
+import type { PropertiesType } from '../types/index.js';
+type __VLS_Props = {
+    id: string;
+    title?: string;
+    description?: string;
+    jsonSchemaPath: string;
+    items: PropertiesType & {
+        required?: string[];
+    };
+    isRequired: boolean;
+    minItems?: number;
+    maxItems?: number;
+    edit?: boolean;
+    columns?: TableColumn<{}>[];
+    editInline?: boolean;
+    modelValue: unknown[];
+    required?: string[];
+    setHidden?: (value: boolean) => void;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, any, string, import("vue").PublicProps, any, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/Component.d.vue.ts

@@ -0,0 +1,43 @@
+import type { PropertiesType } from '../types/index.js';
+import type { TableColumn } from '@nuxt/ui';
+type Properties = {
+    properties?: {
+        [key: string]: unknown;
+    };
+};
+export type SComponentProps = {
+    id?: string;
+    title?: string;
+    renderer?: string;
+    type?: string | unknown[];
+    properties?: Properties;
+    enum?: string[];
+    enum_titles?: string[];
+    format?: string;
+    description?: string;
+    placeholder?: string;
+    jsonSchemaPath?: string;
+    required?: string[];
+    isRequired: boolean;
+    items?: PropertiesType;
+    edit?: boolean;
+    minItems?: number;
+    maxItems?: number;
+    minimum?: number;
+    maximum?: number;
+    editInline?: boolean;
+    columns?: TableColumn<{}>[];
+    validateFields?: (fields: string[]) => Promise<boolean>;
+    setHidden?: (value: boolean) => void;
+};
+type __VLS_Props = SComponentProps;
+type __VLS_ModelProps = {
+    modelValue: unknown;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{}>, {
+    id: string;
+    jsonSchemaPath: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/Component.vue

@@ -1,58 +1,47 @@
-<script lang="ts" setup>
-import { h, resolveComponent } from 'vue'
-import SObject from './Object.vue'
-import SDate from './Date.vue'
-import SToggle from './Toggle.vue'
-import SArray from './Array.vue'
-import SInputNumber from './InputNumber.vue'
-import SInputField from './InputField.vue'
-import SSelect from './Select.vue'
-import type { PropertiesType } from '../types'
-import type { TableColumn } from '@nuxt/ui'
-
-type Properties = {
-  properties?: { [key: string]: unknown }
-}
-
-export type SComponentProps = {
-  id?: string
-  title?: string
-  renderer?: string
-  type?: string | unknown[]
-  properties?: Properties
-  enum?: string[]
-  enum_titles?: string[]
-  format?: string
-  description?: string
-  placeholder?: string
-  jsonSchemaPath?: string
-  required?: string[]
-  isRequired: boolean
-  items?: PropertiesType
-  edit?: boolean
-  minItems?: number
-  maxItems?: number
-  minimum?: number
-  maximum?: number
-  editInline?: boolean
-  columns?: TableColumn<{}>[]
-  validateFields?: (fields: string[]) => Promise<boolean>
-  setHidden?: (value: boolean) => void
-}
-
-const props = withDefaults(defineProps<SComponentProps>(), { id: '', jsonSchemaPath: '' })
-const value = defineModel<unknown>({ required: true })
-const emit = defineEmits(['submit'])
-
+<script setup>
+import { h, resolveComponent } from "vue";
+import SObject from "./Object.vue";
+import SDate from "./Date.vue";
+import SToggle from "./Toggle.vue";
+import SArray from "./Array.vue";
+import SInputNumber from "./InputNumber.vue";
+import SInputField from "./InputField.vue";
+import SSelect from "./Select.vue";
+const props = defineProps({
+  id: { type: String, required: false, default: "" },
+  title: { type: String, required: false },
+  renderer: { type: String, required: false },
+  type: { type: [String, Array], required: false },
+  properties: { type: Object, required: false },
+  enum: { type: Array, required: false },
+  enum_titles: { type: Array, required: false },
+  format: { type: String, required: false },
+  description: { type: String, required: false },
+  placeholder: { type: String, required: false },
+  jsonSchemaPath: { type: String, required: false, default: "" },
+  required: { type: Array, required: false },
+  isRequired: { type: Boolean, required: true },
+  items: { type: Object, required: false },
+  edit: { type: Boolean, required: false },
+  minItems: { type: Number, required: false },
+  maxItems: { type: Number, required: false },
+  minimum: { type: Number, required: false },
+  maximum: { type: Number, required: false },
+  editInline: { type: Boolean, required: false },
+  columns: { type: Array, required: false },
+  validateFields: { type: Function, required: false },
+  setHidden: { type: Function, required: false }
+});
+const value = defineModel({ type: null, ...{ required: true } });
+const emit = defineEmits(["submit"]);
 const onSubmit = () => {
-  emit('submit')
-}
-
+  emit("submit");
+};
 const Render = () => {
-  const { type: t, renderer, format } = props
-  const type = Array.isArray(t) ? t[0] : t
-  if (type == null || (renderer != null && renderer === 'none')) {
-    return undefined
+  const { type: t, renderer, format } = props;
+  const type = Array.isArray(t) ? t[0] : t;
+  if (type == null || renderer != null && renderer === "none") {
+    return void 0;
   } else if (renderer) {
     return h(resolveComponent(renderer), {
       ...props,
@@ -60,13 +49,13 @@ const Render = () => {
       onSubmit,
       // is: typeof renderer === 'string' ? renderer : undefined,
       modelValue: value.value,
-      'onUpdate:modelValue': (v: unknown) => {
-        value.value = v
+      "onUpdate:modelValue": (v) => {
+        value.value = v;
       }
-    })
-  } else if (type === 'string') {
-    const { enum: eenum } = props
-    if (format === 'full-date') {
+    });
+  } else if (type === "string") {
+    const { enum: eenum } = props;
+    if (format === "full-date") {
       return h(SDate, {
         id: props.id,
         title: props.title,
@@ -74,11 +63,11 @@ const Render = () => {
         type: props.type,
         isRequired: props.isRequired,
         jsonSchemaPath: `${props.jsonSchemaPath}.${props.id}`,
-        modelValue: value.value as string,
-        'onUpdate:modelValue': (v: string) => {
-          value.value = v
+        modelValue: value.value,
+        "onUpdate:modelValue": (v) => {
+          value.value = v;
         }
-      })
+      });
     } else if (eenum) {
       return h(SSelect, {
         id: props.id,
@@ -88,11 +77,11 @@ const Render = () => {
         enum_titles: props.enum_titles,
         isRequired: props.isRequired,
         jsonSchemaPath: `${props.jsonSchemaPath}.${props.id}`,
-        modelValue: value.value as string,
-        'onUpdate:modelValue': (v: string) => {
-          value.value = v
+        modelValue: value.value,
+        "onUpdate:modelValue": (v) => {
+          value.value = v;
         }
-      })
+      });
     } else {
       return h(SInputField, {
         id: props.id,
@@ -101,13 +90,13 @@ const Render = () => {
         isRequired: props.isRequired,
         type,
         jsonSchemaPath: `${props.jsonSchemaPath}.${props.id}`,
-        modelValue: value.value as string,
-        'onUpdate:modelValue': (v: string) => {
-          value.value = v
+        modelValue: value.value,
+        "onUpdate:modelValue": (v) => {
+          value.value = v;
         }
-      })
+      });
     }
-  } else if (type === 'number' || type === 'integer') {
+  } else if (type === "number" || type === "integer") {
     return h(SInputNumber, {
       id: props.id,
       title: props.title,
@@ -115,27 +104,26 @@ const Render = () => {
       type,
       isRequired: props.isRequired,
       jsonSchemaPath: `${props.jsonSchemaPath}.${props.id}`,
-      modelValue: value.value as number,
-      'onUpdate:modelValue': (v: number) => {
-        value.value = v
+      modelValue: value.value,
+      "onUpdate:modelValue": (v) => {
+        value.value = v;
       }
-    })
-  } else if (type === 'boolean') {
+    });
+  } else if (type === "boolean") {
     return h(SToggle, {
       id: props.id,
       title: props.title,
       description: props.description,
       isRequired: props.isRequired,
       jsonSchemaPath: `${props.jsonSchemaPath}.${props.id}`,
-      modelValue: value.value as boolean,
-      'onUpdate:modelValue': (v: boolean) => {
-        value.value = v
+      modelValue: value.value,
+      "onUpdate:modelValue": (v) => {
+        value.value = v;
       }
-    })
-  } else if (type === 'object') {
-    if (!props.properties) throw new Error('object is missing properties')
-    if (!props.required) throw new Error('object is missing required')
-
+    });
+  } else if (type === "object") {
+    if (!props.properties) throw new Error("object is missing properties");
+    if (!props.required) throw new Error("object is missing required");
     return h(SObject, {
       id: props.id,
       title: props.title,
@@ -146,14 +134,13 @@ const Render = () => {
       jsonSchemaPath: `${props.jsonSchemaPath}.${props.id}`,
       onSubmit,
       setHidden: props.setHidden,
-      modelValue: value.value as Record<string, unknown>,
-      'onUpdate:modelValue': (v: Record<string, unknown>) => {
-        value.value = v
+      modelValue: value.value,
+      "onUpdate:modelValue": (v) => {
+        value.value = v;
       }
-    })
-  } else if (type === 'array') {
-    if (!props.items) throw new Error('array has no items')
-
+    });
+  } else if (type === "array") {
+    if (!props.items) throw new Error("array has no items");
     return h(SArray, {
       id: props.id,
       title: props.title,
@@ -168,14 +155,14 @@ const Render = () => {
       jsonSchemaPath: `${props.jsonSchemaPath}.${props.id}`,
       onSubmit,
       setHidden: props.setHidden,
-      modelValue: value.value as unknown[],
-      'onUpdate:modelValue': (v: unknown) => {
-        value.value = v as unknown[]
+      modelValue: value.value,
+      "onUpdate:modelValue": (v) => {
+        value.value = v;
       }
-    })
+    });
   }
-  return undefined
-}
+  return void 0;
+};
 </script>
 
 <template>

package/dist/runtime/components/Component.vue.d.ts

@@ -0,0 +1,43 @@
+import type { PropertiesType } from '../types/index.js';
+import type { TableColumn } from '@nuxt/ui';
+type Properties = {
+    properties?: {
+        [key: string]: unknown;
+    };
+};
+export type SComponentProps = {
+    id?: string;
+    title?: string;
+    renderer?: string;
+    type?: string | unknown[];
+    properties?: Properties;
+    enum?: string[];
+    enum_titles?: string[];
+    format?: string;
+    description?: string;
+    placeholder?: string;
+    jsonSchemaPath?: string;
+    required?: string[];
+    isRequired: boolean;
+    items?: PropertiesType;
+    edit?: boolean;
+    minItems?: number;
+    maxItems?: number;
+    minimum?: number;
+    maximum?: number;
+    editInline?: boolean;
+    columns?: TableColumn<{}>[];
+    validateFields?: (fields: string[]) => Promise<boolean>;
+    setHidden?: (value: boolean) => void;
+};
+type __VLS_Props = SComponentProps;
+type __VLS_ModelProps = {
+    modelValue: unknown;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{}>, {
+    id: string;
+    jsonSchemaPath: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/Date.d.vue.ts

@@ -0,0 +1,17 @@
+type __VLS_Props = {
+    id: string;
+    title?: string;
+    description?: string;
+    isRequired: boolean;
+};
+type __VLS_ModelProps = {
+    modelValue: string;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: string) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/Date.vue

@@ -1,41 +1,37 @@
-<script lang="ts" setup>
-import { ref, watch } from 'vue'
-import { CalendarDate, DateFormatter, getLocalTimeZone } from '@internationalized/date'
-
-const props = defineProps<{
-  id: string
-  title?: string
-  description?: string
-  isRequired: boolean
-}>()
-
-const df = new DateFormatter('nl-NL', { dateStyle: 'medium' })
-
-const value = defineModel<string>({ required: true, default: new Date().toISOString() })
-const valueDate = new Date(value.value)
-const date = ref(new CalendarDate(valueDate.getFullYear(), valueDate.getMonth() + 1, valueDate.getDate()))
-
+<script setup>
+import { ref, watch } from "vue";
+import { CalendarDate, DateFormatter, getLocalTimeZone } from "@internationalized/date";
+const props = defineProps({
+  id: { type: String, required: true },
+  title: { type: String, required: false },
+  description: { type: String, required: false },
+  isRequired: { type: Boolean, required: true }
+});
+const df = new DateFormatter("nl-NL", { dateStyle: "medium" });
+const value = defineModel({ type: String, ...{ required: true, default: (/* @__PURE__ */ new Date()).toISOString() } });
+const valueDate = new Date(value.value);
+const date = ref(new CalendarDate(valueDate.getFullYear(), valueDate.getMonth() + 1, valueDate.getDate()));
 watch(date, () => {
-  value.value = date.value.toDate(getLocalTimeZone()).toISOString()
-})
-const open = ref(false)
+  value.value = date.value.toDate(getLocalTimeZone()).toISOString();
+});
+const open = ref(false);
 </script>
 
 <template>
   <div>
     <UFormField
       :label="props.title || id"
-      :hint="!props.isRequired ? 'optional' : undefined"
+      :hint="!props.isRequired ? 'optional' : void 0"
       :description="props.description"
       :name="props.id"
     >
       <UPopover v-model:open="open">
-        <UButton color="neutral" variant="subtle" icon="i-lucide-calendar" class="w-full" @click="() => (open = true)">
-          {{ value ? df.format(date.toDate(getLocalTimeZone())) : 'Select a date' }}
+        <UButton color="neutral" variant="subtle" icon="i-lucide-calendar" class="w-full" @click="() => open = true">
+          {{ value ? df.format(date.toDate(getLocalTimeZone())) : "Select a date" }}
         </UButton>
 
         <template #content>
-          <UCalendar v-model="date" class="p-2" @update:modelValue="() => (open = false)" />
+          <UCalendar v-model="date" class="p-2" @update:modelValue="() => open = false" />
         </template>
       </UPopover>
     </UFormField>

package/dist/runtime/components/Date.vue.d.ts

@@ -0,0 +1,17 @@
+type __VLS_Props = {
+    id: string;
+    title?: string;
+    description?: string;
+    isRequired: boolean;
+};
+type __VLS_ModelProps = {
+    modelValue: string;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: string) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/Form.d.vue.ts

@@ -0,0 +1,31 @@
+import type { JsonSchema } from 'json-schema-library';
+import type { Config } from 'json-schema-yup-transformer';
+import type { CustomValidation } from '#schema-form-types';
+type __VLS_Props = {
+    schema: JsonSchema;
+    options?: {
+        customValidation?: CustomValidation[];
+        jsonSchemaYupTransfromer?: Config;
+    };
+};
+type __VLS_ModelProps = {
+    modelValue: Record<string, unknown>;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare var __VLS_18: {}, __VLS_20: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_18) => any;
+} & {
+    submit?: (props: typeof __VLS_20) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {
+    submit: () => void;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};