@caipira/tamandua 0.0.29 → 0.0.30

package/dist/{Table-CgcSkg9A.js → Table-COkg498M.js}

@@ -1,5 +1,5 @@
 import './Table.css';
-import { defineComponent as L, useSlots as M, ref as k, reactive as F, computed as x, resolveComponent as K, openBlock as a, createElementBlock as s, createElementVNode as m, normalizeClass as p, createCommentVNode as c, createVNode as E, Fragment as h, renderList as V, toDisplayString as T, createBlock as b, renderSlot as $, createTextVNode as P } from "vue";
+import { defineComponent as M, useSlots as O, ref as k, reactive as F, computed as x, resolveComponent as K, openBlock as a, createElementBlock as s, createElementVNode as m, normalizeClass as p, createCommentVNode as c, createVNode as E, Fragment as h, renderList as V, toDisplayString as T, createBlock as b, renderSlot as $, createTextVNode as P } from "vue";
 import { _ as q } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const G = { class: "min-w-full relative color-text" }, J = ["onClick"], Q = {
   key: 0,
@@ -10,7 +10,7 @@ const G = { class: "min-w-full relative color-text" }, J = ["onClick"], Q = {
 }, X = {
   key: 0,
   class: "border-b"
-}, Y = ["colspan"], Z = /* @__PURE__ */ L({
+}, Y = ["colspan"], Z = /* @__PURE__ */ M({
   name: "TTable",
   __name: "Table",
   props: {
@@ -25,38 +25,40 @@ const G = { class: "min-w-full relative color-text" }, J = ["onClick"], Q = {
     tableDataClass: { default: "px-2 py-2" }
   },
   emits: ["selected", "row-click", "action-click"],
-  setup(j, { expose: z, emit: H }) {
-    const e = j, f = H, w = M(), u = k(!1), n = k({}), y = k({}), _ = k(!1), v = k(!1), d = F({}), R = (t) => {
+  setup(z, { expose: H, emit: R }) {
+    const e = z, f = R, w = O(), d = k(!1), n = k({}), y = k({}), _ = k(!1), v = k(!1);
+    let r = F({});
+    const U = (t) => {
       t.stopPropagation();
-    }, U = x(() => e.columns.length + (e.selectable ? 1 : 0) + (e.actionable ? 1 : 0) + (w.details ? 1 : 0) + 1), D = () => {
-      let t = 0, r = 0;
-      e.data.forEach((i) => {
-        n.value[i[e.rowKey]] ? t++ : r++;
-      }), r === 0 && t > 0 ? (v.value = !1, u.value = !0) : t === 0 ? (v.value = !1, u.value = !1) : r !== t && (v.value = !0, u.value = void 0), _.value = Object.keys(n.value).some(
-        (i) => n.value[i]
+    }, j = x(() => e.columns.length + (e.selectable ? 1 : 0) + (e.actionable ? 1 : 0) + (w.details ? 1 : 0) + 1), D = () => {
+      let t = 0, i = 0;
+      e.data.forEach((u) => {
+        n.value[u[e.rowKey]] ? t++ : i++;
+      }), i === 0 && t > 0 ? (v.value = !1, d.value = !0) : t === 0 ? (v.value = !1, d.value = !1) : i !== t && (v.value = !0, d.value = void 0), _.value = Object.keys(n.value).some(
+        (u) => n.value[u]
       );
-    }, N = async (t, r) => {
-      r ? d[t] = e.data.find(
-        (i) => i[e.rowKey] === t
-      ) : delete d[t], f("selected", d), D();
+    }, N = async (t, i) => {
+      i ? r[t] = e.data.find(
+        (u) => u[e.rowKey] === t
+      ) : delete r[t], f("selected", r), D();
     }, I = () => {
       Object.keys(n.value).forEach((t) => {
-        n.value[t] = !1, u.value = !1, v.value = !1, _.value = !1;
-      }), Object.assign(d, {}), f("selected", {});
-    }, O = () => {
-      u.value ? e.data.forEach((t) => {
-        n.value[t[e.rowKey]] = !0, d[t[e.rowKey]] = t;
+        n.value[t] = !1, d.value = !1, v.value = !1, _.value = !1;
+      });
+      for (const t in r)
+        r[t] = void 0;
+      f("selected", r);
+    }, L = () => {
+      d.value ? e.data.forEach((t) => {
+        n.value[t[e.rowKey]] = !0, r[t[e.rowKey]] = t;
       }) : e.data.forEach((t) => {
-        n.value[t[e.rowKey]] = !1, delete d[t[e.rowKey]], _.value = !1;
-      }), D(), f("selected", d);
-    }, S = x(() => e.loading && e.data.length === 0 ? Array.from({ length: 5 }, (t, r) => ({})) : e.data), C = x(() => w.details ? S.value.some(
+        n.value[t[e.rowKey]] = !1, delete r[t[e.rowKey]], _.value = !1;
+      }), D(), f("selected", r);
+    }, S = x(() => e.loading && e.data.length === 0 ? Array.from({ length: 5 }, (t, i) => ({})) : e.data), C = x(() => w.details ? S.value.some(
       (t) => !("hasDetails" in t) || t?.hasDetails
     ) : !1);
-    return z({
-      clearSelection: I,
-      inSelectionMode: _
-    }), (t, r) => {
-      const i = K("t-input-checkbox"), g = K("t-skeleton"), B = K("t-button");
+    return H({ clearSelection: I, inSelectionMode: _ }), (t, i) => {
+      const u = K("t-input-checkbox"), g = K("t-skeleton"), B = K("t-button");
       return a(), s("table", G, [
         m("thead", null, [
           m("tr", null, [
@@ -74,11 +76,11 @@ const G = { class: "min-w-full relative color-text" }, J = ["onClick"], Q = {
                 [e.tableDataClass]: !0
               }])
             }, [
-              E(i, {
-                modelValue: u.value,
-                "onUpdate:modelValue": r[0] || (r[0] = (l) => u.value = l),
+              E(u, {
+                modelValue: d.value,
+                "onUpdate:modelValue": i[0] || (i[0] = (l) => d.value = l),
                 "is-indeterminate": v.value,
-                onInput: O
+                onInput: L
               }, null, 8, ["modelValue", "is-indeterminate"])
             ], 2)) : c("", !0),
             (a(!0), s(h, null, V(e.columns, (l, A) => (a(), s("th", {
@@ -125,11 +127,11 @@ const G = { class: "min-w-full relative color-text" }, J = ["onClick"], Q = {
                 key: 1,
                 class: p(["text-center w-12", [e.tableDataClass]])
               }, [
-                E(i, {
+                E(u, {
                   modelValue: n.value[l[e.rowKey]],
                   "onUpdate:modelValue": (o) => n.value[l[e.rowKey]] = o,
                   "initialize-value": !0,
-                  onClick: R,
+                  onClick: U,
                   onInput: (o) => N(l[e.rowKey], o)
                 }, null, 8, ["modelValue", "onUpdate:modelValue", "onInput"])
               ], 2)) : c("", !0),
@@ -160,7 +162,7 @@ const G = { class: "min-w-full relative color-text" }, J = ["onClick"], Q = {
               ])) : c("", !0)
             ], 10, J),
             C.value && y.value[l[e.rowKey]] ? (a(), s("tr", X, [
-              m("td", { colspan: U.value }, [
+              m("td", { colspan: j.value }, [
                 $(t.$slots, "details", { row: l }, void 0, !0)
               ], 8, Y)
             ])) : c("", !0)
@@ -169,7 +171,7 @@ const G = { class: "min-w-full relative color-text" }, J = ["onClick"], Q = {
       ]);
     };
   }
-}), ae = /* @__PURE__ */ q(Z, [["__scopeId", "data-v-57618d46"]]);
+}), ae = /* @__PURE__ */ q(Z, [["__scopeId", "data-v-e12b2794"]]);
 export {
   ae as T
 };

package/dist/Table.css

@@ -1 +1 @@
-table>thead>tr[data-v-57618d46]{border-top:1px solid var(--border-color)}table th[data-v-57618d46],table td[data-v-57618d46]{border-bottom:1px solid var(--border-color)}
+table>thead>tr[data-v-e12b2794]{border-top:1px solid var(--border-color)}table th[data-v-e12b2794],table td[data-v-e12b2794]{border-bottom:1px solid var(--border-color)}

package/dist/Table.js

@@ -1,5 +1,5 @@
-import { T as o } from "./Table-CgcSkg9A.js";
-import { p as l } from "./plugin-ChoiQIkG.js";
+import { T as o } from "./Table-COkg498M.js";
+import { p as l } from "./plugin-B2fe1hFi.js";
 export {
   o as Table,
   l as TablePlugin

package/dist/components.js

@@ -39,7 +39,7 @@ import { P as yr } from "./ProgressLine-CY6aDj-H.js";
 import { _ as Cr } from "./SensitiveInfo.vue_vue_type_script_setup_true_lang-lCdRDxvZ.js";
 import { _ as Gr } from "./Skeleton.vue_vue_type_script_setup_true_lang-BZItfVoN.js";
 import { _ as gr } from "./Tab.vue_vue_type_script_setup_true_lang-VzvYvoqa.js";
-import { T as vr } from "./Table-CgcSkg9A.js";
+import { T as vr } from "./Table-COkg498M.js";
 import { _ as Fr } from "./Tag.vue_vue_type_script_setup_true_lang-0p-7UEvO.js";
 import { _ as Br } from "./Toast.vue_vue_type_script_setup_true_lang-Dezwl4qF.js";
 export {

package/dist/{plugin-ChoiQIkG.js → plugin-B2fe1hFi.js}

@@ -1,5 +1,5 @@
 import { r } from "./register-component-B-fdqewb.js";
-import { T as t } from "./Table-CgcSkg9A.js";
+import { T as t } from "./Table-COkg498M.js";
 const a = {
   install(o) {
     r(o, t);

package/dist/{plugins-DRYVrk16.js → plugins-CxgvV4Py.js}

@@ -53,8 +53,8 @@ import { p as A } from "./plugin-Bk8QZgpY.js";
 import { p as B } from "./plugin-cvHKUGjm.js";
 import { p as z } from "./plugin-B9wG8DUw.js";
 import { p as E } from "./plugin-5vn4G57V.js";
-import "./Table-CgcSkg9A.js";
-import { p as O } from "./plugin-ChoiQIkG.js";
+import "./Table-COkg498M.js";
+import { p as O } from "./plugin-B2fe1hFi.js";
 import "./Tag.vue_vue_type_script_setup_true_lang-0p-7UEvO.js";
 import { p as q } from "./plugin-CClGi0co.js";
 import { p as R } from "./plugin-Dn96hI0e.js";

package/dist/plugins.js

@@ -53,8 +53,8 @@ import { p as jr } from "./plugin-Bk8QZgpY.js";
 import { p as zr } from "./plugin-cvHKUGjm.js";
 import { p as Jr } from "./plugin-B9wG8DUw.js";
 import { p as Nr } from "./plugin-5vn4G57V.js";
-import "./Table-CgcSkg9A.js";
-import { p as Qr } from "./plugin-ChoiQIkG.js";
+import "./Table-COkg498M.js";
+import { p as Qr } from "./plugin-B2fe1hFi.js";
 import "./Tag.vue_vue_type_script_setup_true_lang-0p-7UEvO.js";
 import { p as Vr } from "./plugin-CClGi0co.js";
 import { p as Xr } from "./plugin-Dn96hI0e.js";

package/dist/tamandua.js

@@ -1,4 +1,4 @@
-import { p as n } from "./plugins-DRYVrk16.js";
+import { p as n } from "./plugins-CxgvV4Py.js";
 const o = {
   install(s) {
     for (const i in n)

package/dist/types/components/Table/Table.story.d.ts

@@ -3,6 +3,7 @@ declare const _default: {
     args: {
         loading: boolean;
         actionable: boolean;
+        selectable: boolean;
         data: any;
         columns: {
             title: string;
@@ -14,6 +15,8 @@ export default _default;
 export declare const Table: (args: any) => {
     setup(): {
         args: any;
+        inSelectionMode: import('vue').ComputedRef<any>;
+        tableRef: import('vue').Ref<any>;
     };
     template: string;
 };

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@caipira/tamandua",
-    "version": "0.0.29",
+    "version": "0.0.30",
     "private": false,
     "description": "UI library for the Caipira ecosystem",
     "license": "GPL-3.0-only",