@feedmepos/mf-menu 0.32.43 → 0.32.45-dev

package/dist/{Category-BMzIQqIE.js → Category-DoIleKPb.js}

@@ -1,19 +1,19 @@
-import { defineComponent as S, ref as B, computed as C, h as m, withModifiers as E, getCurrentInstance as G, resolveComponent as k, createElementBlock as f, openBlock as c, createElementVNode as s, createVNode as d, unref as a, withCtx as w, Fragment as J, renderList as q, toDisplayString as V, createBlock as y, createCommentVNode as H } from "vue";
-import { useI18n as T } from "@feedmepos/mf-common";
-import { useDialog as N, useSnackbar as O, components as Q, FmButtonVariant as L, useBreakpoints as W, FmButtonColorThemeVariant as X } from "@feedmepos/ui-library";
+import { defineComponent as E, ref as $, computed as C, h as m, withModifiers as M, getCurrentInstance as Y, resolveComponent as x, createElementBlock as f, openBlock as c, createElementVNode as s, createVNode as u, unref as o, withCtx as k, Fragment as Q, renderList as q, toDisplayString as w, createBlock as y, createCommentVNode as H } from "vue";
+import { useI18n as L } from "@feedmepos/mf-common";
+import { useDialog as S, useSnackbar as T, components as J, FmButtonVariant as B, useBreakpoints as W, FmButtonColorThemeVariant as X } from "@feedmepos/ui-library";
 import { _ as Z } from "./ResponsiveFabButton.vue_vue_type_script_setup_true_lang-Cn-3MRBO.js";
-import { B as j, O as D, J as ee, y as te, a2 as oe } from "./index.vue_vue_type_script_setup_true_lang-DSZsSghE.js";
+import { G as N, Q as A, M as ee, A as te, a4 as oe } from "./index.vue_vue_type_script_setup_true_lang-CJO2XWIn.js";
 import { _ as ae } from "./PageLayout.vue_vue_type_script_setup_true_lang-2f0QfweQ.js";
-import { _ as ne } from "./app-BU6wILmn.js";
+import { _ as ne } from "./app-Bk0DN7oZ.js";
 import { c as le } from "./createForm-BoUQeZTd.js";
