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

package/dist/FmUnitInput.vue_vue_type_script_setup_true_lang-CxR1FCft.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-BX5KZXhI.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-DlnN8IP3.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-FQ0HjuL3.js

@@ -0,0 +1,51 @@
+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 { 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",
+  style: { "flex-basis": "120px" }
+}, k = { class: "flex-1 py-8 px-16" }, B = {
+  key: 0,
+  class: "flex-0 py-8 px-16",
+  style: { "flex-basis": "120px" }
+}, I = {
+  key: 1,
+  class: "flex-0 py-8 px-16",
+  style: { "flex-basis": "120px" }
+}, A = /* @__PURE__ */ p({
+  __name: "IngredientBindedItem",
+  props: {
+    name: {},
+    bindings: {}
+  },
+  setup($) {
+    const { t: m } = _();
+    function c(e, i) {
+      var t;
+      if (e.measurement) {
+        const u = y(e.amount, e.measurement.conversion);
+        return `${a(u, !1)} ${(t = e.measurement) == null ? void 0 : t.abbrev}`;
+      }
+      return `${a(e.amount, !1)} ${i.abbrev}`;
+    }
+    function f(e) {
+      return e.unit !== void 0;
+    }
+    return (e, i) => (s(), n("div", v, [
+      r("div", b, [
+        r("div", g, o(e.name), 1),
+        r("div", h, o(l(m)("inventory.ingredient.bindedItems.amount")), 1)
+      ]),
+      (s(!0), n(d, null, x(e.bindings, (t) => (s(), n("div", {
+        key: t.id,
+        class: "flex flex-row fm-typo-en-body-md-400 h-48 items-center border-b border-b-fm-color-neutral-gray-100"
+      }, [
+        r("div", k, o(t.name), 1),
+        f(t) ? (s(), n("div", B, o(c(t, t.unit)), 1)) : (s(), n("div", I, o(l(a)(t.amount, !1)), 1))
+      ]))), 128))
+    ]));
+  }
+});
+export {
+  A as _
+};