@pismo/marola 0.0.1-alpha.18 → 0.0.1-alpha.2

package/dist/components/InputSearch/InputSearch.js

@@ -1,34 +0,0 @@
-import '../../assets/InputSearch.css';
-import { jsx as e } from "react/jsx-runtime";
-import { c as m } from "../../clsx-DB4S2d7J.js";
-import { Icon as p } from "../Icon/Icon.js";
-import { Input as u } from "../Input/Input.js";
-const l = "_inputSearch_114e1_1", h = {
-  inputSearch: l
-};
-let n;
-const d = ({
-  classNameWrapper: r,
-  triggerDelay: o = 500,
-  value: c,
-  onChange: i = () => {
-  },
-  ...a
-}) => {
-  const s = (t) => {
-    n && clearTimeout(n), n = setTimeout(() => i(t), o);
-  };
-  return /* @__PURE__ */ e("div", { className: m(h.inputSearch, r), children: /* @__PURE__ */ e(
-    u,
-    {
-      type: "search",
-      ...a,
-      leftIcon: /* @__PURE__ */ e(p, { icon: "magnifying-glass" }),
-      defaultValue: c,
-      onChange: (t) => s(t)
-    }
-  ) });
-};
-export {
-  d as InputSearch
-};

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

@@ -1,39 +0,0 @@
-import { StoryObj } from '@storybook/react';
-
-declare const meta: {
-    title: string;
-    component: ({ classNameWrapper, triggerDelay, value, onChange, ...rest }: {
-        triggerDelay?: number | undefined;
-    } & import('react').InputHTMLAttributes<HTMLInputElement> & {
-        label?: string | undefined;
-        infoMessage?: string | undefined;
-        errorMessage?: string | undefined;
-        leftIcon?: import('react').ReactNode;
-        rightIcon?: import('react').ReactNode;
-        type?: "search" | "text" | "password" | undefined;
-        hideCharsCounter?: boolean | undefined;
-        classNameWrapper?: string | undefined;
-        classNameLabel?: string | undefined;
-        classNameInput?: string | undefined;
-        classNameInfoMessage?: string | undefined;
-        classNameErrorMessage?: string | undefined;
-        classNameCharsCounter?: string | undefined;
-        'data-testid-wrapper'?: string | undefined;
-        'data-testid-label'?: string | undefined;
-        'data-testid-input'?: string | undefined;
-        'data-testid-infoMessage'?: string | undefined;
-        'data-testid-errorMessage'?: string | undefined;
-        'data-testid-charsCounter'?: string | undefined;
-    }) => import("react/jsx-runtime").JSX.Element;
-    tags: string[];
-    parameters: {
-        layout: string;
-    };
-};
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const Simple: Story;
-export declare const WithLabel: Story;
-export declare const WithCustomDelay: Story;
-export declare const WithPlaceholder: Story;
-export declare const Disabled: Story;

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

@@ -1,14 +0,0 @@
-import { StoryObj } from '@storybook/react';
-
-declare const meta: {
-    title: string;
-    component: ({ invert, classNames }: import('./LoadingSpinner').LoadingSpinnerProps) => import("react/jsx-runtime").JSX.Element;
-    tags: string[];
-    decorators: ((Story: import('@storybook/types').PartialStoryFn<import('@storybook/react').ReactRenderer, {
-        invert?: boolean | undefined;
-        classNames?: string | undefined;
-    }>) => import("react/jsx-runtime").JSX.Element)[];
-};
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const Simple: Story;

package/dist/components/PageHeader/PageHeader.d.ts

@@ -1,36 +0,0 @@
-import { RequireAllOrNone } from '../../types/helpers';
-import { ReactNode } from 'react';
-
-type PageHeaderCommonProps = {
-    /** Title text */
-    title: string;
-    /** Subtitle text */
-    subtitle?: string;
-    /** Back link text */
-    backLinkText?: string;
-    /** Callback called when `back link` is clicked */
-    onBackLinkClick?: () => void;
-    /** Element to be rendered on the right slot of the component */
-    rightChildren?: ReactNode;
-    /** Element to be rendered on the bottom slot of the component */
-    bottomChildren?: ReactNode;
-    /** CSS classes to be applied on the container element */
-    classNameWrapper?: string;
-    /** CSS classes to be applied on the back link element */
-    classNameBackLink?: string;
-    /** CSS classes to be applied on the title element */
-    classNameTitle?: string;
-    /** CSS classes to be applied on the subtitle element */
-    classNameSubtitle?: string;
-    /** Id to be applied as `data-testid` on the container element */
-    'data-testid-wrapper'?: string;
-    /** Id to be applied as `data-testid` on the back link element */
-    'data-testid-backLink'?: string;
-    /** Id to be applied as `data-testid` on the title element */
-    'data-testid-title'?: string;
-    /** Id to be applied as `data-testid` on the subtitle element */
-    'data-testid-subtitle'?: string;
-};
-type PageHeaderProps = RequireAllOrNone<PageHeaderCommonProps, 'backLinkText' | 'onBackLinkClick'>;
-export declare const PageHeader: ({ title, subtitle, backLinkText, onBackLinkClick, rightChildren, bottomChildren, classNameWrapper, classNameBackLink, classNameTitle, classNameSubtitle, "data-testid-wrapper": wrapperTestId, "data-testid-backLink": backLinkTestId, "data-testid-title": titleTestId, "data-testid-subtitle": subtitleTestId, ...rest }: PageHeaderProps) => import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/components/PageHeader/PageHeader.js

