@getsoren/design-system 4.39.3

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

@@ -0,0 +1,123 @@
+import { ChipProps } from '@mui/material';
+import { ReactNode } from 'react';
+export type OptionValue = string | number;
+type Option<T = OptionValue> = {
+    id?: string | number;
+    label: string;
+    value: T;
+};
+interface ChipFilterBaseProps<T = OptionValue> {
+    /**
+     * The label of the chip filter.
+     */
+    label?: ChipProps["label"];
+    /**
+     * The label displayed in the menu for the chip filter, only with multiple options.
+     */
+    labelMenu?: string;
+    /**
+     * The size of the chip filter.
+     */
+    size?: ChipProps["size"];
+    /**
+     * The variant of the chip filter.
+     */
+    variant?: ChipProps["variant"];
+    /**
+     * Indicates if the chip filter is disabled.
+     */
+    disabled?: ChipProps["disabled"];
+    /**
+     * The options available for selection in the chip filter.
+     * If "options" is not provided, it acts as a simple toggle.
+     */
+    options?: Option<T> | Option<T>[];
+    /**
+     * Indicates if there should be a separator between the label menu and the options selected in the menu.
+     * Defaults to ":"
+     */
+    separatorBetweenLabelAndOptionSelected?: string;
+    /**
+     * Indicates if the label should only be displayed after a selection is made.
+     */
+    labelOnlyAfterSelection?: boolean;
+    /**
+     * When true, changes are applied immediately without needing to click "Apply".
+     * When false (default), changes require clicking "Apply" to be applied.
+     */
+    applyOnSelect?: boolean;
+}
+export interface ChipFilterToggleProps extends ChipFilterBaseProps<boolean> {
+    /**
+     * The checked state of the toggle. When provided, the component acts as a toggle.
+     */
+    checked?: boolean;
+    /**
+     * Callback function triggered when the checked state changes.
+     * @param checked
+     */
+    onCheckedChange?: (checked: boolean) => void;
+    /**
+     *  Exclude these props for toggle mode
+     */
+    multiple?: never;
+    /**
+     *  Exclude these props for toggle mode
+     */
+    value?: never;
+    /**
+     *  Exclude these props for toggle mode
+     */
+    onChange?: never;
+}
+export interface ChipFilterSingleProps<T = OptionValue> extends ChipFilterBaseProps<T> {
+    /**
+     * Indicates if the chip filter allows multiple selections.
+     */
+    multiple?: false;
+    /**
+     * The value of the chip filter.
+     */
+    value?: T;
+    /**
+     * Callback function triggered when the value of the chip filter changes.
+     * @param value
+     */
+    onChange?: (value?: T) => void;
+    /**
+     *  Exclude these props for toggle mode
+     */
+    checked?: never;
+    /**
+     *  Exclude these props for toggle mode
+     */
+    onCheckedChange?: never;
+}
+export interface ChipFilterMultipleProps<T = OptionValue> extends ChipFilterBaseProps<T> {
+    /**
+     * Indicates if the chip filter allows multiple selections.
+     */
+    multiple: true;
+    /**
+     * The value of the chip filter.
+     */
+    value?: T[];
+    /**
+     * Callback function triggered when the value of the chip filter changes.
+     * @param value
+     */
+    onChange?: (value: T[]) => void;
+    /**
+     *  Exclude these props for toggle mode
+     */
+    checked?: never;
+    /**
+     *  Exclude these props for toggle mode
+     */
+    onCheckedChange?: never;
+}
+export type ChipFilterProps<T = OptionValue> = ChipFilterToggleProps | ChipFilterSingleProps<T> | ChipFilterMultipleProps<T>;
+declare function ChipFilter(props: ChipFilterToggleProps): ReactNode;
+declare function ChipFilter<T = OptionValue>(props: ChipFilterSingleProps<T>): ReactNode;
+declare function ChipFilter<T = OptionValue>(props: ChipFilterMultipleProps<T>): ReactNode;
+export default ChipFilter;

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

