@appmax_npm/ds-prime 1.0.0-alpha.177 → 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 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 { 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), be = (e, a) => q(fe(e), a), ve = ["disabled", "data-test"], ge = /* @__PURE__ */ E({
+), 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) => (b(), w("button", {
+    const a = P();
+    return (t, r) => (D(), T("button", {
       type: "button",
-      class: V([d(be)({ 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 ? (b(), T(ie, {
+      t.icon ? (D(), E(ie, {
         key: 0,
         icon: t.icon,
         size: "sm"
-      }, null, 8, ["icon"])) : $("", !0),
-      t.label ? (b(), T(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: I(() => [
+        default: U(() => [
           te(ae(t.label), 1)
         ]),
         _: 1
-      }, 8, ["class"])) : $("", !0)
-    ], 10, ve));
+      }, 8, ["class"])) : R("", !0)
+    ], 10, De));
   }
-}), J = /* @__PURE__ */ de(ge, [["__scopeId", "data-v-e2a79444"]]), De = /* @__PURE__ */ E({
+}), 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 = le(e, "date"), u = t, c = k(), 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) => (b(), w(Y, null, [
-      B(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"]),
-      B(d(ue), {
+      S(i(ue), {
         "data-test": "amdatefilter-popover",
         ref_key: "popover",
         ref: c,
         "pt:content": "!p-0"
       }, {
-        default: I(() => [
-          B(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,60 +137,57 @@ const me = G(
       }, 512)
     ], 64));
   }
-}), v = "America/Sao_Paulo", y = (e = v) => {
+}), 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());
-}, C = (e, a = v) => {
-  const t = y(a);
+}, O = (e, a = p) => {
+  const t = ye(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) => {
+}, 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 [t, n] = e;
-  if (!t || !n)
+  const [t, r] = e;
+  if (!t || !r)
     throw new Error("Datas não podem ser nulas");
-  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",
-  1: "Ontem",
-  7: "7D",
-  14: "14D",
-  30: "30D"
-}, U = (e, a = v) => {
+  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((t) => t instanceof Date ? R(t, a) : String(t));
-}, 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 = x(n), p = x(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 [g, A] = m;
-      if (z(c, g) && z(p, A))
-        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";
   }
-}, F = "Customizar", Se = /* @__PURE__ */ E({
+}, w = "Customizar", xe = /* @__PURE__ */ M({
   inheritAttrs: !1,
   __name: "AmDateFilter",
   props: {
@@ -198,107 +195,104 @@ const me = G(
     defaultSelected: {},
     minDate: {},
     maxDate: {},
-    dateRangeConfigs: { default: () => ({}) },
+    dateRangeConfigs: { default: () => [] },
     disabled: { type: Boolean },
     card: { type: Boolean },
-    timeZone: { default: v }
+    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,
+      modelValue: b,
+      dateRangeConfigs: n,
+      disabled: d,
+      card: v,
       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
+    } = 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
       }))
-    ), P = S(() => ({
-      ...he(g.value),
-      ...s.value
-    })), M = (l) => {
-      h.value = l;
-      const r = P.value[l];
-      if (r) {
-        const o = r();
-        o && (_.value = !0, f.value = o);
+    ), 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 = (l) => {
-      if (_.value) return;
-      const r = U(l, g.value), o = ke(
-        r,
-        O.value,
-        P.value
+    }, Q = (l) => {
+      if (C.value) return;
+      const s = Y(l, g.value), o = Ce(
+        s,
+        A.value,
+        g.value
       );
-      if (h.value !== o && (h.value = o), r && r.length === 2)
+      if (y.value !== o && (y.value = o), s && s.length === 2)
         try {
-          const D = [
-            x(r[0]),
-            x(r[1])
+          const m = [
+            k(s[0]),
+            k(s[1])
           ];
-          (!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);
+          (!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 = () => {
-      M(F);
-    }, Z = (l) => {
-      M(l);
+    }, W = () => {
+      F(w);
+    }, X = (l) => {
+      F(l);
     }, ee = (l) => {
-      const r = U(p.value, g.value);
-      if (r && r.length === 2) return;
-      const o = l !== void 0 ? Ce[l] : F;
-      o && M(o);
+      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 L(p, (l) => W(l), {
+    return B(b, (l) => Q(l), {
       immediate: !0,
       deep: !0
-    }), L(
+    }), B(
       f,
       async (l) => {
-        var r, o;
+        var s, o;
         if ((l == null ? void 0 : l.length) === 2 && l[0] && l[1])
           try {
-            (o = (r = N.value) == null ? void 0 : r.popover) == null || o.hide(), A("update:modelValue", ye(l, g.value)), await re(), _.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 {
-            _.value = !1;
+            C.value = !1;
           }
       },
       { deep: !0 }
-    ), L(n, (l) => ee(l), { immediate: !0 }), (l, r) => (b(), w("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))
     }, [
-      B(De, {
+      S(ge, {
         ref_key: "pickerRef",
-        ref: N,
+        ref: V,
         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
+        "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"]),
-      (b(!0), w(Y, null, se(Q.value, (o) => (b(), T(J, {
+      (D(!0), T($, null, re(J.value, (o) => (D(), E(G, {
         key: o.value,
         selected: o.selected,
-        disabled: d(i),
+        disabled: i(d),
         "data-test": `amdatefilter-toolbar-${o.value.toLowerCase()}`,
         label: o.label,
-        onClick: (D) => Z(o.value)
+        onClick: (m) => X(o.value)
       }, null, 8, ["selected", "disabled", "data-test", "label", "onClick"]))), 128))
     ], 2));
   }
 });
 export {
-  Se as default
+  xe as default
 };

package/package.json

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