@feedmepos/mf-menu 0.31.30-beta.1 → 0.31.31-beta.1

package/dist/{Category-sQll5ITQ.js → Category-BqKFvFam.js}

@@ -1,19 +1,19 @@
-import { defineComponent as A, ref as F, computed as B, watch as se, resolveComponent as p, createElementBlock as E, openBlock as f, Fragment as Z, renderSlot as re, createVNode as d, unref as e, withCtx as g, createElementVNode as n, toDisplayString as T, h as L, withModifiers as z, getCurrentInstance as ie, renderList as ce, createBlock as U, createCommentVNode as ue } from "vue";
+import { defineComponent as K, ref as F, computed as B, watch as se, resolveComponent as p, createElementBlock as E, openBlock as f, Fragment as Z, renderSlot as re, createVNode as d, unref as e, withCtx as g, createElementVNode as n, toDisplayString as T, h as N, withModifiers as D, getCurrentInstance as ie, renderList as ce, createBlock as L, createCommentVNode as ue } from "vue";
 import { useI18n as j } from "@feedmepos/mf-common";
-import { useSnackbar as Y, components as R, useDialog as ee, FmButtonVariant as H, useBreakpoints as de, FmButtonColorThemeVariant as me } from "@feedmepos/ui-library";
+import { useSnackbar as Y, components as R, useDialog as ee, FmButtonVariant as J, useBreakpoints as de, FmButtonColorThemeVariant as me } from "@feedmepos/ui-library";
 import { _ as pe } from "./ResponsiveFabButton.vue_vue_type_script_setup_true_lang-Cn-3MRBO.js";
-import { D as G, u as ge, $ as fe, Y as _e, G as K, a4 as ye, O as q, J as te } from "./menu-ibc-yXVt.js";
+import { A as W, u as ge, Y as fe, W as _e, B as A, a2 as ye, M as q, H as te } from "./menu-CsIzrBEr.js";
 import { _ as ve } from "./PageLayout.vue_vue_type_script_setup_true_lang-2f0QfweQ.js";
-import { _ as he } from "./app-CLY6CoaV.js";
+import { _ as he } from "./app-CoVUUCa_.js";
 import { c as be } from "./createForm-BoUQeZTd.js";
 import { _ as Q } from "./FormSection.vue_vue_type_script_setup_true_lang-CO4YGYLB.js";
 import { u as xe } from "./discardConfirm-BHni0LNu.js";
 import { c as X } from "./object-DVUNCr7w.js";
 import { r as Ce } from "./rules-CIWTZQfh.js";
-import { u as J, a as ke } from "./menu-Dw-Hpy07.js";
+import { u as G, a as ke } from "./menu-CDrsBjmr.js";
 import { c as we } from "./check-C9mY6LiX.js";
