@pismo/marola 1.2.0 → 2.0.1

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

@@ -1,5 +1,4 @@
 import { StoryObj } from '@storybook/react';
-
 declare const meta: {
     title: string;
     component: import('react').ForwardRefExoticComponent<import('./Input').InputProps & import('react').RefAttributes<HTMLInputElement>>;

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

@@ -1,5 +1,4 @@
 import { ForwardedRef } from 'react';
-
 export declare const InputSearch: import('react').ForwardRefExoticComponent<(Omit<{
     /** How many milliseconds to wait before trigger the onChange event */
     triggerDelay?: number | undefined;

package/dist/components/InputSearch/InputSearch.js

@@ -1,6 +1,6 @@
 import { jsx as e } from "react/jsx-runtime";
 import { forwardRef as p } from "react";
-import { c as u } from "../../clsx-DB4S2d7J.js";
+import { c as u } from "../../clsx-OuTLNxxd.js";
 import { Icon as f } from "../Icon/Icon.js";
 import { Input as l } from "../Input/Input.js";
 import '../../assets/InputSearch.css';const h = "_inputSearch_114e1_1", g = {

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

@@ -1,5 +1,4 @@
 import { StoryObj } from '@storybook/react';
-
 declare const meta: {
     title: string;
     component: import('react').ForwardRefExoticComponent<(Omit<{

package/dist/components/LoadingSpinner/LoadingSpinner.js

@@ -1,6 +1,6 @@
 import { jsxs as e, jsx as s } from "react/jsx-runtime";
 import { useMemo as o } from "react";
-import { c as t } from "../../clsx-DB4S2d7J.js";
+import { c as t } from "../../clsx-OuTLNxxd.js";
 import '../../assets/LoadingSpinner.css';const n = {
   "ls-ring": "_ls-ring_elvjz_1",
   "ls-ring--invert": "_ls-ring--invert_elvjz_34"

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

@@ -1,5 +1,4 @@
 import { StoryObj } from '@storybook/react';
-
 declare const meta: {
     title: string;
     component: ({ invert, classNames }: import('./LoadingSpinner').LoadingSpinnerProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,6 +1,5 @@
-import { RequireAllOrNone } from '../../types/helpers';
 import { ReactNode } from 'react';
-
+import { RequireAllOrNone } from '../../types/helpers';
 type BreadcrumbItem = {
     /** Breadcrumb item label */
     label: string;

package/dist/components/PageHeader/PageHeader.js

@@ -1,25 +1,10 @@
-import { jsx as e, jsxs as p, Fragment as n } from "react/jsx-runtime";
-import { useMemo as I } from "react";
-import { c as y } from "../../clsx-DB4S2d7J.js";
-import { Icon as P } from "../Icon/Icon.js";
-import { IconButton as $ } from "../IconButton/IconButton.js";
-import { Text as m } from "../Typography/Typography.js";
+import { jsx as e, jsxs as n, Fragment as i } from "react/jsx-runtime";
+import { useMemo as P } from "react";
+import { c as g } from "../../clsx-OuTLNxxd.js";
+import { Icon as $ } from "../Icon/Icon.js";
+import { IconButton as q } from "../IconButton/IconButton.js";
+import { Text as k } from "../Typography/Typography.js";
 import '../../assets/PageHeader.css';const a = {
-  "u-typography-h1": "_u-typography-h1_1oa3o_1",
-  "u-typography-h2": "_u-typography-h2_1oa3o_8",
-  "u-typography-h3": "_u-typography-h3_1oa3o_15",
-  "u-typography-h4": "_u-typography-h4_1oa3o_22",
-  "u-typography-h5": "_u-typography-h5_1oa3o_29",
-  "u-typography-h6": "_u-typography-h6_1oa3o_36",
-  "u-typography-base": "_u-typography-base_1oa3o_43",
-  "u-typography-base--xxl": "_u-typography-base--xxl_1oa3o_49",
-  "u-typography-base--xl": "_u-typography-base--xl_1oa3o_53",
-  "u-typography-base--lg": "_u-typography-base--lg_1oa3o_57",
-  "u-typography-base--sm": "_u-typography-base--sm_1oa3o_61",
-  "u-typography-base--bold": "_u-typography-base--bold_1oa3o_65",
-  "u-typography-base--strikethrough": "_u-typography-base--strikethrough_1oa3o_68",
-  "u-typography-base--underlined": "_u-typography-base--underlined_1oa3o_71",
-  "u-typography-base--strikethrough-underlined": "_u-typography-base--strikethrough-underlined_1oa3o_74",
   "page-header": "_page-header_1oa3o_78",
   "page-header__main-content": "_page-header__main-content_1oa3o_83",
   "page-header__bottom-content": "_page-header__bottom-content_1oa3o_90",
@@ -31,94 +16,94 @@ import '../../assets/PageHeader.css';const a = {
   "header-bubble--container--full": "_header-bubble--container--full_1oa3o_146",
   "header-bubble-margin": "_header-bubble-margin_1oa3o_150"
 }, E = ({
-  title: l,
-  subtitle: b,
-  rightChildren: s,
-  bottomChildren: c,
-  classNameWrapper: k,
-  classNameTitle: N,
-  classNameSubtitle: f,
-  headerBubble: t,
+  title: b,
+  subtitle: p,
+  rightChildren: c,
+  bottomChildren: _,
+  classNameWrapper: N,
+  classNameTitle: f,
+  classNameSubtitle: v,
+  headerBubble: o,
   fullWidthHeaderBubble: x,
-  "data-testid-wrapper": v,
-  "data-testid-title": w,
-  "data-testid-subtitle": L,
-  "data-testid-header-bubble": C,
-  ...T
+  "data-testid-wrapper": w,
+  "data-testid-title": L,
+  "data-testid-subtitle": C,
+  "data-testid-header-bubble": T,
+  ...B
 }) => {
   const {
     breadcrumb: r,
-    backLinkText: d,
-    onBackLinkClick: h,
-    classNameBackLink: u,
-    "data-testid-backLink": g,
-    ...B
-  } = T;
-  t && (l || b || c) && console.error("headerBubble prop can not be used with title, subtitle or bottomChildren"), !t && !l && console.error("title prop is required when not using headerBubble"), (d || h) && console.error("backLinkText and onBackLinkClick props are deprecated. Please use breadcrumb instead");
-  const j = y([a["page-header"], k]), H = I(() => {
-    const _ = [];
-    return d && h && _.push({
-      label: d,
-      className: u,
-      "data-testid": g,
-      onClick: h
-    }), r && _.push(...r), /* @__PURE__ */ e("div", { className: a["page-header__breadcrumb"], children: _.map((o, i) => /* @__PURE__ */ e(
-      $,
+    backLinkText: s,
+    onBackLinkClick: l,
+    classNameBackLink: m,
+    "data-testid-backLink": u,
+    ...j
+  } = B;
+  o && (b || p || _) && console.error("headerBubble prop can not be used with title, subtitle or bottomChildren"), !o && !b && console.error("title prop is required when not using headerBubble"), (s || l) && console.error("backLinkText and onBackLinkClick props are deprecated. Please use breadcrumb instead");
+  const H = g([a["page-header"], N]), I = P(() => {
+    const d = [];
+    return s && l && d.push({
+      label: s,
+      className: m,
+      "data-testid": u,
+      onClick: l
+    }), r && d.push(...r), /* @__PURE__ */ e("div", { className: a["page-header__breadcrumb"], children: d.map((t, h) => /* @__PURE__ */ e(
+      q,
       {
-        icon: i === 0 ? /* @__PURE__ */ e(P, { icon: "house-blank" }) : /* @__PURE__ */ e("span", { className: a["page-header__breadcrumb__separator"], children: "/" }),
-        onClick: () => o.onClick && o.onClick(),
-        className: o.className,
-        "data-testid": o["data-testid"],
-        disabled: _.length === 1 ? !1 : i === _.length - 1,
-        children: o.label
+        icon: h === 0 ? /* @__PURE__ */ e($, { icon: "house-blank" }) : /* @__PURE__ */ e("span", { className: a["page-header__breadcrumb__separator"], children: "/" }),
+        onClick: () => t.onClick && t.onClick(),
+        className: t.className,
+        "data-testid": t["data-testid"],
+        disabled: d.length === 1 ? !1 : h === d.length - 1,
+        children: t.label
       },
-      `${o.label}_${i}`
+      `${t.label}_${h}`
     )) });
-  }, [r, d, u, g, h]);
-  return /* @__PURE__ */ p(n, { children: [
-    /* @__PURE__ */ p("div", { className: j, "data-testid": v, ...B, children: [
-      /* @__PURE__ */ p("div", { className: a["page-header__main-content"], children: [
-        /* @__PURE__ */ p("div", { className: a["page-header__right-children-wrapper"], children: [
-          r && H,
-          r && s && /* @__PURE__ */ e(n, { children: s })
+  }, [r, s, m, u, l]);
+  return /* @__PURE__ */ n(i, { children: [
+    /* @__PURE__ */ n("div", { className: H, "data-testid": w, ...j, children: [
+      /* @__PURE__ */ n("div", { className: a["page-header__main-content"], children: [
+        /* @__PURE__ */ n("div", { className: a["page-header__right-children-wrapper"], children: [
+          r && I,
+          r && c && /* @__PURE__ */ e(i, { children: c })
         ] }),
-        /* @__PURE__ */ p("div", { className: a["page-header__right-children-wrapper"], children: [
+        /* @__PURE__ */ n("div", { className: a["page-header__right-children-wrapper"], children: [
           /* @__PURE__ */ e(
-            m,
+            k,
             {
               variant: "h4",
               element: "h1",
               color: "var(--colors-neutral-text-color-text)",
-              className: N,
-              "data-testid": w,
-              children: l
+              className: f,
+              "data-testid": L,
+              children: b
             }
           ),
-          !r && s && /* @__PURE__ */ e(n, { children: s })
+          !r && c && /* @__PURE__ */ e(i, { children: c })
         ] }),
         /* @__PURE__ */ e(
-          m,
+          k,
           {
             variant: "base",
             element: "p",
             color: "var(--colors-neutral-text-color-text)",
-            className: f,
-            "data-testid": L,
-            children: b
+            className: v,
+            "data-testid": C,
+            children: p
           }
         ),
-        t && /* @__PURE__ */ e(n, { children: /* @__PURE__ */ e("div", { className: a["header-bubble"], children: /* @__PURE__ */ e(
+        o && /* @__PURE__ */ e(i, { children: /* @__PURE__ */ e("div", { className: a["header-bubble"], children: /* @__PURE__ */ e(
           "div",
           {
-            className: x ? y(a["header-bubble--container"], a["header-bubble--container--full"]) : a["header-bubble--container"],
-            "data-testid": C,
-            children: t
+            className: x ? g(a["header-bubble--container"], a["header-bubble--container--full"]) : a["header-bubble--container"],
+            "data-testid": T,
+            children: o
           }
         ) }) })
       ] }),
-      c && /* @__PURE__ */ e("div", { className: a["page-header__bottom-content"], children: c })
+      _ && /* @__PURE__ */ e("div", { className: a["page-header__bottom-content"], children: _ })
     ] }),
-    t && /* @__PURE__ */ e("div", { className: a["header-bubble-margin"] })
+    o && /* @__PURE__ */ e("div", { className: a["header-bubble-margin"] })
   ] });
 };
 export {

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

@@ -1,5 +1,4 @@
 import { StoryObj } from '@storybook/react';
-
 declare const meta: {
     title: string;
     component: ({ title, subtitle, rightChildren, bottomChildren, classNameWrapper, classNameTitle, classNameSubtitle, headerBubble, fullWidthHeaderBubble, "data-testid-wrapper": wrapperTestId, "data-testid-title": titleTestId, "data-testid-subtitle": subtitleTestId, "data-testid-header-bubble": headerBubbleTestId, ...props }: import('./PageHeader').PageHeaderProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,5 +1,4 @@
 import { UsePaginationProps } from './usePagination';
-
 export type PaginationParams = {
     /** Total number of items to paginate */
     totalItems: number;

package/dist/components/Pagination/Pagination.js

@@ -1,25 +1,10 @@
-import { jsxs as s, Fragment as h, jsx as a } from "react/jsx-runtime";
-import { c as _ } from "../../clsx-DB4S2d7J.js";
-import { Select as p } from "../Select/Select.js";
-import C from "./usePagination.js";
-import '../../assets/Pagination.css';const w = "_pagination_2kmrd_43", n = {
-  "u-typography-h1": "_u-typography-h1_2kmrd_1",
-  "u-typography-h2": "_u-typography-h2_2kmrd_8",
-  "u-typography-h3": "_u-typography-h3_2kmrd_15",
-  "u-typography-h4": "_u-typography-h4_2kmrd_22",
-  "u-typography-h5": "_u-typography-h5_2kmrd_29",
-  "u-typography-h6": "_u-typography-h6_2kmrd_36",
-  "u-typography-base": "_u-typography-base_2kmrd_43",
-  pagination: w,
+import { jsxs as r, Fragment as m, jsx as a } from "react/jsx-runtime";
+import { c as o } from "../../clsx-OuTLNxxd.js";
+import { Select as b } from "../Select/Select.js";
+import w from "./usePagination.js";
+import '../../assets/Pagination.css';const y = "_pagination_2kmrd_43", n = {
+  pagination: y,
   "per-page-container": "_per-page-container_2kmrd_43",
-  "u-typography-base--xxl": "_u-typography-base--xxl_2kmrd_49",
-  "u-typography-base--xl": "_u-typography-base--xl_2kmrd_53",
-  "u-typography-base--lg": "_u-typography-base--lg_2kmrd_57",
-  "u-typography-base--sm": "_u-typography-base--sm_2kmrd_61",
-  "u-typography-base--bold": "_u-typography-base--bold_2kmrd_65",
-  "u-typography-base--strikethrough": "_u-typography-base--strikethrough_2kmrd_68",
-  "u-typography-base--underlined": "_u-typography-base--underlined_2kmrd_71",
-  "u-typography-base--strikethrough-underlined": "_u-typography-base--strikethrough-underlined_2kmrd_74",
   "per-page-container__select": "_per-page-container__select_2kmrd_91",
   "pages-navigator-container": "_pages-navigator-container_2kmrd_98",
   "page-item": "_page-item_2kmrd_115",
@@ -44,105 +29,105 @@ import '../../assets/Pagination.css';const w = "_pagination_2kmrd_43", n = {
     perPage: "Items per page"
   }
 }, $ = ({
-  perPageOptions: o = [5, 10, 25, 50, 100],
-  language: m = "en",
-  usePaginationProps: y = {},
+  perPageOptions: c = [5, 10, 25, 50, 100],
+  language: h = "en",
+  usePaginationProps: v = {},
   ...e
 }) => {
-  const d = Math.ceil(e.totalItems / e.perPage), b = e.currentPage <= 1, k = e.currentPage >= d, v = { ...B[m], ...e.t || {} }, i = (t) => v[t], { items: x } = C({
+  const d = Math.ceil(e.totalItems / e.perPage), P = e.currentPage <= 1, N = e.currentPage >= d, f = { ...B[h], ...e.t || {} }, s = (t) => f[t], { items: x } = w({
     count: d,
     page: e.currentPage,
     hideNextButton: !0,
     hidePrevButton: !0,
     siblingCount: 1,
     boundaryCount: 2,
-    ...y
-  }), l = e.perPage * (e.currentPage - 1) + 1, u = l + e.perPage - 1, P = u > e.totalItems ? u - e.totalItems : 0, N = u - P;
-  return /* @__PURE__ */ s("div", { className: _(n.pagination, e.className), "data-testid": e["data-testid"], children: [
-    /* @__PURE__ */ s(
+    ...v
+  }), u = e.perPage * (e.currentPage - 1) + 1, g = u + e.perPage - 1, I = g > e.totalItems ? g - e.totalItems : 0, p = g - I;
+  return /* @__PURE__ */ r("div", { className: o(n.pagination, e.className), "data-testid": e["data-testid"], children: [
+    /* @__PURE__ */ r(
       "div",
       {
-        className: _(n["per-page-container"], e.classNamePerPage),
+        className: o(n["per-page-container"], e.classNamePerPage),
         "data-testid": e["data-testid-per-page"],
         children: [
-          o && /* @__PURE__ */ s(h, { children: [
-            /* @__PURE__ */ a("span", { children: i`perPage` }),
+          c && /* @__PURE__ */ r(m, { children: [
+            /* @__PURE__ */ a("span", { children: s`perPage` }),
             /* @__PURE__ */ a(
-              p,
+              b,
               {
                 className: n["per-page-container__select"],
                 value: String(e.perPage),
                 onChange: (t) => e.onRowsPerPageChange(Number(t)),
-                children: o == null ? void 0 : o.map((t) => {
-                  const r = typeof t == "number";
+                children: c == null ? void 0 : c.map((t) => {
+                  const i = typeof t == "number";
                   return /* @__PURE__ */ a(
-                    p.Option,
+                    b.Option,
                     {
-                      value: String(r ? t : t.value),
-                      children: r ? t : t.label
+                      value: String(i ? t : t.value),
+                      children: i ? t : t.label
                     },
-                    `per-page__${r ? t : t.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: [
-              l,
+          /* @__PURE__ */ r("div", { className: e.classNamePagesInfo, "data-testid": e["data-testid-pages-info"], children: [
+            /* @__PURE__ */ r("span", { children: [
+              u,
               " - ",
-              N
+              p
             ] }),
             " ",
-            /* @__PURE__ */ s("span", { children: [
-              i`of`,
+            /* @__PURE__ */ r("span", { children: [
+              s`of`,
               " ",
               /* @__PURE__ */ a("strong", { children: e.totalItems }),
               " ",
-              i`results`
+              s`results`
             ] })
           ] })
         ]
       }
     ),
-    /* @__PURE__ */ s(
+    /* @__PURE__ */ r(
       "div",
       {
-        className: _(n["pages-navigator-container"], e.classNamePagesNav),
+        className: o(n["pages-navigator-container"], e.classNamePagesNav),
         "data-testid": e["data-testid-pages-nav"],
         children: [
           /* @__PURE__ */ a(
             "button",
             {
               className: n["pages-navigator-container__previous-next-btn"],
-              disabled: b,
+              disabled: P,
               onClick: () => e.onPageChange(e.currentPage - 1),
               type: "button",
-              children: i`previous`
+              children: s`previous`
             },
             "page__previous"
           ),
-          /* @__PURE__ */ a("ul", { children: x.map(({ page: t, type: r, selected: f, ...I }, c) => {
-            let g = /* @__PURE__ */ a(h, {});
-            return r === "start-ellipsis" || r === "end-ellipsis" ? g = /* @__PURE__ */ a("span", { className: n["page-item"], children: "..." }) : r === "page" ? g = /* @__PURE__ */ a(
+          /* @__PURE__ */ a("ul", { children: x.map(({ page: t, type: i, selected: k, ...C }, _) => {
+            let l = /* @__PURE__ */ a(m, {});
+            return i === "start-ellipsis" || i === "end-ellipsis" ? l = /* @__PURE__ */ a("span", { className: n["page-item"], children: "..." }) : i === "page" ? l = /* @__PURE__ */ a(
               "button",
               {
-                className: _(n["page-number__btn"], f && n["page-number__btn--selected"]),
+                className: o(n["page-number__btn"], k && n["page-number__btn--selected"]),
                 onClick: () => e.onPageChange(t || 0),
                 type: "button",
                 children: t
               },
-              `page__${c}`
-            ) : g = /* @__PURE__ */ a("button", { type: "button", ...I, children: r }), /* @__PURE__ */ a("li", { children: g }, c);
+              `page__${_}`
+            ) : l = /* @__PURE__ */ a("button", { type: "button", ...C, children: i }), /* @__PURE__ */ a("li", { children: l }, _);
           }) }),
           /* @__PURE__ */ a(
             "button",
             {
               className: n["pages-navigator-container__previous-next-btn"],
-              disabled: k,
+              disabled: N,
               onClick: () => e.onPageChange(e.currentPage + 1),
               type: "button",
-              children: i`next`
+              children: s`next`
             },
             "page__next"
           )

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

@@ -1,6 +1,5 @@
-import { PaginationProps } from '../../main';
 import { StoryObj } from '@storybook/react';
-
+import { PaginationProps } from '../../main';
 declare const meta: {
     title: string;
     component: ({ perPageOptions, language, usePaginationProps, ...props }: PaginationProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,5 +1,4 @@
 import { PopupOffsetOptions, PopupPlacement } from '@mui/base/Unstable_Popup';
-
 export type PopoverProps = {
     /** An HTML element or a function that returns either. */
     anchorRef?: Element;

package/dist/components/Popover/Popover.js

@@ -1,11 +1,11 @@
 import { jsx as o } from "react/jsx-runtime";
-import { c as f } from "../../clsx-DB4S2d7J.js";
+import { c as f } from "../../clsx-OuTLNxxd.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";
+import { P as y } from "../../Popup-C7AXLoP0.js";
+import { C as h } from "../../ClickAwayListener-CUayzVlD.js";
 const r = ({
   anchorRef: t,
   open: m,

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

@@ -1,6 +1,5 @@
-import { PopoverProps } from './Popover';
 import { StoryObj } from '@storybook/react';
-
+import { PopoverProps } from './Popover';
 declare const meta: {
     title: string;
     component: {

package/dist/components/RadioButton/RadioButton.d.ts

@@ -1,11 +1,13 @@
 /// <reference types="react" />
-type RadioButtonProps = {
+export type RadioButtonProps = {
     /** Space separated list of CSS classes to apply */
     className?: string;
     /** Name */
     name?: string;
     /** Component label */
     label?: React.ReactNode;
+    /** Component default value */
+    defaultValue?: string | number | boolean;
     /** Checked state */
     checked?: boolean;
     /** Disabled state */
@@ -13,7 +15,8 @@ type RadioButtonProps = {
     /** TestId to use in tests if needed */
     'data-testid'?: string;
     /** Action that is triggered when the Radio button value changes */
-    onChange: (state: boolean) => void;
+    onChange: (value: unknown, event?: Event) => void;
+    /** Component children */
+    children?: React.ReactNode;
 };
-export declare const RadioButton: ({ className, name, label, checked, disabled, "data-testid": dataTestId, onChange, }: RadioButtonProps) => import("react/jsx-runtime").JSX.Element;
-export {};
+export declare const RadioButton: ({ className, name, label, disabled, defaultValue, checked, "data-testid": dataTestId, onChange, children, }: RadioButtonProps) => import("react/jsx-runtime").JSX.Element;