@pismo/marola 1.0.0-beta.5 → 1.0.0-beta.51

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-CzkXi3_R.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,22 @@
+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 "../Button/Button.js";
+import { R as g, R as h } from "../../Toggle-CzkXi3_R.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 {
+  g as RowItem,
+  h 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,30 @@ export type SelectProps = {
     placeholder?: string;
     prefix?: string;
     className?: 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;