@feedmepos/mf-report 5.14.0 → 5.14.1-beta.0

package/dist/{Layout-ncN7DY5t.js → Layout-SEDjluXQ.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-BuLc4McY.js";
+import { _ as a } from "./Default.vue_vue_type_script_setup_true_lang-BnZSfKop.js";
 const f = /* @__PURE__ */ o({
   __name: "Layout",
   setup(m) {

package/dist/MenuTab.vue_vue_type_script_setup_true_lang-B9Sn5kpJ.js

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

package/dist/{NavigationTab.vue_vue_type_script_setup_true_lang-EbtoF2G2.js → NavigationTab.vue_vue_type_script_setup_true_lang-DymC0PoU.js}

@@ -4,12 +4,12 @@ var ds = (e, t, r) => E9(e, typeof t != "symbol" ? t + "" : t, r);
 import { defineComponent as qr, computed as Fr, useModel as Ea, ref as Ne, watch as na, resolveComponent as Ae, createBlock as Ye, unref as Q, openBlock as le, withCtx as Me, createElementVNode as oe, createVNode as K, toDisplayString as ir, withDirectives as zn, createElementBlock as Be, Fragment as mr, renderList as Br, vShow as u0, createTextVNode as Lt, mergeModels as Cn, createCommentVNode as gr, normalizeClass as jn, withModifiers as Is, onMounted as Md, renderSlot as Rd, mergeProps as F9, nextTick as P9, resolveDynamicComponent as xh, withKeys as S9, vModelText as O9, normalizeStyle as D9, isRef as B0, createSlots as I9 } from "vue";
 import { useRouter as Xd, useRoute as zd } from "vue-router";
 import { storeToRefs as yt, defineStore as nu } from "pinia";
-import { a as Xi, R as h0, g as Co, _ as N9, v as V9, d as Cs, e as B9, r as L9, f as xn, h as M9, i as R9, j as X9, s as z9, u as H9 } from "./BaseDialog.vue_vue_type_script_setup_true_lang-BqtS2XG4.js";
+import { a as Xi, R as h0, g as Co, _ as N9, v as V9, e as Cs, f as B9, r as L9, h as xn, i as M9, j as R9, k as X9, s as z9, u as H9 } from "./BaseDialog.vue_vue_type_script_setup_true_lang-Dn62PHIj.js";
 import { useBreakpoints as il, components as d0, useSnackbar as zi, useDialog as q9, useDialogChild as W9, FmButtonVariant as gh } from "@feedmepos/ui-library";
-import { u as Pa, k as iu, l as sl, a as Ua, F as Za, h as Ya, d as Ke, b as w0, m as Hi, n as j9, o as U9, e as Z9, q as As, s as Y9, p as G9 } from "./vue-i18n-DG0DIzwC.js";
-import { _ as yh, a as Q9 } from "./SelectComponent.vue_vue_type_script_setup_true_lang-kzXPr73e.js";
-import { C as nn, g as K9, b as Hd } from "./helper-C0VLdBRU.js";
-import { a as qd, _ as Wd } from "./DateRangeSelect.vue_vue_type_script_setup_true_lang-DPMsvMfX.js";
+import { u as Pa, k as iu, l as sl, a as Ua, F as Za, h as Ya, d as Ke, b as w0, m as Hi, n as j9, o as U9, e as Z9, q as As, s as Y9, p as G9 } from "./vue-i18n-Cbp-3I-3.js";
+import { _ as yh, a as Q9 } from "./SelectComponent.vue_vue_type_script_setup_true_lang-DLzo7grl.js";
+import { C as nn, g as K9, b as Hd } from "./helper-Cnw7wwTJ.js";
+import { a as qd, _ as Wd } from "./DateRangeSelect.vue_vue_type_script_setup_true_lang-CY6B25Af.js";
 import { detectLocale as ps, useCoreStore as J9 } from "@feedmepos/mf-common";
 const _9 = { class: "flex flex-col" }, $9 = { class: "fm-typo-en-title-sm-600" }, e6 = { class: "grow" }, r6 = { class: "flex flex-col gap-8" }, t6 = { class: "flex flex-col w-full" }, a6 = { class: "flex flex-col gap-5 p-6" }, n6 = { class: "flex" }, wh = {
   // sales: [
@@ -34293,7 +34293,8 @@ const aI = { class: "flex flex-col gap-2" }, nI = { class: "flex gap-2 justify-c
         modelValue: s.value,
         "onUpdate:modelValue": ce[8] || (ce[8] = (I) => s.value = I),
         overlay: !0,
-        "z-index": 10
+        "z-index": 10,
+        "dismiss-away": !0
       }, {
         "dialog-header": Me(() => [
           oe("div", CI, [

package/dist/{NoData.vue_vue_type_script_setup_true_lang-j8BlZPPp.js → NoData.vue_vue_type_script_setup_true_lang-tMdvKjM3.js}

@@ -1,5 +1,5 @@
 import { defineComponent as u, computed as o, resolveComponent as d, createElementBlock as r, openBlock as a, renderSlot as f, createVNode as g, withCtx as _, createCommentVNode as y, createElementVNode as l, toDisplayString as n } from "vue";
-import { u as h } from "./vue-i18n-DG0DIzwC.js";
+import { u as h } from "./vue-i18n-Cbp-3I-3.js";
 const v = { class: "flex flex-col h-full" }, D = ["src"], T = { class: "fm-typo-en-body-lg-600 text-fm-color-typo-primary" }, b = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary text-center" }, F = /* @__PURE__ */ u({
   __name: "NoData",
   props: {

package/dist/{OverviewView-D0kwfHlr.js → OverviewView-g0MRE4sm.js}

@@ -1,11 +1,11 @@
 import { defineComponent as g, computed as w, resolveComponent as k, createBlock as a, openBlock as t, withCtx as $, createVNode as d, createElementVNode as y, unref as e, normalizeStyle as C, normalizeClass as u, createElementBlock as _, Fragment as h, renderList as B } from "vue";
-import { _ as b } from "./DynamicWidget.vue_vue_type_script_setup_true_lang-FhZDnXkv.js";
-import { _ as F } from "./Default.vue_vue_type_script_setup_true_lang-BuLc4McY.js";
-import { a as P } from "./BaseDialog.vue_vue_type_script_setup_true_lang-BqtS2XG4.js";
+import { _ as b } from "./DynamicWidget.vue_vue_type_script_setup_true_lang-C1yW2R2S.js";
+import { _ as F } from "./Default.vue_vue_type_script_setup_true_lang-BnZSfKop.js";
+import { a as P } from "./BaseDialog.vue_vue_type_script_setup_true_lang-Dn62PHIj.js";
 import { storeToRefs as R } from "pinia";
-import { _ as S } from "./NoData.vue_vue_type_script_setup_true_lang-j8BlZPPp.js";
+import { _ as S } from "./NoData.vue_vue_type_script_setup_true_lang-tMdvKjM3.js";
 import { useBreakpoints as V } from "@feedmepos/ui-library";
-import { _ as z } from "./MenuTab.vue_vue_type_script_setup_true_lang-D0UI760k.js";
+import { _ as z } from "./MenuTab.vue_vue_type_script_setup_true_lang-B9Sn5kpJ.js";
 import { useI18n as D } from "@feedmepos/mf-common";
 const G = /* @__PURE__ */ g({
   __name: "OverviewView",

package/dist/{Report-BRdPTrEZ.js → Report-B61AWY72.js}

@@ -1,11 +1,11 @@
 import { defineComponent as me, ref as O, watch as W, computed as w, h as f, withModifiers as ue, resolveComponent as x, createBlock as T, openBlock as F, withCtx as i, createVNode as n, createElementVNode as y, unref as e, normalizeStyle as pe, normalizeClass as C, withDirectives as B, createElementBlock as de, Fragment as fe, renderList as ve, toDisplayString as R, createTextVNode as ye, vShow as D } from "vue";
 import { storeToRefs as X } from "pinia";
-import { a as ge } from "./BaseDialog.vue_vue_type_script_setup_true_lang-BqtS2XG4.js";
-import { _ as be } from "./Default.vue_vue_type_script_setup_true_lang-BuLc4McY.js";
+import { a as ge } from "./BaseDialog.vue_vue_type_script_setup_true_lang-Dn62PHIj.js";
+import { _ as be } from "./Default.vue_vue_type_script_setup_true_lang-BnZSfKop.js";
 import { u as he } from "./message-dialog-UoMWOnil.js";
-import { b as xe, f as Ce } from "./vue-i18n-DG0DIzwC.js";
+import { b as xe, f as Ce } from "./vue-i18n-Cbp-3I-3.js";
 import { useSnackbar as _e, useBreakpoints as ke, components as we, FmButtonColorThemeVariant as $e } from "@feedmepos/ui-library";
-import { _ as Ie } from "./NoData.vue_vue_type_script_setup_true_lang-j8BlZPPp.js";
+import { _ as Ie } from "./NoData.vue_vue_type_script_setup_true_lang-tMdvKjM3.js";
 import { useRouter as Se, useRoute as Fe, onBeforeRouteLeave as Re } from "vue-router";
 import { useI18n as Le } from "@feedmepos/mf-common";
 import { r as Z } from "./i18n-Cif1I9J2.js";