@bagelink/vue 0.0.1234 → 0.0.1238

package/package.json

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

package/src/components/Calendar/components/header/Header.vue

@@ -124,12 +124,12 @@ function goToPeriod(direction: 'previous' | 'next') {
 
 <template>
 	<div class="flex gap-05 space-between pb-1 datePick">
-		<div class="flex gap-1">
+		<div class="flex gap-1 m_gap-025">
 			<Btn flat icon="chevron_left" @click="goToPeriod('previous')" />
 			<DatePick
 				ref="periodSelect"
 				v-model="currentPeriod.selectedDate"
-				class="m-0 bg-input-transparent m_w-max-90px txt10 p-0"
+				class="m-0 bg-input-transparent m_w-max-100px txt10 p-0"
 				:mode="mode"
 				center
 				@update:modelValue="handlePeriodChange"
@@ -147,6 +147,7 @@ function goToPeriod(direction: 'previous' | 'next') {
 @media screen and (max-width: 910px) {
 	.datePick{
 	--input-font-size: 0.75rem;
-}
+	--btn-padding: 20px;
+	}
 }
 </style>

package/src/components/Calendar/components/month/AgendaEvents.vue

@@ -25,20 +25,20 @@ const emit = defineEmits(['eventWasClicked'])
 </script>
 
 <template>
-	<div class="agenda__wrapper flex align-items-start gap-1">
+	<div class="agenda__wrapper grid align-items-start gap-1 h-100p ">
 		<header class="">
-			<div class="agenda__header-day-name txt-center">
+			<div class="agenda__header-day-name txt-center ">
 				{{ day.dayName }}
 			</div>
-			<div class="agenda__header-date flex justify-content-center rounded p-025 txt24 line-height-04">
+			<div class="agenda__header-date flex justify-content-center rounded p-025 txt24 line-height-04 ">
 				<!--        Here we want to display leading zero for days 1-9, in order to prevent layout shifts -->
 				{{ day.dateTimeString.substring(8, 10) }}
 			</div>
 		</header>
-		<div class="agenda__content flex column w-100p h-100p min-h-100px pt-05">
+		<div class="agenda__content flex column w-100p h-100p min-h-100px pt-05 border-start ps-1">
 			<div
 				v-if="day.events.length === 0"
-				class="align-items-center flex justify-content-center h-100p"
+				class="align-items-center flex justify-content-center h-100p opacity-6"
 			>
 				{{ getLanguage(languageKeys.noEvent, time.CALENDAR_LOCALE) }}
 			</div>
@@ -59,3 +59,14 @@ const emit = defineEmits(['eventWasClicked'])
 		</div>
 	</div>
 </template>
+
+<style scoped>
+.agenda__wrapper {
+	grid-template-columns: 100px 1fr;
+}
+@media screen and (max-width: 910px) {
+	.agenda__wrapper {
+		grid-template-columns: 40px 1fr;
+	}
+}
+</style>

package/src/components/Calendar/components/month/Month.vue

@@ -150,7 +150,7 @@ onMounted(() => {
 				:time="time"
 			/>
 		</div>
-		<div class="calendar-month__weeks h-100p flex-grow flex flex-stretch column space-between">
+		<div class="calendar-month__weeks h-100p flex-grow flex flex-stretch column space-between ">
 			<div
 				v-for="(week, weekIndex) in month"
 				:key="weekIndex"

package/src/components/Calendar/components/week/WeekTimeline.vue

@@ -42,7 +42,7 @@ function getDaysDate(day: DayInterface) {
 			}"
 			@click="emit('dayWasClicked', time.dateStringFrom(day.dateTimeString))"
 		>
-			<div class="flex justify-content-center gap-025 txt12">
+			<div class="flex justify-content-center gap-025 txt12 pb-025">
 				<div class="">
 					{{ day.dayName.charAt(0).toUpperCase() + day.dayName.slice(1, 3).toLowerCase() }}
 				</div>
@@ -78,7 +78,7 @@ function getDaysDate(day: DayInterface) {
 }
 
 .mode-is-day .week-timeline {
-	width: calc(100% - 3.5em);
+	/* width: calc(100% - 3.5em); */
 }
 
 .week-timeline__day {
@@ -86,8 +86,8 @@ function getDaysDate(day: DayInterface) {
 }
 
 .week-timeline__date {
-	height: 1rem;
-	width: 1rem;
+	height: 1.5rem;
+	width: 1.5rem;
 }
 
 .is-today .week-timeline__date {

package/src/components/form/inputs/Upload/UploadInput.vue

@@ -120,15 +120,15 @@ function handleDrop(e: DragEvent) {
 }
 
 if (props.dirPath) {
-	files.get(props.dirPath)
-		.then(response => storageFiles.push(...[response.data].flat()))
+	files.list(props.dirPath)
+		.then(response => storageFiles.push(...([response.data].flat())))
 		.catch(console.error)
 }
 
 watch(() => props.dirPath, () => {
 	if (props.dirPath) {
-		files.get(props.dirPath)
-			.then(response => storageFiles.push(...[response.data].flat()))
+		files.list(props.dirPath)
+			.then(response => storageFiles.push(...([response.data].flat())))
 			.catch(console.error)
 	}
 })

package/src/components/form/inputs/Upload/upload.ts

@@ -8,15 +8,25 @@ export const files = {
 		baseUrl = baseUrl.replace(/\/$/, '')
 		axios.defaults.baseURL = baseUrl
 	},
+
 	get: async (pathKey?: string): Promise<AxiosResponse<BglFile>> => { return axios.get('/files_v2/', { params: { path_key: pathKey } }) },
+
 	put: async (bglFilePatch: BglFilePatch, pathKey?: string): Promise<AxiosResponse<BglFile>> => { return axios.put('/files_v2/', bglFilePatch, { params: { path_key: pathKey } }) },
+
 	delete: async (pathKey?: string) => { return axios.delete('/files_v2/', { params: { path_key: pathKey } }) },
+
 	upload: async (file: File, options?: UploadOptions & { dirPath?: string, tags?: string[] }): Promise<AxiosResponse<BglFile>> => {
 		const formData = new FormData()
 		formData.append('upload', file)
 		return axios.post('/files_v2/upload', formData, {
 			headers: { 'Content-Type': 'multipart/form-data' },
+
 			onUploadProgress: options?.onUploadProgress,
 			params: { dir_path: options?.dirPath, tags: options?.tags },
-		}) }
+
+		}) },
+
+	list: async (dirPath?: string): Promise<AxiosResponse<BglFile[]>> => {
+		return axios.get('/files_v2/list', { params: { dir_path: dirPath } })
+	}
 }

package/src/utils/index.ts

@@ -172,8 +172,8 @@ export { useDebounceFn } from '@vueuse/core'
 const fileBaseUrl = (import.meta.env.VITE_FILE_BASE_URL || 'https://files.bagel.design').replace(/\/$/, '')
 const bagelBaseUrl = import.meta.env.VITE_BAGEL_BASE_URL
 
-export function pathKeyToURL(pathKey: string) {
-	if (pathKey.startsWith('static/')) {
+export function pathKeyToURL(pathKey?: string) {
+	if (pathKey?.startsWith('static/')) {
 		return `${bagelBaseUrl}/${pathKey}`
 	}
 	return `${fileBaseUrl}/${pathKey}`