@getsoren/design-system 4.39.3

package/dist/src/components/DataDisplay/ListAvatar/ListAvatar.d.ts

@@ -0,0 +1,125 @@
+import { ChipProps, ListItemButtonProps, SxProps, Theme } from '@mui/material';
+import { ListProps } from '@mui/material/List';
+import { MouseEvent, ReactNode } from 'react';
+interface ListAvatarItemBase {
+    /**
+     * Custom avatar component to display instead of the default avatar.
+     */
+    Avatar?: ReactNode;
+    /**
+     * Unique identifier for the list item.
+     */
+    id?: string | number | null;
+    /**
+     * Primary text displayed in the list item.
+     */
+    title?: ReactNode;
+    /**
+     * Secondary text displayed below the title.
+     */
+    subtitle?: ReactNode;
+    /**
+     * Full-size image URL used for the avatar and lightbox preview.
+     */
+    image?: string | null;
+    /**
+     * Thumbnail image URL used as the avatar source when available.
+     */
+    thumbnail?: string | null;
+    /**
+     * Secondary thumbnail image URL displayed as a secondary avatar source.
+     */
+    thumbnailSecondary?: string | null;
+    /**
+     * Icon displayed inside the avatar when no image is provided.
+     */
+    icon?: ReactNode;
+    /**
+     * Label displayed in a chip next to the title.
+     */
+    chipLabel?: ReactNode;
+    /**
+     * Color of the chip. Accepts MUI Chip color values or a custom string.
+     */
+    chipColor?: ChipProps["color"] | string;
+    /**
+     * Action element displayed on the right side of the item, visible on hover.
+     */
+    secondaryAction?: ReactNode;
+    /**
+     * Secondary action always visible, regardless of hover state.
+     */
+    persistentSecondaryAction?: ReactNode;
+    /**
+     * Always display secondary action for this item. Overrides the list-level prop.
+     */
+    alwaysDisplaySecondaryAction?: boolean;
+    /**
+     * If true, renders a divider instead of the list item content.
+     */
+    divider?: boolean;
+    /**
+     * Custom styles applied to the list item.
+     */
+    sx?: SxProps<Theme>;
+}
+export interface ListAvatarClickPayload {
+    id?: string | number | null;
+    image?: string | null;
+    thumbnail?: string | null;
+    subtitle?: ReactNode;
+    title?: ReactNode;
+    icon?: ReactNode;
+    isFile: boolean;
+    isPdf: boolean;
+}
+export interface ListAvatarAction {
+    title?: string | null;
+    subtitle?: string | null;
+    image?: string | null;
+    icon?: ReactNode;
+    onClick?: ListItemButtonProps["onClick"];
+}
+export interface ListAvatarItem extends ListAvatarItemBase {
+    onClick?: (event: MouseEvent<HTMLLIElement>, item: ListAvatarClickPayload) => void;
+}
+export interface ListAvatarProps extends ListProps {
+    /**
+     * Empty message
+     */
+    Empty?: ReactNode;
+    /**
+     * Full width
+     */
+    fullWidth?: boolean;
+    /**
+     * Always display secondary action
+     */
+    alwaysDisplaySecondaryAction?: boolean;
+    /**
+     * If true, the list is loading state
+     */
+    isLoading?: boolean;
+    /**
+     * Number of items to display
+     */
+    numberLoadingItems?: number;
+    /**
+     * Disable lightbox only if the image list item is provided
+     */
+    disableLightbox?: boolean;
+    /**
+     * List items
+     */
+    items?: ListAvatarItem[];
+    /**
+     * Action
+     */
+    action?: ListAvatarAction;
+    /**
+     * Density of the list
+     */
+    density?: "standard" | "comfortable";
+}
+export declare const ListAvatar: ({ Empty, action, items, fullWidth, sx, alwaysDisplaySecondaryAction, isLoading, disableLightbox, numberLoadingItems, density, ...props }: ListAvatarProps) => string | number | bigint | true | Iterable<ReactNode> | Promise<string | number | bigint | boolean | import('react').ReactPortal | import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> | import("@emotion/react/jsx-runtime").JSX.Element | null;
+export default ListAvatar;

