@bagelink/vue 0.0.70 → 0.0.74

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@bagelink/vue",
   "type": "module",
-  "version": "0.0.70",
+  "version": "0.0.74",
   "description": "Bagel core sdk packages",
   "author": {
     "name": "Neveh Allon",
@@ -65,7 +65,7 @@
     "prosemirror-state": "^1.4.3",
     "prosemirror-view": "^1.32.4",
     "@vue-macros/reactivity-transform": "^0.4.0",
-    "@bagelink/sdk": "0.0.70"
+    "@bagelink/sdk": "0.0.74"
   },
   "peerDependencies": {
     "@bagelink/sdk": "*"

package/src/components/Btn.vue

@@ -1,6 +1,11 @@
 <template>
 	<component
-		:is="to?'router-link':is" :to="to" :type="type" :role="role" :disabled="disabled" :class="{
+		:is="to?'router-link':is"
+		:to="to"
+		:type="type"
+		:role="role"
+		:disabled="disabled"
+		:class="{
 			[props.color]: true,
 			'btn-icon': icon && !slots['default'] && !value,
 			btn: !icon || slots['default'] || value,
@@ -9,14 +14,26 @@
 			'btn-txt': flat,
 		}"
 	>
-		<div class="loading" v-if="loading" />
-		<div v-else class="btn-flex">
-			<MaterialIcon v-if="icon" :icon="icon" />
+		<div
+			class="loading"
+			v-if="loading"
+		/>
+		<div
+			v-else
+			class="btn-flex"
+		>
+			<MaterialIcon
+				v-if="icon"
+				:icon="icon"
+			/>
 			<slot />
 			<template v-if="!slots['default'] && value">
 				{{ value }}
 			</template>
-			<MaterialIcon v-if="props['icon.end']" :icon="props['icon.end']" />
+			<MaterialIcon
+				v-if="props['icon.end']"
+				:icon="props['icon.end']"
+			/>
 		</div>
 	</component>
 </template>
@@ -25,8 +42,8 @@
 import { useSlots } from 'vue';
 
 const slots = useSlots();
