@bagelink/vue 0.0.1260 → 0.0.1262

package/dist/style.css

@@ -1015,22 +1015,22 @@ display: block;
 	font-size: 0.95rem;
 }
 
-.table-list-wrap[data-v-3668ec69] {
+.table-list-wrap[data-v-8e14fc71] {
 	min-height: 150px;
 }
-.selected[data-v-3668ec69] {
+.selected[data-v-8e14fc71] {
 	background: var(--bgl-primary-tint);
 }
-tbody tr.selected[data-v-3668ec69]:hover {
+tbody tr.selected[data-v-8e14fc71]:hover {
 	background: var(--bgl-primary-light);
 }
-.loading-table[data-v-3668ec69] {
+.loading-table[data-v-8e14fc71] {
 	position: relative;
 }
-.inset[data-v-3668ec69] {
+.inset[data-v-8e14fc71] {
 	inset: 0;
 }
-.loading-table-animation[data-v-3668ec69] {
+.loading-table-animation[data-v-8e14fc71] {
 	--size: 60px;
 	top: 30vh;
 	inset-inline-start: calc(50% - var(--size));
@@ -1038,9 +1038,9 @@ tbody tr.selected[data-v-3668ec69]:hover {
 	border-top: 4px solid var(--bgl-primary);
 	width: var(--size);
 	height: var(--size);
-	animation: loading-table-3668ec69 1s linear infinite;
+	animation: loading-table-8e14fc71 1s linear infinite;
 }
-@keyframes loading-table-3668ec69 {
+@keyframes loading-table-8e14fc71 {
 0% {
 		transform: translate(-50%, -50%) rotate(0deg);
 }
@@ -1048,55 +1048,55 @@ tbody tr.selected[data-v-3668ec69]:hover {
 		transform: translate(-50%, -50%) rotate(360deg);
 }
 }
-.list-arrows[data-v-3668ec69] {
+.list-arrows[data-v-8e14fc71] {
 	opacity: 0;
 }
-.list-arrows .bgl_icon-font[data-v-3668ec69] {
+.list-arrows .bgl_icon-font[data-v-8e14fc71] {
 	transition: all ease-in-out 0.2s;
 }
-.list-arrows.sorted[data-v-3668ec69] {
+.list-arrows.sorted[data-v-8e14fc71] {
 	opacity: 1;
 }
-.col img[data-v-3668ec69] {
+.col img[data-v-8e14fc71] {
 	height: 35px;
 	margin-top: -14px;
 	margin-bottom: -14px;
 	border-radius: 5px;
 	object-fit: cover;
 }
-.col[data-v-3668ec69]:has(img) {
+.col[data-v-8e14fc71]:has(img) {
 	padding-inline-end: 0.5rem;
 }
-.list-arrows.sorted .desc[data-v-3668ec69] {
+.list-arrows.sorted .desc[data-v-8e14fc71] {
 	transform: rotate(180deg);
 	display: inline-block;
 }
-table[data-v-3668ec69] {
+table[data-v-8e14fc71] {
 	border-spacing: 0 15px;
 	border-collapse: collapse;
 	width: 100%;
 }
-th[data-v-3668ec69] {
+th[data-v-8e14fc71] {
 	font-size: 0.8rem;
 	color: var(--bgl-black-tint);
 	position: sticky;
 	top: 0;
 	z-index: 2;
 	background: var(--bgl-box-bg);
-	height: var(--3ee4947a);
+	height: var(--1ab0cc24);
 	vertical-align: bottom;
 	font-weight: 400;
 	text-align: start;
 }
-.embedded-field[data-v-3668ec69] {
+.embedded-field[data-v-8e14fc71] {
 	margin-bottom: -0.2rem;
 	margin-top: -0.2rem;
 }
-.row[data-v-3668ec69] {
+.row[data-v-8e14fc71] {
 	border-bottom: 1px solid var(--border-color);
 	cursor: pointer;
 }
-.row.first-row[data-v-3668ec69] {
+.row.first-row[data-v-8e14fc71] {
 	font-size: 0.8rem;
 	color: var(--bgl-black-tint);
 	position: sticky;
@@ -1105,7 +1105,7 @@ th[data-v-3668ec69] {
 	background: var(--bgl-box-bg);
 	vertical-align: bottom;
 }
-.row.first-row[data-v-3668ec69]::after {
+.row.first-row[data-v-8e14fc71]::after {
 	content: '';
 	border-bottom: 1px solid var(--border-color);
 	position: absolute;
@@ -1113,11 +1113,11 @@ th[data-v-3668ec69] {
 	right: 0;
 	bottom: -1px;
 }
-.first-row .col[data-v-3668ec69] {
+.first-row .col[data-v-8e14fc71] {
 	cursor: pointer;
 	background: var(--bgl-box-bg);
 }
-.col[data-v-3668ec69] {
+.col[data-v-8e14fc71] {
 	white-space: nowrap;
 	padding: 0.75rem 1rem;
 	transition: var(--bgl-transition);
@@ -1127,19 +1127,19 @@ th[data-v-3668ec69] {
 	overflow: hidden;
 	max-width: 30vw;
 }
-.col[data-v-3668ec69]:has(.bagel-input) {
+.col[data-v-8e14fc71]:has(.bagel-input) {
 	padding: 0rem 0.25rem;
 }
-.col > div[data-v-3668ec69] {
+.col > div[data-v-8e14fc71] {
 	display: flex;
 	gap: 0.5rem;
 }
-.max-col-width[data-v-3668ec69] {
+.max-col-width[data-v-8e14fc71] {
 	max-width: 30vw;
 	overflow: hidden;
 	text-overflow: ellipsis;
 }
-.col.check .bgl_icon-font[data-v-3668ec69] {
+.col.check .bgl_icon-font[data-v-8e14fc71] {
 	border-radius: 100%;
 	background: var(--bgl-blue-20);
 	color: var(--bgl-primary);
@@ -1150,35 +1150,35 @@ th[data-v-3668ec69] {
 	justify-content: center;
 	margin-top: -2px;
 }
-.rows[data-v-3668ec69] {
+.rows[data-v-8e14fc71] {
 	font-size: 0.88em;
 }
-.table-list[data-v-3668ec69] {
+.table-list[data-v-8e14fc71] {
 	height: 100%;
 	position: relative;
 	padding-left: 0 !important;
 	padding-right: 0 !important;
 	overflow: auto;
 }
-.BagelTable .table-list[data-v-3668ec69] {
+.BagelTable .table-list[data-v-8e14fc71] {
 	overflow: unset;
 }
-.row-item[data-v-3668ec69] {
-	height: var(--3ee4947a);
+.row-item[data-v-8e14fc71] {
+	height: var(--1ab0cc24);
 	transition: all 200ms ease;
 }
-.row-item[data-v-3668ec69]:hover {
+.row-item[data-v-8e14fc71]:hover {
 	background: var(--bgl-gray-light);
 }
-.row-item input[type='checkbox'][data-v-3668ec69] {
+.row-item input[type='checkbox'][data-v-8e14fc71] {
 	margin-top: 0.45rem !important;
 	accent-color: var(--bgl-accent-color);
 }
-.infinite-wrapper[data-v-3668ec69] {
+.infinite-wrapper[data-v-8e14fc71] {
 	overflow-y: auto;
 	width: 100%;
 }
-input[type='checkbox'][data-v-3668ec69] {
+input[type='checkbox'][data-v-8e14fc71] {
 	margin-top: 0.3rem !important;
 	accent-color: var(--bgl-accent-color);
 	transform: scale(1.2);
@@ -1190,7 +1190,7 @@ input[type='checkbox'][data-v-3668ec69] {
 	height: 0.85rem;
 	width: 0.85rem;
 }
-input[type='checkbox'][data-v-3668ec69]::before {
+input[type='checkbox'][data-v-8e14fc71]::before {
 	content: '';
 	height: 0.85rem;
 	width: 0.85rem;
@@ -1203,18 +1203,18 @@ input[type='checkbox'][data-v-3668ec69]::before {
 	transform: scale(1);
 	position: absolute;
 }
-input[type='checkbox'][data-v-3668ec69]:hover::before {
+input[type='checkbox'][data-v-8e14fc71]:hover::before {
 	opacity: 0.2;
 	transform: scale(2);
 }
-[lang='he'] [dir='ltr'][data-v-3668ec69] {
+[lang='he'] [dir='ltr'][data-v-8e14fc71] {
 	text-align: right;
 }
-th input[type='checkbox'][data-v-3668ec69] {
+th input[type='checkbox'][data-v-8e14fc71] {
 	transform: translateY(0.2rem) scale(1.2);
 	accent-color: var(--bgl-accent-color);
 }
-th[data-v-3668ec69]::after {
+th[data-v-8e14fc71]::after {
 	content: '';
 	border-bottom: 1px solid var(--border-color);
 	position: absolute;
@@ -1222,24 +1222,24 @@ th[data-v-3668ec69]::after {
 	right: 0;
 	bottom: -1px;
 }
-tr[data-v-3668ec69] {
+tr[data-v-8e14fc71] {
 	border-bottom: 1px solid var(--border-color);
 	cursor: pointer;
 	align-items: center;
 }
-td[data-v-3668ec69],
-th[data-v-3668ec69] {
+td[data-v-8e14fc71],
+th[data-v-8e14fc71] {
 	white-space: nowrap;
 	padding: 0.75rem 0.65rem;
 	transition: var(--bgl-transition);
 	line-height: 1;
 }
-tbody tr[data-v-3668ec69] {
+tbody tr[data-v-8e14fc71] {
 	font-size: 0.88em;
-	height: var(--3ee4947a);
+	height: var(--1ab0cc24);
 	transition: all 200ms ease;
 }
-tbody tr[data-v-3668ec69]:hover {
+tbody tr[data-v-8e14fc71]:hover {
 	background: var(--bgl-gray-light);
 }
 

package/dist/utils/index.d.ts

@@ -27,4 +27,5 @@ export { useLang } from './lang';
 export { formatString } from './strings';
 export { useDebounceFn } from '@vueuse/core';
 export declare function pathKeyToURL(pathKey?: string): string | undefined;
+export declare function getNestedValue(obj: any, path?: string, defaultValue?: any): any;
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/utils/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AAI/D,wBAAgB,QAAQ,CAAC,EAAE,EAAE,MAAM,IAAI,EAAE,IAAI,GAAE,MAAY,QAO1D;AAED,wBAAgB,OAAO,CAAC,GAAG,EAAE,MAAM,UAMlC;AAED,wBAAgB,UAAU,CAAC,GAAG,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,CAQ3D;AAED,wBAAsB,QAAQ,CAAC,IAAI,EAAE,MAAM,EAAE,EAAE,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,iBAGtE;AAED,wBAAgB,QAAQ,CAAC,GAAG,MAAM,EAAE,MAAM,EAAE,UAG3C;AAED,wBAAgB,SAAS,CAAC,KAAK,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,IAAI,QAIrE;AAED,wBAAgB,QAAQ,CAAC,QAAQ,CAAC,EAAE,GAAG,EAAE,GAAG,CAAC,EAAE,GAAG,EAAE,GAAG,OAAO,EAAE,GAAG,EAAE,UAOpE;AAED,wBAAgB,SAAS,CAAC,CAAC,GAAG;IAAE,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;CAAE,EACnD,KAAK,CAAC,EAAE,UAAU,EAClB,QAAQ,CAAC,EAAE,GAAG,EACd,GAAG,CAAC,EAAE,CAAC,OAcP;AAED,wBAAgB,KAAK,CAAC,KAAK,EAAE,GAAG,EAAE,QAAQ,EAAE,GAAG,OAO9C;AAED,wBAAgB,SAAS,CAAC,QAAQ,CAAC,EAAE;IAAE,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;CAAE,EAAE,OAAO,CAAC,EAAE,MAAM,OAG5E;AAED,eAAO,MAAM,MAAM,eAAgB,GAAG,YAA0C,CAAA;AAEhF,wBAAgB,iBAAiB,CAAC,CAAC,EAClC,IAAI,CAAC,EAAE,GAAG,EAAE,EACZ,UAAU,CAAC,EAAE,MAAM,EAAE,GACnB,cAAc,CAAC,CAAC,CAAC,CAgBnB;AAED,wBAAgB,KAAK,CAAC,EAAE,GAAE,MAAY,oBAErC;AAED,wBAAgB,YAAY,CAAC,GAAG,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE;IAAE,EAAE,CAAC,EAAE,MAAM,CAAA;CAAE,GAAG,OAAO,CAAC,IAAI,CAAC,CAoBlF;AAED,wBAAgB,WAAW,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC,CAatD;AAED,wBAAgB,YAAY,CAAC,GAAG,EAAE,MAAM,UAIvC;AAED,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,EAAE,aAAa,SAAO,GAAG,MAAM,GAAG,SAAS,CAG/G;AAED,OAAO,KAAK,cAAc,MAAM,kBAAkB,CAAA;AAElD,OAAO,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAA;AAEhC,OAAO,EAAE,YAAY,EAAE,MAAM,WAAW,CAAA;AACxC,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAA;AAK5C,wBAAgB,YAAY,CAAC,OAAO,CAAC,EAAE,MAAM,sBAO5C"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/utils/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AAI/D,wBAAgB,QAAQ,CAAC,EAAE,EAAE,MAAM,IAAI,EAAE,IAAI,GAAE,MAAY,QAO1D;AAED,wBAAgB,OAAO,CAAC,GAAG,EAAE,MAAM,UAMlC;AAED,wBAAgB,UAAU,CAAC,GAAG,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,CAQ3D;AAED,wBAAsB,QAAQ,CAAC,IAAI,EAAE,MAAM,EAAE,EAAE,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,iBAGtE;AAED,wBAAgB,QAAQ,CAAC,GAAG,MAAM,EAAE,MAAM,EAAE,UAG3C;AAED,wBAAgB,SAAS,CAAC,KAAK,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,IAAI,QAIrE;AAED,wBAAgB,QAAQ,CAAC,QAAQ,CAAC,EAAE,GAAG,EAAE,GAAG,CAAC,EAAE,GAAG,EAAE,GAAG,OAAO,EAAE,GAAG,EAAE,UAOpE;AAED,wBAAgB,SAAS,CAAC,CAAC,GAAG;IAAE,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;CAAE,EACnD,KAAK,CAAC,EAAE,UAAU,EAClB,QAAQ,CAAC,EAAE,GAAG,EACd,GAAG,CAAC,EAAE,CAAC,OAcP;AAED,wBAAgB,KAAK,CAAC,KAAK,EAAE,GAAG,EAAE,QAAQ,EAAE,GAAG,OAO9C;AAED,wBAAgB,SAAS,CAAC,QAAQ,CAAC,EAAE;IAAE,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;CAAE,EAAE,OAAO,CAAC,EAAE,MAAM,OAG5E;AAED,eAAO,MAAM,MAAM,eAAgB,GAAG,YAA0C,CAAA;AAEhF,wBAAgB,iBAAiB,CAAC,CAAC,EAClC,IAAI,CAAC,EAAE,GAAG,EAAE,EACZ,UAAU,CAAC,EAAE,MAAM,EAAE,GACnB,cAAc,CAAC,CAAC,CAAC,CAgBnB;AAED,wBAAgB,KAAK,CAAC,EAAE,GAAE,MAAY,oBAErC;AAED,wBAAgB,YAAY,CAAC,GAAG,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE;IAAE,EAAE,CAAC,EAAE,MAAM,CAAA;CAAE,GAAG,OAAO,CAAC,IAAI,CAAC,CAoBlF;AAED,wBAAgB,WAAW,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC,CAatD;AAED,wBAAgB,YAAY,CAAC,GAAG,EAAE,MAAM,UAIvC;AAED,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,EAAE,aAAa,SAAO,GAAG,MAAM,GAAG,SAAS,CAG/G;AAED,OAAO,KAAK,cAAc,MAAM,kBAAkB,CAAA;AAElD,OAAO,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAA;AAEhC,OAAO,EAAE,YAAY,EAAE,MAAM,WAAW,CAAA;AACxC,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAA;AAK5C,wBAAgB,YAAY,CAAC,OAAO,CAAC,EAAE,MAAM,sBAO5C;AAED,wBAAgB,cAAc,CAAC,GAAG,EAAE,GAAG,EAAE,IAAI,CAAC,EAAE,MAAM,EAAE,YAAY,GAAE,GAAe,GAAG,GAAG,CAa1F"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@bagelink/vue",
   "type": "module",
-  "version": "0.0.1260",
+  "version": "0.0.1262",
   "description": "Bagel core sdk packages",
   "author": {
     "name": "Neveh Allon",

package/src/components/DataTable/DataTable.vue

@@ -5,6 +5,7 @@ import type { TableSchemaProps } from '../../types/TableSchema'
 import {
 	Icon,
 	keyToLabel,
+	getNestedValue
 } from '@bagelink/vue'
 import { useSlots, watch, computed } from 'vue'
 import { useSchemaField } from '../../composables/useSchemaField'
@@ -86,7 +87,12 @@ const {
 function renderFieldForRow(field: BaseBagelField<T>, row: T) {
 	const { renderField } = useSchemaField<T>({
 		mode: 'table',
-		getRowData: () => row
+		getRowData: () => {
+			if (field.id) {
+				return { [field.id]: getNestedValue(row, field.id) }
+			}
+			return row
+		}
 	})
 	return renderField({ ...field, label: '' }, slots)
 }

package/src/components/form/BagelForm.vue

@@ -3,6 +3,7 @@ import type { BglFormSchemaFnT, Field } from '@bagelink/vue'
 import type { VNode } from 'vue'
 import { onMounted, watch, ref } from 'vue'
 import { useSchemaField } from '../../composables/useSchemaField'
+import { getNestedValue } from '../../utils'
 
 export interface BagelFormProps<_T> {
 	modelValue?: _T
@@ -65,18 +66,6 @@ const isDirty = $computed(() => {
 	}
 })
 
-function getNestedValue(obj: any, path: string) {
-	const keys = path.split('.')
-	let current = obj
-
-	for (const key of keys) {
-		if (current === undefined || current === null) return undefined
-		current = current[key]
-	}
-
-	return current
-}
-
 function updateFormData(fieldId: string, value: any) {
 	const keys = fieldId.split('.')
 	const newData = safeClone(formData.value) as Record<string, any>
@@ -124,7 +113,7 @@ const { renderField } = useSchemaField<T>({
 		return {
 			...formData.value,
 			// Add a special getter to handle nested paths
-			get: (path: string) => getNestedValue(formData.value, path)
+			get: (path: string) => getNestedValue(formData.value, path, '')
 		}
 	},
 	onUpdate: (field, value) => {

package/src/components/form/useBagelFormState.ts

@@ -1,5 +1,6 @@
 import type { Ref } from 'vue'
 import { inject, provide, ref } from 'vue'
+import { getNestedValue } from '../../utils'
 
 export const FORM_STATE_KEY = Symbol('bagelFormState')
 
@@ -30,20 +31,7 @@ export function provideBagelFormState<T>(initialData: T) {
 	const data = ref(initialData) as Ref<T>
 	const isDirty = ref(false)
 
-	const getFieldData = (path?: string) => {
-		if (!path) return ''
-		const keys = path.split(/[.[]/)
-		let current = data.value as any
-
-		for (let i = 0; i < keys.length; i++) {
-			const key = keys[i]
-			if (!current || typeof current !== 'object' || !(key in current)) {
-				return ''
-			}
-			current = current[key]
-		}
-		return current ?? ''
-	}
+	const getFieldData = (path?: string) => getNestedValue(data.value, path, '')
 
 	const updateField = (path: string, value: any) => {
 		const keys = path.split(/[.[]/)

package/src/utils/index.ts

@@ -180,3 +180,18 @@ export function pathKeyToURL(pathKey?: string) {
 	}
 	return `${fileBaseUrl}/${pathKey}`
 }
+
+export function getNestedValue(obj: any, path?: string, defaultValue: any = undefined): any {
+	if (!path) return obj
+	const keys = path.split(/[.[]/)
+	let current = obj
+
+	for (const key of keys) {
+		if (!current || typeof current !== 'object' || !(key in current)) {
+			return defaultValue
+		}
+		current = current[key]
+	}
+
+	return current ?? defaultValue
+}