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

package/amdatefilter/index.d.ts

@@ -12,6 +12,7 @@ export interface AmDateFilterProps extends AllowedComponentProps {
   maxDate?: Date | null;
   disabled?: boolean;
   card?: boolean;
+  timeZone?: string;
 }
 
 export interface AmDateFilterEmits {

package/amdatefilter/index.js

@@ -1,12 +1,12 @@
-import { defineComponent as V, useAttrs as N, openBlock as g, createElementBlock as _, normalizeClass as S, unref as i, createBlock as M, createCommentVNode as L, withCtx as $, createTextVNode as W, toDisplayString as X, mergeModels as E, useModel as Z, ref as y, Fragment as j, createVNode as T, toRefs as ee, computed as B, watch as x, nextTick as te, renderList as ae } from "vue";
-import { _ as oe } from "../AmText.vue_vue_type_script_setup_true_lang-ZUjjXA8M.js";
-import { _ as le } from "../AmIcon.vue_vue_type_script_setup_true_lang-DWxib5iw.js";
-import { cva as I } from "class-variance-authority";
-import { twMerge as P } from "tailwind-merge";
-import { _ as re } from "../_plugin-vue_export-helper-CHgC5LLL.js";
-import se from "primevue/popover";
-import ne from "primevue/datepicker";
-const ie = I(
+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 { _ 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";
+import { twMerge as q } from "tailwind-merge";
+import { _ as de } from "../_plugin-vue_export-helper-CHgC5LLL.js";
+import ue from "primevue/popover";
+import ce from "primevue/datepicker";
+const me = G(
   "flex w-full h-[39px] bg-white divide-x divide-surface-300 [container-type:inline-size] border border-surface-300",
   {
     variants: {
@@ -20,7 +20,7 @@ const ie = I(
       }
     }
   }
-), de = I(
+), fe = G(
   [
     "flex-1 flex items-center justify-center gap-1.5 px-0.5",
     "cursor-pointer bg-transparent border-solid [border-width:0]",
@@ -44,7 +44,7 @@ const ie = I(
       }
     }
   }
-), ue = (e, t) => P(ie(e), t), ce = (e, t) => P(de(e), t), me = ["disabled", "data-test"], fe = /* @__PURE__ */ V({
+), pe = (e, a) => q(me(e), a), ge = (e, a) => q(fe(e), a), be = ["disabled", "data-test"], ve = /* @__PURE__ */ R({
   inheritAttrs: !1,
   __name: "AmDateFilterButton",
   props: {
@@ -58,34 +58,34 @@ const ie = I(
   },
   emits: ["click"],
   setup(e) {
-    const t = N();
-    return (o, d) => (g(), _("button", {
+    const a = H();
+    return (t, n) => (g(), F("button", {
       type: "button",
-      class: S([i(ce)({ selected: o.selected, disabled: o.disabled, isCustom: o.isCustom }, i(t).class), { "am-date-filter-button--custom": o.isCustom }]),
-      disabled: o.disabled,
-      "data-test": o.dataTest,
-      onClick: d[0] || (d[0] = (f) => o.$emit("click", f))
+      class: V([d(ge)({ 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))
     }, [
-      o.icon ? (g(), M(le, {
+      t.icon ? (g(), L(ie, {
         key: 0,
-        icon: o.icon,
+        icon: t.icon,
         size: "sm"
-      }, null, 8, ["icon"])) : L("", !0),
-      o.label ? (g(), M(oe, {
+      }, null, 8, ["icon"])) : P("", !0),
+      t.label ? (g(), L(ne, {
         key: 1,
         as: "span",
-        class: S(o.hideLabel ? "am-date-filter-label--responsive" : "")
+        class: V(t.hideLabel ? "am-date-filter-label--responsive" : "")
       }, {
-        default: $(() => [
-          W(X(o.label), 1)
+        default: Y(() => [
+          te(ae(t.label), 1)
         ]),
         _: 1
-      }, 8, ["class"])) : L("", !0)
-    ], 10, me));
+      }, 8, ["class"])) : P("", !0)
+    ], 10, be));
   }
-}), H = /* @__PURE__ */ re(fe, [["__scopeId", "data-v-e2a79444"]]), pe = /* @__PURE__ */ V({
+}), J = /* @__PURE__ */ de(ve, [["__scopeId", "data-v-e2a79444"]]), De = /* @__PURE__ */ R({
   __name: "AmDateFilterPicker",
-  props: /* @__PURE__ */ E({
+  props: /* @__PURE__ */ j({
     selected: { type: Boolean, default: !1 },
     disabled: { type: Boolean, default: !1 },
     minDate: {},
@@ -94,39 +94,39 @@ const ie = I(
     date: {},
     dateModifiers: {}
   }),
-  emits: /* @__PURE__ */ E(["click"], ["update:date"]),
-  setup(e, { expose: t, emit: o }) {
-    const d = Z(e, "date"), f = o, u = y(), b = (r) => {
-      var n;
-      (n = u.value) == null || n.toggle(r), f("click", r);
+  emits: /* @__PURE__ */ j(["click"], ["update:date"]),
+  setup(e, { expose: a, emit: t }) {
+    const n = oe(e, "date"), u = t, c = h(), p = (s) => {
+      var i;
+      (i = c.value) == null || i.toggle(s), u("click", s);
     };
-    return t({ popover: u }), (r, n) => (g(), _(j, null, [
-      T(H, {
-        selected: r.selected,
-        disabled: r.disabled,
+    return a({ popover: c }), (s, i) => (g(), F(I, null, [
+      _(J, {
+        selected: s.selected,
+        disabled: s.disabled,
         "is-custom": "",
         "data-test": "amdatefilter-toolbar-custom",
         icon: "calendar_today",
         label: "Customizar",
         "hide-label": "",
-        onClick: b
+        onClick: p
       }, null, 8, ["selected", "disabled"]),
-      T(i(se), {
+      _(d(ue), {
         "data-test": "amdatefilter-popover",
         ref_key: "popover",
-        ref: u,
+        ref: c,
         "pt:content": "!p-0"
       }, {
-        default: $(() => [
-          T(i(ne), {
+        default: Y(() => [
+          _(d(ce), {
             "data-test": "amdatefilter-datepicker",
-            modelValue: d.value,
-            "onUpdate:modelValue": n[0] || (n[0] = (c) => d.value = c),
+            modelValue: n.value,
+            "onUpdate:modelValue": i[0] || (i[0] = (m) => n.value = m),
             selectionMode: "range",
             inline: "",
             dateFormat: "yyyy-mm-dd",
-            minDate: r.minDate,
-            maxDate: r.maxDate,
+            minDate: s.minDate,
+            maxDate: s.maxDate,
             "pt:dayCell": "!p-0",
             "pt:tableHeaderCell": "!p-0",
             "pt:panel": "!p-0 !border-none",
@@ -137,57 +137,63 @@ const ie = I(
       }, 512)
     ], 64));
   }
-}), v = () => {
-  const e = /* @__PURE__ */ new Date();
-  return new Date(Date.UTC(e.getFullYear(), e.getMonth(), e.getDate()));
-}, C = (e) => {
-  const t = v(), o = new Date(t);
-  return o.setUTCDate(t.getUTCDate() + e), o;
-}, z = (e) => new Date(Date.UTC(e.getUTCFullYear(), e.getUTCMonth(), e.getUTCDate())), w = (e, t) => e.getUTCFullYear() === t.getUTCFullYear() && e.getUTCMonth() === t.getUTCMonth() && e.getUTCDate() === t.getUTCDate(), ge = (e) => {
+}), E = "America/Sao_Paulo", v = (e = E) => {
+  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);
+  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) => {
+  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) => {
   if (!Array.isArray(e) || e.length !== 2)
     throw new Error("Range de datas inválido");
-  const [t, o] = e;
-  if (!t || !o)
+  const [a, t] = e;
+  if (!a || !t)
     throw new Error("Datas não podem ser nulas");
-  return [z(t).toISOString(), z(o).toISOString()];
-}, be = {
-  Hoje: () => [v(), v()],
-  Ontem: () => [C(-1), C(-1)],
-  "7D": () => [C(-6), v()],
-  "14D": () => [C(-13), v()],
-  "30D": () => [C(-29), v()],
+  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)],
   Customizar: () => null
-}, De = {
+}), Ce = {
   0: "Hoje",
   1: "Ontem",
   7: "7D",
   14: "14D",
   30: "30D"
-}, ve = (e) => {
+}, U = (e) => {
   if (!(!e || e.length === 0))
-    return e.map((t) => t instanceof Date ? z(t).toISOString() : String(t));
-}, Ce = (e, t, o) => {
+    return e.map((a) => a instanceof Date ? T(a) : String(a));
+}, ke = (e, a, t) => {
   if (!e || e.length !== 2)
     return "Customizar";
   try {
-    const [d, f] = e, u = new Date(d), b = new Date(f);
-    if (isNaN(u.getTime()) || isNaN(b.getTime()))
+    const [n, u] = e, c = S(n), p = S(u);
+    if (isNaN(c.getTime()) || isNaN(p.getTime()))
       return "Customizar";
-    for (const r of t) {
-      if (r === "Customizar") continue;
-      const n = o[r];
-      if (!n) continue;
-      const c = n();
-      if (!c || !Array.isArray(c) || c.length !== 2) continue;
-      const [F, p] = c;
-      if (w(u, F) && w(b, p))
-        return r;
+    for (const s of a) {
+      if (s === "Customizar") continue;
+      const i = t[s];
+      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))
+        return s;
     }
     return "Customizar";
   } catch {
     return "Customizar";
   }
-}, k = "Customizar", Be = /* @__PURE__ */ V({
+}, k = "Customizar", Ae = /* @__PURE__ */ R({
   inheritAttrs: !1,
   __name: "AmDateFilter",
   props: {
@@ -197,101 +203,105 @@ const ie = I(
     maxDate: {},
     dateRangeConfigs: { default: () => ({}) },
     disabled: { type: Boolean },
-    card: { type: Boolean }
+    card: { type: Boolean },
+    timeZone: { default: "America/Sao_Paulo" }
   },
   emits: ["update:modelValue"],
-  setup(e, { emit: t }) {
-    const o = e, {
-      defaultSelected: d,
-      minDate: f,
-      maxDate: u,
-      modelValue: b,
-      dateRangeConfigs: r,
-      disabled: n,
-      card: c
-    } = ee(o), F = t, p = y(k), A = y(), m = y(null), h = y(!1), Y = N(), O = B(() => !r.value || Object.keys(r.value).length === 0 ? ["Hoje", "Ontem", "7D", "14D", "30D"] : Object.keys(r.value)), G = B(
-      () => O.value.map((a) => ({
-        label: a,
-        value: a,
-        selected: p.value === a
+  setup(e, { emit: a }) {
+    const t = e, {
+      defaultSelected: n,
+      minDate: u,
+      maxDate: c,
+      modelValue: p,
+      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
       }))
-    ), R = B(() => ({
-      ...be,
-      ...r.value
-    })), U = (a) => {
-      p.value = a;
-      const l = R.value[a];
-      if (l) {
-        const s = l();
-        s && (h.value = !0, m.value = s);
+    ), O = M(() => ({
+      ...he(w.value),
+      ...s.value
+    })), z = (o) => {
+      D.value = o;
+      const r = O.value[o];
+      if (r) {
+        const l = r();
+        l && (C.value = !0, f.value = l);
       }
-    }, q = (a) => {
-      if (h.value) return;
-      const l = ve(a), s = Ce(
-        l,
-        O.value,
-        R.value
+    }, W = (o) => {
+      if (C.value) return;
+      const r = U(o), l = ke(
+        r,
+        N.value,
+        O.value
       );
-      if (p.value !== s && (p.value = s), l && l.length === 2)
+      if (D.value !== l && (D.value = l), r && r.length === 2)
         try {
-          const D = [
-            new Date(l[0]),
-            new Date(l[1])
+          const b = [
+            S(r[0]),
+            S(r[1])
           ];
-          (!m.value || !w(m.value[0], D[0]) || !w(m.value[1], D[1])) && (m.value = D);
-        } catch (D) {
-          console.warn("Erro ao sincronizar datas do modelValue:", D);
+          (!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);
         }
-    }, J = () => {
-      U(k);
-    }, K = (a) => {
-      U(a);
-    }, Q = (a) => {
-      const l = a !== void 0 ? De[a] : k;
-      l && U(l);
+    }, X = () => {
+      z(k);
+    }, Z = (o) => {
+      z(o);
+    }, ee = (o) => {
+      const r = U(p.value);
+      if (r && r.length === 2) return;
+      const l = o !== void 0 ? Ce[o] : k;
+      l && z(l);
     };
-    return x(b, (a) => q(a), {
+    return A(p, (o) => W(o), {
       immediate: !0,
       deep: !0
-    }), x(
-      m,
-      async (a) => {
-        var l, s;
-        if ((a == null ? void 0 : a.length) === 2 && a[0] && a[1])
+    }), A(
+      f,
+      async (o) => {
+        var r, l;
+        if ((o == null ? void 0 : o.length) === 2 && o[0] && o[1])
           try {
-            (s = (l = A.value) == null ? void 0 : l.popover) == null || s.hide(), F("update:modelValue", ge(a)), await te(), h.value = !1;
+            (l = (r = $.value) == null ? void 0 : r.popover) == null || l.hide(), x("update:modelValue", ye(o)), await re(), C.value = !1;
           } catch {
-            h.value = !1;
+            C.value = !1;
           }
       },
       { deep: !0 }
-    ), x(d, (a) => Q(a), { immediate: !0 }), (a, l) => (g(), _("div", {
+    ), A(n, (o) => ee(o), { immediate: !0 }), (o, r) => (g(), F("div", {
       role: "group",
       "aria-label": "Filtro de período",
-      class: S(i(ue)({ card: i(c), disabled: i(n) }, i(Y).class))
+      class: V(d(pe)({ card: d(m), disabled: d(i) }, d(K).class))
     }, [
-      T(pe, {
+      _(De, {
         ref_key: "pickerRef",
-        ref: A,
-        date: m.value,
-        "onUpdate:date": l[0] || (l[0] = (s) => m.value = s),
-        selected: p.value === k,
-        disabled: i(n),
-        "min-date": i(f),
-        "max-date": i(u),
-        onClick: J
+        ref: $,
+        date: f.value,
+        "onUpdate:date": r[0] || (r[0] = (l) => f.value = l),
+        selected: D.value === k,
+        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), _(j, null, ae(G.value, (s) => (g(), M(H, {
-        key: s.value,
-        selected: s.selected,
-        disabled: i(n),
-        "data-test": `amdatefilter-toolbar-${s.value.toLowerCase()}`,
-        label: s.label,
-        onClick: (D) => K(s.value)
+      (g(!0), F(I, null, se(Q.value, (l) => (g(), L(J, {
+        key: l.value,
+        selected: l.selected,
+        disabled: d(i),
+        "data-test": `amdatefilter-toolbar-${l.value.toLowerCase()}`,
+        label: l.label,
+        onClick: (b) => Z(l.value)
       }, null, 8, ["selected", "disabled", "data-test", "label", "onClick"]))), 128))
     ], 2));
   }
 });
 export {
-  Be as default
+  Ae as default
 };

package/package.json

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