@feedmepos/mf-menu 0.32.44 → 0.32.45

package/dist/TranslationSideSheet.vue_vue_type_script_setup_true_lang-CcIGCUwk.js

@@ -1,194 +0,0 @@
-import { defineComponent as K, ref as y, watch as E, computed as F, unref as a, resolveComponent as _, createBlock as T, openBlock as i, withCtx as v, createElementVNode as t, toDisplayString as m, createElementBlock as p, createCommentVNode as B, Fragment as x, renderList as C, createVNode as r } from "vue";
-import { J as D } from "./index.vue_vue_type_script_setup_true_lang-YXKayPEp.js";
-import { useI18n as P, useLocale as Q } from "@feedmepos/mf-common";
-import { u as R } from "./discardConfirm-BHni0LNu.js";
-import { g as V, a as I, _ as W, b as X } from "./translation-Cdap0IVg.js";
-const Y = { class: "fm-typo-en-title-md-600" }, Z = { class: "pt-8 space-y-24" }, ee = { class: "flex flex-col gap-8" }, oe = { class: "text-fm-color-typo-primary fm-typo-en-body-lg-600" }, le = { class: "flex items-center gap-8 flex-wrap" }, te = { class: "w-24 h-24 rounded-full bg-fm-color-primary-oats text-fm-color-primary flex items-center justify-center fm-typo-en-body-sm-600" }, ae = { class: "fm-typo-en-body-md-600" }, ne = ["onClick"], se = { class: "flex items-center gap-8" }, ce = { class: "w-24 h-24 rounded-full bg-fm-color-opacity-sm flex items-center justify-center fm-typo-en-body-sm-600" }, me = { class: "fm-typo-en-body-md-400" }, ie = { class: "flex flex-col gap-16 border p-16 rounded-lg" }, de = { class: "flex items-center gap-16" }, re = { class: "fm-typo-en-body-lg-600" }, ue = { class: "flex flex-col gap-32 pl-32" }, pe = {
-  key: 0,
-  class: "space-y-8"
-}, fe = { class: "flex w-[100px] items-center gap-8" }, _e = { class: "w-24 h-24 rounded-full bg-fm-color-opacity-sm flex items-center justify-center fm-typo-en-body-sm-600" }, ve = { class: "fm-typo-en-body-md-400" }, he = { class: "flex-1" }, ye = { class: "flex gap-8 items-center justify-start" }, ke = /* @__PURE__ */ K({
-  __name: "TranslationSideSheet",
-  props: {
-    modelValue: { type: Boolean },
-    title: {},
-    name: {},
-    nameLocale: {}
-  },
-  emits: ["update:modelValue", "update:name", "update:nameLocale"],
-  setup(O, { emit: S }) {
-    const s = O, f = S, { t: d } = P(), { localeList: h } = Q(), c = y([]), k = y([]), u = y(s.name), L = y(s.name);
-    E(
-      () => s.name,
-      (e) => {
-        u.value = e;
-      }
-    );
-    function U() {
-      return !s.nameLocale || Object.keys(s.nameLocale).length === 0 ? [] : Object.entries(s.nameLocale).map(([e, o]) => ({
-        localeCode: e,
-        value: o
-      }));
-    }
-    E(
-      () => [s.modelValue, s.nameLocale],
-      ([e]) => {
-        e && (c.value = U(), k.value = D.clone(c.value), u.value = s.name, L.value = s.name);
-      },
-      { immediate: !0 }
-    );
-    const w = F(() => {
-      const e = new Set(c.value.map((n) => n.localeCode));
-      return a(h).filter((n) => !e.has(n.code)).map((n) => ({
-        code: n.code,
-        name: n.name,
-        icon: V(n.code)
-      }));
-    });
-    function $(e) {
-      const o = a(h).find((n) => n.code === e);
-      o && c.value.push({
-        localeCode: o.code,
-        value: ""
-      });
-    }
-    function z(e) {
-      c.value = c.value.filter((o) => o.localeCode !== e);
-    }
-    function A() {
-      const e = u.value !== L.value, o = !D.isEqual(c.value, k.value);
-      return e || o;
-    }
-    function M() {
-      u.value !== s.name && f("update:name", u.value);
-      const e = c.value.filter((o) => o.value.trim());
-      if (e.length === 0)
-        f("update:nameLocale", void 0);
-      else {
-        const o = {};
-        e.forEach((n) => {
-          o[n.localeCode] = n.value.trim();
-        }), f("update:nameLocale", o);
-      }
-      f("update:modelValue", !1);
-    }
-    function q() {
-      f("update:modelValue", !1);
-    }
-    const N = R(A, q), j = F({
-      get: () => s.modelValue,
-      set: (e) => f("update:modelValue", e)
-    });
-    return (e, o) => {
-      const n = _("FmIcon"), g = _("fm-button"), J = _("FmMenu"), G = _("fm-text-field"), H = _("fm-side-sheet");
-      return i(), T(H, {
-        modelValue: j.value,
-        "onUpdate:modelValue": o[1] || (o[1] = (l) => j.value = l),
-        "max-width": 720,
-        "onOn:clickedAway": a(N)
-      }, {
-        "side-sheet-header": v(() => [
-          t("p", Y, m(e.title) + " " + m(a(d)("menu.common.translation.title_suffix")), 1)
-        ]),
-        "side-sheet-footer": v(() => [
-          t("div", ye, [
-            r(g, {
-              label: a(d)("common.save"),
-              size: "lg",
-              variant: "primary",
-              onClick: M
-            }, null, 8, ["label"]),
-            r(g, {
-              label: a(d)("common.cancel"),
-              size: "lg",
-              variant: "tertiary",
-              onClick: a(N)
-            }, null, 8, ["label", "onClick"])
-          ])
-        ]),
-        default: v(() => [
-          t("div", Z, [
-            t("div", ee, [
-              t("p", oe, m(a(d)("menu.common.translation.language")), 1),
-              t("div", le, [
-                (i(!0), p(x, null, C(c.value, (l) => (i(), p("div", {
-                  key: l.localeCode,
-                  class: "flex items-center gap-8 p-8 border border-fm-color-primary text-fm-color-primary rounded-full"
-                }, [
-                  t("div", te, m(a(V)(l.localeCode)), 1),
-                  t("span", ae, m(a(I)(l.localeCode, a(h))), 1),
-                  r(n, {
-                    name: "close",
-                    class: "cursor-pointer",
-                    variant: "secondary",
-                    onClick: (b) => z(l.localeCode)
-                  }, null, 8, ["onClick"])
-                ]))), 128)),
-                w.value.length > 0 ? (i(), T(J, { key: 0 }, {
-                  "menu-button": v(() => [
-                    r(g, {
-                      variant: "secondary",
-                      "border-color": "neutral-gray-300",
-                      "text-color": "neutral-gray-400",
-                      icon: "add"
-                    })
-                  ]),
-                  default: v(() => [
-                    (i(!0), p(x, null, C(w.value, (l) => (i(), p("div", {
-                      class: "p-12 cursor-pointer hover:bg-fm-color-opacity-md rounded-sm",
-                      key: l.code,
-                      onClick: (b) => $(l.code)
-                    }, [
-                      t("div", se, [
-                        t("div", ce, m(l.icon), 1),
-                        t("span", me, m(l.name), 1)
-                      ])
-                    ], 8, ne))), 128))
-                  ]),
-                  _: 1
-                })) : B("", !0)
-              ])
-            ]),
-            t("div", ie, [
-              t("div", de, [
-                r(n, { name: "keyboard_arrow_down" }),
-                t("p", re, m(a(d)("menu.common.translation.name_section", { entity: e.title })), 1)
-              ]),
-              t("div", ue, [
-                r(W, {
-                  label: a(d)("menu.common.translation.default"),
-                  modelValue: u.value,
-                  "onUpdate:modelValue": o[0] || (o[0] = (l) => u.value = l)
-                }, null, 8, ["label", "modelValue"]),
-                c.value.length > 0 ? (i(), p("div", pe, [
-                  r(X, {
-                    label: a(d)("menu.common.translation.translation_label")
-                  }, null, 8, ["label"]),
-                  (i(!0), p(x, null, C(c.value, (l) => (i(), p("div", {
-                    key: l.localeCode,
-                    class: "flex items-center gap-16"
-                  }, [
-                    t("div", fe, [
-                      t("div", _e, m(a(V)(l.localeCode)), 1),
-                      t("span", ve, m(a(I)(l.localeCode, a(h))), 1)
-                    ]),
-                    t("div", he, [
-                      r(G, {
-                        modelValue: l.value,
-                        "onUpdate:modelValue": (b) => l.value = b,
-                        placeholder: a(d)("menu.group.translation.placeholder")
-                      }, null, 8, ["modelValue", "onUpdate:modelValue", "placeholder"])
-                    ])
-                  ]))), 128))
-                ])) : B("", !0)
-              ])
-            ])
-          ])
-        ]),
-        _: 1
-      }, 8, ["modelValue", "onOn:clickedAway"]);
-    };
-  }
-});
-export {
-  ke as _
-};

