@feedmepos/mf-inventory-portal 0.0.23-dev.1 → 0.0.23-dev.10

package/dist/FmUnitInput.vue_vue_type_script_setup_true_lang-IFTMUhET.js

@@ -0,0 +1,329 @@
+import { defineComponent as oe, mergeModels as O, useModel as se, computed as v, ref as P, watch as z, inject as ie, resolveComponent as b, openBlock as f, createElementBlock as y, createElementVNode as u, createVNode as M, withCtx as h, renderSlot as T, normalizeClass as V, toDisplayString as F, withDirectives as le, vModelText as ae, createCommentVNode as q, createTextVNode as ue, createBlock as W, Fragment as re, renderList as me } from "vue";
+import { F as I } from "./index-CoL8wxbn.js";
+import { I as k, g as L, c as ce, a as g, p as de, t as pe, b as fe, m as ve, n as be, u as ye } from "./rules-DxLLla7a.js";
+import "@feedmepos/ui-library";
+function E() {
+  return {
+    amount: I.reset()
+  };
+}
+function H() {
+  return function(d) {
+    return k()(d.amountAsString);
+  };
+}
+function Ve(l) {
+  return function(t) {
+    return k()(t.amountAsString) !== !0 ? !0 : +t.amountAsString < l ? `Must be at least ${l}` : !0;
+  };
+}
+function Le(l) {
+  return function(t) {
+    return k()(t.amountAsString) !== !0 ? !0 : +t.amountAsString > l ? `Must be at most ${l}` : !0;
+  };
+}
+function G(l, d = !1) {
+  return function(r) {
+    const s = H()(r);
+    if (s != !0)
+      return d ? s : !0;
+    const x = typeof l == "number" ? l : L(l, r.modelValue.measurement);
+    return ce(+r.amountAsString).precision > x ? `Cannot exceed precision more than ${g({
+      amount: 1,
+      precision: x
+    })}` : !0;
+  };
+}
+function $e(l) {
+  const d = de(l);
+  return function(r) {
+    return d(r.modelValue.amount);
+  };
+}
+const Me = { class: "flex flex-col" }, ge = { class: "flex flex-col" }, he = { class: "flex-1" }, Fe = { class: "flex items-center gap-4" }, xe = { class: "flex-1 flex gap-4" }, Ae = { class: "shrink-0 grow basis-2/5" }, _e = {
+  key: 0,
+  class: "text-fm-color-typo-secondary"
+}, Pe = {
+  key: 0,
+  class: "line-clamp-1 text-ellipsis break-all"
+}, Ie = { class: "flex items-center gap-4" }, ke = { class: "line-clamp-1 text-ellipsis break-all" }, Be = { class: "max-w-[200px] flex flex-col gap-[1px]" }, De = {
+  key: 1,
+  class: "flex flex-col gap-4 pl-8 shrink-0"
+}, Re = {
+  class: "flex items-center",
+  style: { "pointer-events": "none" }
+}, Ue = {
+  class: "flex items-center",
+  style: { "pointer-events": "none" }
+}, je = /* @__PURE__ */ oe({
+  __name: "FmUnitInput",
+  props: /* @__PURE__ */ O({
+    modelValue: {},
+    unit: {},
+    rules: {},
+    zIndex: {},
+    applyDefaultRules: { type: Boolean },
+    placement: {},
+    separator: {},
+    precision: {},
+    convertAmountOnChangeUnit: { type: Boolean },
+    formatMinimumPrecision: {},
+    disableUnit: { type: Boolean },
+    stepperOnly: { type: Boolean },
+    stepper: {},
+    placeholder: {},
+    minLength: {},
+    maxLength: {},
+    inputmode: {},
+    type: {},
+    readonly: { type: Boolean },
+    labelMark: {},
+    prependIcon: {},
+    appendIcon: {},
+    showValidBorder: { type: Boolean },
+    labelInfo: {},
+    showWordCount: { type: Boolean },
+    invalid: { type: Boolean },
+    autofocus: { type: Boolean },
+    formatter: { type: Function },
+    decimal: {},
+    datalist: {},
+    shiftDatalist: { type: Boolean },
+    datalistMaxHeight: {},
+    datalistMinHeight: {},
+    offsetDatalist: {},
+    datalistPlacement: {},
+    datalistZIndex: {},
+    datalistWidth: {},
+    label: {},
+    disabled: { type: Boolean },
+    focused: { type: Boolean },
+    helperText: {},
+    helperState: {}
+  }, {
+    modelValue: {},
+    modelModifiers: {}
+  }),
+  emits: /* @__PURE__ */ O(["update:amount", "update:measurement"], ["update:modelValue"]),
+  setup(l, { emit: d }) {
+    const t = l, r = d, s = se(l, "modelValue"), x = k(), B = v(() => {
+      var n;
+      return L(t.unit, (n = s.value) == null ? void 0 : n.measurement);
+    }), c = P((() => {
+      var o;
+      const e = ((o = s.value) == null ? void 0 : o.amount) ?? I.reset(), n = be(e), i = t.formatMinimumPrecision ?? n.precision, a = ye(n, i);
+      return g(a);
+    })());
+    z(c, (e) => {
+      const n = x(e), i = t.precision ?? B.value, o = typeof t.formatMinimumPrecision == "number" && t.formatMinimumPrecision > i ? t.formatMinimumPrecision : i;
+      n == !0 && (s.value = {
+        ...s.value,
+        amount: pe(+e, o)
+      }), r("update:amount", e);
+    });
+    const J = Symbol.for("fm:form-state"), D = ie(J, null), A = v(() => t.disabled ?? (D == null ? void 0 : D.getDisabled()) ?? !1), K = P(), R = P(!1), $ = P(!1), Q = v(() => R.value || $.value), X = v(() => {
+      var a;
+      const i = [...t.unit.measurements.filter((o) => !o.name.toLocaleLowerCase().includes("inactive")).filter((o) => o.abbrev !== t.unit.abbrev || +g(o.conversion) != 1).groupBy(
+        (o) => `${o.abbrev}${g(o.conversion)}`
+      ).values()].map((o) => o[0]).flat();
+      return [
+        {
+          label: (a = t.unit) == null ? void 0 : a.abbrev,
+          value: null
+        },
+        ...i.map((o) => ({
+          label: o.abbrev,
+          value: o.id
+        }))
+      ];
+    }), U = v({
+      get() {
+        var e, n;
+        return ((n = (e = s.value) == null ? void 0 : e.measurement) == null ? void 0 : n.id) ?? null;
+      },
+      set(e) {
+        if (e == null)
+          s.value = {
+            ...s.value ?? E(),
+            measurement: null
+          }, r("update:measurement", null);
+        else {
+          const n = t.unit.measurements.find((i) => i.id === e) ?? null;
+          s.value = {
+            ...s.value ?? E(),
+            measurement: n
+          }, r("update:measurement", n);
+        }
+      }
+    });
+    z(U, (e, n) => {
+      var m;
+      if (!t.convertAmountOnChangeUnit)
+        return;
+      const i = ((m = s.value) == null ? void 0 : m.amount) ?? I.reset(), a = t.unit.measurements.find((_) => _.id === n) ?? null, o = t.unit.measurements.find((_) => _.id === e) ?? null, p = a ? fe(i, a.conversion) : i, w = o ? ve(p, o.conversion) : p, N = L(t.unit, o), S = I.convertPrecision({
+        value: w,
+        precision: N
+      });
+      c.value = g(S);
+    });
+    const C = v(() => {
+      var e, n;
+      return ((n = (e = s.value) == null ? void 0 : e.measurement) == null ? void 0 : n.abbrev) ?? t.unit.abbrev;
+    }), Y = v(
+      () => {
+        var e;
+        return ((e = t.rules) == null ? void 0 : e.map(
+          (n) => (i) => typeof n == "function" ? n(i) : n
+        )) ?? [];
+      }
+    ), ee = v(() => [...t.applyDefaultRules ? [
+      H(),
+      typeof t.precision == "number" ? G(t.precision) : G(t.unit)
+    ] : [], ...Y.value]);
+    function j(e) {
+      const n = t.precision ?? B.value, a = typeof t.formatMinimumPrecision == "number" && t.formatMinimumPrecision > n ? t.formatMinimumPrecision : n, o = e.toFixed(a), p = o.includes(".") ? o.replace(/0+$/, "") : o;
+      return p.endsWith(".") ? p.slice(0, p.length - 1) : p;
+    }
+    function te() {
+      if (!t.stepper)
+        return;
+      const e = +c.value + +g(t.stepper);
+      c.value = j(e);
+    }
+    function ne() {
+      if (!t.stepper)
+        return;
+      const e = +c.value - +g(t.stepper);
+      c.value = j(e);
+    }
+    return (e, n) => {
+      const i = b("FmLabel"), a = b("FmIcon"), o = b("FmMenuItem"), p = b("FmMenu"), w = b("FmTooltip"), N = b("FmField"), S = b("FmFormGroup");
+      return f(), y("div", Me, [
+        u("div", ge, [
+          u("div", he, [
+            M(i, {
+              label: e.label,
+              disabled: e.disabled,
+              required: e.labelMark === "required",
+              optional: e.labelMark === "optional"
+            }, null, 8, ["label", "disabled", "required", "optional"])
+          ]),
+          M(N, { focused: Q.value }, {
+            default: h(() => [
+              u("div", Fe, [
+                T(e.$slots, "prepend"),
+                u("div", xe, [
+                  u("div", Ae, [
+                    e.stepperOnly ? (f(), y("span", {
+                      key: 0,
+                      class: V({
+                        "fm-text-field--input fm-typo-en-body-lg-400": !0,
+                        "text-fm-color-typo-primary": !A.value,
+                        "text-fm-color-typo-disabled": A.value
+                      })
+                    }, F(c.value), 3)) : le((f(), y("input", {
+                      key: 1,
+                      type: "text",
+                      ref_key: "inputRef",
+                      ref: K,
+                      onFocus: n[0] || (n[0] = () => R.value = !0),
+                      onBlur: n[1] || (n[1] = () => R.value = !1),
+                      "onUpdate:modelValue": n[2] || (n[2] = (m) => c.value = m),
+                      class: V({
+                        "fm-text-field--input fm-typo-en-body-lg-400": !0,
+                        "text-fm-color-typo-primary": !A.value,
+                        "text-fm-color-typo-disabled": A.value
+                      })
+                    }, null, 34)), [
+                      [ae, c.value]
+                    ])
+                  ]),
+                  e.separator ? (f(), y("div", _e, F(e.separator), 1)) : q("", !0),
+                  u("div", {
+                    class: V([e.disabled ? "text-fm-color-typo-disabled" : "text-fm-color-typo-secondary"])
+                  }, [
+                    M(w, { "z-index": 51 }, {
+                      content: h(() => [
+                        ue(F(C.value), 1)
+                      ]),
+                      default: h(() => [
+                        e.disableUnit ? (f(), y("div", Pe, F(C.value), 1)) : (f(), W(p, {
+                          key: 1,
+                          onMenuChanged: n[3] || (n[3] = (m) => $.value = m),
+                          "z-index": 500,
+                          placement: e.placement,
+                          disabled: e.disabled
+                        }, {
+                          "menu-button": h(() => [
+                            u("div", Ie, [
+                              u("div", ke, F(C.value), 1),
+                              M(a, { name: "keyboard_arrow_down" })
+                            ])
+                          ]),
+                          default: h(() => [
+                            u("div", Be, [
+                              (f(!0), y(re, null, me(X.value, (m) => (f(), W(o, {
+                                key: m.value ?? void 0,
+                                label: m.label,
+                                "model-value": m.value == U.value,
+                                onClick: (_) => U.value = m.value
+                              }, null, 8, ["label", "model-value", "onClick"]))), 128))
+                            ])
+                          ]),
+                          _: 1
+                        }, 8, ["placement", "disabled"]))
+                      ]),
+                      _: 1
+                    })
+                  ], 2),
+                  e.stepper ? (f(), y("div", De, [
+                    u("div", {
+                      class: "w-24 h-12 flex items-center justify-center fm-corner-radius-sm bg-fm-color-neutral-gray-100 hover:bg-fm-color-neutral-gray-200",
+                      onClick: te
+                    }, [
+                      u("div", Re, [
+                        M(a, {
+                          name: "expand_less",
+                          size: "md"
+                        })
+                      ])
+                    ]),
+                    u("div", {
+                      class: "w-24 h-12 flex items-center justify-center fm-corner-radius-sm bg-fm-color-neutral-gray-100 hover:bg-fm-color-neutral-gray-200",
+                      onClick: ne
+                    }, [
+                      u("div", Ue, [
+                        M(a, {
+                          name: "expand_more",
+                          size: "md"
+                        })
+                      ])
+                    ])
+                  ])) : q("", !0)
+                ]),
+                T(e.$slots, "append")
+              ])
+            ]),
+            _: 3
+          }, 8, ["focused"])
+        ]),
+        M(S, {
+          class: "flex-1",
+          "model-value": { modelValue: s.value, amountAsString: String(c.value) },
+          info: e.labelInfo,
+          rules: ee.value,
+          "helper-text": e.helperText,
+          "helper-state": e.helperState
+        }, null, 8, ["model-value", "info", "rules", "helper-text", "helper-state"])
+      ]);
+    };
+  }
+});
+export {
+  Ve as F,
+  je as _,
+  Le as a,
+  $e as b,
+  H as c,
+  G as d
+};

