@pismo/marola 1.0.0-beta.8 → 1.0.0

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/RadioButton/RadioButton.d.ts

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

package/dist/components/RadioButton/RadioButton.js

@@ -0,0 +1,37 @@
+import '../../assets/RadioButton.css';
+import { jsxs as h, jsx as i } from "react/jsx-runtime";
+import { useState as x } from "react";
+import { c as o } from "../../clsx-DB4S2d7J.js";
+import { Icon as y } from "../Icon/Icon.js";
+import { Typography as C } from "../Typography/Typography.js";
+const S = "_radio_1t160_1", a = {
+  radio: S,
+  "radio--label": "_radio--label_1t160_9",
+  "radio--label__disabled": "_radio--label__disabled_1t160_12",
+  "radio--input": "_radio--input_1t160_16",
+  "radio--input__disabled": "_radio--input__disabled_1t160_26",
+  "radio--disabled": "_radio--disabled_1t160_37"
+}, k = ({
+  className: d,
+  name: r,
+  label: l,
+  checked: n = !1,
+  disabled: e = !1,
+  "data-testid": c = "radio-button",
+  onChange: _
+}) => {
+  const [t, p] = x(n), b = o(a["radio--input"], e && a["radio--input__disabled"]), u = o(a["radio--label"], e && a["radio--label__disabled"]), m = o(a.radio, e && a["radio--disabled"], d), f = () => {
+    if (e)
+      return;
+    const s = !t;
+    p(s), _(s);
+  };
+  return /* @__PURE__ */ h("div", { "data-testid": c, onClick: () => f(), className: m, children: [
+    /* @__PURE__ */ i("input", { name: r, type: "radio", checked: t, readOnly: !0 }),
+    /* @__PURE__ */ i("span", { className: b, children: t && /* @__PURE__ */ i(y, { icon: "circle", color: "var(--accent)", size: 8 }) }),
+    /* @__PURE__ */ i(C, { className: u, variant: "base-lg", children: l })
+  ] });
+};
+export {
+  k as RadioButton
+};

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

@@ -0,0 +1,24 @@
+import { StoryObj } from '@storybook/react';
+
+declare const meta: {
+    title: string;
+    component: ({ className, name, label, checked, disabled, "data-testid": dataTestId, onChange, }: {
+        className?: string | undefined;
+        name?: string | undefined;
+        label?: import('react').ReactNode;
+        checked?: boolean | undefined;
+        disabled?: boolean | undefined;
+        'data-testid'?: string | undefined;
+        onChange: (state: boolean) => void;
+    }) => 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 Disabled: Story;
+export declare const WithOnChangeAction: Story;

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

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

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

@@ -1,5 +1,5 @@
 import { RequireAllOrNone } from '../../types/helpers';
-import { AdornmentSlotProps } from '../../main';
+import { AdornmentProps } from '../../main';
 import { KeyboardEvent, MouseEvent, ReactNode } from 'react';
 
 export type RowItemBaseProps = {
@@ -8,7 +8,7 @@ export type RowItemBaseProps = {
     /** Buttons to render */
     buttons?: ReactNode;
     /** Left adornment */
-    leftAdornment?: AdornmentSlotProps;
+    leftAdornment?: AdornmentProps;
     /** Whether the row is disabled (not interactable */
     disabled?: boolean;
     /** Space seperated list of CSS classes to apply */

package/dist/components/RowItem/RowItem.js

@@ -4,16 +4,20 @@ 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 I, R as b } from "../../Toggle-BSvvbKBp.js";
-import "../Dialog/Backdrop.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-B3p31ftp.js";
+import "../../Group-DspH8hyO.js";
 import "../../contexts/SnackbarProvider/SnackbarProvider.js";
 export {
-  I as RowItem,
-  b as default
+  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;