@appmax_npm/ds-prime 1.0.0-alpha.176 → 1.0.0-alpha.177

package/amdatefilter/index.js

@@ -1,4 +1,4 @@
-import { defineComponent as R, useAttrs as H, openBlock as g, createElementBlock as F, normalizeClass as V, unref as d, createBlock as L, createCommentVNode as P, withCtx as Y, createTextVNode as te, toDisplayString as ae, mergeModels as j, useModel as oe, ref as h, Fragment as I, createVNode as _, toRefs as le, computed as M, watch as A, nextTick as re, renderList as se } from "vue";
+import { defineComponent as E, useAttrs as H, openBlock as b, createElementBlock as w, normalizeClass as V, unref as d, createBlock as T, createCommentVNode as $, withCtx as I, createTextVNode as te, toDisplayString as ae, mergeModels as j, useModel as le, ref as k, Fragment as Y, createVNode as B, toRefs as oe, computed as S, watch as L, nextTick as re, renderList as se } from "vue";
 import { _ as ne } from "../AmText.vue_vue_type_script_setup_true_lang-ZUjjXA8M.js";
 import { _ as ie } from "../AmIcon.vue_vue_type_script_setup_true_lang-DWxib5iw.js";
 import { cva as G } from "class-variance-authority";
@@ -44,7 +44,7 @@ const me = G(
       }
     }
   }
