@feedmepos/mf-inventory-portal 0.0.22-dev.34 → 0.0.22-dev.37

package/dist/{FmInventoryTableToolbar.vue_vue_type_script_setup_true_lang-z-BBBTkh.js → FmInventoryTableToolbar.vue_vue_type_script_setup_true_lang-DBh79EM_.js}

@@ -1,9 +1,9 @@
-import { reactive as E, onUnmounted as q, defineComponent as V, computed as _, resolveComponent as h, openBlock as a, createElementBlock as b, Fragment as F, createElementVNode as f, unref as u, normalizeClass as D, toDisplayString as L, createCommentVNode as y, renderList as R, createBlock as w, createVNode as v, renderSlot as G, Teleport as J, ref as P, withCtx as T, watch as K, mergeModels as W, useModel as S } from "vue";
-import { FmButtonVariant as X, useBreakpoints as z } from "@feedmepos/ui-library";
-import { j as O, P as U } from "./app-Z9P39kGh.js";
-import { useCoreStore as Z, useI18n as j } from "@feedmepos/mf-common";
+import { reactive as E, onUnmounted as q, defineComponent as R, computed as _, resolveComponent as h, openBlock as a, createElementBlock as b, Fragment as F, createElementVNode as f, unref as u, normalizeClass as D, toDisplayString as L, createCommentVNode as y, renderList as V, createBlock as w, createVNode as v, renderSlot as G, Teleport as J, ref as z, withCtx as T, watch as K, mergeModels as W, useModel as S } from "vue";
+import { FmButtonVariant as X, useBreakpoints as P } from "@feedmepos/ui-library";
+import { i as O, V as U } from "./app-DZiCiBV7.js";
+import { useCoreStore as Z, useI18n as A } from "@feedmepos/mf-common";
 const I = E({});
