@pismo/marola 0.0.1-alpha.5 → 0.0.1-alpha.7

package/dist/components/Pagination/Pagination.js

@@ -1,8 +1,8 @@
 import '../../assets/Pagination.css';
-import { jsxs as P, jsx as i, Fragment as M } from "react/jsx-runtime";
+import { jsxs as x, jsx as i, Fragment as M } from "react/jsx-runtime";
 import { c as C } from "../../clsx-DB4S2d7J.js";
-import { _ as S, a as A } from "../../objectWithoutPropertiesLoose-ClNcje2_.js";
-import { u as D } from "../../useControlled-CCMYYdCM.js";
+import { _ as O, a as S } from "../../objectWithoutPropertiesLoose-D7Cp0Pg_.js";
+import { u as A } from "../../useControlled-CCMYYdCM.js";
 const E = ["boundaryCount", "componentName", "count", "defaultPage", "disabled", "hideNextButton", "hidePrevButton", "onChange", "page", "showFirstButton", "showLastButton", "siblingCount"];
 function $(e = {}) {
   const {
@@ -11,14 +11,14 @@ function $(e = {}) {
     count: s = 1,
     defaultPage: b = 1,
     disabled: h = !1,
-    hideNextButton: g = !1,
+    hideNextButton: c = !1,
     hidePrevButton: m = !1,
     onChange: t,
     page: o,
     showFirstButton: p = !1,
-    showLastButton: x = !1,
+    showLastButton: f = !1,
     siblingCount: u = 1
-  } = e, d = S(e, E), [r, k] = D({
+  } = e, d = O(e, E), [r, k] = A({
     controlled: o,
     default: b,
     name: _,
@@ -26,11 +26,11 @@ function $(e = {}) {
   }), N = (n, l) => {
     o || k(l), t && t(n, l);
   }, v = (n, l) => {
-    const I = l - n + 1;
+    const F = l - n + 1;
     return Array.from({
-      length: I
-    }, (W, O) => n + O);
-  }, j = v(1, Math.min(a, s)), f = v(Math.max(s - a + 1, a + 1), s), y = Math.max(
+      length: F
+    }, (W, I) => n + I);
+  }, j = v(1, Math.min(a, s)), P = v(Math.max(s - a + 1, a + 1), s), w = Math.max(
     Math.min(
       // Natural start
       r - u,
@@ -47,23 +47,23 @@ function $(e = {}) {
       a + u * 2 + 2
     ),
     // Less than endPages
-    f.length > 0 ? f[0] - 2 : s - 1
+    P.length > 0 ? P[0] - 2 : s - 1
   ), L = [
     ...p ? ["first"] : [],
     ...m ? [] : ["previous"],
     ...j,
     // Start ellipsis
     // eslint-disable-next-line no-nested-ternary
-    ...y > a + 2 ? ["start-ellipsis"] : a + 1 < s - a ? [a + 1] : [],
+    ...w > a + 2 ? ["start-ellipsis"] : a + 1 < s - a ? [a + 1] : [],
     // Sibling pages
-    ...v(y, B),
+    ...v(w, B),
     // End ellipsis
     // eslint-disable-next-line no-nested-ternary
     ...B < s - a - 1 ? ["end-ellipsis"] : s - a > a ? [s - a] : [],
-    ...f,
-    ...g ? [] : ["next"],
-    ...x ? ["last"] : []
-  ], w = (n) => {
+    ...P,
+    ...c ? [] : ["next"],
+    ...f ? ["last"] : []
+  ], y = (n) => {
     switch (n) {
       case "first":
         return 1;
@@ -76,7 +76,7 @@ function $(e = {}) {
       default:
         return null;
     }
-  }, F = L.map((n) => typeof n == "number" ? {
+  }, D = L.map((n) => typeof n == "number" ? {
     onClick: (l) => {
       N(l, n);
     },
@@ -87,25 +87,25 @@ function $(e = {}) {
     "aria-current": n === r ? "true" : void 0
   } : {
     onClick: (l) => {
-      N(l, w(n));
+      N(l, y(n));
     },
     type: n,
-    page: w(n),
+    page: y(n),
     selected: !1,
     disabled: h || n.indexOf("ellipsis") === -1 && (n === "next" || n === "last" ? r >= s : r <= 1)
   });
-  return A({
-    items: F
+  return S({
+    items: D
   }, d);
 }
-const R = "_pagination_1exye_1", c = {
+const R = "_pagination_9gf1w_1", g = {
   pagination: R,
-  "per-page-container": "_per-page-container_1exye_8",
-  "pages-navigator-container": "_pages-navigator-container_1exye_20",
-  "pages-navigator-container__label": "_pages-navigator-container__label_1exye_31",
-  "page-number__btn": "_page-number__btn_1exye_31",
-  "pages-navigator-container__previous-next-btn": "_pages-navigator-container__previous-next-btn_1exye_44",
-  "page-number__btn--selected": "_page-number__btn--selected_1exye_69"
+  "per-page-container": "_per-page-container_9gf1w_8",
+  "pages-navigator-container": "_pages-navigator-container_9gf1w_20",
+  "pages-navigator-container__label": "_pages-navigator-container__label_9gf1w_31",
+  "page-number__btn": "_page-number__btn_9gf1w_31",
+  "pages-navigator-container__previous-next-btn": "_pages-navigator-container__previous-next-btn_9gf1w_44",
+  "page-number__btn--selected": "_page-number__btn--selected_9gf1w_69"
 }, T = {
   pt: {
     showing: "Exibindo",
@@ -122,7 +122,7 @@ const R = "_pagination_1exye_1", c = {
     next: "Next"
   }
 }, J = (e) => {
-  const a = e.perPageOptions || [5, 10, 25, 50, 100], _ = Math.ceil(e.totalItems / e.perPage), s = e.currentPage <= 1, b = e.currentPage >= _, h = e.t || T[e.language || "en"], g = (t) => h[t], { items: m } = $({
+  const a = e.perPageOptions || [5, 10, 25, 50, 100], _ = Math.ceil(e.totalItems / e.perPage), s = e.currentPage <= 1, b = e.currentPage >= _, h = e.t || T[e.language || "en"], c = (t) => h[t], { items: m } = $({
     count: _,
     hideNextButton: !0,
     hidePrevButton: !0,
@@ -131,14 +131,14 @@ const R = "_pagination_1exye_1", c = {
     siblingCount: 1,
     boundaryCount: 2
   });
-  return /* @__PURE__ */ P("div", { className: C(c.pagination, e.className), "data-testid": e["data-testid"], children: [
+  return /* @__PURE__ */ x("div", { className: C(g.pagination, e.className), "data-testid": e["data-testid"], children: [
     /* @__PURE__ */ i(
       "div",
       {
-        className: C(c["per-page-container"], e.classNamePerPage),
+        className: C(g["per-page-container"], e.classNamePerPage),
         "data-testid": e["data-testid__per-page"],
-        children: a && /* @__PURE__ */ P(M, { children: [
-          g`showing`,
+        children: a && /* @__PURE__ */ x(M, { children: [
+          c`showing`,
           /* @__PURE__ */ i(
             "select",
             {
@@ -159,52 +159,52 @@ const R = "_pagination_1exye_1", c = {
               })
             }
           ),
-          g`of`,
+          c`of`,
           " ",
           /* @__PURE__ */ i("strong", { children: e.totalItems }),
           " ",
-          g`results`
+          c`results`
         ] })
       }
     ),
-    /* @__PURE__ */ P(
+    /* @__PURE__ */ x(
       "div",
       {
-        className: C(c["pages-navigator-container"], e.classNamePagesNav),
+        className: C(g["pages-navigator-container"], e.classNamePagesNav),
         "data-testid": e["data-testid__per-page"],
         children: [
           /* @__PURE__ */ i(
             "button",
             {
-              className: c["pages-navigator-container__previous-next-btn"],
+              className: g["pages-navigator-container__previous-next-btn"],
               disabled: s,
               onClick: () => e.onPageChange(e.currentPage - 1),
               type: "button",
-              children: g`previous`
+              children: c`previous`
             },
             "page__previous"
           ),
-          m.map(({ page: t, type: o, selected: p, ...x }, u) => {
+          m.map(({ page: t, type: o, selected: p, ...f }, u) => {
             let d = /* @__PURE__ */ i(M, {});
-            return o === "start-ellipsis" || o === "end-ellipsis" ? d = /* @__PURE__ */ i("span", { className: c["pages-navigator-container__label"], children: "..." }) : o === "page" ? d = /* @__PURE__ */ i(
+            return o === "start-ellipsis" || o === "end-ellipsis" ? d = /* @__PURE__ */ i("span", { className: g["pages-navigator-container__label"], children: "..." }) : o === "page" ? d = /* @__PURE__ */ i(
               "button",
               {
-                className: [c["page-number__btn"], p ? c["page-number__btn--selected"] : ""].join(" ").trim(),
+                className: [g["page-number__btn"], p ? g["page-number__btn--selected"] : ""].join(" ").trim(),
                 onClick: () => e.onPageChange(t || 0),
                 type: "button",
                 children: t
               },
               `page__${u}`
-            ) : d = /* @__PURE__ */ i("button", { type: "button", ...x, children: o }), /* @__PURE__ */ i("li", { children: d }, u);
+            ) : d = /* @__PURE__ */ i("button", { type: "button", ...f, children: o }), /* @__PURE__ */ i("li", { children: d }, u);
           }),
           /* @__PURE__ */ i(
             "button",
             {
-              className: c["pages-navigator-container__previous-next-btn"],
+              className: g["pages-navigator-container__previous-next-btn"],
               disabled: b,
               onClick: () => e.onPageChange(e.currentPage + 1),
               type: "button",
-              children: g`next`
+              children: c`next`
             },
             "page__next"
           )
@@ -215,5 +215,5 @@ const R = "_pagination_1exye_1", c = {
 };
 export {
   J as Pagination,
-  T as defaultTranslations
+  T as paginationDefaultTranslations
 };

package/dist/components/Skeleton/Skeleton.d.ts

@@ -0,0 +1,18 @@
+/// <reference types="react" />
+type SkeletonProps = {
+    style?: React.CSSProperties | undefined;
+    className?: string;
+    'data-testid'?: string;
+};
+declare const Skeleton: (props: SkeletonProps) => import("react/jsx-runtime").JSX.Element;
+type SkeletonCircleProps = SkeletonProps & {
+    size?: string | number;
+};
+declare const SkeletonCircle: ({ size, ...props }: SkeletonCircleProps) => import("react/jsx-runtime").JSX.Element;
+type SkeletonTableProps = SkeletonProps & {
+    columns?: number;
+    rows?: number;
+    autoWidth?: boolean;
+};
+declare const SkeletonTable: ({ columns, rows, autoWidth, ...props }: SkeletonTableProps) => import("react/jsx-runtime").JSX.Element;
+export { Skeleton, SkeletonCircle, SkeletonTable };

package/dist/components/Skeleton/Skeleton.js

@@ -0,0 +1,26 @@
+import '../../assets/Skeleton.css';
+import { jsx as l, jsxs as w } from "react/jsx-runtime";
+import { c as a } from "../../clsx-DB4S2d7J.js";
+const N = "_skeleton_1lho5_1", p = "_skeletonLoading_1lho5_1", s = {
+  skeleton: N,
+  "skeleton--table-type": "_skeleton--table-type_1lho5_1",
+  skeletonLoading: p,
+  "skeleton--circle-type": "_skeleton--circle-type_1lho5_15"
+}, i = (e) => {
+  const t = a(s.skeleton, s["skeleton--normal-type"], e.className);
+  return /* @__PURE__ */ l("div", { style: {}, ...e, className: t });
+}, C = ({ size: e = "4rem", ...t }) => {
+  const n = a(s.skeleton, s["skeleton--circle-type"], t.className);
+  return /* @__PURE__ */ l("div", { ...t, style: { width: e, height: e }, className: n });
+}, h = (e = 30) => `${Math.floor(Math.random() * (100 - e + 1) + e)}%`, $ = ({ columns: e = 5, rows: t = 5, autoWidth: n = !0, ...r }) => {
+  const k = a(s.skeleton, s["skeleton--table-type"], r.className), c = `${100 / e}%`, d = /* @__PURE__ */ l("tr", { children: new Array(e).fill(null).map((y, o) => /* @__PURE__ */ l("th", { style: { width: c }, children: /* @__PURE__ */ l(i, { style: { width: n ? h(50) : "100%" } }) }, `row-columns-${o}`)) }), m = new Array(t).fill(null).map((y, o) => /* @__PURE__ */ l("tr", { children: new Array(e).fill(null).map((b, _) => /* @__PURE__ */ l("td", { style: { width: c }, children: /* @__PURE__ */ l(i, { style: { width: n ? h() : "100%" } }) }, `row-${o}-cell-${_}`)) }, `row-${o}`));
+  return /* @__PURE__ */ w("table", { ...r, className: k, children: [
+    /* @__PURE__ */ l("thead", { children: d }),
+    /* @__PURE__ */ l("tbody", { children: m })
+  ] });
+};
+export {
+  i as Skeleton,
+  C as SkeletonCircle,
+  $ as SkeletonTable
+};

package/dist/components/Snackbar/Snackbar.d.ts

@@ -0,0 +1,13 @@
+import { InputHTMLAttributes } from 'react';
+
+type SnackbarProps = InputHTMLAttributes<HTMLInputElement> & {
+    open?: boolean;
+    'data-testid'?: string;
+    classNameWrapper?: string;
+    color?: 'success' | 'error' | 'attention';
+    snackbarMessage: string;
+    autoHideDuration?: number | 5000;
+    onClose?: () => void;
+};
+export declare const Snackbar: ({ snackbarMessage, color, autoHideDuration, open, onClose, classNameWrapper, "data-testid": dataTestId, }: SnackbarProps) => import("react/jsx-runtime").JSX.Element;
+export {};