@feedmepos/mf-menu-portal 0.0.0-stage → 1.0.1-dev.1

package/dist/ApplyProduct.vue_vue_type_script_setup_true_lang-C9OSr8ft.js

@@ -0,0 +1,98 @@
+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 "./FormSection.vue_vue_type_script_setup_true_lang-pY-_msnM.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"
+}, $ = /* @__PURE__ */ b({
+  __name: "ApplyProduct",
+  props: {
+    title: {},
+    groups: {},
+    appliedCount: {},
+    query: {},
+    readOnly: { type: Boolean, default: !1 },
+    showCount: { type: Boolean, default: !0 }
+  },
+  emits: ["update:query", "unapply"],
+  setup(f, { emit: y }) {
+    const i = f, c = y, { t: n } = B();
+    function h(e) {
+      const t = [
+        {
+          accessorKey: "label",
+          enableSorting: !1,
+          // The header carries the category's own count, which is the group's
+          // size and not the sheet's total (`ApplyProduct.vue:72-79`).
+          header: () => n("menu.apply_product.table.category_count", {
+            name: e.isSynthetic ? n("menu.tree_editor.labels.addon") : e.name,
+            count: e.products.length
+          }),
+          // `label`, not `name`: this surface renders the code-and-name join
+          // legacy builds as `codeName` (`portal helper/menu.ts:261`), which the
+          // SDK already carries on the picker product.
+          cell: (l) => l.row.original.label
+        }
+      ];
+      return i.readOnly || t.push({
+        id: "actions",
+        enableSorting: !1,
+        header: "",
+        // `cellClass: ''` for the reason the linked-product table needs it:
+        // `FmTable` falls back to `px-16` per cell, and under
+        // `table-layout: auto` that padding on an action column is taken from
+        // the label column beside it rather than shrinking this one.
+        meta: { cellClass: "" },
+        cell: (l) => u("div", { class: "flex justify-end" }, [
+          u(q.FmButton, {
+            prependIcon: "delete",
+            variant: "tertiary",
+            textColor: "neutral-gray-400",
+            "aria-label": n("menu.common.actions.remove"),
+            onClick: F(
+              () => c("unapply", l.row.original.id),
+              ["stop", "prevent"]
+            )
+          })
+        ])
+      }), t;
+    }
+    return (e, t) => {
+      const l = d("FmSearch"), _ = d("FmTable");
+      return a(), r("div", V, [
+        s(x, { 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),
+              s(l, {
+                class: "flex-1",
+                "model-value": e.query,
+                placeholder: m(n)("menu.common.labels.search_product"),
+                "onUpdate:modelValue": t[0] || (t[0] = (o) => c("update:query", String(o ?? "")))
+              }, null, 8, ["model-value", "placeholder"])
+            ])
+          ]),
+          _: 3
+        }, 8, ["title"]),
+        (a(!0), r(S, null, k(i.groups, (o) => (a(), r("div", {
+          key: o.id ?? ""
+        }, [
+          s(_, {
+            "column-defs": h(o),
+            "hide-footer": "",
+            "page-size": o.products.length,
+            "row-data": [...o.products],
+            "shrink-at": !1
+          }, null, 8, ["column-defs", "page-size", "row-data"])
+        ]))), 128))
+      ]);
+    };
+  }
+});
+export {
+  $ as _
+};

package/dist/BindingLinkDialog.vue_vue_type_script_setup_true_lang-BZVQRyRI.js

