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

package/dist/{ReportView-DMLyspIY.js → ReportView-Cz6U-DNK.js}

@@ -1,14 +1,14 @@
 import { defineComponent as V, computed as v, resolveComponent as z, createBlock as g, openBlock as u, withCtx as H, createVNode as h, createElementVNode as M, unref as o, normalizeStyle as Y, normalizeClass as D, createElementBlock as R, Fragment as G, renderList as Q } from "vue";
-import { _ as U } from "./MenuTab.vue_vue_type_script_setup_true_lang-DsY5W3k7.js";
-import { _ as W } from "./DynamicWidget.vue_vue_type_script_setup_true_lang-BO_HTvjY.js";
+import { _ as U } from "./MenuTab.vue_vue_type_script_setup_true_lang-DNxXgTX4.js";
+import { _ as W } from "./DynamicWidget.vue_vue_type_script_setup_true_lang-Dc0etyos.js";
 import { useRouter as K, useRoute as X } from "vue-router";
-import { _ as Z } from "./Default.vue_vue_type_script_setup_true_lang-B0_QlxYu.js";
-import { a as ee } from "./v4-Bi2F4URu.js";
+import { _ as Z } from "./Default.vue_vue_type_script_setup_true_lang-DeKEY6-a.js";
+import { a as ee } from "./v4-ZW3e7y3R.js";
 import { storeToRefs as p } from "pinia";
-import { b as oe, c as te, u as re } from "./NavigationTab.vue_vue_type_script_setup_true_lang-BdzurgE4.js";
-import { _ as ae } from "./NoData.vue_vue_type_script_setup_true_lang-DZJxcekm.js";
+import { b as oe, c as te, u as re } from "./NavigationTab.vue_vue_type_script_setup_true_lang-DpFJ_jYh.js";
+import { _ as ae } from "./NoData.vue_vue_type_script_setup_true_lang-DGTWa4E5.js";
 import { useSnackbar as le, useBreakpoints as ne } from "@feedmepos/ui-library";