package/dist/{IngredientBindedItem.vue_vue_type_script_setup_true_lang-FQ0HjuL3.js → IngredientBindedItem.vue_vue_type_script_setup_true_lang-D0otwOX8.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, b as y } from "./rules-DlnN8IP3.js";
+import { a, b as y } from "./rules-DxLLla7a.js";
 import { useI18n as _ } from "@feedmepos/mf-common";
 const v = { class: "flex flex-col" }, b = { 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" }, g = { class: "flex-1 py-8 px-16" }, h = {
   class: "flex-0 py-8 px-16",

package/dist/{IngredientGroupView-C3maHTCg.js → IngredientGroupView-D5XtVfIQ.js}

@@ -1,15 +1,16 @@
 import { ref as C, computed as I, defineComponent as Y, resolveComponent as S, openBlock as M, createBlock as O, withCtx as R, createElementVNode as x, createVNode as g, unref as l, createElementBlock as ee, toDisplayString as H, createTextVNode as te, watch as ue, isRef as ce, normalizeClass as de, normalizeStyle as me, createSlots as pe, Teleport as fe, normalizeProps as ve, guardReactiveProps as ge } from "vue";
-import { a as J, c as B, h as oe, u as ye } from "./app-GUbzqEtW.js";
+import { a as J, c as B, h as oe, u as ye } from "./app-BaOENyRY.js";
 import { useDialog as le, useSnackbar as Z, useProxiedModel as be, useBreakpoints as _e } from "@feedmepos/ui-library";
-import { F as h, D as ne, R as Q } from "./row-action.enum-PMKMRrZR.js";
+import { F as h } from "./form-mode.enum-BKiNVH6A.js";
 import { useI18n as W } from "@feedmepos/mf-common";
-import { defineStore as ie, storeToRefs as se } from "pinia";
+import { defineStore as ie, storeToRefs as ne } from "pinia";
+import { D as se, R as Q } from "./row-action.enum-7rGLGZ5v.js";
 import { c as xe, _ as ke, F as ae } from "./TableActionableRow.vue_vue_type_script_setup_true_lang-DlNJ6kRg.js";
-import { u as he, _ as we, a as Se } from "./FmInventoryTableToolbar.vue_vue_type_script_setup_true_lang-5DINn0ZB.js";
+import { u as he, _ as we, a as Se } from "./FmInventoryTableToolbar.vue_vue_type_script_setup_true_lang-CBC214tP.js";
 import "./array-hChJVZLE.js";
-import { d as Fe } from "./defineDeepModel-l40rX7kr.js";
-import { R as Ie, A as Ce } from "./rules-DlnN8IP3.js";
-import { F as re } from "./FmMultiselectDialog-7hok9sJP.js";
+import { d as Fe } from "./defineDeepModel-Cy-_HBnw.js";
+import { R as Ie, A as Ce } from "./rules-DxLLla7a.js";
+import { F as re } from "./FmMultiselectDialog-CK6xwOeG.js";
 const X = ie(
   "ingredientGroupactions",
   function() {
@@ -131,7 +132,7 @@ const X = ie(
         header: "",
         cell(f) {
           return xe(
-            [ne[Q.Edit], ne[Q.Delete]],
+            [se[Q.Edit], se[Q.Delete]],
             (y) => {
               p(y, f.row.original);
             }
@@ -497,7 +498,7 @@ const X = ie(
       }, 8, ["model-value", "header"]);
     };
   }
-}), Le = { class: "flex flex-col py-8" }, ze = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Ne = { class: "fm-typo-en-body-lg-600 text-fm-color-typo-primary" }, tt = /* @__PURE__ */ Y({
+}), Le = { class: "flex flex-col py-8" }, ze = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Ne = { class: "fm-typo-en-body-lg-600 text-fm-color-typo-primary" }, ot = /* @__PURE__ */ Y({
   __name: "IngredientGroupView",
   setup(U) {
     const c = J(), w = I(() => c.skuGroups), o = ye(), { t: r } = W(), {
@@ -505,7 +506,7 @@ const X = ie(
       updateIngredientGroup: p,
       importIngredientGroups: v,
       exportIngredientGroups: f
-    } = X(), { columnDefs: y, loading: A } = se(Ae()), { ingredientGroupDialogProps: b } = se(X());
+    } = X(), { columnDefs: y, loading: A } = ne(Ae()), { ingredientGroupDialogProps: b } = ne(X());
     function d(D) {
       switch (D) {
         case "add":
@@ -606,5 +607,5 @@ const X = ie(
   }
 });
 export {
-  tt as default
+  ot as default
 };