@caipira/tamandua 0.0.49 → 0.0.50

package/README.md

@@ -18,6 +18,13 @@ You can analyze the bundle by running:
 npx vite-bundle-visualizer
 ```
 
+## Publishing
+
+```sh
+npm version patch
+npm publish
+```
+
 ## Reference
 
 [typescript](https://www.typescriptlang.org/docs)

package/dist/Pagination.js

@@ -1,5 +1,5 @@
-import { _ as i } from "./Pagination.vue_vue_type_script_setup_true_lang-PLZQJUd0.js";
-import { p as r } from "./plugin-YUomn9tF.js";
+import { _ as i } from "./Pagination.vue_vue_type_script_setup_true_lang-CrsaPQHf.js";
+import { p as r } from "./plugin-43qPVkHg.js";
 export {
   i as Pagination,
   r as PaginationPlugin

package/dist/Pagination.vue_vue_type_script_setup_true_lang-CrsaPQHf.js

@@ -0,0 +1,106 @@
+import { defineComponent as B, computed as s, watch as V, resolveComponent as h, openBlock as p, createElementBlock as g, toDisplayString as _, createCommentVNode as v, createElementVNode as L, createVNode as b, normalizeClass as d, Fragment as S, renderList as D, createBlock as P } from "vue";
+const I = { class: "flex gap-2 items-center flex-wrap" }, N = {
+  key: 0,
+  class: "md:block hidden"
+}, O = { class: "h-9 flex" }, E = /* @__PURE__ */ B({
+  name: "TPagination",
+  __name: "Pagination",
+  props: {
+    disabled: { type: Boolean, default: !1 },
+    pagination: { default: () => ({}) },
+    hasPageSize: { type: Boolean, default: !0 },
+    pageLengths: { default: () => [12, 18, 24, 30, 36, 42] },
+    showDescription: { type: Boolean, default: !1 }
+  },
+  emits: ["updated"],
+  setup(k, { emit: y }) {
+    const e = k, u = y, c = s(() => e.pagination.page === 1), m = s(
+      () => e.pagination.page === e.pagination.pages
+    ), w = s(() => {
+      const a = e.pagination.pages || 1, n = e.pagination.page || 1, t = [], r = Math.max(2, n - 2), i = Math.min(a - 1, n + 2);
+      a > 1 && t.push(1);
+      for (let o = r; o <= i; o++)
+        o > 1 && o < a && t.push(o);
+      return a > 1 && t.push(a), t;
+    }), $ = s(() => e.pageLengths.map((a) => ({
+      label: `${a} / page`,
+      value: a
+    }))), C = s(() => {
+      if (e.pagination.items && e.pagination.skip && e.pagination.items) {
+        const a = e.pagination.skip + 1, n = e.pagination.skip + e.pagination.items, t = e.pagination.totalItems;
+        return `Showing ${a} to ${n} of ${t} entries`;
+      }
+      return `Page ${e.pagination.page} of ${e.pagination.pages}`;
+    }), f = (a = e.pagination.page) => {
+      const n = {
+        ...e.pagination,
+        page: a
+      };
+      "perPage" in e.pagination && "skip" in e.pagination && "totalItems" in e.pagination && (n.skip = a > 1 ? (a - 1) * e.pagination.perPage : 0, n.items = e.pagination.perPage ? e.pagination.perPage : e.pagination.totalItems - n.skip), Object.assign(e.pagination, n), u("updated", e.pagination);
+    }, l = (a) => {
+      a === e.pagination.page || a < 1 || a > e.pagination.pages || f(a);
+    }, z = (a) => {
+      Object.assign(e.pagination, {
+        ...e.pagination,
+        perPage: a,
+        page: 1
+      }), u("updated", e.pagination);
+    };
+    return V(
+      () => e.pagination,
+      () => f(),
+      { deep: !0, immediate: !0 }
+    ), (a, n) => {
+      const t = h("t-button"), r = h("t-input-select");
+      return p(), g("div", I, [
+        a.showDescription ? (p(), g("div", N, _(C.value), 1)) : v("", !0),
+        L("div", O, [
+          b(t, {
+            size: "sm",
+            variant: "primary",
+            "disable-style": !0,
+            class: d(["h-9 px-2 input-roundness rounded-r-none", { "opacity-50 cursor-not-allowed": c.value }]),
+            icon: "chevron-left",
+            disabled: c.value,
+            onClick: n[0] || (n[0] = (i) => l(a.pagination.page - 1))
+          }, null, 8, ["class", "disabled"]),
+          (p(!0), g(S, null, D(w.value, (i) => (p(), P(t, {
+            "disable-style": !0,
+            label: `${i}`,
+            disabled: i === a.pagination.page,
+            class: d([{
+              "opacity-50 cursor-not-allowed": i === a.pagination.page
+            }, "h-9 px-2 rounded-none"]),
+            size: "sm",
+            variant: "primary",
+            onClick: (o) => l(i)
+          }, null, 8, ["label", "disabled", "class", "onClick"]))), 256)),
+          b(t, {
+            size: "sm",
+            variant: "primary",
+            "disable-style": !0,
+            class: d(["h-9 px-2 input-roundness rounded-l-none", { "opacity-50 cursor-not-allowed": m.value }]),
+            icon: "chevron-right",
+            disabled: m.value,
+            onClick: n[1] || (n[1] = (i) => l(a.pagination.page + 1))
+          }, null, 8, ["class", "disabled"])
+        ]),
+        e.hasPageSize ? (p(), P(r, {
+          key: 1,
+          modelValue: a.pagination.perPage,
+          "onUpdate:modelValue": [
+            n[2] || (n[2] = (i) => a.pagination.perPage = i),
+            z
+          ],
+          disabled: a.disabled,
+          options: $.value,
+          "dropdown-placement": "top",
+          class: "w-fit min-w-32"
+        }, null, 8, ["modelValue", "disabled", "options"])) : v("", !0)
+      ]);
+    };
+  }
+});
+export {
+  E as _
+};

package/dist/components.js

@@ -32,7 +32,7 @@ import { _ as sr } from "./InputTextarea.vue_vue_type_script_setup_true_lang-DRo
 import { _ as fr } from "./Link.vue_vue_type_script_setup_true_lang-gTf77Jvd.js";
 import { _ as nr } from "./Modal.vue_vue_type_script_setup_true_lang-CEaX1svl.js";
 import { _ as ur } from "./ModalForm.vue_vue_type_script_setup_true_lang-RfK0Mn81.js";
-import { _ as lr } from "./Pagination.vue_vue_type_script_setup_true_lang-PLZQJUd0.js";
+import { _ as lr } from "./Pagination.vue_vue_type_script_setup_true_lang-CrsaPQHf.js";
 import { _ as cr } from "./Popconfirm.vue_vue_type_script_setup_true_lang-XyjBUx0p.js";
 import { _ as Tr } from "./Popover.vue_vue_type_script_setup_true_lang-dnL75W40.js";
 import { P as Cr } from "./ProgressCircle-Cpmi2CpO.js";

package/dist/{plugin-YUomn9tF.js → plugin-43qPVkHg.js}

@@ -1,5 +1,5 @@
 import { r } from "./register-component-B-fdqewb.js";
-import { _ as s } from "./Pagination.vue_vue_type_script_setup_true_lang-PLZQJUd0.js";
+import { _ as s } from "./Pagination.vue_vue_type_script_setup_true_lang-CrsaPQHf.js";
 const m = {
   install(o) {
     r(o, s);

package/dist/{plugins-CkB_la4g.js → plugins-D9rFe9qY.js}

@@ -44,7 +44,7 @@ import "./Link.vue_vue_type_script_setup_true_lang-gTf77Jvd.js";
 import { p as D } from "./plugin-DHstqRmE.js";
 import { p as F } from "./plugin-DKjcKBPg.js";
 import { p as L } from "./plugin-DNXazWwT.js";
-import { p as M } from "./plugin-YUomn9tF.js";
+import { p as M } from "./plugin-43qPVkHg.js";
 import "./Popconfirm.vue_vue_type_script_setup_true_lang-XyjBUx0p.js";
 import { p as _ } from "./plugin-Ee4Z5Rtp.js";
 import "./Popover.vue_vue_type_script_setup_true_lang-dnL75W40.js";

package/dist/plugins.js

@@ -44,7 +44,7 @@ import "./Link.vue_vue_type_script_setup_true_lang-gTf77Jvd.js";
 import { p as vr } from "./plugin-DHstqRmE.js";
 import { p as Dr } from "./plugin-DKjcKBPg.js";
 import { p as Lr } from "./plugin-DNXazWwT.js";
-import { p as Ar } from "./plugin-YUomn9tF.js";
+import { p as Ar } from "./plugin-43qPVkHg.js";
 import "./Popconfirm.vue_vue_type_script_setup_true_lang-XyjBUx0p.js";
 import { p as Er } from "./plugin-Ee4Z5Rtp.js";
 import "./Popover.vue_vue_type_script_setup_true_lang-dnL75W40.js";

package/dist/tamandua.js

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

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

@@ -1,5 +1,13 @@
 declare const _default: {
     title: string;
+    args: {
+        hasPageSize: boolean;
+        showDescription: boolean;
+        pagination: {
+            page: number;
+            pages: number;
+        };
+    };
 };
 export default _default;
 export declare const Pagination: (args: any) => {

package/dist/types/components/Pagination/Pagination.vue.d.ts

@@ -4,6 +4,7 @@ import { Pagination } from '../../types/ui.js';
 declare const _default: import('vue').DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<PaginationProps>, {
     disabled: boolean;
     pagination: () => Pagination;
+    hasPageSize: boolean;
     pageLengths: () => number[];
     showDescription: boolean;
 }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
@@ -11,6 +12,7 @@ declare const _default: import('vue').DefineComponent<__VLS_WithDefaults<__VLS_T
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<PaginationProps>, {
     disabled: boolean;
     pagination: () => Pagination;
+    hasPageSize: boolean;
     pageLengths: () => number[];
     showDescription: boolean;
 }>>> & {
@@ -18,6 +20,7 @@ declare const _default: import('vue').DefineComponent<__VLS_WithDefaults<__VLS_T
 }, {
     disabled: boolean;
     pagination: Pagination;
+    hasPageSize: boolean;
     pageLengths: number[];
     showDescription: boolean;
 }, {}>;

package/dist/types/components/Pagination/types.d.ts

@@ -3,6 +3,7 @@ import { Pagination } from '../../types/ui.js';
 export type PaginationProps = {
     disabled?: boolean;
     pagination?: Pagination;
+    hasPageSize?: boolean;
     pageLengths?: Array<number>;
     showDescription: boolean;
 };

package/dist/types/types/ui.d.ts

@@ -1,19 +1,19 @@
 import { ElementPosition, ToastVariant } from '../enums/ui.js';
 
-export interface Pagination {
+export type Pagination = {
     /** Amount of items in current page */
-    items: number;
+    items?: number;
     /** Current page */
     page: number;
     /** Amount of pages */
     pages: number;
     /** Amount of items per page */
-    perPage: number;
+    perPage?: number;
     /** Amount of items being skipped */
-    skip: number;
+    skip?: number;
     /** Total number of items */
-    totalItems: number;
-}
+    totalItems?: number;
+};
 export type TableColumn = {
     title?: string;
 } & ({

package/package.json

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

package/dist/Pagination.vue_vue_type_script_setup_true_lang-PLZQJUd0.js

@@ -1,89 +0,0 @@
-import { defineComponent as w, computed as o, watch as C, resolveComponent as d, openBlock as g, createElementBlock as c, toDisplayString as V, createCommentVNode as x, createElementVNode as z, createVNode as s, normalizeClass as u } from "vue";
-const B = { class: "flex items-center justify-end w-full flex-wrap" }, I = {
-  key: 0,
-  class: "mr-3 grow md:block hidden"
-}, L = { class: "h-9 flex" }, $ = /* @__PURE__ */ w({
-  name: "TPagination",
-  __name: "Pagination",
-  props: {
-    disabled: { type: Boolean, default: !1 },
-    pagination: { default: () => ({}) },
-    pageLengths: { default: () => [12, 18, 24, 30, 36, 42] },
-    showDescription: { type: Boolean, default: !1 }
-  },
-  emits: ["updated"],
-  setup(m, { emit: b }) {
-    const e = m, p = b, l = o(() => e.pagination.page === 1), r = o(() => e.pagination.totalItems - e.pagination?.skip <= e.pagination.perPage), f = o(() => e.pageLengths.map((n) => ({
-      label: `${n} / page`,
-      value: n
-    }))), h = o(() => {
-      const n = e.pagination.skip + 1, t = e.pagination.skip + e.pagination.items, a = e.pagination.totalItems;
-      return `Showing ${n} to ${t} of ${a} entries`;
-    }), i = (n = e.pagination.page) => {
-      const t = n > 1 ? (n - 1) * e.pagination.perPage : 0, a = e.pagination.totalItems - t;
-      Object.assign(e.pagination, {
-        ...e.pagination,
-        skip: t,
-        page: n,
-        items: a > e.pagination.perPage ? e.pagination.perPage : a
-      }), p("updated", e.pagination);
-    }, v = () => {
-      i(e.pagination.page - 1);
-    }, P = () => {
-      i(e.pagination.page + 1);
-    }, _ = (n) => {
-      Object.assign(e.pagination, {
-        ...e.pagination,
-        perPage: n,
-        page: 1
-      }), p("updated", e.pagination);
-    };
-    return C(
-      () => e.pagination,
-      () => {
-        e.pagination.totalItems > 0 && e.pagination.items === 0 && i();
-      },
-      { deep: !0, immediate: !0 }
-    ), (n, t) => {
-      const a = d("t-button"), y = d("t-input-select");
-      return g(), c("div", B, [
-        n.showDescription ? (g(), c("div", I, V(h.value), 1)) : x("", !0),
-        z("div", L, [
-          s(a, {
-            size: "sm",
-            variant: "primary",
-            "disable-style": !0,
-            class: u(["h-9 px-2 input-roundness rounded-r-none input-border border-r", { "opacity-50 cursor-not-allowed": l.value }]),
-            icon: "chevron-left",
-            disabled: l.value,
-            onClick: v
-          }, null, 8, ["class", "disabled"]),
-          s(a, {
-            size: "sm",
-            variant: "primary",
-            "disable-style": !0,
-            class: u(["h-9 px-2 rounded-none", { "opacity-50 cursor-not-allowed": r.value }]),
-            icon: "chevron-right",
-            disabled: r.value,
-            onClick: P
-          }, null, 8, ["class", "disabled"]),
-          s(y, {
-            modelValue: n.pagination.perPage,
-            "onUpdate:modelValue": [
-              t[0] || (t[0] = (k) => n.pagination.perPage = k),
-              _
-            ],
-            disabled: n.disabled,
-            options: f.value,
-            "disable-style": !0,
-            "dropdown-placement": "top",
-            class: "h-9 border input-border border-l-0 input-roundness rounded-l-none"
-          }, null, 8, ["modelValue", "disabled", "options"])
-        ])
-      ]);
-    };
-  }
-});
-export {
-  $ as _
-};