-import { a as se, A as I } from "./item-Dp17qTYi.js";
-import { u as R, a as re } from "./menu-BOVrJ7di.js";
-import { g as ce } from "./translation-BCZ1Ruvv.js";
+import { a as se, A as D } from "./item-DmTvGVsp.js";
+import { _ as re } from "./TranslationViewChip.vue_vue_type_script_setup_true_lang-BlACWsDs.js";
+import { u as R, a as ce } from "./menu-Csu9X1_I.js";
 const ie = se, me = {
   key: 0
-}, de = {
-  class: "flex justify-end items-center"
 }, ue = {
+  class: "flex justify-end items-center"
+}, de = {
   class: "w-[320px]"
 }, pe = {
   key: 1,
@@ -28,17 +28,17 @@ const ie = se, me = {
   class: "fm-typo-en-body-lg-600"
 }, ve = {
   class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary"
-}, be = /* @__PURE__ */ S({
+}, be = /* @__PURE__ */ E({
   __name: "CategoryTable",
   setup(z) {
-    const u = N(), p = O(), h = j(p), _ = D(h), v = I({
-      dialog: u,
+    const d = S(), p = T(), h = N(p), _ = A(h), v = D({
+      dialog: d,
       menuLoader: _
     }), {
       categories: i
-    } = R(), n = B(""), g = C(() => i.value.filter((e) => e.name.toLowerCase().includes(n.value.toLowerCase()))), {
+    } = R(), n = $(""), g = C(() => i.value.filter((e) => e.name.toLowerCase().includes(n.value.toLowerCase()))), {
       t: l
-    } = T(), F = B([{
+    } = L(), V = $([{
       accessorKey: "name",
       header: () => l("menu.category.columns.title"),
       enableSorting: !1,
@@ -46,14 +46,14 @@ const ie = se, me = {
         width: "auto"
       },
       cell: (e) => {
-        const o = e.row.original, r = e.getValue(), x = Object.keys(o.name_locale ?? {}).map((t) => ce(t));
+        const t = e.row.original, r = e.getValue();
         return m("div", {
           class: "flex items-center gap-8"
         }, [m("span", {
           class: "break-all"
-        }, r), ...x.map((t) => 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"
-        }, t))]);
+        }, r), t.name_locale ? m(re, {
+          nameLocale: t.name_locale ?? {}
+        }) : null]);
       }
     }, {
       accessorKey: "items",
@@ -61,9 +61,9 @@ const ie = se, me = {
       enableSorting: !1,
       size: 200,
       cell: (e) => {
-        const o = e.row.original;
-        return l(o.items.length > 1 ? "menu.common.labels.product_linked_plural" : "menu.common.labels.product_linked_singular", {
-          count: o.items.length
+        const t = e.row.original;
+        return l(t.items.length > 1 ? "menu.common.labels.product_linked_plural" : "menu.common.labels.product_linked_singular", {
+          count: t.items.length
         });
       }
     }, {
@@ -75,16 +75,16 @@ const ie = se, me = {
       },
       header: "",
       cell: (e) => {
-        const o = e.row.original;
+        const t = e.row.original;
         return m("div", {
           class: "flex justify-end"
-        }, [m(Q.FmButton, {
+        }, [m(J.FmButton, {
           icon: "delete",
-          disabled: !o.id,
+          disabled: !t.id,
           variant: "tertiary",
           textColor: "neutral-gray-400",
-          onClick: E(async () => {
-            await b(o);
+          onClick: M(async () => {
+            await b(t);
           }, ["stop", "prevent"])
         })]);
       }
@@ -97,7 +97,7 @@ const ie = se, me = {
         });
         return;
       }
-      u.open({
+      d.open({
         title: l("menu.category.dialog.remove.title"),
         message: l("menu.common.dialog.remove_confirmation", {
           name: e.name
@@ -105,7 +105,7 @@ const ie = se, me = {
         primaryActions: {
           text: "Remove",
           close: !0,
-          variant: L.Destructive
+          variant: B.Destructive
         },
         secondaryActions: {
           text: "Cancel",
@@ -120,96 +120,96 @@ const ie = se, me = {
         }, e.name, !0);
       });
     }
-    async function A(e) {
-      const o = e.map((r) => r.id).filter((r) => !!r);
-      await v.rearrange(o);
+    async function I(e) {
+      const t = e.map((r) => r.id).filter((r) => !!r);
+      await v.rearrange(t);
     }
-    const U = G();
-    async function $(e) {
-      le(U, ie, {
+    const O = Y();
+    async function F(e) {
+      le(O, ie, {
         initialValue: e
       });
     }
-    const K = W(), P = C(() => K.breakpoints.value.xs);
-    return (e, o) => {
-      const r = k("FmSearch"), M = k("FmTable"), x = k("FmButton");
-      return P.value ? (c(), f("div", pe, [s("div", _e, [d(r, {
+    const U = W(), j = C(() => U.breakpoints.value.xs);
+    return (e, t) => {
+      const r = x("FmSearch"), K = x("FmTable"), P = x("FmButton");
+      return j.value ? (c(), f("div", pe, [s("div", _e, [u(r, {
         autofocus: "",
         modelValue: n.value,
-        "onUpdate:modelValue": o[2] || (o[2] = (t) => n.value = t),
+        "onUpdate:modelValue": t[2] || (t[2] = (a) => n.value = a),
         class: "w-full",
-        placeholder: a(l)("menu.common.labels.search_placeholder", {
+        placeholder: o(l)("menu.common.labels.search_placeholder", {
           type: "categories"
         })
-      }, null, 8, ["modelValue", "placeholder"])]), s("div", ge, [(c(!0), f(J, null, q(g.value, (t) => (c(), f("div", {
-        key: t.id || "",
+      }, null, 8, ["modelValue", "placeholder"])]), s("div", ge, [(c(!0), f(Q, null, q(g.value, (a) => (c(), f("div", {
+        key: a.id || "",
         class: "flex flex-row py-12 px-16",
-        onClick: (Y) => $(t)
-      }, [s("div", ye, [s("p", he, V(t.name), 1), s("p", ve, V(a(l)(t.items.length > 1 ? "menu.common.labels.product_linked_plural" : "menu.common.labels.product_linked_singular", {
-        count: t.items.length
-      })), 1)]), d(x, {
-        "text-color": a(X).NeutralGray400,
-        variant: a(L).Tertiary,
+        onClick: (G) => F(a)
+      }, [s("div", ye, [s("p", he, w(a.name), 1), s("p", ve, w(o(l)(a.items.length > 1 ? "menu.common.labels.product_linked_plural" : "menu.common.labels.product_linked_singular", {
+        count: a.items.length
+      })), 1)]), u(P, {
+        "text-color": o(X).NeutralGray400,
+        variant: o(B).Tertiary,
         "prepend-icon": "delete",
-        disabled: !t.id,
-        onClick: E((Y) => b(t), ["stop"])
-      }, null, 8, ["text-color", "variant", "disabled", "onClick"])], 8, fe))), 128))])])) : (c(), f("div", me, [s("div", de, [s("div", ue, [d(r, {
+        disabled: !a.id,
+        onClick: M((G) => b(a), ["stop"])
+      }, null, 8, ["text-color", "variant", "disabled", "onClick"])], 8, fe))), 128))])])) : (c(), f("div", me, [s("div", ue, [s("div", de, [u(r, {
         modelValue: n.value,
-        "onUpdate:modelValue": o[0] || (o[0] = (t) => n.value = t),
+        "onUpdate:modelValue": t[0] || (t[0] = (a) => n.value = a),
         autofocus: "",
         class: "mb-8",
-        placeholder: a(l)("menu.common.labels.search_placeholder", {
-          type: a(l)("menu.category.title")
+        placeholder: o(l)("menu.common.labels.search_placeholder", {
+          type: o(l)("menu.category.title")
         })
-      }, null, 8, ["modelValue", "placeholder"])])]), d(ne, null, {
-        default: w(() => [d(M, {
-          "column-defs": F.value,
+      }, null, 8, ["modelValue", "placeholder"])])]), u(ne, null, {
+        default: k(() => [u(K, {
+          "column-defs": V.value,
           draggable: !0,
-          "page-size": a(i).length,
-          "row-data": a(i),
+          "page-size": o(i).length,
+          "row-data": o(i),
           "search-value": n.value,
           "shrink-at": !1,
           "hide-footer": "",
           "pin-header-row": "",
-          onDndChanged: A,
-          onRowClick: o[1] || (o[1] = (t) => $(t.original))
+          onDndChanged: I,
+          onRowClick: t[1] || (t[1] = (a) => F(a.original))
         }, null, 8, ["column-defs", "page-size", "row-data", "search-value"])]),
         _: 1
       })]));
     };
   }
-}), xe = { class: "flex-1 flex justify-between gap-8 pl-8" }, ke = { class: "flex items-center" }, Ce = { class: "bg-fm-color-neutral-gray-100 rounded-md px-8 py-4" }, we = { class: "fm-typo-en-body-md-600 font-semibold" }, je = /* @__PURE__ */ S({
+}), xe = { class: "flex-1 flex justify-between gap-8 pl-8" }, Ce = { class: "flex items-center" }, ke = { class: "bg-fm-color-neutral-gray-100 rounded-md px-8 py-4" }, we = { class: "fm-typo-en-body-md-600 font-semibold" }, De = /* @__PURE__ */ E({
   __name: "Category",
   setup(z) {
-    const u = N(), p = O(), h = j(p), _ = D(h), v = I({ dialog: u, menuLoader: _ }), { categories: i } = R(), { t: n } = T();
+    const d = S(), p = T(), h = N(p), _ = A(h), v = D({ dialog: d, menuLoader: _ }), { categories: i } = R(), { t: n } = L();
     function g() {
       v.create();
     }
     const l = C(() => i.value.length);
-    return re().resetOnMount(), (F, b) => (c(), y(ae, {
-      heading: a(n)("menu.category.title")
+    return ce().resetOnMount(), (V, b) => (c(), y(ae, {
+      heading: o(n)("menu.category.title")
     }, {
-      default: w(() => [
-        a(i).length > 0 ? (c(), y(be, { key: 0 })) : (c(), y(a(oe), {
+      default: k(() => [
+        o(i).length > 0 ? (c(), y(be, { key: 0 })) : (c(), y(o(oe), {
           key: 1,
           action: {
-            text: a(n)("menu.category.add"),
+            text: o(n)("menu.category.add"),
             callback: g
           },
-          subtitle: a(n)("menu.category.empty.subtitle"),
-          title: a(n)("menu.category.empty.title")
+          subtitle: o(n)("menu.category.empty.subtitle"),
+          title: o(n)("menu.category.empty.title")
         }, null, 8, ["action", "subtitle", "title"]))
       ]),
-      "append-heading": w(() => [
+      "append-heading": k(() => [
         s("div", xe, [
-          s("div", ke, [
-            s("div", Ce, [
-              s("p", we, V(l.value), 1)
+          s("div", Ce, [
+            s("div", ke, [
+              s("p", we, w(l.value), 1)
             ])
           ]),
-          a(i).length > 0 ? (c(), y(Z, {
+          o(i).length > 0 ? (c(), y(Z, {
             key: 0,
-            label: a(n)("menu.category.add"),
+            label: o(n)("menu.category.add"),
             "prepend-icon": "add",
             onClick: g
           }, null, 8, ["label"])) : H("", !0)
@@ -220,5 +220,5 @@ const ie = se, me = {
   }
 });
 export {
-  je as default
+  De as default
 };