@feedmepos/mf-inventory-portal 0.0.23-dev.19 → 0.0.23-dev.2

package/dist/FmUnitInput.vue_vue_type_script_setup_true_lang-BHSGZyJL.js

@@ -0,0 +1,326 @@
+import { defineComponent as oe, mergeModels as z, useModel as se, computed as v, ref as P, watch as T, inject as le, resolveComponent as b, openBlock as f, createElementBlock as y, createElementVNode as a, createVNode as h, withCtx as M, renderSlot as $, normalizeClass as V, toDisplayString as g, withDirectives as ie, vModelText as ae, createCommentVNode as W, createTextVNode as ue, createBlock as q, Fragment as re, renderList as me } from "vue";
+import { F as I } from "./index-CTvgBOum.js";
+import { I as k, g as j, c as ce, a as x, m as de, t as pe, b as fe, p as ve, l as be, u as ye } from "./rules-DxVY0b7F.js";
+import "@feedmepos/ui-library";
+function E() {
+  return {
+    amount: I.reset()
+  };
+}
+function H() {
+  return function(d) {
+    return k()(d.amountAsString);
+  };
+}
+function Ve(s) {
+  return function(n) {
+    return k()(n.amountAsString) !== !0 ? !0 : +n.amountAsString < s ? `Must be at least ${s}` : !0;
+  };
+}
+function je(s) {
+  return function(n) {
+    return k()(n.amountAsString) !== !0 ? !0 : +n.amountAsString > s ? `Must be at most ${s}` : !0;
+  };
+}
+function G(s, d = !1) {
+  return function(u) {
+    const o = H()(u);
+    if (o != !0)
+      return d ? o : !0;
+    const F = typeof s == "number" ? s : j(s, u.modelValue.measurement);
+    return ce(+u.amountAsString).precision > F ? `Cannot exceed precision more than ${x({
+      amount: 1,
+      precision: F
+    })}` : !0;
+  };
+}
+function Le(s) {
+  const d = de(s);
+  return function(u) {
+    return d(u.modelValue.amount);
+  };
+}
+const he = { class: "flex flex-col" }, Me = { class: "flex flex-col" }, ge = { class: "flex-1" }, xe = { class: "flex items-center gap-4" }, Fe = { 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" }, Re = { class: "max-w-[200px] flex flex-col gap-[1px]" }, De = {
+  key: 1,
+  class: "flex flex-col gap-4 pl-8 shrink-0"
+}, Be = {
+  class: "flex items-center",
+  style: { "pointer-events": "none" }
+}, Ce = {
+  class: "flex items-center",
+  style: { "pointer-events": "none" }
+}, Oe = /* @__PURE__ */ oe({
+  __name: "FmUnitInput",
+  props: /* @__PURE__ */ z({
+    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__ */ z(["update:amount", "update:measurement"], ["update:modelValue"]),
+  setup(s, { emit: d }) {
+    const n = s, u = d, o = se(s, "modelValue"), F = k(), R = v(() => {
+      var t;
+      return j(n.unit, (t = o.value) == null ? void 0 : t.measurement);
+    }), c = P((() => {
+      var i;
+      const e = ((i = o.value) == null ? void 0 : i.amount) ?? I.reset(), t = be(e), l = n.formatMinimumPrecision ?? t.precision, r = ye(t, l);
+      return x(r);
+    })());
+    T(c, (e) => {
+      const t = F(e), l = n.precision ?? R.value, i = typeof n.formatMinimumPrecision == "number" && n.formatMinimumPrecision > l ? n.formatMinimumPrecision : l;
+      t == !0 && (o.value = {
+        ...o.value,
+        amount: pe(+e, i)
+      }), u("update:amount", e);
+    });
+    const J = Symbol.for("fm:form-state"), D = le(J, null), A = v(() => n.disabled ?? (D == null ? void 0 : D.getDisabled()) ?? !1), K = P(), B = P(!1), L = P(!1), Q = v(() => B.value || L.value), X = v(() => {
+      var e;
+      return [
+        {
+          label: (e = n.unit) == null ? void 0 : e.abbrev,
+          value: null
+        },
+        ...n.unit.measurements.map((t) => ({
+          label: t.abbrev,
+          value: t.id
+        }))
+      ];
+    }), C = v({
+      get() {
+        var e, t;
+        return ((t = (e = o.value) == null ? void 0 : e.measurement) == null ? void 0 : t.id) ?? null;
+      },
+      set(e) {
+        if (e == null)
+          o.value = {
+            ...o.value ?? E(),
+            measurement: null
+          }, u("update:measurement", null);
+        else {
+          const t = n.unit.measurements.find((l) => l.id === e) ?? null;
+          o.value = {
+            ...o.value ?? E(),
+            measurement: t
+          }, u("update:measurement", t);
+        }
+      }
+    });
+    T(C, (e, t) => {
+      var m;
+      if (!n.convertAmountOnChangeUnit)
+        return;
+      const l = ((m = o.value) == null ? void 0 : m.amount) ?? I.reset(), r = n.unit.measurements.find((_) => _.id === t) ?? null, i = n.unit.measurements.find((_) => _.id === e) ?? null, p = r ? fe(l, r.conversion) : l, w = i ? ve(p, i.conversion) : p, N = j(n.unit, i), S = I.convertPrecision({
+        value: w,
+        precision: N
+      });
+      c.value = x(S);
+    });
+    const U = v(() => {
+      var e, t;
+      return ((t = (e = o.value) == null ? void 0 : e.measurement) == null ? void 0 : t.abbrev) ?? n.unit.abbrev;
+    }), Y = v(
+      () => {
+        var e;
+        return ((e = n.rules) == null ? void 0 : e.map(
+          (t) => (l) => typeof t == "function" ? t(l) : t
+        )) ?? [];
+      }
+    ), ee = v(() => [...n.applyDefaultRules ? [
+      H(),
+      typeof n.precision == "number" ? G(n.precision) : G(n.unit)
+    ] : [], ...Y.value]);
+    function O(e) {
+      const t = n.precision ?? R.value, r = typeof n.formatMinimumPrecision == "number" && n.formatMinimumPrecision > t ? n.formatMinimumPrecision : t, i = e.toFixed(r), p = i.includes(".") ? i.replace(/0+$/, "") : i;
+      return p.endsWith(".") ? p.slice(0, p.length - 1) : p;
+    }
+    function te() {
+      if (!n.stepper)
+        return;
+      const e = +c.value + +x(n.stepper);
+      c.value = O(e);
+    }
+    function ne() {
+      if (!n.stepper)
+        return;
+      const e = +c.value - +x(n.stepper);
+      c.value = O(e);
+    }
+    return (e, t) => {
+      const l = b("FmLabel"), r = b("FmIcon"), i = b("FmMenuItem"), p = b("FmMenu"), w = b("FmTooltip"), N = b("FmField"), S = b("FmFormGroup");
+      return f(), y("div", he, [
+        a("div", Me, [
+          a("div", ge, [
+            h(l, {
+              label: e.label,
+              disabled: e.disabled,
+              required: e.labelMark === "required",
+              optional: e.labelMark === "optional"
+            }, null, 8, ["label", "disabled", "required", "optional"])
+          ]),
+          h(N, { focused: Q.value }, {
+            default: M(() => [
+              a("div", xe, [
+                $(e.$slots, "prepend"),
+                a("div", Fe, [
+                  a("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
+                      })
+                    }, g(c.value), 3)) : ie((f(), y("input", {
+                      key: 1,
+                      type: "text",
+                      ref_key: "inputRef",
+                      ref: K,
+                      onFocus: t[0] || (t[0] = () => B.value = !0),
+                      onBlur: t[1] || (t[1] = () => B.value = !1),
+                      "onUpdate:modelValue": t[2] || (t[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, g(e.separator), 1)) : W("", !0),
+                  a("div", {
+                    class: V([e.disabled ? "text-fm-color-typo-disabled" : "text-fm-color-typo-secondary"])
+                  }, [
+                    h(w, { "z-index": 51 }, {
+                      content: M(() => [
+                        ue(g(U.value), 1)
+                      ]),
+                      default: M(() => [
+                        e.disableUnit ? (f(), y("div", Pe, g(U.value), 1)) : (f(), q(p, {
+                          key: 1,
+                          onMenuChanged: t[3] || (t[3] = (m) => L.value = m),
+                          "z-index": 500,
+                          placement: e.placement,
+                          disabled: e.disabled
+                        }, {
+                          "menu-button": M(() => [
+                            a("div", Ie, [
+                              a("div", ke, g(U.value), 1),
+                              h(r, { name: "keyboard_arrow_down" })
+                            ])
+                          ]),
+                          default: M(() => [
+                            a("div", Re, [
+                              (f(!0), y(re, null, me(X.value, (m) => (f(), q(i, {
+                                key: m.value ?? void 0,
+                                label: m.label,
+                                "model-value": m.value == C.value,
+                                onClick: (_) => C.value = m.value
+                              }, null, 8, ["label", "model-value", "onClick"]))), 128))
+                            ])
+                          ]),
+                          _: 1
+                        }, 8, ["placement", "disabled"]))
+                      ]),
+                      _: 1
+                    })
+                  ], 2),
+                  e.stepper ? (f(), y("div", De, [
+                    a("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
+                    }, [
+                      a("div", Be, [
+                        h(r, {
+                          name: "expand_less",
+                          size: "md"
+                        })
+                      ])
+                    ]),
+                    a("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
+                    }, [
+                      a("div", Ce, [
+                        h(r, {
+                          name: "expand_more",
+                          size: "md"
+                        })
+                      ])
+                    ])
+                  ])) : W("", !0)
+                ]),
+                $(e.$slots, "append")
+              ])
+            ]),
+            _: 3
+          }, 8, ["focused"])
+        ]),
+        h(S, {
+          class: "flex-1",
+          "model-value": { modelValue: o.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,
+  Oe as _,
+  je as a,
+  Le as b,
+  H as c,
+  G as d
+};

package/dist/{IngredientBindedItem.vue_vue_type_script_setup_true_lang-D7uvrzFU.js → IngredientBindedItem.vue_vue_type_script_setup_true_lang-DH5IQchQ.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-C83wiSGb.js";
+import { a, b as y } from "./rules-DxVY0b7F.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-DgDZnggI.js → IngredientGroupView-DoETcEvV.js}

@@ -1,16 +1,15 @@
 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-ww5ibHkL.js";
+import { a as J, c as B, h as oe, u as ye } from "./app-CAyFhmAz.js";
 import { useDialog as le, useSnackbar as Z, useProxiedModel as be, useBreakpoints as _e } from "@feedmepos/ui-library";
-import { F as h } from "./form-mode.enum-BKiNVH6A.js";
+import { F as h, D as ne, R as Q } from "./row-action.enum-PMKMRrZR.js";
 import { useI18n as W } from "@feedmepos/mf-common";
-import { defineStore as ie, storeToRefs as ne } from "pinia";
-import { D as se, R as Q } from "./row-action.enum-7rGLGZ5v.js";
+import { defineStore as ie, storeToRefs as se } from "pinia";
 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-m92y5x0G.js";
+import { u as he, _ as we, a as Se } from "./FmInventoryTableToolbar.vue_vue_type_script_setup_true_lang-KbYSywk2.js";
 import "./array-hChJVZLE.js";
-import { d as Fe } from "./defineDeepModel-DJODEpcR.js";
-import { R as Ie, A as Ce } from "./rules-C83wiSGb.js";
-import { F as re } from "./FmMultiselectDialog-Jr9uL_z_.js";
+import { d as Fe } from "./defineDeepModel-DS4Shctf.js";
+import { R as Ie, A as Ce } from "./rules-DxVY0b7F.js";
+import { F as re } from "./FmMultiselectDialog-Da9JMCYa.js";
 const X = ie(
   "ingredientGroupactions",
   function() {
@@ -132,7 +131,7 @@ const X = ie(
         header: "",
         cell(f) {
           return xe(
-            [se[Q.Edit], se[Q.Delete]],
+            [ne[Q.Edit], ne[Q.Delete]],
             (y) => {
               p(y, f.row.original);
             }
@@ -498,7 +497,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" }, ot = /* @__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" }, tt = /* @__PURE__ */ Y({
   __name: "IngredientGroupView",
   setup(U) {
     const c = J(), w = I(() => c.skuGroups), o = ye(), { t: r } = W(), {
@@ -506,7 +505,7 @@ const X = ie(
       updateIngredientGroup: p,
       importIngredientGroups: v,
       exportIngredientGroups: f
-    } = X(), { columnDefs: y, loading: A } = ne(Ae()), { ingredientGroupDialogProps: b } = ne(X());
+    } = X(), { columnDefs: y, loading: A } = se(Ae()), { ingredientGroupDialogProps: b } = se(X());
     function d(D) {
       switch (D) {
         case "add":
@@ -607,5 +606,5 @@ const X = ie(
   }
 });
 export {
-  ot as default
+  tt as default
 };