@feedmepos/mf-menu-portal 1.0.4 → 1.0.5-dev.1

package/dist/{ApplyProduct.vue_vue_type_script_setup_true_lang-Hdsnu29V.js → ApplyProduct.vue_vue_type_script_setup_true_lang-CPh1GBw9.js}

@@ -1,7 +1,7 @@
-import { defineComponent as b, resolveComponent as d, openBlock as a, createElementBlock as r, createVNode as s, withCtx as p, createElementVNode as g, toDisplayString as C, unref as m, createCommentVNode as v, renderSlot as w, Fragment as S, renderList as k, h as u, withModifiers as F } from "vue";
-import { useI18n as B } from "@feedmepos/mf-common";
-import { components as q } from "@feedmepos/ui-library";
-import { _ as x } from "./vuedraggable-CBtQLb_S.js";
+import { defineComponent as b, resolveComponent as d, openBlock as a, createElementBlock as r, createVNode as s, withCtx as p, createElementVNode as g, toDisplayString as v, unref as m, createCommentVNode as C, renderSlot as w, Fragment as S, renderList as k, h as u, withModifiers as x } from "vue";
+import { useI18n as F } from "@feedmepos/mf-common";
+import { components as B } from "@feedmepos/ui-library";
+import { _ as q } from "./vuedraggable-CBtQLb_S.js";
 const V = { class: "space-y-16" }, N = { class: "flex items-center space-x-24" }, z = {
   key: 0,
   class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary"
@@ -17,7 +17,7 @@ const V = { class: "space-y-16" }, N = { class: "flex items-center space-x-24" }
   },
   emits: ["update:query", "unapply"],
   setup(f, { emit: y }) {
-    const i = f, c = y, { t: n } = B();
+    const i = f, c = y, { t: n } = F();
     function h(e) {
       const t = [
         {
@@ -45,12 +45,12 @@ const V = { class: "space-y-16" }, N = { class: "flex items-center space-x-24" }
         // the label column beside it rather than shrinking this one.
         meta: { cellClass: "" },
         cell: (l) => u("div", { class: "flex justify-end" }, [
-          u(q.FmButton, {
+          u(B.FmButton, {
             prependIcon: "delete",
             variant: "tertiary",
             textColor: "neutral-gray-400",
             "aria-label": n("menu.common.actions.remove"),
-            onClick: F(
+            onClick: x(
               () => c("unapply", l.row.original.id),
               ["stop", "prevent"]
             )
@@ -61,13 +61,13 @@ const V = { class: "space-y-16" }, N = { class: "flex items-center space-x-24" }
     return (e, t) => {
       const l = d("FmSearch"), _ = d("FmTable");
       return a(), r("div", V, [
-        s(x, { title: e.title }, {
+        s(q, { title: e.title }, {
           "append-title": p(() => [
             w(e.$slots, "append-title")
           ]),
           default: p(() => [
             g("div", N, [
-              e.showCount ? (a(), r("p", z, C(m(n)("menu.common.labels.product_count", { count: e.appliedCount })), 1)) : v("", !0),
+              e.showCount ? (a(), r("p", z, v(m(n)("menu.common.labels.product_count", { count: e.appliedCount })), 1)) : C("", !0),
               s(l, {
                 class: "flex-1",
                 "model-value": e.query,
@@ -79,7 +79,8 @@ const V = { class: "space-y-16" }, N = { class: "flex items-center space-x-24" }
           _: 3
         }, 8, ["title"]),
         (a(!0), r(S, null, k(i.groups, (o) => (a(), r("div", {
-          key: o.id ?? ""
+          key: o.id ?? "",
+          class: "xs:overflow-x-scroll"
         }, [
           s(_, {
             "column-defs": h(o),

package/dist/{BindingTable.vue_vue_type_script_setup_true_lang-CWe5_Sm5.js → BindingTable.vue_vue_type_script_setup_true_lang-DCgMQJE-.js}

@@ -1,8 +1,8 @@
-import { defineComponent as w, computed as c, h as a, resolveComponent as y, openBlock as T, createElementBlock as z, createElementVNode as M, toDisplayString as V, createVNode as f, unref as p, withDirectives as D } from "vue";
+import { defineComponent as T, computed as c, h as a, resolveComponent as f, openBlock as z, createElementBlock as M, createElementVNode as g, toDisplayString as V, createVNode as _, unref as p, withDirectives as D } from "vue";
 import { useI18n as A } from "@feedmepos/mf-common";
-import { components as l, FmButtonVariant as g, FmButtonColorThemeVariant as _ } from "@feedmepos/ui-library";
-import { b as N } from "./provide-Bwf3KcOV.js";
-const K = { class: "space-y-8" }, q = { class: "fm-typo-en-title-sm-600" }, j = /* @__PURE__ */ w({
+import { components as r, FmButtonVariant as b, FmButtonColorThemeVariant as h } from "@feedmepos/ui-library";
+import { b as N } from "./provide-BGLSDsuJ.js";
+const K = { class: "space-y-8" }, q = { class: "fm-typo-en-title-sm-600" }, E = { class: "xs:w-full xs:overflow-x-scroll" }, O = { class: "xs:min-w-[640px]" }, R = /* @__PURE__ */ T({
   __name: "BindingTable",
   props: {
     kind: {},
@@ -11,8 +11,8 @@ const K = { class: "space-y-8" }, q = { class: "fm-typo-en-title-sm-600" }, j =
     showInertDeduct: { type: Boolean }
   },
   emits: ["link", "update-amount", "update-measurement", "remove"],
-  setup(h, { emit: k }) {
-    const s = h, d = k, { t: n } = A(), I = N(), x = {
+  setup(x, { emit: k }) {
+    const u = x, d = k, { t: n } = A(), I = N(), F = {
       mounted: (e, t) => {
         var i;
         return (i = e.querySelector("input")) == null ? void 0 : i.setAttribute("aria-label", t.value);
@@ -21,14 +21,14 @@ const K = { class: "space-y-8" }, q = { class: "fm-typo-en-title-sm-600" }, j =
         var i;
         return (i = e.querySelector("input")) == null ? void 0 : i.setAttribute("aria-label", t.value);
       }
-    }, r = c(() => s.kind === "recipe"), F = c(
-      () => r.value ? n("menu.inventory.binding.recipe.title") : n("menu.inventory.binding.ingredient.title")
-    ), b = c(() => [...s.rows]), v = (e) => e.name ?? n("menu.inventory.binding.missing_reference");
+    }, l = c(() => u.kind === "recipe"), w = c(
+      () => l.value ? n("menu.inventory.binding.recipe.title") : n("menu.inventory.binding.ingredient.title")
+    ), y = c(() => [...u.rows]), v = (e) => e.name ?? n("menu.inventory.binding.missing_reference");
     function C(e) {
       return a("div", { class: "flex items-center space-x-4" }, [
         a("p", {}, v(e)),
         e.cycleWarning ? a(
-          l.FmTooltip,
+          r.FmTooltip,
           {
             variant: "plain",
             // The lowercase noun is a LOCALE decision and both forms already
@@ -36,13 +36,13 @@ const K = { class: "space-y-8" }, q = { class: "fm-typo-en-title-sm-600" }, j =
             // `.toLowerCase()` on a translated label -- a transform the
             // translator can neither see nor override.
             content: n("menu.inventory.binding.ingredient.loop_warning", {
-              type: r.value ? n("menu.inventory.binding.link.recipe") : n("menu.inventory.binding.link.ingredient")
+              type: l.value ? n("menu.inventory.binding.link.recipe") : n("menu.inventory.binding.link.ingredient")
             }),
             zIndex: 105
           },
-          () => a(l.FmIcon, {
+          () => a(r.FmIcon, {
             name: "warning",
-            color: _.SystemWarning300,
+            color: h.SystemWarning300,
             size: "sm"
           })
         ) : void 0
@@ -51,7 +51,7 @@ const K = { class: "space-y-8" }, q = { class: "fm-typo-en-title-sm-600" }, j =
     function B(e) {
       return D(
         a("div", [
-          a(l.FmTextField, {
+          a(r.FmTextField, {
             inputmode: "numeric",
             type: "number",
             decimal: e.decimals,
@@ -68,8 +68,8 @@ const K = { class: "space-y-8" }, q = { class: "fm-typo-en-title-sm-600" }, j =
         ]),
         [
           [
-            x,
-            r.value ? n("menu.inventory.binding.recipe.amount_input", {
+            F,
+            l.value ? n("menu.inventory.binding.recipe.amount_input", {
               name: v(e)
             }) : n("menu.inventory.binding.ingredient.amount_input", {
               name: v(e)
@@ -81,25 +81,25 @@ const K = { class: "space-y-8" }, q = { class: "fm-typo-en-title-sm-600" }, j =
     const S = c(() => {
       const e = {
         accessorKey: "name",
-        header: () => r.value ? n("menu.inventory.binding.recipe.columns.name") : n("menu.inventory.binding.ingredient.columns.name"),
+        header: () => l.value ? n("menu.inventory.binding.recipe.columns.name") : n("menu.inventory.binding.ingredient.columns.name"),
         enableSorting: !1,
         cell: (o) => C(o.row.original)
       }, t = {
         accessorKey: "amount",
-        header: () => r.value ? n("menu.inventory.binding.recipe.columns.amount") : n("menu.inventory.binding.ingredient.columns.amount"),
+        header: () => l.value ? n("menu.inventory.binding.recipe.columns.amount") : n("menu.inventory.binding.ingredient.columns.amount"),
         enableSorting: !1,
         size: 120,
         cell: (o) => B(o.row.original)
       };
-      if (r.value) return [e, t];
+      if (l.value) return [e, t];
       const i = [e];
-      return s.showInertDeduct && i.push({
+      return u.showInertDeduct && i.push({
         id: "deduct",
         size: 52,
         header: "",
-        cell: () => a(l.FmButton, {
+        cell: () => a(r.FmButton, {
           prependIcon: "remove",
-          variant: g.Tertiary,
+          variant: b.Tertiary,
           "aria-label": n("menu.inventory.binding.ingredient.deduct"),
           // Recipe's legacy host omits allowRefund, so the control visibly
           // exists but deliberately makes no state or request change.
@@ -115,21 +115,21 @@ const K = { class: "space-y-8" }, q = { class: "fm-typo-en-title-sm-600" }, j =
           size: 130,
           cell: (o) => {
             const m = o.row.original;
-            return m.unitOptions.length === 0 ? null : a(l.FmSelect, {
+            return m.unitOptions.length === 0 ? null : a(r.FmSelect, {
               items: m.unitOptions.map(
-                (u) => ({
+                (s) => ({
                   label: n("menu.sku.unit_option", {
-                    name: u.name,
-                    symbol: u.symbol
+                    name: s.name,
+                    symbol: s.symbol
                   }),
-                  value: u.measurementId
+                  value: s.measurementId
                 })
               ),
               modelValue: m.selectedMeasurementId,
               placeholder: n("menu.inventory.binding.ingredient.select_unit"),
               shiftMenu: !0,
               menuZIndex: 105,
-              "onUpdate:model-value": (u) => d("update-measurement", m.id, u)
+              "onUpdate:model-value": (s) => d("update-measurement", m.id, s)
             });
           }
         },
@@ -140,9 +140,9 @@ const K = { class: "space-y-8" }, q = { class: "fm-typo-en-title-sm-600" }, j =
           cell: (o) => a(
             "div",
             { class: "w-full flex align-center justify-end" },
-            a(l.FmButton, {
+            a(r.FmButton, {
               prependIcon: "delete",
-              variant: g.Tertiary,
+              variant: b.Tertiary,
               disabled: o.row.original.remove.state !== "allowed",
               "aria-label": n("menu.common.actions.delete"),
               onClick: () => d("remove", o.row.original.id)
@@ -152,28 +152,32 @@ const K = { class: "space-y-8" }, q = { class: "fm-typo-en-title-sm-600" }, j =
       ), i;
     });
     return (e, t) => {
-      const i = y("FmButton"), o = y("FmTable");
-      return T(), z("div", K, [
-        M("p", q, V(F.value), 1),
-        f(i, {
-          disabled: s.disabled,
-          label: r.value ? p(n)("menu.inventory.binding.link.recipe_action") : p(n)("menu.inventory.binding.link.ingredient_action"),
-          "text-color": p(_).ColorPrimary,
-          variant: p(g).Tertiary,
+      const i = f("FmButton"), o = f("FmTable");
+      return z(), M("div", K, [
+        g("p", q, V(w.value), 1),
+        _(i, {
+          disabled: u.disabled,
+          label: l.value ? p(n)("menu.inventory.binding.link.recipe_action") : p(n)("menu.inventory.binding.link.ingredient_action"),
+          "text-color": p(h).ColorPrimary,
+          variant: p(b).Tertiary,
           "prepend-icon": "link",
           onClick: t[0] || (t[0] = (m) => d("link"))
         }, null, 8, ["disabled", "label", "text-color", "variant"]),
-        f(o, {
-          "column-defs": S.value,
-          "hide-footer": "",
-          "page-size": Math.max(b.value.length, 1),
-          "row-data": b.value,
-          "shrink-at": !1
-        }, null, 8, ["column-defs", "page-size", "row-data"])
+        g("div", E, [
+          g("div", O, [
+            _(o, {
+              "column-defs": S.value,
+              "hide-footer": "",
+              "page-size": Math.max(y.value.length, 1),
+              "row-data": y.value,
+              "shrink-at": !1
+            }, null, 8, ["column-defs", "page-size", "row-data"])
+          ])
+        ])
       ]);
     };
   }
 });
 export {
-  j as _
+  R as _
 };