@feedmepos/mf-report 5.7.6 → 5.8.0-beta.1

package/dist/ReportEditor-DPWD6PV0.js

@@ -1,527 +0,0 @@
-import { defineComponent as R, mergeModels as $, useModel as B, ref as N, computed as P, resolveComponent as m, createBlock as V, openBlock as u, withCtx as d, createElementVNode as y, createVNode as n, unref as e, normalizeClass as E, createTextVNode as _e, toDisplayString as q, createElementBlock as w, Fragment as U, renderSlot as X, createCommentVNode as L, watch as ye, resolveDynamicComponent as Y, isRef as Z, renderList as A, onMounted as Ce, normalizeStyle as be } from "vue";
-import { W as Ve, i as ke, S as xe, d as Fe, T as we, _ as he } from "./TransitionFade-C7yNEw8X.js";
-import { a as ee, v as oe } from "./v4-Cbq0RSpY.js";
-import { storeToRefs as te } from "pinia";
-import { useRouter as le, useRoute as re } from "vue-router";
-import { useBreakpoints as G, FmButtonColorThemeVariant as I, useSnackbar as $e } from "@feedmepos/ui-library";
-import { u as ne } from "./message-dialog-UoMWOnil.js";
-import { _ as ae } from "./DynamicWidget.vue_vue_type_script_setup_true_lang-DokEr03U.js";
-import { _ as ie } from "./NoData.vue_vue_type_script_setup_true_lang-CdFXBqlX.js";
-import { u as W, f as Se } from "./global-loader-CbmVhJAK.js";
-import { r as Q } from "./i18n-Cif1I9J2.js";
-const Re = /* @__PURE__ */ R({
-  __name: "WidgetDialog",
-  props: /* @__PURE__ */ $({
-    isOpen: { type: Boolean }
-  }, {
-    modelValue: {},
-    modelModifiers: {}
-  }),
-  emits: /* @__PURE__ */ $(["isOpen"], ["update:modelValue"]),
-  setup(c, { emit: i }) {
-    const { t: o } = W(), { breakpoints: l } = G(), g = B(c, "modelValue"), s = c, r = i;
-    function a() {
-      r("isOpen", !1);
-    }
-    function v() {
-      t.value && (g.value = t.value, t.value = void 0, r("isOpen", !1));
-    }
-    const t = N(), k = P(() => !t.value);
-    return (O, h) => {
-      const T = m("FmButton"), M = m("FmDialog");
-      return u(), V(M, {
-        "model-value": s.isOpen
-      }, {
-        "dialog-header": d(() => [
-          _e(q(e(o)("report.widget.type")), 1)
-        ]),
-        default: d(() => [
-          n(Ve, {
-            modelValue: t.value,
-            "onUpdate:modelValue": h[0] || (h[0] = (p) => t.value = p),
-            class: E(`grid ${e(l).lg || e(l).md ? "grid-cols-3 gap-3" : "grid-cols-2 gap-3"}`),
-            "child-class": "p-[8px] flex flex-col"
-          }, null, 8, ["modelValue", "class"])
-        ]),
-        "dialog-footer": d(() => [
-          h[1] || (h[1] = y("div", { class: "grow" }, null, -1)),
-          n(T, {
-            label: e(o)("report.common.cancel"),
-            variant: "tertiary",
-            onClick: a
-          }, null, 8, ["label"]),
-          n(T, {
-            label: e(o)("report.common.confirm"),
-            disabled: k.value,
-            onClick: v
-          }, null, 8, ["label", "disabled"])
-        ]),
-        _: 1
-      }, 8, ["model-value"]);
-    };
-  }
-}), Te = { class: "fm-typo-en-body-lg-600" }, H = /* @__PURE__ */ R({
-  __name: "ReportEditorTabHeader",
-  props: /* @__PURE__ */ $({
-    icon: {
-      type: String,
-      required: !0
-    }
-  }, {
-    modelValue: { type: Boolean, required: !0, default: !1 },
-    modelModifiers: {}
-  }),
-  emits: ["update:modelValue"],
-  setup(c) {
-    const { t: i } = W(), o = B(c, "modelValue"), l = c;
-    return (g, s) => {
-      const r = m("FmIcon");
-      return u(), w("div", {
-        class: "px-6 py-16 flex items-center gap-2 bg-fm-color-neutral-white border cursor-pointer",
-        onClick: s[0] || (s[0] = (a) => o.value = !o.value)
-      }, [
-        y("p", Te, q(e(i)("report.editor.customizeReport")), 1),
-        s[1] || (s[1] = y("div", { class: "grow" }, null, -1)),
-        n(r, {
-          name: l.icon
-        }, null, 8, ["name"])
-      ]);
-    };
-  }
-}), Me = /* @__PURE__ */ R({
-  __name: "ReportEditorTabDesktop",
-  props: {
-    modelValue: { required: !0, default: !1 },
-    modelModifiers: {}
-  },
-  emits: ["update:modelValue"],
-  setup(c) {
-    const i = B(c, "modelValue");
-    return (o, l) => (u(), w(U, null, [
-      n(H, {
-        modelValue: i.value,
-        "onUpdate:modelValue": l[0] || (l[0] = (g) => i.value = g),
-        icon: "keyboard_double_arrow_left"
-      }, null, 8, ["modelValue"]),
-      X(o.$slots, "default")
-    ], 64));
-  }
-}), Be = /* @__PURE__ */ R({
-  __name: "ReportEditorTabMobile",
-  props: {
-    modelValue: { required: !0, default: !1 },
-    modelModifiers: {}
-  },
-  emits: ["update:modelValue"],
-  setup(c) {
-    const i = B(c, "modelValue");
-    return (o, l) => {
-      const g = m("FmTopSheet"), s = m("FmCard");
-      return u(), V(s, { class: "fixed bottom-0 w-full" }, {
-        default: d(() => [
-          n(H, {
-            modelValue: i.value,
-            "onUpdate:modelValue": l[0] || (l[0] = (r) => i.value = r),
-            icon: "keyboard_double_arrow_up"
-          }, null, 8, ["modelValue"]),
-          n(g, {
-            modelValue: i.value,
-            "onUpdate:modelValue": l[2] || (l[2] = (r) => i.value = r),
-            "fullscreen-size": "sm"
-          }, {
-            default: d(() => [
-              n(H, {
-                modelValue: i.value,
-                "onUpdate:modelValue": l[1] || (l[1] = (r) => i.value = r),
-                icon: "keyboard_double_arrow_down"
-              }, null, 8, ["modelValue"]),
-              i.value ? X(o.$slots, "default", { key: 0 }) : L("", !0)
-            ]),
-            _: 3
-          }, 8, ["modelValue"])
-        ]),
-        _: 3
-      });
-    };
-  }
-}), Oe = { class: "flex flex-col gap-24 top-0 bg-fm-color-neutral-white z-10" }, qe = { class: "flex flex-col gap-24" }, Ue = { class: "line-clamp-2 overflow-hidden max-w-[195px] w-[195px]" }, se = /* @__PURE__ */ R({
-  __name: "ReportEditorTab",
-  props: /* @__PURE__ */ $({
-    hideConfiguration: {
-      type: Boolean,
-      default: !1
-    }
-  }, {
-    modelValue: { required: !0 },
-    modelModifiers: {}
-  }),
-  emits: /* @__PURE__ */ $(["hideConfiguration"], ["update:modelValue"]),
-  setup(c, { emit: i }) {
-    const o = B(c, "modelValue"), { breakpoints: l } = G(), g = c, s = i, r = le(), a = re(), v = N(), { currentSelectWidgetType: t, categories: k, editingTile: O, editingIndex: h } = te(ee()), { promptMessage: T } = ne(), M = N(!1), { t: p, te: C } = W(), b = N(void 0);
-    ye(
-      () => t.value,
-      () => {
-        t.value !== void 0 && (b.value = ke(t.value), O.value = b.value, h.value = -1, r.push({
-          name: "tileEditor",
-          query: a.query
-        }));
-      },
-      { immediate: !0 }
-    );
-    const x = [
-      {
-        label: p("report.common.edit"),
-        selected: !1,
-        variant: "tertiary",
-        onClick: (F) => {
-          h.value = F, O.value = JSON.parse(JSON.stringify(o.value.tiles[F])), r.push({
-            name: "tileEditor",
-            query: a.query
-          });
-        }
-      },
-      {
-        label: p("report.common.duplicate"),
-        selected: !1,
-        variant: "tertiary",
-        onClick: (F) => {
-          o.value.tiles.push(JSON.parse(JSON.stringify(o.value.tiles[F])));
-        }
-      },
-      {
-        label: p("report.common.remove"),
-        selected: !1,
-        variant: "destructive",
-        onClick: async (F) => {
-          await T({
-            title: p("report.editor.deleteWidget"),
-            message: p("report.editor.deleteWidgetConfirm", {
-              title: o.value.tiles[F].widget.title
-            })
-          }) && (o.value.tiles = o.value.tiles.filter((j, D) => D !== F));
-        }
-      }
-    ], S = P(() => k.value.map((F) => ({
-      label: p(`report.category.${F.name}`),
-      value: F.id
-    })));
-    return (F, f) => {
-      const j = m("FmTextField"), D = m("FmSelect"), K = m("FmButton"), ue = m("FmIcon"), de = m("FmTooltip"), me = m("FmMenuItem"), ce = m("FmMenu"), pe = m("FmListItem"), fe = m("FmList"), ve = m("FmForm");
-      return u(), V(Y(e(l).lg || e(l).md ? Me : Be), {
-        "model-value": g.hideConfiguration,
-        "onUpdate:modelValue": f[5] || (f[5] = (_) => s("hideConfiguration", _))
-      }, {
-        default: d(() => [
-          n(Re, {
-            modelValue: e(t),
-            "onUpdate:modelValue": f[0] || (f[0] = (_) => Z(t) ? t.value = _ : null),
-            "is-open": M.value,
-            onIsOpen: f[1] || (f[1] = (_) => M.value = _)
-          }, null, 8, ["modelValue", "is-open"]),
-          n(ve, {
-            ref_key: "form",
-            ref: v,
-            class: "px-6 py-16 flex flex-col gap-24 overflow-y-auto overflow-x-hidden"
-          }, {
-            default: d(() => [
-              n(xe, { class: "border-solid" }, {
-                header: d(() => [
-                  y("p", null, q(e(p)("report.editor.reportInfo")), 1),
-                  f[6] || (f[6] = y("div", { class: "grow" }, null, -1))
-                ]),
-                content: d(() => [
-                  y("div", Oe, [
-                    n(j, {
-                      modelValue: o.value.name,
-                      "onUpdate:modelValue": f[2] || (f[2] = (_) => o.value.name = _),
-                      label: e(p)("report.editor.reportTitle"),
-                      placeholder: e(p)("report.editor.placeholder")
-                    }, null, 8, ["modelValue", "label", "placeholder"]),
-                    n(D, {
-                      modelValue: o.value.category,
-                      "onUpdate:modelValue": f[3] || (f[3] = (_) => o.value.category = _),
-                      label: e(p)("report.common.category"),
-                      items: S.value
-                    }, null, 8, ["modelValue", "label", "items"])
-                  ])
-                ]),
-                _: 1
-              }),
-              y("div", qe, [
-                n(K, {
-                  label: e(p)("report.editor.addWidget"),
-                  variant: "secondary",
-                  icon: "add",
-                  "icon-position": "prepend",
-                  "border-color": e(I).ColorPrimary,
-                  "text-color": e(I).ColorPrimary,
-                  onClick: f[4] || (f[4] = (_) => M.value = !0)
-                }, null, 8, ["label", "border-color", "text-color"]),
-                n(fe, null, {
-                  default: d(() => [
-                    n(e(Fe), {
-                      list: o.value.tiles,
-                      "item-key": "id",
-                      class: "flex flex-col gap-2 cursor-grab",
-                      handle: ".handle"
-                    }, {
-                      item: d(({ element: _, index: J }) => [
-                        n(pe, { class: "!cursor-grab border rounded-md border-neutral-300" }, {
-                          default: d(() => [
-                            n(ue, {
-                              name: "drag_handle",
-                              class: "handle"
-                            }),
-                            n(de, {
-                              content: _.widget.title ? e(Q)(e(p), e(C), _.widget.title, "other") : e(p)("report.editor.widget", { index: J + 1 }),
-                              class: "handle"
-                            }, {
-                              default: d(() => [
-                                y("p", Ue, q(_.widget.title ? e(Q)(e(p), e(C), _.widget.title, "other") : e(p)("report.editor.widget", { index: J + 1 })), 1)
-                              ]),
-                              _: 2
-                            }, 1032, ["content"]),
-                            f[7] || (f[7] = y("div", { class: "grow" }, null, -1)),
-                            n(ce, {
-                              trigger: "click",
-                              shift: !0,
-                              "stop-click-propagation": !0
-                            }, {
-                              "menu-button": d(() => [
-                                n(K, {
-                                  "append-icon": "more_vert",
-                                  variant: "tertiary"
-                                })
-                              ]),
-                              default: d(() => [
-                                (u(), w(U, null, A(x, (z, ge) => n(me, {
-                                  key: ge,
-                                  onClick: (Je) => z.onClick(J)
-                                }, {
-                                  label: d(() => [
-                                    y("p", {
-                                      class: E(
-                                        z.variant === "destructive" ? " text-fm-color-system-error-300" : ""
-                                      )
-                                    }, q(z.label), 3)
-                                  ]),
-                                  _: 2
-                                }, 1032, ["onClick"])), 64))
-                              ]),
-                              _: 2
-                            }, 1024)
-                          ]),
-                          _: 2
-                        }, 1024)
-                      ]),
-                      _: 1
-                    }, 8, ["list"])
-                  ]),
-                  _: 1
-                })
-              ])
-            ]),
-            _: 1
-          }, 512)
-        ]),
-        _: 1
-      }, 8, ["model-value"]);
-    };
-  }
-}), Ne = { class: "flex flex-col bg-fm-color-neutral-white w-[400px]" }, Pe = { class: "flex bg-fm-color-neutral-white w-[88px]" }, Ee = { class: "w-full overflow-y-auto" }, Ie = {
-  key: 0,
-  class: "w-full grid grid-cols-12 gap-[24px] p-24",
-  style: { backgroundColor: "#F6F8FC" }
-}, Le = /* @__PURE__ */ R({
-  __name: "ReportEditorDesktop",
-  props: /* @__PURE__ */ $({
-    hideConfiguration: { type: Boolean, required: !0, default: !1 }
-  }, {
-    modelValue: { required: !0, default: () => {
-    } },
-    modelModifiers: {}
-  }),
-  emits: /* @__PURE__ */ $(["hideConfiguration"], ["update:modelValue"]),
-  setup(c, { emit: i }) {
-    const o = B(c, "modelValue"), l = c, g = i;
-    return (s, r) => {
-      const a = m("FmCircularProgress"), v = m("FmButton");
-      return u(), w("div", null, [
-        o.value ? (u(), w(U, { key: 1 }, [
-          n(we, {
-            "model-value": !l.hideConfiguration
-          }, {
-            right: d(() => [
-              y("div", Ne, [
-                o.value ? (u(), V(se, {
-                  key: 0,
-                  modelValue: o.value,
-                  "onUpdate:modelValue": r[0] || (r[0] = (t) => o.value = t),
-                  "hide-configuration": l.hideConfiguration,
-                  onHideConfiguration: r[1] || (r[1] = (t) => {
-                    g("hideConfiguration", t);
-                  })
-                }, null, 8, ["modelValue", "hide-configuration"])) : L("", !0)
-              ])
-            ]),
-            left: d(() => [
-              y("div", Pe, [
-                n(v, {
-                  variant: "secondary",
-                  icon: "keyboard_double_arrow_right",
-                  "border-color": e(I).ColorPrimary,
-                  "text-color": e(I).ColorPrimary,
-                  class: "m-24 my-16",
-                  size: "md",
-                  onClick: r[2] || (r[2] = (t) => g("hideConfiguration", !l.hideConfiguration))
-                }, null, 8, ["border-color", "text-color"])
-              ])
-            ]),
-            _: 1
-          }, 8, ["model-value"]),
-          y("div", Ee, [
-            o.value.tiles.length > 0 ? (u(), w("div", Ie, [
-              (u(!0), w(U, null, A(o.value.tiles, (t, k) => (u(), V(ae, {
-                key: `${e(oe)()}_${k}`,
-                "model-value": t,
-                index: k,
-                "hide-export": !0
-              }, null, 8, ["model-value", "index"]))), 128))
-            ])) : (u(), V(ie, { key: 1 }))
-          ])
-        ], 64)) : (u(), V(a, { key: 0 }))
-      ]);
-    };
-  }
-}), We = {
-  key: 0,
-  class: "grid grid-cols-12 gap-[16px]"
-}, De = /* @__PURE__ */ R({
-  __name: "ReportEditorMobile",
-  props: /* @__PURE__ */ $({
-    hideConfiguration: { type: Boolean, required: !0, default: !1 }
-  }, {
-    modelValue: { required: !0, default: () => {
-    } },
-    modelModifiers: {}
-  }),
-  emits: /* @__PURE__ */ $(["hideConfiguration"], ["update:modelValue"]),
-  setup(c, { emit: i }) {
-    const o = B(c, "modelValue"), l = c, g = i;
-    return (s, r) => {
-      const a = m("FmCircularProgress"), v = m("FmCard");
-      return u(), w("div", null, [
-        o.value ? (u(), w(U, { key: 1 }, [
-          n(v, { class: "px-5 pb-28" }, {
-            default: d(() => [
-              o.value.tiles.length > 0 ? (u(), w("div", We, [
-                (u(!0), w(U, null, A(o.value.tiles, (t, k) => (u(), V(ae, {
-                  key: `${e(oe)()}_${k}`,
-                  "model-value": t,
-                  index: k,
-                  "hide-export": !0
-                }, null, 8, ["model-value", "index"]))), 128))
-              ])) : (u(), V(ie, { key: 1 }))
-            ]),
-            _: 1
-          }),
-          o.value ? (u(), V(se, {
-            key: 0,
-            modelValue: o.value,
-            "onUpdate:modelValue": r[0] || (r[0] = (t) => o.value = t),
-            "hide-configuration": l.hideConfiguration,
-            onHideConfiguration: r[1] || (r[1] = (t) => {
-              g("hideConfiguration", t);
-            })
-          }, null, 8, ["modelValue", "hide-configuration"])) : L("", !0)
-        ], 64)) : (u(), V(a, { key: 0 }))
-      ]);
-    };
-  }
-}), oo = /* @__PURE__ */ R({
-  __name: "ReportEditor",
-  setup(c) {
-    const i = le(), o = re(), l = ee(), { promptLoader: g } = Se(), { t: s } = W(), { currentReport: r, editingReport: a } = te(l), { breakpoints: v } = G(), t = P(() => {
-      var C;
-      return !((C = a.value) != null && C.editable);
-    }), k = P(() => {
-      var C;
-      return ((C = a.value) == null ? void 0 : C.name) ?? s("report.editor.newReport");
-    }), O = $e(), { promptMessage: h } = ne(), T = N(!1);
-    async function M() {
-      if (!a.value || a.value.tiles.length === 0) {
-        O.open({ message: s("report.messages.noWidget"), type: "error" });
-        return;
-      }
-      const C = t.value ? s("report.common.clone") : s("report.common.save");
-      if (await h({
-        title: `${s("report.messages.saveReport")}`,
-        message: s("report.messages.confirmAction", { action: C, name: k.value })
-      }))
-        try {
-          await g(async () => {
-            if (t.value) {
-              const x = JSON.parse(JSON.stringify(a.value));
-              x.editable = !0, x.id = "", x.name = `${x.name} ${s("report.common.duplicate")}`, await l.createOrUpdateReport(x);
-            } else
-              a.value && await l.createOrUpdateReport(a.value);
-            i.push({
-              name: "reportView",
-              query: o.query
-            });
-          });
-        } catch (x) {
-          console.log(x), O.open({
-            message: s("report.messages.failedToAction", { action: C }),
-            type: "error"
-          });
-        }
-    }
-    async function p() {
-      var b;
-      if (!a.value) return;
-      await h({
-        title: s("report.common.report", 1),
-        message: s("report.editor.notSaved", { name: (b = a.value) == null ? void 0 : b.name })
-      }) && (a.value = JSON.parse(JSON.stringify(r.value)), i.back());
-    }
-    return Ce(() => {
-      a.value || i.push({ name: "reports" });
-    }), (C, b) => {
-      const x = m("FmPageHead");
-      return u(), V(he, null, {
-        default: d(() => [
-          n(x, {
-            actions: [
-              { label: e(s)("report.common.cancel"), value: "cancel", isPrimary: !1 },
-              { label: "Save Report", value: "save", isPrimary: !0, prependIcon: "download" }
-            ],
-            "onClick:action": b[0] || (b[0] = (S) => {
-              S === "cancel" && p(), S === "save" && M();
-            })
-          }, {
-            title: d(() => [
-              y("p", {
-                class: E(`${e(v).sm || e(v).xs ? "hidden" : ""} fm-typo-en-title-md-600`)
-              }, q(k.value), 3)
-            ]),
-            _: 1
-          }, 8, ["actions"]),
-          e(a) ? (u(), V(Y(e(v).lg || e(v).md ? Le : De), {
-            key: 0,
-            modelValue: e(a),
-            "onUpdate:modelValue": b[1] || (b[1] = (S) => Z(a) ? a.value = S : null),
-            class: E(`${e(v).lg || e(v).md ? "flex" : ""} w-full`),
-            style: be({ height: `calc( 100% - ${e(v).lg || e(v).md ? 72 : 64}px)` }),
-            "hide-configuration": T.value,
-            onHideConfiguration: b[2] || (b[2] = (S) => T.value = S)
-          }, null, 40, ["modelValue", "class", "style", "hide-configuration"])) : L("", !0)
-        ]),
-        _: 1
-      });
-    };
-  }
-});
-export {
-  oo as default
-};