-import { MaterialIcons } from '@/types/materialIcons';
-import { MaterialIcon } from '@/components';
+import { MaterialIcons } from '#/types/materialIcons';
+import { MaterialIcon } from '#/components';
 
 const props = withDefaults(
 	defineProps<{
@@ -217,5 +234,4 @@ const props = withDefaults(
 
 [dir='rtl'] .icon-font {
 	transform: rotateY(180deg);
-}
-</style>
+}</style>

package/src/components/Comments.vue

@@ -68,8 +68,8 @@
 
 <script lang="ts" setup>
 import { onMounted, watch } from 'vue';
-import { useBagel } from '@/index';
-import { Btn, MaterialIcon, RTXEditor } from '@/components';
+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 '#/types/BagelField';
 import MaterialIcon from './MaterialIcon.vue';
 import Btn from './Btn.vue';
-import CheckInput from '@/components/form/inputs/CheckInput.vue';
+import CheckInput from '#/components/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 { useBagel } from '@/index';
-import { TableSchema } from '@/components';
+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 '#/utils';
 
 const keysToIgnore = ['id', 'person_id', 'person', 'created_at', 'updated_at'];
 

package/src/components/DropDown.vue

@@ -1,5 +1,9 @@
 <template>
-	<div class="dropdown" @click="toggleDropdown" :class="{ opendrop: isOpen }">
+	<div
+		class="dropdown"
+		@click="toggleDropdown"
+		:class="{ opendrop: isOpen }"
+	>
 		<div class="dropdown-title">
 			{{ selectedOption || placeholder }}
 			<MaterialIcon icon="keyboard_arrow_down" />
@@ -18,7 +22,7 @@
 
 <script setup lang="ts">
 import { ref } from 'vue';
-import { MaterialIcon } from '@/components';
+import { MaterialIcon } from '#/components';
 
 const props = defineProps({
 	modelValue: String,
@@ -118,5 +122,4 @@ function selectOption(option: string, index: number) {
 
 .dropdown.opendrop .dropdown-body {
 	max-height: 150px;
-}
-</style>
+}</style>

package/src/components/FileUploader.vue

@@ -50,7 +50,7 @@
 
 <script setup lang="ts">
 import { ref, onMounted, onUnmounted } from 'vue';
-import { useBagel } from '@/index';
+import { useBagel } from '#';
 
 const bagel = useBagel();
 

package/src/components/FormKitTable.vue

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

package/src/components/FormSchema.vue

@@ -29,8 +29,8 @@
 import { reactive } from 'vue';
 import { type FormKitSchemaDefinition } from '@formkit/core';
 
-import { Btn } from '@/components';
-import { useModal } from '@/utils';
+import { Btn } from '#/components';
+import { useModal } from '#/utils';
 
 const { showModal } = useModal();
 const emits = defineEmits(['update:modelValue', 'submit']);

package/src/components/ListView.vue

@@ -29,8 +29,8 @@
 </template>
 
 <script lang="ts" setup>
-import { MaterialIcon, Btn } from '@/components';
-import { debounce } from '@/utils';
+import { MaterialIcon, Btn } from '#/components';
+import { debounce } from '#/utils';
 
 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 '#/types/materialIcons';
 
 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 { Btn } from '#/components';
+import { BtnOptions } from '#/types/BtnOptions';
 import '../styles/modal.css';
 
 defineProps<{

package/src/components/ModalForm.vue

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

package/src/components/NavBar.vue

@@ -42,7 +42,7 @@
 
 <script lang="ts" setup>
 // import LangText from "../translation/LangText.vue"
-import type { MaterialIcons } from '@/types/materialIcons';
+import type { MaterialIcons } from '#/types/materialIcons';
 
 const isOpen = $ref(true);
 

package/src/components/PersonPreview.vue

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

package/src/components/PersonPreviewFormkit.vue

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

package/src/components/TableSchema.vue

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

package/src/components/form/ItemRef.vue

@@ -22,11 +22,11 @@
 <script lang="ts" setup>
 import { ref, computed } from 'vue';
 import { useRouter } from 'vue-router';
-import type { BagelField } from '@/types';
-import { Btn, MaterialIcon } from '@/components';
+import type { BagelField } from '#/types';
+import { Btn, MaterialIcon } from '#/components';
 
 const router = useRouter();
-// import Modal from '@/components/Modal.vue';
+// import Modal from '#/components/Modal.vue';
 
 const openRef = ref(false);
 

package/src/components/form/MaterialIcon.vue

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

package/src/components/form/PlainInputField.vue

@@ -48,7 +48,7 @@
 import { onMounted, ref } from 'vue';
 
 import LangText from '../translation/LangText.vue';
-import { formatString } from '@/utils/strings';
+import { formatString } from '#/utils/strings';
 
 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 '#/types';
 
 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 '#/components';
 
 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 '#/types';
 
 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 '#/types';
 
 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 '#/types/BagelField';
 
 const props = withDefaults(
 	defineProps<{

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

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

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

@@ -27,8 +27,8 @@
 
 <script setup lang="ts">
 import { ref, watch, computed } from 'vue';
-import { BagelField } from '@/types/BagelField';
-import { MaterialIcon } from '@/components';
+import { BagelField } from '#/types/BagelField';
+import { MaterialIcon } from '#/components';
 
 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 '#/types/BagelField';
 
 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 '#/types/BagelField';
 
 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/LangText.vue';
+import { type SelectBagelField } from '#/types/BagelField';
+import LangText from '#/components/LangText.vue';
 
 const selectEl = ref<HTMLElement>();
 const dropdown = ref<HTMLElement>();

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

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

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 '#/components/LangText.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 '#/utils';
 
 const emit = defineEmits(['update:modelValue', 'debounce']);
 const props = withDefaults(

package/src/components/formkit/AddressArray.vue

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

package/src/components/formkit/BankDetailsArray.vue

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

package/src/components/formkit/ContactArrayFormKit.vue

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

package/src/components/formkit/FileUploader.vue

@@ -92,8 +92,8 @@ interface UploadFile {
 }
 
 import { onMounted, onUnmounted } from 'vue';
-import { useBagel } from '@/index';
-import { MaterialIcon, Btn } from '@/components';
+import { useBagel } from '#';
+import { MaterialIcon, Btn } from '#/components';
 
 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 '#/components';
 
 const props = defineProps<{
 	context: Record<string, any>;

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 } from '@/index';
+import { useBagel } from '#';
 import {
 	BodyComponent,
 	HeaderComponent,
@@ -45,7 +45,7 @@ import {
 	ServerTemplateData,
 	FooterComponent,
 } from '../interfaces';
-import { PageTitle, FormSchema } from '@/components';
+import { PageTitle, FormSchema } from '#/components';
 
 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 '#/components';
 
 const props = defineProps({
 	context: Object,

package/src/plugins/modal.ts

@@ -3,7 +3,7 @@ import {
 } from 'vue';
 import type { Plugin } from 'vue';
 import { Modal, ModalForm } from '../components';
-import type { BtnOptions } from '@/types/BtnOptions';
+import type { BtnOptions } from '#/types/BtnOptions';
 
 interface ModalOptions {
 	title?: string;

package/src/utils/index.ts

@@ -1,6 +1,6 @@
 import { inject } from 'vue';
 
-import type { BagelField } from '@/types/BagelField';
+import type { BagelField } from '#/types/BagelField';
 
 let timeout: any;
 export const debounce = (fn: () => void, delay = 500) => {

package/src/utils/objects.ts

@@ -1,4 +1,4 @@
-import { BagelField } from '@/types';
+import { BagelField } from '#/types';
 
 function returnTypes(bagelField?: BagelField) {
 	if (bagelField?.is_array) return [];

package/tsconfig.json

@@ -11,12 +11,36 @@
 			"@vue-macros/reactivity-transform/macros-global"
 		],
 		"paths": {
-			"@": [
+			"#": [
 				"./src/index.ts"
 			],
-			"@/*": [
+			"#/*": [
 				"./src/*"
 			],
+			"#/components": [
+				"./src/components/index.ts"
+			],
+			"#/components/*": [
+				"./src/components/*"
+			],
+			"#/types": [
+				"./src/types/index.ts"
+			],
+			"#/types/*": [
+				"./src/types/*"
+			],
+			"#/utils": [
+				"./src/utils/index.ts"
+			],
+			"#/utils/*": [
+				"./src/utils/*"
+			],
+			"#/plugins": [
+				"./src/plugins/index.ts"
+			],
+			"#/plugins/*": [
+				"./src/plugins/*"
+			],
 		},
 	},
 	"include": [

package/vite.config.ts

@@ -13,7 +13,7 @@ export default defineConfig(() => ({
 	})],
 	resolve: {
 		alias: {
-			'@': fileURLToPath(new URL('./src/', import.meta.url)),
+			'#': fileURLToPath(new URL('./src/', import.meta.url)),
 		},
 	},
 	build: {