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

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 { 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 ne from "primevue/datepicker";
-const ie = I(
+import ie from "primevue/datepicker";
+const de = P(
   "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(
+), ue = P(
   [
     "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({
+), ce = (e, t) => H(de(e), t), me = (e, t) => H(ue(e), t), fe = ["disabled", "data-test"], pe = /* @__PURE__ */ V({
   inheritAttrs: !1,
   __name: "AmDateFilterButton",
   props: {
@@ -58,32 +58,32 @@ const ie = I(
   },
   emits: ["click"],
   setup(e) {
-    const t = N();
-    return (o, d) => (g(), _("button", {
+    const t = $();
+    return (o, d) => (b(), _("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 }]),
+      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))
     }, [
-      o.icon ? (g(), M(le, {
+      o.icon ? (b(), z(re, {
         key: 0,
         icon: o.icon,
         size: "sm"
       }, null, 8, ["icon"])) : L("", !0),
-      o.label ? (g(), M(oe, {
+      o.label ? (b(), z(le, {
         key: 1,
         as: "span",
         class: S(o.hideLabel ? "am-date-filter-label--responsive" : "")
       }, {
-        default: $(() => [
-          W(X(o.label), 1)
+        default: j(() => [
+          X(Z(o.label), 1)
         ]),
         _: 1
       }, 8, ["class"])) : L("", !0)
-    ], 10, me));
+    ], 10, fe));
   }
-}), H = /* @__PURE__ */ re(fe, [["__scopeId", "data-v-e2a79444"]]), pe = /* @__PURE__ */ V({
+}), Y = /* @__PURE__ */ ne(pe, [["__scopeId", "data-v-e2a79444"]]), ge = /* @__PURE__ */ V({
   __name: "AmDateFilterPicker",
   props: /* @__PURE__ */ E({
     selected: { type: Boolean, default: !1 },
@@ -96,20 +96,20 @@ const ie = I(
   }),
   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);
+    const d = ee(e, "date"), f = o, u = h(), p = (n) => {
+      var s;
+      (s = u.value) == null || s.toggle(n), f("click", n);
     };
-    return t({ popover: u }), (r, n) => (g(), _(j, null, [
-      T(H, {
-        selected: r.selected,
-        disabled: r.disabled,
+    return t({ popover: u }), (n, s) => (b(), _(I, null, [
+      T(Y, {
+        selected: n.selected,
+        disabled: n.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), {
         "data-test": "amdatefilter-popover",
@@ -117,16 +117,16 @@ const ie = I(
         ref: u,
         "pt:content": "!p-0"
       }, {
-        default: $(() => [
-          T(i(ne), {
+        default: j(() => [
+          T(i(ie), {
             "data-test": "amdatefilter-datepicker",
             modelValue: d.value,
-            "onUpdate:modelValue": n[0] || (n[0] = (c) => d.value = c),
+            "onUpdate:modelValue": s[0] || (s[0] = (c) => d.value = c),
             selectionMode: "range",
             inline: "",
             dateFormat: "yyyy-mm-dd",
-            minDate: r.minDate,
-            maxDate: r.maxDate,
+            minDate: n.minDate,
+            maxDate: n.maxDate,
             "pt:dayCell": "!p-0",
             "pt:tableHeaderCell": "!p-0",
             "pt:panel": "!p-0 !border-none",
@@ -137,25 +137,25 @@ const ie = I(
       }, 512)
     ], 64));
   }
-}), v = () => {
+}), D = () => {
   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);
+  const t = D(), 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) => {
+}, 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) => {
   if (!Array.isArray(e) || e.length !== 2)
     throw new Error("Range de datas inválido");
   const [t, o] = e;
   if (!t || !o)
     throw new Error("Datas não podem ser nulas");
-  return [z(t).toISOString(), z(o).toISOString()];
-}, be = {
-  Hoje: () => [v(), v()],
+  return [M(t).toISOString(), M(o).toISOString()];
+}, ve = {
+  Hoje: () => [D(), D()],
   Ontem: () => [C(-1), C(-1)],
-  "7D": () => [C(-6), v()],
-  "14D": () => [C(-13), v()],
-  "30D": () => [C(-29), v()],
+  "7D": () => [C(-6), D()],
+  "14D": () => [C(-13), D()],
+  "30D": () => [C(-29), D()],
   Customizar: () => null
 }, De = {
   0: "Hoje",
@@ -163,25 +163,25 @@ const ie = I(
   7: "7D",
   14: "14D",
   30: "30D"
-}, ve = (e) => {
+}, N = (e) => {
   if (!(!e || e.length === 0))
-    return e.map((t) => t instanceof Date ? z(t).toISOString() : String(t));
+    return e.map((t) => t instanceof Date ? M(t).toISOString() : String(t));
 }, Ce = (e, t, o) => {
   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 [d, f] = e, u = new Date(d), p = new Date(f);
+    if (isNaN(u.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();
+    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, p] = c;
-      if (w(u, F) && w(b, p))
-        return r;
+      const [F, g] = c;
+      if (w(u, F) && w(p, g))
+        return n;
     }
     return "Customizar";
   } catch {
@@ -205,89 +205,91 @@ const ie = I(
       defaultSelected: d,
       minDate: f,
       maxDate: u,
-      modelValue: b,
-      dateRangeConfigs: r,
-      disabled: n,
+      modelValue: p,
+      dateRangeConfigs: n,
+      disabled: s,
       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(
+    } = 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: p.value === a
+        selected: g.value === a
       }))
     ), R = B(() => ({
-      ...be,
-      ...r.value
+      ...ve,
+      ...n.value
     })), U = (a) => {
-      p.value = a;
-      const l = R.value[a];
-      if (l) {
-        const s = l();
-        s && (h.value = !0, m.value = s);
+      g.value = a;
+      const r = R.value[a];
+      if (r) {
+        const l = r();
+        l && (y.value = !0, m.value = l);
       }
-    }, q = (a) => {
-      if (h.value) return;
-      const l = ve(a), s = Ce(
-        l,
+    }, J = (a) => {
+      if (y.value) return;
+      const r = N(a), l = Ce(
+        r,
         O.value,
         R.value
       );
-      if (p.value !== s && (p.value = s), l && l.length === 2)
+      if (g.value !== l && (g.value = l), r && r.length === 2)
         try {
-          const D = [
-            new Date(l[0]),
-            new Date(l[1])
+          const v = [
+            new Date(r[0]),
+            new Date(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);
+          (!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);
         }
-    }, J = () => {
+    }, K = () => {
       U(k);
-    }, K = (a) => {
-      U(a);
     }, Q = (a) => {
+      U(a);
+    }, W = (a) => {
+      const r = N(p.value);
+      if (r && r.length === 2) return;
       const l = a !== void 0 ? De[a] : k;
       l && U(l);
     };
-    return x(b, (a) => q(a), {
+    return x(p, (a) => J(a), {
       immediate: !0,
       deep: !0
     }), x(
       m,
       async (a) => {
-        var l, s;
+        var r, l;
         if ((a == null ? void 0 : a.length) === 2 && a[0] && a[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 = A.value) == null ? void 0 : r.popover) == null || l.hide(), F("update:modelValue", be(a)), await ae(), y.value = !1;
           } catch {
-            h.value = !1;
+            y.value = !1;
           }
       },
       { deep: !0 }
-    ), x(d, (a) => Q(a), { immediate: !0 }), (a, l) => (g(), _("div", {
+    ), x(d, (a) => W(a), { immediate: !0 }), (a, r) => (b(), _("div", {
       role: "group",
       "aria-label": "Filtro de período",
-      class: S(i(ue)({ card: i(c), disabled: i(n) }, i(Y).class))
+      class: S(i(ce)({ card: i(c), disabled: i(s) }, i(G).class))
     }, [
-      T(pe, {
+      T(ge, {
         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
+        "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
       }, 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)
+      (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)
       }, null, 8, ["selected", "disabled", "data-test", "label", "onClick"]))), 128))
     ], 2));
   }

package/package.json

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