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

package/amdatefilter/index.d.ts

@@ -5,11 +5,19 @@ import {
   VNode,
 } from 'vue';
 
+export type DateRangeOffsets = [number, number];
+
+export interface DateRangePeriod {
+  label: string;
+  offsets: DateRangeOffsets;
+}
+
 export interface AmDateFilterProps extends AllowedComponentProps {
   defaultSelected?: 0 | 1 | 7 | 14 | 30;
   modelValue?: string[] | Date[];
   minDate?: Date | null;
   maxDate?: Date | null;
+  dateRangeConfigs?: DateRangePeriod[];
   disabled?: boolean;
   card?: boolean;
   timeZone?: string;
@@ -19,6 +27,17 @@ export interface AmDateFilterEmits {
   'update:modelValue': [value: string[]];
 }
 
+export declare const AmDateFilterPeriods: {
+  readonly TODAY: DateRangePeriod;
+  readonly YESTERDAY: DateRangePeriod;
+  readonly LAST_7D: DateRangePeriod;
+  readonly LAST_14D: DateRangePeriod;
+  readonly LAST_30D: DateRangePeriod;
+  readonly LAST_60D: DateRangePeriod;
+  readonly LAST_90D: DateRangePeriod;
+  readonly LAST_365D: DateRangePeriod;
+};
+
 declare const AmDateFilter: DefineComponent<AmDateFilterProps, AmDateFilterEmits>;
 
 export default AmDateFilter;

package/amdatefilter/index.js

@@ -1,12 +1,12 @@
-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 M, useAttrs as P, openBlock as D, createElementBlock as T, normalizeClass as x, unref as i, createBlock as E, createCommentVNode as R, withCtx as U, createTextVNode as te, toDisplayString as ae, mergeModels as K, useModel as le, ref as _, Fragment as $, createVNode as S, toRefs as oe, computed as N, watch as B, nextTick as se, renderList as re } 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 { cva as I } from "class-variance-authority";
+import { twMerge as j } 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(
+const fe = I(
   "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 me = G(
       }
     }
   }
