@feedmepos/mf-report 5.19.20 → 5.19.21-beta.0

package/dist/DateRangeSelect.vue_vue_type_script_setup_true_lang-BeBr4VIF.js

@@ -0,0 +1,282 @@
+import { defineComponent as V, resolveComponent as S, createBlock as p, openBlock as y, withCtx as I, createCommentVNode as Y, createElementVNode as M, toDisplayString as j, renderSlot as A, mergeModels as $, useModel as R, ref as O, watch as k, createElementBlock as U, createVNode as b, unref as D } from "vue";
+import { d as r, m as B, t as W, u as q, b as G, U as H, C as K } from "./vue-i18n-BJW_sJot.js";
+import { detectLocale as z } from "@feedmepos/mf-common";
+import { storeToRefs as L } from "pinia";
+var g = /* @__PURE__ */ ((e) => (e.Year = "YEAR", e.Month = "MONTH", e.Week = "WEEK", e.Day = "DAY", e))(g || {});
+function re(e, t = 100) {
+  let n = null;
+  const a = function(...o) {
+    return n && clearTimeout(n), new Promise((l) => {
+      n = setTimeout(() => {
+        n = null;
+        const m = e(...o);
+        l(m);
+      }, t);
+    });
+  };
+  return a.cancel = () => {
+    n && (clearTimeout(n), n = null);
+  }, a;
+}
+function J() {
+  return [...Array(12).keys()].map((e) => r().month(e).format("MMM"));
+}
+function le(e, t, n = "") {
+  switch (e.type) {
+    case g.Day:
+      return t("report.schedule.everyDay");
+    case g.Week: {
+      let a = `${t("report.schedule.everyWeek")} `;
+      const o = [
+        t("report.days.sunday"),
+        t("report.days.monday"),
+        t("report.days.tuesday"),
+        t("report.days.wednesday"),
+        t("report.days.thursday"),
+        t("report.days.friday"),
+        t("report.days.saturday")
+      ];
+      if (e.days)
+        for (let l = 0; l < e.days.length; l++)
+          a = a + o[e.days[l]] + (l !== e.days.length - 1 ? "," : "");
+      return a;
+    }
+    case g.Month: {
+      let a = `${t("report.schedule.everyMonth")} `;
+      return e.days && (a = a + e.days.join(",")), a;
+    }
+    case g.Year: {
+      if (!e.months && !e.days)
+        return t("report.schedule.customDate");
+      let a = `${t("report.schedule.everyYear")} `;
+      if (e.months) {
+        const o = J();
+        a = a + e.months.map((l) => o[l - 1]).join(",");
+      }
+      return e.months && e.days && (a = a + ` ${t("report.common.and")} `), e.days && (a = a + e.days.join(",")), a;
+    }
+    default:
+      return n;
+  }
+}
+function F(e = {
+  startDate: null,
+  endDate: null,
+  locale: "en-US"
+}) {
+  if (!e.startDate || !e.endDate)
+    return "No comparison";
+  let t = r().subtract(1, "day").endOf("day"), n = r().endOf("day");
+  return e.startDate && (t = r(e.startDate).locale(e.locale)), e.endDate && (n = r(e.endDate).locale(e.locale)), t.format("YYYY") !== n.format("YYYY") ? `${t.format("DD MMM YYYY")} - ${n.format("DD MMM YYYY")}` : `${t.format("DD MMM")} - ${n.format("DD MMM YYYY")}`;
+}
+function oe(e = {
+  startTime: null,
+  endTime: null,
+  locale: "en-US"
+}) {
+  const t = "hh:mmA", { startTime: n, endTime: a, locale: o } = e;
+  if (!n || !a) return "";
+  const l = r().set("hour", n.hour).set("minute", n.minute).locale(o), m = r().set("hour", a.hour).set("minute", a.minute).locale(o);
+  return `${l.format(t)}-${m.format(t)}`;
+}
+const Q = { class: "fm-typo-en-body-md-600 flex items-center gap-1 flex-1 min-w-0" }, X = { class: "text-ellipsis overflow-hidden whitespace-nowrap flex-1 min-w-0" }, Z = { class: "whitespace-nowrap flex-none" }, P = /* @__PURE__ */ V({
+  __name: "FilterChip",
+  props: {
+    label: {
+      type: String,
+      default: ""
+    },
+    leftIcon: {
+      type: String,
+      default: ""
+    },
+    rightIcon: {
+      type: String,
+      default: ""
+    },
+    trailingIcon: {
+      type: String,
+      default: ""
+    }
+  },
+  setup(e) {
+    const t = e;
+    return (n, a) => {
+      const o = S("FmIcon"), l = S("FmChip");
+      return y(), p(l, { class: "bg-fm-color-neutral-gray-100 text-fm-color-neutral-gray-400 max-w-fit flex items-center gap-1" }, {
+        default: I(() => [
+          e.leftIcon ? (y(), p(o, {
+            key: 0,
+            name: t.leftIcon,
+            size: "sm",
+            outline: "",
+            class: "flex-none"
+          }, null, 8, ["name"])) : Y("", !0),
+          M("div", Q, [
+            M("span", X, j(t.label), 1),
+            e.rightIcon ? (y(), p(o, {
+              key: 0,
+              name: e.rightIcon,
+              size: "sm",
+              outline: "",
+              class: "flex-none"
+            }, null, 8, ["name"])) : Y("", !0),
+            M("span", Z, [
+              A(n.$slots, "default")
+            ]),
+            e.trailingIcon ? (y(), p(o, {
+              key: 1,
+              name: e.trailingIcon,
+              size: "sm",
+              outline: "",
+              class: "flex-none"
+            }, null, 8, ["name"])) : Y("", !0)
+          ])
+        ]),
+        _: 3
+      });
+    };
+  }
+}), _ = { class: "flex gap-2 items-center" }, h = "YYYY-MM-DD", se = /* @__PURE__ */ V({
+  __name: "DateRangeSelect",
+  props: /* @__PURE__ */ $({
+    compare: {
+      type: Boolean,
+      default: !1
+    },
+    datePredefinedRanges: {
+      type: Array,
+      default: () => H()
+    },
+    label: {
+      type: String,
+      required: !1,
+      default: null
+    },
+    removable: {
+      type: Boolean,
+      required: !1,
+      default: !1
+    }
+  }, {
+    compareType: {
+      type: String,
+      default: K.PRECEDING_PERIOD
+    },
+    compareTypeModifiers: {},
+    dateRange: {
+      type: Object,
+      default: () => ({
+        startDate: void 0,
+        endDate: void 0
+      })
+    },
+    dateRangeModifiers: {},
+    compareDateRange: {
+      type: Object,
+      default: () => ({
+        startDate: void 0,
+        endDate: void 0
+      })
+    },
+    compareDateRangeModifiers: {}
+  }),
+  emits: /* @__PURE__ */ $(["update", "chip-closed"], ["update:compareType", "update:dateRange", "update:compareDateRange"]),
+  setup(e, { emit: t }) {
+    var T, w, x, C;
+    r.extend(B), r.extend(W);
+    const { t: n } = q(), a = t, o = R(e, "compareType"), l = R(e, "dateRange"), m = R(e, "compareDateRange"), { timezone: i } = L(G()), d = O({
+      startDate: l.value.startDate ? (T = r(l.value.startDate)) == null ? void 0 : T.tz(i.value).format(h) : null,
+      endDate: l.value.endDate ? (w = r(l.value.endDate)) == null ? void 0 : w.tz(i.value).format(h) : null
+    }), f = O({
+      startDate: m.value.startDate ? (x = r(m.value.startDate)) == null ? void 0 : x.tz(i.value).format(h) : null,
+      endDate: m.value.endDate ? (C = r(m.value.endDate)) == null ? void 0 : C.tz(i.value).format(h) : null
+    });
+    k(
+      [() => d.value],
+      () => {
+        d.value.endDate || (d.value.endDate = d.value.startDate);
+        const u = {
+          startDate: r.tz(d.value.startDate, i.value).startOf("day").utc().toISOString(),
+          endDate: r.tz(d.value.endDate, i.value).endOf("day").utc().toISOString()
+        };
+        l.value = u, a("update", u);
+      },
+      { deep: !0 }
+    ), k([() => f.value], () => {
+      const u = f.value.startDate, s = f.value.endDate, v = u ? r(
+        u instanceof Date ? u : r(u).toDate()
+      ).startOf("day").tz(i.value, !0).toISOString() : void 0, c = s ? r(s instanceof Date ? s : r(s).toDate()).tz(i.value, !0).endOf("day").toISOString() : void 0;
+      m.value = {
+        startDate: v,
+        endDate: c
+      };
+    });
+    function E(u) {
+      o.value = u;
+    }
+    function N(u) {
+      a("chip-closed", u);
+    }
+    return (u, s) => {
+      const v = S("FmSimpleDateRangePicker");
+      return y(), U("div", _, [
+        b(v, {
+          modelValue: d.value,
+          "onUpdate:modelValue": s[1] || (s[1] = (c) => d.value = c),
+          "show-predefined-range": "",
+          "predefined-range": e.datePredefinedRanges.map((c) => ({
+            ...c,
+            label: D(n)(`report.date.${c.label}`)
+          })),
+          class: "w-2/6"
+        }, {
+          "trigger-button": I(() => [
+            b(P, {
+              "left-icon": e.label ? "filter_alt" : "calendar_month",
+              label: e.label ?? D(F)({
+                startDate: d.value.startDate ?? "",
+                endDate: d.value.endDate ?? "",
+                locale: D(z)()
+              }),
+              removable: e.removable,
+              onChipClosed: s[0] || (s[0] = (c) => N(!0))
+            }, null, 8, ["left-icon", "label", "removable"])
+          ]),
+          _: 1
+        }, 8, ["modelValue", "predefined-range"]),
+        e.compare ? (y(), p(v, {
+          key: 0,
+          modelValue: f.value,
+          "onUpdate:modelValue": s[2] || (s[2] = (c) => f.value = c),
+          "compare-type": o.value,
+          "onUpdate:compareType": s[3] || (s[3] = (c) => o.value = c),
+          "show-predefined-range": "",
+          "compare-target": d.value,
+          onSelectComparison: E
+        }, {
+          "trigger-button": I(() => [
+            b(P, {
+              label: `${D(n)("report.common.compare")}: ${D(F)({
+                startDate: f.value.startDate ?? null,
+                endDate: f.value.endDate ?? null,
+                locale: D(z)()
+              })}`
+            }, null, 8, ["label"])
+          ]),
+          _: 1
+        }, 8, ["modelValue", "compare-type", "compare-target"])) : Y("", !0)
+      ]);
+    };
+  }
+});
+export {
+  g as C,
+  se as _,
+  P as a,
+  F as b,
+  oe as c,
+  re as d,
+  le as e,
+  J as g
+};

package/dist/{Default.vue_vue_type_script_setup_true_lang-DTHkWGvx.js → Default.vue_vue_type_script_setup_true_lang-g1a2ZeGy.js}

@@ -1,8 +1,8 @@
 import { defineComponent as u, computed as f, resolveComponent as p, createElementBlock as s, openBlock as t, normalizeStyle as n, normalizeClass as d, unref as e, createBlock as y, createCommentVNode as _, createVNode as h, createElementVNode as k, toDisplayString as g, renderSlot as x } from "vue";
-import { _ as v } from "./NavigationTab.vue_vue_type_script_setup_true_lang-Cl6q8Efn.js";
+import { _ as v } from "./NavigationTab.vue_vue_type_script_setup_true_lang-B3sRs2Tc.js";
 import { useBreakpoints as b } from "@feedmepos/ui-library";
 import { storeToRefs as C } from "pinia";
-import { u as q, f as w } from "./vue-i18n-D33f1SSo.js";
+import { u as q, f as w } from "./vue-i18n-BJW_sJot.js";
 import { useRoute as B } from "vue-router";
 const $ = {
   key: 1,