@pismo/marola 1.0.0-beta.58 → 1.0.0-beta.6

package/dist/components/Pagination/Pagination.js

@@ -1,33 +1,33 @@
 import '../../assets/Pagination.css';
-import { jsxs as s, Fragment as p, jsx as t } from "react/jsx-runtime";
-import { c as _ } from "../../clsx-DB4S2d7J.js";
-import { Select as d } from "../Select/Select.js";
-import C from "./usePagination.js";
-const w = "_pagination_2n0nk_43", a = {
-  "u-typography-h1": "_u-typography-h1_2n0nk_1",
-  "u-typography-h2": "_u-typography-h2_2n0nk_8",
-  "u-typography-h3": "_u-typography-h3_2n0nk_15",
-  "u-typography-h4": "_u-typography-h4_2n0nk_22",
-  "u-typography-h5": "_u-typography-h5_2n0nk_29",
-  "u-typography-h6": "_u-typography-h6_2n0nk_36",
-  "u-typography-base": "_u-typography-base_2n0nk_43",
-  pagination: w,
-  "per-page-container": "_per-page-container_2n0nk_43",
-  "u-typography-base--xxl": "_u-typography-base--xxl_2n0nk_49",
-  "u-typography-base--xl": "_u-typography-base--xl_2n0nk_53",
-  "u-typography-base--lg": "_u-typography-base--lg_2n0nk_57",
-  "u-typography-base--sm": "_u-typography-base--sm_2n0nk_61",
-  "u-typography-base--bold": "_u-typography-base--bold_2n0nk_65",
-  "u-typography-base--strikethrough": "_u-typography-base--strikethrough_2n0nk_68",
-  "u-typography-base--underlined": "_u-typography-base--underlined_2n0nk_71",
-  "u-typography-base--strikethrough-underlined": "_u-typography-base--strikethrough-underlined_2n0nk_74",
-  "per-page-container__select": "_per-page-container__select_2n0nk_91",
-  "pages-navigator-container": "_pages-navigator-container_2n0nk_98",
-  "page-item": "_page-item_2n0nk_115",
-  "page-number__btn": "_page-number__btn_2n0nk_115",
-  "pages-navigator-container__previous-next-btn": "_pages-navigator-container__previous-next-btn_2n0nk_134",
-  "page-number__btn--selected": "_page-number__btn--selected_2n0nk_159"
-}, B = {
+import { jsxs as r, Fragment as p, jsx as a } from "react/jsx-runtime";
+import { c as o } from "../../clsx-DB4S2d7J.js";
+import { Select as m } from "../Select/Select.js";
+import I from "./usePagination.js";
+const C = "_pagination_19imj_43", n = {
+  "u-typography-h1": "_u-typography-h1_19imj_1",
+  "u-typography-h2": "_u-typography-h2_19imj_8",
+  "u-typography-h3": "_u-typography-h3_19imj_15",
+  "u-typography-h4": "_u-typography-h4_19imj_22",
+  "u-typography-h5": "_u-typography-h5_19imj_29",
+  "u-typography-h6": "_u-typography-h6_19imj_36",
+  "u-typography-base": "_u-typography-base_19imj_43",
+  pagination: C,
+  "per-page-container": "_per-page-container_19imj_43",
+  "u-typography-base--xxl": "_u-typography-base--xxl_19imj_48",
+  "u-typography-base--xl": "_u-typography-base--xl_19imj_52",
+  "u-typography-base--lg": "_u-typography-base--lg_19imj_56",
+  "u-typography-base--sm": "_u-typography-base--sm_19imj_60",
+  "u-typography-base--bold": "_u-typography-base--bold_19imj_64",
+  "u-typography-base--strikethrough": "_u-typography-base--strikethrough_19imj_67",
+  "u-typography-base--underlined": "_u-typography-base--underlined_19imj_70",
+  "u-typography-base--strikethrough-underlined": "_u-typography-base--strikethrough-underlined_19imj_73",
+  "per-page-container__select": "_per-page-container__select_19imj_90",
+  "pages-navigator-container": "_pages-navigator-container_19imj_97",
+  "page-item": "_page-item_19imj_114",
+  "page-number__btn": "_page-number__btn_19imj_114",
+  "pages-navigator-container__previous-next-btn": "_pages-navigator-container__previous-next-btn_19imj_133",
+  "page-number__btn--selected": "_page-number__btn--selected_19imj_158"
+}, k = {
   pt: {
     showing: "Exibindo",
     of: "de",
@@ -44,106 +44,107 @@ const w = "_pagination_2n0nk_43", a = {
     next: "Next",
     perPage: "Items per page"
   }
-}, $ = ({
-  perPageOptions: o = [5, 10, 25, 50, 100],
-  language: y = "en",
-  usePaginationProps: b = {},
-  ...e
-}) => {
-  const l = Math.ceil(e.totalItems / e.perPage), m = e.currentPage <= 1, k = e.currentPage >= l, v = { ...B[y], ...e.t || {} }, i = (n) => v[n], { items: x } = C({
+}, L = ({ perPageOptions: g = [5, 10, 25, 50, 100], language: d = "en", ...e }) => {
+  const l = Math.ceil(e.totalItems / e.perPage), y = e.currentPage <= 1, b = e.currentPage >= l, v = { ...k[d], ...e.t || {} }, s = (t) => v[t], { items: j } = I({
     count: l,
-    page: e.currentPage,
     hideNextButton: !0,
     hidePrevButton: !0,
+    page: e.currentPage,
     siblingCount: 1,
-    boundaryCount: 2,
-    ...b
-  }), c = e.perPage * (e.currentPage - 1) + 1, u = c + e.perPage - 1, P = u > e.totalItems ? u - e.totalItems : 0, N = u - P;
-  return /* @__PURE__ */ s("div", { className: _(a.pagination, e.className), "data-testid": e["data-testid"], children: [
-    /* @__PURE__ */ s(
+    boundaryCount: 2
+  }), c = e.perPage * (e.currentPage - 1) + 1, u = c + e.perPage - 1, x = u > e.totalItems ? u - e.totalItems : 0, P = u - x;
+  return /* @__PURE__ */ r("div", { className: o(n.pagination, e.className), "data-testid": e["data-testid"], children: [
+    /* @__PURE__ */ r(
       "div",
       {
-        className: _(a["per-page-container"], e.classNamePerPage),
+        className: o(n["per-page-container"], e.classNamePerPage),
         "data-testid": e["data-testid-per-page"],
         children: [
-          o && /* @__PURE__ */ s(p, { children: [
-            /* @__PURE__ */ t("span", { children: i`perPage` }),
-            /* @__PURE__ */ t(
-              d,
+          g && /* @__PURE__ */ r(p, { children: [
+            /* @__PURE__ */ a("span", { children: s`perPage` }),
+            /* @__PURE__ */ a(
+              m,
               {
-                className: a["per-page-container__select"],
+                className: n["per-page-container__select"],
                 value: String(e.perPage),
-                onChange: (n) => e.onRowsPerPageChange(Number(n)),
-                children: o == null ? void 0 : o.map((n) => {
-                  const r = typeof n == "number";
-                  return /* @__PURE__ */ t(
-                    d.Option,
+                onChange: (t) => e.onRowsPerPageChange(Number(t)),
+                children: g == null ? void 0 : g.map((t) => {
+                  const i = typeof t == "number";
+                  return /* @__PURE__ */ a(
+                    m.Option,
                     {
-                      value: String(r ? n : n.value),
-                      children: r ? n : n.label
+                      value: String(i ? t : t.value),
+                      children: i ? t : t.label
                     },
-                    `per-page__${r ? n : n.value}`
+                    `per-page__${i ? t : t.value}`
                   );
                 })
               }
             )
           ] }),
-          /* @__PURE__ */ s("div", { className: e.classNamePagesInfo, "data-testid": e["data-testid-pages-info"], children: [
-            /* @__PURE__ */ s("span", { children: [
-              c,
-              " - ",
-              N
-            ] }),
-            " ",
-            /* @__PURE__ */ s("span", { children: [
-              i`of`,
-              " ",
-              /* @__PURE__ */ t("strong", { children: e.totalItems }),
-              " ",
-              i`results`
-            ] })
-          ] })
+          /* @__PURE__ */ r(
+            "div",
+            {
+              className: o(n["page-infos"], e.classNamePagesInfo),
+              "data-testid": e["data-testid-pages-info"],
+              children: [
+                /* @__PURE__ */ r("span", { children: [
+                  c,
+                  " - ",
+                  P
+                ] }),
+                " ",
+                /* @__PURE__ */ r("span", { children: [
+                  s`of`,
+                  " ",
+                  /* @__PURE__ */ a("strong", { children: e.totalItems }),
+                  " ",
+                  s`results`
+                ] })
+              ]
+            }
+          )
         ]
       }
     ),
-    /* @__PURE__ */ s(
+    /* @__PURE__ */ r(
       "div",
       {
-        className: _(a["pages-navigator-container"], e.classNamePagesNav),
+        className: o(n["pages-navigator-container"], e.classNamePagesNav),
         "data-testid": e["data-testid-pages-nav"],
         children: [
-          /* @__PURE__ */ t(
+          /* @__PURE__ */ a(
             "button",
             {
-              className: a["pages-navigator-container__previous-next-btn"],
-              disabled: m,
+              className: n["pages-navigator-container__previous-next-btn"],
+              disabled: y,
               onClick: () => e.onPageChange(e.currentPage - 1),
               type: "button",
-              children: i`previous`
+              children: s`previous`
             },
             "page__previous"
           ),
-          /* @__PURE__ */ t("ul", { children: x.map(({ page: n, type: r, selected: f, ...I }, h) => {
-            let g = /* @__PURE__ */ t(p, {});
-            return r === "start-ellipsis" || r === "end-ellipsis" ? g = /* @__PURE__ */ t("span", { className: a["page-item"], children: "..." }) : r === "page" ? g = /* @__PURE__ */ t(
+          /* @__PURE__ */ a("ul", { children: j.map(({ page: t, type: i, selected: N, ...f }, h) => {
+            let _ = /* @__PURE__ */ a(p, {});
+            return i === "start-ellipsis" || i === "end-ellipsis" ? _ = /* @__PURE__ */ a("span", { className: n["page-item"], children: "..." }) : i === "page" ? _ = /* @__PURE__ */ a(
               "button",
               {
-                className: _(a["page-number__btn"], f && a["page-number__btn--selected"]),
-                onClick: () => e.onPageChange(n || 0),
+                className: o(n["page-number__btn"], N && n["page-number__btn--selected"]),
+                onClick: () => e.onPageChange(t || 0),
                 type: "button",
-                children: n
+                children: t
               },
               `page__${h}`
-            ) : g = /* @__PURE__ */ t("button", { type: "button", ...I, children: r }), /* @__PURE__ */ t("li", { children: g }, h);
+            ) : _ = /* @__PURE__ */ a("button", { type: "button", ...f, children: i }), /* @__PURE__ */ a("li", { children: _ }, h);
           }) }),
-          /* @__PURE__ */ t(
+          /* @__PURE__ */ a(
             "button",
             {
-              className: a["pages-navigator-container__previous-next-btn"],
-              disabled: k,
+              className: n["pages-navigator-container__previous-next-btn"],
+              disabled: b,
               onClick: () => e.onPageChange(e.currentPage + 1),
               type: "button",
-              children: i`next`
+              children: s`next`
             },
             "page__next"
           )
@@ -153,6 +154,6 @@ const w = "_pagination_2n0nk_43", a = {
   ] });
 };
 export {
-  $ as Pagination,
-  B as paginationDefaultTranslations
+  L as Pagination,
+  k as paginationDefaultTranslations
 };

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

@@ -3,7 +3,7 @@ import { StoryObj } from '@storybook/react';
 
 declare const meta: {
     title: string;
-    component: ({ perPageOptions, language, usePaginationProps, ...props }: PaginationProps) => import("react/jsx-runtime").JSX.Element;
+    component: ({ perPageOptions, language, ...props }: PaginationProps) => import("react/jsx-runtime").JSX.Element;
     tags: string[];
     parameters: {
         layout: string;

package/dist/components/Select/Select.d.ts

@@ -15,30 +15,9 @@ export type SelectProps = {
     placeholder?: string;
     prefix?: string;
     className?: string;
-    id?: string;
     value?: string;
-    label?: string;
-    classNameWrapper?: string;
-    classNameLabel?: string;
-    testIdLabel?: string;
-    testIdWrapper?: string;
     'data-testid'?: string;
     onChange?: (value: string | null, event?: React.SyntheticEvent<Element, Event> | null) => void;
-    fullWidth?: boolean;
-    /** Info message text */
-    infoMessage?: string;
-    /** Show the field layout as an error */
-    error?: boolean;
-    /** Error message text, if has "errorMessage", the "error" props will be "true" */
-    errorMessage?: string;
-    /** CSS classes to be applied on the info message element */
-    classNameInfoMessage?: string;
-    /** CSS classes to be applied on the error message element */
-    classNameErrorMessage?: string;
-    /** Id to be applied as `data-testid` on the info message element */
-    'data-testid-infoMessage'?: string;
-    /** Id to be applied as `data-testid` on the error message element */
-    'data-testid-errorMessage'?: string;
 };
 declare const Select: {
     (props: SelectProps): import("react/jsx-runtime").JSX.Element;