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

package/dist/components/Pagination/Pagination.js

@@ -1,33 +1,33 @@
 import '../../assets/Pagination.css';
-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 = {
+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 = {
   pt: {
     showing: "Exibindo",
     of: "de",
@@ -44,107 +44,106 @@ const C = "_pagination_19imj_43", n = {
     next: "Next",
     perPage: "Items per page"
   }
-}, 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({
+}, $ = ({
+  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({
     count: l,
+    page: e.currentPage,
     hideNextButton: !0,
     hidePrevButton: !0,
-    page: e.currentPage,
     siblingCount: 1,
-    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(
+    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(
       "div",
       {
-        className: o(n["per-page-container"], e.classNamePerPage),
+        className: _(a["per-page-container"], e.classNamePerPage),
         "data-testid": e["data-testid-per-page"],
         children: [
-          g && /* @__PURE__ */ r(p, { children: [
-            /* @__PURE__ */ a("span", { children: s`perPage` }),
-            /* @__PURE__ */ a(
-              m,
+          o && /* @__PURE__ */ s(p, { children: [
+            /* @__PURE__ */ t("span", { children: i`perPage` }),
+            /* @__PURE__ */ t(
+              d,
               {
-                className: n["per-page-container__select"],
+                className: a["per-page-container__select"],
                 value: String(e.perPage),
-                onChange: (t) => e.onRowsPerPageChange(Number(t)),
-                children: g == null ? void 0 : g.map((t) => {
-                  const i = typeof t == "number";
-                  return /* @__PURE__ */ a(
-                    m.Option,
+                onChange: (n) => e.onRowsPerPageChange(Number(n)),
+                children: o == null ? void 0 : o.map((n) => {
+                  const r = typeof n == "number";
+                  return /* @__PURE__ */ t(
+                    d.Option,
                     {
-                      value: String(i ? t : t.value),
-                      children: i ? t : t.label
+                      value: String(r ? n : n.value),
+                      children: r ? n : n.label
                     },
-                    `per-page__${i ? t : t.value}`
+                    `per-page__${r ? n : n.value}`
                   );
                 })
               }
             )
           ] }),
-          /* @__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("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(
+    /* @__PURE__ */ s(
       "div",
       {
-        className: o(n["pages-navigator-container"], e.classNamePagesNav),
+        className: _(a["pages-navigator-container"], e.classNamePagesNav),
         "data-testid": e["data-testid-pages-nav"],
         children: [
-          /* @__PURE__ */ a(
+          /* @__PURE__ */ t(
             "button",
             {
-              className: n["pages-navigator-container__previous-next-btn"],
-              disabled: y,
+              className: a["pages-navigator-container__previous-next-btn"],
+              disabled: m,
               onClick: () => e.onPageChange(e.currentPage - 1),
               type: "button",
-              children: s`previous`
+              children: i`previous`
             },
             "page__previous"
           ),
-          /* @__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(
+          /* @__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(
               "button",
               {
-                className: o(n["page-number__btn"], N && n["page-number__btn--selected"]),
-                onClick: () => e.onPageChange(t || 0),
+                className: _(a["page-number__btn"], f && a["page-number__btn--selected"]),
+                onClick: () => e.onPageChange(n || 0),
                 type: "button",
-                children: t
+                children: n
               },
               `page__${h}`
-            ) : _ = /* @__PURE__ */ a("button", { type: "button", ...f, children: i }), /* @__PURE__ */ a("li", { children: _ }, h);
+            ) : g = /* @__PURE__ */ t("button", { type: "button", ...I, children: r }), /* @__PURE__ */ t("li", { children: g }, h);
           }) }),
-          /* @__PURE__ */ a(
+          /* @__PURE__ */ t(
             "button",
             {
-              className: n["pages-navigator-container__previous-next-btn"],
-              disabled: b,
+              className: a["pages-navigator-container__previous-next-btn"],
+              disabled: k,
               onClick: () => e.onPageChange(e.currentPage + 1),
               type: "button",
-              children: s`next`
+              children: i`next`
             },
             "page__next"
           )
@@ -154,6 +153,6 @@ const C = "_pagination_19imj_43", n = {
   ] });
 };
 export {
-  L as Pagination,
-  k as paginationDefaultTranslations
+  $ as Pagination,
+  B 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, ...props }: PaginationProps) => import("react/jsx-runtime").JSX.Element;
+    component: ({ perPageOptions, language, usePaginationProps, ...props }: PaginationProps) => import("react/jsx-runtime").JSX.Element;
     tags: string[];
     parameters: {
         layout: string;

package/dist/components/Popover/Popover.d.ts

@@ -0,0 +1,32 @@
+import { PopupOffsetOptions, PopupPlacement } from '@mui/base/Unstable_Popup';
+
+export type PopoverProps = {
+    /** An HTML element or a function that returns either. */
+    anchorRef?: Element;
+    /** Boolean to open. */
+    open?: boolean;
+    /** React Node. */
+    children: React.ReactNode;
+    /** Determines where to place the popup relative to the trigger element. */
+    placement?: PopupPlacement;
+    /** Distance between a popup and the trigger element */
+    offset?: PopupOffsetOptions;
+    /** Class name */
+    className?: string;
+    /** Id to be applied as `data-testid` on the root element */
+    'data-testid'?: string;
+    /** Callback fired when a "click away" event is detected. */
+    onClickAway?: (event: MouseEvent | TouchEvent) => void;
+};
+export declare const Popover: {
+    ({ anchorRef, open, children, placement, className, offset, "data-testid": dataTestId, onClickAway, }: PopoverProps): import("react/jsx-runtime").JSX.Element;
+    Header: ({ children }: {
+        children: import('react').ReactNode;
+    }) => import("react/jsx-runtime").JSX.Element;
+    Footer: ({ children }: {
+        children: import('react').ReactNode;
+    }) => import("react/jsx-runtime").JSX.Element;
+    Body: ({ children }: {
+        children: import('react').ReactNode;
+    }) => import("react/jsx-runtime").JSX.Element;
+};

package/dist/components/Popover/Popover.js

@@ -0,0 +1,24 @@
+import { jsx as o } from "react/jsx-runtime";
+import { c as f } from "../../clsx-DB4S2d7J.js";
+import { s as v } from "../../Popover.module-B4boCutS.js";
+import { PopoverBody as l } from "./PopoverBody.js";
+import { PopoverFooter as n } from "./PopoverFooter.js";
+import { PopoverHeader as P } from "./PopoverHeader.js";
+import { P as y } from "../../Popup-Ck3XlWMq.js";
+import { C as h } from "../../ClickAwayListener-DbEYZpyh.js";
+const r = ({
+  anchorRef: t,
+  open: m,
+  children: p,
+  placement: i,
+  className: s,
+  offset: a,
+  "data-testid": d,
+  onClickAway: e
+}) => /* @__PURE__ */ o(h, { onClickAway: (c) => e ? e(c) : void 0, children: /* @__PURE__ */ o(y, { offset: a, placement: i, open: m, anchor: t, children: /* @__PURE__ */ o("div", { "data-testid": d, className: f(v.popover, s), children: p }) }) });
+r.Header = P;
+r.Footer = n;
+r.Body = l;
+export {
+  r as Popover
+};

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

@@ -0,0 +1,34 @@
+import { PopoverProps } from './Popover';
+import { StoryObj } from '@storybook/react';
+
+declare const meta: {
+    title: string;
+    component: {
+        ({ anchorRef, open, children, placement, className, offset, "data-testid": dataTestId, onClickAway, }: PopoverProps): import("react/jsx-runtime").JSX.Element;
+        Header: ({ children }: {
+            children: import('react').ReactNode;
+        }) => import("react/jsx-runtime").JSX.Element;
+        Footer: ({ children }: {
+            children: import('react').ReactNode;
+        }) => import("react/jsx-runtime").JSX.Element;
+        Body: ({ children }: {
+            children: import('react').ReactNode;
+        }) => import("react/jsx-runtime").JSX.Element;
+    };
+    parameters: {
+        docs: {
+            source: {
+                language: string;
+                format: boolean;
+                code: string;
+            };
+        };
+    };
+    tags: string[];
+    decorators: ((Story: import('@storybook/types').PartialStoryFn<import('@storybook/react').ReactRenderer, {
+        [x: string]: any;
+    }>) => import("react/jsx-runtime").JSX.Element)[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Provider: Story;

package/dist/components/Popover/PopoverBody.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+type PopoverBodyProps = {
+    children: React.ReactNode;
+};
+export declare const PopoverBody: ({ children }: PopoverBodyProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/Popover/PopoverBody.js

@@ -0,0 +1,6 @@
+import { jsx as r } from "react/jsx-runtime";
+import { s } from "../../Popover.module-B4boCutS.js";
+const t = ({ children: o }) => /* @__PURE__ */ r("div", { className: s["popover-body"], children: o });
+export {
+  t as PopoverBody
+};

package/dist/components/Popover/PopoverFooter.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+type PopoverFooterProps = {
+    children: React.ReactNode;
+};
+export declare const PopoverFooter: ({ children }: PopoverFooterProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/Popover/PopoverFooter.js

@@ -0,0 +1,6 @@
+import { jsx as r } from "react/jsx-runtime";
+import { s as e } from "../../Popover.module-B4boCutS.js";
+const p = ({ children: o }) => /* @__PURE__ */ r("div", { className: e["popover-footer"], children: o });
+export {
+  p as PopoverFooter
+};

package/dist/components/Popover/PopoverHeader.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+type PopoverHeaderProps = {
+    children: React.ReactNode;
+};
+export declare const PopoverHeader: ({ children }: PopoverHeaderProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/Popover/PopoverHeader.js

@@ -0,0 +1,6 @@
+import { jsx as e } from "react/jsx-runtime";
+import { s as o } from "../../Popover.module-B4boCutS.js";
+const t = ({ children: r }) => /* @__PURE__ */ e("div", { className: o["popover-header"], children: r });
+export {
+  t as PopoverHeader
+};

package/dist/components/ResultWithChips/ResultWithChips.d.ts

@@ -0,0 +1,12 @@
+import { ChipProps } from '../Chip/Chip';
+
+type ResultWithChipsProps = {
+    chips: Array<Partial<ChipProps> & {
+        joinLabel?: string | React.ReactNode;
+        key?: string;
+    }>;
+    title: string;
+    className?: string;
+};
+declare const ResultWithChips: ({ chips, title, className, ...rest }: ResultWithChipsProps) => import("react/jsx-runtime").JSX.Element;
+export { ResultWithChips };

package/dist/components/ResultWithChips/ResultWithChips.js

@@ -0,0 +1,33 @@
+import '../../assets/ResultWithChips.css';
+import { jsxs as i, jsx as e } from "react/jsx-runtime";
+import { C as t } from "../../Toggle-MfR7l8Wn.js";
+const r = "_container_hgp0p_1", o = "_label_hgp0p_17", a = {
+  container: r,
+  "chip-item-wrapper": "_chip-item-wrapper_hgp0p_8",
+  label: o,
+  "chips-container": "_chips-container_hgp0p_35",
+  "chip-content": "_chip-content_hgp0p_42",
+  "chip-label": "_chip-label_hgp0p_51"
+}, b = ({ chips: c, title: p, className: s, ...h }) => /* @__PURE__ */ i("div", { ...h, className: [a.container, s || ""].join(" ").trim(), children: [
+  /* @__PURE__ */ e("span", { className: a.label, children: p }),
+  /* @__PURE__ */ e("div", { className: a["chips-container"], "data-testid": "chips-container", children: c.map((l, n) => /* @__PURE__ */ i("span", { className: a["chip-item-wrapper"], children: [
+    /* @__PURE__ */ e(
+      t,
+      {
+        ...l,
+        label: /* @__PURE__ */ e("span", { className: a["chip-content"], children: typeof l.label == "string" ? /* @__PURE__ */ e("strong", { className: a["chip-label"], children: l.label }) : l.label })
+      },
+      `chip-${n}`
+    ),
+    l.joinLabel && n < c.length - 1 && /* @__PURE__ */ e(
+      t,
+      {
+        label: /* @__PURE__ */ e("span", { className: a["chip-content"], children: /* @__PURE__ */ e("strong", { className: a["chip-label"], children: l.joinLabel }) })
+      },
+      `join-${n}`
+    )
+  ] }, `full-chip-${n}`)) })
+] });
+export {
+  b as ResultWithChips
+};

package/dist/components/RowItem/RowItem.d.ts

@@ -0,0 +1,25 @@
+import { RequireAllOrNone } from '../../types/helpers';
+import { AdornmentProps } from '../../main';
+import { KeyboardEvent, MouseEvent, ReactNode } from 'react';
+
+export type RowItemBaseProps = {
+    /** Items to display as main content of the row */
+    children: ReactNode;
+    /** Buttons to render */
+    buttons?: ReactNode;
+    /** Left adornment */
+    leftAdornment?: AdornmentProps;
+    /** Whether the row is disabled (not interactable */
+    disabled?: boolean;
+    /** Space seperated list of CSS classes to apply */
+    className?: string;
+    /** Callback for when the row is clicked, required when ariaLabel is provided */
+    onClick?: (event?: MouseEvent<HTMLDivElement> | KeyboardEvent<HTMLDivElement> | undefined) => void;
+    /** An accessible name for the row, required when onClick is provided */
+    ariaLabel?: string;
+    /** ID to use in tests*/
+    'data-testid'?: string;
+};
+export type RowItemProps = RequireAllOrNone<RowItemBaseProps, 'onClick' | 'ariaLabel'>;
+export declare const RowItem: import('react').ForwardRefExoticComponent<RowItemProps & import('react').RefAttributes<HTMLDivElement>>;
+export default RowItem;

package/dist/components/RowItem/RowItem.js

@@ -0,0 +1,23 @@
+import "react/jsx-runtime";
+import "react";
+import "../../clsx-DB4S2d7J.js";
+import "../Adornment/Adornment.js";
+import "../Icon/Icon.js";
+import "../Typography/Typography.js";
+import "../Input/Input.js";
+import "../Avatar/Avatar.js";
+import "../Button/Button.js";
+import { R as h, R as j } from "../../Toggle-MfR7l8Wn.js";
+import "../Dialog/Dialog.js";
+import "../IconButton/IconButton.js";
+import "../InputSearch/InputSearch.js";
+import "../Select/Select.js";
+import "../Popover/Popover.js";
+import "../Table/Table.js";
+import "../Tabs/Tabs.js";
+import "../../Group-DspH8hyO.js";
+import "../../contexts/SnackbarProvider/SnackbarProvider.js";
+export {
+  h as RowItem,
+  j as default
+};

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

@@ -0,0 +1,17 @@
+import { StoryObj } from '@storybook/react';
+
+declare const meta: {
+    title: string;
+    component: import('react').ForwardRefExoticComponent<import('./RowItem').RowItemProps & import('react').RefAttributes<HTMLDivElement>>;
+    tags: string[];
+    parameters: {
+        layout: string;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Simple: Story;
+export declare const Clickable: Story;
+export declare const WithAdornement: Story;
+export declare const WithButtons: Story;
+export declare const WithButtonsAndAdornementDisabled: Story;

package/dist/components/RowItem/rowItem.test.d.ts

@@ -0,0 +1 @@
+export {};

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

@@ -15,9 +15,31 @@ export type SelectProps = {
     placeholder?: string;
     prefix?: string;
     className?: string;
+    name?: 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;