@feedmepos/mf-report 5.8.2-beta.0 → 5.9.0-beta.0

package/dist/{Layout-0ZxLP82K.js → Layout-CDCrzjoH.js}

@@ -1,5 +1,5 @@
 import { defineComponent as o, resolveComponent as t, createBlock as r, openBlock as n, withCtx as _, createVNode as c } from "vue";
-import { _ as a } from "./Default.vue_vue_type_script_setup_true_lang-CwNa_c74.js";
+import { _ as a } from "./Default.vue_vue_type_script_setup_true_lang-DeKEY6-a.js";
 const f = /* @__PURE__ */ o({
   __name: "Layout",
   setup(m) {

package/dist/MenuTab.vue_vue_type_script_setup_true_lang-DNxXgTX4.js

@@ -0,0 +1,342 @@
+import { defineComponent as R, computed as W, ref as oe, watch as q, resolveComponent as b, createElementBlock as f, openBlock as u, renderSlot as re, Fragment as S, renderList as U, createBlock as F, unref as r, withCtx as C, createElementVNode as T, createCommentVNode as N, createVNode as p, isRef as $, useModel as ue, normalizeClass as z, toDisplayString as ie } from "vue";
+import { u as me, b as H, d as E, j as de } from "./vue-i18n-CbAseuRE.js";
+import { storeToRefs as L } from "pinia";
+import { a as pe, d as ce } from "./NavigationTab.vue_vue_type_script_setup_true_lang-DpFJ_jYh.js";
+import { _ as J, a as fe } from "./DateRangeSelect.vue_vue_type_script_setup_true_lang-w7lSYFth.js";
+import { a as ve, b as be, D as w, q as _e, W as Y } from "./v4-ZW3e7y3R.js";
+import { _ as he } from "./NoData.vue_vue_type_script_setup_true_lang-DGTWa4E5.js";
+import { d as ye } from "./helper-CPPrXQSs.js";
+import { detectLocale as Fe } from "@feedmepos/mf-common";
+import { useBreakpoints as ke } from "@feedmepos/ui-library";
+const ge = { class: "flex flex-wrap gap-2" }, xe = { class: "flex flex-col gap-1 p-2 bg-fm-color-neutral-white max-h-[300px] overflow-y-auto relative fm-shadow-light-300" }, we = {
+  key: 0,
+  class: "flex justify-center my-2"
+}, Ce = /* @__PURE__ */ R({
+  __name: "FilterSelector",
+  setup(I) {
+    var G;
+    const { t: v } = me(), { currentReport: m } = L(ve());
+    let { globalFilters: k, isGlobalFiltersLoading: i, timeRange: _, dateRange: h, selectedLocationIds: y } = L(H()), { schemas: D } = L(be());
+    const n = W(() => {
+      var e;
+      return ((e = m.value) == null ? void 0 : e.id) ?? "";
+    }), o = oe([]);
+    q(
+      ((G = m.value) == null ? void 0 : G.globalFilters) || [],
+      () => {
+        o.value = k.value.map((e) => ({
+          filter: e,
+          search: "",
+          options: [],
+          type: K(e)
+        }));
+      },
+      { deep: !0, immediate: !0 }
+    ), q(
+      [_, h, y],
+      async () => {
+        await te();
+      },
+      { deep: !0, immediate: !0 }
+    );
+    var g = void 0;
+    function K(e) {
+      var l;
+      const t = (l = D.value.find((a) => a.name === e.schemaName)) == null ? void 0 : l.fields.find((a) => a.name === e.name);
+      return t == null ? void 0 : t.type;
+    }
+    function Q(e) {
+      return {
+        type: Y.Table,
+        config: {
+          schemaNames: e.schemaName ? [e.schemaName] : [],
+          dimensions: [
+            {
+              name: e.name ?? "",
+              schemaName: e.schemaName ?? "",
+              label: e.name ?? "",
+              hide: !1,
+              option: null
+            }
+          ],
+          rowIds: [],
+          metrics: [],
+          filters: e.filters,
+          sorts: [],
+          joinDatasources: [],
+          limit: null,
+          rollup: void 0,
+          drillDimension: void 0,
+          showGrandTotal: !1,
+          breakdownDimension: void 0,
+          sparklineDimension: void 0,
+          isTransposed: !1,
+          isDrillable: !1
+        },
+        title: ""
+      };
+    }
+    function V(e) {
+      return e.options.every((t) => {
+        var l;
+        return (l = e.filter.values) == null ? void 0 : l.includes(t.value);
+      });
+    }
+    function X(e) {
+      V(e) ? e.filter.values = ["NULL"] : e.filter.values = e.options.map((t) => t.value);
+    }
+    const Z = W(
+      () => o.value.map((e) => {
+        const t = e.options, l = e.search.toLowerCase() ?? "";
+        return t.filter((a) => a.label.toLowerCase().includes(l.toLowerCase()));
+      })
+    );
+    async function ee(e) {
+      switch (e.type) {
+        case w.String:
+          {
+            const t = await _e(
+              Q(e.filter),
+              g.signal
+            ), l = (t == null ? void 0 : t.type) === Y.Table ? t.rows.map((a) => {
+              var d;
+              return ((d = a.cells) == null ? void 0 : d[0]) ?? "";
+            }) : [];
+            e.options = l.map((a) => ({
+              label: a,
+              value: a
+            })), e.filter.values = l.length ? l : ["NULL"];
+          }
+          break;
+        case w.Bool:
+          e.options = [
+            { label: "Yes", value: !0 },
+            { label: "No", value: !1 }
+          ], e.filter.values = [!0, !1];
+          break;
+        case w.Timestamp:
+        case w.Numeric:
+          break;
+      }
+    }
+    async function te() {
+      if (!(!n.value || !o.value.length)) {
+        g && (g == null || g.abort()), g = new AbortController();
+        try {
+          i.value = !0;
+          const e = o.value.map(async (t) => {
+            await ee(t);
+          });
+          await Promise.all(e);
+        } finally {
+          i.value = !1;
+        }
+      }
+    }
+    function le(e, t) {
+      var a, d;
+      if ((a = e.filter.values) == null ? void 0 : a.includes(t)) {
+        let x = (e.filter.values || []).filter((s) => s !== t);
+        x.length === 0 && (x = ["NULL"]), e.filter.values = x;
+      } else
+        (d = e.filter.values) == null || d.push(t);
+    }
+    function M(e, t) {
+      if (t === null)
+        e.values = [];
+      else {
+        const l = E(t.startDate).startOf("day").utc().toISOString(), a = E(t.endDate).endOf("day").utc().toISOString();
+        e.values = [l, a];
+      }
+    }
+    function ae(e) {
+      var l;
+      const t = (l = e.filter.values) == null ? void 0 : l.filter((a) => a !== "NULL");
+      return `${v("report.section.filter.selectAll")} (${e.options.length}/${t == null ? void 0 : t.length})`;
+    }
+    function se(e) {
+      const t = e.options.length, l = v("report.section.filter.search"), a = v("report.common.results", { count: t });
+      return `${l} (${a})`;
+    }
+    function O(e) {
+      var l, a, d;
+      const t = de(e.filter);
+      switch (e.type) {
+        case w.Timestamp:
+          return ((l = e.filter.values) == null ? void 0 : l.length) === 2 ? `${t} is between ${ye({
+            startDate: (a = e.filter.values) == null ? void 0 : a[0],
+            endDate: (d = e.filter.values) == null ? void 0 : d[1],
+            locale: Fe()
+          })}` : t;
+        default:
+          return t;
+      }
+    }
+    return (e, t) => {
+      const l = b("FmCircularProgress"), a = b("FmTextField"), d = b("FmMenuItem"), x = b("FmMenu");
+      return u(), f("div", ge, [
+        (u(!0), f(S, null, U(o.value, (s, ne) => {
+          var B, A, j;
+          return u(), f("div", {
+            key: `${s.filter.schemaName}-${s.filter.name}`
+          }, [
+            s.type === r(w).Timestamp ? (u(), F(J, {
+              key: 0,
+              "model-value": { startDate: (B = s.filter.values) == null ? void 0 : B[0], endDate: (A = s.filter.values) == null ? void 0 : A[1] },
+              class: "w-full",
+              label: O(s),
+              removable: ((j = s.filter.values) == null ? void 0 : j.length) === 2,
+              onUpdate: (c) => M(s.filter, c),
+              onChipClosed: () => M(s.filter, null)
+            }, null, 8, ["model-value", "label", "removable", "onUpdate", "onChipClosed"])) : (u(), F(x, {
+              key: 1,
+              "close-on-click": !1,
+              shift: !0
+            }, {
+              "menu-button": C(() => [
+                p(fe, {
+                  "left-icon": "filter_alt",
+                  "right-icon": "expand_more",
+                  label: O(s)
+                }, null, 8, ["label"])
+              ]),
+              "menu-wrapper": C(() => [
+                T("div", xe, [
+                  r(i) ? (u(), f("div", we, [
+                    p(l)
+                  ])) : N("", !0),
+                  s.options.length > 0 && !r(i) ? (u(), f(S, { key: 1 }, [
+                    p(a, {
+                      modelValue: s.search,
+                      "onUpdate:modelValue": (c) => s.search = c,
+                      type: "text",
+                      "prepend-icon": "search",
+                      placeholder: se(s),
+                      class: "border px-2 py-1 text-sm mb-1 rounded"
+                    }, null, 8, ["modelValue", "onUpdate:modelValue", "placeholder"]),
+                    p(d, {
+                      label: ae(s),
+                      "has-checkbox": !0,
+                      "model-value": V(s),
+                      indeterminate: !0,
+                      onClick: (c) => X(s)
+                    }, null, 8, ["label", "model-value", "onClick"]),
+                    (u(!0), f(S, null, U(Z.value[ne], (c) => {
+                      var P;
+                      return u(), F(d, {
+                        key: c.value,
+                        label: c.label,
+                        "has-checkbox": !0,
+                        "model-value": (P = s.filter.values) == null ? void 0 : P.includes(c.value),
+                        onClick: () => le(s, c.value)
+                      }, null, 8, ["label", "model-value", "onClick"]);
+                    }), 128))
+                  ], 64)) : r(i) ? N("", !0) : (u(), F(he, { key: 2 }))
+                ])
+              ]),
+              _: 2
+            }, 1024))
+          ]);
+        }), 128)),
+        re(e.$slots, "default")
+      ]);
+    };
+  }
+}), $e = { class: "flex flex-col gap-2 overflow-x-auto overflow-y-hidden scrollbar-hide" }, De = { class: "flex flex-col gap-2 py-2" }, Se = /* @__PURE__ */ R({
+  __name: "Filter",
+  setup(I) {
+    const {
+      locations: v,
+      selectedLocationIds: m,
+      dateRange: k,
+      compareDateRange: i,
+      timeRange: _,
+      defaultDateSetting: h,
+      selectTimeDefault: y
+    } = L(H());
+    return (D, n) => (u(), f("div", $e, [
+      T("div", De, [
+        p(pe, {
+          modelValue: r(m),
+          "onUpdate:modelValue": n[5] || (n[5] = (o) => $(m) ? m.value = o : null),
+          options: r(v)
+        }, {
+          default: C(() => [
+            p(J, {
+              "date-range": r(k),
+              "onUpdate:dateRange": n[0] || (n[0] = (o) => $(k) ? k.value = o : null),
+              "compare-date-range": r(i),
+              "onUpdate:compareDateRange": n[1] || (n[1] = (o) => $(i) ? i.value = o : null),
+              "compare-type": r(h).defaultCompareType,
+              "onUpdate:compareType": n[2] || (n[2] = (o) => r(h).defaultCompareType = o),
+              compare: ""
+            }, null, 8, ["date-range", "compare-date-range", "compare-type"]),
+            p(ce, {
+              "time-range": r(_),
+              "onUpdate:timeRange": n[3] || (n[3] = (o) => $(_) ? _.value = o : null),
+              "select-time-default": r(y),
+              "onUpdate:selectTimeDefault": n[4] || (n[4] = (o) => $(y) ? y.value = o : null),
+              "default-date-range": r(h).timeOptions
+            }, null, 8, ["time-range", "select-time-default", "default-date-range"]),
+            p(Ce)
+          ]),
+          _: 1
+        }, 8, ["modelValue", "options"])
+      ])
+    ]));
+  }
+}), Le = { class: "fm-typo-en-body-md-400" }, Ae = /* @__PURE__ */ R({
+  __name: "MenuTab",
+  props: {
+    modelValue: { required: !1, default: [] },
+    modelModifiers: {}
+  },
+  emits: ["update:modelValue"],
+  setup(I) {
+    const v = ue(I, "modelValue"), { breakpoints: m } = ke();
+    return (k, i) => {
+      const _ = b("FmButton"), h = b("FmIcon"), y = b("FmMenuItem"), D = b("FmMenu");
+      return u(), f("div", {
+        class: z(["flex items-start pb-6 px-24", `${r(m).lg || r(m).md ? "px-24" : "pl-3"}`])
+      }, [
+        p(Se),
+        i[0] || (i[0] = T("div", { class: "flex grow" }, null, -1)),
+        v.value.length > 0 ? (u(), F(D, {
+          key: 0,
+          trigger: "click",
+          placement: "left",
+          shift: !0,
+          class: z(r(m).sm || r(m).xs ? "pr-3" : "")
+        }, {
+          "menu-button": C(() => [
+            p(_, {
+              "append-icon": "more_vert",
+              variant: "tertiary",
+              size: "md",
+              class: "w-[36px] bg-none"
+            })
+          ]),
+          default: C(() => [
+            (u(!0), f(S, null, U(v.value, (n, o) => (u(), F(y, {
+              key: `button-${o}`,
+              onClick: n.onClick
+            }, {
+              label: C(() => [
+                n.prependIcon ?? !1 ? (u(), F(h, {
+                  key: 0,
+                  name: n.icon
+                }, null, 8, ["name"])) : N("", !0),
+                T("p", Le, ie(n.label), 1)
+              ]),
+              _: 2
+            }, 1032, ["onClick"]))), 128))
+          ]),
+          _: 1
+        }, 8, ["class"])) : N("", !0)
+      ], 2);
+    };
+  }
+});
+export {
+  Ae as _
+};