@bagelink/vue 0.0.93 → 0.0.98

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,8 @@
 
 <script lang="ts" setup>
 import { onMounted, ref } from 'vue';
-import { formatString } from '#/utils/strings';
+import { formatString } from '@bagelink/vue';
+
 // TODO: remove this Nati ?
 
 const props = withDefaults(

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 '@bagelink/vue';
 
 const props = withDefaults(
 	defineProps<{

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

@@ -19,7 +19,7 @@
 			>
 		</label>
 		<MaterialIcon
-			@click="showPassword()"
+			@click="showPassword"
 			:icon="seePassword ? 'visibility' : 'visibility_off'"
 		/>
 	</div>
@@ -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/LangText.vue';
+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/strings';
-// 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,9 +86,9 @@
 
 <script setup lang="ts">
 import { watch } from 'vue';
-// import type { BagelField } from '#/types/BagelField';
-import { useBagel } from '#';
-import { Btn } from '#/components';
+// import type { BagelField } from '@bagelink/vue';
+
+import { Btn, useBagel } from '@bagelink/vue';
 import Checkbox from '../form/inputs/Checkbox.vue';
 
 const bagel = useBagel();

package/src/components/formkit/BankDetailsArray.vue

@@ -111,10 +111,9 @@
 
 <script setup lang="ts">
 import { watch } from 'vue';
-// import type { BagelField } from '#/types/BagelField';
+// import type { BagelField } from '@bagelink/vue';
 
-import { useBagel } from '#';
-import { Btn } from '#/components';
+import { Btn, useBagel } from '@bagelink/vue';
 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 '#';
-import { Btn } from '#/components';
+// import type { BagelField } from '@bagelink/vue';
+
+import { Btn, useBagel } from '@bagelink/vue';
 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 '#';
-import { MaterialIcon, Btn } from '#/components';
+
+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/index.ts

@@ -1,3 +1,4 @@
+export * as LangText from './LangText.vue';
 export * as RTXEditor from './RTXEditor.vue';
 export * as MaterialIcon from './MaterialIcon.vue';
 export * as NavBar from './NavBar.vue';

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 '#';
+import { useBagel, PageTitle, FormSchema } from '@bagelink/vue';
 import {
 	BodyComponent,
 	HeaderComponent,
@@ -45,7 +45,6 @@ import {
 	ServerTemplateData,
 	FooterComponent,
 } from '../interfaces';
-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 '@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';

package/src/plugins/modal.ts

@@ -2,8 +2,8 @@ import {
 	h, InjectionKey, ref, inject, defineComponent,
 } from 'vue';
 import type { Plugin } from 'vue';
-import { Modal, ModalForm } from '../components';
-import type { BtnOptions } from '#/types/BtnOptions';
+import type { BtnOptions } from '@bagelink/vue';
+import { Modal, ModalForm } from '@bagelink/vue';
 
 interface ModalOptions {
 	title?: string;
@@ -34,7 +34,7 @@ interface ModalApi {
 	// modalOptions: Ref<ModalOptions | ModalFormOptions>;
 }
 
-const ModalSymbol: InjectionKey<ModalApi> = Symbol('modal');
+export const ModalSymbol: InjectionKey<ModalApi> = Symbol('modal');
 
 export const useModal = (): ModalApi => {
 	const modalApi = inject(ModalSymbol);

package/src/types/BtnOptions.ts

@@ -1,4 +1,4 @@
-import { MaterialIcons } from './materialIcons';
+import type { MaterialIcons } from './materialIcons';
 
 export interface BtnOptions {
 	onClick?: () => void;

package/src/types/index.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/src/utils/index.ts

@@ -1,6 +1,6 @@
 import { inject } from 'vue';
 
-import type { BagelField } from '#/types/BagelField';
+import type { BagelField } from '@bagelink/vue';
 
 let timeout: any;
 export const debounce = (fn: () => void, delay = 500) => {
@@ -56,3 +56,5 @@ export const parseLocale = (str: string, $t = (_str: string) => _str) => {
 	if (!w) return str;
 	return $t(w);
 };
+
+export { formatString } from './strings';

package/src/utils/objects.ts

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

package/tsconfig.json

@@ -1,6 +1,15 @@
 {
 	"compilerOptions": {
-		"baseUrl": "./",
+		"target": "ESNext",
+		"useDefineForClassFields": true,
+		"module": "ESNext",
+		"moduleResolution": "Node",
+		"strict": true,
+		"jsx": "preserve",
+		"resolveJsonModule": true,
+		"isolatedModules": true,
+		"esModuleInterop": true,
+		"skipLibCheck": true,
 		"lib": [
 			"ESNext",
 			"DOM"
@@ -9,36 +18,42 @@
 			"@vue-macros/reactivity-transform/macros-global"
 		],
 		"paths": {
-			"#": [
+			"@bagelink/vue": [
 				"./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/*"
+			"@bagelink/vue/*": [
+				"./vue/src/*"
 			],
+			// "#": [
+			// 	"./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)),
+			'@bagelink/vue': fileURLToPath(new URL('./src/', import.meta.url)),
 		},
 	},
 	build: {