@bagelink/vue 0.0.95 → 0.0.98

package/dist/types/index.d.ts

@@ -1,4 +1,5 @@
+export type { MaterialIcons } from './materialIcons';
 export type { BankDetails, NewPerson, Person } from './Person';
 export type { Tables, TableToTypeMapping } from '@bagelink/sdk';
 export type { StorageFile } from './file';
-export type { BagelField } from './BagelField';
+export * from './BagelField';

package/dist/utils/index.d.ts

@@ -1,4 +1,4 @@
-import type { BagelField } from '../types/BagelField';
+import type { BagelField } from '..';
 export declare const debounce: (fn: () => void, delay?: number) => void;
 export declare const keyToLabel: (key: string) => string;
 export declare function computeFields(modelValue: Record<string, any>): BagelField[];

package/dist/utils/objects.d.ts

@@ -1,3 +1,3 @@
-import { BagelField } from '../types';
+import { BagelField } from '..';
 export declare function getPropByPath(obj: Record<string, any>, propPath?: string, bagelField?: BagelField): {};
 export declare function setPropByPath(obj: Record<string, any>, path?: string, value?: any): void;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@bagelink/vue",
   "type": "module",
-  "version": "0.0.95",
+  "version": "0.0.98",
   "description": "Bagel core sdk packages",
   "author": {
     "name": "Neveh Allon",
@@ -51,27 +51,13 @@
   ],
   "dependencies": {},
   "devDependencies": {
-    "vue": "^3.3.8",
-    "vue-router": "^4.2.5",
-    "vue3-charts": "^1.1.33",
-    "@formkit/vue": "^1.3.0",
-    "@formkit/core": "1.3.0",
-    "vue-draggable-next": "^2.2.1",
-    "prosemirror-commands": "^1.5.2",
-    "prosemirror-history": "^1.3.2",
-    "prosemirror-keymap": "^1.2.2",
-    "prosemirror-model": "^1.19.3",
-    "prosemirror-schema-basic": "^1.2.2",
-    "prosemirror-state": "^1.4.3",
-    "prosemirror-view": "^1.32.4",
     "@vue-macros/reactivity-transform": "^0.4.0",
-    "@bagelink/sdk": "0.0.95"
+    "@bagelink/sdk": "0.0.98"
   },
   "peerDependencies": {
-    "@bagelink/sdk": "*"
-  },
-  "optionalDependencies": {
+    "@bagelink/sdk": "*",
     "vue-router": "^4.2.5",
+    "vue": "^3.3.8",
     "vue3-charts": "^1.1.33",
     "@formkit/vue": "^1.3.0",
     "@formkit/core": "1.3.0",
@@ -84,6 +70,47 @@
     "prosemirror-state": "^1.4.3",
     "prosemirror-view": "^1.32.4"
   },
+  "peerDependenciesMeta": {
+    "vue-router": {
+      "optional": true
+    },
+    "vue": {
+      "option": true
+    },
+    "vue3-charts": {
+      "option": true
+    },
+    "@formkit/vue": {
+      "option": true
+    },
+    "@formkit/core": {
+      "option": true
+    },
+    "vue-draggable-next": {
+      "option": true
+    },
+    "prosemirror-commands": {
+      "option": true
+    },
+    "prosemirror-history": {
+      "option": true
+    },
+    "prosemirror-keymap": {
+      "option": true
+    },
+    "prosemirror-model": {
+      "option": true
+    },
+    "prosemirror-schema-basic": {
+      "option": true
+    },
+    "prosemirror-state": {
+      "option": true
+    },
+    "prosemirror-view": {
+      "option": true
+    }
+  },
   "publishConfig": {
     "access": "public"
   },

package/src/components/Btn.vue

@@ -42,8 +42,8 @@
 import { useSlots } from 'vue';
 
 const slots = useSlots();
