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

package/dist/PrintRoute-BnARWdR2.js

@@ -1,473 +0,0 @@
-import { defineComponent as B, resolveComponent as _, openBlock as u, createElementBlock as y, createVNode as n, withCtx as m, createElementVNode as i, toDisplayString as b, createBlock as k, Fragment as I, renderList as W, createCommentVNode as A, computed as p, ref as $, shallowRef as O, onUnmounted as ve, h as F, withModifiers as G, unref as a, mergeProps as fe } from "vue";
-import { useI18n as ge } from "@feedmepos/mf-common";
-import { useDialog as ye, components as z } from "@feedmepos/ui-library";
-import { _ as q } from "./index.vue_vue_type_script_setup_true_lang-CGPDazqs.js";
-import { _ as ke } from "./LinkProductSideSheet.vue_vue_type_script_setup_true_lang-CR99740r.js";
-import { _ as H } from "./FormSection.vue_vue_type_script_setup_true_lang-pY-_msnM.js";
-import { _ as be } from "./PageLayout.vue_vue_type_script_setup_true_lang-B3szUH39.js";
-import { u as he } from "./useActionFeedback-89GwO41T.js";
-import { u as we } from "./useEditorValidation-Ctef5Bxt.js";
-import { b as Ce, u as J, a as Fe } from "./provide-BJRbSauL.js";
-const xe = { class: "fm-typo-en-body-lg-600" }, Pe = { class: "fm-typo-en-body-lg-600" }, Se = { class: "fm-typo-en-body-md-400" }, Ve = /* @__PURE__ */ B({
-  __name: "RemoveRouteConfirmation",
-  props: {
-    row: {}
-  },
-  setup(V) {
-    return (l, t) => {
-      const h = _("i18n-t"), x = _("FmIcon"), w = _("FmListItem"), v = _("FmList");
-      return u(), y("div", null, [
-        n(h, {
-          keypath: l.row.linkedProductCount > 0 ? "menu.print_route.dialogs.remove.message.with_products" : "menu.print_route.dialogs.remove.message.confirm",
-          scope: "global",
-          tag: "p"
-        }, {
-          count: m(() => [
-            i("span", xe, b(l.row.linkedProductCount), 1)
-          ]),
-          name: m(() => [
-            i("span", Pe, b(l.row.name), 1)
-          ]),
-          _: 1
-        }, 8, ["keypath"]),
-        l.row.linkedProductCount > 0 ? (u(), k(v, {
-          key: 0,
-          class: "mt-8"
-        }, {
-          default: m(() => [
-            (u(!0), y(I, null, W(l.row.linkedProductNames, (s) => (u(), k(w, {
-              key: s,
-              class: "!p-0 !gap-4 mt-4",
-              clickable: !1
-            }, {
-              prepend: m(() => [
-                n(x, {
-                  color: "neutral-gray-900",
-                  name: "fiber_manual_record",
-                  size: "sm"
-                })
-              ]),
-              default: m(() => [
-                i("span", Se, b(s), 1)
-              ]),
-              _: 2
-            }, 1024))), 128))
-          ]),
-          _: 1
-        })) : A("", !0)
-      ]);
-    };
-  }
-}), Le = { class: "flex flex-1 justify-end" }, De = {
-  key: 0,
-  class: "flex flex-col gap-16 items-start"
-}, Re = {
-  class: "text-fm-color-typo-secondary",
-  role: "alert"
-}, $e = {
-  key: 1,
-  "data-menu-state": "unavailable"
-}, ze = { class: "flex justify-end items-center" }, Ie = { class: "w-[320px]" }, Ae = { class: "fm-typo-en-title-md-600" }, Be = { class: "flex flex-col gap-32 pb-16" }, Ee = { class: "space-y-16" }, Ue = { class: "flex items-center gap-8" }, Me = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, Ne = { class: "flex gap-8 items-center justify-start" }, je = /* @__PURE__ */ B({
-  __name: "PrintRouteList",
-  props: {
-    sdk: {}
-  },
-  setup(V) {
-    const l = V, { t } = ge(), h = Ce(), x = ye(), { run: w } = he(), v = J(
-      l.sdk.printDepartment.list
-    ), s = p(
-      () => v.value.status === "ready" ? v.value.value : null
-    ), X = p(() => {
-      var e;
-      return ((e = s.value) == null ? void 0 : e.query) ?? "";
-    }), Y = p(() => {
-      var e;
-      return [...((e = s.value) == null ? void 0 : e.rows) ?? []];
-    }), g = $(!1), P = $(!1), L = $(!1);
-    async function Z() {
-      L.value = !0;
-      try {
-        await w(() => l.sdk.printDepartment.retryRead(), {
-          showLoading: !1
-        });
-      } finally {
-        L.value = !1;
-      }
-    }
-    const E = J(
-      l.sdk.linkProduct.catalogue
-    ), ee = p(
-      () => E.value.status === "ready" ? E.value.value : null
-    ), te = p(
-      () => {
-        var e;
-        return ((e = c.value) == null ? void 0 : e.linkedProductIds) ?? [];
-      }
-    ), ae = p(() => {
-      var e;
-      return ((e = c.value) == null ? void 0 : e.linkedGroups) ?? [];
-    }), oe = p(
-      () => {
-        var e;
-        return ((e = c.value) == null ? void 0 : e.linkedProductQuery) ?? "";
-      }
-    ), ne = p(
-      () => {
-        var e;
-        return ((e = c.value) == null ? void 0 : e.linkedProductCount) ?? 0;
-      }
-    );
-    function le(e) {
-      return [
-        {
-          accessorKey: "name",
-          enableSorting: !1,
-          header: () => e.isSynthetic ? t("menu.tree_editor.labels.addon") : e.name
-        },
-        {
-          id: "actions",
-          enableSorting: !1,
-          header: "",
-          cell: (r) => F("div", { class: "flex justify-end" }, [
-            F(z.FmButton, {
-              icon: "delete",
-              variant: "tertiary",
-              textColor: "neutral-gray-400",
-              "aria-label": t("menu.common.actions.remove"),
-              onClick: G(
-                () => d.value.unlinkProduct(r.row.original.id),
-                ["stop", "prevent"]
-              )
-            })
-          ])
-        }
-      ];
-    }
-    const d = O(
-      l.sdk.printDepartment.editor()
-    ), C = O(
-      d.value.get()
-    );
-    let D = d.value.subscribe(
-      (e) => C.value = e
-    );
-    const c = p(
-      () => C.value.status === "ready" ? C.value.value : null
-    ), R = we(() => d.value), U = p(
-      () => c.value ? R.issue(c.value.fieldIssues, "name") : null
-    );
-    function M(e) {
-      D(), d.value.dispose(), d.value = l.sdk.printDepartment.editor(e), C.value = d.value.get(), D = d.value.subscribe(
-        (r) => C.value = r
-      );
-    }
-    ve(() => {
-      l.sdk.printDepartment.search(""), D(), d.value.dispose();
-    });
-    function N() {
-      !s.value || s.value.create.state !== "allowed" || (M(), g.value = !0);
-    }
-    function se(e) {
-      M(e.id), g.value = !0;
-    }
-    function j() {
-      g.value = !1;
-    }
-    function re() {
-      var e;
-      if (!((e = c.value) != null && e.dirty)) {
-        g.value = !1;
-        return;
-      }
-      x.open({
-        title: t("menu.common.dialog.dismiss.title"),
-        message: t("menu.common.dialog.dismiss.message"),
-        primaryActions: {
-          text: t("menu.common.dialog.dismiss.discard"),
-          close: !0
-        },
-        secondaryActions: {
-          text: t("menu.common.actions.cancel"),
-          close: !0
-        }
-      }).onPrimary(() => {
-        g.value = !1;
-      });
-    }
-    async function ie() {
-      var f;
-      const e = ((f = c.value) == null ? void 0 : f.name.trim()) ?? "";
-      (await w(
-        () => R.submit(() => d.value.submit()),
-        {
-          // Legacy's success copy is "<name> saved" for both create and update; the
-          // frozen baseline asserts that text, so it is not restyled here.
-          successMessage: t("menu.print_route.manager.action.saved", {
-            name: e
-          }),
-          // `submit()` publishes `submitting` synchronously only when it will
-          // actually issue a request; a required-field, duplicate-name or
-          // not-found refusal is decided locally and sends nothing. The frozen
-          // `printDepartment/{create,update}/empty-name` groups record the inline
-          // "Required" message and no snackbar at all, so the spinner must not
-          // flash for them.
-          showLoading: () => {
-            var S;
-            return ((S = c.value) == null ? void 0 : S.status) === "submitting";
-          }
-        }
-      )).kind === "success" && j();
-    }
-    function ue(e) {
-      x.open({
-        title: t("menu.print_route.dialogs.remove.title"),
-        contentComponent: F(Ve, { row: e }),
-        primaryActions: {
-          text: t("menu.print_route.actions.remove"),
-          close: !0,
-          variant: "destructive"
-        },
-        secondaryActions: {
-          text: t("menu.print_route.actions.cancel"),
-          close: !0
-        }
-      }).onPrimary(async () => {
-        await w(() => l.sdk.printDepartment.remove(e.id), {
-          successMessage: t("menu.print_route.manager.action.removed", {
-            name: e.name
-          })
-        });
-      });
-    }
-    const de = p(() => [
-      {
-        accessorKey: "name",
-        header: () => t("menu.print_route.table.columns.name"),
-        cell: (e) => e.getValue(),
-        enableSorting: !1
-      },
-      {
-        accessorKey: "linkedProductCount",
-        header: () => t("menu.print_route.table.columns.products"),
-        cell: (e) => t("menu.print_route.table.columns.products_count", {
-          count: e.getValue()
-        }),
-        enableSorting: !1
-      },
-      {
-        accessorKey: "id",
-        header: () => "",
-        size: 52,
-        meta: { cellClass: "pl-16", headerContentClass: "-mx-16" },
-        enableSorting: !1,
-        cell: (e) => F("div", { class: "flex justify-end" }, [
-          F(z.FmButton, {
-            icon: "delete",
-            textColor: "neutral-gray-400",
-            variant: "tertiary",
-            disabled: e.row.original.remove.state !== "allowed",
-            "aria-label": t("menu.print_route.actions.remove"),
-            onClick: G(
-              () => ue(e.row.original),
-              ["stop", "prevent"]
-            )
-          })
-        ])
-      }
-    ]);
-    function ce(e) {
-      d.value.setLinkedProducts(e), P.value = !1;
-    }
-    return (e, r) => {
-      const f = _("FmButton"), S = _("FmCircularProgress"), K = _("FmSearch"), Q = _("FmTable"), me = _("FmTextField"), pe = _("FmSpacer"), _e = _("FmSideSheet");
-      return u(), k(be, {
-        heading: a(t)("menu.print_route.title")
-      }, {
-        "append-heading": m(() => [
-          i("div", Le, [
-            s.value && s.value.totalCount > 0 ? (u(), k(f, {
-              key: 0,
-              disabled: s.value.create.state !== "allowed",
-              label: a(t)("menu.print_route.actions.add"),
-              "prepend-icon": "add",
-              variant: "primary",
-              onClick: N
-            }, null, 8, ["disabled", "label"])) : A("", !0)
-          ])
-        ]),
-        default: m(() => [
-          a(v).status === "error" ? (u(), y("div", De, [
-            i("p", Re, b(a(h)(a(v).error.message)), 1),
-            n(f, {
-              label: a(t)("menu.common.actions.retry"),
-              loading: L.value,
-              "prepend-icon": "refresh",
-              size: "md",
-              variant: "secondary",
-              onClick: Z
-            }, null, 8, ["label", "loading"])
-          ])) : a(v).status === "unavailable" ? (u(), y("div", $e, [
-            n(a(q), {
-              subtitle: a(t)("menu.print_route.empty.subtitle"),
-              title: a(t)("menu.print_route.empty.title")
-            }, null, 8, ["subtitle", "title"])
-          ])) : a(v).status === "loading" ? (u(), k(S, { key: 2 })) : s.value && s.value.totalCount === 0 ? (u(), k(a(q), {
-            key: 3,
-            action: s.value.create.state === "allowed" ? { text: a(t)("menu.print_route.empty.action"), callback: N } : void 0,
-            subtitle: a(t)("menu.print_route.empty.subtitle"),
-            title: a(t)("menu.print_route.empty.title")
-          }, null, 8, ["action", "subtitle", "title"])) : s.value ? (u(), y(I, { key: 4 }, [
-            i("div", ze, [
-              i("div", Ie, [
-                n(K, {
-                  autofocus: "",
-                  class: "my-8",
-                  "model-value": X.value,
-                  placeholder: a(t)("menu.print_route.table.search.placeholder"),
-                  "onUpdate:modelValue": l.sdk.printDepartment.search
-                }, null, 8, ["model-value", "placeholder", "onUpdate:modelValue"])
-              ])
-            ]),
-            n(Q, {
-              "column-defs": de.value,
-              "page-size": s.value.rows.length,
-              "row-data": Y.value,
-              "shrink-at": !1,
-              "hide-footer": "",
-              "pin-header-row": "",
-              onRowClick: r[0] || (r[0] = (o) => se(o.original))
-            }, null, 8, ["column-defs", "page-size", "row-data"])
-          ], 64)) : A("", !0),
-          n(_e, {
-            modelValue: g.value,
-            "onUpdate:modelValue": r[3] || (r[3] = (o) => g.value = o),
-            "is-container": a(z).FmForm,
-            "is-container-props": { onValidationSuccess: ie },
-            "max-width": 560,
-            "onOn:clickedAway": re
-          }, {
-            "side-sheet-header": m(() => {
-              var o;
-              return [
-                i("p", Ae, b(((o = c.value) == null ? void 0 : o.mode) === "update" ? a(t)("menu.print_route.department_dialog.update.title") : a(t)("menu.print_route.department_dialog.add.title")), 1)
-              ];
-            }),
-            "side-sheet-footer": m(() => {
-              var o, T;
-              return [
-                i("div", Ne, [
-                  n(f, {
-                    disabled: ((o = c.value) == null ? void 0 : o.submit.state) !== "allowed",
-                    label: ((T = c.value) == null ? void 0 : T.mode) === "update" ? a(t)("menu.print_route.department_dialog.update.action") : a(t)("menu.print_route.department_dialog.add.action"),
-                    size: "lg",
-                    type: "submit",
-                    variant: "primary"
-                  }, null, 8, ["disabled", "label"]),
-                  n(f, {
-                    label: a(t)("menu.print_route.department_dialog.actions.cancel"),
-                    size: "lg",
-                    variant: "tertiary",
-                    onClick: j
-                  }, null, 8, ["label"])
-                ])
-              ];
-            }),
-            default: m(() => [
-              i("div", Be, [
-                n(H, {
-                  title: a(t)("menu.print_route.department_dialog.sections.route_detail.title")
-                }, {
-                  default: m(() => {
-                    var o;
-                    return [
-                      n(me, fe({
-                        autofocus: "",
-                        "error-messages": U.value ? [a(h)(U.value)] : [],
-                        label: a(t)(
-                          "menu.print_route.department_dialog.sections.route_detail.name.label"
-                        ),
-                        "model-value": ((o = c.value) == null ? void 0 : o.name) ?? "",
-                        placeholder: a(t)(
-                          "menu.print_route.department_dialog.sections.route_detail.name.placeholder"
-                        )
-                      }, a(R).field("name", d.value.setName)), null, 16, ["error-messages", "label", "model-value", "placeholder"])
-                    ];
-                  }),
-                  _: 1
-                }, 8, ["title"]),
-                n(H, {
-                  title: a(t)("menu.print_route.department_dialog.sections.link_product.title")
-                }, {
-                  "append-title": m(() => [
-                    n(pe),
-                    n(f, {
-                      label: a(t)(
-                        "menu.print_route.department_dialog.sections.link_product.link"
-                      ),
-                      "border-color": "primary",
-                      "prepend-icon": "link",
-                      "text-color": "primary",
-                      variant: "secondary",
-                      onClick: r[1] || (r[1] = (o) => P.value = !0)
-                    }, null, 8, ["label"])
-                  ]),
-                  default: m(() => [
-                    i("div", Ee, [
-                      i("div", Ue, [
-                        i("p", Me, b(a(t)(
-                          "menu.print_route.department_dialog.sections.link_product.products_linked",
-                          { count: ne.value }
-                        )), 1),
-                        n(K, {
-                          class: "flex-1",
-                          "model-value": oe.value,
-                          placeholder: a(t)(
-                            "menu.print_route.department_dialog.sections.link_product.search"
-                          ),
-                          "onUpdate:modelValue": r[2] || (r[2] = (o) => d.value.setLinkedProductQuery(String(o ?? "")))
-                        }, null, 8, ["model-value", "placeholder"])
-                      ]),
-                      i("div", null, [
-                        (u(!0), y(I, null, W(ae.value, (o) => (u(), y("div", {
-                          key: o.id ?? ""
-                        }, [
-                          n(Q, {
-                            "column-defs": le(o),
-                            "hide-footer": "",
-                            "page-size": o.products.length,
-                            "row-data": [...o.products],
-                            "shrink-at": !1
-                          }, null, 8, ["column-defs", "page-size", "row-data"])
-                        ]))), 128))
-                      ])
-                    ])
-                  ]),
-                  _: 1
-                }, 8, ["title"])
-              ])
-            ]),
-            _: 1
-          }, 8, ["modelValue", "is-container", "is-container-props"]),
-          n(ke, {
-            modelValue: P.value,
-            "onUpdate:modelValue": r[4] || (r[4] = (o) => P.value = o),
-            catalogue: ee.value,
-            "selected-product-ids": te.value,
-            title: a(t)("menu.print_route.department_dialog.sections.link_product.title"),
-            onSubmit: ce
-          }, null, 8, ["modelValue", "catalogue", "selected-product-ids", "title"])
-        ]),
-        _: 1
-      }, 8, ["heading"]);
-    };
-  }
-}), Ye = /* @__PURE__ */ B({
-  __name: "PrintRoute",
-  setup(V) {
-    const l = Fe();
-    return (t, h) => (u(), k(je, { sdk: a(l) }, null, 8, ["sdk"]));
-  }
-});
-export {
-  Ye as default
-};

