@feedmepos/mf-menu 0.32.43 → 0.32.45-dev

package/dist/Variant-B8yxF5mJ.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 O, renderList as Y, toDisplayString as S, withModifiers as B, createCommentVNode as G } from "vue";
-import { useI18n as N } from "@feedmepos/mf-common";
-import { useDialog as J, useSnackbar as D, FmButtonVariant as j, components as q, useBreakpoints as H } from "@feedmepos/ui-library";
-import { _ as Q } from "./ResponsiveFabButton.vue_vue_type_script_setup_true_lang-Cn-3MRBO.js";
-import { _ as W } from "./app-BU6wILmn.js";
-import { B as K, u as P, O as A, J as X, y as Z, a2 as ee } from "./index.vue_vue_type_script_setup_true_lang-DSZsSghE.js";
-import { V as E } from "./index--nQbIQ0d.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-BCZ1Ruvv.js";
-const le = te("variant-manager", () => {
-  const I = J(), n = D(), g = K(n), k = A(g);
-  P();
-  const f = U(), { t: m } = N(), 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: j.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__ */ O(["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"
-}, je = /* @__PURE__ */ $({
-  __name: "Variant",
-  setup(I) {
-    const {
-      t: n
-    } = N(), g = P(), k = A(K(D())), 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: j.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(Q, {
-            class: "ml-auto",
-            label: t(n)("menu.variant.add"),
-            "prepend-icon": "add",
-            onClick: B(a, ["stop"])
-          }, null, 8, ["label", "onClick"])]),
-          _: 1
-        })) : G("", !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, Y(v.value, (a) => (p(), y("div", {
-          key: a._id,
-          class: O(["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(j).Tertiary,
-          "prepend-icon": "delete",
-          "text-color": "neutral-gray-400",
-          onClick: B(() => 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: B(a, ["stop"])
-            }, null, 8, ["label", "onClick"])]),
-            _: 1
-          })]),
-          _: 1
-        }, 8, ["subtitle", "title"])]))]),
-        _: 1
-      }, 8, ["heading"]);
-    };
-  }
-});
-export {
-  je as default
-};