@@ -1,51 +0,0 @@
-import '../../assets/PageHeader.css';
-import { jsxs as a, jsx as t } from "react/jsx-runtime";
-import { c as n } from "../../clsx-DB4S2d7J.js";
-import * as _ from "react";
-const w = (c) => /* @__PURE__ */ _.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 448 512", "data-waves-icon": "fa/solid/arrow-left", fill: "currentColor", color: "currentColor", width: "1em", height: "1em", style: {
-  fill: "currentcolor",
-  color: "currentcolor",
-  width: "1em",
-  height: "1em"
-}, ...c }, /* @__PURE__ */ _.createElement("path", { d: "M447.1 256C447.1 273.7 433.7 288 416 288H109.3l105.4 105.4c12.5 12.5 12.5 32.75 0 45.25C208.4 444.9 200.2 448 192 448s-16.38-3.125-22.62-9.375l-160-160c-12.5-12.5-12.5-32.75 0-45.25l160-160c12.5-12.5 32.75-12.5 45.25 0s12.5 32.75 0 45.25L109.3 224H416C433.7 224 447.1 238.3 447.1 256z" })), b = "_title_fxc86_47", N = "_subtitle_fxc86_48", e = {
-  "page-header": "_page-header_fxc86_1",
-  "page-header__top-content": "_page-header__top-content_fxc86_10",
-  "page-header__main-content": "_page-header__main-content_fxc86_13",
-  "page-header__bottom-content": "_page-header__bottom-content_fxc86_13",
-  "page-header__main-left-content": "_page-header__main-left-content_fxc86_41",
-  title: b,
-  subtitle: N,
-  "page-header__main-right-content": "_page-header__main-right-content_fxc86_65"
-}, H = ({
-  title: c,
-  subtitle: d,
-  backLinkText: r,
-  onBackLinkClick: s,
-  rightChildren: i,
-  bottomChildren: o,
-  classNameWrapper: l,
-  classNameBackLink: h,
-  classNameTitle: m,
-  classNameSubtitle: p,
-  "data-testid-wrapper": g,
-  "data-testid-backLink": f,
-  "data-testid-title": x,
-  "data-testid-subtitle": u,
-  ...v
-}) => /* @__PURE__ */ a("div", { className: n([e["page-header"], l]), "data-testid": g, ...v, children: [
-  r && /* @__PURE__ */ t("div", { className: e["page-header__top-content"], children: /* @__PURE__ */ a("button", { type: "button", onClick: s, className: h, "data-testid": f, children: [
-    /* @__PURE__ */ t(w, { fontSize: 16 }),
-    r
-  ] }) }),
-  /* @__PURE__ */ a("div", { className: e["page-header__main-content"], children: [
-    /* @__PURE__ */ a("div", { className: e["page-header__main-left-content"], children: [
-      /* @__PURE__ */ t("h1", { className: n(e.title, m), "data-testid": x, children: c }),
-      /* @__PURE__ */ t("h2", { className: n(e.subtitle, p), "data-testid": u, children: d })
-    ] }),
-    i && /* @__PURE__ */ t("div", { className: e["page-header__main-right-content"], children: i })
-  ] }),
-  o && /* @__PURE__ */ t("div", { className: e["page-header__bottom-content"], children: o })
-] });
-export {
-  H as PageHeader
-};

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