package/dist/src/components/DataDisplay/ListAvatar/index.d.ts

@@ -0,0 +1,3 @@
+import { default as ListAvatar } from './ListAvatar';
+export default ListAvatar;
+export * from './ListAvatar';

package/dist/src/components/DataDisplay/ListItemCard/ListItemCard.d.ts

@@ -0,0 +1,25 @@
+import { ListItemProps } from '@mui/material';
+export interface ListItemCardProps extends ListItemProps {
+    /**
+     * If list is loading item render loading skeleton
+     */
+    isLoading?: boolean;
+    /**
+     * If list is empty item render empty message
+     */
+    isEmpty?: boolean;
+    /**
+     * Empty message if list is empty
+     */
+    emptyMessage?: string;
+    /**
+     * Set custom height
+     */
+    height?: number;
+    /**
+     * Set predefined size, ignored if prop height is provided
+     */
+    size?: "small" | "medium" | "large";
+}
+declare const _default: import('react').NamedExoticComponent<Omit<ListItemCardProps, "ref"> & import('react').RefAttributes<HTMLLIElement>>;
+export default _default;

package/dist/src/components/DataDisplay/ListItemCard/index.d.ts

@@ -0,0 +1,3 @@
+import { default as ListItemCard } from './ListItemCard';
+export default ListItemCard;
+export * from './ListItemCard';

package/dist/src/components/DataDisplay/Logo/Logo.d.ts

@@ -0,0 +1,55 @@
+import { SxProps } from '@mui/material';
+interface CommonLogoProps {
+    /**
+     * Style props
+     */
+    sx?: SxProps;
+    /**
+     * Logo height
+     */
+    height?: number | string;
+    /**
+     * Logo width
+     */
+    width?: number | string;
+    /**
+     * Logo variant
+     */
+    variant?: "default" | "supplier" | "pricing";
+    /**
+     * If true, the text logo is not displayed
+     */
+    withoutText?: boolean;
+    /**
+     * The logo mode
+     */
+    mode?: string;
+}
+type SvgLogoProps = CommonLogoProps & {
+    /**
+     * The color of logo shape, available only for svg variant
+     */
+    colorShape?: string;
+    /**
+     * The color of logo shape background, available only for svg variant
+     */
+    shapeBackgroundColor?: string;
+    /**
+     * The color of text logo, available only for svg variant
+     */
+    color?: "black" | "white" | string;
+    /**
+     * The component used for the root node.
+     * Either a string to use an HTML element or a component.
+     */
+    component?: "svg";
+};
+type ImgLogoProps = CommonLogoProps & {
+    colorShape?: never;
+    shapeBackgroundColor?: never;
+    color?: "black" | "white";
+    component?: "img";
+};
+export type LogoProps = SvgLogoProps | ImgLogoProps;
+declare const _default: import('react').ForwardRefExoticComponent<LogoProps & import('react').RefAttributes<HTMLDivElement | HTMLImageElement | SVGSVGElement>>;
+export default _default;

package/dist/src/components/DataDisplay/Logo/index.d.ts

@@ -0,0 +1,3 @@
+import { default as Logo } from './Logo';
+export default Logo;
+export * from './Logo';

package/dist/src/components/DataDisplay/Logo/useLogo.d.ts

