@feedmepos/mf-inventory-portal 0.0.22-dev.41 → 0.0.22-dev.43

package/dist/FmDroppableField-DQFPEiJn.js

@@ -1,152 +0,0 @@
-import { defineComponent as O, ref as r, computed as v, resolveComponent as z, openBlock as n, createElementBlock as p, createElementVNode as d, createCommentVNode as k, renderSlot as c, createBlock as C, normalizeClass as u, toDisplayString as g } from "vue";
-import { X as N } from "./app-TB3IWuaU.js";
-const M = {
-  key: 0,
-  class: "relative"
-}, W = ["accept", "disabled"], X = { class: "flex flex-col gap-8" }, q = ["accept", "disabled"], G = /* @__PURE__ */ O({
-  __name: "FmDroppableField",
-  props: {
-    buttonLabel: {},
-    label: { default: "" },
-    disabled: { type: Boolean, default: !1 },
-    accept: { default: "" },
-    maxFileSize: { default: 8e6 },
-    contentClass: {}
-  },
-  emits: ["file-upload", "file-rejected"],
-  setup(S, { emit: $ }) {
-    const l = S, y = $, t = r(!1), i = r(null), s = r(null), f = r(), B = (e) => {
-      l.disabled || (e.stopPropagation(), e.preventDefault());
-    }, V = (e) => {
-      l.disabled || (e.stopPropagation(), e.preventDefault(), t.value = !0);
-    }, R = (e) => {
-      l.disabled || (e.stopPropagation(), e.preventDefault(), t.value = !1);
-    }, j = (e) => {
-      var a;
-      l.disabled || (e.stopPropagation(), e.preventDefault(), t.value = !1, F((a = e.dataTransfer) == null ? void 0 : a.files));
-    };
-    function F(e) {
-      if (e)
-        if (f.value = e, i.value = T(e[0]), s.value = A(e[0]), i.value && s.value)
-          y("file-upload", e[0]);
-        else {
-          const a = L();
-          y("file-rejected", [
-            {
-              file: e[0],
-              reason: a
-            }
-          ]);
-        }
-    }
-    const L = () => {
-      const e = new Array();
-      return i.value || e.push("invalid-type"), s.value || e.push("invalid-size"), e;
-    }, T = (e) => {
-      if (!l.accept) return !0;
-      const a = l.accept.split(",").map((o) => o.trim());
-      for (const o of a)
-        if (E(o)) {
-          if (D(o) === D(e.type)) return !0;
-        } else if (P(e) === o || e.type === o) return !0;
-      return !1;
-    }, A = (e) => e.size <= l.maxFileSize, E = (e) => e.indexOf("*") !== -1, P = (e) => "." + e.name.split(".").pop(), D = (e) => e.substring(0, e.indexOf("/")), w = v(() => {
-      if (t.value) return "Drop file to upload";
-      if (i.value) {
-        if (!s.value) return `File size exceeds ${l.maxFileSize * 1e-6}mb`;
-      } else return "File type is not valid";
-      return "";
-    }), m = v(() => f.value ? !i.value || !s.value : !1), _ = (e) => {
-      const a = e.target;
-      F(a.files);
-    }, x = v(() => {
-      var e;
-      return (e = f.value) == null ? void 0 : e.item(0);
-    }), b = r();
-    return (e, a) => {
-      const o = z("FmLabel"), I = z("FmButton");
-      return n(), p("label", {
-        class: "fm-droppable-field",
-        ref_key: "fmButtonRef",
-        ref: b
-      }, [
-        e.$slots.default ? (n(), p("div", M, [
-          d("input", {
-            accept: e.accept,
-            disabled: e.disabled,
-            class: "fm-droppable-field__input",
-            type: "file",
-            onChange: _
-          }, null, 40, W)
-        ])) : k("", !0),
-        c(e.$slots, "default", {
-          isDragging: t.value,
-          isValidFileType: i.value,
-          isValidFileSize: s.value,
-          singleValidFile: x.value,
-          openFileDialog: () => {
-            var h;
-            return console.log("click", b.value), (h = b.value) == null ? void 0 : h.click();
-          }
-        }, () => [
-          d("div", X, [
-            e.$slots.label ? c(e.$slots, "label", { key: 0 }, void 0, !0) : (n(), C(o, {
-              key: 1,
-              label: e.label
-            }, null, 8, ["label"]))
-          ]),
-          d("div", {
-            class: u([[
-              e.contentClass ? e.contentClass : "w-full h-full",
-              {
-                "fm-droppable-field__container--dragging": t.value,
-                "fm-droppable-field__container--invalid": m.value && !e.disabled,
-                "fm-droppable-field__container--disabled": e.disabled
-              }
-            ], "fm-droppable-field__container"]),
-            onDragenter: B,
-            onDragleave: R,
-            onDragover: V,
-            onDrop: j
-          }, [
-            (t.value || m.value) && !e.disabled ? (n(), p("div", {
-              key: 0,
-              class: u({
-                "fm-typo-en-body-lg-600": !0,
-                "text-fm-color-primary": t.value,
-                "text-fm-color-typo-error": m.value
-              })
-            }, g(w.value), 3)) : (n(), C(I, {
-              key: 1,
-              disabled: e.disabled,
-              label: e.buttonLabel ?? "Add files",
-              size: "md",
-              variant: "secondary"
-            }, null, 8, ["disabled", "label"])),
-            c(e.$slots, "accept-text", {}, () => [
-              l.accept ? (n(), p("div", {
-                key: 0,
-                class: u([[e.disabled ? "text-fm-color-typo-disabled" : "text-fm-color-typo-secondary"], "fm-typo-en-body-md-400"])
-              }, g(`Accepts ${l.accept}`), 3)) : k("", !0)
-            ], !0),
-            d("input", {
-              accept: e.accept,
-              disabled: e.disabled,
-              class: "fm-droppable-field__input",
-              type: "file",
-              onChange: _
-            }, null, 40, q)
-          ], 34),
-          c(e.$slots, "helper-text", {}, () => [
-            d("div", {
-              class: u([[e.disabled ? "text-fm-color-typo-disabled" : "text-fm-color-typo-secondary"], "fm-typo-en-body-sm-400"])
-            }, g(`Max size ${l.maxFileSize * 1e-6}mb`), 3)
-          ], !0)
-        ], !0)
-      ], 512);
-    };
-  }
-}), K = /* @__PURE__ */ N(G, [["__scopeId", "data-v-311b22a0"]]);
-export {
-  K as F
-};