@bagelink/vue 0.0.126 → 0.0.130

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

@@ -1,11 +1,11 @@
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<{
     data: any[];
-    schema?: any[] | undefined;
+    schema?: (() => any[]) | undefined;
 }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     select: (...args: any[]) => void;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
     data: any[];
-    schema?: any[] | undefined;
+    schema?: (() => any[]) | undefined;
 }>>> & {
     onSelect?: ((...args: any[]) => any) | undefined;
 }, {}, {}>, Partial<Record<any, (_: {

package/dist/index.cjs

@@ -15342,7 +15342,7 @@ const _sfc_main$A = /* @__PURE__ */ vue.defineComponent({
   __name: "TableSchema",
   props: {
     data: {},
-    schema: {}
+    schema: { type: Function }
   },
   emits: ["select"],
   setup(__props, { emit: __emit }) {
@@ -15379,10 +15379,13 @@ const _sfc_main$A = /* @__PURE__ */ vue.defineComponent({
       }
     };
     const columns = vue.computed(
-      () => props2.schema || Object.keys(props2.data[0]).map((k) => ({
-        id: k,
-        inputType: "PlainText"
-      }))
+      () => {
+        var _a;
+        return ((_a = props2.schema) == null ? void 0 : _a.call(props2)) || Object.keys(props2.data[0]).map((k) => ({
+          id: k,
+          inputType: "PlainText"
+        }));
+      }
     );
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$I, [
@@ -15451,7 +15454,7 @@ const _sfc_main$A = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const TableSchema = /* @__PURE__ */ _export_sfc(_sfc_main$A, [["__scopeId", "data-v-5c5ba615"]]);
+const TableSchema = /* @__PURE__ */ _export_sfc(_sfc_main$A, [["__scopeId", "data-v-ef2c4aa7"]]);
 const _sfc_main$z = {};
 const _hoisted_1$H = { class: "flex space-between" };
 function _sfc_render$1(_ctx, _cache) {
@@ -15495,7 +15498,7 @@ const _sfc_main$x = /* @__PURE__ */ vue.defineComponent({
   setup(__props) {
     const bagel = useBagel();
     const props2 = __props;
-    const schema2 = [
+    const schema2 = () => [
       {
         id: "created_at",
         label: "Date",
@@ -17911,7 +17914,7 @@ const _sfc_main$n = /* @__PURE__ */ vue.defineComponent({
       modalForm({
         side: true,
         title: `${first_name} ${last_name}`,
-        schema: props2.personSchema,
+        schema: props2.personSchema(),
         modelValue: person.value,
         onSubmit: (newPerson) => bagel.put("/person", newPerson)
         // .then(() => toast.success(i18nT('updatedSuccessfully'))), // TODO: use toast

package/dist/index.mjs

@@ -15340,7 +15340,7 @@ const _sfc_main$A = /* @__PURE__ */ defineComponent({
   __name: "TableSchema",
   props: {
     data: {},
-    schema: {}
+    schema: { type: Function }
   },
   emits: ["select"],
   setup(__props, { emit: __emit }) {
@@ -15377,10 +15377,13 @@ const _sfc_main$A = /* @__PURE__ */ defineComponent({
       }
     };
     const columns = computed(
-      () => props2.schema || Object.keys(props2.data[0]).map((k) => ({
-        id: k,
-        inputType: "PlainText"
-      }))
+      () => {
+        var _a;
+        return ((_a = props2.schema) == null ? void 0 : _a.call(props2)) || Object.keys(props2.data[0]).map((k) => ({
+          id: k,
+          inputType: "PlainText"
+        }));
+      }
     );
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", _hoisted_1$I, [
@@ -15449,7 +15452,7 @@ const _sfc_main$A = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const TableSchema = /* @__PURE__ */ _export_sfc(_sfc_main$A, [["__scopeId", "data-v-5c5ba615"]]);
+const TableSchema = /* @__PURE__ */ _export_sfc(_sfc_main$A, [["__scopeId", "data-v-ef2c4aa7"]]);
 const _sfc_main$z = {};
 const _hoisted_1$H = { class: "flex space-between" };
 function _sfc_render$1(_ctx, _cache) {
@@ -15493,7 +15496,7 @@ const _sfc_main$x = /* @__PURE__ */ defineComponent({
   setup(__props) {
     const bagel = useBagel();
     const props2 = __props;
-    const schema2 = [
+    const schema2 = () => [
       {
         id: "created_at",
         label: "Date",
@@ -17909,7 +17912,7 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
       modalForm({
         side: true,
         title: `${first_name} ${last_name}`,
-        schema: props2.personSchema,
+        schema: props2.personSchema(),
         modelValue: person.value,
         onSubmit: (newPerson) => bagel.put("/person", newPerson)
         // .then(() => toast.success(i18nT('updatedSuccessfully'))), // TODO: use toast

package/dist/plugins/modal.d.ts

@@ -1,6 +1,7 @@
 import { InjectionKey } from 'vue';
 import type { Plugin } from 'vue';
 import type { BtnOptions } from '..';
+import type { FormKitSchemaDefinition } from '@formkit/core';
 interface ModalOptions {
     title?: string;
     dismissable?: boolean;
@@ -13,7 +14,7 @@ interface ModalFormOptions extends ModalOptions {
     'onUpdate:modelValue'?: (val: any) => void;
     onSubmit: (val: any) => void;
     onDelete?: (id: string) => void;
-    schema: any;
+    schema: FormKitSchemaDefinition;
 }
 interface ModalApi {
     showModal: (options: ModalOptions, slots?: Record<string, any>) => void;

package/dist/plugins/modal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"modal.d.ts","sourceRoot":"","sources":["../../src/plugins/modal.ts"],"names":[],"mappings":"AAAA,OAAO,EACH,YAAY,EACf,MAAM,KAAK,CAAC;AACb,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,KAAK,CAAC;AAClC,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAGhD,UAAU,YAAY;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,OAAO,CAAC,EAAE,UAAU,EAAE,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;CACf;AAED,UAAU,gBAAiB,SAAQ,YAAY;IAC9C,UAAU,CAAC,EAAE,GAAG,CAAC;IAEjB,qBAAqB,CAAC,EAAE,CAAC,GAAG,EAAE,GAAG,KAAK,IAAI,CAAC;IAE3C,QAAQ,EAAE,CAAC,GAAG,EAAE,GAAG,KAAK,IAAI,CAAC;IAE7B,QAAQ,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAChC,MAAM,EAAE,GAAG,CAAC;CACZ;AAED,UAAU,QAAQ;IAEjB,SAAS,EAAE,CAAC,OAAO,EAAE,YAAY,EAAE,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,KAAK,IAAI,CAAC;IAExE,SAAS,EAAE,CAAC,OAAO,EAAE,gBAAgB,EAAE,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,KAAK,IAAI,CAAC;IAE5E,SAAS,EAAE,CAAC,KAAK,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;CAEpC;AAED,eAAO,MAAM,WAAW,EAAE,YAAY,CAAC,QAAQ,CAAmB,CAAC;AAEnE,eAAO,MAAM,QAAQ,QAAO,QAI3B,CAAC;AAQF,eAAO,MAAM,WAAW,EAAE,MAgDzB,CAAC"}
+{"version":3,"file":"modal.d.ts","sourceRoot":"","sources":["../../src/plugins/modal.ts"],"names":[],"mappings":"AAAA,OAAO,EACH,YAAY,EACf,MAAM,KAAK,CAAC;AACb,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,KAAK,CAAC;AAClC,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAEhD,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,eAAe,CAAC;AAE7D,UAAU,YAAY;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,OAAO,CAAC,EAAE,UAAU,EAAE,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;CACf;AAED,UAAU,gBAAiB,SAAQ,YAAY;IAC9C,UAAU,CAAC,EAAE,GAAG,CAAC;IAEjB,qBAAqB,CAAC,EAAE,CAAC,GAAG,EAAE,GAAG,KAAK,IAAI,CAAC;IAE3C,QAAQ,EAAE,CAAC,GAAG,EAAE,GAAG,KAAK,IAAI,CAAC;IAE7B,QAAQ,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAChC,MAAM,EAAE,uBAAuB,CAAC;CAChC;AAED,UAAU,QAAQ;IAEjB,SAAS,EAAE,CAAC,OAAO,EAAE,YAAY,EAAE,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,KAAK,IAAI,CAAC;IAExE,SAAS,EAAE,CAAC,OAAO,EAAE,gBAAgB,EAAE,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,KAAK,IAAI,CAAC;IAE5E,SAAS,EAAE,CAAC,KAAK,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;CAEpC;AAED,eAAO,MAAM,WAAW,EAAE,YAAY,CAAC,QAAQ,CAAmB,CAAC;AAEnE,eAAO,MAAM,QAAQ,QAAO,QAI3B,CAAC;AAQF,eAAO,MAAM,WAAW,EAAE,MAgDzB,CAAC"}

package/dist/style.css

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

package/package.json

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

package/src/components/ContactSubmissions.vue

@@ -21,7 +21,7 @@ const props = defineProps({
 	},
 });
 
-const schema = [
+const schema = () => [
 	{
 		id: 'created_at',
 		label: 'Date',

package/src/components/PersonPreviewFormkit.vue

@@ -99,7 +99,7 @@ const showEditForm = async () => {
 	modalForm({
 		side: true,
 		title: `${first_name} ${last_name}`,
-		schema: props.personSchema,
+		schema: props.personSchema(),
 		modelValue: person,
 		onSubmit: (newPerson) => bagel.put('/person', newPerson),
 		// .then(() => toast.success(i18nT('updatedSuccessfully'))), // TODO: use toast

package/src/components/TableSchema.vue

@@ -72,7 +72,7 @@ const loading = $ref(true);
 
 const props = defineProps<{
 	data: any[];
-	schema?: any[];
+	schema?: () => any[];
 }>();
 
 const emit = defineEmits(['select']);
@@ -110,7 +110,7 @@ const sort = (fieldname: string) => {
 
 const columns = $computed(
 	() => (
-		props.schema ||
+		props.schema?.() ||
 		Object.keys(props.data[0]).map((k: string) => ({
 			id: k,
 			inputType: 'PlainText',

package/src/plugins/modal.ts

@@ -4,6 +4,7 @@ import {
 import type { Plugin } from 'vue';
 import type { BtnOptions } from '@bagelink/vue';
 import { Modal, ModalForm } from '@bagelink/vue';
+import type { FormKitSchemaDefinition } from '@formkit/core';
 
 interface ModalOptions {
 	title?: string;
@@ -21,7 +22,7 @@ interface ModalFormOptions extends ModalOptions {
 	onSubmit: (val: any) => void;
 	// eslint-disable-next-line no-unused-vars
 	onDelete?: (id: string) => void;
-	schema: any;
+	schema: FormKitSchemaDefinition;
 }
 
 interface ModalApi {