@feedmepos/mf-inventory-portal 0.0.23-dev.31 → 0.0.23-dev.5

package/dist/FmDroppableField-8RzKjEdL.js

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

package/dist/{FmFilterableMenuOptions.vue_vue_type_script_setup_true_lang-DW2IOPST.js → FmFilterableMenuOptions.vue_vue_type_script_setup_true_lang-BQtdWZI5.js}

@@ -1,7 +1,8 @@
-import { i as k, t as H, aq as V, u as B, aw as I, aG as R, aH as M } from "./app-AcMtTQ07.js";
-import { u as j } from "./supplier-DTUUR48O.js";
-import { P as S } from "./format-unit-display-BWqJsV_R.js";
-import { computed as y, defineComponent as $, mergeModels as W, useModel as J, resolveComponent as U, openBlock as T, createElementBlock as A, normalizeStyle as K, createElementVNode as N, createVNode as Q, withCtx as X, createBlock as w, createCommentVNode as D, Fragment as Y, renderList as Z, unref as x } from "vue";
+import { r as w, u as I, I as B, y as H, z as M } from "./app-CVmmRPWd.js";
+import { a as k, t as R } from "./rules-CyLD3MFT.js";
+import { u as j } from "./supplier-pYrSAyO6.js";
+import { P as S } from "./format-unit-display-BL51mLWH.js";
+import { computed as y, defineComponent as $, mergeModels as W, useModel as J, resolveComponent as U, openBlock as T, createElementBlock as A, normalizeStyle as K, createElementVNode as N, createVNode as Q, withCtx as X, createBlock as x, createCommentVNode as D, Fragment as Y, renderList as Z, unref as V } from "vue";
 function z(l, r, e) {
   var s;
   if (!!r.measurement === !!e && ((s = r.measurement) == null ? void 0 : s.id) === e)
@@ -18,7 +19,7 @@ function z(l, r, e) {
     costPerUnit: r.costPerUnit
   };
 }
-function oe(l, r, e, n) {
+function re(l, r, e, n) {
   var b, g, u;
   if (n != null && n.manualTotalCost)
     return n == null ? void 0 : n.manualTotalCost;
@@ -26,16 +27,16 @@ function oe(l, r, e, n) {
     (a) => a.skuId === l._id
   )) == null ? void 0 : u.defaultCost, o = l.defaultCost ? z(l.unit, l.defaultCost, l.trackingMeasurement) : void 0, s = t ?? o, i = s == null ? void 0 : s.costPerUnit, c = i ? s != null && s.measurement ? +k(i) / +k(s == null ? void 0 : s.measurement.conversion) : +k(i) : void 0, p = c ? e ? c * +k(e.conversion) : c : void 0, f = p ? +k(r) * p : void 0;
   return f ? {
-    ...H(f ?? 0, 2),
-    currency: V()
+    ...R(f ?? 0, 2),
+    currency: w()
   } : {
     amount: 0,
     precision: 0,
-    currency: V()
+    currency: w()
   };
 }
 function F(l) {
-  return R.parse(l);
+  return H.parse(l);
 }
 function C(l) {
   return {
@@ -55,8 +56,8 @@ function C(l) {
     }
   };
 }
-function re(l, r, e = !1, n = !1) {
-  const t = j(), o = B();
+function ie(l, r, e = !1, n = !1) {
+  const t = j(), o = I();
   o.watchLocation(async () => {
     var v;
     await t.readSuppliers();
@@ -99,7 +100,7 @@ function re(l, r, e = !1, n = !1) {
     return n ? [...a, ...u] : a;
   }), L = y(() => {
     var h;
-    const u = ((h = o._currentLocation) == null ? void 0 : h.type) === I.warehouse;
+    const u = ((h = o._currentLocation) == null ? void 0 : h.type) === B.warehouse;
     return (e ? o.locations.filter((d) => d.doc._id !== o.currentLocation.doc._id) : o.locations).filter((d) => u || d.acceptRequest).map(C);
   }), b = y(() => {
     if (s.value === S.PURCHASE) {
@@ -212,7 +213,7 @@ class P {
     return r.split("").map((t, o) => t !== n ? !1 : o).filter((t) => t !== !1);
   }
 }
-const G = { class: "sticky top-0 bg-white mb-8" }, q = { class: "overflow-y-auto pb-8" }, ie = /* @__PURE__ */ $({
+const G = { class: "sticky top-0 bg-white mb-8" }, q = { class: "overflow-y-auto pb-8" }, le = /* @__PURE__ */ $({
   __name: "FmFilterableMenuOptions",
   props: /* @__PURE__ */ W({
     modelValue: {},
@@ -243,7 +244,7 @@ const G = { class: "sticky top-0 bg-white mb-8" }, q = { class: "overflow-y-auto
             placeholder: "Filter options"
           }, {
             append: X(() => [
-              e.value ? (T(), w(i, {
+              e.value ? (T(), x(i, {
                 key: 0,
                 variant: "tertiary",
                 "prepend-icon": "close",
@@ -254,18 +255,18 @@ const G = { class: "sticky top-0 bg-white mb-8" }, q = { class: "overflow-y-auto
           }, 8, ["modelValue"])
         ]),
         N("div", q, [
-          (T(!0), A(Y, null, Z(t.value, (f, L) => (T(), w(p, {
+          (T(!0), A(Y, null, Z(t.value, (f, L) => (T(), x(p, {
             key: L,
             label: f.label,
             sublabel: f.sublabel,
-            "model-value": x(M)(o.modelValue, f.value),
-            onClick: () => o.handleItemChange(x(M)(o.modelValue, f.value), f),
+            "model-value": V(M)(o.modelValue, f.value),
+            onClick: () => o.handleItemChange(V(M)(o.modelValue, f.value), f),
             onVnodeMounted: (b) => {
               var g;
-              return x(M)(o.modelValue, f.value) && ((g = b.el) == null || g.scrollIntoView({ behavior: "smooth", block: "center" }), console.log("scrollTo", b.el)), void 0;
+              return V(M)(o.modelValue, f.value) && ((g = b.el) == null || g.scrollIntoView({ behavior: "smooth", block: "center" }), console.log("scrollTo", b.el)), void 0;
             }
           }, null, 8, ["label", "sublabel", "model-value", "onClick", "onVnodeMounted"]))), 128)),
-          t.value.length ? D("", !0) : (T(), w(p, {
+          t.value.length ? D("", !0) : (T(), x(p, {
             key: 0,
             disabled: "",
             label: "No options available"
@@ -276,7 +277,7 @@ const G = { class: "sticky top-0 bg-white mb-8" }, q = { class: "overflow-y-auto
   }
 });
 export {
-  ie as _,
-  oe as c,
-  re as u
+  le as _,
+  re as c,
+  ie as u
 };