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

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

package/package.json

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