@@ -1,43 +0,0 @@
-import { StoryObj } from '@storybook/react';
-
-declare const meta: {
-    title: string;
-    component: ({ title, subtitle, backLinkText, onBackLinkClick, rightChildren, bottomChildren, classNameWrapper, classNameBackLink, classNameTitle, classNameSubtitle, "data-testid-wrapper": wrapperTestId, "data-testid-backLink": backLinkTestId, "data-testid-title": titleTestId, "data-testid-subtitle": subtitleTestId, ...rest }: (Required<Pick<{
-        title: string;
-        subtitle?: string | undefined;
-        backLinkText?: string | undefined;
-        onBackLinkClick?: (() => void) | undefined;
-        rightChildren?: import('react').ReactNode;
-        bottomChildren?: import('react').ReactNode;
-        classNameWrapper?: string | undefined;
-        classNameBackLink?: string | undefined;
-        classNameTitle?: string | undefined;
-        classNameSubtitle?: string | undefined;
-        'data-testid-wrapper'?: string | undefined;
-        'data-testid-backLink'?: string | undefined;
-        'data-testid-title'?: string | undefined;
-        'data-testid-subtitle'?: string | undefined;
-    }, "backLinkText" | "onBackLinkClick">> | Partial<Record<"backLinkText" | "onBackLinkClick", never>>) & Omit<{
-        title: string;
-        subtitle?: string | undefined;
-        backLinkText?: string | undefined;
-        onBackLinkClick?: (() => void) | undefined;
-        rightChildren?: import('react').ReactNode;
-        bottomChildren?: import('react').ReactNode;
-        classNameWrapper?: string | undefined;
-        classNameBackLink?: string | undefined;
-        classNameTitle?: string | undefined;
-        classNameSubtitle?: string | undefined;
-        'data-testid-wrapper'?: string | undefined;
-        'data-testid-backLink'?: string | undefined;
-        'data-testid-title'?: string | undefined;
-        'data-testid-subtitle'?: string | undefined;
-    }, "backLinkText" | "onBackLinkClick">) => import("react/jsx-runtime").JSX.Element;
-    tags: string[];
-};
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const Simple: Story;
-export declare const WithBackLink: Story;
-export declare const WithRightChildren: Story;
-export declare const WithBottomChildren: Story;

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

@@ -1,55 +0,0 @@
-export type PaginationParams = {
-    /** Total number of items to paginate */
-    totalItems: number;
-    /** Number of items to show per page */
-    perPage: number;
-    /** Current page */
-    currentPage: number;
-};
-export type PaginationTranslations = {
-    /** Translation text for `showing` */
-    showing: string;
-    /** Translation text for `of` */
-    of: string;
-    /** Translation text for `result` */
-    results: string;
-    /** Translation text for `previous` */
-    previous: string;
-    /** Translation text for `next` */
-    next: string;
-};
-type PaginationLanguages = 'pt' | 'en';
-type PaginationCommonProps = {
-    /** CSS classes to be applied on the container element */
-    className?: string;
-    /** CSS classes to be applied on the per page element */
-    classNamePerPage?: string;
-    /** CSS classes to be applied on the pages navigation element */
-    classNamePagesNav?: string;
-    /** Id to be applied as `data-testid` on the container element */
-    'data-testid'?: string;
-    /** Id to be applied as `data-testid` on per page element */
-    'data-testid-per-page'?: string;
-    /** Id to be applied as `data-testid` on the pages navigation element */
-    'data-testid-pages-nav'?: string;
-};
-export type PaginationProps = {
-    /** Array of options to be rendered as per page options. */
-    perPageOptions?: (number | {
-        value: number;
-        label: string;
-    })[] | undefined;
-    /** Callback called when page changes. */
-    onPageChange: (page: number) => void;
-    /** Callback called when items per page changes. */
-    onRowsPerPageChange: (perPage: number) => void;
-    /** Language to be used for texts. */
-    language?: PaginationLanguages;
-    /** Custom translation object to be used for texts. */
-    t?: PaginationTranslations;
-} & PaginationParams & PaginationCommonProps;
-export declare const paginationDefaultTranslations: {
-    [key in PaginationLanguages]: PaginationTranslations;
-};
-export declare const Pagination: ({ perPageOptions, language, ...props }: PaginationProps) => import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/components/Pagination/Pagination.js

