sprintify-ui 0.0.15 → 0.0.17

package/dist/types/src/components/BaseTextareaAutoresize.vue.d.ts

@@ -1,160 +1,33 @@
-declare const _default: {
-    new (...args: any[]): {
-        $: import("vue").ComponentInternalInstance;
-        $data: {};
-        $props: Partial<{
-            modelValue: string;
-            placeholder: string;
-            disabled: boolean;
-            maxHeight: number;
-            submitOnEnter: boolean;
-        }> & Omit<Readonly<import("vue").ExtractPropTypes<{
-            modelValue: {
-                default: string;
-                type: StringConstructor;
-            };
-            placeholder: {
-                default: string;
-                type: StringConstructor;
-            };
-            name: {
-                required: true;
-                type: StringConstructor;
-            };
-            maxHeight: {
-                default: number;
-                type: NumberConstructor;
-            };
-            /**
-             * Setting this to true will trigger the 'submit' event while pressing Enter.
-             * Users will be able to add a line break while pressing Shift + Enter.
-             */
-            submitOnEnter: {
-                default: boolean;
-                type: BooleanConstructor;
-            };
-            disabled: {
-                default: boolean;
-                type: BooleanConstructor;
-            };
-        }>> & {
-            onFocus?: ((...args: any[]) => any) | undefined;
-            onInput?: ((...args: any[]) => any) | undefined;
-            onSubmit?: ((...args: any[]) => any) | undefined;
-            "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "modelValue" | "placeholder" | "disabled" | "maxHeight" | "submitOnEnter">;
-        $attrs: {
-            [x: string]: unknown;
-        };
-        $refs: {
-            [x: string]: unknown;
-        };
-        $slots: Readonly<{
-            [name: string]: import("vue").Slot | undefined;
-        }>;
-        $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null;
-        $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null;
-        $emit: (event: "input" | "submit" | "update:modelValue" | "focus", ...args: any[]) => void;
-        $el: any;
-        $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-            modelValue: {
-                default: string;
-                type: StringConstructor;
-            };
-            placeholder: {
-                default: string;
-                type: StringConstructor;
-            };
-            name: {
-                required: true;
-                type: StringConstructor;
-            };
-            maxHeight: {
-                default: number;
-                type: NumberConstructor;
-            };
-            /**
-             * Setting this to true will trigger the 'submit' event while pressing Enter.
-             * Users will be able to add a line break while pressing Shift + Enter.
-             */
-            submitOnEnter: {
-                default: boolean;
-                type: BooleanConstructor;
-            };
-            disabled: {
-                default: boolean;
-                type: BooleanConstructor;
-            };
-        }>> & {
-            onFocus?: ((...args: any[]) => any) | undefined;
-            onInput?: ((...args: any[]) => any) | undefined;
-            onSubmit?: ((...args: any[]) => any) | undefined;
-            "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
-        }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("input" | "submit" | "update:modelValue" | "focus")[], string, {
-            modelValue: string;
-            placeholder: string;
-            disabled: boolean;
-            maxHeight: number;
-            submitOnEnter: boolean;
-        }, {}, string> & {
-            beforeCreate?: ((() => void) | (() => void)[]) | undefined;
-            created?: ((() => void) | (() => void)[]) | undefined;
-            beforeMount?: ((() => void) | (() => void)[]) | undefined;
-            mounted?: ((() => void) | (() => void)[]) | undefined;
-            beforeUpdate?: ((() => void) | (() => void)[]) | undefined;
-            updated?: ((() => void) | (() => void)[]) | undefined;
-            activated?: ((() => void) | (() => void)[]) | undefined;
-            deactivated?: ((() => void) | (() => void)[]) | undefined;
-            beforeDestroy?: ((() => void) | (() => void)[]) | undefined;
-            beforeUnmount?: ((() => void) | (() => void)[]) | undefined;
-            destroyed?: ((() => void) | (() => void)[]) | undefined;
-            unmounted?: ((() => void) | (() => void)[]) | undefined;
-            renderTracked?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
-            renderTriggered?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
-            errorCaptured?: (((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null, info: string) => boolean | void)[]) | undefined;
-        };
-        $forceUpdate: () => void;
-        $nextTick: typeof import("vue").nextTick;
-        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean> | undefined): import("vue").WatchStopHandle;
-    } & Readonly<import("vue").ExtractPropTypes<{
-        modelValue: {
-            default: string;
-            type: StringConstructor;
-        };
-        placeholder: {
-            default: string;
-            type: StringConstructor;
-        };
-        name: {
-            required: true;
-            type: StringConstructor;
-        };
-        maxHeight: {
-            default: number;
-            type: NumberConstructor;
-        };
-        /**
-         * Setting this to true will trigger the 'submit' event while pressing Enter.
-         * Users will be able to add a line break while pressing Shift + Enter.
-         */
-        submitOnEnter: {
-            default: boolean;
-            type: BooleanConstructor;
-        };
-        disabled: {
-            default: boolean;
-            type: BooleanConstructor;
-        };
-    }>> & {
-        onFocus?: ((...args: any[]) => any) | undefined;
-        onInput?: ((...args: any[]) => any) | undefined;
-        onSubmit?: ((...args: any[]) => any) | undefined;
-        "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
-    } & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
-    __isFragment?: undefined;
-    __isTeleport?: undefined;
-    __isSuspense?: undefined;
-} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+declare const _default: import("vue").DefineComponent<{
+    modelValue: {
+        default: string;
+        type: StringConstructor;
+    };
+    placeholder: {
+        default: string;
+        type: StringConstructor;
+    };
+    name: {
+        required: true;
+        type: StringConstructor;
+    };
+    maxHeight: {
+        default: number;
+        type: NumberConstructor;
+    };
+    /**
+     * Setting this to true will trigger the 'submit' event while pressing Enter.
+     * Users will be able to add a line break while pressing Shift + Enter.
+     */
+    submitOnEnter: {
+        default: boolean;
+        type: BooleanConstructor;
+    };
+    disabled: {
+        default: boolean;
+        type: BooleanConstructor;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("input" | "submit" | "update:modelValue" | "focus")[], "input" | "submit" | "update:modelValue" | "focus", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     modelValue: {
         default: string;
         type: StringConstructor;
@@ -188,11 +61,11 @@ declare const _default: {
     onInput?: ((...args: any[]) => any) | undefined;
     onSubmit?: ((...args: any[]) => any) | undefined;
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("input" | "submit" | "update:modelValue" | "focus")[], "input" | "submit" | "update:modelValue" | "focus", {
+}, {
     modelValue: string;
     placeholder: string;
     disabled: boolean;
     maxHeight: number;
     submitOnEnter: boolean;
-}, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps;
+}>;
 export default _default;

package/dist/types/src/svg/BaseSpinnerSmall.vue.d.ts

@@ -1,44 +1,2 @@
-declare const _default: {
-    new (...args: any[]): {
-        $: import("vue").ComponentInternalInstance;
-        $data: {};
-        $props: Partial<{}> & Omit<Readonly<import("vue").ExtractPropTypes<{}>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>;
-        $attrs: {
-            [x: string]: unknown;
-        };
-        $refs: {
-            [x: string]: unknown;
-        };
-        $slots: Readonly<{
-            [name: string]: import("vue").Slot | undefined;
-        }>;
-        $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null;
-        $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null;
-        $emit: (event: string, ...args: any[]) => void;
-        $el: any;
-        $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string> & {
-            beforeCreate?: ((() => void) | (() => void)[]) | undefined;
-            created?: ((() => void) | (() => void)[]) | undefined;
-            beforeMount?: ((() => void) | (() => void)[]) | undefined;
-            mounted?: ((() => void) | (() => void)[]) | undefined;
-            beforeUpdate?: ((() => void) | (() => void)[]) | undefined;
-            updated?: ((() => void) | (() => void)[]) | undefined;
-            activated?: ((() => void) | (() => void)[]) | undefined;
-            deactivated?: ((() => void) | (() => void)[]) | undefined;
-            beforeDestroy?: ((() => void) | (() => void)[]) | undefined;
-            beforeUnmount?: ((() => void) | (() => void)[]) | undefined;
-            destroyed?: ((() => void) | (() => void)[]) | undefined;
-            unmounted?: ((() => void) | (() => void)[]) | undefined;
-            renderTracked?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
-            renderTriggered?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
-            errorCaptured?: (((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null, info: string) => boolean | void)[]) | undefined;
-        };
-        $forceUpdate: () => void;
-        $nextTick: typeof import("vue").nextTick;
-        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean> | undefined): import("vue").WatchStopHandle;
-    } & Readonly<import("vue").ExtractPropTypes<{}>> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
-    __isFragment?: undefined;
-    __isTeleport?: undefined;
-    __isSuspense?: undefined;
-} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps;
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
 export default _default;

package/package.json

@@ -1,8 +1,9 @@
 {
   "name": "sprintify-ui",
-  "version": "0.0.15",
+  "version": "0.0.17",
   "scripts": {
     "build": "rimraf dist && vue-tsc && vite build",
+    "build-fast": "rimraf dist && vite build",
     "docs:dev": "vitepress dev docs",
     "docs:build": "vitepress build docs",
     "docs:serve": "vitepress serve docs",
@@ -15,7 +16,7 @@
     "@tailwindcss/line-clamp": "^0.4.2",
     "@tailwindcss/typography": "^0.5.8",
     "@vueuse/core": "^9.0.0",
-    "axios": "^1.0.0",
+    "axios": "^0.26.1",
     "lodash": "^4.17.21",
     "luxon": "^3.0.0",
     "pinia": "^2.0.0",
@@ -54,7 +55,7 @@
     "@vue/eslint-config-typescript": "^11.0.2",
     "@vueuse/core": "^9.5.0",
     "autoprefixer": "^10.4.13",
-    "axios": "^1.1.3",
+    "axios": "^0.26.1",
     "babel-loader": "^8.3.0",
     "eslint": "^8.27.0",
     "eslint-config-prettier": "^8.5.0",

package/src/components/BaseAppDialogs.vue

@@ -11,7 +11,7 @@
     >
       <div
         v-if="dialogs.length"
-        class="z-dialogs fixed inset-0 h-full w-full bg-black bg-opacity-60"
+        class="fixed inset-0 z-dialogs h-full w-full bg-black bg-opacity-60"
       />
     </Transition>
 
@@ -29,7 +29,7 @@
         v-for="dialog in dialogs"
         :key="dialog.id"
         scroll-lock-target
-        class="z-dialogs fixed inset-0 transform overflow-y-auto"
+        class="fixed inset-0 z-dialogs transform overflow-y-auto"
       >
         <div
           class="flex min-h-full items-end justify-center p-4 text-center sm:items-center sm:p-0"
@@ -68,8 +68,6 @@ import { disableScroll, enableScroll } from '@/utils/scrollPreventer';
 const dialogStore = useDialogsStore();
 
 const dialogs = computed(() => {
-  console.log(dialogStore.dialogs);
-
   return dialogStore.dialogs;
 });
 

package/src/components/BaseBelongsTo.vue

@@ -86,6 +86,14 @@ const emit = defineEmits(['update:modelValue']);
 
 const model = ref(props.currentModel);
 
+watch(
+  () => props.currentModel,
+  (newValue, oldValue) => {
+    model.value = newValue;
+  },
+  { deep: true }
+);
+
 watch(
   () => props.modelValue,
   (newValue, oldValue) => {

package/src/components/BaseDataIterator.vue

@@ -11,12 +11,12 @@
         :class="{ 'col-span-1': !mobileLayout, 'col-span-2': mobileLayout }"
       >
         <!-- Header -->
-        <div class="flex mb-4 space-x-2 empty:mb-0">
+        <div class="mb-4 flex space-x-2 empty:mb-0">
           <!-- Search bar -->
           <div v-if="searchable" class="grow">
             <div class="relative h-11">
               <div
-                class="flex pointer-events-none absolute top-0 left-0 h-full items-center justify-center pl-2.5"
+                class="pointer-events-none absolute top-0 left-0 flex h-full items-center justify-center pl-2.5"
               >
                 <BaseIcon
                   class="h-6 w-6 text-slate-400"
@@ -33,7 +33,7 @@
               />
               <div
                 v-if="searchQuery"
-                class="flex absolute top-0 right-0 h-full items-center justify-center p-1"
+                class="absolute top-0 right-0 flex h-full items-center justify-center p-1"
               >
                 <button
                   type="button"
@@ -55,7 +55,7 @@
           <!-- Filters (mobile) -->
           <button
             v-if="mobileLayout && hasFilters"
-            class="flex btn h-11 items-center justify-center py-1 text-base shadow-sm"
+            class="btn flex h-11 items-center justify-center py-1 text-base shadow-sm"
             type="button"
             @click="showFilters = true"
           >

package/src/components/BaseDataTable.vue

@@ -405,19 +405,28 @@ const onDelete = (row: CollectionItem) => {
     return;
   }
 
-  http.delete(props.deleteUrl(row)).then((response) => {
-    if (response.data && response.data.message) {
+  http
+    .delete(props.deleteUrl(row))
+    .then((response) => {
+      if (response.data && response.data.message) {
+        notifications.push({
+          title: i18n.t('sui.success'),
+          text: response.data.message,
+          color: 'success',
+        });
+      }
+      emit('delete', row);
+
+      // Refetch even if URL is the same
+      fetch();
+    })
+    .catch((error) => {
       notifications.push({
-        title: i18n.t('sui.success'),
-        text: response.data.message,
-        color: 'success',
+        title: i18n.t('sui.error'),
+        text: error.response.data?.message ?? 'Unknown error',
+        color: 'danger',
       });
-    }
-    emit('delete', row);
-
-    // Refetch even if URL is the same
-    fetch();
-  });
+    });
 };
 
 /*

package/src/components/BaseHasMany.vue

@@ -82,6 +82,14 @@ const emit = defineEmits(['update:modelValue']);
 
 const models = ref(props.currentModels);
 
+watch(
+  () => props.currentModels,
+  (newValue, oldValue) => {
+    models.value = newValue;
+  },
+  { deep: true }
+);
+
 function onUpdate(newModels: Option[]) {
   models.value = newModels;
   emit(

package/src/components/BaseMediaItem.vue

@@ -23,7 +23,7 @@
         <button
           type="button"
           class="rounded-full bg-slate-400 p-1 text-white hover:bg-slate-500"
-          @click="$emit('delete')"
+          @click="$emit('remove')"
         >
           <BaseIcon icon="heroicons:x-mark-20-solid" class="h-4 w-4"></BaseIcon>
         </button>
@@ -40,7 +40,7 @@ import { fileSizeFormat } from '@/utils';
 import BaseMediaPreview from './BaseMediaPreview.vue';
 import { BaseIcon } from '.';
 
-defineEmits(['delete']);
+defineEmits(['remove']);
 
 const props = defineProps({
   media: {

package/src/components/BaseMediaLibrary.vue

@@ -25,13 +25,13 @@
               baseFileUploaderProps.dragging ? 'bg-blue-100' : 'bg-slate-100',
               baseFileUploaderProps.disabled
                 ? 'cursor-not-allowed border-slate-300'
-                : 'border-slate-400 hover:bg-slate-50',
+                : 'border-slate-300 hover:bg-slate-50',
             ]"
           >
             <div :class="[baseFileUploaderProps.disabled ? 'opacity-30' : '']">
               <BaseIcon
                 icon="heroicons:arrow-up-on-square"
-                class="mx-auto mb-3 h-6 w-6 text-slate-500"
+                class="mx-auto mb-3 h-6 w-6 text-primary-500"
               />
               <div class="text-center">
                 <p class="mb-0 text-sm font-medium leading-tight">
@@ -57,24 +57,30 @@
       v-if="currentMediaInternal.length + normalizedModelValue.to_add.length"
       class="mt-5"
     >
-      <div class="grid gap-2 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4">
-        <div v-for="(media, index) in currentMediaInternal" :key="media.id">
+      <div class="-m-1 flex flex-wrap">
+        <div
+          v-for="(media, index) in currentMediaInternal"
+          :key="media.id"
+          class="min-w-[220px] flex-1 p-1"
+        >
           <BaseMediaItem
             :media="media"
             :show-remove="!disabled"
-            @delete="promptRemoveMedia(index)"
+            @remove="promptRemoveMedia(index)"
           >
             {{ media.file_name }}
           </BaseMediaItem>
         </div>
+
         <div
           v-for="(file, index) in normalizedModelValue.to_add"
           :key="file.id"
+          class="min-w-[220px] flex-1 p-1"
         >
           <BaseMediaItem
             :media="file"
             :show-remove="!disabled"
-            @delete="promptRemoveUploadedFile(index)"
+            @remove="promptRemoveUploadedFile(index)"
           >
             {{ file.file_name }}
           </BaseMediaItem>

package/src/components/BaseSideNavigationItem.vue

@@ -10,7 +10,7 @@
       class="group relative flex items-center px-3 py-1"
       :class="[
         (activeStrategy == 'default' ? isActive : isExactActive)
-          ? 'font-semibold text-blue-600'
+          ? 'font-semibold text-primary-600'
           : 'text-slate-600 hover:text-slate-900',
         disabled ? 'cursor-not-allowed opacity-60' : '',
       ]"
@@ -20,7 +20,7 @@
         class="absolute left-0 top-0 h-full"
         :class="[
           (activeStrategy == 'default' ? isActive : isExactActive)
-            ? 'w-[2px] bg-blue-600'
+            ? 'w-[2px] bg-primary-600'
             : 'group-hover:w-px group-hover:bg-slate-700',
         ]"
       ></div>

package/src/components/BaseTabItem.vue

@@ -10,7 +10,7 @@
         class="group relative inline-block rounded-t-lg px-2 py-3 font-medium"
         :class="[
           (activeStrategy == 'default' ? isActive : isExactActive)
-            ? 'text-blue-600'
+            ? 'text-primary-600'
             : 'text-slate-600 hover:text-slate-900',
           disabled ? 'cursor-not-allowed opacity-60' : '',
         ]"
@@ -20,7 +20,7 @@
           class="absolute left-0 bottom-0 w-full"
           :class="[
             (activeStrategy == 'default' ? isActive : isExactActive)
-              ? 'h-[2px] bg-blue-600'
+              ? 'h-[2px] bg-primary-600'
               : 'group-hover:h-px group-hover:bg-slate-700',
           ]"
         ></div>

package/src/components/BaseTable.vue

@@ -10,7 +10,7 @@
         :style="{ maxHeight: maxHeight ? maxHeight + 'px' : undefined }"
       >
         <div class="inline-block min-w-full align-middle">
-          <div class="relative">
+          <div class="relative min-h-[300px]">
             <table class="min-w-full border-separate border-spacing-0">
               <thead v-if="newColumns.length" ref="thead">
                 <tr>

package/src/lang/fr.json

@@ -50,7 +50,7 @@
     "upload_failed": "Le téléchargement a échoué",
     "whoops": "Oups",
     "x_rows_selected": "1 item sélectionné | \n{count} items sélectionnés",
-    "year": "An",
+    "year": "Année",
     "yes_delete": "Oui, supprimer",
     "you_can_upload_up_to_n_files": "Vous pouvez télécharger un fichier au maximum|Vous pouvez télécharger jusqu'à {count} fichiers",
     "you_cannot_select_more_than_x_items": "Vous ne pouvez pas sélectionner plus de un élément|Vous ne pouvez pas sélectionner plus de {count} éléments"