@stsdti/funky-ui-kit 1.4.0 → 1.4.2

package/dist/funky-ui-kit.es.js

@@ -20732,6 +20732,96 @@ __publicField(ResponseUtils, "STATUS_CODES", {
   STATUS_CODE_UNPROCESSABLE_ENTITY: 422,
   STATUS_CODE_SERVER_ERROR: 500
 });
+const isMediaInstance = (file) => !!(file == null ? void 0 : file.id);
+const isFileInstance = (file) => file instanceof File || file instanceof Blob;
+const getFilesFromEvent = (event) => {
+  var _a3, _b2;
+  return [...((_a3 = event == null ? void 0 : event.dataTransfer) == null ? void 0 : _a3.files) || ((_b2 = event == null ? void 0 : event.target) == null ? void 0 : _b2.files)];
+};
+const normalizeToFileLike = (item) => {
+  var _a3;
+  return isFileInstance(item) ? item : {
+    name: (item == null ? void 0 : item.name) || (item == null ? void 0 : item.filename) || ((_a3 = item == null ? void 0 : item.files) == null ? void 0 : _a3.filename),
+    size: item == null ? void 0 : item.size,
+    lastModified: item == null ? void 0 : item.lastModified
+  };
+};
+const fileExists = (item, list = []) => {
+  if (!item) return false;
+  const c2 = normalizeToFileLike(item);
+  return (list || []).some((i2) => {
+    const f = normalizeToFileLike(i2);
+    return (f == null ? void 0 : f.name) === (c2 == null ? void 0 : c2.name) && (f == null ? void 0 : f.size) === (c2 == null ? void 0 : c2.size) && (f == null ? void 0 : f.lastModified) === (c2 == null ? void 0 : c2.lastModified);
+  });
+};
+const getFilename = (file) => (file == null ? void 0 : file.name) || (file == null ? void 0 : file.filename) || "Fișier";
+const getMimeType = (file) => (file == null ? void 0 : file.mime_type) || (file == null ? void 0 : file.type) || "";
+const getExtension = (file) => {
+  const name = getFilename(file);
+  const parts = String(name).split(".");
+  return parts.length > 1 ? parts.pop().toLowerCase() : "";
+};
+const getFileTypeClass = (file) => {
+  const type = getMimeType(file);
+  switch (type) {
+    case mimeType.image:
+    case mimeType.imagePng:
+    case mimeType.imageJpeg:
+      return fileType.image;
+    case mimeType.pdf:
+      return fileType.pdf;
+    default:
+      return fileType.default;
+  }
+};
+const getStatus = (file) => isFileInstance(file) ? fileStatus.pending : fileStatus.uploaded;
+const getResponseContentType = (response) => {
+  if (!(response == null ? void 0 : response.headers)) {
+    return;
+  }
+  return response.headers["content-type"] || response.headers["Content-Type"] || "";
+};
+const blobToBase64$1 = (blob) => new Promise((resolve, reject) => {
+  const reader = new FileReader();
+  reader.onloadend = () => resolve(reader.result);
+  reader.onerror = reject;
+  reader.readAsDataURL(blob);
+});
+const downloadFileByteArray = ({ data, name, contentType }) => {
+  const blob = new Blob([data], { type: contentType });
+  const link = document.createElement("a");
+  link.href = window.URL.createObjectURL(blob);
+  link.download = name;
+  link.click();
+  window.URL.revokeObjectURL(link.href);
+};
+const AppFileNewUtils = {
+  isMediaInstance,
+  isFileInstance,
+  getFilesFromEvent,
+  normalizeToFileLike,
+  fileExists,
+  getFilename,
+  getExtension,
+  getMimeType,
+  getFileTypeClass,
+  getStatus,
+  getResponseContentType,
+  blobToBase64: blobToBase64$1,
+  downloadFileByteArray
+};
+class Media {
+  static get type() {
+    return {
+      mediable: "mediable",
+      spatieMediable: "spatie"
+    };
+  }
+  static getTag(media, type = mediaType) {
+    let path = type === this.type.mediable ? "pivot.tag" : "custom_properties.tag";
+    return lodashExports.get(media, path);
+  }
+}
 function bind(fn7, thisArg) {
   return function wrap() {
     return fn7.apply(thisArg, arguments);
@@ -23065,26 +23155,26 @@ function createInstance(defaultConfig) {
   };
   return instance;
 }
-const axios = createInstance(defaults);
-axios.Axios = Axios$1;
-axios.CanceledError = CanceledError$1;
-axios.CancelToken = CancelToken$1;
-axios.isCancel = isCancel$1;
-axios.VERSION = VERSION$1;
-axios.toFormData = toFormData$1;
-axios.AxiosError = AxiosError$1;
-axios.Cancel = axios.CanceledError;
-axios.all = function all(promises) {
+const axios$1 = createInstance(defaults);
+axios$1.Axios = Axios$1;
+axios$1.CanceledError = CanceledError$1;
+axios$1.CancelToken = CancelToken$1;
+axios$1.isCancel = isCancel$1;
+axios$1.VERSION = VERSION$1;
+axios$1.toFormData = toFormData$1;
+axios$1.AxiosError = AxiosError$1;
+axios$1.Cancel = axios$1.CanceledError;
+axios$1.all = function all(promises) {
   return Promise.all(promises);
 };
-axios.spread = spread$1;
-axios.isAxiosError = isAxiosError$1;
-axios.mergeConfig = mergeConfig$1;
-axios.AxiosHeaders = AxiosHeaders$1;
-axios.formToJSON = (thing) => formDataToJSON(utils$1.isHTMLForm(thing) ? new FormData(thing) : thing);
-axios.getAdapter = adapters.getAdapter;
-axios.HttpStatusCode = HttpStatusCode$1;
-axios.default = axios;
+axios$1.spread = spread$1;
+axios$1.isAxiosError = isAxiosError$1;
+axios$1.mergeConfig = mergeConfig$1;
+axios$1.AxiosHeaders = AxiosHeaders$1;
+axios$1.formToJSON = (thing) => formDataToJSON(utils$1.isHTMLForm(thing) ? new FormData(thing) : thing);
+axios$1.getAdapter = adapters.getAdapter;
+axios$1.HttpStatusCode = HttpStatusCode$1;
+axios$1.default = axios$1;
 const {
   Axios: Axios2,
   AxiosError,
@@ -23102,85 +23192,16 @@ const {
   formToJSON,
   getAdapter,
   mergeConfig
-} = axios;
-const isMediaInstance = (file) => !!(file == null ? void 0 : file.id);
-const isFileInstance = (file) => file instanceof File || file instanceof Blob;
-const getFilesFromEvent = (event) => {
-  var _a3, _b2;
-  return [...((_a3 = event == null ? void 0 : event.dataTransfer) == null ? void 0 : _a3.files) || ((_b2 = event == null ? void 0 : event.target) == null ? void 0 : _b2.files)];
-};
-const normalizeToFileLike = (item) => {
-  var _a3;
-  return isFileInstance(item) ? item : {
-    name: (item == null ? void 0 : item.name) || (item == null ? void 0 : item.filename) || ((_a3 = item == null ? void 0 : item.files) == null ? void 0 : _a3.filename),
-    size: item == null ? void 0 : item.size,
-    lastModified: item == null ? void 0 : item.lastModified
-  };
-};
-const fileExists = (item, list = []) => {
-  if (!item) return false;
-  const c2 = normalizeToFileLike(item);
-  return (list || []).some((i2) => {
-    const f = normalizeToFileLike(i2);
-    return (f == null ? void 0 : f.name) === (c2 == null ? void 0 : c2.name) && (f == null ? void 0 : f.size) === (c2 == null ? void 0 : c2.size) && (f == null ? void 0 : f.lastModified) === (c2 == null ? void 0 : c2.lastModified);
-  });
-};
-const getFilename = (file) => (file == null ? void 0 : file.name) || (file == null ? void 0 : file.filename) || "Fișier";
-const getMimeType = (file) => (file == null ? void 0 : file.mime_type) || (file == null ? void 0 : file.type) || "";
-const getExtension = (file) => {
-  const name = getFilename(file);
-  const parts = String(name).split(".");
-  return parts.length > 1 ? parts.pop().toLowerCase() : "";
-};
-const getFileTypeClass = (file) => {
-  const type = getMimeType(file);
-  switch (type) {
-    case mimeType.image:
-    case mimeType.imagePng:
-    case mimeType.imageJpeg:
-      return fileType.image;
-    case mimeType.pdf:
-      return fileType.pdf;
-    default:
-      return fileType.default;
-  }
-};
-const getStatus = (file) => isFileInstance(file) ? fileStatus.pending : fileStatus.uploaded;
-const getResponseContentType = (response) => {
-  if (!(response == null ? void 0 : response.headers)) {
-    return;
-  }
-  return response.headers["content-type"] || response.headers["Content-Type"] || "";
-};
-const blobToBase64$1 = (blob) => new Promise((resolve, reject) => {
-  const reader = new FileReader();
-  reader.onloadend = () => resolve(reader.result);
-  reader.onerror = reject;
-  reader.readAsDataURL(blob);
-});
-const downloadFileByteArray = ({ data, name, contentType }) => {
-  const blob = new Blob([data], { type: contentType });
-  const link = document.createElement("a");
-  link.href = window.URL.createObjectURL(blob);
-  link.download = name;
-  link.click();
-  window.URL.revokeObjectURL(link.href);
-};
-const AppFileNewUtils = {
-  isMediaInstance,
-  isFileInstance,
-  getFilesFromEvent,
-  normalizeToFileLike,
-  fileExists,
-  getFilename,
-  getExtension,
-  getMimeType,
-  getFileTypeClass,
-  getStatus,
-  getResponseContentType,
-  blobToBase64: blobToBase64$1,
-  downloadFileByteArray
-};
+} = axios$1;
+let router = null;
+const getRouter = () => router;
+const getRoute = () => lodashExports.get(router, "currentRoute.value");
+const setRouter = (value) => router = value;
+let axios = null;
+const getAxios = () => axios ?? axios$1;
+const setAxios = (value) => axios = value;
+let mediaType = Media.type.spatieMediable;
+const setMediaType = (value) => mediaType = value;
 const AppFileNewRepository = (props2) => {
   const uploadMedia = async (files) => {
     const base = getBaseUrlFromProps();
@@ -23211,7 +23232,7 @@ const AppFileNewRepository = (props2) => {
   };
   const submitFileRequest = async (method, url, data = null, config = {}) => {
     try {
-      return await axios({ method, url, data, ...config });
+      return await getAxios()({ method, url, data, ...config });
     } catch (e2) {
       return e2 == null ? void 0 : e2.response;
     }
@@ -23281,6 +23302,7 @@ function useFileUpload(modelValue, props2, emit) {
     }
   };
   const submitFiles = async (filesList = null) => {
+    var _a3;
     const list = filesList ?? modelValue.value;
     const files = list.filter((f) => appFileNewUtils.isFileInstance(f));
     let shouldReplaceMedia = appFileNewUtils.isMediaInstance(lodashExports.head(localModelValue)) && !props2.isMultiple && files.length === 1;
@@ -23292,7 +23314,8 @@ function useFileUpload(modelValue, props2, emit) {
       response = shouldReplaceMedia ? await appFileNewRepository.updateMedia(lodashExports.head(files), lodashExports.head(localModelValue)) : await appFileNewRepository.uploadMedia(files);
     }
     if (!ResponseUtils.isSuccess(response)) {
-      UIUtils.showToastError(shouldReplaceMedia ? "Fișierul nu a putut fi înlocuit." : "Fișierul nu a putut fi încărcat.");
+      const errorMessage = ((_a3 = response == null ? void 0 : response.data) == null ? void 0 : _a3.message) || (shouldReplaceMedia ? "Fișierul nu a putut fi înlocuit." : "Fișierul nu a putut fi încărcat.");
+      UIUtils.showToastError(errorMessage);
       modelValue.value = localModelValue;
       isLoading.value = false;
       return;
@@ -29171,24 +29194,6 @@ const urlToBooleanOption = (value) => {
   }
   return null;
 };
-class Media {
-  static get type() {
-    return {
-      mediable: "mediable",
-      spatieMediable: "spatie"
-    };
-  }
-  static getTag(media, type = mediaType) {
-    let path = type === this.type.mediable ? "pivot.tag" : "custom_properties.tag";
-    return lodashExports.get(media, path);
-  }
-}
-let router = null;
-const getRouter = () => router;
-const getRoute = () => lodashExports.get(router, "currentRoute.value");
-const setRouter = (value) => router = value;
-let mediaType = Media.type.spatieMediable;
-const setMediaType = (value) => mediaType = value;
 function useTableFilters(tableFilters, emits) {
   const migrateFilterDefinition = (filterDefinition) => {
     if ("computed" in filterDefinition) {
@@ -81489,7 +81494,13 @@ const _sfc_main$7 = {
                     class: "status-icon"
                   }, null, 8, ["value"]),
                   createTextVNode(" " + toDisplayString(getFileStatusLabel(file)), 1)
-                ], 2)
+                ], 2),
+                (openBlock(true), createElementBlock(Fragment, null, renderList(Object.keys(_ctx.$slots), (slotName) => {
+                  return renderSlot(_ctx.$slots, slotName, {
+                    key: slotName,
+                    file
+                  });
+                }), 128))
               ])
             ]),
             unref(getStatus2)(file) === unref(fileStatus).uploaded ? (openBlock(), createElementBlock("div", _hoisted_3$1, [
@@ -81710,7 +81721,7 @@ const _sfc_main$5 = {
                           size: 20,
                           "stroke-width": 2
                         }),
-                        _cache2[2] || (_cache2[2] = createElementVNode("p", { class: "dropzone__title" }, "Drag & drop sau alege fișiere", -1))
+                        _cache2[2] || (_cache2[2] = createElementVNode("p", { class: "dropzone__title" }, "Trage aici sau alege fișiere", -1))
                       ]),
                       createElementVNode("div", _hoisted_5, [
                         createVNode(_component_app_button, {
@@ -81758,29 +81769,29 @@ const _sfc_main$5 = {
                           _: 3
                         }, 8, ["disabled", "onClick"])) : createCommentVNode("", true)
                       ])
