@crystaltech/hsms-shared-ui 0.0.1-ssmch

package/dist/components/AccountInfoWithAvatar.d.ts

@@ -0,0 +1,8 @@
+import { default as React } from 'react';
+import { IUserManage } from './layout/MainLayout';
+interface AccountInfoWithAvatarProps {
+    userManage: IUserManage;
+    logoutHandler: () => Promise<void>;
+}
+declare const AccountInfoWithAvatar: React.FC<AccountInfoWithAvatarProps>;
+export default AccountInfoWithAvatar;

package/dist/components/Cards.d.ts

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

package/dist/components/ColorPickerManageWithLabel.d.ts

@@ -0,0 +1,7 @@
+import { default as React } from 'react';
+import { CustomColorPickerProps } from './ui/CustomColorPicker';
+interface ColorPickerManageWithLabelProps extends CustomColorPickerProps {
+    label: string;
+}
+declare const ColorPickerManageWithLabel: React.FC<ColorPickerManageWithLabelProps>;
+export default ColorPickerManageWithLabel;

package/dist/components/ColorSettings.d.ts

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

package/dist/components/ComponentRedirectManage.d.ts

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

package/dist/components/CustomAutoComplete.d.ts

@@ -0,0 +1,11 @@
+interface CustomAutoCompleteProps<T> {
+    options: T[];
+    defaultValue?: T[];
+    label: string;
+    placeholder?: string;
+    multiple?: boolean;
+    getOptionLabel: (option: T) => string;
+    onChange: (value: T[] | T | null) => void;
+}
+declare const CustomAutoComplete: <T>({ options, defaultValue, label, placeholder, multiple, getOptionLabel, onChange, }: CustomAutoCompleteProps<T>) => import("react/jsx-runtime").JSX.Element;
+export default CustomAutoComplete;

package/dist/components/CustomFilter.d.ts

@@ -0,0 +1,9 @@
+import { default as React } from 'react';
+interface CustomFilterProps {
+    menuItems: {
+        label: string;
+        value: string;
+    }[];
+}
+declare const CustomFilter: React.FC<CustomFilterProps>;
+export default CustomFilter;

package/dist/components/DataTable.d.ts

@@ -0,0 +1,23 @@
+import { JSX } from 'react';
+interface FilterOptionsProps {
+    label: string;
+    value: string;
+}
+export interface TableConfig<T = Record<string, string | number | boolean>> {
+    tableName: string;
+    headers: string[];
+    isSearchable: boolean;
+    showFilter: boolean;
+    filterOptions: FilterOptionsProps[];
+    searchBy?: string;
+    actions?: {
+        label: string;
+        onClick: (row: T) => void;
+        icon: JSX.Element;
+    }[];
+}
+export default function DynamicTable({ config, data, }: {
+    config: TableConfig;
+    data: Array<Record<string, string | number | boolean>>;
+}): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/DynamicTable.d.ts

