@getsoren/design-system 4.39.3

package/dist/src/config/theme.d.ts

@@ -0,0 +1,127 @@
+import { Theme as MuiTheme } from '@mui/material';
+import { CSSProperties } from 'react';
+declare module "@mui/material/Alert" {
+    interface AlertPropsColorOverrides {
+        primary: true;
+        secondary: true;
+    }
+}
+declare module "@mui/material/Autocomplete" {
+    interface AutocompletePropsSizeOverrides {
+        xSmall: true;
+    }
+}
+declare module "@mui/material/Button" {
+    interface ButtonPropsVariantOverrides {
+        dashed: true;
+        "dashed-rounded": true;
+        link: true;
+    }
+}
+declare module "@mui/material/Chip" {
+    interface ChipPropsVariantOverrides {
+        "outlined-rounded": true;
+        rounded: true;
+    }
+    interface ChipPropsSizeOverrides {
+        xSmall: true;
+    }
+    interface ChipPropsColorOverrides {
+        active: true;
+    }
+}
+declare module "@mui/material/Dialog" {
+    interface DialogProps {
+        backgroundColor?: "primary" | "secondary" | string;
+    }
+}
+declare module "@mui/material/FormControlLabel" {
+    interface FormControlLabelProps {
+        variant?: "card";
+        size?: "small" | "medium";
+    }
+}
+declare module "@mui/material/InputBase" {
+    interface InputBasePropsSizeOverrides {
+        xSmall: true;
+        tiny: true;
+    }
+}
+declare module "@mui/material/InputLabel" {
+    interface InputLabelPropsSizeOverrides {
+        xSmall: true;
+        tiny: true;
+    }
+}
+declare module "@mui/material/TextField" {
+    interface TextFieldPropsSizeOverrides {
+        xSmall: true;
+        tiny: true;
+    }
+}
+declare module "@mui/material/Typography" {
+    interface TypographyPropsVariantOverrides {
+        body3: true;
+    }
+}
+declare module "@mui/system" {
+    interface Shape {
+        borderRadiusL: number;
+        borderRadiusS: number;
+    }
+}
+declare module "@mui/material/styles" {
+    interface PaletteColor {
+        "4p": string;
+        "8p": string;
+        "12p": string;
+        "16p": string;
+        "30p": string;
+        "50p": string;
+        "160p": string;
+        black: string;
+    }
+    interface Palette {
+        tertiary: PaletteColor;
+        border: {
+            outline: string;
+        };
+    }
+    interface SimplePaletteColorOptions {
+        "4p"?: string;
+        "8p"?: string;
+        "12p"?: string;
+        "16p"?: string;
+        "30p"?: string;
+        "50p"?: string;
+        "160p"?: string;
+        black?: string;
+    }
+    interface PaletteOptions {
+        tertiary?: SimplePaletteColorOptions;
+        border?: {
+            outline?: string;
+        };
+    }
+    interface TypeBackground {
+        dark: string;
+    }
+    interface TypeText {
+        contrast: string;
+    }
+    interface TypographyVariants {
+        body3: CSSProperties;
+    }
+    interface TypographyVariantsOptions {
+        body3?: CSSProperties;
+    }
+}
+export declare const commonTheme: MuiTheme;
+export declare const lightTheme: MuiTheme;
+export declare const darkTheme: MuiTheme;
+declare const _default: {
+    commonTheme: MuiTheme;
+    darkTheme: MuiTheme;
+    lightTheme: MuiTheme;
+};
+export default _default;

package/dist/src/constants/colors.d.ts