@@ -0,0 +1,17 @@
+import { LogoProps } from './Logo';
+declare const useLogo: () => {
+    getImageModule: (variant: LogoProps["variant"], mode: string, withoutText: LogoProps["withoutText"]) => Promise<typeof import("*.svg")>;
+    getShapeBackgroundColor: (shapeBackgroundColor: LogoProps["shapeBackgroundColor"]) => NonNullable<LogoProps["shapeBackgroundColor"]>;
+    getShapeColor: (colorShape: LogoProps["colorShape"]) => NonNullable<LogoProps["colorShape"]>;
+    getSize: ({ variant, width, height, withoutText, }: {
+        variant: LogoProps["variant"];
+        width: LogoProps["width"];
+        height: LogoProps["height"];
+        withoutText: LogoProps["withoutText"];
+    }) => {
+        height: string | number;
+        width: string | number;
+    };
+    getTextColor: (color: LogoProps["color"]) => NonNullable<LogoProps["color"]>;
+};
+export default useLogo;

package/dist/src/components/DataDisplay/StatusIcon/StatusIcon.d.ts

@@ -0,0 +1,22 @@
+import { SvgIconProps } from '@mui/material';
+declare const statusIconColor: readonly ["warning", "info", "success", "error", "primary", "secondary"];
+type StatusIconColor = (typeof statusIconColor)[number];
+export interface StatusIconProps extends Omit<SvgIconProps, "color" | "fontSize"> {
+    /**
+     * The color of the icon.
+     * @default "grey.A700"
+     */
+    color?: StatusIconColor | string;
+    /**
+     * The fontSize applied to the icon. Defaults to 16px (xSmall), but can be configured to inherit font size.
+     * @default 'medium'
+     */
+    fontSize?: "inherit" | "small" | "medium" | "large";
+    /**
+     * The variant to use.
+     * @default "filled"
+     */
+    variant?: "filled" | "outlined";
+}
+declare const _default: import('react').ForwardRefExoticComponent<Omit<StatusIconProps, "ref"> & import('react').RefAttributes<SVGSVGElement>>;
+export default _default;

package/dist/src/components/DataDisplay/StatusIcon/index.d.ts

@@ -0,0 +1,3 @@
+import { default as StatusIcon } from './StatusIcon';
+export default StatusIcon;
+export * from './StatusIcon';

package/dist/src/components/DataDisplay/TimeLine/TimeLine.d.ts

