@pismo/marola 0.0.1-alpha.31 → 0.0.1-alpha.4

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

@@ -1,66 +0,0 @@
-import { RequireAllOrNone } from '../../types/helpers';
-import { ReactNode } from 'react';
-
-type BreadcrumbItem = {
-    /** Breadcrumb item label */
-    label: string;
-    /** Id to be applied as `data-testid` on the breadcrumb item */
-    'data-testid'?: string;
-    /** CSS classes to be applied on the breadcrumb item */
-    className?: string;
-    /** Callback called when the breadcrumb item is clicked */
-    onClick: () => void;
-};
-type LastBreadcrumbItem = Omit<BreadcrumbItem, 'onClick'> & {
-    /** Callback called when the breadcrumb item is clicked */
-    onClick?: () => void;
-};
-type PageHeaderCommonProps = {
-    /** Title text */
-    title: string;
-    /** Subtitle text */
-    subtitle?: string;
-    /** Back link text
-     * @deprecated Use breadcrumb prop instead.
-     */
-    backLinkText?: string;
-    /**
-     * Callback called when `back link` is clicked
-     * @deprecated Use breadcrumb prop instead.
-     * */
-    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
-     * @deprecated Use breadcrumb prop instead.
-     * */
-    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
-     * @deprecated Use breadcrumb prop instead.
-     * */
-    '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;
-    breadcrumb?: never;
-};
-type PageHeaderWithBreadcrumb = Omit<PageHeaderCommonProps, 'backLinkText' | 'onBackLinkClick' | 'classNameBackLink' | 'data-testid-backLink' | 'breadcrumb'> & {
-    /** List of breadcrumbs to be rendered at the top of the title */
-    breadcrumb?: [...BreadcrumbItem[], LastBreadcrumbItem];
-};
-export type PageHeaderProps = RequireAllOrNone<PageHeaderCommonProps, 'backLinkText' | 'onBackLinkClick'> | PageHeaderWithBreadcrumb;
-export declare const PageHeader: ({ title, subtitle, rightChildren, bottomChildren, classNameWrapper, classNameTitle, classNameSubtitle, "data-testid-wrapper": wrapperTestId, "data-testid-title": titleTestId, "data-testid-subtitle": subtitleTestId, ...props }: PageHeaderProps) => import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/components/PageHeader/PageHeader.js

@@ -1,87 +0,0 @@
-import '../../assets/PageHeader.css';
-import { jsx as a, jsxs as h } from "react/jsx-runtime";
-import { useMemo as L } from "react";
-import { c as n } from "../../clsx-DB4S2d7J.js";
-import { Icon as B } from "../Icon/Icon.js";
-import { IconButton as C } from "../IconButton/IconButton.js";
-const j = "_title_z7ezb_22", w = "_subtitle_z7ezb_43", e = {
-  "u-typography-h1": "_u-typography-h1_z7ezb_1",
-  "u-typography-h2": "_u-typography-h2_z7ezb_8",
-  "u-typography-h3": "_u-typography-h3_z7ezb_15",
-  "u-typography-h4": "_u-typography-h4_z7ezb_22",
-  "page-header__main-left-content": "_page-header__main-left-content_z7ezb_22",
-  title: j,
-  "u-typography-h5": "_u-typography-h5_z7ezb_29",
-  "u-typography-h6": "_u-typography-h6_z7ezb_36",
-  "u-typography-base": "_u-typography-base_z7ezb_43",
-  subtitle: w,
-  "u-typography-base--xxl": "_u-typography-base--xxl_z7ezb_48",
-  "u-typography-base--xl": "_u-typography-base--xl_z7ezb_52",
-  "u-typography-base--lg": "_u-typography-base--lg_z7ezb_56",
-  "u-typography-base--sm": "_u-typography-base--sm_z7ezb_60",
-  "u-typography-base--bold": "_u-typography-base--bold_z7ezb_64",
-  "u-typography-base--strikethrough": "_u-typography-base--strikethrough_z7ezb_67",
-  "u-typography-base--underlined": "_u-typography-base--underlined_z7ezb_70",
-  "u-typography-base--strikethrough-underlined": "_u-typography-base--strikethrough-underlined_z7ezb_73",
-  "page-header": "_page-header_z7ezb_22",
-  "page-header__top-content": "_page-header__top-content_z7ezb_86",
-  "page-header__main-content": "_page-header__main-content_z7ezb_89",
-  "page-header__bottom-content": "_page-header__bottom-content_z7ezb_89",
-  "page-header__breadcrumb": "_page-header__breadcrumb_z7ezb_103",
-  "page-header__breadcrumb__separator": "_page-header__breadcrumb__separator_z7ezb_108",
-  "page-header__main-right-content": "_page-header__main-right-content_z7ezb_131"
-}, P = ({
-  title: l,
-  subtitle: g,
-  rightChildren: d,
-  bottomChildren: b,
-  classNameWrapper: y,
-  classNameTitle: u,
-  classNameSubtitle: z,
-  "data-testid-wrapper": m,
-  "data-testid-title": k,
-  "data-testid-subtitle": N,
-  ...f
-}) => {
-  const {
-    breadcrumb: r,
-    backLinkText: p,
-    onBackLinkClick: s,
-    classNameBackLink: c,
-    "data-testid-backLink": i,
-    ...x
-  } = f, v = L(() => {
-    const _ = [];
-    return p && s && _.push({
-      label: p,
-      className: c,
-      "data-testid": i,
-      onClick: s
-    }), r && _.push(...r), /* @__PURE__ */ a("div", { className: e["page-header__top-content"], children: /* @__PURE__ */ a("div", { className: e["page-header__breadcrumb"], children: _.map((t, o) => /* @__PURE__ */ a(
-      C,
-      {
-        icon: o === 0 ? /* @__PURE__ */ a(B, { icon: "arrow-left" }) : /* @__PURE__ */ a("span", { className: e["page-header__breadcrumb__separator"], children: "/" }),
-        onClick: () => t.onClick && t.onClick(),
-        className: t.className,
-        "data-testid": t["data-testid"],
-        disabled: _.length === 1 ? !1 : o === _.length - 1,
-        children: t.label
-      },
-      `${t.label}_${o}`
-    )) }) });
-  }, [r, p, c, i, s]);
-  return /* @__PURE__ */ h("div", { className: n([e["page-header"], y]), "data-testid": m, ...x, children: [
-    v,
-    /* @__PURE__ */ h("div", { className: e["page-header__main-content"], children: [
-      /* @__PURE__ */ h("div", { className: e["page-header__main-left-content"], children: [
-        /* @__PURE__ */ a("h1", { className: n(e.title, u), "data-testid": k, children: l }),
-        /* @__PURE__ */ a("h2", { className: n(e.subtitle, z), "data-testid": N, children: g })
-      ] }),
-      d && /* @__PURE__ */ a("div", { className: e["page-header__main-right-content"], children: d })
-    ] }),
-    b && /* @__PURE__ */ a("div", { className: e["page-header__bottom-content"], children: b })
-  ] });
-};
-export {
-  P as PageHeader
-};

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

