@bagelink/vue 0.0.128 → 0.0.132

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

@@ -1 +1 @@
-{"version":3,"file":"DataPreview.vue.d.ts","sourceRoot":"","sources":["../../src/components/DataPreview.vue"],"names":[],"mappings":"AA6CA;;;;;;;;;;;;;;;;;;;;AAuMA,wBAAwG;AAGxG,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,kBAAkB,CAAC,CAAC,EAAE,CAAC,IAAI;KAE1B,CAAC,IAAI,MAAM,IAAI,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,GAAG,CAAC,SAAS,MAAM,CAAC,GAAG,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG;QACxE,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC,CAAA;KACb,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CACT,CAAC;AACN,KAAK,cAAc,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC;AACxD,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAAE,QAAO;QAClD,MAAM,EAAE,CAAC,CAAC;KACT,CAAA;CAAE,CAAC"}
+{"version":3,"file":"DataPreview.vue.d.ts","sourceRoot":"","sources":["../../src/components/DataPreview.vue"],"names":[],"mappings":"AA6CA;;;;;;;;;;;;;;;;;;;;AAsMA,wBAAwG;AAGxG,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,kBAAkB,CAAC,CAAC,EAAE,CAAC,IAAI;KAE1B,CAAC,IAAI,MAAM,IAAI,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,GAAG,CAAC,SAAS,MAAM,CAAC,GAAG,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG;QACxE,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC,CAAA;KACb,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CACT,CAAC;AACN,KAAK,cAAc,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC;AACxD,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAAE,QAAO;QAClD,MAAM,EAAE,CAAC,CAAC;KACT,CAAA;CAAE,CAAC"}

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/components/TableSchema.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TableSchema.vue.d.ts","sourceRoot":"","sources":["../../src/components/TableSchema.vue"],"names":[],"mappings":"AAgEA;;;;;;;;;;;;;;;AAyUA,wBAAwG;AAGxG,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":"AA+DA;;;;;;;;;;;;;;;AAwUA,wBAAwG;AAGxG,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

@@ -2364,12 +2364,6 @@ const useFormkit = () => {
   return formkit;
 };
 const initials = (...strArr) => strArr.map((str) => str == null ? void 0 : str.charAt(0)).join("");
