@bagelink/vue 0.0.437 → 0.0.441

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

@@ -1 +1 @@
-{"version":3,"file":"BagelFormUtils.d.ts","sourceRoot":"","sources":["../../src/utils/BagelFormUtils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAE3C,MAAM,MAAM,MAAM,GACf,MAAM,GACN,MAAM,GACN,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GACnB;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAAA;CAAE,CAAC;AAE7C,UAAU,YAAY;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,UAAU,gBAAiB,SAAQ,YAAY;IAC9C,IAAI,CAAC,EAAE,MAAM,GAAG,KAAK,GAAG,OAAO,CAAC;IAChC,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,SAAS,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,UAAU,gBAAiB,SAAQ,YAAY;IAC9C,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,WAAW,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,UAAU,eAAgB,SAAQ,YAAY;IAC7C,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;CACd;AAED,KAAK,eAAe,GAAG,YAAY,CAAC;AAEpC,wBAAgB,QAAQ,CACvB,EAAE,EAAE,MAAM,EACV,KAAK,CAAC,EAAE,MAAM,EACd,OAAO,CAAC,EAAE,eAAe;;;;;;;;EAWzB;AAED,wBAAgB,QAAQ,CACvB,EAAE,EAAE,MAAM,EACV,KAAK,CAAC,EAAE,MAAM,EACd,OAAO,CAAC,EAAE,gBAAgB,GACxB,KAAK,CAcP;AAED,wBAAgB,SAAS,CACxB,EAAE,EAAE,MAAM,EACV,KAAK,CAAC,EAAE,MAAM,EACd,OAAO,CAAC,EAAE,MAAM,EAAE,GAAG,CAAC,MAAM,MAAM,EAAE,CAAC,EACrC,MAAM,CAAC,EAAE,gBAAgB,GACvB,KAAK,CAgBP;AAED,wBAAgB,UAAU,CACzB,EAAE,EAAE,MAAM,EACV,KAAK,CAAC,EAAE,MAAM,EACd,OAAO,CAAC,EAAE,eAAe,GACvB,KAAK,CAQP;AAED,wBAAgB,QAAQ,CACvB,EAAE,EAAE,MAAM,EACV,KAAK,CAAC,EAAE,MAAM,EACd,OAAO,CAAC,EAAE,eAAe,GACvB,KAAK,CAUP;AAED,wBAAgB,MAAM,CAAC,GAAG,QAAQ,EAAE,KAAK,EAAE;;;;EAM1C"}
+{"version":3,"file":"BagelFormUtils.d.ts","sourceRoot":"","sources":["../../src/utils/BagelFormUtils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAE3C,MAAM,MAAM,MAAM,GACf,MAAM,GACN,MAAM,GACN,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GACnB;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAAA;CAAE,CAAC;AAE7C,UAAU,YAAY;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,UAAU,gBAAiB,SAAQ,YAAY;IAC9C,IAAI,CAAC,EAAE,MAAM,GAAG,KAAK,GAAG,OAAO,CAAC;IAChC,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,SAAS,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,UAAU,gBAAiB,SAAQ,YAAY;IAC9C,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,WAAW,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,UAAU,eAAgB,SAAQ,YAAY;IAC7C,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;CACd;AAED,KAAK,eAAe,GAAG,YAAY,CAAC;AAEpC,wBAAgB,QAAQ,CACvB,EAAE,EAAE,MAAM,EACV,KAAK,CAAC,EAAE,MAAM,EACd,OAAO,CAAC,EAAE,eAAe;;;;;;;;EAWzB;AAED,wBAAgB,QAAQ,CACvB,EAAE,EAAE,MAAM,EACV,KAAK,CAAC,EAAE,MAAM,EACd,OAAO,CAAC,EAAE,gBAAgB,GACxB,KAAK,CAeP;AAED,wBAAgB,SAAS,CACxB,EAAE,EAAE,MAAM,EACV,KAAK,CAAC,EAAE,MAAM,EACd,OAAO,CAAC,EAAE,MAAM,EAAE,GAAG,CAAC,MAAM,MAAM,EAAE,CAAC,EACrC,MAAM,CAAC,EAAE,gBAAgB,GACvB,KAAK,CAgBP;AAED,wBAAgB,UAAU,CACzB,EAAE,EAAE,MAAM,EACV,KAAK,CAAC,EAAE,MAAM,EACd,OAAO,CAAC,EAAE,eAAe,GACvB,KAAK,CAQP;AAED,wBAAgB,QAAQ,CACvB,EAAE,EAAE,MAAM,EACV,KAAK,CAAC,EAAE,MAAM,EACd,OAAO,CAAC,EAAE,eAAe,GACvB,KAAK,CAWP;AAED,wBAAgB,MAAM,CAAC,GAAG,QAAQ,EAAE,KAAK,EAAE;;;;EAM1C"}

package/dist/utils/allCountries.d.ts

@@ -0,0 +1,11 @@
+import { CountryCode } from 'libphonenumber-js';
+
+export type Country = {
+    name: string;
+    iso2: CountryCode;
+    dialCode: string;
+    priority: number;
+    areaCodes?: string[] | null;
+};
+export declare const allCountries: Country[];
+//# sourceMappingURL=allCountries.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"allCountries.d.ts","sourceRoot":"","sources":["../../src/utils/allCountries.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AA8TrD,MAAM,MAAM,OAAO,GAAG;IACrB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,WAAW,CAAC;IAClB,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,EAAE,GAAG,IAAI,CAAC;CAC5B,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,OAAO,EAQjC,CAAC"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@bagelink/vue",
   "type": "module",
-  "version": "0.0.437",
+  "version": "0.0.441",
   "description": "Bagel core sdk packages",
   "author": {
     "name": "Neveh Allon",
@@ -56,8 +56,6 @@
   },
   "peerDependencies": {
     "@bagelink/sdk": "*",
-    "@formkit/core": "1.3.0",
-    "@formkit/vue": "^1.3.0",
     "@vuepic/vue-datepicker": "^8.0.0",
     "@tiptap/pm": "^2.2.4",
     "@tiptap/starter-kit": "^2.2.4",
@@ -115,9 +113,10 @@
     "access": "public"
   },
   "dependencies": {
+    "libphonenumber-js": "1.11.1",
     "floating-vue": "^5.2.2",
     "type-fest": "^4.12.0",
-    "vue-multiselect": "3.0.0-beta.3"
+    "axios": "^1.6.8"
   },
   "scripts": {
     "dev": "tsx watch src/index.ts",

package/src/components/AccordionItem.vue

@@ -4,9 +4,11 @@
 			@click="toggle()"
 			:aria-expanded="open ? 'true' : 'false'"
 			class="accordion-head"
-			:aria-controls="`accordion-body-${id}`">
-			<span class="accordion-label">{{ label }}</span>
-			<slot name="head" />
+			:aria-controls="`accordion-body-${id}`"
+		>
+			<slot name="head" >
+				<span class="accordion-label">{{ label }}</span>
+			</slot>
 			<div class="accordion-icon" :class="{ open }">
 				<MaterialIcon icon="expand_more" />
 			</div>
@@ -16,7 +18,8 @@
 				v-if="open"
 				class="accordion-body"
 				:id="`accordion-body-${id}`"
-				:aria-hidden="open ? 'false' : 'true'">
+				:aria-hidden="open ? 'false' : 'true'"
+			>
 				<slot />
 			</div>
 		</Transition>
@@ -43,7 +46,7 @@ watch(
 			open = false;
 		}
 	},
-	{ immediate: true }
+	{ immediate: true },
 );
 
 function toggle() {

package/src/components/DataPreview.vue

@@ -6,16 +6,16 @@
 				<div class="key">
 					{{ field?.label || keyToLabel(field.id) }}
 				</div>
-				<BglField :field="field" v-model="itemData" />
+				<BglField label="" style="width: min-content; min-width: 140px" :field="field" v-model="itemData" />
 			</div>
 		</template>
 		<div v-if="!schema?.length">
-			<div class="data-row" v-for="[key, value] in Object.entries(itemData)" :key="key">
+			<div class="data-row" v-for="key in computedSchema" :key>
 				<div class="key">
 					{{ keyToLabel(key) }}
 				</div>
 				<div class="vlue">
-					{{ value }}
+					{{ itemData[key] }}
 				</div>
 			</div>
 		</div>
@@ -32,12 +32,22 @@ import {
 	BglField,
 } from '@bagelink/vue';
 
-defineProps<{
+const props = defineProps<{
+	showFields?: string[],
 	schema?: BglFormSchemaT,
 	title?: string,
 }>();
 
 const itemData = defineModel<Record<string, any>>('data', { default: {} });
+const computedSchema = $computed(() => {
+	console.log(itemData.value);
+	const schema = Object.keys(itemData.value);
+	if (props.showFields && props.showFields.length) {
+		return schema?.filter((field:any) => props.showFields?.includes(field));
+	}
+	console.log(schema);
+	return schema;
+});
 </script>
 
 <style scoped>