@@ -1,222 +0,0 @@
-import '../../assets/Pagination.css';
-import { jsxs as m, jsx as o, Fragment as M } from "react/jsx-runtime";
-import { c as p } from "../../clsx-DB4S2d7J.js";
-import { Select as k } from "../Select/Select.js";
-import { _ as A, b as E } from "../../index-CH45lKw7.js";
-import { u as $ } from "../../useControlled-CCMYYdCM.js";
-const R = ["boundaryCount", "componentName", "count", "defaultPage", "disabled", "hideNextButton", "hidePrevButton", "onChange", "page", "showFirstButton", "showLastButton", "siblingCount"];
-function T(g = {}) {
-  const {
-    boundaryCount: a = 1,
-    componentName: e = "usePagination",
-    count: s = 1,
-    defaultPage: v = 1,
-    disabled: _ = !1,
-    hideNextButton: f = !1,
-    hidePrevButton: u = !1,
-    onChange: h,
-    page: n,
-    showFirstButton: r = !1,
-    showLastButton: x = !1,
-    siblingCount: d = 1
-  } = g, b = A(g, R), [i, S] = $({
-    controlled: n,
-    default: v,
-    name: e,
-    state: "page"
-  }), N = (t, c) => {
-    n || S(c), h && h(t, c);
-  }, C = (t, c) => {
-    const F = c - t + 1;
-    return Array.from({
-      length: F
-    }, (z, I) => t + I);
-  }, L = C(1, Math.min(a, s)), P = C(Math.max(s - a + 1, a + 1), s), y = Math.max(
-    Math.min(
-      // Natural start
-      i - d,
-      // Lower boundary when page is high
-      s - a - d * 2 - 1
-    ),
-    // Greater than startPages
-    a + 2
-  ), B = Math.min(
-    Math.max(
-      // Natural end
-      i + d,
-      // Upper boundary when page is low
-      a + d * 2 + 2
-    ),
-    // Less than endPages
-    P.length > 0 ? P[0] - 2 : s - 1
-  ), j = [
-    ...r ? ["first"] : [],
-    ...u ? [] : ["previous"],
-    ...L,
-    // Start ellipsis
-    // eslint-disable-next-line no-nested-ternary
-    ...y > a + 2 ? ["start-ellipsis"] : a + 1 < s - a ? [a + 1] : [],
-    // Sibling pages
-    ...C(y, B),
-    // End ellipsis
-    // eslint-disable-next-line no-nested-ternary
-    ...B < s - a - 1 ? ["end-ellipsis"] : s - a > a ? [s - a] : [],
-    ...P,
-    ...f ? [] : ["next"],
-    ...x ? ["last"] : []
-  ], w = (t) => {
-    switch (t) {
-      case "first":
-        return 1;
-      case "previous":
-        return i - 1;
-      case "next":
-        return i + 1;
-      case "last":
-        return s;
-      default:
-        return null;
-    }
-  }, D = j.map((t) => typeof t == "number" ? {
-    onClick: (c) => {
-      N(c, t);
-    },
-    type: "page",
-    page: t,
-    selected: t === i,
-    disabled: _,
-    "aria-current": t === i ? "true" : void 0
-  } : {
-    onClick: (c) => {
-      N(c, w(t));
-    },
-    type: t,
-    page: w(t),
-    selected: !1,
-    disabled: _ || t.indexOf("ellipsis") === -1 && (t === "next" || t === "last" ? i >= s : i <= 1)
-  });
-  return E({
-    items: D
-  }, b);
-}
-const W = "_pagination_n3y7g_1", l = {
-  pagination: W,
-  "per-page-container": "_per-page-container_n3y7g_8",
-  "per-page-container__select": "_per-page-container__select_n3y7g_17",
-  "pages-navigator-container": "_pages-navigator-container_n3y7g_22",
-  "pages-navigator-container__label": "_pages-navigator-container__label_n3y7g_37",
-  "page-number__btn": "_page-number__btn_n3y7g_37",
-  "pages-navigator-container__previous-next-btn": "_pages-navigator-container__previous-next-btn_n3y7g_50",
-  "page-number__btn--selected": "_page-number__btn--selected_n3y7g_75"
-}, q = {
-  pt: {
-    showing: "Exibindo",
-    of: "de",
-    results: "resultados",
-    previous: "Anterior",
-    next: "Próximo"
-  },
-  en: {
-    showing: "Showing",
-    of: "of",
-    results: "results",
-    previous: "Previous",
-    next: "Next"
-  }
-}, U = ({ perPageOptions: g = [5, 10, 25, 50, 100], language: a = "en", ...e }) => {
-  const s = Math.ceil(e.totalItems / e.perPage), v = e.currentPage <= 1, _ = e.currentPage >= s, f = e.t || q[a], u = (n) => f[n], { items: h } = T({
-    count: s,
-    hideNextButton: !0,
-    hidePrevButton: !0,
-    page: e.currentPage,
-    siblingCount: 1,
-    boundaryCount: 2,
-    onChange: (n, r) => e.onPageChange(r)
-  });
-  return /* @__PURE__ */ m("div", { className: p(l.pagination, e.className), "data-testid": e["data-testid"], children: [
-    /* @__PURE__ */ o(
-      "div",
-      {
-        className: p(l["per-page-container"], e.classNamePerPage),
-        "data-testid": e["data-testid-per-page"],
-        children: g && /* @__PURE__ */ m(M, { children: [
-          /* @__PURE__ */ o("span", { children: u`showing` }),
-          /* @__PURE__ */ o(
-            k,
-            {
-              className: l["per-page-container__select"],
-              value: String(e.perPage),
-              onChange: (n) => e.onRowsPerPageChange(Number(n)),
-              children: g == null ? void 0 : g.map((n) => {
-                const r = typeof n == "number";
-                return /* @__PURE__ */ o(
-                  k.Option,
-                  {
-                    value: String(r ? n : n.value),
-                    children: r ? n : n.label
-                  },
-                  `per-page__${r ? n : n.value}`
-                );
-              })
-            }
-          ),
-          /* @__PURE__ */ m("span", { children: [
-            u`of`,
-            " ",
-            /* @__PURE__ */ o("strong", { children: e.totalItems }),
-            " ",
-            u`results`
-          ] })
-        ] })
-      }
-    ),
-    /* @__PURE__ */ m(
-      "div",
-      {
-        className: p(l["pages-navigator-container"], e.classNamePagesNav),
-        "data-testid": e["data-testid-pages-nav"],
-        children: [
-          /* @__PURE__ */ o(
-            "button",
-            {
-              className: l["pages-navigator-container__previous-next-btn"],
-              disabled: v,
-              onClick: () => e.onPageChange(e.currentPage - 1),
-              type: "button",
-              children: u`previous`
-            },
-            "page__previous"
-          ),
-          /* @__PURE__ */ o("ul", { children: h.map(({ page: n, type: r, selected: x, ...d }, b) => {
-            let i = /* @__PURE__ */ o(M, {});
-            return r === "start-ellipsis" || r === "end-ellipsis" ? i = /* @__PURE__ */ o("span", { className: l["pages-navigator-container__label"], children: "..." }) : r === "page" ? i = /* @__PURE__ */ o(
-              "button",
-              {
-                className: p(l["page-number__btn"], x && l["page-number__btn--selected"]),
-                onClick: () => e.onPageChange(n || 0),
-                type: "button",
-                children: n
-              },
-              `page__${b}`
-            ) : i = /* @__PURE__ */ o("button", { type: "button", ...d, children: r }), /* @__PURE__ */ o("li", { children: i }, b);
-          }) }),
-          /* @__PURE__ */ o(
-            "button",
-            {
-              className: l["pages-navigator-container__previous-next-btn"],
-              disabled: _,
-              onClick: () => e.onPageChange(e.currentPage + 1),
-              type: "button",
-              children: u`next`
-            },
-            "page__next"
-          )
-        ]
-      }
-    )
-  ] });
-};
-export {
-  U as Pagination,
-  q as paginationDefaultTranslations
-};

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