-                    ])
+                    ]),
+                    unref(fileUpload).hasFiles.value ? (openBlock(), createElementBlock("div", _hoisted_6, [
+                      createVNode(_sfc_main$7, {
+                        files: modelValue.value,
+                        disabled: _ctx.disabled,
+                        onRemoved: unref(fileUpload).removeFile,
+                        onPreview,
+                        onDownload
+                      }, createSlots({ _: 2 }, [
+                        renderList(Object.keys(_ctx.$slots), (slot) => {
+                          return {
+                            name: slot,
+                            fn: withCtx((scope) => [
+                              renderSlot(_ctx.$slots, slot, normalizeProps(guardReactiveProps(scope)))
+                            ])
+                          };
+                        })
+                      ]), 1032, ["files", "disabled", "onRemoved"])
+                    ], 512)) : createCommentVNode("", true)
                   ], 2)
                 ]),
                 _: 3
-              }, 8, ["disabled", "onFilesDropped"]),
-              unref(fileUpload).hasFiles.value ? (openBlock(), createElementBlock("div", _hoisted_6, [
-                createVNode(_sfc_main$7, {
-                  files: modelValue.value,
-                  disabled: _ctx.disabled,
-                  onRemoved: unref(fileUpload).removeFile,
-                  onPreview,
-                  onDownload
-                }, createSlots({ _: 2 }, [
-                  renderList(Object.keys(_ctx.$slots), (slot) => {
-                    return {
-                      name: slot,
-                      fn: withCtx((scope) => [
-                        renderSlot(_ctx.$slots, slot, normalizeProps(guardReactiveProps(scope)))
-                      ])
-                    };
-                  })
-                ]), 1032, ["files", "disabled", "onRemoved"])
-              ], 512)) : createCommentVNode("", true)
+              }, 8, ["disabled", "onFilesDropped"])
             ])
           ]),
           _: 3
@@ -83075,6 +83086,7 @@ const plugin = {
     Vue.use(ToastPlugin);
     Vue.directive("horizontal-scroll", vHorizontalScroll);
     setRouter(config == null ? void 0 : config.router);
+    setAxios(config == null ? void 0 : config.axios);
     (config == null ? void 0 : config.mediaType) ? setMediaType(config.mediaType) : null;
   }
 };