@@ -0,0 +1,10 @@
+export default function DynamicTable({ onSave, }: {
+    onSave: (config: {
+        tableName: string;
+        headers: string[];
+        isSearchable: boolean;
+        showFilter: boolean;
+        searchBy: string;
+        filterOptions: string[];
+    }) => void;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/components/Lists.d.ts

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

package/dist/components/LoginView.d.ts

@@ -0,0 +1,6 @@
+interface LoginViewProps {
+    login: () => void;
+    authenticated: boolean;
+}
+declare const LoginView: React.FC<LoginViewProps>;
+export default LoginView;

package/dist/components/Logo.d.ts

@@ -0,0 +1,8 @@
+import { default as React } from 'react';
+interface LogoProps {
+    logoSrc: string;
+    altText?: string;
+    redirectUrl?: string;
+}
+declare const Logo: React.FC<LogoProps>;
+export default Logo;

package/dist/components/LogoWithTitle.d.ts

@@ -0,0 +1,9 @@
+import { default as React } from 'react';
+interface IProps {
+    logoIcon: string;
+    title: string;
+    subTitle: string;
+    showOnlyIcons: boolean;
+}
+declare const LogoWithTitle: React.FC<IProps>;
+export default LogoWithTitle;

package/dist/components/ManageCheckbox.d.ts

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

package/dist/components/MultiDynamicTable/AddNewField.d.ts

@@ -0,0 +1,10 @@
+interface FieldData {
+    fieldName: string;
+    fieldContent: string;
+}
+interface AddNewFieldProps {
+    onCancel: () => void;
+    onSubmit: (addNewContentObj: FieldData) => void;
+}
+declare const AddNewField: React.FC<AddNewFieldProps>;
+export default AddNewField;

package/dist/components/MultiDynamicTable/ColumnVisibilityManage.d.ts

@@ -0,0 +1,7 @@
+import { DataStructure } from './dynamicTableData';
+interface ColumnVisibilityManageProps {
+    data: DataStructure;
+    handleColumnVisibility: (columnVisibilityData: DataStructure) => void;
+}
+declare const ColumnVisibilityManage: React.FC<ColumnVisibilityManageProps>;
+export default ColumnVisibilityManage;

package/dist/components/MultiDynamicTable/FieldContent.d.ts

@@ -0,0 +1,7 @@
+import { FieldItem } from './dynamicTableData';
+declare const FieldContent: ({ item, itemIndex, rowIndex, }: {
+    item: FieldItem;
+    itemIndex: number;
+    rowIndex: number;
+}) => import("react/jsx-runtime").JSX.Element;
+export default FieldContent;

package/dist/components/MultiDynamicTable/MultiDynamicTable.d.ts

@@ -0,0 +1,10 @@
+import { DataStructure } from './dynamicTableData';
+type MultiDynamicTableProps = {
+    tableData: DataStructure;
+    rowsPerPage: number;
+    page: number;
+    handleChangePage: (event: unknown, newPage: number) => void;
+    handleChangeRowsPerPage: (event: React.ChangeEvent<HTMLInputElement>) => void;
+};
+declare const MultiDynamicTable: React.FC<MultiDynamicTableProps>;
+export default MultiDynamicTable;

package/dist/components/MultiDynamicTable/dynamicTableData.d.ts

@@ -0,0 +1,22 @@
+export interface DatePickerProps {
+    date: string;
+    onChange: (parentItem: FieldItem, timeValue: Date) => void;
+}
+export interface FieldContentActionsProps {
+    label: string;
+    onClick: (data: FieldItem) => void;
+    icon: React.ReactNode;
+    variant: "contained" | "outlined";
+}
+export interface FieldItem {
+    id: number;
+    fieldName: string;
+    fieldType: string;
+    fieldContent: string | FieldContentActionsProps[] | DatePickerProps;
+    isDefault: boolean;
+    isVisible: boolean;
+    to?: string;
+}
+export type FieldItemArray = FieldItem[];
+export type DataStructure = FieldItemArray[];
+export declare const dynamicTableData: DataStructure;

package/dist/components/ProfilePage.d.ts

@@ -0,0 +1,15 @@
+import * as React from "react";
+interface ProfileData {
+    imageUrl: string;
+    name: string;
+    bio: string;
+    email: string;
+    location: string;
+    phoneNumber: string;
+}
+interface ProfileProps {
+    profileData: ProfileData;
+    onEditClick?: () => void;
+}
+declare const ProfilePage: React.FC<ProfileProps>;
+export default ProfilePage;

package/dist/components/ProfilePages.d.ts

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

package/dist/components/TableSetting.d.ts

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

package/dist/components/Tables.d.ts

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

package/dist/components/ThemeSetting.d.ts

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

package/dist/components/ThemeToggler.d.ts

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

package/dist/components/TypographySettings.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+declare const TypographySettings: React.FC;
+export default TypographySettings;

package/dist/components/UiFiles.d.ts

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

package/dist/components/layout/Customization/ThemeColorSet.d.ts

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

package/dist/components/layout/Customization/index.d.ts

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

package/dist/components/layout/MainLayout/index.d.ts

@@ -0,0 +1,29 @@
+import { default as React } from 'react';
+import { UserInfo } from '../../../routes/ProtectedRoute';
+import { IMenuConfig, ISettingsConfig } from '../layoutConfig';
+export interface IUserManage {
+    user: UserInfo;
+    redirectUrl: string;
+}
+export interface ILayoutConfig {
+    userManage?: IUserManage;
+    navbar: {
+        showHamburgerInMobile: boolean;
+        themeToggler: boolean;
+    };
+    sideDrawer: {
+        menuConfig: IMenuConfig[];
+        settingsConfig: ISettingsConfig;
+        isMinimized: boolean;
+        drawerWidth: number;
+    };
+    footerText: string;
+}
+export interface IMainLayout {
+    children: React.ReactNode;
+    layoutConfig: ILayoutConfig;
+    logoutHandler?: () => Promise<void>;
+    title: string;
+}
+declare const MainLayout: React.FC<IMainLayout>;
+export default MainLayout;

package/dist/components/layout/MainlayoutWithWrapper.d.ts

@@ -0,0 +1,4 @@
+import { default as React } from 'react';
+import { IMainLayout } from './MainLayout';
+declare const MainlayoutWithWrapper: React.FC<IMainLayout>;
+export default MainlayoutWithWrapper;

package/dist/components/layout/layoutConfig.d.ts

@@ -0,0 +1,33 @@
+import { default as moduleLogo } from '../../assets/images/ssmch-logo.svg';
+export interface MenuItem {
+    clients: string[];
+    label: string;
+    icon: React.ReactNode;
+    link: string;
+    roles: string[];
+    children?: {
+        label: string;
+        icon: React.ReactNode;
+        link: string;
+        roles: string[];
+        clients: string[];
+    }[];
+}
+export interface IMenuConfig {
+    sectionName?: string;
+    items: MenuItem[];
+}
+export interface ISettingsConfig {
+    logo: string;
+    footerText: string;
+}
+export interface ISettingsConfig {
+    logo: string;
+    title: string;
+    subTitle: string;
+    moduleName: string;
+    footerText: string;
+    moduleLogo: string;
+}
+export default moduleLogo;
+export declare const settingsConfig: ISettingsConfig;

package/dist/components/styled-components/index.d.ts

@@ -0,0 +1,5 @@
+import { Theme } from '@mui/material/styles';
+declare const StyledComponent: import('@emotion/styled').StyledComponent<import('@mui/system').BoxOwnProps<Theme> & Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('@mui/system').BoxOwnProps<Theme>> & import('@mui/system').MUIStyledCommonProps<Theme> & import('@mui/material').ContainerOwnProps & import('@mui/material/OverridableComponent').CommonProps & Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "maxWidth" | "children" | "sx" | "style" | "className" | "fixed" | "classes" | "disableGutters"> & {
+    component?: React.ElementType;
+}, {}, {}>;
+export default StyledComponent;

package/dist/components/ui/AsyncAutocomplete.d.ts

@@ -0,0 +1,10 @@
+interface AutocompleteProps<T> {
+    label: string;
+    multiple?: boolean;
+    fetchOptions: () => Promise<T[]>;
+    getOptionLabel: (option: T) => string;
+    isOptionEqualToValue: (option: T, value: T) => boolean;
+    onChange?: (selectedOption: T | T[] | null) => void;
+}
+declare function AsyncAutocomplete<T>({ label, multiple, fetchOptions, getOptionLabel, isOptionEqualToValue, onChange, }: AutocompleteProps<T>): import("react/jsx-runtime").JSX.Element;
+export default AsyncAutocomplete;

package/dist/components/ui/CheckboxListWithAvatar.d.ts

@@ -0,0 +1,11 @@
+interface CheckboxListWithAvatarProps {
+    items: {
+        id: number;
+        label: string;
+        avatarSrc?: string;
+    }[];
+    checkedItems?: number[];
+    onChange: (checked: number[]) => void;
+}
+declare const CheckboxListWithAvatar: ({ items, checkedItems, onChange, }: CheckboxListWithAvatarProps) => import("react/jsx-runtime").JSX.Element;
+export default CheckboxListWithAvatar;

package/dist/components/ui/ControlledDatePicker.d.ts

@@ -0,0 +1,9 @@
+import { Dayjs } from 'dayjs';
+import * as React from "react";
+type ControlledDatePickerProps = {
+    label?: string;
+    initialValue?: string;
+    onChange?: (date: Dayjs | null) => void;
+};
+declare const ControlledDatePicker: React.FC<ControlledDatePickerProps>;
+export default ControlledDatePicker;

package/dist/components/ui/CustomButton.d.ts

@@ -0,0 +1,9 @@
+import { ButtonProps } from '@mui/material/Button';
+import * as React from "react";
+interface CustomButtonProps extends ButtonProps {
+    startIcon?: React.ReactNode;
+    endIcon?: React.ReactNode;
+    loading?: boolean;
+}
+declare const CustomButton: React.FC<CustomButtonProps>;
+export default CustomButton;

package/dist/components/ui/CustomCheckbox.d.ts

@@ -0,0 +1,8 @@
+import * as React from "react";
+interface CustomCheckboxProps {
+    checked?: boolean;
+    onChange?: (checked: boolean) => void;
+    label?: string;
+}
+declare const CustomCheckbox: React.FC<CustomCheckboxProps>;
+export default CustomCheckbox;

package/dist/components/ui/CustomColorPicker.d.ts

@@ -0,0 +1,7 @@
+import { default as React } from 'react';
+export interface CustomColorPickerProps {
+    initialColor?: string;
+    onChange: (color: string) => void;
+}
+declare const CustomColorPicker: React.FC<CustomColorPickerProps>;
+export default CustomColorPicker;

package/dist/components/ui/CustomDatePicker.d.ts

@@ -0,0 +1,9 @@
+import { Dayjs } from 'dayjs';
+import * as React from "react";
+interface CustomDatePickerProps {
+    label: string;
+    value: Dayjs | null;
+    onChange: (date: Dayjs | null | undefined) => void;
+}
+declare const CustomDatePicker: React.FC<CustomDatePickerProps>;
+export default CustomDatePicker;

package/dist/components/ui/CustomIconButton.d.ts

@@ -0,0 +1,6 @@
+import { IconButtonProps } from '@mui/material';
+interface CustomIconButtonProps extends IconButtonProps {
+    children: React.ReactNode;
+}
+declare const CustomIconButton: React.FC<CustomIconButtonProps>;
+export default CustomIconButton;

package/dist/components/ui/CustomInput.d.ts

@@ -0,0 +1,10 @@
+import { default as React } from 'react';
+interface CustomInputProps {
+    startIcon?: React.ReactNode;
+    placeholder?: string;
+    onChange?: (value: string) => void;
+    count?: number;
+    onClear?: () => void;
+}
+declare const CustomInput: React.FC<CustomInputProps>;
+export default CustomInput;

package/dist/components/ui/CustomRadioGroup.d.ts

@@ -0,0 +1,12 @@
+interface RadioOption {
+    label: string;
+    value: string;
+}
+interface CustomRadioGroupProps {
+    label: string;
+    options: RadioOption[];
+    value: string;
+    onChange: (value: string) => void;
+}
+declare function CustomRadioGroup({ label, options, value, onChange, }: CustomRadioGroupProps): import("react/jsx-runtime").JSX.Element;
+export default CustomRadioGroup;

package/dist/components/ui/CustomScrollbar.d.ts

@@ -0,0 +1,8 @@
+import { default as React } from 'react';
+interface CustomScrollbarProps {
+    children: React.ReactNode;
+    maxWidth?: string;
+    maxHeight?: string;
+}
+declare const CustomScrollbar: React.FC<CustomScrollbarProps>;
+export default CustomScrollbar;

package/dist/components/ui/CustomSelect.d.ts

@@ -0,0 +1,13 @@
+import { SelectChangeEvent } from '@mui/material/Select';
+import * as React from "react";
+interface CustomSelectProps {
+    label: string;
+    value: string;
+    options: {
+        value: string | number;
+        label: string;
+    }[];
+    onChange: (event: SelectChangeEvent) => void;
+}
+declare const CustomSelect: React.FC<CustomSelectProps>;
+export default CustomSelect;

package/dist/components/ui/CustomSelectableList.d.ts

@@ -0,0 +1,11 @@
+import * as React from "react";
+interface ListItem {
+    label: string;
+    icon?: React.ReactNode;
+}
+interface CustomSelectableListProps {
+    items: ListItem[];
+    onSelect?: (index: number) => void;
+}
+declare const CustomSelectableList: React.FC<CustomSelectableListProps>;
+export default CustomSelectableList;

package/dist/components/ui/CustomSwitch.d.ts

@@ -0,0 +1,6 @@
+interface CustomSwitchProps {
+    checked: boolean;
+    onChange: (checked: boolean) => void;
+}
+declare function CustomSwitch({ checked, onChange }: CustomSwitchProps): import("react/jsx-runtime").JSX.Element;
+export default CustomSwitch;

package/dist/components/ui/CustomTabs.d.ts

@@ -0,0 +1,12 @@
+import { TabsProps } from '@mui/material/Tabs';
+import * as React from "react";
+interface CustomTabsProps extends TabsProps {
+    tabs: {
+        label: string;
+        value: string;
+    }[];
+    value: string;
+    onChange: (event: React.SyntheticEvent, value: string) => void;
+}
+declare const CustomTabs: React.FC<CustomTabsProps>;
+export default CustomTabs;

package/dist/components/ui/CustomTextfield.d.ts

@@ -0,0 +1,8 @@
+import { TextFieldProps } from '@mui/material/TextField';
+type CustomTextFieldProps = Omit<TextFieldProps, "onChange" | "value"> & {
+    value: string;
+    onChange: (value: string) => void;
+    label?: string;
+};
+declare function CustomTextField({ value, onChange, label, ...props }: CustomTextFieldProps): import("react/jsx-runtime").JSX.Element;
+export default CustomTextField;

package/dist/components/ui/Footer.d.ts

@@ -0,0 +1,6 @@
+import { default as React } from 'react';
+interface FooterProps {
+    footerText: string;
+}
+declare const Footer: React.FC<FooterProps>;
+export default Footer;

package/dist/components/ui/Loader.d.ts

@@ -0,0 +1,8 @@
+import { default as React } from 'react';
+interface LoaderProps {
+    size?: number;
+    text?: string;
+    fullScreen?: boolean;
+}
+declare const Loader: React.FC<LoaderProps>;
+export default Loader;

package/dist/components/ui/Navbar.d.ts

@@ -0,0 +1,33 @@
+declare module "@mui/material/styles/createPalette" {
+    interface Palette {
+        navbar: {
+            background: string;
+            foreground: string;
+        };
+        sidebar: {
+            background: string;
+            foreground: string;
+        };
+        neutral: {
+            100: string;
+            200: string;
+            300: string;
+            400: string;
+            500: string;
+            600: string;
+            700: string;
+            800: string;
+            900: string;
+        };
+    }
+    interface PaletteOptions {
+        navbar?: {
+            background?: string;
+            foregound?: string;
+        };
+    }
+}
+declare const Navbar: ({ children }: {
+    children: React.ReactNode;
+}) => import("react/jsx-runtime").JSX.Element;
+export default Navbar;

package/dist/components/ui/SideDrawer.d.ts

@@ -0,0 +1,16 @@
+import { default as React } from 'react';
+import { UserInfo } from '../../routes/ProtectedRoute';
+import { IMenuConfig } from '../layout/layoutConfig';
+interface SideDrawerProps {
+    isSidebarOpen: boolean;
+    toggleSidebar: () => void;
+    variant: "permanent" | "temporary";
+    drawerWidth: number;
+    menuConfig: IMenuConfig[];
+    showOnlyIcons?: boolean;
+    toggleSidebarDesktop?: () => void;
+    userRoles: string[];
+    user?: UserInfo;
+}
+declare const SideDrawer: React.FC<SideDrawerProps>;
+export default SideDrawer;

package/dist/components/ui/StatCard.d.ts

@@ -0,0 +1,8 @@
+import { default as React } from 'react';
+interface StatCardProps {
+    title: string;
+    count: number;
+    bgColor: string;
+}
+declare const StatCard: React.FC<StatCardProps>;
+export default StatCard;

package/dist/contexts/ThemeContext.d.ts

@@ -0,0 +1,12 @@
+import { ThemeType } from './ThemeContextProvider';
+export interface IThemeType {
+    mode: ThemeType;
+    themeColor: string;
+}
+interface IThemeContextType {
+    theme: IThemeType;
+    toggleTheme: () => void;
+    setThemeColor: (color: string) => void;
+}
+export declare const ThemeContext: import('react').Context<IThemeContextType | undefined>;
+export {};

package/dist/contexts/ThemeContextProvider.d.ts

@@ -0,0 +1,7 @@
+import { default as React, ReactNode } from 'react';
+interface ThemeProviderProps {
+    children: ReactNode;
+}
+export type ThemeType = "light" | "dark";
+declare const ThemeContextProvider: React.FC<ThemeProviderProps>;
+export default ThemeContextProvider;

package/dist/hooks/useLogout.d.ts

@@ -0,0 +1,6 @@
+interface UseLogoutReturn {
+    logoutFromSkh: () => Promise<void>;
+    isLoading: boolean;
+}
+export declare const useLogout: () => UseLogoutReturn;
+export {};

package/dist/hooks/useManageTheme.d.ts

@@ -0,0 +1,8 @@
+interface Theme {
+    mode: "light" | "dark";
+}
+export declare const useManageTheme: () => {
+    themeProps: Theme;
+    toggleTheme: () => void;
+};
+export {};

package/dist/hsms-shared-ui.css

@@ -0,0 +1 @@
+[data-simplebar]{position:relative;flex-direction:column;flex-wrap:wrap;justify-content:flex-start;align-content:flex-start;align-items:flex-start}.simplebar-wrapper{overflow:hidden;width:inherit;height:inherit;max-width:inherit;max-height:inherit}.simplebar-mask{direction:inherit;position:absolute;overflow:hidden;padding:0;margin:0;left:0;top:0;bottom:0;right:0;width:auto!important;height:auto!important;z-index:0}.simplebar-offset{direction:inherit!important;box-sizing:inherit!important;resize:none!important;position:absolute;top:0;left:0;bottom:0;right:0;padding:0;margin:0;-webkit-overflow-scrolling:touch}.simplebar-content-wrapper{direction:inherit;box-sizing:border-box!important;position:relative;display:block;height:100%;width:auto;max-width:100%;max-height:100%;overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.simplebar-content-wrapper::-webkit-scrollbar,.simplebar-hide-scrollbar::-webkit-scrollbar{display:none;width:0;height:0}.simplebar-content:after,.simplebar-content:before{content:" ";display:table}.simplebar-placeholder{max-height:100%;max-width:100%;width:100%;pointer-events:none}.simplebar-height-auto-observer-wrapper{box-sizing:inherit!important;height:100%;width:100%;max-width:1px;position:relative;float:left;max-height:1px;overflow:hidden;z-index:-1;padding:0;margin:0;pointer-events:none;flex-grow:inherit;flex-shrink:0;flex-basis:0}.simplebar-height-auto-observer{box-sizing:inherit;display:block;opacity:0;position:absolute;top:0;left:0;height:1000%;width:1000%;min-height:1px;min-width:1px;overflow:hidden;pointer-events:none;z-index:-1}.simplebar-track{z-index:1;position:absolute;right:0;bottom:0;pointer-events:none;overflow:hidden}[data-simplebar].simplebar-dragging,[data-simplebar].simplebar-dragging .simplebar-content{pointer-events:none;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}[data-simplebar].simplebar-dragging .simplebar-track{pointer-events:all}.simplebar-scrollbar{position:absolute;left:0;right:0;min-height:10px}.simplebar-scrollbar:before{position:absolute;content:"";background:#000;border-radius:7px;left:2px;right:2px;opacity:0;transition:opacity .2s .5s linear}.simplebar-scrollbar.simplebar-visible:before{opacity:.5;transition-delay:0s;transition-duration:0s}.simplebar-track.simplebar-vertical{top:0;width:11px}.simplebar-scrollbar:before{top:2px;bottom:2px;left:2px;right:2px}.simplebar-track.simplebar-horizontal{left:0;height:11px}.simplebar-track.simplebar-horizontal .simplebar-scrollbar{right:auto;left:0;top:0;bottom:0;min-height:0;min-width:10px;width:auto}[data-simplebar-direction=rtl] .simplebar-track.simplebar-vertical{right:auto;left:0}.simplebar-dummy-scrollbar-size{direction:rtl;position:fixed;opacity:0;visibility:hidden;height:500px;width:500px;overflow-y:hidden;overflow-x:scroll;-ms-overflow-style:scrollbar!important}.simplebar-dummy-scrollbar-size>div{width:200%;height:200%;margin:10px 0}.simplebar-hide-scrollbar{position:fixed;left:0;visibility:hidden;overflow-y:scroll;scrollbar-width:none;-ms-overflow-style:none}