@bagelink/vue 0.0.226-beta.0 → 0.0.227-beta.0

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

@@ -3,12 +3,12 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     data: any[];
     schema: BglFormSchemaT;
 }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    select: (...args: any[]) => void;
+    select: (args_0: Record<string, any>) => void;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
     data: any[];
     schema: BglFormSchemaT;
 }>>> & {
-    onSelect?: ((...args: any[]) => any) | undefined;
+    onSelect?: ((args_0: Record<string, any>) => any) | undefined;
 }, {}, {}>, Partial<Record<string, (_: {
     row: any;
     field: import('..').Field<Record<string, any>>;

package/dist/components/TableSchema.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TableSchema.vue.d.ts","sourceRoot":"","sources":["../../src/components/TableSchema.vue"],"names":[],"mappings":"AAoCA;AAGA,OAAO,EACN,KAAK,cAAc,EAMnB,MAAM,eAAe,CAAC;;;;;;;;;;;;;;;AAoTvB,wBAAwG;AACxG,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AACjE,KAAK,6BAA6B,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CAAE,CAAC;AAC9M,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAAE,QAAO;QAClD,MAAM,EAAE,CAAC,CAAC;KACT,CAAA;CAAE,CAAC"}
+{"version":3,"file":"TableSchema.vue.d.ts","sourceRoot":"","sources":["../../src/components/TableSchema.vue"],"names":[],"mappings":"AAoEA;AAGA,OAAO,EACN,KAAK,cAAc,EAMnB,MAAM,eAAe,CAAC;;;;;;;;;;;;;;;AAsTvB,wBAAwG;AACxG,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AACjE,KAAK,6BAA6B,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CAAE,CAAC;AAC9M,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAAE,QAAO;QAClD,MAAM,EAAE,CAAC,CAAC;KACT,CAAA;CAAE,CAAC"}

package/dist/index.cjs

@@ -15544,7 +15544,7 @@ const _sfc_main$G = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const TableSchema = /* @__PURE__ */ _export_sfc(_sfc_main$G, [["__scopeId", "data-v-fd41c5ae"]]);
+const TableSchema = /* @__PURE__ */ _export_sfc(_sfc_main$G, [["__scopeId", "data-v-acfae82d"]]);
 const _sfc_main$F = {};
 const _hoisted_1$M = { class: "flex space-between" };
 function _sfc_render$1(_ctx, _cache) {

package/dist/index.mjs

@@ -15542,7 +15542,7 @@ const _sfc_main$G = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const TableSchema = /* @__PURE__ */ _export_sfc(_sfc_main$G, [["__scopeId", "data-v-fd41c5ae"]]);
+const TableSchema = /* @__PURE__ */ _export_sfc(_sfc_main$G, [["__scopeId", "data-v-acfae82d"]]);
 const _sfc_main$F = {};
 const _hoisted_1$M = { class: "flex space-between" };
 function _sfc_render$1(_ctx, _cache) {

package/dist/style.css

@@ -822,37 +822,37 @@
 	transform: translateY(-2.6rem);
 }
 
-.list-arrows[data-v-fd41c5ae] {
+.list-arrows[data-v-acfae82d] {
 	opacity: 0;
 }
-.list-arrows .icon-font[data-v-fd41c5ae] {
+.list-arrows .icon-font[data-v-acfae82d] {
 	transition: all ease-in-out 0.2s;
 }
-.list-arrows.sorted[data-v-fd41c5ae] {
+.list-arrows.sorted[data-v-acfae82d] {
 	opacity: 1;
 }
-.col img[data-v-fd41c5ae] {
+.col img[data-v-acfae82d] {
 	height: 35px;
 	margin-top: -14px;
 	margin-bottom: -14px;
 	border-radius: 5px;
 }
-.list-arrows.sorted .desc[data-v-fd41c5ae] {
+.list-arrows.sorted .desc[data-v-acfae82d] {
 	transform: rotate(180deg);
 }
-table[data-v-fd41c5ae] {
+table[data-v-acfae82d] {
 	border-collapse: separate;
 	border-spacing: 0 15px;
 	border-collapse: collapse;
 }
-th[data-v-fd41c5ae] {
+th[data-v-acfae82d] {
 	font-weight: 400;
 }
-.row[data-v-fd41c5ae] {
+.row[data-v-acfae82d] {
 	border-bottom: 1px solid var(--border-color);
 	cursor: pointer;
 }
-.row.first-row[data-v-fd41c5ae] {
+.row.first-row[data-v-acfae82d] {
 	font-size: 0.8rem;
 	color: var(--bgl-black-tint);
 	position: sticky;
@@ -862,7 +862,7 @@ th[data-v-fd41c5ae] {
 	height: 50px;
 	vertical-align: bottom;
 }
-.row.first-row[data-v-fd41c5ae]::after {
+.row.first-row[data-v-acfae82d]::after {
 	content: "";
 	border-bottom: 1px solid var(--border-color);
 	position: absolute;
@@ -870,11 +870,11 @@ th[data-v-fd41c5ae] {
 	right: 0;
 	bottom: -1px;
 }
-.first-row .col[data-v-fd41c5ae] {
+.first-row .col[data-v-acfae82d] {
 	cursor: pointer;
 	background: var(--bgl-white);
 }
-.col[data-v-fd41c5ae] {
+.col[data-v-acfae82d] {
 	white-space: nowrap;
 	padding: 14px;
 	transition: var(--bgl-transition);
@@ -883,16 +883,16 @@ th[data-v-fd41c5ae] {
 	padding-right: 1rem;
 	align-items: center;
 }
-.col>div[data-v-fd41c5ae] {
+.col>div[data-v-acfae82d] {
 	display: flex;
 	gap: 0.5rem;
 }
-.max-col-width[data-v-fd41c5ae] {
+.max-col-width[data-v-acfae82d] {
 	max-width: 30vw;
 	overflow: hidden;
 	text-overflow: ellipsis;
 }
-.col.check .icon-font[data-v-fd41c5ae] {
+.col.check .icon-font[data-v-acfae82d] {
 	border-radius: 100%;
 	background: var(--bgl-blue-20);
 	color: var(--bgl-primary);
@@ -903,27 +903,27 @@ th[data-v-fd41c5ae] {
 	justify-content: center;
 	margin-top: -2px;
 }
-.rows[data-v-fd41c5ae] {
+.rows[data-v-acfae82d] {
 	font-size: 0.8125em;
 }
-.table-list[data-v-fd41c5ae] {
+.table-list[data-v-acfae82d] {
 	height: 100%;
 	position: relative;
 	padding-left: 0 !important;
 	padding-right: 0 !important;
 	overflow: auto;
 }
-.BagelTable .table-list[data-v-fd41c5ae] {
+.BagelTable .table-list[data-v-acfae82d] {
 	overflow: unset;
 }
-.row-item[data-v-fd41c5ae] {
+.row-item[data-v-acfae82d] {
 	height: 50px;
 	transition: all 200ms ease;
 }
-.row-item[data-v-fd41c5ae]:hover {
+.row-item[data-v-acfae82d]:hover {
 	background: var(--bgl-gray-light);
 }
-.infinite-wrapper[data-v-fd41c5ae] {
+.infinite-wrapper[data-v-acfae82d] {
 	overflow-y: auto;
 	width: 100%;
 }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@bagelink/vue",
   "type": "module",
-  "version": "0.0.226-beta.0",
+  "version": "0.0.227-beta.0",
   "description": "Bagel core sdk packages",
   "author": {
     "name": "Neveh Allon",

package/src/components/TableSchema.vue

@@ -2,26 +2,58 @@
 	<div class="table-list-wrap h-100">
 		<table class="infinite-wrapper">
 			<thead class="row first-row">
-				<th class="col" v-for="field in schema" :key="field.id" @click="sort(field?.id || '')">
+				<th
+					class="col"
+					v-for="field in schema"
+					:key="field.id"
+					@click="sort(field?.id || '')"
+				>
 					<div class="flex">
 						{{ field.id }}
-						<div class="list-arrows" :class="{ sorted: sortField === field.id }">
-							<MaterialIcon :class="{ desc: sortDirection === 'DESC' }" icon="keyboard_arrow_up" />
+						<div
+							class="list-arrows"
+							:class="{ sorted: sortField === field.id }"
+						>
+							<MaterialIcon
+								:class="{ desc: sortDirection === 'DESC' }"
+								icon="keyboard_arrow_up"
+							/>
 						</div>
 					</div>
 				</th>
 			</thead>
-			<tbody ref="infinite" class="rows infinite" :class="{ loading }">
-				<tr @click="selectElement(row)" class="row row-item position-relative" v-for="row in data" :key="row.id">
-					<td class="col" v-for="field in schema" :key="`${field.id}-${row.id}`">
-						<slot v-if="field.id && slots[field.id]" :name="field.id" :row="row" :field="field" />
+			<tbody
+				ref="infinite"
+				class="rows infinite"
+				:class="{ loading }"
+			>
+				<tr
+					@click="selectElement(row)"
+					class="row row-item position-relative"
+					v-for="row in data"
+					:key="row.id"
+				>
+					<td
+						class="col"
+						v-for="field in schema"
+						:key="`${field.id}-${row.id}`"
+					>
+						<slot
+							v-if="field.id && slots[field.id]"
+							:name="field.id"
+							:row="row"
+							:field="field"
+						/>
 						<div v-else>
-							<component :is="field.$el || 'div'" v-if="iffer(field, row)"
+							<component
+								:is="field.$el || 'div'"
+								v-if="iffer(field, row)"
 								v-bind="bindAttrs(field.attrs, denullify(row, field.id), row)"
 								:class="classify(denullify(row, field.id), row, field.class, field.attrs?.class)"
 								:src="field.$el === 'img' && field.id ? row[field.id]?.url : ''"
 								:modelValue="field.id ? row[field.id] : ''"
-								@update:modelValue="($event: any) => field?.onUpdate?.($event, denullify(row, field.id), row)">
+								@update:modelValue="($event: any) => field?.onUpdate?.($event, denullify(row, field.id), row)"
+							>
 								{{
 									field?.transform?.(denullify(row, field.id), row) || denullify(row, field.id) || ""
 								}}
@@ -54,7 +86,9 @@ defineProps<{
 	schema: BglFormSchemaT;
 }>();
 
-const emit = defineEmits(['select']);
+const emit = defineEmits<{
+	select: [Record<string, any>];
+}>();
 
 const selectElement = (data: Record<string, any>) => emit('select', data);