-), fe = G(
+), me = I(
   [
     "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 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) => j(fe(e), a), be = (e, a) => j(me(e), a), De = ["disabled", "data-test"], ve = /* @__PURE__ */ M({
   inheritAttrs: !1,
   __name: "AmDateFilterButton",
   props: {
@@ -58,34 +58,34 @@ const me = G(
   },
   emits: ["click"],
   setup(e) {
-    const a = H();
-    return (t, n) => (g(), F("button", {
+    const a = P();
+    return (t, r) => (D(), T("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: x([i(be)({ selected: t.selected, disabled: t.disabled, isCustom: t.isCustom }, i(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))
+      onClick: r[0] || (r[0] = (u) => t.$emit("click", u))
     }, [
-      t.icon ? (g(), L(ie, {
+      t.icon ? (D(), E(ie, {
         key: 0,
         icon: t.icon,
         size: "sm"
-      }, null, 8, ["icon"])) : P("", !0),
-      t.label ? (g(), L(ne, {
+      }, null, 8, ["icon"])) : R("", !0),
+      t.label ? (D(), E(ne, {
         key: 1,
         as: "span",
-        class: V(t.hideLabel ? "am-date-filter-label--responsive" : "")
+        class: x(t.hideLabel ? "am-date-filter-label--responsive" : "")
       }, {
-        default: Y(() => [
+        default: U(() => [
           te(ae(t.label), 1)
         ]),
         _: 1
-      }, 8, ["class"])) : P("", !0)
-    ], 10, be));
+      }, 8, ["class"])) : R("", !0)
+    ], 10, De));
   }
-}), J = /* @__PURE__ */ de(ve, [["__scopeId", "data-v-e2a79444"]]), De = /* @__PURE__ */ R({
+}), G = /* @__PURE__ */ de(ve, [["__scopeId", "data-v-e2a79444"]]), ge = /* @__PURE__ */ M({
   __name: "AmDateFilterPicker",
-  props: /* @__PURE__ */ j({
+  props: /* @__PURE__ */ K({
     selected: { type: Boolean, default: !1 },
     disabled: { type: Boolean, default: !1 },
     minDate: {},
@@ -94,39 +94,39 @@ const me = G(
     date: {},
     dateModifiers: {}
   }),
-  emits: /* @__PURE__ */ j(["click"], ["update:date"]),
+  emits: /* @__PURE__ */ K(["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);
+    const r = le(e, "date"), u = t, c = _(), b = (n) => {
+      var d;
+      (d = c.value) == null || d.toggle(n), u("click", n);
     };
-    return a({ popover: c }), (s, i) => (g(), F(I, null, [
-      _(J, {
-        selected: s.selected,
-        disabled: s.disabled,
+    return a({ popover: c }), (n, d) => (D(), T($, null, [
+      S(G, {
+        selected: n.selected,
+        disabled: n.disabled,
         "is-custom": "",
         "data-test": "amdatefilter-toolbar-custom",
         icon: "calendar_today",
         label: "Customizar",
         "hide-label": "",
-        onClick: p
+        onClick: b
       }, null, 8, ["selected", "disabled"]),
-      _(d(ue), {
+      S(i(ue), {
         "data-test": "amdatefilter-popover",
         ref_key: "popover",
         ref: c,
         "pt:content": "!p-0"
       }, {
-        default: Y(() => [
-          _(d(ce), {
+        default: U(() => [
+          S(i(ce), {
             "data-test": "amdatefilter-datepicker",
-            modelValue: n.value,
-            "onUpdate:modelValue": i[0] || (i[0] = (m) => n.value = m),
+            modelValue: r.value,
+            "onUpdate:modelValue": d[0] || (d[0] = (v) => r.value = v),
             selectionMode: "range",
             inline: "",
             dateFormat: "yyyy-mm-dd",
-            minDate: s.minDate,
-            maxDate: s.maxDate,
+            minDate: n.minDate,
+            maxDate: n.maxDate,
             "pt:dayCell": "!p-0",
             "pt:tableHeaderCell": "!p-0",
             "pt:panel": "!p-0 !border-none",
@@ -137,63 +137,57 @@ const me = G(
       }, 512)
     ], 64));
   }
-}), E = "America/Sao_Paulo", v = (e = E) => {
+}), p = "America/Sao_Paulo", ye = (e = p) => {
   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);
+}, O = (e, a = p) => {
+  const t = ye(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) => {
+}, z = (e, a = p) => e.toLocaleDateString("en-CA", { timeZone: a }), k = (e) => {
+  const a = e.split("T")[0], [t, r, u] = a.split("-").map(Number);
+  return new Date(t, r - 1, u);
+}, L = (e, a) => e.getFullYear() === a.getFullYear() && e.getMonth() === a.getMonth() && e.getDate() === a.getDate(), he = (e, a = p) => {
   if (!Array.isArray(e) || e.length !== 2)
     throw new Error("Range de datas inválido");
-  const [a, t] = e;
-  if (!a || !t)
+  const [t, r] = e;
+  if (!t || !r)
     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)],
-  Customizar: () => null
-}), Ce = {
-  0: "Hoje",
-  1: "Ontem",
-  7: "7D",
-  14: "14D",
-  30: "30D"
-}, U = (e) => {
+  return [z(t, a), z(r, a)];
+}, H = (e, a = p) => [O(e[0], a), O(e[1], a)], h = {
+  TODAY: { label: "Hoje", offsets: [0, 0], defaultKey: 0 },
+  YESTERDAY: { label: "Ontem", offsets: [-1, -1], defaultKey: 1 },
+  LAST_7D: { label: "7D", offsets: [-6, 0], defaultKey: 7 },
+  LAST_14D: { label: "14D", offsets: [-13, 0], defaultKey: 14 },
+  LAST_30D: { label: "30D", offsets: [-29, 0], defaultKey: 30 },
+  LAST_60D: { label: "60D", offsets: [-59, 0], defaultKey: 60 },
+  LAST_90D: { label: "90D", offsets: [-89, 0], defaultKey: 90 },
+  LAST_365D: { label: "365D", offsets: [-364, 0], defaultKey: 365 }
+}, _e = [
+  h.TODAY,
+  h.YESTERDAY,
+  h.LAST_7D,
+  h.LAST_14D,
+  h.LAST_30D
+], Y = (e, a = p) => {
   if (!(!e || e.length === 0))
-    return e.map((a) => a instanceof Date ? T(a) : String(a));
-}, ke = (e, a, t) => {
+    return e.map((t) => t instanceof Date ? z(t, a) : String(t));
+}, Ce = (e, a, t = p) => {
   if (!e || e.length !== 2)
     return "Customizar";
   try {
-    const [n, u] = e, c = S(n), p = S(u);
-    if (isNaN(c.getTime()) || isNaN(p.getTime()))
+    const [r, u] = e, c = k(r), b = k(u);
+    if (isNaN(c.getTime()) || isNaN(b.getTime()))
       return "Customizar";
-    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;
+    for (const n of a) {
+      const [d, v] = H(n.offsets, t);
+      if (L(c, d) && L(b, v))
+        return n.label;
     }
     return "Customizar";
   } catch {
     return "Customizar";
   }
-}, k = "Customizar", Ae = /* @__PURE__ */ R({
+}, w = "Customizar", xe = /* @__PURE__ */ M({
   inheritAttrs: !1,
   __name: "AmDateFilter",
   props: {
@@ -201,107 +195,104 @@ const me = G(
     defaultSelected: {},
     minDate: {},
     maxDate: {},
-    dateRangeConfigs: { default: () => ({}) },
+    dateRangeConfigs: { default: () => [] },
     disabled: { type: Boolean },
     card: { type: Boolean },
-    timeZone: { default: "America/Sao_Paulo" }
+    timeZone: { default: p }
   },
   emits: ["update:modelValue"],
   setup(e, { emit: a }) {
     const t = e, {
-      defaultSelected: n,
+      defaultSelected: r,
       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
+      modelValue: b,
+      dateRangeConfigs: n,
+      disabled: d,
+      card: v,
+      timeZone: g
+    } = oe(t), Z = a, y = _(w), V = _(), f = _(null), C = _(!1), q = P(), A = N(() => !n.value || n.value.length === 0 ? _e : n.value), J = N(
+      () => A.value.map((l) => ({
+        label: l.label,
+        value: l.label,
+        selected: y.value === l.label
       }))
-    ), 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);
+    ), F = (l) => {
+      y.value = l;
+      const s = A.value.find((o) => o.label === l);
+      if (s) {
+        const o = H(s.offsets, g.value);
+        C.value = !0, f.value = o;
       }
-    }, W = (o) => {
+    }, Q = (l) => {
       if (C.value) return;
-      const r = U(o), l = ke(
-        r,
-        N.value,
-        O.value
+      const s = Y(l, g.value), o = Ce(
+        s,
+        A.value,
+        g.value
       );
-      if (D.value !== l && (D.value = l), r && r.length === 2)
+      if (y.value !== o && (y.value = o), s && s.length === 2)
         try {
-          const b = [
-            S(r[0]),
-            S(r[1])
+          const m = [
+            k(s[0]),
+            k(s[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 || !L(f.value[0], m[0]) || !L(f.value[1], m[1])) && (f.value = m);
+        } catch (m) {
+          console.warn("Erro ao sincronizar datas do modelValue:", m);
         }
-    }, 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);
+    }, W = () => {
+      F(w);
+    }, X = (l) => {
+      F(l);
+    }, ee = (l) => {
+      const s = Y(b.value, g.value);
+      if (s && s.length === 2 || l === void 0) return;
+      const o = A.value.find((m) => m.defaultKey === l);
+      o && F(o.label);
     };
-    return A(p, (o) => W(o), {
+    return B(b, (l) => Q(l), {
       immediate: !0,
       deep: !0
-    }), A(
+    }), B(
       f,
-      async (o) => {
-        var r, l;
-        if ((o == null ? void 0 : o.length) === 2 && o[0] && o[1])
+      async (l) => {
+        var s, 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 = (s = V.value) == null ? void 0 : s.popover) == null || o.hide(), Z("update:modelValue", he(l, g.value)), await se(), C.value = !1;
           } catch {
             C.value = !1;
           }
       },
       { deep: !0 }
-    ), A(n, (o) => ee(o), { immediate: !0 }), (o, r) => (g(), F("div", {
+    ), B(r, (l) => ee(l), { immediate: !0 }), (l, s) => (D(), T("div", {
       role: "group",
       "aria-label": "Filtro de período",
-      class: V(d(pe)({ card: d(m), disabled: d(i) }, d(K).class))
+      class: x(i(pe)({ card: i(v), disabled: i(d) }, i(q).class))
     }, [
-      _(De, {
+      S(ge, {
         ref_key: "pickerRef",
-        ref: $,
+        ref: V,
         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
+        "onUpdate:date": s[0] || (s[0] = (o) => f.value = o),
+        selected: y.value === w,
+        disabled: i(d),
+        "min-date": i(u) || void 0,
+        "max-date": i(c) || void 0,
+        onClick: W
       }, 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,
-        disabled: d(i),
-        "data-test": `amdatefilter-toolbar-${l.value.toLowerCase()}`,
-        label: l.label,
-        onClick: (b) => Z(l.value)
+      (D(!0), T($, null, re(J.value, (o) => (D(), E(G, {
+        key: o.value,
+        selected: o.selected,
+        disabled: i(d),
+        "data-test": `amdatefilter-toolbar-${o.value.toLowerCase()}`,
+        label: o.label,
+        onClick: (m) => X(o.value)
       }, null, 8, ["selected", "disabled", "data-test", "label", "onClick"]))), 128))
     ], 2));
   }
 });
 export {
-  Ae as default
+  xe 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.178",
   "description": "Design System da Appmax baseado no Primevue",
   "author": "Appmax",
   "exports": {