@@ -0,0 +1,262 @@
+declare const light: {
+    palette: {
+        action: {
+            active: string;
+            disabled: string;
+            disabledBackground: string;
+            focus: string;
+            hover: string;
+            selected: string;
+        };
+        background: {
+            dark: string;
+            default: string;
+            paper: string;
+        };
+        border: {
+            outline: string;
+        };
+        divider: string;
+        error: {
+            "4p": string;
+            "8p": string;
+            "12p": string;
+            "30p": string;
+            "50p": string;
+            "160p": string;
+            contrastText: string;
+            dark: string;
+            light: string;
+            main: string;
+        };
+        grey: {
+            50: string;
+            100: string;
+            200: string;
+            300: string;
+            400: string;
+            500: string;
+            600: string;
+            700: string;
+            800: string;
+            900: string;
+            A100: string;
+            A200: string;
+            A400: string;
+            A700: string;
+        };
+        info: {
+            "4p": string;
+            "8p": string;
+            "12p": string;
+            "30p": string;
+            "50p": string;
+            "160p": string;
+            contrastText: string;
+            dark: string;
+            light: string;
+            main: string;
+        };
+        mode: string;
+        primary: {
+            "4p": string;
+            "8p": string;
+            "12p": string;
+            "16p": string;
+            "30p": string;
+            "50p": string;
+            black: string;
+            contrastText: string;
+            dark: string;
+            light: string;
+            main: string;
+        };
+        secondary: {
+            "4p": string;
+            "8p": string;
+            "12p": string;
+            "16p": string;
+            "30p": string;
+            "50p": string;
+            black: string;
+            dark: string;
+            light: string;
+            main: string;
+        };
+        success: {
+            "4p": string;
+            "8p": string;
+            "12p": string;
+            "30p": string;
+            "50p": string;
+            "160p": string;
+            contrastText: string;
+            dark: string;
+            light: string;
+            main: string;
+        };
+        tertiary: {
+            "4p": string;
+            "8p": string;
+            "12p": string;
+            "16p": string;
+            "30p": string;
+            "50p": string;
+            black: string;
+            contrastText: string;
+            dark: string;
+            light: string;
+            main: string;
+        };
+        text: {
+            contrast: string;
+            disabled: string;
+            primary: string;
+            secondary: string;
+        };
+        warning: {
+            "4p": string;
+            "8p": string;
+            "12p": string;
+            "30p": string;
+            "50p": string;
+            "160p": string;
+            contrastText: string;
+            dark: string;
+            light: string;
+            main: string;
+        };
+    };
+};
+declare const dark: {
+    palette: {
+        action: {
+            active: string;
+            disabled: string;
+            disabledBackground: string;
+            focus: string;
+            hover: string;
+            selected: string;
+        };
+        background: {
+            dark: string;
+            default: string;
+            paper: string;
+        };
+        border: {
+            outline: string;
+        };
+        divider: string;
+        error: {
+            "4p": string;
+            "8p": string;
+            "12p": string;
+            "30p": string;
+            "50p": string;
+            "160p": string;
+            contrastText: string;
+            dark: string;
+            light: string;
+            main: string;
+        };
+        grey: {
+            50: string;
+            100: string;
+            200: string;
+            300: string;
+            400: string;
+            500: string;
+            600: string;
+            700: string;
+            800: string;
+            900: string;
+            A100: string;
+            A200: string;
+            A400: string;
+            A700: string;
+        };
+        info: {
+            "4p": string;
+            "8p": string;
+            "12p": string;
+            "30p": string;
+            "50p": string;
+            "160p": string;
+            contrastText: string;
+            dark: string;
+            light: string;
+            main: string;
+        };
+        mode: string;
+        primary: {
+            "4p": string;
+            "8p": string;
+            "12p": string;
+            "16p": string;
+            "30p": string;
+            "50p": string;
+            black: string;
+            contrastText: string;
+            dark: string;
+            light: string;
+            main: string;
+        };
+        secondary: {
+            "4p": string;
+            "8p": string;
+            "12p": string;
+            "16p": string;
+            "30p": string;
+            "50p": string;
+            black: string;
+            contrastText: string;
+            dark: string;
+            light: string;
+            main: string;
+        };
+        success: {
+            "4p": string;
+            "8p": string;
+            "12p": string;
+            "30p": string;
+            "50p": string;
+            "160p": string;
+            contrastText: string;
+            dark: string;
+            light: string;
+            main: string;
+        };
+        tertiary: {
+            "4p": string;
+            "8p": string;
+            "12p": string;
+            "16p": string;
+            "30p": string;
+            "50p": string;
+            black: string;
+            contrastText: string;
+            dark: string;
+            light: string;
+            main: string;
+        };
+        text: {
+            contrast: string;
+            disabled: string;
+            primary: string;
+            secondary: string;
+        };
+        warning: {
+            "4p": string;
+            "8p": string;
+            "12p": string;
+            "30p": string;
+            "50p": string;
+            "160p": string;
+            contrastText: string;
+            dark: string;
+            light: string;
+            main: string;
+        };
+    };
+};
+export { light, dark };

