@teamnovu/kit-vue-forms 0.0.6 → 0.0.8

package/dist/components/Field.vue.d.ts

@@ -3,11 +3,11 @@ import { Paths, PickProps } from '../types/util.ts';
 import { UseFieldOptions } from '../composables/useField.ts';
 import { VNodeProps, AllowedComponentProps, ComponentCustomProps, PublicProps, ShallowUnwrapRef, Ref, VNode } from 'vue';
 import { ValidationErrors, ErrorMessage } from '../index.js';
-export interface FieldProps<TPath extends string, TData extends object> extends UseFieldOptions<PickProps<TData, TPath>, TPath> {
+export interface FieldProps<TData extends object, TPath extends string> extends UseFieldOptions<PickProps<TData, TPath>, TPath> {
     form: Form<TData>;
 }
-declare const _default: <TPath extends Paths<TData>, TData extends object>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
-    props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{} & VNodeProps & AllowedComponentProps & ComponentCustomProps, never>, never> & FieldProps<TPath, TData> & Partial<{}>> & PublicProps;
+declare const _default: <TData extends object, TPath extends Paths<TData>>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+    props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{} & VNodeProps & AllowedComponentProps & ComponentCustomProps, never>, never> & FieldProps<TData, TPath> & Partial<{}>> & PublicProps;
     expose(exposed: ShallowUnwrapRef<{}>): void;
     attrs: any;
     slots: {

package/dist/composables/useField.d.ts

@@ -4,8 +4,6 @@ import { ValidationErrors } from '../types/validation';
 export interface UseFieldOptions<T, K extends string> {
     value?: MaybeRef<T>;
     initialValue?: MaybeRefOrGetter<Readonly<T>>;
-    type?: MaybeRef<string>;
-    required?: MaybeRef<boolean>;
     path: K;
     errors?: MaybeRef<ValidationErrors>;
 }

package/dist/index.d.ts

@@ -1,10 +1,9 @@
 export { useForm } from './composables/useForm';
 export type { UseFormOptions } from './composables/useForm';
-export { useField } from './composables/useField';
 export type { UseFieldOptions } from './composables/useField';
 export type { ValidationStrategy, ValidationErrorMessage as ErrorMessage, ValidationResult, ErrorBag, Validator, ValidationFunction, ValidationErrors } from './types/validation';
 export type { DeepPartial } from './utils/type-helpers';
 export type { Form, FormField } from './types/form';
-export type { SplitPath, Paths, PickProps } from './types/util';
+export type { SplitPath, Paths, PickProps, ObjectOf, EntityPaths } from './types/util';
 export { default as Field } from './components/Field.vue';
 export type { FieldProps } from './components/Field.vue';

package/dist/index.mjs

@@ -1,10 +1,10 @@
-var q = Object.defineProperty;
-var x = (e, r, t) => r in e ? q(e, r, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[r] = t;
-var R = (e, r, t) => x(e, typeof r != "symbol" ? r + "" : r, t);
-import { toValue as K, toRaw as W, computed as d, unref as c, reactive as b, watch as F, toRefs as O, toRef as S, ref as A, isRef as _, getCurrentScope as I, onBeforeUnmount as J, defineComponent as T, renderSlot as B, normalizeProps as G, guardReactiveProps as L } from "vue";
+var x = Object.defineProperty;
+var K = (e, r, t) => r in e ? x(e, r, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[r] = t;
+var R = (e, r, t) => K(e, typeof r != "symbol" ? r + "" : r, t);
+import { toValue as W, toRaw as q, computed as d, unref as c, reactive as b, watch as F, toRefs as O, toRef as S, ref as A, isRef as _, getCurrentScope as I, onBeforeUnmount as J, defineComponent as T, renderSlot as B, normalizeProps as G, guardReactiveProps as L } from "vue";
 import "zod";
 function y(e) {
-  const r = K(e), t = W(r);
+  const r = W(e), t = q(r);
   return structuredClone(t);
 }
 function N(e) {
@@ -411,8 +411,6 @@ const pr = /* @__PURE__ */ T({
     form: {},
     value: {},
     initialValue: {},
-    type: {},
-    required: {},
     path: {},
     errors: {}
   },
@@ -426,6 +424,5 @@ const pr = /* @__PURE__ */ T({
 });
 export {
   pr as Field,
-  k as useField,
   vr as useForm
 };

package/dist/types/util.d.ts

@@ -24,3 +24,7 @@ export type ButLast<T extends string> = T extends `${infer Rest}.${infer Last}`
 export type EntityPaths<T> = ButLast<Paths<T>> & Paths<T>;
 export type PickEntity<Entity, PropertyKeys extends string> = PropertyKeys extends unknown ? PickProps<Entity, EntityPaths<Entity> & PropertyKeys> & FormDataDefault : never;
 export type RestPath<T extends string, P extends string> = P extends `${T}.${infer Rest}` ? Rest : never;
+export type RootPath<P extends string> = P extends `${infer TRoot}.${string}` ? TRoot : P;
+export type ObjectOf<TPath extends string, T> = {
+    [K in RootPath<TPath>]: RestPath<K, TPath> extends never ? T : ObjectOf<RestPath<K, TPath>, T>;
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@teamnovu/kit-vue-forms",
-  "version": "0.0.6",
+  "version": "0.0.8",
   "description": "",
   "main": "index.js",
   "exports": {

package/src/components/Field.vue

@@ -4,17 +4,17 @@
 
 <script
   setup lang="ts"
-  generic="TPath extends Paths<TData>, TData extends object"
+  generic="TData extends object, TPath extends Paths<TData>"
 >
 import type { Form } from '../types/form.ts'
 import type { Paths, PickProps } from '../types/util.ts'
 import type { UseFieldOptions } from '../composables/useField.ts'
 
-export interface FieldProps<TPath extends string, TData extends object> extends UseFieldOptions<PickProps<TData, TPath>, TPath> {
+export interface FieldProps<TData extends object, TPath extends string> extends UseFieldOptions<PickProps<TData, TPath>, TPath> {
   form: Form<TData>
 }
 
-const props = defineProps<FieldProps<TPath, TData>>()
+const props = defineProps<FieldProps<TData, TPath>>()
 
 const field = props.form.defineField({
   path: props.path,

package/src/composables/useField.ts

@@ -6,8 +6,6 @@ import { cloneRefValue } from '../utils/general'
 export interface UseFieldOptions<T, K extends string> {
   value?: MaybeRef<T>
   initialValue?: MaybeRefOrGetter<Readonly<T>>
-  type?: MaybeRef<string>
-  required?: MaybeRef<boolean>
   path: K
   errors?: MaybeRef<ValidationErrors>
 }

package/src/index.ts

@@ -3,7 +3,6 @@ export { useForm } from './composables/useForm'
 export type { UseFormOptions } from './composables/useForm'
 
 // Field composable
-export { useField } from './composables/useField'
 export type { UseFieldOptions } from './composables/useField'
 
 // Types
@@ -11,7 +10,7 @@ export type { ValidationStrategy, ValidationErrorMessage as ErrorMessage, Valida
 export type { DeepPartial } from './utils/type-helpers'
 
 export type { Form, FormField } from './types/form'
-export type { SplitPath, Paths, PickProps } from './types/util'
+export type { SplitPath, Paths, PickProps, ObjectOf, EntityPaths } from './types/util'
 
 export { default as Field } from './components/Field.vue'
 export type { FieldProps } from './components/Field.vue'

package/src/types/util.ts

@@ -71,3 +71,10 @@ export type PickEntity<Entity, PropertyKeys extends string> =
 
 export type RestPath<T extends string, P extends string> =
   P extends `${T}.${infer Rest}` ? Rest : never
+
+export type RootPath<P extends string> =
+  P extends `${infer TRoot}.${string}` ? TRoot : P
+
+export type ObjectOf<TPath extends string, T> = {
+  [K in RootPath<TPath>]: RestPath<K, TPath> extends never ? T : ObjectOf<RestPath<K, TPath>, T>
+}