-function A() {
+function Y() {
   const i = `${Math.random()}`, o = new ResizeObserver((t) => {
     const l = t.map((n) => n.target.scrollHeight).reduce((n, s) => n + s);
     I[i] = l;
@@ -29,7 +29,7 @@ function A() {
 const ee = { class: "flex flex-col w-full bg-white h-full" }, ne = {
   key: 0,
   class: /* @__PURE__ */ D(["text-fm-color-typo-secondary fm-typo-en-body-sm-400"])
-}, te = { key: 0 }, oe = { key: 1 }, le = { class: "bg-white flex-1" }, ae = { class: "fixed bottom-96 right-16" }, ke = /* @__PURE__ */ V({
+}, te = { key: 0 }, oe = { key: 1 }, le = { class: "bg-white flex-1" }, ae = { class: "fixed bottom-96 right-16" }, ke = /* @__PURE__ */ R({
   __name: "SingleColumnLayout",
   props: {
     actions: { default: () => [] },
@@ -44,7 +44,7 @@ const ee = { class: "flex flex-col w-full bg-white h-full" }, ne = {
   setup(i, { emit: o }) {
     const c = i, r = o, t = _(() => c.actions.find((e) => e.isPrimary)), l = _(
       () => c.actions.filter((e) => !e.isPrimary).map((e) => ({ ...e, variant: e.variant ?? X.Tertiary }))
-    ), { breakpoints: n } = z(), s = _(() => n.value.xs || n.value.sm), d = O(), k = _(() => d.businessLevel), x = A();
+    ), { breakpoints: n } = P(), s = _(() => n.value.xs || n.value.sm), d = O(), k = _(() => d.businessLevel), x = Y();
     return (e, m) => {
       const B = h("FmButton");
       return a(), b(F, null, [
@@ -72,7 +72,7 @@ const ee = { class: "flex flex-col w-full bg-white h-full" }, ne = {
               e.usingBusinessHelperText && k.value ? (a(), b("div", ne, L(e.usingBusinessHelperText), 1)) : y("", !0)
             ], 2),
             l.value.length ? (a(), b("div", te, [
-              (a(!0), b(F, null, R(l.value, (g) => (a(), w(B, {
+              (a(!0), b(F, null, V(l.value, (g) => (a(), w(B, {
                 key: g.value,
                 label: g.label,
                 "prepend-icon": g.prependIcon,
@@ -114,7 +114,7 @@ const ee = { class: "flex flex-col w-full bg-white h-full" }, ne = {
 }, ce = {
   class: "overflow-hidden overflow-y-scroll",
   style: { maxHeight: "105px" }
-}, de = /* @__PURE__ */ V({
+}, de = /* @__PURE__ */ R({
   __name: "ChangeLocationComponent",
   props: {
     showBusiness: { type: Boolean }
@@ -123,7 +123,7 @@ const ee = { class: "flex flex-col w-full bg-white h-full" }, ne = {
     const o = O(), c = Z(), r = _(() => {
       var e;
       return (e = c.currentBusiness.value) == null ? void 0 : e.name;
-    }), { t } = j(), l = P(""), n = _({
+    }), { t } = A(), l = z(""), n = _({
       get() {
         return o.businessLevel;
       },
@@ -143,9 +143,9 @@ const ee = { class: "flex flex-col w-full bg-white h-full" }, ne = {
       n.value = !1, o.selectLocation(o.locations.find((m) => m.dbName === e));
     }
     return (e, m) => {
-      const B = h("FmIcon"), g = h("FmSearch"), M = h("FmMenuDivider"), H = h("FmMenuHeader"), $ = h("FmMenuItem"), Y = h("FmMenu");
+      const B = h("FmIcon"), g = h("FmSearch"), M = h("FmMenuDivider"), H = h("FmMenuHeader"), $ = h("FmMenuItem"), j = h("FmMenu");
       return a(), b("div", se, [
-        v(Y, { "close-on-click": !0 }, {
+        v(j, { "close-on-click": !0 }, {
           "menu-button": T(() => {
             var p;
             return [
@@ -186,7 +186,7 @@ const ee = { class: "flex flex-col w-full bg-white h-full" }, ne = {
             }, null, 8, ["label"]),
             v(M),
             f("div", ie, [
-              (a(!0), b(F, null, R(d.value, (p) => {
+              (a(!0), b(F, null, V(d.value, (p) => {
                 var C;
                 return a(), w($, {
                   key: p.value,
@@ -206,7 +206,7 @@ const ee = { class: "flex flex-col w-full bg-white h-full" }, ne = {
             }, null, 8, ["label"]),
             v(M),
             f("div", ce, [
-              (a(!0), b(F, null, R(k.value, (p) => {
+              (a(!0), b(F, null, V(k.value, (p) => {
                 var C;
                 return a(), w($, {
                   key: p.value,
@@ -244,14 +244,14 @@ function N(i = 15) {
     endDate: `${U(r)}`
   };
 }
-const me = { 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" }, pe = { class: "fm-typo-en-body-md-600 select-none text-ellipsis overflow-hidden whitespace-nowrap" }, ve = /* @__PURE__ */ V({
+const me = { 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" }, pe = { class: "fm-typo-en-body-md-600 select-none text-ellipsis overflow-hidden whitespace-nowrap" }, ve = /* @__PURE__ */ R({
   __name: "FmDateRangePickerChip",
   props: {
     modelValue: { default: (i) => i.modelValue ?? N() }
   },
   emits: ["update:modelValue"],
   setup(i, { emit: o }) {
-    const c = o, r = P(N());
+    const c = o, r = z(N());
     K(r, (l) => {
       c("update:modelValue", l);
     });
@@ -284,7 +284,7 @@ const me = { class: "inline-flex rounded-md items-center gap-4 justify-center h-
 }), fe = { class: "flex-1 w-full flex items-center gap-4" }, be = {
   key: 0,
   class: "flex-1"
-}, ye = { class: "w-full max-w-[343px] xs:max-w-[unset] sm:max-w-[unset]" }, Be = /* @__PURE__ */ V({
+}, ye = { class: "w-full max-w-[343px] xs:max-w-[unset] sm:max-w-[unset]" }, Be = /* @__PURE__ */ R({
   __name: "FmInventoryTableToolbar",
   props: /* @__PURE__ */ W({
     dateRangeQuery: { type: Boolean },
@@ -301,7 +301,7 @@ const me = { class: "inline-flex rounded-md items-center gap-4 justify-center h-
   }),
   emits: ["update:search", "update:dateRange"],
   setup(i) {
-    const { breakpoints: o } = z(), c = _(() => o.value.xs || o.value.sm), r = S(i, "search"), t = S(i, "dateRange"), { t: l } = j(), n = A();
+    const { breakpoints: o } = P(), c = _(() => o.value.xs || o.value.sm), r = S(i, "search"), t = S(i, "dateRange"), { t: l } = A(), n = Y();
     return (s, d) => {
       const k = h("FmTextField"), x = h("FmButton");
       return a(), b("div", {
@@ -351,7 +351,7 @@ const me = { class: "inline-flex rounded-md items-center gap-4 justify-center h-
                 class: "w-full"
               }, null, 8, ["model-value", "placeholder"])) : y("", !0)
             ]),
-            (a(!0), b(F, null, R(s.actions, (e, m) => (a(), w(x, {
+            (a(!0), b(F, null, V(s.actions, (e, m) => (a(), w(x, {
               key: m,
               variant: "tertiary",
               "prepend-icon": e.icon,
@@ -368,5 +368,5 @@ export {
   Be as a,
   xe as b,
   N as i,
-  A as u
+  Y as u
 };

package/dist/IngredientBindedItem.vue_vue_type_script_setup_true_lang-3OkJNtvH.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-DZiCiBV7.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 _
+};