@@ -0,0 +1,28 @@
+import { ChangeEvent, ReactNode } from 'react';
+export interface FileUploadProps {
+    size?: "small" | "medium";
+    variant?: "vertical" | "horizontal";
+    label?: ReactNode;
+    helperText?: ReactNode;
+    icon?: ReactNode;
+    error?: boolean;
+    id?: string;
+    name?: string;
+    accept?: string;
+    required?: boolean;
+    multiple?: boolean;
+    fullWidth?: boolean;
+    disabled?: boolean;
+    pattern?: string;
+    title?: string;
+    value?: File[] | FileList | null;
+    localeText?: {
+        files: string;
+    };
+    onChange?(e: ChangeEvent<HTMLInputElement>): void;
+}
+export interface HTMLInputElementFile extends HTMLInputElement {
+    reset: () => void;
+}
+declare const File: import('react').ForwardRefExoticComponent<FileUploadProps & import('react').RefAttributes<HTMLInputElement>>;
+export default File;

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

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

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

@@ -0,0 +1,8 @@
+import { TextFieldProps } from '@mui/material';
+type QuantityFieldProps = TextFieldProps & {
+    max?: number;
+    min?: number;
+    setValue?(quantity: number): void;
+};
+declare const QuantityField: ({ fullWidth, value, setValue, min, max, ...props }: QuantityFieldProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export default QuantityField;

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

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

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

@@ -0,0 +1,3 @@
+import { TextareaAutosizeProps } from '@mui/material';
+declare const _default: import('react').ForwardRefExoticComponent<Omit<TextareaAutosizeProps, "ref"> & import('react').RefAttributes<HTMLTextAreaElement>>;
+export default _default;

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

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

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

@@ -0,0 +1,2 @@
+declare const TextFieldAppBar: import('react').ForwardRefExoticComponent<(Omit<import('@mui/material').FilledTextFieldProps, "ref"> | Omit<import('@mui/material').OutlinedTextFieldProps, "ref"> | Omit<import('@mui/material').StandardTextFieldProps, "ref">) & import('react').RefAttributes<HTMLDivElement>>;
+export default TextFieldAppBar;

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

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

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

@@ -0,0 +1,15 @@
+/**
+ * TextField with auto-sizing width based on content
+ * Automatically adjusts width to fit the input value, placeholder, or default value
+ */
+declare const TextFieldAutosize: import('react').ForwardRefExoticComponent<(Omit<import('@mui/material').FilledTextFieldProps & {
+    maxWidth?: number;
+    minWidth?: number;
+}, "ref"> | Omit<import('@mui/material').OutlinedTextFieldProps & {
+    maxWidth?: number;
+    minWidth?: number;
+}, "ref"> | Omit<import('@mui/material').StandardTextFieldProps & {
+    maxWidth?: number;
+    minWidth?: number;
+}, "ref">) & import('react').RefAttributes<HTMLDivElement>>;
+export default TextFieldAutosize;

package/dist/src/components/Inputs/TextFieldAutosize/utils/measureInputWidth.d.ts

@@ -0,0 +1,2 @@
+declare const measureInputWidth: (input: HTMLInputElement | null, value?: unknown, defaultValue?: unknown, placeholder?: string, adornmentWidth?: number) => number | null;
+export default measureInputWidth;

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

@@ -0,0 +1,3 @@
+import { TextFieldProps } from '@mui/material';
+declare const TextFieldPassword: ({ slotProps, ...props }: Omit<TextFieldProps, "type">) => import("@emotion/react/jsx-runtime").JSX.Element;
+export default TextFieldPassword;

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

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

package/dist/src/components/Layout/Backoffice/Backoffice.d.ts

@@ -0,0 +1,8 @@
+import { ReactNode } from 'react';
+interface BackofficeProps {
+    AppBar?: ReactNode;
+    Main?: ReactNode;
+    Sidebar?: ReactNode;
+}
+declare const Backoffice: ({ Main, Sidebar, AppBar }: BackofficeProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export default Backoffice;

package/dist/src/components/Layout/Backoffice/index.d.ts

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

package/dist/src/components/Navigation/NavigationMenu/BurgerAppBar/BurgerAppBar.d.ts

@@ -0,0 +1,2 @@
+declare const BurgerAppBar: () => import("@emotion/react/jsx-runtime").JSX.Element | undefined;
+export default BurgerAppBar;

package/dist/src/components/Navigation/NavigationMenu/BurgerAppBar/index.d.ts

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

package/dist/src/components/Navigation/NavigationMenu/NavLinkItem/NavLinkItem.d.ts

@@ -0,0 +1,10 @@
+import { MouseEvent, ReactNode } from 'react';
+import { NavLinkProps, ObjectNavigationItem } from '..';
+interface NavLinkItemProps extends Omit<ObjectNavigationItem, "label"> {
+    children?: ReactNode;
+    component?: (props: NavLinkProps) => ReactNode;
+    onClick?: (event?: MouseEvent) => void;
+    target?: string;
+}
+declare const NavLinkItem: ({ url, end, children, active, state, component, disabled, onClick, target }: NavLinkItemProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export default NavLinkItem;

package/dist/src/components/Navigation/NavigationMenu/NavLinkItem/index.d.ts

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

package/dist/src/components/Navigation/NavigationMenu/NavigationMenu.d.ts

@@ -0,0 +1,110 @@
+import { ChipProps } from '@mui/material';
+import { MouseEvent, ReactElement, ReactNode } from 'react';
+export type ObjectNavigationItem = {
+    url?: string;
+    label?: string;
+    count?: number;
+    countColor?: ChipProps["color"];
+    icon?: ReactNode;
+    active?: boolean;
+    state?: any;
+    end?: boolean;
+    disabled?: boolean;
+    hideOnMobile?: boolean;
+    hasAccess?: boolean;
+    target?: string;
+};
+export interface BottomLinkProps {
+    url?: string;
+    state?: any;
+    end?: boolean;
+    label?: ReactNode;
+    active?: boolean;
+    icon?: ReactNode;
+    disabled?: boolean;
+    onClick?: (e?: MouseEvent) => void;
+    target?: string;
+}
+export interface NavLinkProps {
+    className?: string | ((props: {
+        isActive: boolean;
+        isPending: boolean;
+    }) => string | undefined);
+    onClick?: () => void;
+    to: string;
+    end?: boolean;
+    children?: ReactNode | ((props: {
+        isActive: boolean;
+        isPending: boolean;
+    }) => ReactNode);
+    state?: any;
+    target?: string;
+}
+export type NavigationItem = ObjectNavigationItem | ReactNode;
+export interface NavigationMenuProps {
+    /**
+     * Menu items
+     */
+    items?: NavigationItem[];
+    /**
+     * Override the default translations
+     */
+    /**
+     * Enabler search field focus shortcut when pressing "ctrl + f" or "cmd + f"
+     */
+    enableSearchFocusShortcut?: boolean;
+    /**
+     * Disable responsive behavior
+     */
+    disableResponsive?: boolean;
+    /**
+     * Hide search field on desktop
+     */
+    hideSearchDesktop?: boolean;
+    /**
+     * Width of the sidebar, only for desktop
+     * @default 270
+     */
+    sideBarWidth?: number;
+    /**
+     * Component to render the bottom link
+     */
+    bottomLink?: BottomLinkProps | BottomLinkProps[] | null | false;
+    /**
+     * Component to router nav links.
+     * This component is used to render the links in the main menu &  mobile bottom navigation
+     * It should be a react-router-dom NavLink or a compatible component
+     * @param props
+     * @constructor
+     */
+    NavLink?: (props: NavLinkProps) => ReactNode;
+    /**
+     * Logo component
+     */
+    Logo?: ReactNode;
+    /**
+     * Search component
+     */
+    Search?: ReactNode;
+    /**
+     * AppBar component for small screens
+     */
+    AppBar?: ReactElement;
+    /**
+     * Search component
+     */
+    Footer?: ReactNode;
+}
+declare const DEFAULT_CONTEXT_VALUE: {
+    closeDrawerMenu: () => void;
+    isCollapsed: boolean;
+    isDrawerOpen: boolean;
+    isMobile: boolean;
+    isTablet: boolean;
+    openDrawerMenu: () => void;
+    toggleCollapse: () => void;
+};
+type NavigationMenuContextValue = NavigationMenuProps & typeof DEFAULT_CONTEXT_VALUE;
+export declare const NavigationMenuContext: import('react').Context<NavigationMenuContextValue>;
+declare const _default: import('react').MemoExoticComponent<({ AppBar, NavLink, Search, Logo, Footer, items, enableSearchFocusShortcut, disableResponsive, hideSearchDesktop, bottomLink, sideBarWidth, }: NavigationMenuProps) => import("@emotion/react/jsx-runtime").JSX.Element>;
+export default _default;

package/dist/src/components/Navigation/NavigationMenu/SideBar/SideBar.d.ts

@@ -0,0 +1,10 @@
+import { ReactNode } from 'react';
+export interface SideBarProps {
+    children?: ReactNode;
+    width?: number | string;
+    Footer?: ReactNode;
+    Logo?: ReactNode;
+    Search?: ReactNode;
+}
+declare const SideBar: ({ children, ...props }: SideBarProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export default SideBar;

package/dist/src/components/Navigation/NavigationMenu/SideBar/index.d.ts

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

package/dist/src/components/Navigation/NavigationMenu/SideBarMenu/SideBarMenu.d.ts

@@ -0,0 +1,9 @@
+import { ReactElement } from 'react';
+import { NavigationItem, NavLinkProps } from '..';
+export interface SideBarMenuProps {
+    NavLink?: (props: NavLinkProps) => ReactElement | null;
+    translate?: (str: string) => string;
+    items?: NavigationItem[];
+}
+declare const SideBarMenu: ({ items, ...props }: SideBarMenuProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export default SideBarMenu;

package/dist/src/components/Navigation/NavigationMenu/SideBarMenu/index.d.ts

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

package/dist/src/components/Navigation/NavigationMenu/index.d.ts

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

package/dist/src/components/Navigation/NavigationMenu/utils/utils.d.ts

@@ -0,0 +1,10 @@
+/**
+ * Get first slice of URL
+ * @param pathname
+ */
+export declare const getFirstSliceOfURL: (pathname: string) => string;
+/**
+ * Remove slash from the start of the string
+ * @param str
+ */
+export declare const removeSlashFromStartOfString: (str: string) => string;

package/dist/src/components/Navigation/TabPanel/TabPanel.d.ts

@@ -0,0 +1,13 @@
+import { SxProps } from '@mui/material';
+import { ElementType, PropsWithChildren } from 'react';
+export interface TabPanelProps extends PropsWithChildren {
+    index: number;
+    value: number;
+    orientation?: "horizontal" | "vertical";
+    paddingY?: number | string;
+    paddingX?: number | string;
+    fullHeight?: boolean;
+    sx?: SxProps;
+}
+declare const _default: import('react').ForwardRefExoticComponent<TabPanelProps & import('react').RefAttributes<ElementType>>;
+export default _default;

package/dist/src/components/Navigation/TabPanel/index.d.ts

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

package/dist/src/components/Navigation/Tabs/LinkTab/LinkTab.d.ts

@@ -0,0 +1,10 @@
+import { TabProps } from '@mui/material/Tab';
+import { ElementType, MouseEvent } from 'react';
+export interface LinkTabProps extends Omit<TabProps, "onClick"> {
+    component?: ElementType;
+    onClick?: (e: MouseEvent<HTMLAnchorElement>) => void;
+    label?: string;
+    href?: string;
+}
+declare const LinkTab: ({ component, ...props }: LinkTabProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export default LinkTab;

package/dist/src/components/Navigation/Tabs/LinkTab/index.d.ts

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

package/dist/src/components/Surface/AppBar/AppBar.d.ts

@@ -0,0 +1,23 @@
+import { AvatarProps, ButtonProps, SxProps, TextFieldProps } from '@mui/material';
+import { PropsWithChildren, ReactNode } from 'react';
+import { LogoProps } from '../../DataDisplay/Logo';
+import { NavigationItem, NavLinkProps } from '../../Navigation/NavigationMenu';
+interface AppBarProps extends PropsWithChildren {
+    NavLink?: (props: NavLinkProps) => ReactNode;
+    Avatar?: ReactNode;
+    Action?: ReactNode;
+    Search?: ReactNode;
+    Logo?: ReactNode;
+    position?: "fixed" | "absolute" | "sticky" | "static" | "relative";
+    elevation?: number;
+    sx?: SxProps;
+    onClickBurger?(): void;
+    actionProps?: ButtonProps;
+    logoProps?: LogoProps;
+    searchProps?: TextFieldProps;
+    avatarProps?: AvatarProps & {
+        menuItems?: NavigationItem[];
+    };
+}
+declare const AppBar: ({ Avatar: AvatarComponent, Search: SearchComponent, Action: ActionComponent, Logo: LogoComponent, NavLink, avatarProps, searchProps, actionProps, logoProps, children, onClickBurger, sx, position, elevation, }: AppBarProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export default AppBar;

package/dist/src/components/Surface/AppBar/index.d.ts

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

package/dist/src/components/Surface/BottomFixedPaper/BottomFixedPaper.d.ts

@@ -0,0 +1,37 @@
+import { PaperProps } from '@mui/material';
+export interface BottomFixedPaperProps extends PaperProps {
+    /**
+     * If true, the component will transition in.
+     */
+    in?: boolean;
+    /**
+     * The position of the paper.
+     * @default "fixed"
+     */
+    position?: "fixed" | "absolute" | "sticky" | "static" | "relative";
+    /**
+     * The padding of the paper.
+     * @default y = 3, x = 2
+     */
+    padding?: number | string;
+    /**
+     * The direction of the paper.
+     */
+    direction?: "row" | "column";
+    /**
+     * By default the child component is not mounted immediately along with the
+     * parent Transition component. If you want to "lazy mount" the component on
+     * the first `in={true}` you can set `mountOnEnter`. After the first enter
+     * transition the component will stay mounted, even on "exited", unless you
+     * also specify `unmountOnExit`.
+     */
+    mountOnEnter?: boolean | undefined;
+    /**
+     * By default the child component is unmounted after it reaches the
+     * 'exited' state. Set `unmountOnExit` if you'd prefer to unmount the
+     * component after it finishes exiting.
+     */
+    unmountOnExit?: boolean | undefined;
+}
+declare const _default: import('react').ForwardRefExoticComponent<Omit<BottomFixedPaperProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+export default _default;

package/dist/src/components/Surface/BottomFixedPaper/index.d.ts

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

package/dist/src/components/Surface/CardModal/CardModal.d.ts

@@ -0,0 +1,4 @@
+import { CardProps } from '@mui/material';
+export type CardModalProps = Omit<CardProps, "css">;
+declare const _default: import('react').ForwardRefExoticComponent<Omit<CardModalProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+export default _default;

package/dist/src/components/Surface/CardModal/index.d.ts

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

package/dist/src/components/Utils/HasPermission/HasPermission.d.ts

@@ -0,0 +1,28 @@
+import { ReactNode } from 'react';
+import { PermissionCheckMode } from '../../../hooks/usePermission';
+export interface HasPermissionProps {
+    /**
+     *  Permissions name or array of permission names
+     */
+    name: string | string[];
+    /**
+     *  The content of the component
+     */
+    children?: ReactNode;
+    /**
+     * A fallback react to display when permissions is not enabled for given name
+     */
+    fallback?: ReactNode;
+    /**
+     * Additional permissions to check with combined context permissions
+     */
+    additionalPermissions?: string[];
+    /**
+     * Operator to use when checking multiple permissions:
+     * - "or": User must have at least one of the permissions (default)
+     * - "and": User must have all permissions
+     */
+    permissionCheckMode?: PermissionCheckMode;
+}
+export declare const HasPermission: ({ children, fallback, name, additionalPermissions, permissionCheckMode, }: HasPermissionProps) => ReactNode;
+export default HasPermission;

package/dist/src/components/Utils/HasPermission/index.d.ts

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