chore(deps): upgrade dependencies

LouisMazel · Sep 3, 2024 · 0b24903 · 0b24903
1 parent 797d581
commit 0b24903
Show file tree

Hide file tree

Showing 12 changed files with 193 additions and 671 deletions.
diff --git a/package.json b/package.json
@@ -19,7 +19,7 @@
     ]
   },
   "devDependencies": {
-    "@antfu/eslint-config": "^2.24.1",
+    "@antfu/eslint-config": "^3.0.0",
     "@commitlint/cli": "^19.4.1",
     "@commitlint/config-conventional": "^19.4.1",
     "@commitlint/cz-commitlint": "^19.4.0",

diff --git a/packages/lib/components/MazCardSpotlight.vue b/packages/lib/components/MazCardSpotlight.vue
@@ -59,8 +59,8 @@ function animateBlob({ clientX, clientY }: { clientX: number, clientY: number })
       [
         {
           transform: `translate(${clientX - rec.left - rec.width / 2}px,${
-              clientY - rec.top - rec.height / 2
-            }px)`,
+            clientY - rec.top - rec.height / 2
+          }px)`,
         },
       ],
       {

diff --git a/packages/lib/components/MazLoadingBar.vue b/packages/lib/components/MazLoadingBar.vue
@@ -46,8 +46,7 @@ const colorCSVariables = computed(() => ({
       left: 0;
       bottom: 0;
       will-change: left, right;
-      animation: indeterminate 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395)
-        infinite;
+      animation: indeterminate 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
     }
 
     &::after {
@@ -60,8 +59,7 @@ const colorCSVariables = computed(() => ({
       left: 0;
       bottom: 0;
       will-change: left, right;
-      animation: indeterminate-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1)
-        infinite;
+      animation: indeterminate-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;
       animation-delay: 1.15s;
     }
   }

diff --git a/packages/lib/components/MazPicker.vue b/packages/lib/components/MazPicker.vue
@@ -260,7 +260,7 @@ onBeforeMount(() => {
   }
   if (hasTime.value && !(props.format.includes('h') || props.format.includes('H'))) {
     console.error(
-        `[maz-ui](MazPicker) When you use the time picker, you must provided a format with time - Ex: "YYYY-MM-DD HH:mm"`,
+      `[maz-ui](MazPicker) When you use the time picker, you must provided a format with time - Ex: "YYYY-MM-DD HH:mm"`,
     )
   }
   if (props.format.includes('h') && !(props.format.includes('a') || props.format.includes('A'))) {
@@ -447,7 +447,7 @@ function addEventToTriggerCustomElement(selector: string) {
   }
   else {
     throw new Error(
-        `[maz-ui](MazPicker) impossible to find custom element with selector "${selector}"`,
+      `[maz-ui](MazPicker) impossible to find custom element with selector "${selector}"`,
     )
   }
 }

diff --git a/packages/lib/components/MazPicker/MazPickerCalendarSwitcher.vue b/packages/lib/components/MazPicker/MazPickerCalendarSwitcher.vue
@@ -26,12 +26,12 @@ const calendarDate2 = computed(() => dayjs(props.calendarDate))
 const monthLabel = computed(() => {
   return props.double
     ? `${capitalize(
-          date(calendarDate2.value.format(), props.locale, { month: 'long' }),
-        )} - ${capitalize(
-          date(calendarDate2.value.add(1, 'month').format(), props.locale, {
-            month: 'long',
-          }),
-        )}`
+      date(calendarDate2.value.format(), props.locale, { month: 'long' }),
+    )} - ${capitalize(
+      date(calendarDate2.value.add(1, 'month').format(), props.locale, {
+        month: 'long',
+      }),
+    )}`
     : capitalize(date(calendarDate2.value.format(), props.locale, { month: 'long' }))
 })
 

