@appmax_npm/ds-prime 1.0.0-alpha.179 → 1.0.0-alpha.180

package/amdatefilter/index.d.ts

@@ -10,10 +10,11 @@ export type DateRangeOffsets = [number, number];
 export interface DateRangePeriod {
   label: string;
   offsets: DateRangeOffsets;
+  defaultKey?: number;
 }
 
 export interface AmDateFilterProps extends AllowedComponentProps {
-  defaultSelected?: 0 | 1 | 7 | 14 | 30;
+  defaultSelected?: number;
   modelValue?: string[] | Date[];
   minDate?: Date | null;
   maxDate?: Date | null;

package/amdatefilter/index.js

@@ -1,4 +1,4 @@
-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 { defineComponent as V, useAttrs as P, openBlock as v, createElementBlock as k, normalizeClass as x, unref as i, createBlock as E, createCommentVNode as z, withCtx as U, createTextVNode as te, toDisplayString as ae, mergeModels as K, useModel as le, ref as C, Fragment as $, createVNode as T, toRefs as oe, computed as N, watch as w, 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 I } from "class-variance-authority";
@@ -44,7 +44,7 @@ const fe = I(
       }
     }
   }
-), pe = (e, a) => j(fe(e), a), be = (e, a) => j(me(e), a), De = ["disabled", "data-test"], ve = /* @__PURE__ */ M({
+), pe = (e, a) => j(fe(e), a), be = (e, a) => j(me(e), a), De = ["disabled", "data-test"], ve = /* @__PURE__ */ V({
   inheritAttrs: !1,
   __name: "AmDateFilterButton",
   props: {
@@ -59,19 +59,19 @@ const fe = I(
   emits: ["click"],
   setup(e) {
     const a = P();
-    return (t, r) => (D(), T("button", {
+    return (t, r) => (v(), k("button", {
       type: "button",
       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: r[0] || (r[0] = (u) => t.$emit("click", u))
     }, [
-      t.icon ? (D(), E(ie, {
+      t.icon ? (v(), E(ie, {
         key: 0,
         icon: t.icon,
         size: "sm"
-      }, null, 8, ["icon"])) : R("", !0),
-      t.label ? (D(), E(ne, {
+      }, null, 8, ["icon"])) : z("", !0),
+      t.label ? (v(), E(ne, {
         key: 1,
         as: "span",
         class: x(t.hideLabel ? "am-date-filter-label--responsive" : "")
@@ -80,10 +80,10 @@ const fe = I(
           te(ae(t.label), 1)
         ]),
         _: 1
-      }, 8, ["class"])) : R("", !0)
+      }, 8, ["class"])) : z("", !0)
     ], 10, De));
   }
-}), G = /* @__PURE__ */ de(ve, [["__scopeId", "data-v-e2a79444"]]), ge = /* @__PURE__ */ M({
+}), G = /* @__PURE__ */ de(ve, [["__scopeId", "data-v-e2a79444"]]), ge = /* @__PURE__ */ V({
   __name: "AmDateFilterPicker",
   props: /* @__PURE__ */ K({
     selected: { type: Boolean, default: !1 },
@@ -96,12 +96,12 @@ const fe = I(
   }),
   emits: /* @__PURE__ */ K(["click"], ["update:date"]),
   setup(e, { expose: a, emit: t }) {
-    const r = le(e, "date"), u = t, c = _(), b = (n) => {
+    const r = le(e, "date"), u = t, c = C(), b = (n) => {
       var d;
       (d = c.value) == null || d.toggle(n), u("click", n);
     };
-    return a({ popover: c }), (n, d) => (D(), T($, null, [
-      S(G, {
+    return a({ popover: c }), (n, d) => (v(), k($, null, [
+      T(G, {
         selected: n.selected,
         disabled: n.disabled,
         "is-custom": "",
@@ -111,17 +111,17 @@ const fe = I(
         "hide-label": "",
         onClick: b
       }, null, 8, ["selected", "disabled"]),
-      S(i(ue), {
+      T(i(ue), {
         "data-test": "amdatefilter-popover",
         ref_key: "popover",
         ref: c,
         "pt:content": "!p-0"
       }, {
         default: U(() => [
-          S(i(ce), {
+          T(i(ce), {
             "data-test": "amdatefilter-datepicker",
             modelValue: r.value,
-            "onUpdate:modelValue": d[0] || (d[0] = (v) => r.value = v),
+            "onUpdate:modelValue": d[0] || (d[0] = (g) => r.value = g),
             selectionMode: "range",
             inline: "",
             dateFormat: "yyyy-mm-dd",
@@ -137,23 +137,23 @@ const fe = I(
       }, 512)
     ], 64));
   }
-}), p = "America/Sao_Paulo", ye = (e = p) => {
+}), p = "America/Sao_Paulo", D = "Customizar", 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());
 }, O = (e, a = p) => {
   const t = ye(a);
   return t.setDate(t.getDate() + e), t;
-}, z = (e, a = p) => e.toLocaleDateString("en-CA", { timeZone: a }), k = (e) => {
+}, M = (e, a = p) => e.toLocaleDateString("en-CA", { timeZone: a }), L = (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) => {
+}, F = (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, r] = e;
   if (!t || !r)
     throw new Error("Datas não podem ser nulas");
-  return [z(t, a), z(r, a)];
-}, H = (e, a = p) => [O(e[0], a), O(e[1], a)], h = {
+  return [M(t, a), M(r, a)];
+}, H = (e, a = p) => [O(e[0], a), O(e[1], a)], _ = {
   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 },
@@ -163,31 +163,31 @@ const fe = I(
   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
+  _.TODAY,
+  _.YESTERDAY,
+  _.LAST_7D,
+  _.LAST_14D,
+  _.LAST_30D
 ], Y = (e, a = p) => {
   if (!(!e || e.length === 0))
-    return e.map((t) => t instanceof Date ? z(t, a) : String(t));
+    return e.map((t) => t instanceof Date ? M(t, a) : String(t));
 }, Ce = (e, a, t = p) => {
   if (!e || e.length !== 2)
-    return "Customizar";
+    return D;
   try {
-    const [r, u] = e, c = k(r), b = k(u);
+    const [r, u] = e, c = L(r), b = L(u);
     if (isNaN(c.getTime()) || isNaN(b.getTime()))
-      return "Customizar";
+      return D;
     for (const n of a) {
-      const [d, v] = H(n.offsets, t);
-      if (L(c, d) && L(b, v))
+      const [d, g] = H(n.offsets, t);
+      if (F(c, d) && F(b, g))
         return n.label;
     }
-    return "Customizar";
+    return D;
   } catch {
-    return "Customizar";
+    return D;
   }
-}, w = "Customizar", xe = /* @__PURE__ */ M({
+}, xe = /* @__PURE__ */ V({
   inheritAttrs: !1,
   __name: "AmDateFilter",
   props: {
@@ -209,80 +209,80 @@ const fe = I(
       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) => ({
+      card: g,
+      timeZone: y
+    } = oe(t), Z = a, h = C(D), R = C(), f = C(null), A = C(!1), q = P(), S = N(() => !n.value || n.value.length === 0 ? _e : n.value), J = N(
+      () => S.value.map((l) => ({
         label: l.label,
         value: l.label,
-        selected: y.value === l.label
+        selected: h.value === l.label
       }))
-    ), F = (l) => {
-      y.value = l;
-      const s = A.value.find((o) => o.label === l);
+    ), B = (l) => {
+      h.value = l;
+      const s = S.value.find((o) => o.label === l);
       if (s) {
-        const o = H(s.offsets, g.value);
-        C.value = !0, f.value = o;
+        const o = H(s.offsets, y.value);
+        A.value = !0, f.value = o;
       }
     }, Q = (l) => {
-      if (C.value) return;
-      const s = Y(l, g.value), o = Ce(
+      if (A.value) return;
+      const s = Y(l, y.value), o = Ce(
         s,
-        A.value,
-        g.value
+        S.value,
+        y.value
       );
-      if (y.value !== o && (y.value = o), s && s.length === 2)
+      if (h.value !== o && (h.value = o), s && s.length === 2)
         try {
           const m = [
-            k(s[0]),
-            k(s[1])
+            L(s[0]),
+            L(s[1])
           ];
-          (!f.value || !L(f.value[0], m[0]) || !L(f.value[1], m[1])) && (f.value = m);
+          (!f.value || !F(f.value[0], m[0]) || !F(f.value[1], m[1])) && (f.value = m);
         } catch (m) {
           console.warn("Erro ao sincronizar datas do modelValue:", m);
         }
     }, W = () => {
-      F(w);
+      B(D);
     }, X = (l) => {
-      F(l);
+      B(l);
     }, ee = (l) => {
-      const s = Y(b.value, g.value);
+      const s = Y(b.value, y.value);
       if (s && s.length === 2 || l === void 0) return;
-      const o = A.value.find((m) => m.defaultKey === l);
-      o && F(o.label);
+      const o = S.value.find((m) => m.defaultKey === l);
+      o && B(o.label);
     };
-    return B(b, (l) => Q(l), {
+    return w(b, (l) => Q(l), {
       immediate: !0,
       deep: !0
-    }), B(
+    }), w(
       f,
       async (l) => {
         var s, o;
         if ((l == null ? void 0 : l.length) === 2 && l[0] && l[1])
           try {
-            (o = (s = V.value) == null ? void 0 : s.popover) == null || o.hide(), Z("update:modelValue", he(l, g.value)), await se(), C.value = !1;
+            (o = (s = R.value) == null ? void 0 : s.popover) == null || o.hide(), Z("update:modelValue", he(l, y.value)), await se(), A.value = !1;
           } catch {
-            C.value = !1;
+            A.value = !1;
           }
       },
       { deep: !0 }
-    ), B(r, (l) => ee(l), { immediate: !0 }), (l, s) => (D(), T("div", {
+    ), w(r, (l) => ee(l), { immediate: !0 }), (l, s) => (v(), k("div", {
       role: "group",
       "aria-label": "Filtro de período",
-      class: x(i(pe)({ card: i(v), disabled: i(d) }, i(q).class))
+      class: x(i(pe)({ card: i(g), disabled: i(d) }, i(q).class))
     }, [
-      S(ge, {
+      T(ge, {
         ref_key: "pickerRef",
-        ref: V,
+        ref: R,
         date: f.value,
         "onUpdate:date": s[0] || (s[0] = (o) => f.value = o),
-        selected: y.value === w,
+        selected: h.value === i(D),
         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"]),
-      (D(!0), T($, null, re(J.value, (o) => (D(), E(G, {
+      (v(!0), k($, null, re(J.value, (o) => (v(), E(G, {
         key: o.value,
         selected: o.selected,
         disabled: i(d),
@@ -294,6 +294,6 @@ const fe = I(
   }
 });
 export {
-  h as AmDateFilterPeriods,
+  _ as AmDateFilterPeriods,
   xe as default
 };

package/package.json

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