@feedmepos/mf-report 5.3.15-rc.8 → 5.3.16

package/dist/DateRangeSelect.vue_vue_type_script_setup_true_lang-3l6NLpaJ.js

@@ -0,0 +1,148 @@
+import { defineComponent as _, resolveComponent as f, openBlock as r, createBlock as s, withCtx as g, createCommentVNode as D, createElementVNode as x, toDisplayString as F, mergeModels as M, useModel as i, ref as C, watch as b, createElementBlock as P, createVNode as p, unref as I } from "vue";
+import { K as T, C as O, d as n, L as w } from "./app-FCoVjrM_.js";
+const B = { class: "fm-typo-en-body-md-600 text-ellipsis overflow-hidden whitespace-nowrap" }, V = /* @__PURE__ */ _({
+  __name: "FilterChip",
+  props: {
+    label: {
+      type: String,
+      default: ""
+    },
+    leftIcon: {
+      type: String,
+      default: ""
+    },
+    rightIcon: {
+      type: String,
+      default: ""
+    }
+  },
+  setup(t) {
+    const l = t;
+    return (d, o) => {
+      const e = f("FmIcon"), a = f("FmChip");
+      return r(), s(a, { class: "bg-fm-color-neutral-gray-100 text-fm-color-neutral-gray-400 max-w-fit" }, {
+        default: g(() => [
+          t.leftIcon ? (r(), s(e, {
+            key: 0,
+            name: l.leftIcon,
+            size: "sm",
+            outline: ""
+          }, null, 8, ["name"])) : D("", !0),
+          x("p", B, F(l.label), 1),
+          t.rightIcon ? (r(), s(e, {
+            key: 1,
+            name: t.rightIcon,
+            size: "sm",
+            outline: ""
+          }, null, 8, ["name"])) : D("", !0)
+        ]),
+        _: 1
+      });
+    };
+  }
+}), Y = { class: "flex gap-2 items-center" }, c = "YYYY-MM-DD", N = /* @__PURE__ */ _({
+  __name: "DateRangeSelect",
+  props: /* @__PURE__ */ M({
+    compare: {
+      type: Boolean,
+      default: !1
+    },
+    datePredefinedRanges: {
+      type: Array,
+      default: () => T
+    }
+  }, {
+    compareType: {
+      type: String,
+      default: O.PrecedingPeriod
+    },
+    compareTypeModifiers: {},
+    dateRange: {
+      type: Object,
+      default: () => ({
+        startDate: void 0,
+        endDate: void 0
+      })
+    },
+    dateRangeModifiers: {},
+    compareDateRange: {
+      type: Object,
+      default: () => ({
+        startDate: void 0,
+        endDate: void 0
+      })
+    },
+    compareDateRangeModifiers: {}
+  }),
+  emits: ["update:compareType", "update:dateRange", "update:compareDateRange"],
+  setup(t) {
+    var v, y, R;
+    const l = i(t, "compareType"), d = i(t, "dateRange"), o = i(t, "compareDateRange"), e = C({
+      startDate: (v = n(d.value.startDate)) == null ? void 0 : v.local().format(c),
+      endDate: (y = n(d.value.endDate)) == null ? void 0 : y.local().format(c)
+    }), a = C({
+      startDate: o.value.startDate ? (R = n(o.value.startDate)) == null ? void 0 : R.local().format(c) : void 0,
+      endDate: o.value.endDate ? n(o.value.endDate).local().format(c) : void 0
+    });
+    b([() => e.value], () => {
+      d.value = {
+        startDate: n(e.value.startDate).toISOString(),
+        endDate: n(e.value.endDate).toISOString()
+      };
+    }), b([() => a.value], () => {
+      o.value = {
+        startDate: a.value.startDate ? n(a.value.startDate).toISOString() : void 0,
+        endDate: a.value.endDate ? n(a.value.endDate).toISOString() : void 0
+      };
+    });
+    function k(S) {
+      l.value = S;
+    }
+    return (S, m) => {
+      const h = f("FmSimpleDateRangePicker");
+      return r(), P("div", Y, [
+        p(h, {
+          modelValue: e.value,
+          "onUpdate:modelValue": m[0] || (m[0] = (u) => e.value = u),
+          "show-predefined-range": "",
+          "predefined-range": t.datePredefinedRanges,
+          class: "w-2/6"
+        }, {
+          "trigger-button": g(() => [
+            p(V, {
+              "left-icon": "calendar_month",
+              label: `${I(w)({
+                startDate: e.value.startDate ?? "",
+                endDate: e.value.endDate ?? ""
+              })}`
+            }, null, 8, ["label"])
+          ]),
+          _: 1
+        }, 8, ["modelValue", "predefined-range"]),
+        t.compare ? (r(), s(h, {
+          key: 0,
+          modelValue: a.value,
+          "onUpdate:modelValue": m[1] || (m[1] = (u) => a.value = u),
+          "show-predefined-range": "",
+          "compare-target": e.value,
+          "default-compare-type": l.value,
+          onSelectComparison: k
+        }, {
+          "trigger-button": g(() => [
+            p(V, {
+              label: `Compare: ${I(w)({
+                startDate: a.value.startDate ?? null,
+                endDate: a.value.endDate ?? null
+              })}`
+            }, null, 8, ["label"])
+          ]),
+          _: 1
+        }, 8, ["modelValue", "compare-target", "default-compare-type"])) : D("", !0)
+      ]);
+    };
+  }
+});
+export {
+  N as _,
+  V as a
+};

package/dist/Default.vue_vue_type_script_setup_true_lang-64k5pzYf.js

@@ -0,0 +1,32 @@
+import { defineComponent as i, resolveComponent as u, openBlock as r, createElementBlock as n, normalizeClass as f, unref as e, normalizeStyle as p, createBlock as d, createCommentVNode as y, createVNode as _, createElementVNode as k, renderSlot as g } from "vue";
+import { c as x, o as b } from "./app-FCoVjrM_.js";
+import { useBreakpoints as h } from "@feedmepos/ui-library";
+import { storeToRefs as C } from "pinia";
+import { useRoute as v } from "vue-router";
+const B = {
+  key: 1,
+  class: "flex gap-24 flex-col h-screen w-screen justify-center items-center"
+}, S = /* @__PURE__ */ i({
+  __name: "Default",
+  setup(q) {
+    const { breakpoints: t } = h(), { isLoading: a } = C(x()), o = v(), l = !o.query.token && !o.query.busines;
+    return (c, s) => {
+      const m = u("FmCircularProgress");
+      return r(), n("div", {
+        class: f(`${e(t).lg || e(t).md ? "flex w-full" : ""} bg-fm-color-neutral-white`),
+        style: p({
+          height: `calc(100vh - ${e(o).query.token && e(o).query.businessId ? "0" : "64"}px)`
+        })
+      }, [
+        e(l) ? y("", !0) : (r(), d(b, { key: 0 })),
+        e(a) ? (r(), n("div", B, [
+          _(m, { size: "xl" }),
+          s[0] || (s[0] = k("span", { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, " Loading data... ", -1))
+        ])) : g(c.$slots, "default", { key: 2 })
+      ], 6);
+    };
+  }
+});
+export {
+  S as _
+};