@pismo/marola 1.0.0-beta.3 → 1.0.0-beta.31

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

@@ -0,0 +1,90 @@
+/**
+ * FOR WORKING WELL I NEEDED TO REMOVE ALL `useControlled` REFERENCES IN `usePagination.js` CODE.
+ * import useControlled from '@mui/utils/useControlled';
+ 
+ * TO AVOID THE CONSOLE ERROR:
+
+MUI: A component is changing the uncontrolled page state of usePagination to be controlled.
+Elements should not switch from uncontrolled to controlled (or vice versa).
+Decide between using a controlled or uncontrolled usePagination element for the lifetime of the component.
+The nature of the state is determined during the first render. It's considered controlled if the value is not `undefined`.
+More info: https://fb.me/react-controlled-components
+
+ * I WAS ABLE TO IDENTIFY THIS PROBLEM BUT I WAS NOT ABLE TO SOLVE IT.
+ * THIS BUG HAPPENS IN A SPECIFIC SITUATION THAT `usePagination` HOOK TRY TO USE CONTROLLED WAY, BUT IN THE WRONG WAY.
+
+*/
+import * as React from 'react';
+export interface UsePaginationProps {
+    /**
+     * Number of always visible pages at the beginning and end.
+     * @default 1
+     */
+    boundaryCount?: number;
+    /**
+     * The name of the component where this hook is used.
+     */
+    componentName?: string;
+    /**
+     * The total number of pages.
+     * @default 1
+     */
+    count?: number;
+    /**
+     * The page selected by default when the component is uncontrolled.
+     * @default 1
+     */
+    defaultPage?: number;
+    /**
+     * If `true`, the component is disabled.
+     * @default false
+     */
+    disabled?: boolean;
+    /**
+     * If `true`, hide the next-page button.
+     * @default false
+     */
+    hideNextButton?: boolean;
+    /**
+     * If `true`, hide the previous-page button.
+     * @default false
+     */
+    hidePrevButton?: boolean;
+    /**
+     * Callback fired when the page is changed.
+     *
+     * @param {React.ChangeEvent<unknown>} event The event source of the callback.
+     * @param {number} page The page selected.
+     */
+    onChange?: (event: React.ChangeEvent<unknown>, page: number) => void;
+    /**
+     * The current page. Unlike `TablePagination`, which starts numbering from `0`, this pagination starts from `1`.
+     */
+    page?: number;
+    /**
+     * If `true`, show the first-page button.
+     * @default false
+     */
+    showFirstButton?: boolean;
+    /**
+     * If `true`, show the last-page button.
+     * @default false
+     */
+    showLastButton?: boolean;
+    /**
+     * Number of always visible pages before and after the current page.
+     * @default 1
+     */
+    siblingCount?: number;
+}
+export interface UsePaginationItem {
+    onClick: React.ReactEventHandler;
+    type: 'page' | 'first' | 'last' | 'next' | 'previous' | 'start-ellipsis' | 'end-ellipsis';
+    page: number | null;
+    selected: boolean;
+    disabled: boolean;
+}
+export interface UsePaginationResult {
+    items: UsePaginationItem[];
+}
+export default function usePagination(props?: UsePaginationProps): UsePaginationResult;

package/dist/components/Pagination/usePagination.js

@@ -0,0 +1,79 @@
+function w(l = {}) {
+  const {
+    boundaryCount: t = 1,
+    count: s = 1,
+    disabled: i = !1,
+    hideNextButton: d = !1,
+    hidePrevButton: g = !1,
+    page: n = l.page || 1,
+    showFirstButton: f = !1,
+    showLastButton: h = !1,
+    siblingCount: a = 1,
+    ...p
+  } = l, r = (e, y) => {
+    const P = y - e + 1;
+    return Array.from({ length: P }, (B, m) => e + m);
+  }, x = r(1, Math.min(t, s)), o = r(Math.max(s - t + 1, t + 1), s), u = Math.max(
+    Math.min(
+      // Natural start
+      n - a,
+      // Lower boundary when page is high
+      s - t - a * 2 - 1
+    ),
+    // Greater than startPages
+    t + 2
+  ), c = Math.min(
+    Math.max(
+      // Natural end
+      n + a,
+      // Upper boundary when page is low
+      t + a * 2 + 2
+    ),
+    // Less than endPages
+    o.length > 0 ? o[0] - 2 : s - 1
+  ), b = [
+    ...f ? ["first"] : [],
+    ...g ? [] : ["previous"],
+    ...x,
+    // Start ellipsis
+    ...u > t + 2 ? ["start-ellipsis"] : t + 1 < s - t ? [t + 1] : [],
+    // Sibling pages
+    ...r(u, c),
+    // End ellipsis
+    ...c < s - t - 1 ? ["end-ellipsis"] : s - t > t ? [s - t] : [],
+    ...o,
+    ...d ? [] : ["next"],
+    ...h ? ["last"] : []
+  ], M = (e) => {
+    switch (e) {
+      case "first":
+        return 1;
+      case "previous":
+        return n - 1;
+      case "next":
+        return n + 1;
+      case "last":
+        return s;
+      default:
+        return null;
+    }
+  };
+  return {
+    items: b.map((e) => typeof e == "number" ? {
+      type: "page",
+      page: e,
+      selected: e === n,
+      disabled: i,
+      "aria-current": e === n ? "true" : void 0
+    } : {
+      type: e,
+      page: M(e),
+      selected: !1,
+      disabled: i || e.indexOf("ellipsis") === -1 && (e === "next" || e === "last" ? n >= s : n <= 1)
+    }),
+    ...p
+  };
+}
+export {
+  w as default
+};

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-Buew6bzm.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,20 @@
+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 b, R as c } from "../../Toggle-Buew6bzm.js";
+import "../Dialog/Dialog.js";
+import "../IconButton/IconButton.js";
+import "../Select/Select.js";
+import "../Table/Table.js";
+import "../Tabs/Tabs.js";
+import "../../Group-B3p31ftp.js";
+import "../../contexts/SnackbarProvider/SnackbarProvider.js";
+export {
+  b as RowItem,
+  c 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,16 @@ 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;
 };
 declare const Select: {
     (props: SelectProps): import("react/jsx-runtime").JSX.Element;