package/dist/Variant-BF5r2WLL.js

@@ -1,247 +0,0 @@
-import { getCurrentInstance as U, defineComponent as $, computed as x, onMounted as R, h as u, resolveComponent as w, createBlock as L, openBlock as p, unref as t, withCtx as _, createElementBlock as y, Fragment as M, createElementVNode as i, createVNode as c, isRef as z, normalizeClass as N, renderList as G, toDisplayString as S, withModifiers as j, createCommentVNode as Y } from "vue";
-import { useI18n as O } from "@feedmepos/mf-common";
-import { useDialog as Q, useSnackbar as A, FmButtonVariant as B, components as q, useBreakpoints as H } from "@feedmepos/ui-library";
-import { _ as J } from "./ResponsiveFabButton.vue_vue_type_script_setup_true_lang-Cn-3MRBO.js";
-import { _ as W } from "./app-CfCYl2pO.js";
-import { G as D, u as K, Q as P, M as X, A as Z, a4 as ee } from "./index.vue_vue_type_script_setup_true_lang-YXKayPEp.js";
-import { V as E } from "./index-C0Zw1cSS.js";
-import { _ as ae } from "./PageLayout.vue_vue_type_script_setup_true_lang-2f0QfweQ.js";
-import { u as oe } from "./search-BAPEUu1R.js";
-import { defineStore as te } from "pinia";
-import { c as ne } from "./createComponentProgrammatically-Bt2rn1IQ.js";
-import { g as F } from "./translation-Cdap0IVg.js";
-const le = te("variant-manager", () => {
-  const I = Q(), n = A(), g = D(n), k = P(g);
-  K();
-  const f = U(), { t: m } = O(), V = (r) => {
-    var h, o;
-    const { vNode: C } = ne(
-      E,
-      f,
-      r
-    );
-    (o = (h = C.component) == null ? void 0 : h.exposed) == null || o.trigger();
-  };
-  async function d(r) {
-    V({
-      initialValue: r
-    });
-  }
-  async function v(r) {
-    I.open({
-      title: m("menu.common.dialog.remove.variant.title"),
-      message: m("menu.common.dialog.remove.variant.message", { name: r.name }),
-      primaryActions: {
-        text: m("menu.common.actions.remove"),
-        close: !0,
-        variant: B.Destructive
-      },
-      secondaryActions: {
-        text: m("menu.common.actions.cancel"),
-        close: !0
-      }
-    }).onPrimary(async () => {
-      await k.updateMenu(
-        {
-          module: Z.F_MENU_MODULE_V4_KEY.enum.variant,
-          operation: X.F_OPERATION_TYPE.delete,
-          data: r._id
-        },
-        r.name,
-        !0
-      );
-    });
-  }
-  return {
-    deleteVariant: v,
-    updateVariant: d
-  };
-}), se = {
-  key: 0,
-  class: "flex-1 flex flex-col overflow-hidden max-h-[calc(100vh-56px)] gap-8"
-}, re = {
-  class: "flex justify-end"
-}, ie = {
-  class: "w-[320px]"
-}, ce = {
-  class: "px-16 py-8"
-}, me = {
-  class: /* @__PURE__ */ N(["flex-1", "overflow-scroll", "divide-y divide-fm-color-neutral-gray-100", "pb-64"])
-}, de = ["onClick"], ue = {
-  class: "flex-1 space-y-4"
-}, pe = {
-  class: "fm-typo-en-body-lg-600"
-}, fe = {
-  class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary"
-}, _e = {
-  class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary"
-}, ye = {
-  key: 1,
-  class: "xs:pt-16"
-}, Be = /* @__PURE__ */ $({
-  __name: "Variant",
-  setup(I) {
-    const {
-      t: n
-    } = O(), g = K(), k = P(D(A())), f = le(), m = x(() => g.variants.map((o) => ({
-      ...o,
-      usedBy: g.items.filter((e) => {
-        var s;
-        return (s = e.variant) == null ? void 0 : s.variantGroupIds.includes(o._id);
-      }).map(({
-        _id: e
-      }) => ({
-        _id: e
-      }))
-    }))), {
-      filter: V,
-      searchKey: d
-    } = oe(), v = x(() => m.value.filter((o) => {
-      var e;
-      return V([o.name, ...((e = o.options) == null ? void 0 : e.map((s) => s.name)) ?? []]);
-    }));
-    R(() => g.selectCatalog(null));
-    const r = x(() => [{
-      accessorKey: "name",
-      header: () => n("menu.variant.columns.name"),
-      size: 360,
-      enableSorting: !1,
-      cell: (o) => {
-        const e = o.row.original, s = o.getValue(), l = Object.keys(e.name_locale ?? {}).map((a) => F(a));
-        return u("div", {
-          class: "flex items-center gap-8"
-        }, [u("span", {
-          class: "break-all"
-        }, s), ...l.map((a) => u("div", {
-          class: "rounded-lg border border-fm-color-primary text-fm-color-primary flex items-center justify-center fm-typo-en-body-sm-600 px-8"
-        }, a))]);
-      }
-    }, {
-      accessorKey: "options",
-      header: () => n("menu.variant.columns.options"),
-      size: 560,
-      enableSorting: !1,
-      cell: (o) => {
-        const e = o.getValue() ?? [], s = e.some((l) => Object.keys(l.name_locale ?? {}).length > 0), b = Array.from(new Set(e.flatMap((l) => Object.keys(l.name_locale ?? {})))).map((l) => F(l));
-        return u("div", {
-          class: "flex items-center gap-8"
-        }, [u("span", {
-          class: "break-all"
-        }, e == null ? void 0 : e.map((l) => l.name).join(", ")), ...s ? b.map((l) => u("div", {
-          class: "rounded-lg border border-fm-color-primary text-fm-color-primary flex items-center justify-center fm-typo-en-body-sm-600 px-8"
-        }, l)) : []]);
-      }
-    }, {
-      accessorKey: "usedBy",
-      header: () => n("menu.variant.columns.applied_products"),
-      enableSorting: !1,
-      size: 180,
-      cell: (o) => n("menu.common.labels.items_linked", {
-        count: o.getValue().length
-      })
-    }, {
-      id: "action",
-      size: 52,
-      meta: {
-        cellClass: "pl-16",
-        headerContentClass: "-mx-16"
-      },
-      cell: (o) => u("div", {
-        class: "w-full flex justify-end items-center"
-      }, [u(q.FmButton, {
-        prependIcon: "delete",
-        variant: B.Tertiary,
-        textColor: "neutral-gray-400",
-        onClick: (e) => {
-          e.stopPropagation(), f.deleteVariant(o.row.original);
-        }
-      })])
-    }]), C = H(), h = x(() => C.breakpoints.value.xs);
-    return (o, e) => {
-      const s = w("fm-search"), b = w("fm-table"), l = w("fm-button");
-      return p(), L(ae, {
-        heading: t(n)("menu.variant.title")
-      }, {
-        "append-heading": _(() => [m.value.length ? (p(), L(t(E), {
-          key: 0
-        }, {
-          default: _(({
-            trigger: a
-          }) => [c(J, {
-            class: "ml-auto",
-            label: t(n)("menu.variant.add"),
-            "prepend-icon": "add",
-            onClick: j(a, ["stop"])
-          }, null, 8, ["label", "onClick"])]),
-          _: 1
-        })) : Y("", !0)]),
-        default: _(() => [m.value.length ? (p(), y(M, {
-          key: 0
-        }, [h.value ? (p(), y(M, {
-          key: 1
-        }, [i("div", ce, [c(s, {
-          autofocus: "",
-          modelValue: t(d),
-          "onUpdate:modelValue": e[2] || (e[2] = (a) => z(d) ? d.value = a : null),
-          placeholder: t(n)("menu.common.labels.search_placeholder", {
-            type: "variants"
-          })
-        }, null, 8, ["modelValue", "placeholder"])]), i("div", me, [(p(!0), y(M, null, G(v.value, (a) => (p(), y("div", {
-          key: a._id,
-          class: N(["py-12 px-16", "flex  space-x-8", "items-center", "cursor-pointer"]),
-          onClick: () => t(f).updateVariant(a)
-        }, [i("div", ue, [i("p", pe, S(a.name), 1), i("div", null, [i("p", fe, S(t(n)("menu.common.labels.items_linked", {
-          count: a.usedBy.length
-        })), 1), i("p", _e, S(t(n)("menu.variant.mobile.value", {
-          values: a.options.map((T) => T.name).join(", ")
-        })), 1)])]), c(l, {
-          variant: t(B).Tertiary,
-          "prepend-icon": "delete",
-          "text-color": "neutral-gray-400",
-          onClick: j(() => t(f).deleteVariant(a), ["stop"])
-        }, null, 8, ["variant", "onClick"])], 8, de))), 128))])], 64)) : (p(), y("div", se, [i("div", re, [i("div", ie, [c(s, {
-          autofocus: "",
-          modelValue: t(d),
-          "onUpdate:modelValue": e[0] || (e[0] = (a) => z(d) ? d.value = a : null),
-          placeholder: t(n)("menu.common.labels.search_placeholder", {
-            type: "variants"
-          })
-        }, null, 8, ["modelValue", "placeholder"])])]), c(W, null, {
-          default: _(() => [c(b, {
-            "column-defs": r.value,
-            loading: t(k).checkMenuIsLoading(),
-            "page-size": v.value.length,
-            "row-data": v.value,
-            "shrink-at": !1,
-            class: "flex-1 overflow-hidden",
-            "hide-footer": "",
-            "pin-header-row": "",
-            onRowClick: e[1] || (e[1] = (a) => {
-              t(f).updateVariant(a.original);
-            })
-          }, null, 8, ["column-defs", "loading", "page-size", "row-data"])]),
-          _: 1
-        })]))], 64)) : (p(), y("div", ye, [c(ee, {
-          subtitle: t(n)("menu.variant.empty.subtitle"),
-          title: t(n)("menu.variant.empty.title")
-        }, {
-          action: _(() => [c(t(E), null, {
-            default: _(({
-              trigger: a
-            }) => [c(l, {
-              "prepend-icon": "add",
-              label: t(n)("menu.variant.add"),
-              onClick: j(a, ["stop"])
-            }, null, 8, ["label", "onClick"])]),
-            _: 1
-          })]),
-          _: 1
-        }, 8, ["subtitle", "title"])]))]),
-        _: 1
-      }, 8, ["heading"]);
-    };
-  }
-});
-export {
-  Be as default
-};