@appmax_npm/ds-prime 1.0.0-alpha.154 → 1.0.0-alpha.156

package/amdatefilter/index.js

@@ -1,186 +1,191 @@
-import { defineComponent as V, toRefs as B, ref as p, computed as v, watch as g, nextTick as R, openBlock as U, createElementBlock as Y, createVNode as y, unref as u, withCtx as q } from "vue";
-import G from "primevue/menu";
-import J from "primevue/popover";
-import K from "primevue/datepicker";
-import { _ as Q } from "../_plugin-vue_export-helper-CHgC5LLL.js";
-const W = /* @__PURE__ */ V({
+import { defineComponent as Z, toRefs as ee, ref as n, onMounted as te, onUnmounted as ae, computed as v, watch as x, nextTick as oe, openBlock as _, createElementBlock as F, createVNode as g, unref as i, withCtx as D, createTextVNode as T, toDisplayString as A, Fragment as re, renderList as ne, createBlock as se, normalizeClass as le, normalizeStyle as ie } from "vue";
+import ce from "primevue/popover";
+import ue from "primevue/datepicker";
+import E from "../ambutton/index.js";
+import de from "primevue/buttongroup";
+import { _ as me } from "../_plugin-vue_export-helper-CHgC5LLL.js";
+const fe = /* @__PURE__ */ Z({
   __name: "AmDateFilter",
   props: {
-    defaultSelected: {},
     modelValue: {},
+    defaultSelected: {},
     minDate: {},
     maxDate: {},
-    class: {},
-    style: {}
+    dateRangeConfigs: { default: () => ({}) }
   },
   emits: ["update:modelValue"],
-  setup(b, { emit: x }) {
-    const z = b, { defaultSelected: w, minDate: E, maxDate: _, modelValue: F } = B(z), O = x, d = p("Customizar"), D = p(), n = p(null), f = p(!1), S = v(() => ({
-      root: {
-        class: "!min-w-0 am-date-filter"
-      },
-      list: {
-        class: "!flex-row !p-0"
-      },
-      item: {
-        class: "w-full"
-      },
-      itemLink: {
-        class: "!px-[7px] !py-[5px] hover:bg-[#EBE1FE] !text-[#858585] !text-sm !min-h-[34px] justify-center"
-      },
-      itemIcon: {
-        class: "!text-[#858585] !text-sm"
-      }
-    })), s = () => {
+  setup(H, { emit: N }) {
+    const V = H, { defaultSelected: j, minDate: L, maxDate: I, modelValue: M, dateRangeConfigs: c } = ee(V), P = N, s = n("Customizar"), y = n(), o = n(null), u = n(!1), k = n(0), C = n(null), b = new ResizeObserver((e) => {
+      k.value = e[0].contentRect.width;
+    });
+    te(() => {
+      C.value && b.observe(C.value);
+    }), ae(() => {
+      b.disconnect();
+    });
+    const U = v(() => ((a) => a >= 670 ? "Customizar" : "")(k.value)), S = v(() => !c.value || Object.keys(c.value).length === 0 ? ["Hoje", "Ontem", "7D", "14D", "30D"] : Object.keys(c.value)), R = v(() => S.value.map((e) => ({
+      label: e,
+      value: e,
+      selected: s.value === e
+    }))), r = () => {
       const e = /* @__PURE__ */ new Date();
       return e.setHours(0, 0, 0, 0), e;
-    }, r = (e) => {
-      const t = s(), a = new Date(t);
-      return a.setDate(t.getDate() + e), a;
-    }, h = (e) => {
-      const t = new Date(e);
-      return t.setHours(0, 0, 0, 0), t;
-    }, o = (e, t) => e.getFullYear() === t.getFullYear() && e.getMonth() === t.getMonth() && e.getDate() === t.getDate(), H = (e) => {
+    }, l = (e) => {
+      const a = r(), t = new Date(a);
+      return t.setDate(a.getDate() + e), t;
+    }, d = (e) => {
+      const a = new Date(e);
+      return a.setHours(0, 0, 0, 0), a;
+    }, m = (e, a) => e.getFullYear() === a.getFullYear() && e.getMonth() === a.getMonth() && e.getDate() === a.getDate(), Y = (e) => {
       if (!e || e.length !== 2)
         return "Customizar";
       try {
-        const [t, a] = e, i = h(new Date(t)), c = h(new Date(a));
-        if (isNaN(i.getTime()) || isNaN(c.getTime()))
+        const [a, t] = e, f = d(new Date(a)), w = d(new Date(t));
+        if (isNaN(f.getTime()) || isNaN(w.getTime()))
           return "Customizar";
-        const m = s(), C = r(-1), N = r(-6), P = r(-13), T = r(-29);
-        return o(i, m) && o(c, m) ? "Hoje" : o(i, C) && o(c, C) ? "Ontem" : o(i, N) && o(c, m) ? "7D" : o(i, P) && o(c, m) ? "14D" : o(i, T) && o(c, m) ? "30D" : "Customizar";
+        for (const z of S.value) {
+          if (z === "Customizar") continue;
+          const B = O.value[z];
+          if (!B) continue;
+          const p = B();
+          if (!p || !Array.isArray(p) || p.length !== 2) continue;
+          const [Q, X] = p;
+          if (m(f, d(Q)) && m(w, d(X)))
+            return z;
+        }
+        return "Customizar";
       } catch {
         return "Customizar";
       }
-    }, k = v(() => ({
-      Hoje: () => [s(), s()],
-      Ontem: () => [r(-1), r(-1)],
-      "7D": () => [r(-6), s()],
-      "14D": () => [r(-13), s()],
-      "30D": () => [r(-29), s()],
+    }, $ = {
+      Hoje: () => [r(), r()],
+      Ontem: () => [l(-1), l(-1)],
+      "7D": () => [l(-6), r()],
+      "14D": () => [l(-13), r()],
+      "30D": () => [l(-29), r()],
       Customizar: () => null
-    })), l = (e) => {
-      d.value = e;
-      const t = k.value[e];
-      if (t) {
-        const a = t();
-        a && (f.value = !0, n.value = a);
+    }, O = v(() => ({
+      ...$,
+      ...c.value
+    })), h = (e) => {
+      s.value = e;
+      const a = O.value[e];
+      if (a) {
+        const t = a();
+        t && (u.value = !0, o.value = t);
       }
-    }, j = (e) => {
-      if (f.value)
+    }, G = (e) => {
+      if (u.value)
         return;
-      const t = H(e);
-      if (d.value !== t && (d.value = t), e && e.length === 2)
+      const a = Y(e);
+      if (s.value !== a && (s.value = a), e && e.length === 2)
         try {
-          const a = [
+          const t = [
             new Date(e[0]),
             new Date(e[1])
           ];
-          (!n.value || !o(n.value[0], a[0]) || !o(n.value[1], a[1])) && (n.value = a);
-        } catch (a) {
-          console.warn("Erro ao sincronizar datas do modelValue:", a);
+          (!o.value || !m(o.value[0], t[0]) || !m(o.value[1], t[1])) && (o.value = t);
+        } catch (t) {
+          console.warn("Erro ao sincronizar datas do modelValue:", t);
         }
-    }, A = (e) => {
-      var t;
-      (t = D.value) == null || t.toggle(e), l("Customizar");
-    }, I = v(() => {
-      const e = d.value, t = (a) => e === a ? "bg-[#EBE1FE]" : "";
-      return [
-        {
-          label: "Customizar",
-          icon: "pi pi-calendar",
-          command: (a) => A(a.originalEvent),
-          class: [
-            "am-v3-date-filter-selector-item-customize",
-            "custom",
-            t("Customizar")
-          ]
-        },
-        {
-          label: "Hoje",
-          command: () => l("Hoje"),
-          class: ["am-v3-date-filter-selector-item-today", t("Hoje")]
-        },
-        {
-          label: "Ontem",
-          command: () => l("Ontem"),
-          class: ["am-v3-date-filter-selector-item-yesterday", t("Ontem")]
-        },
-        {
-          label: "7D",
-          command: () => l("7D"),
-          class: ["am-v3-date-filter-selector-item-7d", t("7D")]
-        },
-        {
-          label: "14D",
-          command: () => l("14D"),
-          class: ["am-v3-date-filter-selector-item-14d", t("14D")]
-        },
-        {
-          label: "30D",
-          command: () => l("30D"),
-          class: ["am-v3-date-filter-selector-item-30d", t("30D")]
-        }
-      ];
-    }), L = (e) => {
-      const a = e !== void 0 ? {
+    }, W = (e) => {
+      var a;
+      (a = y.value) == null || a.toggle(e), h("Customizar");
+    }, q = (e) => {
+      h(e);
+    }, J = (e) => {
+      const t = e !== void 0 ? {
         0: "Hoje",
         1: "Ontem",
         7: "7D",
         14: "14D",
         30: "30D"
       }[e] : "Customizar";
-      a && l(a);
-    }, M = (e) => {
+      t && h(t);
+    }, K = (e) => {
       if (!Array.isArray(e) || e.length !== 2)
         throw new Error("Range de datas inválido");
-      const [t, a] = e;
-      if (!t || !a)
+      const [a, t] = e;
+      if (!a || !t)
         throw new Error("Datas não podem ser nulas");
-      return [t.toISOString(), a.toISOString()];
+      return [a.toISOString(), t.toISOString()];
     };
-    return g(
-      F,
+    return x(
+      M,
       (e) => {
-        j(e);
+        G(e);
       },
       { immediate: !0, deep: !0 }
-    ), g(
-      n,
+    ), x(
+      o,
       async (e) => {
-        var t;
+        var a;
         if ((e == null ? void 0 : e.length) === 2 && e[0] && e[1])
           try {
-            (t = D.value) == null || t.hide();
-            const a = M(e);
-            O("update:modelValue", a), await R(), f.value = !1;
+            (a = y.value) == null || a.hide();
+            const t = K(e);
+            P("update:modelValue", t), await oe(), u.value = !1;
           } catch {
-            f.value = !1;
+            u.value = !1;
           }
       },
       { deep: !0 }
-    ), g(w, (e) => L(e), { immediate: !0 }), (e, t) => (U(), Y("div", null, [
-      y(u(G), {
-        "data-test": "amdatefilter-toolbar",
-        model: I.value,
-        pt: S.value
-      }, null, 8, ["model", "pt"]),
-      y(u(J), {
+    ), x(j, (e) => J(e), { immediate: !0 }), (e, a) => (_(), F("div", {
+      ref_key: "wrapperRef",
+      ref: C,
+      class: "am-date-filter-wrapper"
+    }, [
+      g(i(de), { class: "h-full w-full" }, {
+        default: D(() => [
+          g(E, {
+            size: "small",
+            text: s.value !== "Customizar",
+            icon: "calendar_today",
+            style: { "border-right": "1px solid #ddd" },
+            onClick: W,
+            "data-test": "amdatefilter-toolbar-custom",
+            class: "am-v3-date-filter-custom w-32"
+          }, {
+            default: D(() => [
+              T(A(U.value), 1)
+            ]),
+            _: 1
+          }, 8, ["text"]),
+          (_(!0), F(re, null, ne(R.value, (t, f) => (_(), se(E, {
+            key: t.value,
+            size: "small",
+            class: le((t.selected, "w-32")),
+            disabled: t.selected,
+            text: !t.selected,
+            severity: t.selected ? void 0 : "secondary",
+            style: ie(t.selected || R.value.length - 1 === f ? "" : "border-right: 1px solid #ddd"),
+            onClick: (w) => q(t.value),
+            "data-test": `amdatefilter-toolbar-${t.value.toLowerCase()}`
+          }, {
+            default: D(() => [
+              T(A(t.label), 1)
+            ]),
+            _: 2
+          }, 1032, ["class", "disabled", "text", "severity", "style", "onClick", "data-test"]))), 128))
+        ]),
+        _: 1
+      }),
+      g(i(ce), {
         "data-test": "amdatefilter-popover",
         ref_key: "popover",
-        ref: D,
+        ref: y,
         "pt:content": "!p-0"
       }, {
-        default: q(() => [
-          y(u(K), {
+        default: D(() => [
+          g(i(ue), {
             "data-test": "amdatefilter-datepicker",
-            modelValue: n.value,
-            "onUpdate:modelValue": t[0] || (t[0] = (a) => n.value = a),
+            modelValue: o.value,
+            "onUpdate:modelValue": a[0] || (a[0] = (t) => o.value = t),
             selectionMode: "range",
             inline: "",
             dateFormat: "yyyy-mm-dd",
-            minDate: u(E),
-            maxDate: u(_),
+            minDate: i(L),
+            maxDate: i(I),
             "pt:dayCell": "!p-0",
             "pt:tableHeaderCell": "!p-0",
             "pt:panel": "!p-0 !border-none",
@@ -189,9 +194,9 @@ const W = /* @__PURE__ */ V({
         ]),
         _: 1
       }, 512)
-    ]));
+    ], 512));
   }
-}), ae = /* @__PURE__ */ Q(W, [["__scopeId", "data-v-5f5e9eaf"]]);
+}), he = /* @__PURE__ */ me(fe, [["__scopeId", "data-v-368d1bb6"]]);
 export {
-  ae as default
+  he as default
 };