@@ -0,0 +1,180 @@
+import { defineComponent as T, ref as j, watch as A, computed as L, resolveComponent as i, openBlock as a, createBlock as g, withCtx as r, createElementBlock as d, normalizeClass as S, createElementVNode as p, createVNode as s, toDisplayString as b, unref as v, Fragment as B, renderList as z, withModifiers as G, createCommentVNode as F } from "vue";
+import { useI18n as H } from "@feedmepos/mf-common";
+const J = { class: "fm-typo-en-title-sm-600" }, K = { class: "sticky top-0 bg-white z-50" }, O = { class: "flex justify-between items-center" }, P = { class: "flex gap-16 basis-1/2" }, Q = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, R = {
+  key: 1,
+  class: "p-16 text-fm-color-typo-disabled fm-typo-en-body-lg-400 text-center"
+}, W = {
+  key: 1,
+  class: "flex flex-col gap-8 max-h-[60vh] min-h-0"
+}, X = {
+  key: 0,
+  class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary"
+}, Y = { class: "flex-1 overflow-y-auto min-h-0" }, Z = {
+  key: 0,
+  class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary py-16"
+}, oe = /* @__PURE__ */ T({
+  __name: "BindingLinkDialog",
+  props: {
+    modelValue: { type: Boolean },
+    candidates: {},
+    query: {},
+    title: {},
+    zIndex: {},
+    showSelectionCount: { type: Boolean },
+    selectionCountFormat: { type: Function },
+    emptyLabel: {},
+    inventoryMode: { type: Boolean },
+    closeLabel: {}
+  },
+  emits: ["update:modelValue", "update:query", "submit"],
+  setup(I, { emit: U }) {
+    const e = I, c = U, { t: m } = H(), t = j([]);
+    A(
+      () => e.modelValue,
+      (n) => {
+        n && (t.value = e.candidates.filter((l) => l.selected).map((l) => l.id));
+      },
+      { immediate: !0 }
+    );
+    const y = L(
+      () => e.candidates.length > 0 && e.candidates.every(
+        (n) => t.value.includes(n.id)
+      )
+    );
+    function h(n) {
+      const l = e.candidates.map((u) => u.id);
+      t.value = n ? [.../* @__PURE__ */ new Set([...t.value, ...l])] : t.value.filter((u) => !l.includes(u));
+    }
+    function k(n, l) {
+      const u = l ?? !t.value.includes(n);
+      t.value = u ? [.../* @__PURE__ */ new Set([...t.value, n])] : t.value.filter((x) => x !== n);
+    }
+    function q() {
+      c("submit", [...t.value]), c("update:modelValue", !1);
+    }
+    const C = L(
+      () => {
+        var n;
+        return ((n = e.selectionCountFormat) == null ? void 0 : n.call(e, t.value.length)) ?? m("menu.inventory.binding.picker.selection_count", t.value.length);
+      }
+    );
+    return (n, l) => {
+      const u = i("FmIcon"), x = i("FmTextField"), f = i("FmCheckbox"), V = i("FmListItem"), D = i("FmList"), M = i("FmSearch"), N = i("FmDivider"), $ = i("FmSpacer"), w = i("FmButton"), E = i("FmDialog");
+      return a(), g(E, {
+        "model-value": e.modelValue,
+        overlay: !0,
+        "z-index": e.zIndex,
+        "min-width": "min(calc(100% - 48px), 560px)",
+        "onUpdate:modelValue": l[7] || (l[7] = (o) => c("update:modelValue", o))
+      }, {
+        "dialog-header": r(() => [
+          p("div", J, b(e.title), 1)
+        ]),
+        "dialog-footer": r(() => [
+          s($),
+          s(w, {
+            label: e.inventoryMode ? e.closeLabel : v(m)("menu.common.actions.cancel"),
+            size: "md",
+            variant: "tertiary",
+            onClick: l[6] || (l[6] = (o) => c("update:modelValue", !1))
+          }, null, 8, ["label"]),
+          s(w, {
+            label: v(m)("menu.common.actions.confirm"),
+            size: "md",
+            variant: "primary",
+            onClick: q
+          }, null, 8, ["label"])
+        ]),
+        default: r(() => [
+          e.inventoryMode ? (a(), d("div", {
+            key: 0,
+            class: S(["relative max-h-[380px] overflow-y-auto overflow-x-hidden", e.candidates.length > 0 && "pb-[2px]"])
+          }, [
+            p("div", K, [
+              p("div", O, [
+                p("div", P, [
+                  s(u, { name: "autorenew" }),
+                  p("span", Q, b(C.value), 1)
+                ]),
+                s(x, {
+                  autofocus: "",
+                  class: "basis-1/2",
+                  "model-value": e.query,
+                  placeholder: "",
+                  "prepend-icon": "search",
+                  "onUpdate:modelValue": l[0] || (l[0] = (o) => c("update:query", String(o ?? "")))
+                }, null, 8, ["model-value"])
+              ])
+            ]),
+            e.candidates.length ? (a(), g(D, { key: 0 }, {
+              default: r(() => [
+                s(V, {
+                  onClick: l[1] || (l[1] = (o) => h(!y.value))
+                }, {
+                  prepend: r(() => [
+                    s(f, {
+                      label: y.value ? v(m)("menu.inventory.binding.picker.remove_all") : v(m)("menu.common.actions.select_all"),
+                      "model-value": y.value,
+                      indeterminate: t.value.length > 0 && !y.value,
+                      value: ""
+                    }, null, 8, ["label", "model-value", "indeterminate"])
+                  ]),
+                  _: 1
+                }),
+                (a(!0), d(B, null, z(e.candidates, (o) => (a(), g(V, {
+                  key: o.id,
+                  label: o.name,
+                  sublabel: o.detail,
+                  class: S(t.value.includes(o.id) && "bg-fm-color-opacity-sm"),
+                  onClick: (_) => k(o.id)
+                }, {
+                  prepend: r(() => [
+                    s(f, {
+                      "model-value": t.value.includes(o.id),
+                      value: o.id,
+                      onClick: l[2] || (l[2] = G(() => {
+                      }, ["stop"])),
+                      "onUpdate:modelValue": (_) => k(o.id, !!_)
+                    }, null, 8, ["model-value", "value", "onUpdate:modelValue"])
+                  ]),
+                  _: 2
+                }, 1032, ["label", "sublabel", "class", "onClick"]))), 128))
+              ]),
+              _: 1
+            })) : e.emptyLabel ? (a(), d("p", R, b(e.emptyLabel), 1)) : F("", !0)
+          ], 2)) : (a(), d("div", W, [
+            s(M, {
+              autofocus: "",
+              "model-value": e.query,
+              placeholder: v(m)("menu.common.actions.search"),
+              "onUpdate:modelValue": l[3] || (l[3] = (o) => c("update:query", String(o ?? "")))
+            }, null, 8, ["model-value", "placeholder"]),
+            e.showSelectionCount ? (a(), d("p", X, b(C.value), 1)) : F("", !0),
+            s(f, {
+              label: v(m)("menu.common.actions.select_all"),
+              "model-value": y.value,
+              value: "",
+              "onUpdate:modelValue": l[4] || (l[4] = (o) => h(!!o))
+            }, null, 8, ["label", "model-value"]),
+            s(N),
+            p("div", Y, [
+              (a(!0), d(B, null, z(e.candidates, (o) => (a(), g(f, {
+                key: o.id,
+                class: "py-4",
+                label: o.name,
+                "model-value": t.value,
+                value: o.id,
+                "onUpdate:modelValue": l[5] || (l[5] = (_) => t.value = _ ?? [])
+              }, null, 8, ["label", "model-value", "value"]))), 128)),
+              e.candidates.length === 0 && e.emptyLabel ? (a(), d("p", Z, b(e.emptyLabel), 1)) : F("", !0)
+            ])
+          ]))
+        ]),
+        _: 1
+      }, 8, ["model-value", "z-index"]);
+    };
+  }
+});
+export {
+  oe as _
+};

