sprintify-ui 0.0.204 → 0.1.2

package/src/components/BaseMediaPreview.vue

@@ -1,6 +1,7 @@
 <template>
   <component
     :is="url ? 'a' : 'div'"
+    ref="baseMediaPreviewRef"
     :href="url"
     target="_blank"
     class="relative flex items-center justify-center overflow-hidden"
@@ -25,24 +26,29 @@
       <BaseIcon
         v-if="extension == 'pdf'"
         class="max-w-8 h-1/2 max-h-8 w-1/2 text-slate-600"
-        icon="mdi:file-pdf-box"
+        icon="heroicons-solid:document-text"
       />
       <BaseIcon
         v-else-if="type == 'image'"
         class="max-w-8 h-1/2 max-h-8 w-1/2 text-slate-600"
-        icon="mdi:camera"
+        icon="heroicons-solid:photograph"
       />
       <BaseIcon
         v-else-if="type == 'audio'"
         class="max-w-8 h-1/2 max-h-8 w-1/2 text-slate-600"
-        icon="mdi:music"
+        icon="heroicons-solid:music-note"
       />
       <span
-        v-else
+        v-else-if="elementWidth > 50"
         class="text-xs font-semibold uppercase leading-tight text-slate-600"
       >
         {{ extension }}
       </span>
+      <BaseIcon
+        v-else
+        class="max-w-8 h-1/2 max-h-8 w-1/2 text-slate-600"
+        icon="heroicons-solid:paper-clip"
+      />
     </div>
   </component>
 </template>
@@ -52,6 +58,7 @@ import { Media } from '@/types/Media';
 import { UploadedFile } from '@/types/UploadedFile';
 import { PropType } from 'vue';
 import { Icon as BaseIcon } from '@iconify/vue';
+import { useElementSize } from '@vueuse/core';
 
 defineEmits(['delete']);
 
@@ -87,4 +94,9 @@ const url = computed(() => {
 
   return null;
 });
+
+const baseMediaPreviewRef = ref<HTMLElement | null>(null);
+
+const elementSize = useElementSize(baseMediaPreviewRef);
+const elementWidth = computed(() => elementSize.width.value);
 </script>

package/src/lang/en.json

@@ -26,6 +26,7 @@
     "delete_record": "Delete the record",
     "delete_record_description": "Are you sure to delete this record? This action is irreversible.",
     "deselect_all": "Deselect all",
+    "download": "Download",
     "drag_to_reposition": "Drag to reposition",
     "drop_or_click_to_upload": "Drop or click to upload",
     "edit": "Edit",
@@ -56,6 +57,7 @@
     "remove": "Remove",
     "remove_file": "Remove file?",
     "remove_file_description": "Are you sure you want to remove the file? This action is irreversible.",
+    "save": "Save",
     "search": "Search",
     "see_all_notifications": "See all notifications",
     "select_an_item": "Select an item",

package/src/lang/fr.json

@@ -26,6 +26,7 @@
     "delete_record": "Supprimer l'item",
     "delete_record_description": "Supprimer cet item ? \nCette action est irréversible.",
     "deselect_all": "Tout déselectionner",
+    "download": "Télécharger",
     "drag_to_reposition": "Faites glisser pour repositionner",
     "drop_or_click_to_upload": "Déposer ou cliquer pour télécharger",
     "edit": "Modifier",
@@ -56,6 +57,7 @@
     "remove": "Retirer",
     "remove_file": "Retirer le fichier?",
     "remove_file_description": "Supprimer le fichier ? \nCette action est irréversible.",
+    "save": "Sauvegarder",
     "search": "Rechercher",
     "see_all_notifications": "Voir toutes les notifications",
     "select_an_item": "Sélectionner un élément",

package/src/types/Media.ts

@@ -1,5 +1,6 @@
 interface Media {
   id: string;
+  name: string;
   file_name: string;
   size: number;
   mime_type: string;

package/src/types/UploadedFile.ts

@@ -1,5 +1,6 @@
 interface UploadedFile {
   id: string;
+  name: string;
   file_name: string;
   size: number;
   mime_type: string;

package/src/types/index.ts

@@ -4,6 +4,7 @@ import { RouteLocationRaw } from 'vue-router';
 import { UploadedFile } from './UploadedFile';
 import { Notification as AppNotification } from './Notification';
 import { CropType, ResultOptions } from 'croppie';
+import { Media } from './Media';
 
 export type Locales = { [locale: string]: string };
 
@@ -40,10 +41,7 @@ export type NormalizedOption = {
   label: string;
 };
 
-export type MediaLibraryPayload = {
-  to_remove: string[];
-  to_add: UploadedFile[];
-};
+export type MediaLibraryPayload = (Media | UploadedFile)[];
 
 export interface PaginationMetadata {
   current_page: number;