@feedmepos/mf-report 5.14.2 → 5.14.3-beta.0

package/dist/MenuTab.vue_vue_type_script_setup_true_lang-6I99YY2U.js

@@ -1,361 +0,0 @@
-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-Fbuacdec.js";
-import { storeToRefs as N } from "pinia";
-import { a as pe, d as ce } from "./NavigationTab.vue_vue_type_script_setup_true_lang-Bu64bEVK.js";
-import { _ as K, a as fe } from "./DateRangeSelect.vue_vue_type_script_setup_true_lang-BLPR2QZJ.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-BRk-mwHe.js";
-import { _ as ye } from "./NoData.vue_vue_type_script_setup_true_lang-qEkm--BH.js";
-import { d as Fe } from "./helper-8cjX1HJZ.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 _
-};