@@ -0,0 +1,114 @@
+import { ChipProps, SxProps } from '@mui/material';
+import { ReactNode } from 'react';
+export interface TimeLineCollapseItems {
+    title?: string | null;
+    subtitle?: string | null;
+    file?: string | string[] | null | {
+        src?: string;
+        srcThumb?: string;
+        fileName?: string;
+    } | {
+        src?: string;
+        srcThumb?: string;
+        fileName?: string;
+    }[];
+    icon?: ReactNode;
+    onClick?(): void;
+    tag?: {
+        label?: string | null;
+        color?: ChipProps["color"];
+    };
+}
+export interface TimeLineItem {
+    /**
+     * Callback to execute when the event is clicked.
+     */
+    onClick?(): void;
+    /**
+     * Custom collapse to display below the event.
+     */
+    Collapse?: ReactNode;
+    /**
+     * Custom icon to display on the left of the event.
+     */
+    Icon?: ReactNode;
+    /**
+     * Custom action to display on the right of the event.
+     */
+    Action?: ReactNode;
+    /**
+     * Custom footer to display below the event.
+     */
+    Footer?: ReactNode;
+    /**
+     * Unique key of the event.
+     */
+    key?: string;
+    /**
+     * Title of the event.
+     */
+    title?: string;
+    /**
+     * Subtitle of the event.
+     */
+    subtitle?: ReactNode;
+    /**
+     * If true, the event will be displayed as active.
+     */
+    active?: boolean;
+    /**
+     * Collapse items are displayed in a list below the main event.
+     */
+    collapseItems?: TimeLineCollapseItems[];
+    /**
+     * If true, the collapse will be open by default.
+     */
+    collapseDefaultOpen?: boolean;
+    /**
+     * Tag to display between the title and the subtitle.
+     */
+    tag?: {
+        /**
+         * Label of the tag.
+         */
+        label?: string | null;
+        /**
+         * Color of the tag.
+         */
+        color?: ChipProps["color"];
+    };
+}
+export interface TimeLineProps {
+    /**
+     * Custom style for the container.
+     */
+    containerStyle?: SxProps;
+    /**
+     * If true, the skeleton loading will be displayed.
+     */
+    isLoading?: boolean;
+    /**
+     * Message to display when there are no items.
+     */
+    emptyMessage?: string;
+    /**
+     * Variant of the timeline.
+     * hover: Timeline action will be displayed when hovering the event.
+     * @default default
+     */
+    variant?: "default" | "hover";
+    /**
+     * List of items to display in the timeline.
+     */
+    items?: TimeLineItem[];
+    /**
+     * Data attributes for testing purposes.
+     */
+    "data-test"?: string;
+    /**
+     * Data attributes for testing purposes.
+     */
+    "data-testid"?: string;
+}
+declare const TimeLine: ({ items, isLoading, emptyMessage, containerStyle, variant, "data-test": dataTest, "data-testid": dataTestId, }: TimeLineProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export default TimeLine;

package/dist/src/components/DataDisplay/TimeLine/TimeLineEventItem.d.ts

@@ -0,0 +1,7 @@
+import { TimeLineProps } from './TimeLine';
+type TimeLineEventItemProps = NonNullable<TimeLineProps["items"]>[number] & {
+    isLastElement: boolean;
+    variant?: TimeLineProps["variant"];
+};
+declare const TimeLineEventItem: ({ title, subtitle, isLastElement, active, onClick, variant, tag, collapseItems, collapseDefaultOpen, Action, Icon, Footer, Collapse, }: TimeLineEventItemProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export default TimeLineEventItem;

package/dist/src/components/DataDisplay/TimeLine/index.d.ts

@@ -0,0 +1,3 @@
+import { default as TimeLine } from './TimeLine';
+export default TimeLine;
+export * from './TimeLine';

package/dist/src/components/DataDisplay/TypographySkeleton/TypographySkeleton.d.ts

@@ -0,0 +1,23 @@
+import { SkeletonProps, TypographyProps } from '@mui/material';
+import { PropsWithChildren } from 'react';
+export interface TypographySkeletonProps extends PropsWithChildren {
+    /**
+     * Loading state
+     */
+    isLoading: boolean;
+    /**
+     * Empty text when there is no data
+     */
+    emptyText?: string;
+    /**
+     * Typography props
+     * @default { color: "text.secondary", variant: "body2" }
+     */
+    typographyProps?: TypographyProps;
+    /**
+     * Skeleton props
+     */
+    skeletonProps?: SkeletonProps;
+}
+declare const TypographySkeleton: ({ isLoading, children, emptyText, typographyProps, skeletonProps, }: TypographySkeletonProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export default TypographySkeleton;

package/dist/src/components/DataDisplay/TypographySkeleton/index.d.ts

@@ -0,0 +1,2 @@
+import { default as TypographySkeleton } from './TypographySkeleton';
+export default TypographySkeleton;

package/dist/src/components/Feedback/Dialog/DialogCloseIcon/DialogCloseIcon.d.ts

@@ -0,0 +1,7 @@
+import { MouseEvent } from 'react';
+export interface DialogCloseProps {
+    onClick?: (e: MouseEvent) => void;
+    position?: "absolute" | "relative";
+}
+declare const DialogCloseIcon: ({ onClick, position }: DialogCloseProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export default DialogCloseIcon;

package/dist/src/components/Feedback/Dialog/DialogCloseIcon/index.d.ts

@@ -0,0 +1,2 @@
+import { default as DialogCloseIcon } from './DialogCloseIcon';
+export default DialogCloseIcon;

package/dist/src/components/Feedback/Dialog/DialogPopper/DialogPopper.d.ts

@@ -0,0 +1,30 @@
+import { PaperProps, PopperProps } from '@mui/material';
+import { ReactNode } from 'react';
+interface DialogPopperProps {
+    /**
+     * Open state
+     */
+    open: boolean | undefined;
+    /**
+     * Anchor element
+     */
+    anchorEl: HTMLElement | Element | null | undefined;
+    /**
+     * Children
+     */
+    children?: ReactNode;
+    /**
+     * Popper placement
+     */
+    placement?: PopperProps["placement"];
+    /**
+     * Paper variant
+     */
+    variant?: PaperProps["variant"];
+    /**
+     * Callback fired when the backdrop is clicked.
+     */
+    onClose?(): void;
+}
+declare const DialogPopper: ({ open, anchorEl, onClose, children, placement, variant }: DialogPopperProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export default DialogPopper;

package/dist/src/components/Feedback/Dialog/DialogPopper/index.d.ts

@@ -0,0 +1,2 @@
+import { default as DialogPopper } from './DialogPopper';
+export default DialogPopper;

package/dist/src/components/Feedback/Dialog/DialogValidation/DialogValidation.d.ts

@@ -0,0 +1,35 @@
+import { DialogProps } from '@mui/material';
+interface ButtonProps {
+    onClick?(): void;
+    text: string;
+    loading?: boolean;
+}
+interface DialogValidationProps extends Omit<DialogProps, "children" | "onClose"> {
+    /**
+     * Title of the dialog
+     */
+    title?: string;
+    /**
+     * Subtitle of the dialog
+     */
+    subtitle?: string;
+    /**
+     * Color of the dialog
+     * @default "secondary"
+     */
+    color?: "secondary" | "error" | "warning" | "info" | "success";
+    /**
+     * Button primary props
+     */
+    buttonPrimary?: ButtonProps;
+    /**
+     * Button secondary props
+     */
+    buttonSecondary?: ButtonProps;
+    /**
+     * Callback when modal is closed
+     */
+    onClose?: (event: {}, reason?: string) => void;
+}
+declare const DialogValidation: ({ title, subtitle, buttonPrimary, buttonSecondary, color, fullWidth, maxWidth, onClose, ...props }: DialogValidationProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export default DialogValidation;

package/dist/src/components/Feedback/Lightbox/Lightbox.d.ts

@@ -0,0 +1,9 @@
+import { ModalProps } from '@mui/material';
+import { MouseEvent, ReactNode } from 'react';
+export interface LightboxProps extends Omit<ModalProps, "children"> {
+    src?: string;
+    children?: ReactNode;
+    onClose?(event: MouseEvent | {} | undefined, reason?: "backdropClick" | "escapeKeyDown" | "closeButton"): void;
+}
+declare const Lightbox: ({ children, open, onClose, src, ...props }: LightboxProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export default Lightbox;

package/dist/src/components/Feedback/Lightbox/index.d.ts

@@ -0,0 +1,2 @@
+import { default as Lightbox } from './Lightbox';
+export default Lightbox;

package/dist/src/components/Inputs/ActionAppBar/ActionAppBar.d.ts

@@ -0,0 +1,3 @@
+import { ButtonProps } from '@mui/material';
+declare const ActionAppBar: ({ sx, ...props }: ButtonProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export default ActionAppBar;

package/dist/src/components/Inputs/ActionAppBar/index.d.ts

@@ -0,0 +1,3 @@
+import { default as ActionAppBar } from './ActionAppBar';
+export default ActionAppBar;
+export * from './ActionAppBar';

package/dist/src/components/Inputs/AutocompleteFilter/AutocompleteFilter.d.ts

@@ -0,0 +1,75 @@
+import { ChipTypeMap, AutocompleteProps as MuiAutocompleteProps } from '@mui/material';
+import { AutocompleteChangeDetails, AutocompleteChangeReason } from '@mui/material/useAutocomplete';
+import { ElementType, ReactNode, SyntheticEvent } from 'react';
+export type AutocompleteFilterOption<T = unknown> = {
+    id?: string | number | null;
+    label?: ReactNode;
+    image?: string | "letter" | "avatar";
+    isHeader?: boolean;
+    value?: T;
+};
+export interface AutocompleteFilterProps<Multiple extends boolean | undefined, DisableClearable extends boolean | undefined, FreeSolo extends false, ChipComponent extends ElementType = ChipTypeMap["defaultComponent"], Value = unknown> extends Omit<MuiAutocompleteProps<AutocompleteFilterOption<Value>, Multiple, DisableClearable, FreeSolo, ChipComponent>, "options" | "onChange" | "freeSolo" | "renderInput" | "value"> {
+    /**
+     * Variant of the Autocomplete
+     */
+    variant?: "standard" | "chip";
+    /**
+     * Width of the Autocomplete
+     */
+    width?: string | number;
+    /**
+     *  Value
+     *  @default undefined
+     */
+    value?: AutocompleteFilterOption<Value>[] | AutocompleteFilterOption<Value> | string | null;
+    /**
+     *  Options to display
+     *  @default undefined
+     */
+    options?: string[] | AutocompleteFilterOption<Value>[];
+    /**
+     *  Placeholder
+     */
+    placeholder?: string;
+    /**
+     *  If true, the checkbox is disabled
+     *  @default false
+     */
+    disableCheckbox?: boolean;
+    /**
+     *  If true, the select all options are disabled
+     *  @default false
+     */
+    disableSelectAll?: boolean;
+    /**
+     *  If true, the reset option is disabled
+     *  @default false
+     */
+    disableReset?: boolean;
+    /**
+     *  If true, the input value is reset when an option is selected
+     *  Works only with controlled input
+     *  @default false
+     */
+    resetInputValueOnSelectOption?: boolean;
+    /**
+     *  Callback when the value change
+     * @param event
+     * @param value
+     * @param reason
+     * @param details
+     */
+    onChange?: (event: SyntheticEvent, value: AutocompleteFilterOption<Value>[] | AutocompleteFilterOption<Value> | null | [] | any, reason?: AutocompleteChangeReason, details?: AutocompleteChangeDetails<AutocompleteFilterOption<Value>>) => void;
+    /**
+     *  Locale text
+     *  @default undefined
+     */
+    localeText?: {
+        selectAll?: string;
+        reset?: string;
+    };
+}
+declare const _default: import('react').ForwardRefExoticComponent<Omit<AutocompleteFilterProps<boolean | undefined, boolean | undefined, false, ElementType, unknown> & {
+    inputValue?: string;
+}, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+export default _default;

package/dist/src/components/Inputs/AutocompleteFilter/index.d.ts

@@ -0,0 +1,3 @@
+import { default as Autocomplete } from './AutocompleteFilter';
+export default Autocomplete;
+export * from './AutocompleteFilter';

package/dist/src/components/Inputs/Button/Button.d.ts

@@ -0,0 +1,10 @@
+import { ButtonTypeMap, ButtonProps as MuiButtonProps } from '@mui/material';
+import { ElementType, ReactNode } from 'react';
+export type ButtonProps<RootComponent extends ElementType = ButtonTypeMap["defaultComponent"], AdditionalProps = {}> = MuiButtonProps<RootComponent, AdditionalProps & {
+    component?: RootComponent;
+    isLoading?: boolean;
+    loadingIndicator?: ReactNode;
+    loadingPosition?: "start" | "end";
+}>;
+declare const _default: import('react').ForwardRefExoticComponent<Omit<ButtonProps<ElementType, {}>, "ref"> & import('react').RefAttributes<any>>;
+export default _default;

package/dist/src/components/Inputs/Button/index.d.ts

@@ -0,0 +1,3 @@
+import { default as Button } from './Button';
+export default Button;
+export * from './Button';