-import { u as Fe } from "./item-D4DcBt7N.js";
-import { u as oe } from "./category-BuPYaEsy.js";
+import { u as Fe } from "./item-BAqzKh4O.js";
+import { u as oe } from "./category-u5eo_Vjd.js";
 import { _ as Ve } from "./index.vue_vue_type_script_setup_true_lang-BgqsTzLI.js";
 const $e = {
   class: "fm-typo-en-title-md-600"
@@ -27,21 +27,21 @@ const $e = {
   class: "flex-1"
 }, Te = {
   class: "flex-1 overflow-hidden min-h-[300px]"
-}, Oe = {
+}, Ue = {
   class: "flex gap-8 items-center justify-start"
-}, Ue = /* @__PURE__ */ A({
+}, Le = /* @__PURE__ */ K({
   __name: "Form",
   props: {
     initialValue: {}
   },
-  setup(N, {
+  setup(O, {
     expose: h
   }) {
-    const _ = N, V = Y(), b = G(V), $ = q(b), m = ge(), r = Fe(), {
+    const _ = O, V = Y(), b = W(V), $ = q(b), m = ge(), r = Fe(), {
       categories: x
-    } = J(), {
+    } = G(), {
       t
-    } = j(), O = F(!1), u = F(!1), M = (o) => {
+    } = j(), U = F(!1), u = F(!1), M = (o) => {
       we.isBoolean(o) ? u.value = o : u.value = !u.value;
     }, i = F(X(_.initialValue)), C = F(""), S = B(() => {
       var k;
@@ -65,14 +65,14 @@ const $e = {
       header: "",
       cell: (o) => {
         const a = o.row.original;
-        return L("div", {
+        return N("div", {
           class: "flex justify-end"
-        }, [L(R.FmButton, {
+        }, [N(R.FmButton, {
           icon: "edit",
           outline: !0,
           variant: "tertiary",
           textColor: "neutral-gray-400",
-          onClick: z(async () => {
+          onClick: D(async () => {
             await s(a);
           }, ["stop", "prevent"])
         })]);
@@ -84,12 +84,12 @@ const $e = {
     async function s(o) {
       await r.update(o._id);
     }
-    const y = B(() => m.version === K.F_MENU_VERSION.enum.v4);
-    async function D(o) {
+    const y = B(() => m.version === A.F_MENU_VERSION.enum.v4);
+    async function I(o) {
       const a = ye(o, i.value.id);
       await r.updateMany(a);
     }
-    const I = xe(() => i.value.name !== _.initialValue.name, () => {
+    const z = xe(() => i.value.name !== _.initialValue.name, () => {
       u.value = !1;
     });
     async function c() {
@@ -97,7 +97,7 @@ const $e = {
         updateMenu: a
       } = $;
       await a({
-        module: K.F_MENU_MODULE_V4_KEY.enum.category,
+        module: A.F_MENU_MODULE_V4_KEY.enum.category,
         operation: te.F_OPERATION_TYPE.update,
         data: {
           ...o,
@@ -111,7 +111,7 @@ const $e = {
       trigger: M,
       show: u
     }), (o, a) => {
-      const k = p("FmTextField"), w = p("FmButton"), ae = p("FmSearch"), ne = p("FmTable"), W = p("fm-button"), le = p("fm-side-sheet");
+      const k = p("FmTextField"), w = p("FmButton"), ae = p("FmSearch"), ne = p("FmTable"), H = p("fm-button"), le = p("fm-side-sheet");
       return f(), E(Z, null, [re(o.$slots, "default", {
         trigger: M
       }), d(le, {
@@ -124,17 +124,17 @@ const $e = {
           blameFormChildOnValidationFailed: !0
         },
         "max-width": 560,
-        "onOn:clickedAway": e(I)
+        "onOn:clickedAway": e(z)
       }, {
         "side-sheet-header": g(() => [n("p", $e, T(e(t)("menu.category.title")), 1)]),
-        "side-sheet-footer": g(() => [n("div", Oe, [d(W, {
+        "side-sheet-footer": g(() => [n("div", Ue, [d(H, {
           label: e(t)("menu.common.actions.update"),
-          loading: O.value,
+          loading: U.value,
           size: "lg",
           type: "submit",
           variant: "primary",
           disabled: !i.value.id
-        }, null, 8, ["label", "loading", "disabled"]), d(W, {
+        }, null, 8, ["label", "loading", "disabled"]), d(H, {
           label: e(t)("menu.common.actions.cancel"),
           size: "lg",
           variant: "tertiary",
@@ -179,7 +179,7 @@ const $e = {
             "shrink-at": !1,
             "hide-footer": "",
             "pin-header-row": "",
-            onDndChanged: D,
+            onDndChanged: I,
             onRowClick: a[2] || (a[2] = (v) => s(v.original))
           }, null, 8, ["draggable", "page-size", "row-data", "search-value"])])]),
           _: 1
@@ -188,36 +188,36 @@ const $e = {
       }, 8, ["modelValue", "is-container", "is-container-props", "onOn:clickedAway"])], 64);
     };
   }
-}), Le = Ue, Ne = {
+}), Ne = Le, Oe = {
   key: 0
 }, Pe = {
   class: "flex justify-end items-center"
-}, De = {
-  class: "w-[320px]"
 }, Ie = {
+  class: "w-[320px]"
+}, ze = {
   key: 1,
   class: "flex-1 flex flex-col min-h-0"
-}, ze = {
+}, De = {
   class: "p-8"
 }, Re = {
   class: "flex flex-1 flex-col min-h-0 overflow-scroll divide-y divide-fm-color-neutral-gray-100 pb-64"
-}, Ke = ["onClick"], Ae = {
+}, Ae = ["onClick"], Ke = {
   class: "flex-1 space-y-4"
 }, je = {
   class: "fm-typo-en-body-lg-600"
 }, Ye = {
   class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary"
-}, Ge = /* @__PURE__ */ A({
+}, We = /* @__PURE__ */ K({
   __name: "CategoryTable",
-  setup(N) {
-    const h = ee(), _ = Y(), V = G(_), b = q(V), $ = oe({
+  setup(O) {
+    const h = ee(), _ = Y(), V = W(_), b = q(V), $ = oe({
       dialog: h,
       menuLoader: b
     }), {
       categories: m
-    } = J(), r = F(""), x = B(() => m.value.filter((l) => l.name.toLowerCase().includes(r.value.toLowerCase()))), {
+    } = G(), r = F(""), x = B(() => m.value.filter((l) => l.name.toLowerCase().includes(r.value.toLowerCase()))), {
       t
-    } = j(), O = F([{
+    } = j(), U = F([{
       accessorKey: "name",
       header: () => t("menu.category.columns.title"),
       enableSorting: !1,
@@ -245,14 +245,14 @@ const $e = {
       header: "",
       cell: (l) => {
         const s = l.row.original;
-        return L("div", {
+        return N("div", {
           class: "flex justify-end"
-        }, [L(R.FmButton, {
+        }, [N(R.FmButton, {
           icon: "delete",
           disabled: !s.id,
           variant: "tertiary",
           textColor: "neutral-gray-400",
-          onClick: z(async () => {
+          onClick: D(async () => {
             await u(s);
           }, ["stop", "prevent"])
         })]);
@@ -274,7 +274,7 @@ const $e = {
         primaryActions: {
           text: "Remove",
           close: !0,
-          variant: H.Destructive
+          variant: J.Destructive
         },
         secondaryActions: {
           text: "Cancel",
@@ -282,7 +282,7 @@ const $e = {
         }
       }).onPrimary(async () => {
         await b.updateMenu({
-          module: K.F_MENU_MODULE_V4_KEY.enum.category,
+          module: A.F_MENU_MODULE_V4_KEY.enum.category,
           operation: te.F_OPERATION_TYPE.delete,
           // `category.id` is guaranteed to be defined due to the earlier check in `deleteCategory`.
           data: l.id
@@ -295,14 +295,14 @@ const $e = {
     }
     const i = ie();
     async function C(l) {
-      be(i, Le, {
+      be(i, Ne, {
         initialValue: l
       });
     }
     const S = de(), P = B(() => S.breakpoints.value.xs);
     return (l, s) => {
-      const y = p("FmSearch"), D = p("FmTable"), I = p("FmButton");
-      return P.value ? (f(), E("div", Ie, [n("div", ze, [d(y, {
+      const y = p("FmSearch"), I = p("FmTable"), z = p("FmButton");
+      return P.value ? (f(), E("div", ze, [n("div", De, [d(y, {
         autofocus: "",
         modelValue: r.value,
         "onUpdate:modelValue": s[2] || (s[2] = (c) => r.value = c),
@@ -314,15 +314,15 @@ const $e = {
         key: c.id || "",
         class: "flex flex-row py-12 px-16",
         onClick: (o) => C(c)
-      }, [n("div", Ae, [n("p", je, T(c.name), 1), n("p", Ye, T(e(t)(c.items.length > 1 ? "menu.common.labels.product_linked_plural" : "menu.common.labels.product_linked_singular", {
+      }, [n("div", Ke, [n("p", je, T(c.name), 1), n("p", Ye, T(e(t)(c.items.length > 1 ? "menu.common.labels.product_linked_plural" : "menu.common.labels.product_linked_singular", {
         count: c.items.length
-      })), 1)]), d(I, {
+      })), 1)]), d(z, {
         "text-color": e(me).NeutralGray400,
-        variant: e(H).Tertiary,
+        variant: e(J).Tertiary,
         "prepend-icon": "delete",
         disabled: !c.id,
-        onClick: z((o) => u(c), ["stop"])
-      }, null, 8, ["text-color", "variant", "disabled", "onClick"])], 8, Ke))), 128))])])) : (f(), E("div", Ne, [n("div", Pe, [n("div", De, [d(y, {
+        onClick: D((o) => u(c), ["stop"])
+      }, null, 8, ["text-color", "variant", "disabled", "onClick"])], 8, Ae))), 128))])])) : (f(), E("div", Oe, [n("div", Pe, [n("div", Ie, [d(y, {
         modelValue: r.value,
         "onUpdate:modelValue": s[0] || (s[0] = (c) => r.value = c),
         autofocus: "",
@@ -331,8 +331,8 @@ const $e = {
           type: e(t)("menu.category.title")
         })
       }, null, 8, ["modelValue", "placeholder"])])]), d(he, null, {
-        default: g(() => [d(D, {
-          "column-defs": O.value,
+        default: g(() => [d(I, {
+          "column-defs": U.value,
           draggable: !0,
           "page-size": e(m).length,
           "row-data": e(m),
@@ -347,19 +347,19 @@ const $e = {
       })]));
     };
   }
-}), qe = { class: "flex-1 flex justify-between gap-8 pl-8" }, Je = { class: "flex items-center" }, We = { class: "bg-fm-color-neutral-gray-100 rounded-md px-8 py-4" }, He = { class: "fm-typo-en-body-md-600 font-semibold" }, gt = /* @__PURE__ */ A({
+}), qe = { class: "flex-1 flex justify-between gap-8 pl-8" }, Ge = { class: "flex items-center" }, He = { class: "bg-fm-color-neutral-gray-100 rounded-md px-8 py-4" }, Je = { class: "fm-typo-en-body-md-600 font-semibold" }, gt = /* @__PURE__ */ K({
   __name: "Category",
-  setup(N) {
-    const h = ee(), _ = Y(), V = G(_), b = q(V), $ = oe({ dialog: h, menuLoader: b }), { categories: m } = J(), { t: r } = j();
+  setup(O) {
+    const h = ee(), _ = Y(), V = W(_), b = q(V), $ = oe({ dialog: h, menuLoader: b }), { categories: m } = G(), { t: r } = j();
     function x() {
       $.create();
     }
     const t = B(() => m.value.length);
-    return ke().resetOnMount(), (O, u) => (f(), U(ve, {
+    return ke().resetOnMount(), (U, u) => (f(), L(ve, {
       heading: e(r)("menu.category.title")
     }, {
       default: g(() => [
-        e(m).length > 0 ? (f(), U(Ge, { key: 0 })) : (f(), U(e(Ve), {
+        e(m).length > 0 ? (f(), L(We, { key: 0 })) : (f(), L(e(Ve), {
           key: 1,
           action: {
             text: e(r)("menu.category.add"),
@@ -371,12 +371,12 @@ const $e = {
       ]),
       "append-heading": g(() => [
         n("div", qe, [
-          n("div", Je, [
-            n("div", We, [
-              n("p", He, T(t.value), 1)
+          n("div", Ge, [
+            n("div", He, [
+              n("p", Je, T(t.value), 1)
             ])
           ]),
-          e(m).length > 0 ? (f(), U(pe, {
+          e(m).length > 0 ? (f(), L(pe, {
             key: 0,
             label: e(r)("menu.category.add"),
             "prepend-icon": "add",

package/dist/{Category-Ql1kDDH-.js → Category-IYMtMoT-.js}

@@ -1,16 +1,16 @@
-import { defineComponent as S, computed as k, ref as C, resolveComponent as w, createElementBlock as _, openBlock as u, createElementVNode as i, createVNode as g, unref as n, withCtx as K, Fragment as P, renderList as U, toDisplayString as E, createBlock as V } from "vue";
-import { useI18n as L } from "@feedmepos/mf-common";
-import { useSnackbar as M, useBreakpoints as Y, useDialog as $ } from "@feedmepos/ui-library";
-import { D as F, u as I, Y as j, O as D, J as A, G } from "./menu-ibc-yXVt.js";
-import { _ as J } from "./app-CLY6CoaV.js";
-import { u as O } from "./menu-Dw-Hpy07.js";
-import { _ as R } from "./index.vue_vue_type_script_setup_true_lang-BgqsTzLI.js";
-import { u as q } from "./category-BuPYaEsy.js";
-const H = {
+import { defineComponent as M, computed as k, ref as C, resolveComponent as w, createElementBlock as _, openBlock as u, createElementVNode as i, createVNode as g, unref as n, withCtx as K, Fragment as P, renderList as U, toDisplayString as E, createBlock as V } from "vue";
+import { useI18n as S } from "@feedmepos/mf-common";
+import { useSnackbar as L, useBreakpoints as $, useDialog as A } from "@feedmepos/ui-library";
+import { A as F, u as I, W as Y, M as B, H as j, B as H } from "./menu-CsIzrBEr.js";
+import { _ as R } from "./app-CoVUUCa_.js";
+import { u as T } from "./menu-CDrsBjmr.js";
+import { _ as W } from "./index.vue_vue_type_script_setup_true_lang-BgqsTzLI.js";
+import { u as q } from "./category-u5eo_Vjd.js";
+const G = {
   key: 0
-}, Q = {
+}, J = {
   class: "flex justify-end items-center"
-}, W = {
+}, Q = {
   class: "w-[320px]"
 }, X = {
   key: 1,
@@ -25,12 +25,12 @@ const H = {
   class: "fm-typo-en-body-lg-600"
 }, ae = {
   class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary"
-}, ne = /* @__PURE__ */ S({
+}, ne = /* @__PURE__ */ M({
   __name: "CategoryTable",
-  setup(T) {
-    const f = M(), y = F(f), h = D(y), p = I(), {
+  setup(D) {
+    const f = L(), y = F(f), h = B(y), p = I(), {
       categories: v
-    } = O(), b = k(() => {
+    } = T(), b = k(() => {
       var l, t;
       const r = ((t = (l = p.currentCatalog) == null ? void 0 : l.override) == null ? void 0 : t.category) ?? {}, o = v.value.map((e, c) => {
         var m;
@@ -40,10 +40,10 @@ const H = {
           position: e.id ? ((m = r[e.id]) == null ? void 0 : m.position) ?? c + 1 : null
         };
       });
-      return j(o, (e) => e.name);
+      return Y(o, (e) => e.name);
     }), a = C(""), d = k(() => b.value.filter((r) => r.name.toLowerCase().includes(a.value.toLowerCase()))), {
       t: s
-    } = L(), x = C([{
+    } = S(), x = C([{
       accessorKey: "name",
       header: () => s("menu.category.columns.title"),
       enableSorting: !1,
@@ -62,7 +62,7 @@ const H = {
         });
       }
     }]);
-    async function B(r) {
+    async function N(r) {
       var e;
       const o = p.currentCatalog;
       if (!o)
@@ -76,8 +76,8 @@ const H = {
           _id: c.id
         });
       }), await l({
-        module: G.F_MENU_MODULE_V4_KEY.enum.catalog,
-        operation: A.F_OPERATION_TYPE.update,
+        module: H.F_MENU_MODULE_V4_KEY.enum.catalog,
+        operation: j.F_OPERATION_TYPE.update,
         data: {
           ...o,
           override: {
@@ -87,7 +87,7 @@ const H = {
         }
       }, "Category");
     }
-    const N = Y(), z = k(() => N.breakpoints.value.xs);
+    const O = $(), z = k(() => O.breakpoints.value.xs);
     return (r, o) => {
       const l = w("FmSearch"), t = w("FmTable");
       return z.value ? (u(), _("div", X, [i("div", Z, [g(l, {
@@ -103,7 +103,7 @@ const H = {
         class: "flex flex-row py-12 px-16"
       }, [i("div", oe, [i("p", te, E(e.name), 1), i("p", ae, E(n(s)(e.items.length > 1 ? "menu.common.labels.product_linked_plural" : "menu.common.labels.product_linked_singular", {
         count: e.items.length
-      })), 1)])]))), 128))])])) : (u(), _("div", H, [i("div", Q, [i("div", W, [g(l, {
+      })), 1)])]))), 128))])])) : (u(), _("div", G, [i("div", J, [i("div", Q, [g(l, {
         modelValue: a.value,
         "onUpdate:modelValue": o[0] || (o[0] = (e) => a.value = e),
         autofocus: "",
@@ -111,7 +111,7 @@ const H = {
         placeholder: n(s)("menu.common.labels.search_placeholder", {
           type: n(s)("menu.category.title")
         })
-      }, null, 8, ["modelValue", "placeholder"])])]), g(J, null, {
+      }, null, 8, ["modelValue", "placeholder"])])]), g(R, null, {
         default: K(() => [g(t, {
           "column-defs": x.value,
           draggable: !0,
@@ -121,20 +121,20 @@ const H = {
           "shrink-at": !1,
           "hide-footer": "",
           "pin-header-row": "",
-          onDndChanged: B
+          onDndChanged: N
         }, null, 8, ["column-defs", "page-size", "row-data", "search-value"])]),
         _: 1
       })]));
     };
   }
-}), pe = /* @__PURE__ */ S({
+}), pe = /* @__PURE__ */ M({
   __name: "Category",
-  setup(T) {
-    const f = $(), y = M(), h = F(y), p = D(h), v = q({ dialog: f, menuLoader: p }), { categories: b } = O(), { t: a } = L();
+  setup(D) {
+    const f = A(), y = L(), h = F(y), p = B(h), v = q({ dialog: f, menuLoader: p }), { categories: b } = T(), { t: a } = S();
     function d() {
       v.create();
     }
-    return (s, x) => n(b).length > 0 ? (u(), V(ne, { key: 0 })) : (u(), V(n(R), {
+    return (s, x) => n(b).length > 0 ? (u(), V(ne, { key: 0 })) : (u(), V(n(W), {
       key: 1,
       action: {
         text: n(a)("menu.category.add"),