diff --git a/packages/lib/components/MazPicker/MazPickerHeader.vue b/packages/lib/components/MazPicker/MazPickerHeader.vue
@@ -35,20 +35,20 @@ const transitionName = ref<'maz-slidevnext' | 'maz-slidevprev'>('maz-slidevnext'
 const year = computed(() => {
   if (props.modelValue && typeof props.modelValue === 'object') {
     return `${
-        props.modelValue.start
-          ? date(props.modelValue.start, props.locale, {
-              year: 'numeric',
-              timeZone: props.formatterOptions.timeZone,
-            })
-          : '...'
-      } - ${
-        props.modelValue.end
-          ? date(props.modelValue.end, props.locale, {
-              year: 'numeric',
-              timeZone: props.formatterOptions.timeZone,
-            })
-          : '...'
-      }`
+      props.modelValue.start
+        ? date(props.modelValue.start, props.locale, {
+          year: 'numeric',
+          timeZone: props.formatterOptions.timeZone,
+        })
+        : '...'
+    } - ${
+      props.modelValue.end
+        ? date(props.modelValue.end, props.locale, {
+          year: 'numeric',
+          timeZone: props.formatterOptions.timeZone,
+        })
+        : '...'
+    }`
   }
   else if (typeof props.modelValue === 'string') {
     return date(props.modelValue, props.locale, {
@@ -70,28 +70,28 @@ const dateString = computed(() => {
   ) {
     const dateOption = props.noShortcuts && !props.double ? 'short' : 'long'
     return `${
-        props.modelValue.start
-          ? capitalize(
-              date(props.modelValue.start, props.locale, {
-                weekday: dateOption,
-                month: dateOption,
-                day: 'numeric',
-                timeZone: props.formatterOptions.timeZone,
-              }),
-            )
-          : '...'
-      } - ${
-        props.modelValue.end
-          ? capitalize(
-              date(props.modelValue.end, props.locale, {
-                weekday: dateOption,
-                month: dateOption,
-                day: 'numeric',
-                timeZone: props.formatterOptions.timeZone,
-              }),
-            )
-          : '...'
-      }`
+      props.modelValue.start
+        ? capitalize(
+          date(props.modelValue.start, props.locale, {
+            weekday: dateOption,
+            month: dateOption,
+            day: 'numeric',
+            timeZone: props.formatterOptions.timeZone,
+          }),
+        )
+        : '...'
+    } - ${
+      props.modelValue.end
+        ? capitalize(
+          date(props.modelValue.end, props.locale, {
+            weekday: dateOption,
+            month: dateOption,
+            day: 'numeric',
+            timeZone: props.formatterOptions.timeZone,
+          }),
+        )
+        : '...'
+    }`
   }
   else if (typeof props.modelValue === 'string') {
     return capitalize(

diff --git a/packages/lib/components/MazPicker/MazPickerMonthSwitcher.vue b/packages/lib/components/MazPicker/MazPickerMonthSwitcher.vue
@@ -30,14 +30,14 @@ const months = computed<
     return props.double
       ? {
           label: `${capitalize(
-              date(monthDate.format(), props.locale, {
-                month: 'short',
-              }),
-            )} - ${capitalize(
-              date(monthDate.add(1, 'month').format(), props.locale, {
-                month: 'short',
-              }),
-            )}`,
+            date(monthDate.format(), props.locale, {
+              month: 'short',
+            }),
+          )} - ${capitalize(
+            date(monthDate.add(1, 'month').format(), props.locale, {
+              month: 'short',
+            }),
+          )}`,
           date: monthDate,
         }
       : {

diff --git a/packages/lib/components/MazPicker/MazPickerTime.vue b/packages/lib/components/MazPicker/MazPickerTime.vue
@@ -187,7 +187,7 @@ watch(
 
       if (MazPickerTime.value) {
         const item = MazPickerTime.value.querySelector(
-            `.m-picker-time__column .m-btn`,
+          `.m-picker-time__column .m-btn`,
         ) as HTMLButtonElement
         const itemHeight = item?.offsetHeight
         const timePickerHeight = MazPickerTime.value?.offsetHeight
@@ -246,7 +246,7 @@ async function scrollColumn(identifier: ColumnIdentifier, hasSmoothEffect = true
       | undefined
 
     const selectedButton = MazPickerTime.value.querySelector(
-        `.m-picker-time__column__${identifier} .--is-selected`,
+      `.m-picker-time__column__${identifier} .--is-selected`,
     ) as HTMLButtonElement | undefined
 
     if (dividerHeight.value && column && selectedButton && MazPickerTime.value) {

diff --git a/packages/lib/components/MazTabsBar.vue b/packages/lib/components/MazTabsBar.vue
@@ -153,7 +153,7 @@ function getTabStyle(index: number, disabled: boolean): StyleValue {
 onBeforeMount(() => {
   if (currentTab.value < 1 || currentTab.value > normalizedItems.value.length) {
     console.error(
-        `[maz-ui](MazTabsBar) The model-value should be between 1 and ${normalizedItems.value.length}`,
+      `[maz-ui](MazTabsBar) The model-value should be between 1 and ${normalizedItems.value.length}`,
     )
   }
 })

diff --git a/packages/lib/css/maz-ui-variables.css b/packages/lib/css/maz-ui-variables.css
@@ -103,7 +103,6 @@
   --maz-border-width: 0.063rem;
   --maz-border-color: hsl(220deg 13.04% 90.98%);
   --maz-border-radius: 0.7rem;
-  --maz-font-family: system-ui, -apple-system, blinkmacsystemfont, 'Segoe UI',
-    roboto, oxygen, ubuntu, cantarell, 'Fira Sans', 'Droid Sans',
-    'Helvetica Neue', sans-serif;
+  --maz-font-family: system-ui, -apple-system, blinkmacsystemfont, 'Segoe UI', roboto, oxygen, ubuntu, cantarell,
+    'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
 }
diff --git a/packages/lib/modules/directives/v-fullscreen-img/MazFullscreenImg.vue b/packages/lib/modules/directives/v-fullscreen-img/MazFullscreenImg.vue
@@ -139,7 +139,7 @@ async function useNextInstance(currentInstance: HTMLElement, nextInstance: HTMLE
 
 function nextPreviousImage(which: 'next' | 'previous'): void {
   const currentInstance: HTMLElement | null = document.querySelector(
-      `.m-fullscreen-img-instance.${props.openInstanceClass}`,
+    `.m-fullscreen-img-instance.${props.openInstanceClass}`,
   )
 
   if (currentInstance) {
-Original file line number
+Diff line change
@@ Expand Up @@
           [
             {
               transform: `translate(${clientX - rec.left - rec.width / 2}px,${
-                  clientY - rec.top - rec.height / 2
-                }px)`,
+                clientY - rec.top - rec.height / 2
+              }px)`,
             },
           ],
           {
@@ Expand Down @@