@feedmepos/mf-inventory-portal 0.0.22-dev.4 → 0.0.22-dev.40

package/dist/FmInventoryTableToolbar.vue_vue_type_script_setup_true_lang-Cc_P0kss.js

@@ -0,0 +1,364 @@
+import { reactive as q, onUnmounted as G, defineComponent as T, computed as g, resolveComponent as y, openBlock as a, createElementBlock as b, Fragment as M, createElementVNode as m, unref as r, normalizeClass as D, toDisplayString as R, createCommentVNode as h, renderList as I, createBlock as k, createVNode as _, renderSlot as J, Teleport as K, ref as O, withCtx as S, watch as X, mergeModels as Z, useModel as U } from "vue";
+import { FmButtonVariant as ee, useBreakpoints as A } from "@feedmepos/ui-library";
+import { i as Y, V as z } from "./app-DKE_n9Mo.js";
+import { useCoreStore as ne, useI18n as j } from "@feedmepos/mf-common";
+const H = q({});
+function Q() {
+  const i = `${Math.random()}`, t = new ResizeObserver((o) => {
+    const l = o.map((n) => n.target.scrollHeight).reduce((n, s) => n + s);
+    H[i] = l;
+  }), d = (o) => {
+    const l = o.el;
+    l && t.observe(l);
+  }, u = (o) => {
+    const l = o.el;
+    l && t.unobserve(l);
+  };
+  return G(() => {
+    t.disconnect(), delete H[i];
+  }), {
+    get tableHeight() {
+      return {
+        height: `calc(100dvh - ${Object.values(H).reduce((n, s) => n + s, 0) + 64}px)`
+      };
+    },
+    onMounted: d,
+    onUnmounted: u
+  };
+}
+const te = { class: "flex flex-col w-full bg-white h-full" }, oe = {
+  key: 0,
+  class: /* @__PURE__ */ D(["text-fm-color-typo-secondary fm-typo-en-body-sm-400"])
+}, le = { key: 0 }, ae = { key: 1 }, se = { class: "bg-white flex-1" }, ue = { class: "fixed bottom-96 right-16" }, Be = /* @__PURE__ */ T({
+  __name: "SingleColumnLayout",
+  props: {
+    actions: { default: () => [] },
+    title: { default: "Title" },
+    description: {},
+    showBackButton: { type: Boolean },
+    defaultPadding: { type: Boolean },
+    breadcrumbs: { default: () => [] },
+    usingBusinessHelperText: {}
+  },
+  emits: ["click:action"],
+  setup(i, { emit: t }) {
+    const d = i, u = t, o = g(() => d.actions.find((e) => e.isPrimary)), l = g(
+      () => d.actions.filter((e) => !e.isPrimary).map((e) => ({ ...e, variant: e.variant ?? ee.Tertiary }))
+    ), { breakpoints: n } = A(), s = g(() => n.value.xs || n.value.sm), v = Y(), w = g(() => v.businessLevel), x = Q();
+    return (e, p) => {
+      const B = y("FmButton");
+      return a(), b(M, null, [
+        m("div", te, [
+          m("div", {
+            onVnodeMounted: p[1] || (p[1] = //@ts-ignore
+            (...f) => r(x).onMounted && r(x).onMounted(...f)),
+            class: D([
+              "flex gap-4",
+              {
+                "p-12": s.value,
+                "px-24 py-16": !s.value
+              }
+            ])
+          }, [
+            m("div", {
+              class: D([
+                "flex-1 flex flex-col gap-4 fm-typo-en-title-md-600 bg-white",
+                {
+                  "py-12": s.value
+                }
+              ])
+            }, [
+              m("div", null, R(e.title), 1),
+              e.usingBusinessHelperText && w.value ? (a(), b("div", oe, R(e.usingBusinessHelperText), 1)) : h("", !0)
+            ], 2),
+            l.value.length ? (a(), b("div", le, [
+              (a(!0), b(M, null, I(l.value, (f) => (a(), k(B, {
+                key: f.value,
+                label: f.label,
+                "prepend-icon": f.prependIcon,
+                variant: f.variant,
+                onClick: (N) => u("click:action", f.value)
+              }, null, 8, ["label", "prepend-icon", "variant", "onClick"]))), 128))
+            ])) : h("", !0),
+            o.value && (r(n).lg || r(n).md) ? (a(), b("div", ae, [
+              _(B, {
+                label: o.value.label,
+                "prepend-icon": o.value.prependIcon,
+                onClick: p[0] || (p[0] = (f) => u("click:action", o.value.value))
+              }, null, 8, ["label", "prepend-icon"])
+            ])) : h("", !0)
+          ], 2),
+          m("div", se, [
+            J(e.$slots, "default")
+          ])
+        ]),
+        o.value && s.value ? (a(), k(K, {
+          key: 0,
+          to: "body"
+        }, [
+          m("div", ue, [
+            _(B, {
+              label: o.value.label,
+              "prepend-icon": o.value.prependIcon,
+              onClick: p[2] || (p[2] = (f) => u("click:action", o.value.value)),
+              variant: "fab"
+            }, null, 8, ["label", "prepend-icon"])
+          ])
+        ])) : h("", !0)
+      ], 64);
+    };
+  }
+}), re = { class: "inline-flex" }, ie = { class: "inline-flex rounded-md items-center gap-4 justify-center h-[30px] px-8 py-4 bg-fm-color-neutral-gray-100 cursor-pointer text-fm-color-neutral-gray-400" }, ce = { class: "fm-typo-en-body-md-600 select-none text-ellipsis overflow-hidden whitespace-nowrap" }, de = { class: "relative" }, me = { class: "sticky top-0 py-8 bg-white translate-y-[-12px]" }, ve = /* @__PURE__ */ T({
+  __name: "ChangeLocationComponent",
+  props: {
+    showBusiness: { type: Boolean }
+  },
+  setup(i) {
+    const t = Y(), d = ne(), u = g(() => {
+      var e;
+      return (e = d.currentBusiness.value) == null ? void 0 : e.name;
+    }), { t: o } = j(), l = O(""), n = g({
+      get() {
+        return t.businessLevel;
+      },
+      set(e) {
+        t.businessLevel = e;
+      }
+    }), s = g(
+      () => t.locations.map((e) => ({ label: e.name, value: e.dbName, type: e.type })).filter(
+        (e) => l.value ? e.label.toLocaleLowerCase().includes(l.value.toLocaleLowerCase()) : !0
+      )
+    ), v = g(
+      () => s.value.filter((e) => e.type === "restaurant")
+    ), w = g(
+      () => s.value.filter((e) => e.type === "warehouse")
+    );
+    function x({ value: e }) {
+      n.value = !1, t.selectLocation(t.locations.find((p) => p.dbName === e));
+    }
+    return (e, p) => {
+      const B = y("FmIcon"), f = y("FmSearch"), N = y("FmMenuHeader"), E = y("FmMenuDivider"), L = y("FmMenuItem"), W = y("FmMenu");
+      return a(), b("div", re, [
+        _(W, { "close-on-click": !0 }, {
+          "menu-button": S(() => {
+            var c;
+            return [
+              m("div", ie, [
+                _(B, {
+                  name: e.showBusiness && n.value ? "store" : "storefront",
+                  size: "sm"
+                }, null, 8, ["name"]),
+                m("div", ce, R(e.showBusiness && n.value ? u.value : ((c = r(t)._currentLocation) == null ? void 0 : c.name) ?? r(o)("inventory.common.noLocationSelected")), 1),
+                _(B, {
+                  name: "expand_more",
+                  size: "sm"
+                })
+              ])
+            ];
+          }),
+          default: S(() => [
+            m("div", de, [
+              m("div", me, [
+                _(f, {
+                  "model-value": l.value,
+                  "onUpdate:modelValue": p[0] || (p[0] = (c) => l.value = c),
+                  placeholder: r(o)("inventory.common.table.toolbar.filterItems")
+                }, null, 8, ["model-value", "placeholder"])
+              ]),
+              m("div", null, [
+                e.showBusiness ? (a(), b(M, { key: 0 }, [
+                  _(N, {
+                    label: r(o)("inventory.common.business")
+                  }, null, 8, ["label"]),
+                  _(E),
+                  _(L, {
+                    "model-value": n.value,
+                    label: u.value,
+                    sublabel: "Business",
+                    onClick: p[1] || (p[1] = (c) => n.value = !0)
+                  }, null, 8, ["model-value", "label"])
+                ], 64)) : h("", !0),
+                (a(!0), b(M, null, I(v.value, (c) => {
+                  var F;
+                  return a(), k(L, {
+                    key: c.value,
+                    "model-value": !n.value && ((F = r(t)._currentLocation) == null ? void 0 : F.dbName) === c.value,
+                    label: c.label,
+                    sublabel: "Restaurant",
+                    onClick: ($) => x(c),
+                    onVnodeMounted: ($) => {
+                      var V, C;
+                      return !n.value && ((V = r(t)._currentLocation) == null ? void 0 : V.dbName) === c.value && ((C = $.el) == null || C.scrollIntoView({ behavior: "smooth", block: "center" })), void 0;
+                    }
+                  }, null, 8, ["model-value", "label", "onClick", "onVnodeMounted"]);
+                }), 128)),
+                (a(!0), b(M, null, I(w.value, (c) => {
+                  var F;
+                  return a(), k(L, {
+                    key: c.value,
+                    "model-value": !n.value && ((F = r(t)._currentLocation) == null ? void 0 : F.dbName) === c.value,
+                    label: c.label,
+                    sublabel: "Warehouse",
+                    onClick: ($) => x(c),
+                    onVnodeMounted: ($) => {
+                      var V, C;
+                      return !n.value && ((V = r(t)._currentLocation) == null ? void 0 : V.dbName) === c.value && ((C = $.el) == null || C.scrollIntoView({ behavior: "smooth", block: "center" })), void 0;
+                    }
+                  }, null, 8, ["model-value", "label", "onClick", "onVnodeMounted"]);
+                }), 128)),
+                !e.showBusiness && !v.value.length && !w.value.length ? (a(), k(L, {
+                  key: 1,
+                  disabled: "",
+                  label: r(o)("inventory.common.noResultFound")
+                }, null, 8, ["label"])) : h("", !0)
+              ])
+            ])
+          ]),
+          _: 1
+        })
+      ]);
+    };
+  }
+});
+function Me() {
+  const i = /* @__PURE__ */ new Date();
+  return i.setDate(i.getDate() - 15), {
+    start: i,
+    end: /* @__PURE__ */ new Date()
+  };
+}
+function P(i = 15) {
+  const t = /* @__PURE__ */ new Date();
+  t.setDate(t.getDate() - i);
+  const d = t, u = /* @__PURE__ */ new Date();
+  return {
+    startDate: `${z(d)}`,
+    endDate: `${z(u)}`
+  };
+}
+const pe = { class: "inline-flex rounded-md items-center gap-4 justify-center h-[30px] px-8 py-4 bg-fm-color-neutral-gray-100 cursor-pointer text-fm-color-neutral-gray-400" }, be = { class: "fm-typo-en-body-md-600 select-none text-ellipsis overflow-hidden whitespace-nowrap" }, fe = /* @__PURE__ */ T({
+  __name: "FmDateRangePickerChip",
+  props: {
+    modelValue: { default: (i) => i.modelValue ?? P() }
+  },
+  emits: ["update:modelValue"],
+  setup(i, { emit: t }) {
+    const d = t, u = O(P());
+    X(u, (l) => {
+      d("update:modelValue", l);
+    });
+    const o = g(() => {
+      const { startDate: l, endDate: n } = u.value;
+      return !l && !n ? "" : `${l} - ${n}`;
+    });
+    return (l, n) => {
+      const s = y("FmIcon"), v = y("FmDateRangePicker");
+      return a(), k(v, {
+        "show-predefined-range": "",
+        modelValue: u.value,
+        "onUpdate:modelValue": n[0] || (n[0] = (w) => u.value = w),
+        "start-label": "",
+        "end-label": ""
+      }, {
+        "trigger-button": S(() => [
+          m("div", pe, [
+            _(s, {
+              name: "calendar_month",
+              size: "sm"
+            }),
+            m("div", be, R(o.value), 1)
+          ])
+        ]),
+        _: 1
+      }, 8, ["modelValue"]);
+    };
+  }
+}), ye = { class: "flex-1 w-full flex items-center gap-4" }, ge = {
+  key: 0,
+  class: "flex-1"
+}, he = { class: "w-full max-w-[343px] xs:max-w-[unset] sm:max-w-[unset]" }, Fe = /* @__PURE__ */ T({
+  __name: "FmInventoryTableToolbar",
+  props: /* @__PURE__ */ Z({
+    dateRangeQuery: { type: Boolean },
+    changeLocation: { type: Boolean },
+    searchable: { type: Boolean },
+    actions: {},
+    usingBusinessHelperText: {},
+    showBusiness: { type: Boolean }
+  }, {
+    search: {},
+    searchModifiers: {},
+    dateRange: {},
+    dateRangeModifiers: {}
+  }),
+  emits: ["update:search", "update:dateRange"],
+  setup(i) {
+    const { breakpoints: t } = A(), d = g(() => t.value.xs || t.value.sm), u = U(i, "search"), o = U(i, "dateRange"), { t: l } = j(), n = Q();
+    return (s, v) => {
+      const w = y("FmTextField"), x = y("FmButton");
+      return a(), b("div", {
+        class: "flex flex-col gap-8",
+        onVnodeMounted: v[2] || (v[2] = //@ts-ignore
+        (...e) => r(n).onMounted && r(n).onMounted(...e)),
+        onVnodeUnmounted: v[3] || (v[3] = //@ts-ignore
+        (...e) => r(n).onUnmounted && r(n).onUnmounted(...e))
+      }, [
+        m("div", {
+          class: D([
+            "flex gap-8 items-center",
+            {
+              "px-8 flex-col-reverse h-[unset]": d.value,
+              "h-48": !d.value
+            }
+          ])
+        }, [
+          s.changeLocation || s.dateRangeQuery ? (a(), b("div", {
+            key: 0,
+            class: D([
+              "flex gap-8 items-center",
+              {
+                "w-full overflow-x-auto": d.value
+              }
+            ])
+          }, [
+            s.changeLocation ? (a(), k(ve, {
+              key: 0,
+              "show-business": s.showBusiness
+            }, null, 8, ["show-business"])) : h("", !0),
+            s.dateRangeQuery ? (a(), k(fe, {
+              key: 1,
+              "model-value": o.value,
+              "onUpdate:modelValue": v[0] || (v[0] = (e) => o.value = e)
+            }, null, 8, ["model-value"])) : h("", !0)
+          ], 2)) : h("", !0),
+          m("div", ye, [
+            d.value ? h("", !0) : (a(), b("div", ge)),
+            m("div", he, [
+              s.searchable ? (a(), k(w, {
+                key: 0,
+                "model-value": u.value,
+                "onUpdate:modelValue": v[1] || (v[1] = (e) => u.value = e),
+                "prepend-icon": "search",
+                placeholder: r(l)("inventory.common.table.toolbar.filterItems"),
+                class: "w-full"
+              }, null, 8, ["model-value", "placeholder"])) : h("", !0)
+            ]),
+            (a(!0), b(M, null, I(s.actions, (e, p) => (a(), k(x, {
+              key: p,
+              variant: "tertiary",
+              "prepend-icon": e.icon,
+              onClick: e.onClick
+            }, null, 8, ["prepend-icon", "onClick"]))), 128))
+          ])
+        ], 2)
+      ], 512);
+    };
+  }
+});
+export {
+  Be as _,
+  Fe as a,
+  Me as b,
+  P as i,
+  Q as u
+};

package/dist/IngredientBindedItem.vue_vue_type_script_setup_true_lang-DMOalXUS.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, k as y } from "./app-DKE_n9Mo.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",
+  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", g, [
+        r("div", h, o(e.name), 1),
+        r("div", b, 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 _
+};