@bagelink/vue 0.0.1174 → 0.0.1178

package/dist/components/form/BagelForm.vue.d.ts

@@ -4,6 +4,7 @@ export interface BagelFormProps<T extends {
 }> {
     modelValue?: T;
     schema?: BglFormSchemaFnT<T>;
+    tag?: 'form' | 'template';
 }
 declare const _default: <T extends {
     [key: string]: any;

package/dist/components/form/BagelForm.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BagelForm.vue.d.ts","sourceRoot":"","sources":["../../../src/components/form/BagelForm.vue"],"names":[],"mappings":"AA0GA,OAAO,KAAK,EAAE,gBAAgB,EAAS,MAAM,eAAe,CAAA;AAK5D,MAAM,WAAW,cAAc,CAAC,CAAC,SAAS;IAAE,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;CAAE;IAC/D,UAAU,CAAC,EAAE,CAAC,CAAA;IACd,MAAM,CAAC,EAAE,gBAAgB,CAAC,CAAC,CAAC,CAAA;CAC5B;yBAEgB,CAAC,SAAS;IAAC,CAAC,GAAG,EAAC,MAAM,GAAE,GAAG,CAAA;CAAC,eAC/B,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,cAClD,mBAAmB,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC,iBAC5F,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC;WAqK1D,mBAAmB,CAAC;;;0LAAkE,CAAC,4BAA2B;oBACzG,OAAO,KAAK,EAAE,gBAAgB;;;;MAAsB,GAAG,IAAI;WACpE,GAAG;;yBArCkB,GAAG;;;;;YACJ,GAAG;;;YA1H1B,mBAAmB,SAAS,CAAC,GAAG,IAAI;YACpC,QAAQ,SAAS,CAAC,GAAG,IAAI;;OAkKlB,OAAO,KAAK,EAAE,KAAK,GAAG;IAAE,KAAK,CAAC,EAAE,OAAO,CAAC,OAAO,WAAW,CAAC,CAAA;CAAE;AA/KzE,wBA+K4E;AAC5E,KAAK,mBAAmB,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}
+{"version":3,"file":"BagelForm.vue.d.ts","sourceRoot":"","sources":["../../../src/components/form/BagelForm.vue"],"names":[],"mappings":"AAiHA,OAAO,KAAK,EAAE,gBAAgB,EAAS,MAAM,eAAe,CAAA;AAK5D,MAAM,WAAW,cAAc,CAAC,CAAC,SAAS;IAAE,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;CAAE;IAC/D,UAAU,CAAC,EAAE,CAAC,CAAA;IACd,MAAM,CAAC,EAAE,gBAAgB,CAAC,CAAC,CAAC,CAAA;IAC5B,GAAG,CAAC,EAAE,MAAM,GAAG,UAAU,CAAA;CACzB;yBAEgB,CAAC,SAAS;IAAC,CAAC,GAAG,EAAC,MAAM,GAAE,GAAG,CAAA;CAAC,eAC/B,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,cAClD,mBAAmB,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC,iBAC5F,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC;WAmL1D,mBAAmB,CAAC;;;0LAAkE,CAAC,4BAA2B;oBACzG,OAAO,KAAK,EAAE,gBAAgB;;;;MAAsB,GAAG,IAAI;WACpE,GAAG;;yBArCkB,GAAG;;;;;YACJ,GAAG;;;YAvI1B,mBAAmB,SAAS,CAAC,GAAG,IAAI;YACpC,QAAQ,SAAS,CAAC,GAAG,IAAI;;OA+KlB,OAAO,KAAK,EAAE,KAAK,GAAG;IAAE,KAAK,CAAC,EAAE,OAAO,CAAC,OAAO,WAAW,CAAC,CAAA;CAAE;AA7LzE,wBA6L4E;AAC5E,KAAK,mBAAmB,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}

package/dist/index.cjs

@@ -11568,23 +11568,24 @@ const _sfc_main$R = /* @__PURE__ */ vue.defineComponent({
   __name: "BagelForm",
   props: {
     modelValue: { default: void 0 },
-    schema: { default: void 0 }
+    schema: { default: void 0 },
+    tag: { default: "form" }
   },
   emits: ["update:modelValue", "submit"],
   setup(__props, { expose: __expose, emit: __emit }) {
     const props2 = __props;
     const emit2 = __emit;
     const form = vue.ref();
-    const formData = vue.ref(structuredClone(props2.modelValue ?? {}));
-    const initialFormData = vue.ref(structuredClone(props2.modelValue ?? {}));
+    const formData = vue.ref(JSON.parse(JSON.stringify(props2.modelValue ?? {})));
+    const initialFormData = vue.ref(JSON.parse(JSON.stringify(props2.modelValue ?? {})));
     vue.onMounted(() => {
       if (props2.modelValue) {
-        initialFormData.value = structuredClone(props2.modelValue);
+        initialFormData.value = JSON.parse(JSON.stringify(props2.modelValue));
       }
     });
     vue.watch(() => props2.modelValue, (newValue) => {
       if (newValue !== void 0) {
-        formData.value = structuredClone(newValue);
+        formData.value = JSON.parse(JSON.stringify(newValue));
       }
     }, { immediate: true, deep: true });
     const resolvedSchema = vue.computed(() => {
@@ -11632,7 +11633,8 @@ const _sfc_main$R = /* @__PURE__ */ vue.defineComponent({
     }
     __expose({ form, isDirty: isDirty.value, validateForm });
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("form", {
+      return props2.tag === "form" ? (vue.openBlock(), vue.createElementBlock("form", {
+        key: 0,
         ref_key: "form",
         ref: form,
         onSubmit: vue.withModifiers(handleSubmit, ["prevent"])
@@ -11647,7 +11649,11 @@ const _sfc_main$R = /* @__PURE__ */ vue.defineComponent({
           isDirty: isDirty.value,
           validateForm
         })
-      ], 544);
+      ], 544)) : (vue.openBlock(true), vue.createElementBlock(vue.Fragment, { key: 1 }, vue.renderList(resolvedSchema.value, (field) => {
+        return vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(renderSchemaField(field)), {
+          key: field.id
+        });
+      }), 128));
     };
   }
 });

package/dist/index.mjs

@@ -11566,23 +11566,24 @@ const _sfc_main$R = /* @__PURE__ */ defineComponent({
   __name: "BagelForm",
   props: {
     modelValue: { default: void 0 },
-    schema: { default: void 0 }
+    schema: { default: void 0 },
+    tag: { default: "form" }
   },
   emits: ["update:modelValue", "submit"],
   setup(__props, { expose: __expose, emit: __emit }) {
     const props2 = __props;
     const emit2 = __emit;
     const form = ref();
-    const formData = ref(structuredClone(props2.modelValue ?? {}));
-    const initialFormData = ref(structuredClone(props2.modelValue ?? {}));
+    const formData = ref(JSON.parse(JSON.stringify(props2.modelValue ?? {})));
+    const initialFormData = ref(JSON.parse(JSON.stringify(props2.modelValue ?? {})));
     onMounted(() => {
       if (props2.modelValue) {
-        initialFormData.value = structuredClone(props2.modelValue);
+        initialFormData.value = JSON.parse(JSON.stringify(props2.modelValue));
       }
     });
     watch(() => props2.modelValue, (newValue) => {
       if (newValue !== void 0) {
-        formData.value = structuredClone(newValue);
+        formData.value = JSON.parse(JSON.stringify(newValue));
       }
     }, { immediate: true, deep: true });
     const resolvedSchema = computed(() => {
@@ -11630,7 +11631,8 @@ const _sfc_main$R = /* @__PURE__ */ defineComponent({
     }
     __expose({ form, isDirty: isDirty.value, validateForm });
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("form", {
+      return props2.tag === "form" ? (openBlock(), createElementBlock("form", {
+        key: 0,
         ref_key: "form",
         ref: form,
         onSubmit: withModifiers(handleSubmit, ["prevent"])
@@ -11645,7 +11647,11 @@ const _sfc_main$R = /* @__PURE__ */ defineComponent({
           isDirty: isDirty.value,
           validateForm
         })
-      ], 544);
+      ], 544)) : (openBlock(true), createElementBlock(Fragment, { key: 1 }, renderList(resolvedSchema.value, (field) => {
+        return openBlock(), createBlock(resolveDynamicComponent(renderSchemaField(field)), {
+          key: field.id
+        });
+      }), 128));
     };
   }
 });

package/dist/utils/BagelFormUtils.d.ts

@@ -32,21 +32,21 @@ type RichTextOptions = InputOptions;
 export declare function getBaseField<T extends {
     [key: string]: any;
 }>(id?: keyof T extends string ? keyof T : string, labelOrRest?: string | Partial<Field<T>>, rest?: Partial<Field<T>>): Field<T>;
-export declare function richText(id: string, label?: string, options?: RichTextOptions): {
+export declare function richText<T>(id: keyof T extends string ? keyof T : string, label?: string, options?: RichTextOptions): {
     $el: string;
     class: string | undefined;
     required: boolean | undefined;
-    id: string;
+    id: keyof T extends string ? keyof T : string;
     label: string | undefined;
     vIf: boolean | ((item: any, row: any) => boolean) | undefined;
     placeholder: string | undefined;
     attrs: {};
 };
-export declare function txtField(id: string, label?: string, options?: TextInputOptions): Field;
-export declare function slctField(id: string, label?: string, options?: Option[] | (() => Option[]), config?: SlctInputOptions): Field;
-export declare function checkField(id: string, label?: string, options?: InputOptions): Field;
-export declare function dateField(id: string, label?: string, options?: DateOptions): Field;
-export declare function numField(id: string, label?: string, options?: NumFieldOptions): Field;
+export declare function txtField<T>(id: keyof T extends string ? keyof T : string, label?: string, options?: TextInputOptions): Field;
+export declare function slctField<T>(id: keyof T extends string ? keyof T : string, label?: string, options?: Option[] | (() => Option[]), config?: SlctInputOptions): Field;
+export declare function checkField<T>(id: keyof T extends string ? keyof T : string, label?: string, options?: InputOptions): Field;
+export declare function dateField<T>(id: keyof T extends string ? keyof T : string, label?: string, options?: DateOptions): Field;
+export declare function numField<T>(id: keyof T extends string ? keyof T : string, label?: string, options?: NumFieldOptions): Field;
 export declare function frmRow(...children: Field[]): {
     $el: string;
     class: string;
@@ -88,7 +88,7 @@ export declare function bglForm(idOrField?: string | Field, ...schema: Field[]):
     };
     id?: undefined;
 };
-export declare function telField(id: string, label?: string, options?: {
+export declare function telField<T>(id: keyof T extends string ? keyof T : string, label?: string, options?: {
     [key: string]: any;
 }): Field;
 export declare function findBglFieldById(id: string, _schema: BglFormSchemaT): Field | undefined;
@@ -96,9 +96,9 @@ interface ArrayFieldOptions extends InputOptions {
     delete?: boolean;
     add?: boolean;
 }
-export declare function arrField(id: string, label: string, schema: BglFormSchemaT, options?: ArrayFieldOptions): {
+export declare function arrField<T>(id: keyof T extends string ? keyof T : string, label: string, schema: BglFormSchemaT, options?: ArrayFieldOptions): {
     label: string;
-    id: string;
+    id: keyof T extends string ? keyof T : string;
     $el: string;
     vIf: boolean | ((item: any, row: any) => boolean) | undefined;
     attrs: {

package/dist/utils/BagelFormUtils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BagelFormUtils.d.ts","sourceRoot":"","sources":["../../src/utils/BagelFormUtils.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"BagelFormUtils.d.ts","sourceRoot":"","sources":["../../src/utils/BagelFormUtils.ts"],"names":[],"mappings":"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"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@bagelink/vue",
   "type": "module",
-  "version": "0.0.1174",
+  "version": "0.0.1178",
   "description": "Bagel core sdk packages",
   "author": {
     "name": "Neveh Allon",
@@ -83,7 +83,7 @@
     "@vueuse/core": "^12.5.0",
     "axios": "^1.7.9",
     "floating-vue": "^5.2.2",
-    "libphonenumber-js": "1.11.18",
+    "libphonenumber-js": "1.11.19",
     "signature_pad": "^5.0.4"
   },
   "scripts": {

package/src/components/form/BagelForm.vue

@@ -7,11 +7,13 @@ import { useSchemaField } from '../../composables/useSchemaField'
 export interface BagelFormProps<T extends { [key: string]: any }> {
 	modelValue?: T
 	schema?: BglFormSchemaFnT<T>
+	tag?: 'form' | 'template'
 }
 
 const props = withDefaults(defineProps<BagelFormProps<T>>(), {
 	modelValue: undefined,
-	schema: undefined
+	schema: undefined,
+	tag: 'form'
 })
 
 const emit = defineEmits<{
@@ -20,19 +22,19 @@ const emit = defineEmits<{
 }>()
 
 const form = ref<HTMLFormElement>()
-const formData = ref<T>(structuredClone(props.modelValue ?? {} as T))
-const initialFormData = ref<T>(structuredClone(props.modelValue ?? {} as T))
+const formData = ref<T>(JSON.parse(JSON.stringify(props.modelValue ?? {})) as T)
+const initialFormData = ref<T>(JSON.parse(JSON.stringify(props.modelValue ?? {})) as T)
 
 onMounted(() => {
 	if (props.modelValue) {
-		initialFormData.value = structuredClone(props.modelValue)
+		initialFormData.value = JSON.parse(JSON.stringify(props.modelValue))
 	}
 })
 
 // Keep formData in sync with modelValue prop only if it's provided
 watch(() => props.modelValue, (newValue) => {
 	if (newValue !== undefined) {
-		formData.value = structuredClone(newValue)
+		formData.value = JSON.parse(JSON.stringify(newValue))
 	}
 }, { immediate: true, deep: true })
 
@@ -92,7 +94,7 @@ defineExpose({ form, isDirty, validateForm })
 </script>
 
 <template>
-	<form ref="form" @submit.prevent="handleSubmit">
+	<form v-if="props.tag === 'form'" ref="form" @submit.prevent="handleSubmit">
 		<template v-if="resolvedSchema">
 			<template v-for="field in (resolvedSchema as Field[])" :key="field.id">
 				<component :is="renderSchemaField(field)" />
@@ -101,4 +103,9 @@ defineExpose({ form, isDirty, validateForm })
 		<slot v-else />
 		<slot name="submit" :submit="handleSubmit" :isDirty="isDirty" :validateForm="validateForm" />
 	</form>
+	<template v-else>
+		<template v-for="field in (resolvedSchema as Field[])" :key="field.id">
+			<component :is="renderSchemaField(field)" />
+		</template>
+	</template>
 </template>

package/src/utils/BagelFormUtils.ts

@@ -47,8 +47,8 @@ export function getBaseField<T extends { [key: string]: any }>(
 	return { id, label: labelOrRest, ...rest }
 }
 
-export function richText(
-	id: string,
+export function richText<T>(
+	id: keyof T extends string ? keyof T : string,
 	label?: string,
 	options?: RichTextOptions,
 ) {
@@ -64,8 +64,8 @@ export function richText(
 	}
 }
 
-export function txtField(
-	id: string,
+export function txtField<T>(
+	id: keyof T extends string ? keyof T : string,
 	label?: string,
 	options?: TextInputOptions,
 ): Field {
@@ -87,8 +87,8 @@ export function txtField(
 	}
 }
 
-export function slctField(
-	id: string,
+export function slctField<T>(
+	id: keyof T extends string ? keyof T : string,
 	label?: string,
 	options?: Option[] | (() => Option[]),
 	config?: SlctInputOptions,
@@ -114,8 +114,8 @@ export function slctField(
 	}
 }
 
-export function checkField(
-	id: string,
+export function checkField<T>(
+	id: keyof T extends string ? keyof T : string,
 	label?: string,
 	options?: InputOptions,
 ): Field {
@@ -128,8 +128,8 @@ export function checkField(
 	}
 }
 
-export function dateField(
-	id: string,
+export function dateField<T>(
+	id: keyof T extends string ? keyof T : string,
 	label?: string,
 	options?: DateOptions,
 ): Field {
@@ -148,8 +148,8 @@ export function dateField(
 	}
 }
 
-export function numField(
-	id: string,
+export function numField<T>(
+	id: keyof T extends string ? keyof T : string,
 	label?: string,
 	options?: NumFieldOptions,
 ): Field {
@@ -217,7 +217,11 @@ export function bglForm(idOrField?: string | Field, ...schema: Field[]) {
 	}
 }
 
-export function telField(id: string, label?: string, options?: { [key: string]: any }): Field {
+export function telField<T>(
+	id: keyof T extends string ? keyof T : string,
+	label?: string,
+	options?: { [key: string]: any }
+): Field {
 	return {
 		$el: markRaw(TelInput),
 		id,
@@ -243,7 +247,12 @@ interface ArrayFieldOptions extends InputOptions {
 	add?: boolean
 }
 
-export function arrField(id: string, label: string, schema: BglFormSchemaT, options?: ArrayFieldOptions) {
+export function arrField<T>(
+	id: keyof T extends string ? keyof T : string,
+	label: string,
+	schema: BglFormSchemaT,
+	options?: ArrayFieldOptions
+) {
 	return {
 		label,
 		id,