@@ -1,14 +0,0 @@
-import { StoryObj } from '@storybook/react';
-
-declare const meta: {
-    title: string;
-    component: ({ title, subtitle, rightChildren, bottomChildren, classNameWrapper, classNameTitle, classNameSubtitle, "data-testid-wrapper": wrapperTestId, "data-testid-title": titleTestId, "data-testid-subtitle": subtitleTestId, ...props }: import('./PageHeader').PageHeaderProps) => 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 WithBreadcrumb: 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,237 +0,0 @@
-import '../../assets/Pagination.css';
-import { jsxs as m, jsx as i, Fragment as k } from "react/jsx-runtime";
-import { c as y } from "../../clsx-DB4S2d7J.js";
-import { Select as w } 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(l = {}) {
-  const {
-    boundaryCount: n = 1,
-    componentName: e = "usePagination",
-    count: s = 1,
-    defaultPage: b = 1,
-    disabled: c = !1,
-    hideNextButton: x = !1,
-    hidePrevButton: _ = !1,
-    onChange: p,
-    page: t,
-    showFirstButton: r = !1,
-    showLastButton: f = !1,
-    siblingCount: h = 1
-  } = l, d = A(l, R), [o, M] = $({
-    controlled: t,
-    default: b,
-    name: e,
-    state: "page"
-  }), C = (a, g) => {
-    t || M(g), p && p(a, g);
-  }, v = (a, g) => {
-    const F = g - a + 1;
-    return Array.from({
-      length: F
-    }, (z, I) => a + I);
-  }, S = v(1, Math.min(n, s)), j = v(Math.max(s - n + 1, n + 1), s), P = Math.max(
-    Math.min(
-      // Natural start
-      o - h,
-      // Lower boundary when page is high
-      s - n - h * 2 - 1
-    ),
-    // Greater than startPages
-    n + 2
-  ), N = Math.min(
-    Math.max(
-      // Natural end
-      o + h,
-      // Upper boundary when page is low
-      n + h * 2 + 2
-    ),
-    // Less than endPages
-    j.length > 0 ? j[0] - 2 : s - 1
-  ), L = [
-    ...r ? ["first"] : [],
-    ..._ ? [] : ["previous"],
-    ...S,
-    // Start ellipsis
-    // eslint-disable-next-line no-nested-ternary
-    ...P > n + 2 ? ["start-ellipsis"] : n + 1 < s - n ? [n + 1] : [],
-    // Sibling pages
-    ...v(P, N),
-    // End ellipsis
-    // eslint-disable-next-line no-nested-ternary
-    ...N < s - n - 1 ? ["end-ellipsis"] : s - n > n ? [s - n] : [],
-    ...j,
-    ...x ? [] : ["next"],
-    ...f ? ["last"] : []
-  ], B = (a) => {
-    switch (a) {
-      case "first":
-        return 1;
-      case "previous":
-        return o - 1;
-      case "next":
-        return o + 1;
-      case "last":
-        return s;
-      default:
-        return null;
-    }
-  }, D = L.map((a) => typeof a == "number" ? {
-    onClick: (g) => {
-      C(g, a);
-    },
-    type: "page",
-    page: a,
-    selected: a === o,
-    disabled: c,
-    "aria-current": a === o ? "true" : void 0
-  } : {
-    onClick: (g) => {
-      C(g, B(a));
-    },
-    type: a,
-    page: B(a),
-    selected: !1,
-    disabled: c || a.indexOf("ellipsis") === -1 && (a === "next" || a === "last" ? o >= s : o <= 1)
-  });
-  return E({
-    items: D
-  }, d);
-}
-const W = "_pagination_19imj_43", u = {
-  "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: W,
-  "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"
-}, 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: l = [5, 10, 25, 50, 100], language: n = "en", ...e }) => {
-  const s = Math.ceil(e.totalItems / e.perPage), b = e.currentPage <= 1, c = e.currentPage >= s, x = e.t || q[n], _ = (t) => x[t], { items: p } = T({
-    count: s,
-    hideNextButton: !0,
-    hidePrevButton: !0,
-    page: e.currentPage,
-    siblingCount: 1,
-    boundaryCount: 2,
-    onChange: (t, r) => e.onPageChange(r)
-  });
-  return /* @__PURE__ */ m("div", { className: y(u.pagination, e.className), "data-testid": e["data-testid"], children: [
-    /* @__PURE__ */ i(
-      "div",
-      {
-        className: y(u["per-page-container"], e.classNamePerPage),
-        "data-testid": e["data-testid-per-page"],
-        children: l && /* @__PURE__ */ m(k, { children: [
-          /* @__PURE__ */ i("span", { children: _`showing` }),
-          /* @__PURE__ */ i(
-            w,
-            {
-              className: u["per-page-container__select"],
-              value: String(e.perPage),
-              onChange: (t) => e.onRowsPerPageChange(Number(t)),
-              children: l == null ? void 0 : l.map((t) => {
-                const r = typeof t == "number";
-                return /* @__PURE__ */ i(
-                  w.Option,
-                  {
-                    value: String(r ? t : t.value),
-                    children: r ? t : t.label
-                  },
-                  `per-page__${r ? t : t.value}`
-                );
-              })
-            }
-          ),
-          /* @__PURE__ */ m("span", { children: [
-            _`of`,
-            " ",
-            /* @__PURE__ */ i("strong", { children: e.totalItems }),
-            " ",
-            _`results`
-          ] })
-        ] })
-      }
-    ),
-    /* @__PURE__ */ m(
-      "div",
-      {
-        className: y(u["pages-navigator-container"], e.classNamePagesNav),
-        "data-testid": e["data-testid-pages-nav"],
-        children: [
-          /* @__PURE__ */ i(
-            "button",
-            {
-              className: u["pages-navigator-container__previous-next-btn"],
-              disabled: b,
-              onClick: () => e.onPageChange(e.currentPage - 1),
-              type: "button",
-              children: _`previous`
-            },
-            "page__previous"
-          ),
-          /* @__PURE__ */ i("ul", { children: p.map(({ page: t, type: r, selected: f, ...h }, d) => {
-            let o = /* @__PURE__ */ i(k, {});
-            return r === "start-ellipsis" || r === "end-ellipsis" ? o = /* @__PURE__ */ i("span", { className: u["page-item"], children: "..." }) : r === "page" ? o = /* @__PURE__ */ i(
-              "button",
-              {
-                className: y(u["page-number__btn"], f && u["page-number__btn--selected"]),
-                onClick: () => e.onPageChange(t || 0),
-                type: "button",
-                children: t
-              },
-              `page__${d}`
-            ) : o = /* @__PURE__ */ i("button", { type: "button", ...h, children: r }), /* @__PURE__ */ i("li", { children: o }, d);
-          }) }),
-          /* @__PURE__ */ i(
-            "button",
-            {
-              className: u["pages-navigator-container__previous-next-btn"],
-              disabled: c,
-              onClick: () => e.onPageChange(e.currentPage + 1),
-              type: "button",
-              children: _`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 };