-import { u as ie, f as se, e as ue } from "./global-loader-CEOgl5uZ.js";
+import { u as ie, f as se, e as ue } from "./vue-i18n-CbAseuRE.js";
 import { u as ce } from "./message-dialog-UoMWOnil.js";
 import { r as pe } from "./i18n-Cif1I9J2.js";
 const De = /* @__PURE__ */ V({

package/dist/SelectComponent.vue_vue_type_script_setup_true_lang-Dq9vY9mj.js

@@ -0,0 +1,110 @@
+import { defineComponent as B, mergeModels as D, useModel as z, ref as b, computed as f, resolveComponent as n, createBlock as y, openBlock as _, withCtx as m, createElementVNode as c, normalizeStyle as L, withDirectives as U, createElementBlock as $, createVNode as d, unref as E, vShow as H, Fragment as N, renderList as O, toDisplayString as g, normalizeClass as q } from "vue";
+import { u as A } from "./vue-i18n-CbAseuRE.js";
+const K = (s, u) => {
+  const t = s.__vccOpts || s;
+  for (const [o, i] of u)
+    t[o] = i;
+  return t;
+}, P = { class: "fm-typo-en-body-lg-400 flex gap-4 text-fm-color-typo-primary" }, T = { class: "fm-typo-en-body-lg-400 line-clamp-1" }, j = { class: "sticky top-0" }, Q = /* @__PURE__ */ B({
+  __name: "SelectComponent",
+  props: /* @__PURE__ */ D({
+    items: {
+      type: Array,
+      default: () => []
+    },
+    placeHolder: {
+      type: String,
+      default: ""
+    },
+    label: {
+      type: String,
+      default: ""
+    },
+    disableSearch: {
+      type: Boolean,
+      default: !1
+    }
+  }, {
+    modelValue: { required: !0 },
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(s) {
+    const { t: u } = A(), t = z(s, "modelValue"), o = s, i = (e) => {
+      t.value = e.value, setTimeout(() => {
+        r.value = !1;
+      }, 0);
+    }, r = b(!1), p = b(""), F = f(
+      () => o.items.filter(
+        (e) => e.label.toLowerCase().indexOf(p.value.toLowerCase()) !== -1
+      )
+    ), x = f(
+      () => {
+        var e;
+        return ((e = o.items.find((a) => a.value === t.value)) == null ? void 0 : e.label) ?? u("report.common.select");
+      }
+    ), w = f(() => o.items.filter((e) => e.value === t.value));
+    return (e, a) => {
+      const M = n("FmIcon"), V = n("FmField"), S = n("FmSearch"), C = n("FmMenuDivider"), k = n("FmMenuItem"), I = n("FmMenu");
+      return _(), y(I, {
+        trigger: "click",
+        shift: !0,
+        "max-height": 300,
+        width: 200,
+        onMenuChanged: a[1] || (a[1] = (v) => {
+          r.value = v;
+        })
+      }, {
+        "menu-button": m(() => [
+          c("p", P, g(o.label), 1),
+          d(V, {
+            class: q(["cursor-pointer", `${r.value ? "border-fm-color-primary" : ""}`]),
+            focused: r.value
+          }, {
+            append: m(() => [
+              d(M, {
+                color: "black",
+                name: r.value ? "expand_less" : "expand_more",
+                size: "md"
+              }, null, 8, ["name"])
+            ]),
+            default: m(() => [
+              c("div", T, g(x.value), 1)
+            ]),
+            _: 1
+          }, 8, ["class", "focused"])
+        ]),
+        "menu-wrapper": m(({ maxHeight: v }) => [
+          c("div", {
+            style: L({ maxHeight: `${v}px` }),
+            class: "bg-fm-color-neutral-white overflow-y-auto overflow-x-hidden rounded-md shadow-light-300 w-[250px]"
+          }, [
+            U(c("div", j, [
+              d(S, {
+                modelValue: p.value,
+                "onUpdate:modelValue": a[0] || (a[0] = (l) => p.value = l),
+                placeholder: E(u)("report.select.filterPlaceholder")
+              }, null, 8, ["modelValue", "placeholder"]),
+              d(C)
+            ], 512), [
+              [H, !o.disableSearch]
+            ]),
+            (_(!0), $(N, null, O(F.value, (l) => (_(), y(k, {
+              key: l.value,
+              label: l.label,
+              sublabel: l.sublabel,
+              "model-value": w.value.some((h) => h.value === l.value),
+              value: l.value,
+              "onUpdate:modelValue": (h) => i(l)
+            }, null, 8, ["label", "sublabel", "model-value", "value", "onUpdate:modelValue"]))), 128))
+          ], 4)
+        ]),
+        _: 1
+      });
+    };
+  }
+});
+export {
+  Q as _,
+  K as a
+};

package/dist/{Setting-CLBZdtvx.js → Setting-DIAFop5l.js}

@@ -1,11 +1,11 @@
-import { defineComponent as B, ref as H, useModel as J, resolveComponent as h, createElementBlock as k, openBlock as x, createBlock as M, createElementVNode as t, resolveDynamicComponent as ne, unref as e, withCtx as y, createVNode as a, normalizeClass as O, toDisplayString as s, Fragment as K, renderList as Q, withDirectives as E, createTextVNode as ie, vShow as j, watch as me, normalizeStyle as ue } from "vue";
-import { _ as de } from "./Default.vue_vue_type_script_setup_true_lang-B0_QlxYu.js";
-import { u as U, d as z, C as A, D as pe, b as ce } from "./global-loader-CEOgl5uZ.js";
-import { components as I, useSnackbar as W, useBreakpoints as X, FmButtonColorThemeVariant as G } from "@feedmepos/ui-library";
-import { t as N, s as fe } from "./NavigationTab.vue_vue_type_script_setup_true_lang-BdzurgE4.js";
+import { defineComponent as B, ref as H, useModel as J, resolveComponent as h, createElementBlock as k, openBlock as x, createBlock as P, createElementVNode as t, resolveDynamicComponent as ne, unref as e, withCtx as y, createVNode as a, normalizeClass as O, toDisplayString as s, Fragment as K, renderList as Q, withDirectives as M, createTextVNode as ie, vShow as j, watch as me, normalizeStyle as ue } from "vue";
+import { _ as de } from "./Default.vue_vue_type_script_setup_true_lang-DeKEY6-a.js";
+import { u as U, d as z, C as I, D as pe, b as ce } from "./vue-i18n-CbAseuRE.js";
+import { components as A, useSnackbar as W, useBreakpoints as X, FmButtonColorThemeVariant as G } from "@feedmepos/ui-library";
+import { t as N, s as fe } from "./NavigationTab.vue_vue_type_script_setup_true_lang-DpFJ_jYh.js";
 import { u as ve } from "./message-dialog-UoMWOnil.js";
 import { detectLocale as F } from "@feedmepos/mf-common";
-import { _ as Y } from "./SelectComponent.vue_vue_type_script_setup_true_lang-C23-eIYF.js";
+import { _ as Y } from "./SelectComponent.vue_vue_type_script_setup_true_lang-Dq9vY9mj.js";
 import { storeToRefs as _e } from "pinia";
 const ge = { class: "px-5 py-2" }, ye = { class: "flex" }, he = { class: "flex px-5 gap-2" }, xe = { class: "flex flex-col gap-2" }, be = { class: "fm-typo-en-title-sm-600" }, Ce = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Ve = { class: "w-full gap-[24px] flex flex-col pt-2" }, Te = { class: "flex items-center w-full gap-3" }, De = { class: "text-fm-color-typo-primary" }, $e = { class: "text-fm-color-typo-secondary" }, Se = { class: "flex items-center gap-2" }, ke = /* @__PURE__ */ B({
   __name: "ReportHour",
@@ -23,7 +23,7 @@ const ge = { class: "px-5 py-2" }, ye = { class: "flex" }, he = { class: "flex p
       isDefault: !1,
       startTime: { hour: 0, minute: 0 },
       endTime: { hour: 0, minute: 0 }
-    }, { FmForm: c } = I, n = H(), { promptMessage: D } = ve(), b = W(), r = H(JSON.parse(JSON.stringify(l))), i = J(T, "modelValue"), { t: m } = U(), d = () => {
+    }, { FmForm: c } = A, n = H(), { promptMessage: D } = ve(), b = W(), r = H(JSON.parse(JSON.stringify(l))), i = J(T, "modelValue"), { t: m } = U(), d = () => {
       o.value = !1, r.value && p.value === void 0 ? i.value.push(r.value) : i.value[p.value] = r.value;
     }, R = () => {
       var v;
@@ -43,7 +43,7 @@ const ge = { class: "px-5 py-2" }, ye = { class: "flex" }, he = { class: "flex p
       await D({
         title: m("report.setting.reportHour.deleteTitle"),
         message: m("report.setting.reportHour.deleteConfirm", { name: u.name })
-      }) && (i.value = i.value.filter((f, P) => P !== v), i.value.find((f) => f.isDefault) || (i.value[0].isDefault = !0), r.value = l);
+      }) && (i.value = i.value.filter((f, E) => E !== v), i.value.find((f) => f.isDefault) || (i.value[0].isDefault = !0), r.value = l);
     }, oe = (v, u) => {
       v ? i.value = i.value.map(($, C) => ({
         ...$,
@@ -52,11 +52,11 @@ const ge = { class: "px-5 py-2" }, ye = { class: "flex" }, he = { class: "flex p
         ...$,
         isDefault: C === 0
       }));
-    }, { breakpoints: w } = X(), { FmSideSheet: le, FmTopSheet: ae } = I;
+    }, { breakpoints: w } = X(), { FmSideSheet: le, FmTopSheet: ae } = A;
     return (v, u) => {
-      const $ = h("FmTextField"), C = h("FmTimePicker"), f = h("FmButton"), P = h("FmSwitch"), se = h("FmChip"), re = h("FmCard");
+      const $ = h("FmTextField"), C = h("FmTimePicker"), f = h("FmButton"), E = h("FmSwitch"), se = h("FmChip"), re = h("FmCard");
       return x(), k("div", null, [
-        (x(), M(ne(e(w).lg || e(w).md ? e(le) : e(ae)), {
+        (x(), P(ne(e(w).lg || e(w).md ? e(le) : e(ae)), {
           modelValue: o.value,
           "onUpdate:modelValue": u[3] || (u[3] = (g) => o.value = g),
           "fullscreen-size": "sm",
@@ -143,21 +143,21 @@ const ge = { class: "px-5 py-2" }, ye = { class: "flex" }, he = { class: "flex p
           t("p", Ce, s(e(m)("report.setting.reportHour.description")), 1)
         ]),
         t("div", Ve, [
-          (x(!0), k(K, null, Q(i.value, (g, V) => (x(), M(re, {
+          (x(!0), k(K, null, Q(i.value, (g, V) => (x(), P(re, {
             key: `report_${V}`,
             class: "flex p-4",
             variant: "outlined"
           }, {
             default: y(() => [
               t("div", Te, [
-                a(P, {
+                a(E, {
                   "model-value": g.isDefault,
                   "onUpdate:modelValue": (S) => oe(S, V)
                 }, null, 8, ["model-value", "onUpdate:modelValue"]),
                 t("div", null, [
                   t("p", De, [
                     ie(s(g.name) + " ", 1),
-                    E(a(se, {
+                    M(a(se, {
                       label: e(m)("report.common.default"),
                       class: "bg-fm-color-system-info-100 border-fm-color-typo-info text-fm-color-typo-info",
                       compact: ""
@@ -168,7 +168,7 @@ const ge = { class: "px-5 py-2" }, ye = { class: "flex" }, he = { class: "flex p
                   t("p", $e, s(e(N)(g.startTime, e(F)())) + " - " + s(e(N)(g.endTime, e(F)())), 1)
                 ]),
                 u[4] || (u[4] = t("div", { class: "grow" }, null, -1)),
-                E(t("div", Se, [
+                M(t("div", Se, [
                   a(f, {
                     icon: "edit",
                     variant: "tertiary",
@@ -204,12 +204,15 @@ const ge = { class: "px-5 py-2" }, ye = { class: "flex" }, he = { class: "flex p
 }), Fe = { class: "py-2 w-full gap-2 flex flex-col" }, Re = { class: "fm-typo-en-title-sm-600" }, we = /* @__PURE__ */ B({
   __name: "CompareRangeSetting",
   props: {
-    modelValue: { required: !0, default: A.PrecedingPeriod },
+    modelValue: {
+      required: !0,
+      default: I.PRECEDING_PERIOD
+    },
     modelModifiers: {}
   },
   emits: ["update:modelValue"],
   setup(T) {
-    const { t: o } = U(), p = J(T, "modelValue"), l = Object.values(A).map((c) => ({
+    const { t: o } = U(), p = J(T, "modelValue"), l = Object.values(I).map((c) => ({
       label: o(`report.compare.${c}`),
       value: c
     })).slice(0, -1);
@@ -247,7 +250,7 @@ const ge = { class: "px-5 py-2" }, ye = { class: "flex" }, he = { class: "flex p
       }, null, 8, ["modelValue", "label", "items"])
     ]));
   }
-}), Be = { class: "w-2/4" }, Ue = { class: "fm-typo-en-title-sm-600" }, Pe = { class: "text-fm-color-typo-secondary" }, Me = { class: "fm-typo-en-body-lg-600" }, Ee = { class: "text-fm-color-typo-secondary" }, je = { class: "fm-typo-en-body-lg-600" }, Je = { class: "text-fm-color-typo-secondary" }, Le = { class: "fm-typo-en-body-lg-600" }, Ye = /* @__PURE__ */ B({
+}), Be = { class: "w-2/4" }, Ue = { class: "fm-typo-en-title-sm-600" }, Ee = { class: "text-fm-color-typo-secondary" }, Pe = { class: "fm-typo-en-body-lg-600" }, Me = { class: "text-fm-color-typo-secondary" }, je = { class: "fm-typo-en-body-lg-600" }, Je = { class: "text-fm-color-typo-secondary" }, Le = { class: "fm-typo-en-body-lg-600" }, Ye = /* @__PURE__ */ B({
   __name: "Setting",
   setup(T) {
     const { breakpoints: o } = X(), p = ce(), { defaultDateSetting: l } = _e(p), c = W(), { t: n } = U();
@@ -263,7 +266,7 @@ const ge = { class: "px-5 py-2" }, ye = { class: "flex" }, he = { class: "flex p
       { deep: !0 }
     ), (D, b) => {
       const r = h("FmPageHead"), i = h("FmMenuDivider"), m = h("FmCard");
-      return x(), M(de, null, {
+      return x(), P(de, null, {
         default: y(() => [
           a(r, { title: "Settings" }),
           t("div", {
@@ -286,7 +289,7 @@ const ge = { class: "px-5 py-2" }, ye = { class: "flex" }, he = { class: "flex p
                 "onUpdate:modelValue": b[2] || (b[2] = (d) => e(l).defaultCompareType = d)
               }, null, 8, ["modelValue"])
             ], 2),
-            E(t("div", Be, [
+            M(t("div", Be, [
               a(m, {
                 variant: "outlined",
                 class: O(["flex flex-col gap-3", `${e(o).lg || e(o).md ? "mr-5 p-6" : ""}`])
@@ -294,11 +297,11 @@ const ge = { class: "px-5 py-2" }, ye = { class: "flex" }, he = { class: "flex p
                 default: y(() => [
                   t("p", Ue, s(e(n)("report.setting.summary.title")), 1),
                   a(i),
-                  t("p", Pe, s(e(n)("report.setting.summary.reportHour")), 1),
+                  t("p", Ee, s(e(n)("report.setting.summary.reportHour")), 1),
                   (x(!0), k(K, null, Q(e(l).timeOptions, (d, R) => (x(), k("div", { key: R }, [
-                    t("p", Me, s(d.name) + s(d.isDefault ? `(${e(n)("report.setting.reportHour.default")})` : "") + " " + s(e(N)(d.startTime, e(F)())) + " " + s(e(N)(d.endTime, e(F)())) + " " + s(e(fe)(d.startTime, d.endTime)), 1)
+                    t("p", Pe, s(d.name) + s(d.isDefault ? `(${e(n)("report.setting.reportHour.default")})` : "") + " " + s(e(N)(d.startTime, e(F)())) + " " + s(e(N)(d.endTime, e(F)())) + " " + s(e(fe)(d.startTime, d.endTime)), 1)
                   ]))), 128)),
-                  t("p", Ee, s(e(n)("report.setting.summary.defaultDateRange")), 1),
+                  t("p", Me, s(e(n)("report.setting.summary.defaultDateRange")), 1),
                   t("p", je, s(e(n)(`report.date.${e(l).defaultDateRange}`)), 1),
                   t("p", Je, s(e(n)("report.setting.summary.comparisonDateRange")), 1),
                   t("p", Le, s(e(n)(`report.compare.${e(l).defaultCompareType}`)), 1)