@feedmepos/mf-menu-portal 1.0.4-dev.3 → 1.0.4-dev.4

package/dist/Subcategory-B0oZIKbw.js

@@ -1,412 +0,0 @@
-import { defineComponent as ue, computed as y, ref as R, shallowRef as te, h as le, withModifiers as ye, onUnmounted as fe, resolveComponent as b, openBlock as r, createBlock as _, unref as e, withCtx as c, createElementBlock as g, toDisplayString as f, createVNode as i, Fragment as A, createElementVNode as v, createCommentVNode as k, mergeProps as oe, renderList as ne } from "vue";
-import { useI18n as _e } from "@feedmepos/mf-common";
-import { useDialog as he, components as q, FmButtonVariant as ke } from "@feedmepos/ui-library";
-import { _ as se } from "./index.vue_vue_type_script_setup_true_lang-CGPDazqs.js";
-import { _ as we } from "./ListCountTag.vue_vue_type_script_setup_true_lang-0bjk8Aly.js";
-import { _ as xe } from "./PageLayout.vue_vue_type_script_setup_true_lang-B3szUH39.js";
-import { _ as Fe } from "./TranslationSideSheet.vue_vue_type_script_setup_true_lang-B0j2PNih.js";
-import { u as Ce } from "./useActionFeedback-DyUCQl2x.js";
-import { u as Se } from "./useEditorValidation-Ctef5Bxt.js";
-import { b as Ve, u as Le, a as De } from "./provide-CfF0FmUz.js";
-import { _ as Te } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-const Ue = { class: "flex-1 flex justify-between gap-8 pl-8" }, Ee = { class: "flex items-center" }, ze = {
-  key: 0,
-  class: "text-fm-color-typo-secondary",
-  role: "alert"
-}, je = {
-  key: 1,
-  "data-menu-state": "unavailable"
-}, Ne = { class: "flex justify-end items-center" }, Be = { class: "w-[320px]" }, Me = { class: "fm-typo-en-title-md-600" }, Oe = { class: "flex flex-col gap-32 h-full min-h-0 py-16" }, Ie = { "data-testid": "subcategory-translation-button" }, $e = { class: "py-12 px-16 space-y-4" }, Pe = { key: 0 }, Re = { class: "flex gap-8 items-center justify-start" }, Ae = { class: "fm-typo-en-title-sm-600" }, qe = { class: "py-12 px-16 space-y-4" }, Ke = { key: 0 }, Qe = { class: "flex w-full gap-8 items-center justify-end px-0 pb-0" }, Ge = /* @__PURE__ */ ue({
-  __name: "SubcategoryList",
-  props: {
-    sdk: {}
-  },
-  setup(K) {
-    const p = K, { t: a, n: Q } = _e(), O = Ve(), re = he(), { run: I } = Ce(), h = Le(p.sdk.subCategory.list), s = y(
-      () => h.value.status === "ready" ? h.value.value : null
-    ), w = R(!1), x = R(!1), T = R(!1), G = y(() => {
-      var t;
-      return ((t = s.value) == null ? void 0 : t.query) ?? "";
-    }), u = te(
-      p.sdk.subCategory.editor()
-    ), F = te(
-      u.value.get()
-    );
-    let $ = u.value.subscribe(
-      (t) => F.value = t
-    );
-    const l = y(
-      () => F.value.status === "ready" ? F.value.value : null
-    ), U = Se(() => u.value), E = y(
-      () => l.value ? U.issue(l.value.fieldIssues, "name") ?? l.value.nameIssue : null
-    );
-    function H(t) {
-      var n, m;
-      return ((m = (n = l.value) == null ? void 0 : n.supportedLocales.find(
-        (j) => j.code === t
-      )) == null ? void 0 : m.name) ?? t;
-    }
-    function J(t) {
-      $(), u.value.dispose(), u.value = p.sdk.subCategory.editor(t), F.value = u.value.get(), $ = u.value.subscribe(
-        (n) => F.value = n
-      );
-    }
-    function W() {
-      !s.value || s.value.create.state !== "allowed" || (J(), T.value = !0);
-    }
-    function ie(t) {
-      J(t.id), w.value = !0;
-    }
-    function z() {
-      w.value = !1, T.value = !1, x.value = !1;
-    }
-    function X() {
-      var t;
-      ((t = l.value) == null ? void 0 : t.translation.state) === "allowed" && (u.value.beginTranslationEdit(), x.value = !0);
-    }
-    function de() {
-      u.value.saveTranslationEdit(), x.value = !1;
-    }
-    function Y() {
-      u.value.discardTranslationEdit(), x.value = !1;
-    }
-    async function Z() {
-      var N, B, C, S;
-      const t = (N = l.value) == null ? void 0 : N.mode, n = ((C = (B = l.value) == null ? void 0 : B.name) == null ? void 0 : C.trim()) ?? "", m = Object.keys(((S = l.value) == null ? void 0 : S.fieldIssues) ?? {}).length > 0;
-      t === "update" && !m && z(), (await I(
-        () => U.submit(() => u.value.submit()),
-        {
-          // A draft refused locally never reaches `submitting`: no spinner.
-          showLoading: () => {
-            var M;
-            return ((M = l.value) == null ? void 0 : M.status) === "submitting";
-          },
-          successMessage: t === "update" ? a("menu.subcategory.manager.dialog.update.success", { name: n }) : a("menu.subcategory.manager.dialog.add.success", { name: n })
-        }
-      )).kind === "success" ? z() : t === "update" && (w.value = !0);
-    }
-    function ce(t) {
-      t.remove.state === "allowed" && re.open({
-        title: a("menu.subcategory.dialog.remove.title"),
-        message: a("menu.common.dialog.remove_confirmation", {
-          name: t.name
-        }),
-        primaryActions: {
-          text: a("menu.common.actions.remove"),
-          close: !0,
-          variant: ke.Destructive
-        },
-        secondaryActions: {
-          text: a("menu.common.actions.cancel"),
-          close: !0
-        }
-      }).onPrimary(async () => {
-        await I(() => p.sdk.subCategory.remove(t.id), {
-          successMessage: a("menu.subcategory.dialog.remove.success", {
-            name: t.name
-          })
-        });
-      });
-    }
-    const me = y(() => {
-      var t;
-      return [...((t = s.value) == null ? void 0 : t.rows) ?? []];
-    }), ve = y(() => !s.value || s.value.reorder.state !== "allowed" ? !1 : () => !0);
-    function pe(t) {
-      !s.value || s.value.reorder.state !== "allowed" || I(
-        () => p.sdk.subCategory.reorder(t.map((n) => n.id)),
-        {
-          successMessage: a("menu.subcategory.rearrange.success")
-        }
-      );
-    }
-    const ge = y(() => [
-      {
-        accessorKey: "name",
-        header: () => a("menu.subcategory.columns.title"),
-        enableSorting: !1,
-        meta: { width: "auto" }
-      },
-      {
-        id: "actions",
-        size: 52,
-        meta: { cellClass: "pl-16", headerContentClass: "-mx-16" },
-        header: "",
-        cell: (t) => {
-          const n = t.row.original;
-          return le("div", { class: "flex justify-end" }, [
-            le(q.FmButton, {
-              icon: "delete",
-              disabled: n.remove.state !== "allowed",
-              variant: "tertiary",
-              textColor: "neutral-gray-400",
-              "aria-label": a("menu.subcategory.dialog.remove.title"),
-              onClick: ye(
-                () => ce(t.row.original),
-                ["stop", "prevent"]
-              )
-            })
-          ]);
-        }
-      }
-    ]);
-    return fe(() => {
-      p.sdk.subCategory.search(""), $(), u.value.dispose();
-    }), (t, n) => {
-      const m = b("FmButton"), j = b("FmCircularProgress"), N = b("FmSearch"), B = b("FmTable"), C = b("FmTooltip"), S = b("FmTextField"), M = b("FmSideSheet"), be = b("FmDialog");
-      return r(), _(xe, {
-        heading: e(a)("menu.subcategory.title")
-      }, {
-        "append-heading": c(() => {
-          var V;
-          return [
-            v("div", Ue, [
-              v("div", Ee, [
-                i(we, {
-                  value: e(Q)(((V = s.value) == null ? void 0 : V.totalCount) ?? 0)
-                }, null, 8, ["value"])
-              ]),
-              s.value && s.value.totalCount > 0 ? (r(), _(m, {
-                key: 0,
-                disabled: s.value.create.state !== "allowed",
-                label: e(a)("menu.subcategory.add"),
-                "prepend-icon": "add",
-                onClick: W
-              }, null, 8, ["disabled", "label"])) : k("", !0)
-            ])
-          ];
-        }),
-        default: c(() => {
-          var V, ee, ae;
-          return [
-            e(h).status === "error" ? (r(), g("p", ze, f(e(O)(e(h).error.message)), 1)) : e(h).status === "unavailable" ? (r(), g("div", je, [
-              i(e(se), {
-                title: e(a)("menu.subcategory.empty.title"),
-                subtitle: e(a)("menu.subcategory.empty.subtitle")
-              }, null, 8, ["title", "subtitle"])
-            ])) : e(h).status === "loading" ? (r(), _(j, { key: 2 })) : s.value && s.value.rows.length === 0 && !G.value ? (r(), _(e(se), {
-              key: 3,
-              action: s.value.create.state === "allowed" ? { text: e(a)("menu.subcategory.add"), callback: W } : void 0,
-              subtitle: e(a)("menu.subcategory.empty.subtitle"),
-              title: e(a)("menu.subcategory.empty.title")
-            }, null, 8, ["action", "subtitle", "title"])) : s.value ? (r(), g(A, { key: 4 }, [
-              v("div", Ne, [
-                v("div", Be, [
-                  i(N, {
-                    autofocus: "",
-                    class: "mb-8",
-                    "model-value": G.value,
-                    placeholder: e(a)("menu.common.labels.search_placeholder", {
-                      type: e(a)("menu.subcategory.title")
-                    }),
-                    "onUpdate:modelValue": p.sdk.subCategory.search
-                  }, null, 8, ["model-value", "placeholder", "onUpdate:modelValue"])
-                ])
-              ]),
-              i(B, {
-                class: "subcategory-table",
-                "column-defs": ge.value,
-                draggable: ve.value,
-                "page-size": s.value.rows.length,
-                "row-data": me.value,
-                "shrink-at": !1,
-                "hide-footer": "",
-                "pin-header-row": "",
-                onDndChanged: pe,
-                onRowClick: n[0] || (n[0] = (o) => ie(o.original))
-              }, null, 8, ["column-defs", "draggable", "page-size", "row-data"])
-            ], 64)) : k("", !0),
-            ((V = l.value) == null ? void 0 : V.mode) === "update" ? (r(), _(M, {
-              key: 5,
-              modelValue: w.value,
-              "onUpdate:modelValue": n[1] || (n[1] = (o) => w.value = o),
-              "is-container": e(q).FmForm,
-              "is-container-props": { onValidationSuccess: Z },
-              "max-width": 560,
-              "z-index": 100
-            }, {
-              "side-sheet-header": c(() => {
-                var o;
-                return [
-                  v("p", Me, f(((o = l.value) == null ? void 0 : o.mode) === "update" ? e(a)("menu.subcategory.title") : e(a)("menu.subcategory.manager.dialog.add.title")), 1)
-                ];
-              }),
-              "side-sheet-footer": c(() => {
-                var o, d;
-                return [
-                  v("div", Re, [
-                    i(m, {
-                      disabled: ((o = l.value) == null ? void 0 : o.submit.state) !== "allowed",
-                      label: ((d = l.value) == null ? void 0 : d.mode) === "update" ? e(a)("menu.subcategory.manager.dialog.update.action") : e(a)("menu.subcategory.manager.dialog.add.action"),
-                      size: "lg",
-                      type: "submit",
-                      variant: "primary"
-                    }, null, 8, ["disabled", "label"]),
-                    i(m, {
-                      label: e(a)("menu.common.actions.cancel"),
-                      size: "lg",
-                      variant: "tertiary",
-                      onClick: z
-                    }, null, 8, ["label"])
-                  ])
-                ];
-              }),
-              default: c(() => {
-                var o;
-                return [
-                  v("div", Oe, [
-                    i(S, oe({
-                      "error-messages": E.value ? [e(O)(E.value)] : [],
-                      label: e(a)("menu.subcategory.name"),
-                      "model-value": ((o = l.value) == null ? void 0 : o.name) ?? "",
-                      placeholder: e(a)("menu.subcategory.dialog.add.name.placeholder")
-                    }, e(U).field("name", u.value.setName)), {
-                      append: c(() => [
-                        v("div", Ie, [
-                          i(C, {
-                            variant: "plain",
-                            placement: "top",
-                            "z-index": 999
-                          }, {
-                            content: c(() => {
-                              var d, L;
-                              return [
-                                v("div", $e, [
-                                  Object.keys(((d = l.value) == null ? void 0 : d.nameLocale) ?? {}).length === 0 ? (r(), g("div", Pe, f(e(a)("menu.common.translation.translation_label")), 1)) : k("", !0),
-                                  (r(!0), g(A, null, ne((L = l.value) == null ? void 0 : L.nameLocale, (P, D) => (r(), g("div", { key: D }, f(e(a)("menu.subcategory.translation.tooltip_value", {
-                                    value: P,
-                                    locale: H(D)
-                                  })), 1))), 128))
-                                ])
-                              ];
-                            }),
-                            default: c(() => {
-                              var d;
-                              return [
-                                i(m, {
-                                  icon: "g_translate",
-                                  "aria-label": e(a)("menu.common.translation.translation_label"),
-                                  variant: "tertiary",
-                                  disabled: ((d = l.value) == null ? void 0 : d.translation.state) !== "allowed",
-                                  onClick: X
-                                }, null, 8, ["aria-label", "disabled"])
-                              ];
-                            }),
-                            _: 1
-                          })
-                        ])
-                      ]),
-                      _: 1
-                    }, 16, ["error-messages", "label", "model-value", "placeholder"])
-                  ])
-                ];
-              }),
-              _: 1
-            }, 8, ["modelValue", "is-container", "is-container-props"])) : k("", !0),
-            ((ee = l.value) == null ? void 0 : ee.mode) === "update" || ((ae = l.value) == null ? void 0 : ae.mode) === "create" ? (r(), _(Fe, {
-              key: 6,
-              "model-value": x.value,
-              "onUpdate:modelValue": n[2] || (n[2] = (o) => o || Y()),
-              name: l.value.name,
-              "name-locale": l.value.nameLocale,
-              "supported-locales": l.value.supportedLocales,
-              dirty: l.value.translationDirty,
-              "z-index": 200,
-              "onUpdate:name": u.value.setName,
-              "onUpdate:nameLocale": u.value.setNameLocale,
-              onSave: de,
-              onDiscard: Y
-            }, null, 8, ["model-value", "name", "name-locale", "supported-locales", "dirty", "onUpdate:name", "onUpdate:nameLocale"])) : k("", !0),
-            i(be, {
-              modelValue: T.value,
-              "onUpdate:modelValue": n[3] || (n[3] = (o) => T.value = o),
-              "is-component": e(q).FmForm,
-              "is-component-props": { onValidationSuccess: Z },
-              "max-width": 560
-            }, {
-              "dialog-header": c(() => [
-                v("p", Ae, f(e(a)("menu.subcategory.manager.dialog.add.title")), 1)
-              ]),
-              "dialog-footer": c(() => {
-                var o;
-                return [
-                  v("div", Qe, [
-                    i(m, {
-                      label: e(a)("menu.common.actions.cancel"),
-                      variant: "tertiary",
-                      onClick: z
-                    }, null, 8, ["label"]),
-                    i(m, {
-                      disabled: ((o = l.value) == null ? void 0 : o.submit.state) !== "allowed",
-                      label: e(a)("menu.subcategory.manager.dialog.add.action"),
-                      type: "submit",
-                      variant: "primary"
-                    }, null, 8, ["disabled", "label"])
-                  ])
-                ];
-              }),
-              default: c(() => {
-                var o;
-                return [
-                  i(S, oe({
-                    autofocus: "",
-                    "error-messages": E.value ? [e(O)(E.value)] : [],
-                    label: e(a)("menu.subcategory.name"),
-                    "model-value": ((o = l.value) == null ? void 0 : o.name) ?? "",
-                    placeholder: e(a)("menu.subcategory.dialog.add.name.placeholder")
-                  }, e(U).field("name", u.value.setName)), {
-                    append: c(() => [
-                      i(C, {
-                        variant: "plain",
-                        placement: "top",
-                        "z-index": 999
-                      }, {
-                        content: c(() => {
-                          var d, L;
-                          return [
-                            v("div", qe, [
-                              Object.keys(((d = l.value) == null ? void 0 : d.nameLocale) ?? {}).length === 0 ? (r(), g("div", Ke, f(e(a)("menu.common.translation.translation_label")), 1)) : k("", !0),
-                              (r(!0), g(A, null, ne((L = l.value) == null ? void 0 : L.nameLocale, (P, D) => (r(), g("div", { key: D }, f(e(a)("menu.subcategory.translation.tooltip_value", {
-                                value: P,
-                                locale: H(D)
-                              })), 1))), 128))
-                            ])
-                          ];
-                        }),
-                        default: c(() => {
-                          var d;
-                          return [
-                            i(m, {
-                              icon: "g_translate",
-                              "aria-label": e(a)("menu.common.translation.translation_label"),
-                              variant: "tertiary",
-                              disabled: ((d = l.value) == null ? void 0 : d.translation.state) !== "allowed",
-                              onClick: X
-                            }, null, 8, ["aria-label", "disabled"])
-                          ];
-                        }),
-                        _: 1
-                      })
-                    ]),
-                    _: 1
-                  }, 16, ["error-messages", "label", "model-value", "placeholder"])
-                ];
-              }),
-              _: 1
-            }, 8, ["modelValue", "is-component", "is-component-props"])
-          ];
-        }),
-        _: 1
-      }, 8, ["heading"]);
-    };
-  }
-}), He = /* @__PURE__ */ Te(Ge, [["__scopeId", "data-v-fc4e9669"]]), sa = /* @__PURE__ */ ue({
-  __name: "Subcategory",
-  setup(K) {
-    const p = De();
-    return (a, Q) => (r(), _(He, { sdk: e(p) }, null, 8, ["sdk"]));
-  }
-});
-export {
-  sa as default
-};