-const parseLocale = (str, i18nT = (_str) => _str) => {
-  const [_, w] = str.split(/\$t\('?"?|'?"?\)/);
-  if (!w)
-    return str;
-  return i18nT(w);
-};
 const _hoisted_1$V = { ref: "el" };
 const _sfc_main$P = /* @__PURE__ */ vue.defineComponent({
   __name: "LangText",
@@ -15230,7 +15224,7 @@ const _sfc_main$C = /* @__PURE__ */ vue.defineComponent({
             key: field.id,
             class: "data-row"
           }, [
-            vue.createElementVNode("div", _hoisted_3$y, vue.toDisplayString(field.label ? vue.unref(parseLocale)(field.label) : vue.unref(keyToLabel)(field.id)), 1),
+            vue.createElementVNode("div", _hoisted_3$y, vue.toDisplayString((field == null ? void 0 : field.label) || vue.unref(keyToLabel)(field.id)), 1),
             (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(field.$el || "div"), { class: "vlue" }, {
               default: vue.withCtx(() => [
                 vue.createTextVNode(vue.toDisplayString(_ctx.data[field.id] || field.defaultValue), 1)
@@ -15257,7 +15251,7 @@ const _sfc_main$C = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const DataPreview = /* @__PURE__ */ _export_sfc(_sfc_main$C, [["__scopeId", "data-v-d4ee3566"]]);
+const DataPreview = /* @__PURE__ */ _export_sfc(_sfc_main$C, [["__scopeId", "data-v-0350cc0c"]]);
 const _sfc_main$B = /* @__PURE__ */ vue.defineComponent({
   __name: "FormSchema",
   props: {
@@ -15342,7 +15336,7 @@ const _sfc_main$A = /* @__PURE__ */ vue.defineComponent({
   __name: "TableSchema",
   props: {
     data: {},
-    schema: {}
+    schema: { type: Function }
   },
   emits: ["select"],
   setup(__props, { emit: __emit }) {
@@ -15379,10 +15373,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, [
@@ -15395,7 +15392,7 @@ const _sfc_main$A = /* @__PURE__ */ vue.defineComponent({
                 onClick: ($event) => sort2(field.id)
               }, [
                 vue.createElementVNode("div", _hoisted_5$h, [
-                  vue.createTextVNode(vue.toDisplayString(vue.unref(parseLocale)(field.label || field.id)) + " ", 1),
+                  vue.createTextVNode(vue.toDisplayString((field == null ? void 0 : field.label) || (field == null ? void 0 : field.id)) + " ", 1),
                   vue.createElementVNode("div", {
                     class: vue.normalizeClass(["list-arrows", { sorted: vue.unref(sortField) === field.id }])
                   }, [
@@ -15451,7 +15448,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-fa7146ce"]]);
 const _sfc_main$z = {};
 const _hoisted_1$H = { class: "flex space-between" };
 function _sfc_render$1(_ctx, _cache) {
@@ -15495,7 +15492,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",
@@ -28497,7 +28494,6 @@ exports.debounce = debounce;
 exports.formatString = formatString;
 exports.initials = initials;
 exports.keyToLabel = keyToLabel;
-exports.parseLocale = parseLocale;
 exports.useBagel = useBagel;
 exports.useFormkit = useFormkit;
 exports.useModal = useModal;

package/dist/index.mjs

@@ -2362,12 +2362,6 @@ const useFormkit = () => {
   return formkit;
 };
 const initials = (...strArr) => strArr.map((str) => str == null ? void 0 : str.charAt(0)).join("");
-const parseLocale = (str, i18nT = (_str) => _str) => {
-  const [_, w] = str.split(/\$t\('?"?|'?"?\)/);
-  if (!w)
-    return str;
-  return i18nT(w);
-};
 const _hoisted_1$V = { ref: "el" };
 const _sfc_main$P = /* @__PURE__ */ defineComponent({
   __name: "LangText",
@@ -15228,7 +15222,7 @@ const _sfc_main$C = /* @__PURE__ */ defineComponent({
             key: field.id,
             class: "data-row"
           }, [
-            createElementVNode("div", _hoisted_3$y, toDisplayString(field.label ? unref(parseLocale)(field.label) : unref(keyToLabel)(field.id)), 1),
+            createElementVNode("div", _hoisted_3$y, toDisplayString((field == null ? void 0 : field.label) || unref(keyToLabel)(field.id)), 1),
             (openBlock(), createBlock(resolveDynamicComponent(field.$el || "div"), { class: "vlue" }, {
               default: withCtx(() => [
                 createTextVNode(toDisplayString(_ctx.data[field.id] || field.defaultValue), 1)
@@ -15255,7 +15249,7 @@ const _sfc_main$C = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const DataPreview = /* @__PURE__ */ _export_sfc(_sfc_main$C, [["__scopeId", "data-v-d4ee3566"]]);
+const DataPreview = /* @__PURE__ */ _export_sfc(_sfc_main$C, [["__scopeId", "data-v-0350cc0c"]]);
 const _sfc_main$B = /* @__PURE__ */ defineComponent({
   __name: "FormSchema",
   props: {
@@ -15340,7 +15334,7 @@ const _sfc_main$A = /* @__PURE__ */ defineComponent({
   __name: "TableSchema",
   props: {
     data: {},
-    schema: {}
+    schema: { type: Function }
   },
   emits: ["select"],
   setup(__props, { emit: __emit }) {
@@ -15377,10 +15371,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, [
@@ -15393,7 +15390,7 @@ const _sfc_main$A = /* @__PURE__ */ defineComponent({
                 onClick: ($event) => sort2(field.id)
               }, [
                 createElementVNode("div", _hoisted_5$h, [
-                  createTextVNode(toDisplayString(unref(parseLocale)(field.label || field.id)) + " ", 1),
+                  createTextVNode(toDisplayString((field == null ? void 0 : field.label) || (field == null ? void 0 : field.id)) + " ", 1),
                   createElementVNode("div", {
                     class: normalizeClass(["list-arrows", { sorted: unref(sortField) === field.id }])
                   }, [
@@ -15449,7 +15446,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-fa7146ce"]]);
 const _sfc_main$z = {};
 const _hoisted_1$H = { class: "flex space-between" };
 function _sfc_render$1(_ctx, _cache) {
@@ -15493,7 +15490,7 @@ const _sfc_main$x = /* @__PURE__ */ defineComponent({
   setup(__props) {
     const bagel = useBagel();
     const props2 = __props;
-    const schema2 = [
+    const schema2 = () => [
       {
         id: "created_at",
         label: "Date",
@@ -28496,7 +28493,6 @@ export {
   formatString,
   initials,
   keyToLabel,
-  parseLocale,
   useBagel,
   useFormkit,
   useModal

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

@@ -757,12 +757,12 @@
 }
 }
 
-.data[data-v-d4ee3566] {
+.data[data-v-0350cc0c] {
 	border: 1.1px solid var(--border-color);
 	padding: 20px;
 	border-radius: var(--input-border-radius);
 }
-.data-row[data-v-d4ee3566] {
+.data-row[data-v-0350cc0c] {
 	display: flex;
 	justify-content: space-between;
 	padding-bottom: 0.5rem;
@@ -770,7 +770,7 @@
 	opacity: 0.8;
 	border-bottom: 1px solid var(--border-color);
 }
-.data-link[data-v-d4ee3566] {
+.data-link[data-v-0350cc0c] {
 	display: block;
 	font-size: var(--input-font-size);
 	margin-bottom: 2px;
@@ -782,37 +782,37 @@
 	transform: translateY(-2.6rem);
 }
 
-.list-arrows[data-v-5c5ba615] {
+.list-arrows[data-v-fa7146ce] {
 	opacity: 0;
 }
-.list-arrows .icon-font[data-v-5c5ba615] {
+.list-arrows .icon-font[data-v-fa7146ce] {
 	transition: all ease-in-out 0.2s;
 }
-.list-arrows.sorted[data-v-5c5ba615] {
+.list-arrows.sorted[data-v-fa7146ce] {
 	opacity: 1;
 }
-.col img[data-v-5c5ba615] {
+.col img[data-v-fa7146ce] {
 	height: 35px;
 	margin-top: -14px;
 	margin-bottom: -14px;
 	border-radius: 5px;
 }
-.list-arrows.sorted .desc[data-v-5c5ba615] {
+.list-arrows.sorted .desc[data-v-fa7146ce] {
 	transform: rotate(180deg);
 }
-table[data-v-5c5ba615] {
+table[data-v-fa7146ce] {
 	border-collapse: separate;
 	border-spacing: 0 15px;
 	border-collapse: collapse;
 }
-th[data-v-5c5ba615] {
+th[data-v-fa7146ce] {
 	font-weight: 400;
 }
-.row[data-v-5c5ba615] {
+.row[data-v-fa7146ce] {
 	border-bottom: 1px solid var(--border-color);
 	cursor: pointer;
 }
-.row.first-row[data-v-5c5ba615] {
+.row.first-row[data-v-fa7146ce] {
 	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-fa7146ce]::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-fa7146ce] {
 	cursor: pointer;
 	background: var(--bgl-white);
 }
-.col[data-v-5c5ba615] {
+.col[data-v-fa7146ce] {
 	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-fa7146ce] {
 	display: flex;
 	gap: 0.5rem;
 }
-.max-col-width[data-v-5c5ba615] {
+.max-col-width[data-v-fa7146ce] {
 	max-width: 30vw;
 	overflow: hidden;
 	text-overflow: ellipsis;
 }
-.col.check .icon-font[data-v-5c5ba615] {
+.col.check .icon-font[data-v-fa7146ce] {
 	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-fa7146ce] {
 	font-size: 0.8125em;
 }
-.table-list[data-v-5c5ba615] {
+.table-list[data-v-fa7146ce] {
 	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-fa7146ce] {
 	overflow: unset;
 }
-.row-item[data-v-5c5ba615] {
+.row-item[data-v-fa7146ce] {
 	height: 50px;
 	transition: all 200ms ease;
 }
-.row-item[data-v-5c5ba615]:hover {
+.row-item[data-v-fa7146ce]:hover {
 	background: var(--bgl-gray-light);
 }
-.infinite-wrapper[data-v-5c5ba615] {
+.infinite-wrapper[data-v-fa7146ce] {
 	overflow-y: auto;
 	width: 100%;
 }

package/dist/utils/index.d.ts

@@ -5,6 +5,5 @@ export declare function computeFields(modelValue: Record<string, any>): BagelFie
 export declare const copyText: (text: string, cb?: ((msg: string) => void) | undefined) => Promise<void>;
 export declare const useFormkit: () => unknown;
 export declare const initials: (...strArr: string[]) => string;
-export declare const parseLocale: (str: string, i18nT?: (_str: string) => string) => string;
 export { formatString } from './strings';
 //# 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":"AAEA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAGhD,eAAO,MAAM,QAAQ,OAAQ,MAAM,IAAI,yBAGtC,CAAC;AAEF,eAAO,MAAM,UAAU,QAAS,MAAM,WAG3B,CAAC;AAEZ,wBAAgB,aAAa,CAAC,UAAU,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,UAAU,EAAE,CAmB3E;AAED,eAAO,MAAM,QAAQ,SACd,MAAM,cAED,MAAM,KAAK,IAAI,+BAI1B,CAAC;AAEF,eAAO,MAAM,UAAU,eAGtB,CAAC;AAEF,eAAO,MAAM,QAAQ,cAAe,MAAM,EAAE,WAAiD,CAAC;AAE9F,eAAO,MAAM,WAAW,QAAS,MAAM,iBAAiB,MAAM,sBAK7D,CAAC;AAEF,OAAO,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/utils/index.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAGhD,eAAO,MAAM,QAAQ,OAAQ,MAAM,IAAI,yBAGtC,CAAC;AAEF,eAAO,MAAM,UAAU,QAAS,MAAM,WAG3B,CAAC;AAEZ,wBAAgB,aAAa,CAAC,UAAU,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,UAAU,EAAE,CAmB3E;AAED,eAAO,MAAM,QAAQ,SACd,MAAM,cAED,MAAM,KAAK,IAAI,+BAI1B,CAAC;AAEF,eAAO,MAAM,UAAU,eAGtB,CAAC;AAEF,eAAO,MAAM,QAAQ,cAAe,MAAM,EAAE,WAAiD,CAAC;AAE9F,OAAO,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@bagelink/vue",
   "type": "module",
-  "version": "0.0.128",
+  "version": "0.0.132",
   "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/DataPreview.vue

@@ -15,7 +15,7 @@
 			class="data-row"
 		>
 			<div class="key">
-				{{ field.label ? parseLocale(field.label) : keyToLabel(field.id) }}
+				{{ field?.label || keyToLabel(field.id) }}
 			</div>
 			<component
 				:is="field.$el || 'div'"
@@ -45,7 +45,7 @@
 </template>
 
 <script lang="ts" setup>
-import { keyToLabel, parseLocale } from '@bagelink/vue';
+import { keyToLabel } from '@bagelink/vue';
 
 const keysToIgnore = ['id', 'person_id', 'person', 'created_at', 'updated_at'];
 

package/src/components/TableSchema.vue

@@ -1,6 +1,5 @@
 <template>
 	<div class="table-list-wrap h-100">
-		<!-- <div v-for="field in schema" :key="field.id">{{ parseLocale(field.label) }}</div> -->
 		<table class="infinite-wrapper">
 			<thead class="row first-row">
 				<th
@@ -10,7 +9,7 @@
 					@click="sort(field.id)"
 				>
 					<div class="flex">
-						{{ parseLocale(field.label || field.id) }}
+						{{ field?.label || field?.id }}
 						<div
 							class="list-arrows"
 							:class="{ sorted: sortField === field.id }"
@@ -65,14 +64,14 @@
 
 <script setup lang="ts">
 import { useSlots } from 'vue';
-import { MaterialIcon, parseLocale } from '@bagelink/vue';
+import { MaterialIcon } from '@bagelink/vue';
 
 const slots = useSlots();
 const loading = $ref(true);
 
 const props = defineProps<{
 	data: any[];
-	schema?: any[];
+	schema?: () => any[];
 }>();
 
 const emit = defineEmits(['select']);
@@ -110,7 +109,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 {

package/src/utils/index.ts

@@ -50,11 +50,4 @@ export const useFormkit = () => {
 
 export const initials = (...strArr: string[]) => strArr.map((str) => str?.charAt(0)).join('');
 
-export const parseLocale = (str: string, i18nT = (_str: string) => _str) => {
-	// eslint-disable-next-line no-unused-vars, @typescript-eslint/no-unused-vars
-	const [_, w] = str.split(/\$t\('?"?|'?"?\)/);
-	if (!w) return str;
-	return i18nT(w);
-};
-
 export { formatString } from './strings';