package/dist/src/constants/fonts.d.ts

@@ -0,0 +1,2 @@
+export declare const defaultFontWeight: number[];
+export declare const defaultFontFamily = "Poppins, sans-serif";

package/dist/src/context/Permission/PermissionContext.d.ts

@@ -0,0 +1,9 @@
+import { Dispatch, SetStateAction } from 'react';
+export interface DefaultValuePermissionContext {
+    permissions?: string[];
+    setPermissions: Dispatch<SetStateAction<string[] | undefined>>;
+    disabledPermissions?: string[];
+}
+export declare const defaultValuePermissionContext: DefaultValuePermissionContext;
+export declare const PermissionContext: import('react').Context<DefaultValuePermissionContext>;
+export default PermissionContext;

package/dist/src/context/Permission/PermissionProvider.d.ts

@@ -0,0 +1,17 @@
+import { ReactNode } from 'react';
+export interface PermissionProviderProps {
+    /**
+     * Children
+     */
+    children: ReactNode;
+    /**
+     * Permissions to access
+     */
+    permissions?: string[];
+    /**
+     * Permissions disabled (override permissions)
+     */
+    disabledPermissions?: string[];
+}
+export declare const PermissionProvider: ({ children, permissions, disabledPermissions }: PermissionProviderProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export default PermissionProvider;

package/dist/src/context/Snackbar/SnackbarProvider.d.ts

@@ -0,0 +1,28 @@
+import { AlertColor, AlertProps } from '@mui/material';
+import { SnackbarOrigin } from '@mui/material/Snackbar';
+import { ElementType, PropsWithChildren } from 'react';
+interface openSnackbarParamsWithComponent {
+    component: ElementType;
+    severity?: never;
+    message?: never;
+    variant?: never;
+}
+interface openSnackbarParamsWithMessage {
+    component?: never;
+    severity?: AlertColor;
+    variant?: AlertProps["variant"];
+    message: string;
+}
+export type openSnackbarParams = openSnackbarParamsWithComponent | openSnackbarParamsWithMessage;
+interface SnackbarContextValue {
+    closeSnackbar(): void;
+    openSnackbar(params?: openSnackbarParams): void;
+    isOpen: boolean;
+}
+export interface SnackbarProviderProps extends PropsWithChildren {
+    autoHideDuration?: number;
+    anchorOrigin?: SnackbarOrigin;
+}
+export declare const SnackbarContext: import('react').Context<SnackbarContextValue>;
+declare const SnackbarProvider: ({ children, autoHideDuration, anchorOrigin, }: SnackbarProviderProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export default SnackbarProvider;

package/dist/src/context/Theme/ThemeProvider.d.ts

@@ -0,0 +1,52 @@
+import { ThemeOptions } from '@mui/material';
+import { Localization } from '@mui/material/locale';
+import { ReactNode } from 'react';
+type Language = "en" | "fr";
+export interface ThemeProviderProps {
+    /**
+     * Children to render
+     */
+    children: ReactNode;
+    /**
+     * Set HTML and body height to 100%
+     */
+    fullHeight?: boolean;
+    /**
+     * Include CssBaseline
+     */
+    includeCssBaseline?: boolean;
+    /**
+     * Include scroll bar style
+     */
+    includeScrollBarStyle?: boolean;
+    /**
+     * Theme mode
+     */
+    theme?: "light" | "dark" | ThemeOptions | Localization;
+    /**
+     * Enable `color-scheme` CSS property to use `theme.palette.mode`.
+     * For more details, check out https://developer.mozilla.org/en-US/docs/Web/CSS/color-scheme
+     * For browser support, check out https://caniuse.com/?search=color-scheme
+     * @default false
+     */
+    enableColorScheme?: boolean;
+    /**
+     * Language to use
+     * @default "en"
+     * @supported "en" | "fr"
+     */
+    language?: string;
+    /**
+     * Font options
+     */
+    font?: {
+        googleFontName?: string;
+        import?: boolean;
+        fontWeight?: number[];
+    };
+}
+export declare const ThemeContext: import('react').Context<{
+    language: Language;
+}>;
+declare const ThemeProvider: ({ children, enableColorScheme, includeCssBaseline, includeScrollBarStyle, fullHeight, theme, language, font, }: ThemeProviderProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export default ThemeProvider;

package/dist/src/hooks/useMenu/index.d.ts

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

package/dist/src/hooks/useMenu/useMenu.d.ts

@@ -0,0 +1,11 @@
+import { MouseEvent } from 'react';
+/**
+ * Hook to manage the state of a menu.
+ */
+declare const useMenu: <T = HTMLElement>() => {
+    anchorMenu: T | null;
+    closeMenu: () => void;
+    isMenuOpen: boolean;
+    openMenu: ({ currentTarget }: MouseEvent<T>) => void;
+};
+export default useMenu;

package/dist/src/hooks/usePermission/index.d.ts

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

package/dist/src/hooks/usePermission/usePermission.d.ts

@@ -0,0 +1,13 @@
+export type PermissionCheckMode = "or" | "and";
+export declare const DEFAULT_PERMISSION_CHECK_MODE: PermissionCheckMode;
+/**
+ * Hook to check permission
+ */
+declare const usePermission: () => {
+    appendPermissions: (name: string) => void;
+    disabledPermissions: string[] | undefined;
+    hasPermission: (name: string | string[], additionalPermissions?: string[], permissionCheckMode?: PermissionCheckMode) => boolean;
+    permissions: string[] | undefined;
+    setPermissions: import('react').Dispatch<import('react').SetStateAction<string[] | undefined>>;
+};
+export default usePermission;

package/dist/src/hooks/useSnackbar/index.d.ts

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

package/dist/src/hooks/useSnackbar/useSnackbar.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Hook to handle the snackbar
+ */
+declare const useSnackBar: () => {
+    closeSnackbar: () => void;
+    isOpen: boolean;
+    openSnackbar: (params?: import('../../context/Snackbar/SnackbarProvider').openSnackbarParams) => void;
+};
+export default useSnackBar;

package/dist/src/hooks/useTabs/index.d.ts

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

package/dist/src/hooks/useTabs/useTabs.d.ts

@@ -0,0 +1,9 @@
+import { SyntheticEvent } from 'react';
+/**
+ * Hook to manage the state of a tabs component.
+ */
+declare const useTabs: () => {
+    handleChange: (_: SyntheticEvent, newValue: number) => void;
+    value: number;
+};
+export default useTabs;

package/dist/src/hooks/useTranslation/index.d.ts

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

package/dist/src/hooks/useTranslation/useTranslation.d.ts

@@ -0,0 +1,6 @@
+import { default as locales } from '../../locales';
+type TranslationKey = keyof typeof locales.en;
+declare const useTranslation: () => {
+    t: (key: TranslationKey) => string;
+};
+export default useTranslation;

package/dist/src/locales/en.d.ts

@@ -0,0 +1,8 @@
+declare const _default: {
+    apply: string;
+    clickToUpload: string;
+    files: string;
+    reset: string;
+    selectAll: string;
+};
+export default _default;

package/dist/src/locales/fr.d.ts

@@ -0,0 +1,8 @@
+declare const _default: {
+    apply: string;
+    clickToUpload: string;
+    files: string;
+    reset: string;
+    selectAll: string;
+};
+export default _default;

package/dist/src/locales/index.d.ts

@@ -0,0 +1,4 @@
+import { default as en } from './en';
+import { default as fr } from './fr';
+declare const locales: Record<"en" | "fr", typeof en | typeof fr>;
+export default locales;