package/dist/ProductChipSummary.vue_vue_type_script_setup_true_lang-D8DygCBl.js

@@ -1,110 +0,0 @@
-import { defineComponent as V, computed as p, ref as j, resolveComponent as f, openBlock as a, createBlock as u, withCtx as r, createElementVNode as o, createElementBlock as i, Fragment as x, renderList as h, toDisplayString as d, createTextVNode as E, unref as k, createCommentVNode as _, withModifiers as L } from "vue";
-import { useI18n as S } from "@feedmepos/mf-common";
-import { useBreakpoints as z } from "@feedmepos/ui-library";
-const D = { class: "flex flex-wrap gap-8 min-w-0 max-w-full" }, I = { class: "fm-typo-en-body-md-600 truncate" }, M = { class: "py-12 px-16 space-y-12" }, P = { class: "fm-typo-en-body-md-600 text-fm-color-neutral-gray-600" }, $ = { class: "flex flex-wrap gap-8" }, q = { class: "fm-typo-en-body-md-600 break-words min-w-0" }, A = {
-  key: 1,
-  class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary"
-}, G = { key: 0 }, H = {
-  key: 1,
-  class: "inline-block w-8"
-}, Q = /* @__PURE__ */ V({
-  __name: "ProductChipSummary",
-  props: {
-    kind: {},
-    chips: {}
-  },
-  setup(w) {
-    const b = w, { t: l } = S(), c = p(
-      () => b.kind === "category" ? {
-        column: l("menu.product.table.columns.category"),
-        all: l("menu.product.table.category.all"),
-        expand: (e) => l("menu.product.table.category.expand", { count: e }),
-        collapse: l("menu.product.table.category.collapse")
-      } : {
-        column: l("menu.product.table.columns.tagging"),
-        all: l("menu.product.table.tagging.all"),
-        expand: (e) => l("menu.product.table.tagging.expand", { count: e }),
-        collapse: l("menu.product.table.tagging.collapse")
-      }
-    ), C = (e) => b.kind === "tagging" ? l("menu.common.labels.a11y_labelled_name", {
-      label: e.key,
-      name: e.label
-    }) : e.label, F = z(), g = p(() => F.breakpoints.value.xs), m = j(!0), y = p(() => g.value ? 1 : 2), v = p(() => b.chips.slice(0, y.value)), B = p(() => {
-      const e = l("menu.catalog.list_separator");
-      if (!m.value)
-        return b.chips.map((t) => t.label).join(e);
-      const n = v.value.map((t) => t.label).join(e);
-      return n.length > 20 ? n.slice(0, 20) + l("menu.common.labels.truncation_suffix") : n;
-    });
-    return (e, n) => {
-      const t = f("FmChip"), N = f("FmTooltip"), T = f("FmButton");
-      return g.value ? e.chips.length ? (a(), i("p", A, [
-        o("span", null, d(k(l)("menu.common.labels.a11y_labelled_name", {
-          label: c.value.column,
-          name: B.value
-        })), 1),
-        m.value ? (a(), i("span", H)) : (a(), i("br", G)),
-        e.chips.length > y.value ? (a(), u(T, {
-          key: 2,
-          variant: "plain",
-          class: "!p-0 fm-typo-en-body-md-400 text-fm-color-primary",
-          label: m.value ? c.value.expand(e.chips.length - y.value) : c.value.collapse,
-          onClick: n[0] || (n[0] = L((s) => m.value = !m.value, ["stop", "prevent"]))
-        }, null, 8, ["label"])) : _("", !0)
-      ])) : _("", !0) : (a(), u(N, {
-        key: 0,
-        class: "flex min-w-0 max-w-full",
-        variant: "rich",
-        placement: "top",
-        "z-index": 50
-      }, {
-        content: r(() => [
-          o("div", M, [
-            o("p", P, d(c.value.all), 1),
-            o("div", $, [
-              (a(!0), i(x, null, h(e.chips, (s) => (a(), u(t, {
-                key: s.key,
-                compact: "",
-                class: "max-w-full !h-auto min-h-[22px] !px-4 py-2"
-              }, {
-                default: r(() => [
-                  o("span", q, d(C(s)), 1)
-                ]),
-                _: 2
-              }, 1024))), 128))
-            ])
-          ])
-        ]),
-        default: r(() => [
-          o("div", D, [
-            (a(!0), i(x, null, h(v.value, (s) => (a(), u(t, {
-              key: s.key,
-              compact: "",
-              class: "max-w-full !px-4"
-            }, {
-              default: r(() => [
-                o("span", I, d(s.label), 1)
-              ]),
-              _: 2
-            }, 1024))), 128)),
-            e.chips.length > y.value ? (a(), u(t, {
-              key: 0,
-              compact: "",
-              class: "fm-typo-en-body-md-600 !px-4",
-              "aria-label": c.value.all
-            }, {
-              default: r(() => [
-                E(d(k(l)("menu.common.labels.truncation_suffix")), 1)
-              ]),
-              _: 1
-            }, 8, ["aria-label"])) : _("", !0)
-          ])
-        ]),
-        _: 1
-      }));
-    };
-  }
-});
-export {
-  Q as _
-};