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

package/dist/FmDroppableField-DeW5xBTW.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 { X } from "./app-tiUQG6R0.js";
+const q = {
+  key: 0,
+  class: "relative"
+}, G = ["accept", "disabled"], H = { class: "flex flex-col gap-8" }, J = ["accept", "disabled"], K = /* @__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", q, [
+          p("input", {
+            accept: e.accept,
+            disabled: e.disabled,
+            class: "fm-droppable-field__input",
+            type: "file",
+            onChange: _
+          }, null, 40, G)
+        ])) : 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", H, [
+            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, J)
+          ], 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__ */ X(K, [["__scopeId", "data-v-e121b2c1"]]);
+export {
+  Z as F
+};

package/dist/{FmFilterableMenuOptions.vue_vue_type_script_setup_true_lang-BUGB0uk3.js → FmFilterableMenuOptions.vue_vue_type_script_setup_true_lang-DBpTwDEI.js}

@@ -1,6 +1,6 @@
-import { a as P, t as B, a7 as A, i as D, ae as R, am as H, an as V } from "./app-TB3IWuaU.js";
-import { u as j } from "./supplier-CJcqHpaM.js";
-import { P as S } from "./purchase-order-transaction-type-ZMNa__2l.js";
+import { a as P, t as B, a7 as A, i as D, ae as R, am as H, an as V } from "./app-tiUQG6R0.js";
+import { u as j } from "./supplier-rpkSwf7L.js";
+import { P as S } from "./format-unit-display-DIhXvTxN.js";
 import { computed as y, defineComponent as $, mergeModels as W, useModel as J, resolveComponent as w, openBlock as F, createElementBlock as I, normalizeStyle as K, createElementVNode as N, createVNode as Q, withCtx as X, createBlock as x, createCommentVNode as E, Fragment as Y, renderList as Z, unref as M } from "vue";
 function ne(c, i, t, s) {
   var b, g, u;

package/dist/{FmInventoryTableToolbar.vue_vue_type_script_setup_true_lang-CM93v-jp.js → FmInventoryTableToolbar.vue_vue_type_script_setup_true_lang-cSTp7zUx.js}

@@ -1,6 +1,6 @@
 import { reactive as E, onUnmounted as W, defineComponent as T, computed as y, resolveComponent as _, openBlock as a, createElementBlock as f, Fragment as L, createElementVNode as m, unref as c, normalizeClass as D, toDisplayString as R, createCommentVNode as g, renderList as I, createBlock as h, createVNode as x, renderSlot as q, Teleport as G, ref as P, withCtx as N, watch as J, mergeModels as K, useModel as U } from "vue";
 import { FmButtonVariant as X, useBreakpoints as O } from "@feedmepos/ui-library";
-import { i as A, V as H } from "./app-TB3IWuaU.js";
+import { i as A, V as H } from "./app-tiUQG6R0.js";
 import { useCoreStore as Z, useI18n as Y } from "@feedmepos/mf-common";
 const S = E({});
 function j() {

package/dist/{IngredientBindedItem.vue_vue_type_script_setup_true_lang-SNp8etCc.js → IngredientBindedItem.vue_vue_type_script_setup_true_lang-DFHzlUVu.js}

@@ -1,5 +1,5 @@
 import { defineComponent as p, openBlock as s, createElementBlock as n, createElementVNode as r, toDisplayString as o, unref as l, Fragment as d, renderList as x } from "vue";
-import { a, k as y } from "./app-TB3IWuaU.js";
+import { a, k as y } from "./app-tiUQG6R0.js";
 import { useI18n as _ } from "@feedmepos/mf-common";
 const v = { class: "flex flex-col" }, g = { class: "flex flex-row fm-typo-en-body-md-600 bg-fm-color-neutral-gray-100 text-fm-color-typo-secondary h-48 items-center" }, h = { class: "flex-1 py-8 px-16" }, b = {
   class: "flex-0 py-8 px-16",

package/dist/{IngredientsView-B1jGkWYN.js → IngredientsView-DKJjOK_4.js}

@@ -1,17 +1,17 @@
 import { ref as O, defineComponent as le, computed as C, resolveComponent as U, openBlock as g, createBlock as T, withCtx as S, createVNode as p, unref as u, createElementBlock as P, Fragment as q, createElementVNode as d, createCommentVNode as Y, onMounted as nt, watch as ze, normalizeClass as J, createTextVNode as He, toDisplayString as L, renderList as Q, isRef as Ee, createSlots as Oe, normalizeStyle as ot, Teleport as Re, normalizeProps as lt, guardReactiveProps as rt } from "vue";
-import { u as X, c as je, S as at, _ as st, A as ge, a as Ye, g as be, t as Ge, F as ue, R as xe, U as it, M as ut, d as Ae, b as qe, C as Ve, e as De, f as dt, h as ct, I as mt, i as pt } from "./app-TB3IWuaU.js";
+import { u as X, c as je, S as at, _ as st, A as ge, a as Ye, g as be, t as Ge, F as ue, R as xe, U as it, M as ut, d as Ae, b as qe, C as Ve, e as De, f as dt, h as ct, I as mt, i as pt } from "./app-tiUQG6R0.js";
 import { useDialog as We, useSnackbar as he, useProxiedModel as Te, useDialogChild as vt, useBreakpoints as ft } from "@feedmepos/ui-library";
 import { i as yt, _ as gt } from "./is-linked-ingredient-error-fJ2TJb3z.js";
 import { F as G, D as Pe, R as ye } from "./row-action.enum-PMKMRrZR.js";
 import { useI18n as Z, useCoreStore as de } from "@feedmepos/mf-common";
 import { defineStore as bt, storeToRefs as ht } from "pinia";
 import { c as _t, _ as xt, F as Be } from "./TableActionableRow.vue_vue_type_script_setup_true_lang-DlNJ6kRg.js";
-import { u as Vt, _ as kt, a as Ct } from "./FmInventoryTableToolbar.vue_vue_type_script_setup_true_lang-CM93v-jp.js";
+import { u as Vt, _ as kt, a as Ct } from "./FmInventoryTableToolbar.vue_vue_type_script_setup_true_lang-cSTp7zUx.js";
 import { g as wt, _ as ke, S as Ce } from "./StockForecast.vue_vue_type_style_index_0_lang-KLXSWvo5.js";
-import { _ as we } from "./IngredientBindedItem.vue_vue_type_script_setup_true_lang-SNp8etCc.js";
+import { _ as we } from "./IngredientBindedItem.vue_vue_type_script_setup_true_lang-DFHzlUVu.js";
 import { _ as Se } from "./PreviewBadge.vue_vue_type_script_setup_true_lang-CRZiQHjx.js";
-import { t as Ke, d as Je, s as St, r as Ft } from "./xlsx.util-qlqvEcJz.js";
-import { F as Mt } from "./FmDroppableField-DQFPEiJn.js";
+import { t as Ke, d as Je, s as St, r as Ft } from "./xlsx.util-CvycJwUf.js";
+import { F as Mt } from "./FmDroppableField-DeW5xBTW.js";
 const Fe = bt("ingredientForm", function() {
   const a = We(), f = he(), s = X(), n = O(!1), { t: l } = Z(), o = O();
   function m() {