@pismo/marola 0.0.1-alpha.1 → 0.0.1-alpha.11

package/dist/components/Pagination/Pagination.js

@@ -0,0 +1,219 @@
+import '../../assets/Pagination.css';
+import { jsxs as x, jsx as i, Fragment as M } from "react/jsx-runtime";
+import { c as C } from "../../clsx-DB4S2d7J.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 {
+    boundaryCount: a = 1,
+    componentName: _ = "usePagination",
+    count: s = 1,
+    defaultPage: b = 1,
+    disabled: h = !1,
+    hideNextButton: c = !1,
+    hidePrevButton: m = !1,
+    onChange: t,
+    page: o,
+    showFirstButton: p = !1,
+    showLastButton: f = !1,
+    siblingCount: u = 1
+  } = e, d = O(e, E), [r, k] = A({
+    controlled: o,
+    default: b,
+    name: _,
+    state: "page"
+  }), N = (n, l) => {
+    o || k(l), t && t(n, l);
+  }, v = (n, l) => {
+    const F = l - n + 1;
+    return Array.from({
+      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,
+      // Lower boundary when page is high
+      s - a - u * 2 - 1
+    ),
+    // Greater than startPages
+    a + 2
+  ), B = Math.min(
+    Math.max(
+      // Natural end
+      r + u,
+      // Upper boundary when page is low
+      a + u * 2 + 2
+    ),
+    // Less than endPages
+    P.length > 0 ? P[0] - 2 : s - 1
+  ), L = [
+    ...p ? ["first"] : [],
+    ...m ? [] : ["previous"],
+    ...j,
+    // Start ellipsis
+    // eslint-disable-next-line no-nested-ternary
+    ...w > a + 2 ? ["start-ellipsis"] : a + 1 < s - a ? [a + 1] : [],
+    // Sibling pages
+    ...v(w, B),
+    // End ellipsis
+    // eslint-disable-next-line no-nested-ternary
+    ...B < s - a - 1 ? ["end-ellipsis"] : s - a > a ? [s - a] : [],
+    ...P,
+    ...c ? [] : ["next"],
+    ...f ? ["last"] : []
+  ], y = (n) => {
+    switch (n) {
+      case "first":
+        return 1;
+      case "previous":
+        return r - 1;
+      case "next":
+        return r + 1;
+      case "last":
+        return s;
+      default:
+        return null;
+    }
+  }, D = L.map((n) => typeof n == "number" ? {
+    onClick: (l) => {
+      N(l, n);
+    },
+    type: "page",
+    page: n,
+    selected: n === r,
+    disabled: h,
+    "aria-current": n === r ? "true" : void 0
+  } : {
+    onClick: (l) => {
+      N(l, y(n));
+    },
+    type: n,
+    page: y(n),
+    selected: !1,
+    disabled: h || n.indexOf("ellipsis") === -1 && (n === "next" || n === "last" ? r >= s : r <= 1)
+  });
+  return S({
+    items: D
+  }, d);
+}
+const R = "_pagination_9gf1w_1", g = {
+  pagination: R,
+  "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",
+    of: "de",
+    results: "resultados",
+    previous: "Anterior",
+    next: "Próximo"
+  },
+  en: {
+    showing: "Showing",
+    of: "of",
+    results: "results",
+    previous: "Previous",
+    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"], c = (t) => h[t], { items: m } = $({
+    count: _,
+    hideNextButton: !0,
+    hidePrevButton: !0,
+    page: e.currentPage,
+    onChange: (t, o) => e.onPageChange(o),
+    siblingCount: 1,
+    boundaryCount: 2
+  });
+  return /* @__PURE__ */ x("div", { className: C(g.pagination, e.className), "data-testid": e["data-testid"], children: [
+    /* @__PURE__ */ i(
+      "div",
+      {
+        className: C(g["per-page-container"], e.classNamePerPage),
+        "data-testid": e["data-testid__per-page"],
+        children: a && /* @__PURE__ */ x(M, { children: [
+          c`showing`,
+          /* @__PURE__ */ i(
+            "select",
+            {
+              value: e.perPage,
+              name: "per-page-select",
+              id: "per-page-select",
+              onChange: (t) => e.onRowsPerPageChange(t.target.value),
+              children: a.map((t) => {
+                const o = typeof t == "number";
+                return /* @__PURE__ */ i(
+                  "option",
+                  {
+                    value: o ? t : t.value,
+                    children: o ? t : t.label
+                  },
+                  `per-page__${o ? t : t.value}`
+                );
+              })
+            }
+          ),
+          c`of`,
+          " ",
+          /* @__PURE__ */ i("strong", { children: e.totalItems }),
+          " ",
+          c`results`
+        ] })
+      }
+    ),
+    /* @__PURE__ */ x(
+      "div",
+      {
+        className: C(g["pages-navigator-container"], e.classNamePagesNav),
+        "data-testid": e["data-testid__per-page"],
+        children: [
+          /* @__PURE__ */ i(
+            "button",
+            {
+              className: g["pages-navigator-container__previous-next-btn"],
+              disabled: s,
+              onClick: () => e.onPageChange(e.currentPage - 1),
+              type: "button",
+              children: c`previous`
+            },
+            "page__previous"
+          ),
+          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: g["pages-navigator-container__label"], children: "..." }) : o === "page" ? d = /* @__PURE__ */ i(
+              "button",
+              {
+                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", ...f, children: o }), /* @__PURE__ */ i("li", { children: d }, u);
+          }),
+          /* @__PURE__ */ i(
+            "button",
+            {
+              className: g["pages-navigator-container__previous-next-btn"],
+              disabled: b,
+              onClick: () => e.onPageChange(e.currentPage + 1),
+              type: "button",
+              children: c`next`
+            },
+            "page__next"
+          )
+        ]
+      }
+    )
+  ] });
+};
+export {
+  J as Pagination,
+  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;
+    onClose?: () => void;
+};
+export declare const Snackbar: ({ snackbarMessage, color, autoHideDuration, open, onClose, classNameWrapper, "data-testid": dataTestId, }: SnackbarProps) => import("react/jsx-runtime").JSX.Element;
+export {};