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

package/dist/ProductEditorHost.vue_vue_type_script_setup_true_lang-Bm8_FTvr.js

@@ -0,0 +1,83 @@
+import { defineComponent as C, ref as E, openBlock as r, createElementBlock as _, Fragment as g, createVNode as c, unref as t, withCtx as p, createBlock as v, createCommentVNode as f, createElementVNode as $ } from "vue";
+import { useI18n as B } from "@feedmepos/mf-common";
+import { useSnackbar as I, SnackbarPosition as N } from "@feedmepos/ui-library";
+import { _ as O } from "./ProductImageEditorDialog.vue_vue_type_script_setup_true_lang-CUeYaXYg.js";
+import { _ as S, b as P, a as T, I as V } from "./ProductInlineCreateHost.vue_vue_type_script_setup_true_lang-CeYyZX7g.js";
+const A = { class: "hidden xs:block sm:block" }, h = /* @__PURE__ */ C({
+  __name: "ProductEditorHost",
+  props: {
+    sdk: {},
+    open: { type: Boolean },
+    session: {},
+    view: {},
+    validation: {}
+  },
+  emits: ["update:open", "submit", "select-scope"],
+  setup(F, { emit: y }) {
+    const s = y, { t: n } = B(), k = I(), m = E(null);
+    function w(e) {
+      var o;
+      (o = m.value) == null || o.open(e);
+    }
+    function b({
+      kind: e,
+      name: o
+    }) {
+      const a = e === "category" || e === "subcategory" ? n(V[e].success, { name: o }) : e === "priceGroup" ? n("menu.price_tier.add_price_group_success") : e === "variant" ? n("menu.variant.form.saved", { name: o }) : n("menu.product.manager.action.saved", { name: o });
+      k.open({ type: "success", title: a, position: N.BOTTOM });
+    }
+    return (e, o) => {
+      var a, l, d, u;
+      return r(), _(g, null, [
+        c(O, {
+          show: e.open,
+          title: ((a = e.view) == null ? void 0 : a.mode) === "update" ? t(n)("menu.product.form.title.update") : t(n)("menu.product.form.title.add"),
+          "primary-action": {
+            label: ((l = e.view) == null ? void 0 : l.mode) === "update" ? t(n)("menu.common.actions.update") : t(n)("menu.common.actions.add"),
+            disabled: ((d = e.view) == null ? void 0 : d.submit.state) !== "allowed"
+          },
+          "secondary-actions": [
+            {
+              label: t(n)("menu.common.actions.cancel"),
+              click: () => s("update:open", !1)
+            }
+          ],
+          onOnPrimary: o[1] || (o[1] = (i) => s("submit")),
+          onOnCancel: o[2] || (o[2] = (i) => s("update:open", !1))
+        }, {
+          "append-title": p(() => [
+            $("div", A, [
+              e.view ? (r(), v(P, {
+                key: 0,
+                summary: e.view.summary,
+                variant: "dialog"
+              }, null, 8, ["summary"])) : f("", !0)
+            ])
+          ]),
+          default: p(() => [
+            e.view && e.session ? (r(), v(S, {
+              key: 0,
+              sdk: e.sdk,
+              view: e.view,
+              session: e.session,
+              validation: e.validation,
+              onSelectScope: o[0] || (o[0] = (i) => s("select-scope", i)),
+              onCreateEntity: w
+            }, null, 8, ["sdk", "view", "session", "validation"])) : f("", !0)
+          ]),
+          _: 1
+        }, 8, ["show", "title", "primary-action", "secondary-actions"]),
+        c(T, {
+          ref_key: "inlineCreate",
+          ref: m,
+          "item-id": ((u = e.view) == null ? void 0 : u.itemId) ?? null,
+          sdk: e.sdk,
+          onCreated: b
+        }, null, 8, ["item-id", "sdk"])
+      ], 64);
+    };
+  }
+});
+export {
+  h as _
+};

package/dist/ProductFilterMenu.vue_vue_type_script_setup_true_lang-Cgc0Ms_n.js