@@ -1,17 +0,0 @@
-import { PaginationProps } from '../../main';
-import { StoryObj } from '@storybook/react';
-
-declare const meta: {
-    title: string;
-    component: ({ perPageOptions, language, ...props }: PaginationProps) => import("react/jsx-runtime").JSX.Element;
-    tags: string[];
-    parameters: {
-        layout: string;
-    };
-};
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const Simple: Story;
-export declare const WithCustomPerPageOptions: Story;
-export declare const WithLanguage: Story;
-export declare const WithCustomTexts: Story;

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

@@ -1,26 +0,0 @@
-import { ReactNode } from 'react';
-
-export type SelectOptionProps = {
-    disabled?: boolean;
-    value: string;
-    children: ReactNode;
-    icon?: ReactNode;
-    className?: string;
-    'data-testid'?: string;
-};
-export declare const SelectOption: (props: SelectOptionProps) => import("react/jsx-runtime").JSX.Element;
-export type SelectProps = {
-    children?: ReactNode;
-    disabled?: boolean;
-    placeholder?: string;
-    prefix?: string;
-    className?: string;
-    value?: string;
-    'data-testid'?: string;
-    onChange?: (value: string | null, event?: React.SyntheticEvent<Element, Event> | null) => void;
-};
-declare const Select: {
-    (props: SelectProps): import("react/jsx-runtime").JSX.Element;
-    Option: (props: SelectOptionProps) => import("react/jsx-runtime").JSX.Element;
-};
-export { Select };