@feedmepos/mf-menu 0.32.39-dev.1 → 0.32.40-dev

package/dist/Subcategory-BpWPnu4s.js

@@ -1,345 +0,0 @@
-import { defineComponent as I, ref as h, computed as k, watch as ae, resolveComponent as x, createElementBlock as C, openBlock as f, Fragment as j, renderSlot as oe, createVNode as d, unref as n, withCtx as y, createElementVNode as c, renderList as Q, toDisplayString as T, h as M, withModifiers as G, getCurrentInstance as te, createBlock as O, createCommentVNode as ne } from "vue";
-import { useI18n as z } from "@feedmepos/mf-common";
-import { useSnackbar as R, components as H, useDialog as W, FmButtonVariant as J, useBreakpoints as le, FmButtonColorThemeVariant as se } from "@feedmepos/ui-library";
-import { _ as ie } from "./ResponsiveFabButton.vue_vue_type_script_setup_true_lang-Cn-3MRBO.js";
-import { G as P, u as Y, Q as K, M as X, A as Z, a4 as re } from "./index.vue_vue_type_script_setup_true_lang-CbdGF_YP.js";
-import { _ as ce } from "./PageLayout.vue_vue_type_script_setup_true_lang-2f0QfweQ.js";
-import { _ as ue } from "./app-CImDLyt0.js";
-import { c as me } from "./createForm-BoUQeZTd.js";
-import { u as de } from "./discardConfirm-BHni0LNu.js";
-import { c as q } from "./object-DVUNCr7w.js";
-import { r as pe, u as ee } from "./rules-BBgzPaJ8.js";
-import { _ as _e } from "./TranslationSideSheet.vue_vue_type_script_setup_true_lang-BSfPHkEr.js";
-import { c as fe } from "./check-C9mY6LiX.js";
-import { g as A } from "./translation-BeqjfyEb.js";
-import { a as ve } from "./menu-DZhJl6lE.js";
-const ge = {
-  class: "fm-typo-en-title-md-600"
-}, ye = {
-  class: "flex flex-col gap-32 h-full min-h-0 py-16"
-}, be = {
-  class: "py-12 px-16 space-y-4"
-}, he = {
-  class: "flex gap-8 items-center justify-start"
-}, xe = /* @__PURE__ */ I({
-  __name: "Form",
-  props: {
-    initialValue: {}
-  },
-  setup(D, {
-    expose: V
-  }) {
-    const b = D, $ = R(), w = P($), S = K(w), p = Y(), {
-      t: l
-    } = z(), F = h(!1), t = h(!1), L = h(!1), u = h(void 0), E = (e) => {
-      fe.isBoolean(e) ? t.value = e : t.value = !t.value;
-    }, i = h(q(b.initialValue)), N = k(() => !!i.value.name), U = k(() => {
-      var o;
-      const e = [], a = "en-US", m = (o = u.value) == null ? void 0 : o[a];
-      return i.value.name && !m && e.push({
-        locale: a,
-        name: i.value.name,
-        localeDisplay: A(a)
-      }), u.value && Object.entries(u.value).filter(([_, v]) => v && v.trim()).sort(([_], [v]) => _.localeCompare(v)).forEach(([_, v]) => {
-        e.push({
-          locale: _,
-          name: v,
-          localeDisplay: A(_)
-        });
-      }), e;
-    });
-    function B(e) {
-      u.value = e;
-    }
-    const s = de(() => {
-      const e = p.subcategories.find((v) => v._id === i.value._id), a = i.value.name !== (e == null ? void 0 : e.name), m = (e == null ? void 0 : e.name_locale) || {}, o = u.value || {}, _ = JSON.stringify(m) !== JSON.stringify(o);
-      return a || _;
-    }, () => {
-      t.value = !1;
-    });
-    async function r() {
-      const e = p.subcategories.find((m) => m._id === i.value._id), {
-        updateMenu: a
-      } = S;
-      await a({
-        module: Z.F_MENU_MODULE_V4_KEY.enum.subCategory,
-        operation: X.F_OPERATION_TYPE.update,
-        // @ts-ignore FIXME: The backend hasn't exported SubcategoryRequest yet. Fix this once it's available.
-        data: {
-          ...e,
-          name: i.value.name ?? (e == null ? void 0 : e.name),
-          ...u.value && {
-            name_locale: u.value
-          }
-        }
-      }, i.value.name), E(!1);
-    }
-    return ae(() => t.value, () => {
-      if (!t.value) return;
-      i.value = q(b.initialValue);
-      const e = p.subcategories.find((a) => a._id === i.value._id);
-      u.value = e == null ? void 0 : e.name_locale;
-    }), V({
-      trigger: E,
-      show: t
-    }), (e, a) => {
-      const m = x("fm-button"), o = x("FmTooltip"), _ = x("FmTextField"), v = x("fm-side-sheet");
-      return f(), C(j, null, [oe(e.$slots, "default", {
-        trigger: E
-      }), d(v, {
-        id: "group-form",
-        modelValue: t.value,
-        "onUpdate:modelValue": a[3] || (a[3] = (g) => t.value = g),
-        "is-container": n(H).FmForm,
-        "is-container-props": {
-          onValidationSuccess: r,
-          blameFormChildOnValidationFailed: !0
-        },
-        "max-width": 560,
-        "onOn:clickedAway": n(s)
-      }, {
-        "side-sheet-header": y(() => [c("p", ge, T(n(l)("menu.subcategory.title")), 1)]),
-        "side-sheet-footer": y(() => [c("div", he, [d(m, {
-          label: n(l)("menu.common.actions.update"),
-          loading: F.value,
-          size: "lg",
-          type: "submit",
-          variant: "primary",
-          disabled: !i.value._id
-        }, null, 8, ["label", "loading", "disabled"]), d(m, {
-          label: n(l)("menu.common.actions.cancel"),
-          size: "lg",
-          variant: "tertiary",
-          onClick: a[2] || (a[2] = () => t.value = !1)
-        }, null, 8, ["label"])])]),
-        default: y(() => [c("div", ye, [d(_, {
-          label: n(l)("menu.subcategory.name"),
-          modelValue: i.value.name,
-          "onUpdate:modelValue": a[1] || (a[1] = (g) => i.value.name = g),
-          disabled: !i.value._id,
-          rules: [n(pe)]
-        }, {
-          append: y(() => [d(o, {
-            variant: "plain",
-            placement: "top",
-            "z-index": 999
-          }, {
-            content: y(() => [c("div", be, [(f(!0), C(j, null, Q(U.value, (g) => (f(), C("div", {
-              key: g.locale
-            }, T(g.name) + " (" + T(g.localeDisplay) + ") ", 1))), 128))])]),
-            default: y(() => [d(m, {
-              variant: "tertiary",
-              icon: "g_translate",
-              onClick: a[0] || (a[0] = (g) => L.value = !0),
-              disabled: !N.value
-            }, null, 8, ["disabled"])]),
-            _: 1
-          })]),
-          _: 1
-        }, 8, ["label", "modelValue", "disabled", "rules"])])]),
-        _: 1
-      }, 8, ["modelValue", "is-container", "is-container-props", "onOn:clickedAway"]), d(_e, {
-        modelValue: L.value,
-        "onUpdate:modelValue": a[4] || (a[4] = (g) => L.value = g),
-        title: n(l)("menu.subcategory.title"),
-        name: i.value.name,
-        "name-locale": u.value,
-        "onUpdate:nameLocale": B
-      }, null, 8, ["modelValue", "title", "name", "name-locale"])], 64);
-    };
-  }
-}), Ce = xe, ke = {
-  key: 0
-}, Ve = {
-  class: "flex justify-end items-center"
-}, we = {
-  class: "w-[320px]"
-}, Fe = {
-  key: 1,
-  class: "flex-1 flex flex-col min-h-0"
-}, Le = {
-  class: "p-8"
-}, $e = {
-  class: "flex flex-1 flex-col min-h-0 overflow-scroll divide-y divide-fm-color-neutral-gray-100 pb-64"
-}, Se = ["onClick"], Ee = {
-  class: "flex-1 space-y-4"
-}, Me = {
-  class: "fm-typo-en-body-lg-600"
-}, Te = /* @__PURE__ */ I({
-  __name: "SubcategoryTable",
-  setup(D) {
-    const V = W(), b = R(), $ = P(b), w = K($), S = ee({
-      dialog: V,
-      menuLoader: w
-    }), p = k(() => Y().subcategories), l = h(""), F = k(() => p.value.filter((s) => s.name.toLowerCase().includes(l.value.toLowerCase()))), {
-      t
-    } = z(), L = h([{
-      accessorKey: "name",
-      header: () => t("menu.subcategory.columns.title"),
-      enableSorting: !1,
-      meta: {
-        width: "auto"
-      },
-      cell: (s) => {
-        const r = s.row.original, e = s.getValue(), m = Object.keys(r.name_locale ?? {}).map((o) => A(o));
-        return M("div", {
-          class: "flex items-center gap-8"
-        }, [M("span", {
-          class: "break-all"
-        }, e), ...m.map((o) => M("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"
-        }, o))]);
-      }
-    }, {
-      id: "actions",
-      size: 52,
-      meta: {
-        cellClass: "pl-16",
-        headerContentClass: "-mx-16"
-      },
-      header: "",
-      cell: (s) => {
-        const r = s.row.original;
-        return M("div", {
-          class: "flex justify-end"
-        }, [M(H.FmButton, {
-          icon: "delete",
-          disabled: !r._id,
-          variant: "tertiary",
-          textColor: "neutral-gray-400",
-          onClick: G(async () => {
-            await u(r);
-          }, ["stop", "prevent"])
-        })]);
-      }
-    }]);
-    async function u(s) {
-      if (!s._id) {
-        b.open({
-          message: t("menu.subcategory.dialog.remove.error"),
-          type: "warning"
-        });
-        return;
-      }
-      V.open({
-        title: t("menu.subcategory.dialog.remove.title"),
-        message: t("menu.common.dialog.remove_confirmation", {
-          name: s.name
-        }),
-        primaryActions: {
-          text: "Remove",
-          close: !0,
-          variant: J.Destructive
-        },
-        secondaryActions: {
-          text: "Cancel",
-          close: !0
-        }
-      }).onPrimary(async () => {
-        await w.updateMenu({
-          module: Z.F_MENU_MODULE_V4_KEY.enum.subCategory,
-          operation: X.F_OPERATION_TYPE.delete,
-          data: s._id
-        }, s.name, !0);
-      });
-    }
-    async function E(s) {
-      const r = s.map((e) => e._id).filter((e) => !!e);
-      await S.rearrange(r);
-    }
-    const i = te();
-    async function N(s) {
-      me(i, Ce, {
-        initialValue: s
-      });
-    }
-    const U = le(), B = k(() => U.breakpoints.value.xs);
-    return (s, r) => {
-      const e = x("FmSearch"), a = x("FmTable"), m = x("FmButton");
-      return B.value ? (f(), C("div", Fe, [c("div", Le, [d(e, {
-        autofocus: "",
-        modelValue: l.value,
-        "onUpdate:modelValue": r[2] || (r[2] = (o) => l.value = o),
-        class: "w-full",
-        placeholder: n(t)("menu.common.labels.search_placeholder", {
-          type: "categories"
-        })
-      }, null, 8, ["modelValue", "placeholder"])]), c("div", $e, [(f(!0), C(j, null, Q(F.value, (o) => (f(), C("div", {
-        key: o._id || "",
-        class: "flex flex-row py-12 px-16",
-        onClick: (_) => N(o)
-      }, [c("div", Ee, [c("p", Me, T(o.name), 1)]), d(m, {
-        "text-color": n(se).NeutralGray400,
-        variant: n(J).Tertiary,
-        "prepend-icon": "delete",
-        disabled: !o._id,
-        onClick: G((_) => u(o), ["stop"])
-      }, null, 8, ["text-color", "variant", "disabled", "onClick"])], 8, Se))), 128))])])) : (f(), C("div", ke, [c("div", Ve, [c("div", we, [d(e, {
-        modelValue: l.value,
-        "onUpdate:modelValue": r[0] || (r[0] = (o) => l.value = o),
-        autofocus: "",
-        class: "mb-8",
-        placeholder: n(t)("menu.common.labels.search_placeholder", {
-          type: n(t)("menu.subcategory.title")
-        })
-      }, null, 8, ["modelValue", "placeholder"])])]), d(ue, null, {
-        default: y(() => [d(a, {
-          "column-defs": L.value,
-          draggable: !0,
-          "page-size": p.value.length,
-          "row-data": p.value,
-          "search-value": l.value,
-          "shrink-at": !1,
-          "hide-footer": "",
-          "pin-header-row": "",
-          onDndChanged: E,
-          onRowClick: r[1] || (r[1] = (o) => N(o.original))
-        }, null, 8, ["column-defs", "page-size", "row-data", "search-value"])]),
-        _: 1
-      })]));
-    };
-  }
-}), Ne = { class: "flex-1 flex justify-between gap-8 pl-8" }, Oe = { class: "flex items-center" }, De = { class: "bg-fm-color-neutral-gray-100 rounded-md px-8 py-4" }, Ue = { class: "fm-typo-en-body-md-600 font-semibold" }, Xe = /* @__PURE__ */ I({
-  __name: "Subcategory",
-  setup(D) {
-    const V = W(), b = R(), $ = P(b), w = K($), S = ee({ dialog: V, menuLoader: w }), p = k(() => Y().subcategories), { t: l } = z();
-    function F() {
-      S.create();
-    }
-    const t = k(() => p.value.length);
-    return ve().resetOnMount(), (L, u) => (f(), O(ce, {
-      heading: n(l)("menu.subcategory.title")
-    }, {
-      default: y(() => [
-        p.value.length > 0 ? (f(), O(Te, { key: 0 })) : (f(), O(n(re), {
-          key: 1,
-          action: {
-            text: n(l)("menu.subcategory.add"),
-            callback: F
-          },
-          subtitle: n(l)("menu.subcategory.empty.subtitle"),
-          title: n(l)("menu.subcategory.empty.title")
-        }, null, 8, ["action", "subtitle", "title"]))
-      ]),
-      "append-heading": y(() => [
-        c("div", Ne, [
-          c("div", Oe, [
-            c("div", De, [
-              c("p", Ue, T(t.value), 1)
-            ])
-          ]),
-          p.value.length > 0 ? (f(), O(ie, {
-            key: 0,
-            label: n(l)("menu.subcategory.add"),
-            "prepend-icon": "add",
-            onClick: F
-          }, null, 8, ["label"])) : ne("", !0)
-        ])
-      ]),
-      _: 1
-    }, 8, ["heading"]));
-  }
-});
-export {
-  Xe as default
-};

package/dist/TranslationSideSheet.vue_vue_type_script_setup_true_lang-BSfPHkEr.js

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