@agrotools1/at-components 0.6.5-6.1 → 0.6.7

package/dist/DataTable/DataTable.d.ts

@@ -1,4 +1,4 @@
-import { PropType, Ref } from 'vue';
+import { PropType } from 'vue';
 
 type TableData = Array<{
     [key: string]: unknown;
@@ -26,7 +26,6 @@ declare const _default: import('vue').DefineComponent<{
             total: number;
             pageSize: number;
             onUpdatePage: (page: number) => void;
-            modelValue?: Ref<number> | undefined;
         } | undefined>;
         default: undefined;
     };
@@ -56,18 +55,17 @@ declare const _default: import('vue').DefineComponent<{
     };
 }, {
     reactiveIsLoading: import('vue').ComputedRef<boolean>;
-    paginatorModelValue: import('vue').ComputedRef<number>;
-    tableData: Ref<{
+    tableData: import('vue').Ref<{
         [key: string]: unknown;
     }[]>;
-    activeTableData: Ref<{
+    activeTableData: import('vue').Ref<{
         [key: string]: unknown;
     }[]>;
     columns: string[];
     updateColumn: (column: string) => void;
     internalUpdateColumn: (column: string) => void;
     internalColumns: string[];
-    lastHoveredTr: Ref<{
+    lastHoveredTr: import('vue').Ref<{
         element: HTMLTableRowElement;
         item: any;
     } | null>;
@@ -75,6 +73,57 @@ declare const _default: import('vue').DefineComponent<{
     extractKey: (item: any) => string | undefined;
     updateOnKeyDown: (event: KeyboardEvent, field: string) => void;
     handleTrClick: (event: MouseEvent, field: string) => void;
+    paginatorRef: import('vue').Ref<import('vue').DefineComponent<{
+        total: {
+            type: NumberConstructor;
+            required: true;
+        };
+        pageSize: {
+            type: NumberConstructor;
+            required: true;
+        };
+        disable: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+    }, {
+        activePage: import('vue').Ref<number>;
+        activeChunk: import('vue').Ref<number>;
+        pageChunks: import('vue').ComputedRef<number[][]>;
+        isDisabled: import('vue').ComputedRef<boolean>;
+        pages: import('vue').ComputedRef<number[]>;
+        icons: {
+            arrowLeft: string;
+            arrowRight: string;
+            doubleLeft: string;
+            doubleRight: string;
+        };
+        nextChunk: () => void;
+        nextPage: () => void;
+        previousPage: () => void;
+        previousChunk: () => void;
+    }, unknown, {}, {
+        setPage(page: number): void;
+    }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+        "update:activePage": (page: number) => boolean;
+    }, string, import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, Readonly<import('vue').ExtractPropTypes<{
+        total: {
+            type: NumberConstructor;
+            required: true;
+        };
+        pageSize: {
+            type: NumberConstructor;
+            required: true;
+        };
+        disable: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+    }>> & {
+        "onUpdate:activePage"?: ((page: number) => any) | undefined;
+    }, {
+        disable: boolean;
+    }, {}> | null>;
 }, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     "update:selected-items": (items: Array<any>) => boolean;
     "update:table-data": (data: TableData) => boolean;
@@ -105,7 +154,6 @@ declare const _default: import('vue').DefineComponent<{
             total: number;
             pageSize: number;
             onUpdatePage: (page: number) => void;
-            modelValue?: Ref<number> | undefined;
         } | undefined>;
         default: undefined;
     };
@@ -150,7 +198,6 @@ declare const _default: import('vue').DefineComponent<{
         total: number;
         pageSize: number;
         onUpdatePage: (page: number) => void;
-        modelValue?: Ref<number> | undefined;
     } | undefined;
     keyExtractor: (item: any) => string;
     columnsClasses: string[];

package/dist/DataTable/DataTable.vue.js

@@ -2,25 +2,25 @@ import C from "./DataTable.vue2.js";
 import { resolveComponent as p, openBlock as t, createElementBlock as o, Fragment as r, createElementVNode as l, mergeProps as P, createBlock as c, createCommentVNode as u, renderSlot as S, withDirectives as A, renderList as d, normalizeClass as g, withKeys as $, toDisplayString as f, resolveDynamicComponent as w, vShow as D, createVNode as I, pushScopeId as T, popScopeId as E } from "vue";
 import "./DataTable.vue3.js";
 import K from "../_virtual/_plugin-vue_export-helper.js";
-const k = (e) => (T("data-v-13618391"), e = e(), E(), e), z = ["data-align-columns"], L = { role: "rowgroup" }, V = {
+const b = (e) => (T("data-v-0c74a78b"), e = e(), E(), e), z = ["data-align-columns"], L = { role: "rowgroup" }, B = {
   role: "row",
   class: "thead-row"
-}, B = {
+}, F = {
   key: 1,
   role: "rowgroup"
-}, F = /* @__PURE__ */ k(() => /* @__PURE__ */ l("tr", { class: "empty-space" }, null, -1)), N = ["onmouseenter"], U = ["data-key", "onClick"], j = { class: "td-container" }, H = ["id", "value", "onKeydown"], M = { key: 1 }, O = {
+}, N = /* @__PURE__ */ b(() => /* @__PURE__ */ l("tr", { class: "empty-space" }, null, -1)), U = ["onmouseenter"], V = ["data-key", "onClick"], R = { class: "td-container" }, j = ["id", "value", "onKeydown"], H = { key: 1 }, O = {
   key: 2,
   class: "item-as-array"
-}, R = { key: 0 }, q = /* @__PURE__ */ k(() => /* @__PURE__ */ l("tr", { class: "empty-space" }, null, -1)), G = {
+}, q = { key: 0 }, G = /* @__PURE__ */ b(() => /* @__PURE__ */ l("tr", { class: "empty-space" }, null, -1)), J = {
   key: 0,
   class: "d-flex flex-column gap-2 w-100"
-}, J = { class: "table-skeleton" }, Q = {
+}, M = { class: "table-skeleton" }, Q = {
   key: 1,
   style: { display: "flex", "justify-content": "flex-end", "margin-top": "16px" }
 };
 function W(e, X, Y, Z, x, ee) {
   var h;
-  const v = p("AtColumn"), b = p("AtText"), _ = p("AtPaginator");
+  const k = p("AtColumn"), v = p("AtText"), _ = p("AtPaginator");
   return t(), o(r, null, [
     l("table", P(e.$attrs, {
       role: "table",
@@ -28,8 +28,8 @@ function W(e, X, Y, Z, x, ee) {
       "data-align-columns": e.alignColumns
     }), [
       l("thead", L, [
-        l("tr", V, [
-          e.withSelection ? (t(), c(v, {
+        l("tr", B, [
+          e.withSelection ? (t(), c(k, {
             key: 0,
             field: "selection",
             label: "Selecione"
@@ -37,11 +37,11 @@ function W(e, X, Y, Z, x, ee) {
           S(e.$slots, "default", {}, void 0, !0)
         ])
       ]),
-      !e.value || !e.value.length ? (t(), c(b, {
+      !e.value || !e.value.length ? (t(), c(v, {
         key: 0,
         as: "h6"
-      })) : A((t(), o("tbody", B, [
-        F,
+      })) : A((t(), o("tbody", F, [
+        N,
         (t(!0), o(r, null, d(e.activeTableData, (i) => (t(), o("tr", {
           key: e.extractKey(i),
           class: g([...e.columnsClasses, "tbody-tr"]),
@@ -55,38 +55,38 @@ function W(e, X, Y, Z, x, ee) {
           }
         }, [
           (t(!0), o(r, null, d(e.getEntries(i), ([n, a]) => {
-            var m, y;
+            var y, m;
             return t(), o("td", {
               key: n,
               "data-key": n,
               role: "cell",
-              class: g(`tbody-row ${(m = e.withEditableFields) != null && m.includes(n) ? "with-focus" : ""} `),
+              class: g(`tbody-row ${(y = e.withEditableFields) != null && y.includes(n) ? "with-focus" : ""} `),
               "aria-selected": "false",
               onClick: (s) => e.handleTrClick(s, n)
             }, [
-              l("div", j, [
-                (y = e.withEditableFields) != null && y.includes(n) ? (t(), o("input", {
+              l("div", R, [
+                (m = e.withEditableFields) != null && m.includes(n) ? (t(), o("input", {
                   key: 0,
                   id: n,
                   placeholder: "",
                   value: a,
                   onKeydown: $((s) => e.updateOnKeyDown(s, n), ["enter"])
-                }, null, 40, H)) : typeof a == "number" || typeof a == "string" ? (t(), o("span", M, f(a), 1)) : Array.isArray(a) ? (t(), o("div", O, [
+                }, null, 40, j)) : typeof a == "number" || typeof a == "string" ? (t(), o("span", H, f(a), 1)) : Array.isArray(a) ? (t(), o("div", O, [
                   (t(!0), o(r, null, d(a, (s) => (t(), o("div", { key: s }, [
-                    typeof s == "number" || typeof s == "string" ? (t(), o("span", R, f(s), 1)) : (t(), c(w(typeof s == "function" ? s() : s), { key: 1 }))
+                    typeof s == "number" || typeof s == "string" ? (t(), o("span", q, f(s), 1)) : (t(), c(w(typeof s == "function" ? s() : s), { key: 1 }))
                   ]))), 128))
                 ])) : (t(), c(w(typeof a == "function" ? a() : a), { key: 3 }))
               ])
-            ], 10, U);
+            ], 10, V);
           }), 128))
-        ], 10, N))), 128)),
-        q
+        ], 10, U))), 128)),
+        G
       ], 512)), [
         [D, !e.reactiveIsLoading]
       ])
     ], 16, z),
-    e.reactiveIsLoading ? (t(), o("div", G, [
-      l("div", J, [
+    e.reactiveIsLoading ? (t(), o("div", J, [
+      l("div", M, [
         (t(!0), o(r, null, d(e.loadingRowsLength, (i) => (t(), o("div", {
           key: i,
           class: "skeleton-row"
@@ -100,16 +100,16 @@ function W(e, X, Y, Z, x, ee) {
     ])) : u("", !0),
     e.withPaginator ? (t(), o("div", Q, [
       I(_, {
+        ref: "paginatorRef",
         "page-size": e.withPaginator.pageSize,
         total: e.withPaginator.total,
         disable: e.disable,
-        "model-value": e.paginatorModelValue,
         "onUpdate:activePage": (h = e.withPaginator) == null ? void 0 : h.onUpdatePage
-      }, null, 8, ["page-size", "total", "disable", "model-value", "onUpdate:activePage"])
+      }, null, 8, ["page-size", "total", "disable", "onUpdate:activePage"])
     ])) : u("", !0)
   ], 64);
 }
-const ae = /* @__PURE__ */ K(C, [["render", W], ["__scopeId", "data-v-13618391"]]);
+const ae = /* @__PURE__ */ K(C, [["render", W], ["__scopeId", "data-v-0c74a78b"]]);
 export {
   ae as default
 };

package/dist/DataTable/DataTable.vue2.js

@@ -1,14 +1,14 @@
-import { defineComponent as K, ref as d, computed as g, reactive as j, provide as h, readonly as E, inject as x, watch as O, onMounted as V, watchEffect as A, h as L } from "vue";
-import P from "../Checkbox/Checkbox.vue.js";
-import q from "../Paginator/Paginator.vue.js";
-import { AtTipograph as B } from "../Tipograph/index.js";
-import F from "./Column/Column.vue.js";
-const H = K({
+import { defineComponent as k, ref as c, reactive as K, provide as p, readonly as j, inject as E, watch as x, onMounted as O, watchEffect as g, h as L, computed as R } from "vue";
+import q from "../Checkbox/Checkbox.vue.js";
+import B from "../Paginator/Paginator.vue.js";
+import { AtTipograph as F } from "../Tipograph/index.js";
+import N from "./Column/Column.vue.js";
+const J = k({
   name: "AtDataTable",
   components: {
-    AtText: B.Title,
-    AtColumn: F,
-    AtPaginator: q
+    AtText: F.Title,
+    AtColumn: N,
+    AtPaginator: B
   },
   inheritAttrs: !1,
   props: {
@@ -65,30 +65,25 @@ const H = K({
     "update:table-cell": (e) => typeof e == "object"
   },
   setup(e, m) {
-    const u = d(e.value), w = d([...u.value]), f = d([]), c = d(
+    const u = c(e.value), h = c([...u.value]), f = c([]), A = c(null), d = c(
       null
-    ), C = g(
-      () => {
-        var t, a;
-        return ((a = (t = e.withPaginator) == null ? void 0 : t.modelValue) == null ? void 0 : a.value) ?? 1;
-      }
-    ), r = j([]), y = (t) => {
+    ), r = K([]), y = (t) => {
       r.includes(t) || r.push(t);
     };
-    h("columns", {
-      columns: E(r),
+    p("columns", {
+      columns: j(r),
       updateColumn: y
-    }), h("alignColumns", e.alignColumns), h("tableData", u);
-    const p = x("columns", {
+    }), p("alignColumns", e.alignColumns), p("tableData", u);
+    const w = E("columns", {
       columns: r,
       updateColumn: y
-    }), S = (t) => Object.entries(t), s = (t) => {
+    }), C = (t) => Object.entries(t), s = (t) => {
       try {
         return e.keyExtractor(t);
       } catch (a) {
         console.warn("AtDataTable: Não foi possível extrair a key: ", a);
       }
-    }, D = (t, a) => {
+    }, S = (t, a) => {
       var l;
       const o = t.target;
       if ((l = e.withEditableFields) != null && l.includes(a)) {
@@ -101,65 +96,65 @@ const H = K({
         const l = s(o);
         return [...f.value].includes(l);
       });
-      if (c.value) {
-        const { element: o, item: l } = c.value, n = a.find(
+      if (d.value) {
+        const { element: o, item: l } = d.value, n = a.find(
           (i) => s(i) === s(l)
         );
         o.setAttribute("aria-selected", JSON.stringify(!!n));
       }
       m.emit("update:selected-items", Array.from(a));
-    }, I = (t, a) => {
+    }, D = (t, a) => {
       var i;
-      const o = t.target, { value: l } = o, n = (i = c.value) == null ? void 0 : i.item;
+      const o = t.target, { value: l } = o, n = (i = d.value) == null ? void 0 : i.item;
       n && (n[a] = l, u.value = u.value.map((b) => {
-        const T = s(b), k = s(n);
-        return T === k ? n : b;
+        const I = s(b), T = s(n);
+        return I === T ? n : b;
       }), m.emit("update:table-data", u.value), m.emit("update:table-cell", {
         field: a,
         value: l
       }));
     };
-    return O(
+    return x(
       () => e.withDefaultSelectedItems,
       (t) => {
         t && v(e.withDefaultSelectedItems ?? []);
       }
-    ), V(() => {
+    ), O(() => {
       e.withDefaultSelectedItems && v([...e.withDefaultSelectedItems]);
-    }), A(() => {
+    }), g(() => {
       e.withSelection ? u.value = [...e.value].map((t) => ({
-        selection: () => L(P, {
+        selection: () => L(q, {
           modelValue: f.value,
           "onUpdate:modelValue": (a) => v(a),
           val: s(t)
         }),
         ...t
       })) : u.value = [...e.value];
-    }), A(() => {
+    }), g(() => {
       const t = [...r], a = [...u.value].map((o) => {
         const l = {}, n = Object.keys({ ...o });
         for (const i of t)
           n.includes(i) && (l[i] = o[i]);
         return l;
       });
-      w.value = a;
+      h.value = a;
     }), {
-      reactiveIsLoading: g(() => e.isLoading),
-      paginatorModelValue: C,
+      reactiveIsLoading: R(() => e.isLoading),
       tableData: u,
-      activeTableData: w,
-      columns: p.columns,
-      updateColumn: p.updateColumn,
+      activeTableData: h,
+      columns: w.columns,
+      updateColumn: w.updateColumn,
       internalUpdateColumn: y,
       internalColumns: r,
-      lastHoveredTr: c,
-      getEntries: S,
+      lastHoveredTr: d,
+      getEntries: C,
       extractKey: s,
-      updateOnKeyDown: I,
-      handleTrClick: D
+      updateOnKeyDown: D,
+      handleTrClick: S,
+      paginatorRef: A
     };
   }
 });
 export {
-  H as default
+  J as default
 };

package/dist/DataTable/index.d.ts

@@ -24,7 +24,6 @@ export declare const AtDataTable: {
                 total: number;
                 pageSize: number;
                 onUpdatePage: (page: number) => void;
-                modelValue?: import('vue').Ref<number> | undefined;
             } | undefined>;
             default: undefined;
         };
@@ -54,7 +53,6 @@ export declare const AtDataTable: {
         };
     }, {
         reactiveIsLoading: import('vue').ComputedRef<boolean>;
-        paginatorModelValue: import('vue').ComputedRef<number>;
         tableData: import('vue').Ref<{
             [key: string]: unknown;
         }[]>;
@@ -73,6 +71,57 @@ export declare const AtDataTable: {
         extractKey: (item: any) => string | undefined;
         updateOnKeyDown: (event: KeyboardEvent, field: string) => void;
         handleTrClick: (event: MouseEvent, field: string) => void;
+        paginatorRef: import('vue').Ref<import('vue').DefineComponent<{
+            total: {
+                type: NumberConstructor;
+                required: true;
+            };
+            pageSize: {
+                type: NumberConstructor;
+                required: true;
+            };
+            disable: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+        }, {
+            activePage: import('vue').Ref<number>;
+            activeChunk: import('vue').Ref<number>;
+            pageChunks: import('vue').ComputedRef<number[][]>;
+            isDisabled: import('vue').ComputedRef<boolean>;
+            pages: import('vue').ComputedRef<number[]>;
+            icons: {
+                arrowLeft: string;
+                arrowRight: string;
+                doubleLeft: string;
+                doubleRight: string;
+            };
+            nextChunk: () => void;
+            nextPage: () => void;
+            previousPage: () => void;
+            previousChunk: () => void;
+        }, unknown, {}, {
+            setPage(page: number): void;
+        }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+            "update:activePage": (page: number) => boolean;
+        }, string, import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, Readonly<import('vue').ExtractPropTypes<{
+            total: {
+                type: NumberConstructor;
+                required: true;
+            };
+            pageSize: {
+                type: NumberConstructor;
+                required: true;
+            };
+            disable: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+        }>> & {
+            "onUpdate:activePage"?: ((page: number) => any) | undefined;
+        }, {
+            disable: boolean;
+        }, {}> | null>;
     }, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
         "update:selected-items": (items: any[]) => boolean;
         "update:table-data": (data: {
@@ -107,7 +156,6 @@ export declare const AtDataTable: {
                 total: number;
                 pageSize: number;
                 onUpdatePage: (page: number) => void;
-                modelValue?: import('vue').Ref<number> | undefined;
             } | undefined>;
             default: undefined;
         };
@@ -154,7 +202,6 @@ export declare const AtDataTable: {
             total: number;
             pageSize: number;
             onUpdatePage: (page: number) => void;
-            modelValue?: import('vue').Ref<number> | undefined;
         } | undefined;
         keyExtractor: (item: any) => string;
         columnsClasses: string[];

package/dist/Paginator/Paginator.d.ts

@@ -15,10 +15,6 @@ declare const _default: import('vue').DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
-    modelValue: {
-        type: NumberConstructor;
-        default: number;
-    };
 }, {
     activePage: import('vue').Ref<number>;
     activeChunk: import('vue').Ref<number>;
@@ -35,7 +31,9 @@ declare const _default: import('vue').DefineComponent<{
     nextPage: () => void;
     previousPage: () => void;
     previousChunk: () => void;
-}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+}, unknown, {}, {
+    setPage(page: number): void;
+}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     "update:activePage": (page: number) => boolean;
 }, string, import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, Readonly<import('vue').ExtractPropTypes<{
     total: {
@@ -50,14 +48,9 @@ declare const _default: import('vue').DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
-    modelValue: {
-        type: NumberConstructor;
-        default: number;
-    };
 }>> & {
     "onUpdate:activePage"?: ((page: number) => any) | undefined;
 }, {
-    modelValue: number;
     disable: boolean;
 }, {}>;
 export default _default;

package/dist/Paginator/Paginator.vue.js

@@ -2,7 +2,7 @@ import r from "./Paginator.vue2.js";
 import { openBlock as t, createElementBlock as o, createElementVNode as s, createCommentVNode as n, Fragment as u, renderList as b, toDisplayString as d, pushScopeId as p, popScopeId as g } from "vue";
 import "./Paginator.vue3.js";
 import h from "../_virtual/_plugin-vue_export-helper.js";
-const l = (a) => (p("data-v-ae9c9bed"), a = a(), g(), a), v = { class: "paginator-content" }, c = { class: "paginator-btn-slot" }, k = ["aria-disabled"], C = ["src"], m = ["aria-disabled"], P = ["src"], f = { class: "pages" }, D = {
+const l = (a) => (p("data-v-3574b741"), a = a(), g(), a), v = { class: "paginator-content" }, k = { class: "paginator-btn-slot" }, c = ["aria-disabled"], C = ["src"], m = ["aria-disabled"], P = ["src"], f = { class: "pages" }, D = {
   key: 0,
   class: "initial-pages"
 }, S = ["disabled"], $ = /* @__PURE__ */ l(() => /* @__PURE__ */ s("span", { class: "dots" }, "...", -1)), y = { class: "list-pages" }, I = ["aria-label", "data-page", "disabled", "aria-selected", "onClick"], w = {
@@ -11,7 +11,7 @@ const l = (a) => (p("data-v-ae9c9bed"), a = a(), g(), a), v = { class: "paginato
 }, E = /* @__PURE__ */ l(() => /* @__PURE__ */ s("span", { class: "dots" }, "...", -1)), L = ["disabled"], q = { class: "paginator-btn-slot" }, B = ["disabled", "aria-disabled"], N = ["src"], R = ["disabled", "aria-disabled"], V = ["src"];
 function F(a, i, j, z, A, G) {
   return t(), o("div", v, [
-    s("div", c, [
+    s("div", k, [
       s("button", {
         role: "button",
         class: "previous-chunk page-state-btn",
@@ -22,7 +22,7 @@ function F(a, i, j, z, A, G) {
           src: a.icons.doubleLeft,
           alt: "Seta dupla para a esquerda"
         }, null, 8, C)
-      ], 8, k),
+      ], 8, c),
       s("button", {
         role: "button",
         class: "previous-page page-state-btn",
@@ -101,7 +101,7 @@ function F(a, i, j, z, A, G) {
     ])
   ]);
 }
-const O = /* @__PURE__ */ h(r, [["render", F], ["__scopeId", "data-v-ae9c9bed"]]);
+const O = /* @__PURE__ */ h(r, [["render", F], ["__scopeId", "data-v-3574b741"]]);
 export {
   O as default
 };