-import type { MaterialIcons } from '../types/materialIcons';
-import { MaterialIcon } from '../components';
+import type { MaterialIcons } from '@bagelink/vue';
+import { MaterialIcon } from '@bagelink/vue';
 
 const props = withDefaults(
 	defineProps<{

package/src/components/Comments.vue

@@ -68,8 +68,8 @@
 
 <script lang="ts" setup>
 import { onMounted, watch } from 'vue';
+import { Btn, MaterialIcon, RTXEditor } from '@bagelink/vue';
 import { useBagel } from '..';
-import { Btn, MaterialIcon, RTXEditor } from '../components';
 
 const bagel = useBagel();
 let comments = $ref<Record<string, any>>([]);

package/src/components/ContactArray.vue

@@ -56,10 +56,10 @@
 
 <script setup lang="ts">
 import { ref, watch } from 'vue';
-import type { BagelField } from '../types/BagelField';
+import type { BagelField } from '@bagelink/vue';
 import MaterialIcon from './MaterialIcon.vue';
 import Btn from './Btn.vue';
-import CheckInput from '../components/form/inputs/CheckInput.vue';
+import CheckInput from './form/inputs/CheckInput.vue';
 
 const props = withDefaults(
 	defineProps<{

package/src/components/ContactSubmissions.vue

@@ -9,8 +9,8 @@
 
 <script setup lang="ts">
 import { onMounted } from 'vue';
+import { TableSchema } from '@bagelink/vue';
 import { useBagel } from '..';
-import { TableSchema } from '../components';
 
 const bagel = useBagel();
 

package/src/components/DataPreview.vue

@@ -45,7 +45,7 @@
 </template>
 
 <script lang="ts" setup>
-import { keyToLabel, parseLocale } from '../utils';
+import { keyToLabel, parseLocale } from '@bagelink/vue';
 
 const keysToIgnore = ['id', 'person_id', 'person', 'created_at', 'updated_at'];
 

package/src/components/DropDown.vue

@@ -22,7 +22,7 @@
 
 <script setup lang="ts">
 import { ref } from 'vue';
-import { MaterialIcon } from '../components';
+import { MaterialIcon } from '@bagelink/vue';
 
 const props = defineProps({
 	modelValue: String,

package/src/components/FormKitTable.vue

@@ -123,8 +123,7 @@
 
 <script setup lang="ts">
 import { computed, ref, useSlots } from 'vue';
-import { BagelField } from '../types';
-import { Btn, MaterialIcon } from '../components';
+import { BagelField, Btn, MaterialIcon } from '@bagelink/vue';
 
 const slots = useSlots();
 const loading = ref(true);

package/src/components/FormSchema.vue

@@ -29,7 +29,7 @@
 import { reactive } from 'vue';
 import { type FormKitSchemaDefinition } from '@formkit/core';
 
-import { Btn } from '../components';
+import { Btn } from '@bagelink/vue';
 import { useModal } from '..';
 
 const { showModal } = useModal();

package/src/components/ListView.vue

@@ -29,8 +29,7 @@
 </template>
 
 <script lang="ts" setup>
-import { MaterialIcon, Btn } from '../components';
-import { debounce } from '../utils';
+import { MaterialIcon, Btn, debounce } from '@bagelink/vue';
 
 defineProps<{
 	enableAdd: boolean;

package/src/components/MaterialIcon.vue

@@ -8,7 +8,7 @@
 </template>
 
 <script setup lang="ts">
-import type { MaterialIcons } from '../types/materialIcons';
+import type { MaterialIcons } from '@bagelink/vue';
 
 defineProps<{
 	icon: MaterialIcons;

package/src/components/Modal.vue

@@ -32,8 +32,8 @@
 
 <script lang="ts" setup>
 import { onMounted } from 'vue';
-import { Btn } from '../components';
-import { BtnOptions } from '../types/BtnOptions';
+import { BtnOptions } from '@bagelink/vue';
+import { Btn } from '@bagelink/vue';
 import '../styles/modal.css';
 
 defineProps<{

package/src/components/ModalForm.vue

@@ -35,11 +35,10 @@
 <script lang="ts" setup>
 import { type FormKitSchemaDefinition } from '@formkit/core';
 import { onMounted } from 'vue';
-import { Btn, FormSchema } from '../components';
+import { Btn, FormSchema, BtnOptions } from '@bagelink/vue';
 import '../styles/modal.css';
-import { BtnOptions } from '../types/BtnOptions';
 
-// import { BagelField } from '../types';
+// import { BagelField } from '@bagelink/vue';
 
 const props = defineProps<{
 	side?: boolean;

package/src/components/NavBar.vue

@@ -41,9 +41,8 @@
 </template>
 
 <script lang="ts" setup>
-// import LangText from "../translation/LangText.vue"
-import { RouterLink } from 'vue-router';
-import type { MaterialIcons } from '../types/materialIcons';
+// import LangText from "../translation/LangText.vue"s
+import type { MaterialIcons } from '@bagelink/vue';
 
 const isOpen = $ref(true);
 

package/src/components/PersonPreview.vue

@@ -76,10 +76,9 @@
 
 <script lang="ts" setup>
 import type { FormKitSchemaDefinition } from '@formkit/core';
+import type { Person } from '@bagelink/vue';
+import { initials, Btn, MaterialIcon } from '@bagelink/vue';
 import { useBagel, useModal } from '..';
-import type { Person } from '../types';
-import { initials } from '../utils';
-import { Btn, MaterialIcon } from '../components';
 
 // const toast = useToast(); // TODO: use toast
 const bagel = useBagel();

package/src/components/PersonPreviewFormkit.vue

@@ -77,10 +77,9 @@
 
 <script lang="ts" setup>
 import type { FormKitSchemaDefinition } from '@formkit/core';
+import type { Person } from '@bagelink/vue';
+import { initials, Btn, MaterialIcon } from '@bagelink/vue';
 import { useBagel, useModal } from '..';
-import type { Person } from '../types';
-import { initials } from '../utils';
-import { Btn, MaterialIcon } from '../components';
 
 // const toast = useToast(); // TODO: use toast
 const bagel = useBagel();

package/src/components/TableSchema.vue

@@ -65,8 +65,7 @@
 
 <script setup lang="ts">
 import { useSlots } from 'vue';
-import { MaterialIcon } from '../components';
-import { parseLocale } from '../utils';
+import { MaterialIcon, parseLocale } from '@bagelink/vue';
 
 const slots = useSlots();
 const loading = $ref(true);

package/src/components/form/ItemRef.vue

@@ -21,19 +21,16 @@
 
 <script lang="ts" setup>
 import { ref, computed } from 'vue';
-import { useRouter } from 'vue-router';
 
-import { Btn, MaterialIcon } from '../../components';
-import { BagelField } from '../../types';
-
-const router = useRouter();
-// import Modal from '../components/Modal.vue';
+import type { Router } from 'vue-router';
+import { Btn, MaterialIcon, BagelField } from '@bagelink/vue';
 
 const openRef = ref(false);
 
 const props = defineProps<{
 	modelValue: Record<string, any>;
 	field: BagelField;
+	router: Router;
 }>();
 
 const content = computed(() => props.field.refFields?.map((k) => props.modelValue?.[k] || '').join(' '));
@@ -41,6 +38,7 @@ const content = computed(() => props.field.refFields?.map((k) => props.modelValu
 const openModal = () => {
 	console.log(`openning ${props.modelValue?.id}`);
 	openRef.value = true;
-	void router.push(`/${props.field.refCollection}/${props.modelValue?.id}`);
+	void props.router.push(`/${props.field.refCollection}/${props.modelValue?.id}`);
 };
 </script>
+s

package/src/components/form/MaterialIcon.vue

@@ -8,7 +8,7 @@
 </template>
 
 <script setup lang="ts">
-import type { MaterialIcons } from '../../types/materialIcons';
+import type { MaterialIcons } from '@bagelink/vue';
 
 defineProps<{
 	icon: MaterialIcons

package/src/components/form/PlainInputField.vue

@@ -47,8 +47,8 @@
 <script lang="ts" setup>
 import { onMounted, ref } from 'vue';
 
-import LangText from '../../../translation/LangText.vue';
-import { formatString } from '../../utils';
+import { formatString } from '@bagelink/vue';
+import LangText from '../LangText.vue';
 
 const props = defineProps<{
 	type: 'text' | 'number' | 'password' | 'email' | 'checkbox' | 'textarea';

package/src/components/form/inputs/CheckInput.vue

@@ -21,7 +21,7 @@
 
 <script setup lang="ts">
 import { watch, ref, onMounted } from 'vue';
-import { BagelField } from '../../../types';
+import { BagelField } from '@bagelink/vue';
 
 const emits = defineEmits(['update:modelValue']);
 const props = withDefaults(

package/src/components/form/inputs/Checkbox.vue

@@ -12,7 +12,7 @@
 
 <script setup lang="ts">
 import { watch } from 'vue';
-import { MaterialIcon } from '../../../components';
+import { MaterialIcon } from '@bagelink/vue';
 
 const props = defineProps({
 	modelValue: Boolean,

package/src/components/form/inputs/ColorPicker.vue

@@ -22,7 +22,7 @@
 
 <script setup lang="ts">
 import { watch } from 'vue';
-import { type BagelField } from '../../../types';
+import { type BagelField } from '@bagelink/vue';
 
 const emits = defineEmits(['update:modelValue']);
 const props = withDefaults(

package/src/components/form/inputs/CurrencyInput.vue

@@ -26,7 +26,7 @@
 </template>
 
 <script setup lang="ts">
-import { BagelField } from '../../../types';
+import { BagelField } from '@bagelink/vue';
 
 const emits = defineEmits(['update:modelValue']);
 withDefaults(

package/src/components/form/inputs/DateInput.vue

@@ -22,7 +22,7 @@
 
 <script setup lang="ts">
 import { ref } from 'vue';
-import type { BagelField } from '../../../types/BagelField';
+import type { BagelField } from '@bagelink/vue';
 
 const props = withDefaults(
 	defineProps<{

package/src/components/form/inputs/DynamicLinkField.vue

@@ -41,7 +41,7 @@
 
 <script lang="ts" setup>
 import { onMounted, ref } from 'vue';
-import { formatString } from '../../../utils';
+import { formatString } from '@bagelink/vue';
 
 // TODO: remove this Nati ?
 

package/src/components/form/inputs/LinkField.vue

@@ -60,7 +60,7 @@
 
 <script lang="ts" setup>
 import { onMounted, ref } from 'vue';
-import { formatString } from '../../../utils';
+import { formatString } from '@bagelink/vue';
 
 const props = withDefaults(
 	defineProps<{

package/src/components/form/inputs/Password.vue

@@ -27,8 +27,7 @@
 
 <script setup lang="ts">
 import { ref, watch, computed } from 'vue';
-import { BagelField } from '../../../types/BagelField';
-import { MaterialIcon } from '../../../components';
+import { MaterialIcon, BagelField } from '@bagelink/vue';
 
 const emits = defineEmits(['update:modelValue']);
 let seePassword = $ref<boolean>(false);

package/src/components/form/inputs/PlainText.vue

@@ -23,7 +23,7 @@
 
 <script setup lang="ts">
 import { watch } from 'vue';
-import { BagelField } from '../../../types/BagelField';
+import { BagelField } from '@bagelink/vue';
 
 const emit = defineEmits(['update:modelValue']);
 const props = withDefaults(

package/src/components/form/inputs/ReadOnlyInput.vue

@@ -12,7 +12,7 @@
 </template>
 
 <script setup lang="ts">
-import { BagelField } from '../../../types/BagelField';
+import { BagelField } from '@bagelink/vue';
 
 defineProps<{
 	field: BagelField;

package/src/components/form/inputs/SelectField.vue

@@ -49,8 +49,8 @@ import {
 	onMounted, onUnmounted, ref, computed,
 	watch,
 } from 'vue';
-import { type SelectBagelField } from '../../../types/BagelField';
-import { LangText } from '../../../components';
+import { LangText } from '@bagelink/vue';
+import { type SelectBagelField } from '@bagelink/vue';
 
 const selectEl = ref<HTMLElement>();
 const dropdown = ref<HTMLElement>();

package/src/components/form/inputs/TableField.vue

@@ -78,12 +78,10 @@
 import { VueDraggableNext } from 'vue-draggable-next';
 // import { EntityMeta } from 'bagel-sdk/types';
 import { onMounted, ref } from 'vue';
-import { Btn } from '../../../components';
-// import { bagelApp as api } from '../../../index';
+import { Btn, formatString } from '@bagelink/vue';
+
 import MaterialIcon from '../MaterialIcon.vue';
-import { formatString } from '../../../utils';
-// import TransitionGroupPop from '../../../transitions/TransitionGroupPop.vue';
-// import { formatString } from '../../../composables';
+
 // import { ButtonIcon } from 'src/components/buttons'
 let bagel: any;
 let api: any;

package/src/components/form/inputs/TextArea.vue

@@ -24,7 +24,7 @@
 </template>
 
 <script setup lang="ts">
-import LangText from '../components/LangText.vue';
+import { LangText } from '@bagelink/vue';
 
 const emits = defineEmits(['update:modelValue']);
 

package/src/components/form/inputs/TextInput.vue

@@ -22,7 +22,7 @@
 
 <script setup lang="ts">
 import { watch } from 'vue';
-import { debounce } from '../../../utils';
+import { debounce } from '@bagelink/vue';
 
 const emit = defineEmits(['update:modelValue', 'debounce']);
 const props = withDefaults(

package/src/components/formkit/AddressArray.vue

@@ -86,11 +86,10 @@
 
 <script setup lang="ts">
 import { watch } from 'vue';
-// import type { BagelField } from '../../../types/BagelField';
+// import type { BagelField } from '@bagelink/vue';
 
-import { Btn } from '../../components';
+import { Btn, useBagel } from '@bagelink/vue';
 import Checkbox from '../form/inputs/Checkbox.vue';
-import { useBagel } from '../../plugins/bagel';
 
 const bagel = useBagel();
 const props = defineProps<{

package/src/components/formkit/BankDetailsArray.vue

@@ -111,11 +111,10 @@
 
 <script setup lang="ts">
 import { watch } from 'vue';
-// import type { BagelField } from '../../../types/BagelField';
+// import type { BagelField } from '@bagelink/vue';
 
-import { Btn } from '../../components';
+import { Btn, useBagel } from '@bagelink/vue';
 import Checkbox from '../form/inputs/Checkbox.vue';
-import { useBagel } from '../../plugins/bagel';
 
 const bagel = useBagel();
 

package/src/components/formkit/ContactArrayFormKit.vue

@@ -76,11 +76,10 @@
 
 <script setup lang="ts">
 import { watch } from 'vue';
-// import type { BagelField } from '../../../types/BagelField';
+// import type { BagelField } from '@bagelink/vue';
 
-import { Btn } from '../../components';
+import { Btn, useBagel } from '@bagelink/vue';
 import Checkbox from '../form/inputs/Checkbox.vue';
-import { useBagel } from '../../plugins/bagel';
 
 const bagel = useBagel();
 

package/src/components/formkit/FileUploader.vue

@@ -93,8 +93,7 @@ interface UploadFile {
 
 import { onMounted, onUnmounted } from 'vue';
 
-import { MaterialIcon, Btn } from '../../components';
-import { useBagel } from '../../plugins/bagel';
+import { MaterialIcon, Btn, useBagel } from '@bagelink/vue';
 
 const bagel = useBagel();
 

package/src/components/formkit/MiscFields.vue

@@ -17,7 +17,7 @@
 </template>
 
 <script lang="ts" setup>
-import { Btn } from '../../components';
+import { Btn } from '@bagelink/vue';
 
 const props = defineProps<{
 	context: Record<string, any>;

package/src/components/formkit/index.ts

@@ -1,7 +1,7 @@
 import { createInput } from '@formkit/vue';
 import ContactArrayFormKit from './ContactArrayFormKit.vue';
 import AddressArray from './AddressArray.vue';
-import BankDetailsArray from './BankDetailsArray.vue';
+import * as B from './BankDetailsArray.vue';
 import MiscFieldsBtns from './MiscFields.vue';
 import Toggle from './Toggle.vue';
 import FileUploader from './FileUploader.vue';
@@ -10,7 +10,7 @@ import TextVariableExamples from '../whatsapp/form/TextVariableExamples.vue';
 
 const ContactArray = createInput(ContactArrayFormKit);
 const Address = createInput(AddressArray);
-const BankDetails = createInput(BankDetailsArray);
+const BankDetailsArray = createInput(B);
 const MiscFields = createInput(MiscFieldsBtns);
 const ToggleSwitch = createInput(Toggle);
 const FileUpload = createInput(FileUploader);
@@ -22,7 +22,7 @@ export {
 	ContactArray,
 	PersonPreview,
 	Address,
-	BankDetails,
+	BankDetailsArray,
 	MiscFields,
 	ToggleSwitch,
 	FileUpload,

package/src/components/whatsapp/form/MsgTemplate.vue

@@ -37,7 +37,7 @@ import { onMounted } from 'vue';
 
 import type { FormKitSchemaDefinition } from '@formkit/core';
 import type { RouteLocationNormalizedLoaded, Router } from 'vue-router';
-
+import { useBagel, PageTitle, FormSchema } from '@bagelink/vue';
 import {
 	BodyComponent,
 	HeaderComponent,
@@ -45,8 +45,6 @@ import {
 	ServerTemplateData,
 	FooterComponent,
 } from '../interfaces';
-import { PageTitle, FormSchema } from '../../../components';
-import { useBagel } from '../../../plugins/bagel';
 
 const props = defineProps<{
 	whatsappTemplateSchema: () => FormKitSchemaDefinition;

package/src/components/whatsapp/form/TextVariableExamples.vue

@@ -13,7 +13,7 @@
 <script setup lang="ts">
 import { onMounted, watch } from 'vue';
 import { FormKitNode } from '@formkit/core';
-import { TextInput } from '../../../components';
+import { TextInput } from '@bagelink/vue';
 
 const props = defineProps({
 	context: Object,

package/src/index.ts

@@ -6,3 +6,4 @@ export * from './utils';
 export * from './components';
 export * from './components/formkit';
 export * from './components/form/inputs';
+export * from './types';