@@ -0,0 +1,101 @@
+import { defineComponent as L, ref as S, computed as r, resolveComponent as n, openBlock as d, createBlock as y, normalizeClass as F, withCtx as i, createElementVNode as h, createVNode as p, unref as C, createElementBlock as x, Fragment as W, renderList as z, toDisplayString as E, renderSlot as N } from "vue";
+import { useI18n as $ } from "@feedmepos/mf-common";
+const j = { class: "p-4" }, q = { class: "flex-1 overflow-y-auto min-h-0" }, A = /* @__PURE__ */ L({
+  __name: "ProductFilterMenu",
+  props: {
+    modelValue: {},
+    options: {},
+    title: {},
+    checkbox: { type: Boolean },
+    fullWidth: { type: Boolean },
+    selectedValues: {}
+  },
+  emits: ["update:modelValue", "update:selectedValues"],
+  setup(_, { emit: g }) {
+    const a = _, f = g, { t: v } = $(), s = S(""), V = r(
+      () => a.options.filter(
+        (e) => e.label.toLocaleLowerCase().includes(s.value.toLocaleLowerCase())
+      )
+    ), u = r(
+      () => V.value.flatMap(
+        (e) => e.value === null ? [] : [e.value]
+      )
+    ), c = r(
+      () => {
+        var e;
+        return !!((e = a.selectedValues) != null && e.length) && a.selectedValues.length === u.value.length && u.value.every(
+          (t) => {
+            var o;
+            return (o = a.selectedValues) == null ? void 0 : o.includes(t);
+          }
+        );
+      }
+    );
+    function w(e) {
+      var o;
+      if (!a.checkbox) {
+        f("update:modelValue", e);
+        return;
+      }
+      const t = e === null ? c.value ? [] : u.value : (o = a.selectedValues) != null && o.includes(e) ? a.selectedValues.filter((m) => m !== e) : [...a.selectedValues ?? [], e];
+      f("update:selectedValues", t.length ? t : null);
+    }
+    return (e, t) => {
+      const o = n("FmIcon"), m = n("FmChip"), M = n("FmSearch"), B = n("FmMenuItem"), I = n("FmMenu");
+      return d(), y(I, {
+        width: 220,
+        "close-on-click": !e.checkbox,
+        "aria-label": e.title,
+        class: F(e.fullWidth ? "w-full" : void 0)
+      }, {
+        "menu-button": i(() => [
+          p(m, {
+            class: F([
+              "fm-typo-en-body-md-600 text-fm-color-neutral-gray-400",
+              e.fullWidth ? "w-full justify-between" : void 0
+            ])
+          }, {
+            default: i(() => [
+              h("span", null, E(e.title), 1),
+              p(o, {
+                name: "expand_more",
+                size: "sm",
+                color: "neutral-gray-400"
+              }),
+              N(e.$slots, "default")
+            ]),
+            _: 3
+          }, 8, ["class"])
+        ]),
+        default: i(() => [
+          h("div", j, [
+            p(M, {
+              modelValue: s.value,
+              "onUpdate:modelValue": t[0] || (t[0] = (l) => s.value = l),
+              autofocus: "",
+              placeholder: C(v)("menu.common.actions.search"),
+              "aria-label": C(v)("menu.common.actions.search")
+            }, null, 8, ["modelValue", "placeholder", "aria-label"])
+          ]),
+          h("div", q, [
+            (d(!0), x(W, null, z(V.value, (l) => {
+              var b, k;
+              return d(), y(B, {
+                key: l.value ?? "all",
+                label: l.label,
+                "has-checkbox": e.checkbox,
+                "model-value": e.checkbox ? l.value === null ? c.value : ((b = e.selectedValues) == null ? void 0 : b.includes(l.value)) ?? !1 : l.value === e.modelValue,
+                indeterminate: e.checkbox && l.value === null && !!((k = e.selectedValues) != null && k.length) && !c.value,
+                onClick: (D) => w(l.value)
+              }, null, 8, ["label", "has-checkbox", "model-value", "indeterminate", "onClick"]);
+            }), 128))
+          ])
+        ]),
+        _: 3
+      }, 8, ["close-on-click", "aria-label", "class"]);
+    };
+  }
+});
+export {
+  A as _
+};