package/dist/BindingTable.vue_vue_type_script_setup_true_lang-DBzjWI_6.js

@@ -0,0 +1,179 @@
+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 { 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-Tmjfji09.js";
+const K = { class: "space-y-8" }, q = { class: "fm-typo-en-title-sm-600" }, j = /* @__PURE__ */ w({
+  __name: "BindingTable",
+  props: {
+    kind: {},
+    rows: {},
+    disabled: { type: Boolean },
+    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 = {
+      mounted: (e, t) => {
+        var i;
+        return (i = e.querySelector("input")) == null ? void 0 : i.setAttribute("aria-label", t.value);
+      },
+      updated: (e, t) => {
+        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");
+    function C(e) {
+      return a("div", { class: "flex items-center space-x-4" }, [
+        a("p", {}, v(e)),
+        e.cycleWarning ? a(
+          l.FmTooltip,
+          {
+            variant: "plain",
+            // The lowercase noun is a LOCALE decision and both forms already
+            // exist as keys, so it is interpolated rather than produced by
+            // `.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")
+            }),
+            zIndex: 105
+          },
+          () => a(l.FmIcon, {
+            name: "warning",
+            color: _.SystemWarning300,
+            size: "sm"
+          })
+        ) : void 0
+      ]);
+    }
+    function B(e) {
+      return D(
+        a("div", [
+          a(l.FmTextField, {
+            inputmode: "numeric",
+            type: "number",
+            decimal: e.decimals,
+            // Bounds come from the row the SDK published, never restated here:
+            // they are a business constraint the facade validates, and a second
+            // copy in this component is what let the field and validator
+            // disagree.
+            min: e.minAmount,
+            max: e.maxAmount,
+            modelValue: e.amount,
+            errorMessages: e.amountIssue ? [I(e.amountIssue)] : [],
+            "onUpdate:model-value": (t) => d("update-amount", e.id, String(t ?? ""))
+          })
+        ]),
+        [
+          [
+            x,
+            r.value ? n("menu.inventory.binding.recipe.amount_input", {
+              name: v(e)
+            }) : n("menu.inventory.binding.ingredient.amount_input", {
+              name: v(e)
+            })
+          ]
+        ]
+      );
+    }
+    const S = c(() => {
+      const e = {
+        accessorKey: "name",
+        header: () => r.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"),
+        enableSorting: !1,
+        size: 120,
+        cell: (o) => B(o.row.original)
+      };
+      if (r.value) return [e, t];
+      const i = [e];
+      return s.showInertDeduct && i.push({
+        id: "deduct",
+        size: 52,
+        header: "",
+        cell: () => a(l.FmButton, {
+          prependIcon: "remove",
+          variant: g.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.
+          onClick: () => {
+          }
+        })
+      }), i.push(
+        t,
+        {
+          accessorKey: "selectedMeasurementId",
+          header: () => n("menu.inventory.binding.ingredient.columns.unit"),
+          enableSorting: !1,
+          size: 130,
+          cell: (o) => {
+            const m = o.row.original;
+            return m.unitOptions.length === 0 ? null : a(l.FmSelect, {
+              items: m.unitOptions.map(
+                (u) => ({
+                  label: n("menu.sku.unit_option", {
+                    name: u.name,
+                    symbol: u.symbol
+                  }),
+                  value: u.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)
+            });
+          }
+        },
+        {
+          id: "action",
+          size: 40,
+          header: "",
+          cell: (o) => a(
+            "div",
+            { class: "w-full flex align-center justify-end" },
+            a(l.FmButton, {
+              prependIcon: "delete",
+              variant: g.Tertiary,
+              disabled: o.row.original.remove.state !== "allowed",
+              "aria-label": n("menu.common.actions.delete"),
+              onClick: () => d("remove", o.row.original.id)
+            })
+          )
+        }
+      ), 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,
+          "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"])
+      ]);
+    };
+  }
+});
+export {
+  j as _
+};