-), pe = (e, a) => q(me(e), a), ge = (e, a) => q(fe(e), a), be = ["disabled", "data-test"], ve = /* @__PURE__ */ R({
+), pe = (e, a) => q(me(e), a), be = (e, a) => q(fe(e), a), ve = ["disabled", "data-test"], ge = /* @__PURE__ */ E({
   inheritAttrs: !1,
   __name: "AmDateFilterButton",
   props: {
@@ -59,31 +59,31 @@ const me = G(
   emits: ["click"],
   setup(e) {
     const a = H();
-    return (t, n) => (g(), F("button", {
+    return (t, n) => (b(), w("button", {
       type: "button",
-      class: V([d(ge)({ selected: t.selected, disabled: t.disabled, isCustom: t.isCustom }, d(a).class), { "am-date-filter-button--custom": t.isCustom }]),
+      class: V([d(be)({ selected: t.selected, disabled: t.disabled, isCustom: t.isCustom }, d(a).class), { "am-date-filter-button--custom": t.isCustom }]),
       disabled: t.disabled,
       "data-test": t.dataTest,
       onClick: n[0] || (n[0] = (u) => t.$emit("click", u))
     }, [
-      t.icon ? (g(), L(ie, {
+      t.icon ? (b(), T(ie, {
         key: 0,
         icon: t.icon,
         size: "sm"
-      }, null, 8, ["icon"])) : P("", !0),
-      t.label ? (g(), L(ne, {
+      }, null, 8, ["icon"])) : $("", !0),
+      t.label ? (b(), T(ne, {
         key: 1,
         as: "span",
         class: V(t.hideLabel ? "am-date-filter-label--responsive" : "")
       }, {
-        default: Y(() => [
+        default: I(() => [
           te(ae(t.label), 1)
         ]),
         _: 1
-      }, 8, ["class"])) : P("", !0)
-    ], 10, be));
+      }, 8, ["class"])) : $("", !0)
+    ], 10, ve));
   }
-}), J = /* @__PURE__ */ de(ve, [["__scopeId", "data-v-e2a79444"]]), De = /* @__PURE__ */ R({
+}), J = /* @__PURE__ */ de(ge, [["__scopeId", "data-v-e2a79444"]]), De = /* @__PURE__ */ E({
   __name: "AmDateFilterPicker",
   props: /* @__PURE__ */ j({
     selected: { type: Boolean, default: !1 },
@@ -96,12 +96,12 @@ const me = G(
   }),
   emits: /* @__PURE__ */ j(["click"], ["update:date"]),
   setup(e, { expose: a, emit: t }) {
-    const n = oe(e, "date"), u = t, c = h(), p = (s) => {
+    const n = le(e, "date"), u = t, c = k(), p = (s) => {
       var i;
       (i = c.value) == null || i.toggle(s), u("click", s);
     };
-    return a({ popover: c }), (s, i) => (g(), F(I, null, [
-      _(J, {
+    return a({ popover: c }), (s, i) => (b(), w(Y, null, [
+      B(J, {
         selected: s.selected,
         disabled: s.disabled,
         "is-custom": "",
@@ -111,14 +111,14 @@ const me = G(
         "hide-label": "",
         onClick: p
       }, null, 8, ["selected", "disabled"]),
-      _(d(ue), {
+      B(d(ue), {
         "data-test": "amdatefilter-popover",
         ref_key: "popover",
         ref: c,
         "pt:content": "!p-0"
       }, {
-        default: Y(() => [
-          _(d(ce), {
+        default: I(() => [
+          B(d(ce), {
             "data-test": "amdatefilter-datepicker",
             modelValue: n.value,
             "onUpdate:modelValue": i[0] || (i[0] = (m) => n.value = m),
@@ -137,31 +137,28 @@ const me = G(
       }, 512)
     ], 64));
   }
-}), E = "America/Sao_Paulo", v = (e = E) => {
+}), v = "America/Sao_Paulo", y = (e = v) => {
   const a = /* @__PURE__ */ new Date(), t = new Date(a.toLocaleString("en-US", { timeZone: e }));
   return new Date(t.getFullYear(), t.getMonth(), t.getDate());
-}, y = (e, a = E) => {
-  const t = v(a);
+}, C = (e, a = v) => {
+  const t = y(a);
   return t.setDate(t.getDate() + e), t;
-}, T = (e) => {
-  const a = e.getFullYear(), t = String(e.getMonth() + 1).padStart(2, "0"), n = String(e.getDate()).padStart(2, "0");
-  return `${a}-${t}-${n}`;
-}, S = (e) => {
+}, R = (e, a = v) => e.toLocaleDateString("en-CA", { timeZone: a }), x = (e) => {
   const a = e.split("T")[0], [t, n, u] = a.split("-").map(Number);
   return new Date(t, n - 1, u);
-}, B = (e, a) => e.getFullYear() === a.getFullYear() && e.getMonth() === a.getMonth() && e.getDate() === a.getDate(), ye = (e) => {
+}, z = (e, a) => e.getFullYear() === a.getFullYear() && e.getMonth() === a.getMonth() && e.getDate() === a.getDate(), ye = (e, a = v) => {
   if (!Array.isArray(e) || e.length !== 2)
     throw new Error("Range de datas inválido");
-  const [a, t] = e;
-  if (!a || !t)
+  const [t, n] = e;
+  if (!t || !n)
     throw new Error("Datas não podem ser nulas");
-  return [T(a), T(t)];
-}, he = (e = E) => ({
-  Hoje: () => [v(e), v(e)],
-  Ontem: () => [y(-1, e), y(-1, e)],
-  "7D": () => [y(-6, e), v(e)],
-  "14D": () => [y(-13, e), v(e)],
-  "30D": () => [y(-29, e), v(e)],
+  return [R(t, a), R(n, a)];
+}, he = (e = v) => ({
+  Hoje: () => [y(e), y(e)],
+  Ontem: () => [C(-1, e), C(-1, e)],
+  "7D": () => [C(-6, e), y(e)],
+  "14D": () => [C(-13, e), y(e)],
+  "30D": () => [C(-29, e), y(e)],
   Customizar: () => null
 }), Ce = {
   0: "Hoje",
@@ -169,14 +166,14 @@ const me = G(
   7: "7D",
   14: "14D",
   30: "30D"
-}, U = (e) => {
+}, U = (e, a = v) => {
   if (!(!e || e.length === 0))
-    return e.map((a) => a instanceof Date ? T(a) : String(a));
+    return e.map((t) => t instanceof Date ? R(t, a) : String(t));
 }, ke = (e, a, t) => {
   if (!e || e.length !== 2)
     return "Customizar";
   try {
-    const [n, u] = e, c = S(n), p = S(u);
+    const [n, u] = e, c = x(n), p = x(u);
     if (isNaN(c.getTime()) || isNaN(p.getTime()))
       return "Customizar";
     for (const s of a) {
@@ -185,15 +182,15 @@ const me = G(
       if (!i) continue;
       const m = i();
       if (!m || !Array.isArray(m) || m.length !== 2) continue;
-      const [w, x] = m;
-      if (B(c, w) && B(p, x))
+      const [g, A] = m;
+      if (z(c, g) && z(p, A))
         return s;
     }
     return "Customizar";
   } catch {
     return "Customizar";
   }
-}, k = "Customizar", Ae = /* @__PURE__ */ R({
+}, F = "Customizar", Se = /* @__PURE__ */ E({
   inheritAttrs: !1,
   __name: "AmDateFilter",
   props: {
@@ -204,7 +201,7 @@ const me = G(
     dateRangeConfigs: { default: () => ({}) },
     disabled: { type: Boolean },
     card: { type: Boolean },
-    timeZone: { default: "America/Sao_Paulo" }
+    timeZone: { default: v }
   },
   emits: ["update:modelValue"],
   setup(e, { emit: a }) {
@@ -216,92 +213,92 @@ const me = G(
       dateRangeConfigs: s,
       disabled: i,
       card: m,
-      timeZone: w
-    } = le(t), x = a, D = h(k), $ = h(), f = h(null), C = h(!1), K = H(), N = M(() => !s.value || Object.keys(s.value).length === 0 ? ["Hoje", "Ontem", "7D", "14D", "30D"] : Object.keys(s.value)), Q = M(
-      () => N.value.map((o) => ({
-        label: o,
-        value: o,
-        selected: D.value === o
+      timeZone: g
+    } = oe(t), A = a, h = k(F), N = k(), f = k(null), _ = k(!1), K = H(), O = S(() => !s.value || Object.keys(s.value).length === 0 ? ["Hoje", "Ontem", "7D", "14D", "30D"] : Object.keys(s.value)), Q = S(
+      () => O.value.map((l) => ({
+        label: l,
+        value: l,
+        selected: h.value === l
       }))
-    ), O = M(() => ({
-      ...he(w.value),
+    ), P = S(() => ({
+      ...he(g.value),
       ...s.value
-    })), z = (o) => {
-      D.value = o;
-      const r = O.value[o];
+    })), M = (l) => {
+      h.value = l;
+      const r = P.value[l];
       if (r) {
-        const l = r();
-        l && (C.value = !0, f.value = l);
+        const o = r();
+        o && (_.value = !0, f.value = o);
       }
-    }, W = (o) => {
-      if (C.value) return;
-      const r = U(o), l = ke(
+    }, W = (l) => {
+      if (_.value) return;
+      const r = U(l, g.value), o = ke(
         r,
-        N.value,
-        O.value
+        O.value,
+        P.value
       );
-      if (D.value !== l && (D.value = l), r && r.length === 2)
+      if (h.value !== o && (h.value = o), r && r.length === 2)
         try {
-          const b = [
-            S(r[0]),
-            S(r[1])
+          const D = [
+            x(r[0]),
+            x(r[1])
           ];
-          (!f.value || !B(f.value[0], b[0]) || !B(f.value[1], b[1])) && (f.value = b);
-        } catch (b) {
-          console.warn("Erro ao sincronizar datas do modelValue:", b);
+          (!f.value || !z(f.value[0], D[0]) || !z(f.value[1], D[1])) && (f.value = D);
+        } catch (D) {
+          console.warn("Erro ao sincronizar datas do modelValue:", D);
         }
     }, X = () => {
-      z(k);
-    }, Z = (o) => {
-      z(o);
-    }, ee = (o) => {
-      const r = U(p.value);
+      M(F);
+    }, Z = (l) => {
+      M(l);
+    }, ee = (l) => {
+      const r = U(p.value, g.value);
       if (r && r.length === 2) return;
-      const l = o !== void 0 ? Ce[o] : k;
-      l && z(l);
+      const o = l !== void 0 ? Ce[l] : F;
+      o && M(o);
     };
-    return A(p, (o) => W(o), {
+    return L(p, (l) => W(l), {
       immediate: !0,
       deep: !0
-    }), A(
+    }), L(
       f,
-      async (o) => {
-        var r, l;
-        if ((o == null ? void 0 : o.length) === 2 && o[0] && o[1])
+      async (l) => {
+        var r, o;
+        if ((l == null ? void 0 : l.length) === 2 && l[0] && l[1])
           try {
-            (l = (r = $.value) == null ? void 0 : r.popover) == null || l.hide(), x("update:modelValue", ye(o)), await re(), C.value = !1;
+            (o = (r = N.value) == null ? void 0 : r.popover) == null || o.hide(), A("update:modelValue", ye(l, g.value)), await re(), _.value = !1;
           } catch {
-            C.value = !1;
+            _.value = !1;
           }
       },
       { deep: !0 }
-    ), A(n, (o) => ee(o), { immediate: !0 }), (o, r) => (g(), F("div", {
+    ), L(n, (l) => ee(l), { immediate: !0 }), (l, r) => (b(), w("div", {
       role: "group",
       "aria-label": "Filtro de período",
       class: V(d(pe)({ card: d(m), disabled: d(i) }, d(K).class))
     }, [
-      _(De, {
+      B(De, {
         ref_key: "pickerRef",
-        ref: $,
+        ref: N,
         date: f.value,
-        "onUpdate:date": r[0] || (r[0] = (l) => f.value = l),
-        selected: D.value === k,
+        "onUpdate:date": r[0] || (r[0] = (o) => f.value = o),
+        selected: h.value === F,
         disabled: d(i),
         "min-date": d(u) || void 0,
         "max-date": d(c) || void 0,
         onClick: X
       }, null, 8, ["date", "selected", "disabled", "min-date", "max-date"]),
-      (g(!0), F(I, null, se(Q.value, (l) => (g(), L(J, {
-        key: l.value,
-        selected: l.selected,
+      (b(!0), w(Y, null, se(Q.value, (o) => (b(), T(J, {
+        key: o.value,
+        selected: o.selected,
         disabled: d(i),
-        "data-test": `amdatefilter-toolbar-${l.value.toLowerCase()}`,
-        label: l.label,
-        onClick: (b) => Z(l.value)
+        "data-test": `amdatefilter-toolbar-${o.value.toLowerCase()}`,
+        label: o.label,
+        onClick: (D) => Z(o.value)
       }, null, 8, ["selected", "disabled", "data-test", "label", "onClick"]))), 128))
     ], 2));
   }
 });
 export {
-  Ae as default
+  Se as default
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@appmax_npm/ds-prime",
-  "version": "1.0.0-alpha.176",
+  "version": "1.0.0-alpha.177",
   "description": "Design System da Appmax baseado no Primevue",
   "author": "Appmax",
   "exports": {