@inceptionbg/iui 1.0.306 → 2.0.2

package/dist/index.d.ts

@@ -1,33 +1,37 @@
-/// <reference types="react" />
-/// <reference types="node" />
 export { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
+import { IconDefinition, RotateProp } from '@fortawesome/fontawesome-svg-core';
+export { IconDefinition } from '@fortawesome/fontawesome-svg-core';
 export { default as clsx } from 'clsx';
-export { default as moment } from 'moment';
+import dayjs from 'dayjs';
+export { default as dayjs } from 'dayjs';
 export { DragDropContext, Draggable, Droppable } from 'react-beautiful-dnd';
 import * as react_toastify from 'react-toastify';
 export { ToastContainer } from 'react-toastify';
 export { TFunction, changeLanguage, default as i18n, i18n as i18nType } from 'i18next';
 export { I18nextProvider, Trans, useTranslation } from 'react-i18next';
 import * as react from 'react';
-import { MouseEventHandler, ButtonHTMLAttributes, FormEvent, ReactNode, FC, Dispatch, SetStateAction, FunctionComponent, RefObject, ReactElement, MouseEvent, InputHTMLAttributes, FocusEventHandler } from 'react';
-import { IconDefinition, RotateProp } from '@fortawesome/fontawesome-svg-core';
-
-type IButtonColor = 'primary' | 'secondary' | 'error';
-interface Props$x {
+import { MouseEventHandler, ButtonHTMLAttributes, FC, FormEvent, ReactNode, ReactElement, MouseEvent, Dispatch, SetStateAction, FunctionComponent, RefObject, ComponentProps, InputHTMLAttributes, FocusEventHandler } from 'react';
+import * as reactRouter from 'react-router';
+export { reactRouter as ReactRouter };
+export { BrowserRouter, NavigateFunction, useLocation, useNavigate, useParams } from 'react-router';
+
+type IButtonColor = 'primary' | 'neutral' | 'danger';
+type IButtonVariant = 'solid' | 'outlined' | 'simple';
+interface IButtonProps {
     label: string;
     icon?: IconDefinition;
     iconEnd?: IconDefinition;
     onClick?: MouseEventHandler<HTMLButtonElement>;
-    disabled?: boolean;
-    solid?: boolean;
-    outlined?: boolean;
-    active?: boolean;
+    variant?: IButtonVariant;
     color?: IButtonColor;
     size?: 'xs' | 's' | 'm' | 'l';
+    disabled?: boolean;
+    active?: boolean;
+    type?: ButtonHTMLAttributes<HTMLButtonElement>['type'];
     className?: string;
     buttonProps?: ButtonHTMLAttributes<HTMLButtonElement>;
 }
-declare const Button: react.ForwardRefExoticComponent<Props$x & react.RefAttributes<HTMLButtonElement>>;
+declare const Button: react.ForwardRefExoticComponent<IButtonProps & react.RefAttributes<HTMLButtonElement>>;
 
 interface IFormWrapper {
     isLoading: boolean;
@@ -37,14 +41,14 @@ interface IFormWrapper {
         icon?: any;
         disabled?: boolean;
         onSubmit: (e: FormEvent<HTMLFormElement>) => void;
-        solid?: boolean;
+        variant?: IButtonVariant;
         color?: IButtonColor;
     };
     otherButtons?: {
         label: string;
         icon?: any;
         onClick: () => void;
-        outlined?: boolean;
+        variant?: IButtonVariant;
         color?: IButtonColor;
         disabled?: boolean;
         hidden?: boolean;
@@ -343,6 +347,46 @@ interface ISelectData extends IValueLabel {
     disabled?: boolean;
     [id: string]: any;
 }
+interface BaseSelectProps {
+    variant: 'basic' | 'async' | 'async-creatable';
+    label?: string;
+    value?: any;
+    isMulti?: boolean;
+    onChange: (value: any) => void;
+    required?: boolean;
+    disabled?: boolean;
+    placeholder?: string;
+    helperText?: string;
+    errorText?: string;
+    error?: boolean;
+    className?: string;
+    minWidth?: number;
+    menuWidth?: 'fit-content' | 'max-content' | number;
+    autoFocus?: boolean;
+    isClearable?: boolean;
+    isOpen?: boolean;
+    onMenuOpen?: () => void;
+    onMenuClose?: () => void;
+    openDirection?: 'top' | 'bottom' | 'auto';
+    closeMenuOnSelect?: boolean;
+    noOptionsMessage?: string;
+    formatOptionLabel?: (value: any) => any;
+}
+interface BasicSelectProps extends BaseSelectProps {
+    variant: 'basic';
+    options: ISelectData[];
+}
+interface AsyncSelectProps extends BaseSelectProps {
+    variant: 'async';
+    loadOptions: any;
+    defaultData?: ISelectData[];
+}
+interface CreatableSelectProps extends BaseSelectProps {
+    variant: 'async-creatable';
+    loadOptions: any;
+    onCreate: (inputValue: string) => void;
+    defaultData?: ISelectData[];
+}
 
 interface ITab {
     value: string;
@@ -372,66 +416,159 @@ interface IHeaderAction {
     hidden?: boolean;
 }
 
-interface Props$w {
+interface IRoute {
+    path: string;
+    element: ReactElement;
+}
+
+interface IMenuItem {
+    label: string;
+    icon?: IconDefinition;
+    iconRotation?: RotateProp;
+    onClick?: MouseEventHandler<HTMLDivElement>;
+    to?: string;
+    badge?: number;
+    disabled?: boolean;
+    hidden?: boolean;
+    withDevider?: boolean;
+    keepOpen?: boolean;
+    className?: string;
+}
+declare const MenuItem: react.ForwardRefExoticComponent<IMenuItem & react.RefAttributes<HTMLDivElement>>;
+
+interface Props$p {
+    userName?: string;
+    organizationName?: string;
+    showBadge?: boolean;
+    menuItems?: IMenuItem[];
+}
+declare const UserMenu: FC<Props$p>;
+
+interface Props$o {
+    modules: {
+        name: string;
+        icon: IconDefinition;
+        disabled?: boolean;
+        url: string;
+    }[];
+    activeModule: {
+        name: string;
+        icon: IconDefinition;
+    } | null;
+}
+declare const ModuleSelect: FC<Props$o>;
+
+interface Props$n {
+    customTitle?: string;
+    modulesProps?: ComponentProps<typeof ModuleSelect>;
+    userMenuProps: ComponentProps<typeof UserMenu>;
+    children?: ReactNode;
+}
+declare const Header: FC<Props$n>;
+
+interface ISidebarItem {
+    label: string;
+    icon?: IconDefinition;
+    to?: string;
+    content?: ISidebarSubItem[];
+    menu?: {
+        content: ISidebarSubItem[];
+        openedMenu: string;
+        setOpenedMenu: (label: string) => void;
+    };
+    hidden?: boolean;
+    badge?: number;
+    addUrl?: string;
+}
+interface ISidebarSubItem {
+    label: string;
+    to?: string;
+    content?: ISidebarItem[];
+    hidden?: boolean;
+    tooltip?: string;
+    badge?: number;
+    addUrl?: string;
+    primary?: boolean;
+    collapsed?: boolean;
+}
+
+interface ISidebarProps {
+    items: ISidebarItem[][];
+    logo?: string;
+    appVersion?: string;
+}
+declare const Sidebar: FC<ISidebarProps>;
+
+interface Props$m {
+    fullScreenRoutes: IRoute[];
+    appRoutes: IRoute[];
+    header: ComponentProps<typeof Header>;
+    sidebar: ComponentProps<typeof Sidebar>;
+}
+declare const Router: FC<Props$m>;
+
+interface Props$l {
     tabs: ITab[];
     initialValue?: string;
     compact?: boolean;
     keepContentInDom?: boolean;
     className?: string;
 }
-declare const Accordions: FC<Props$w>;
+declare const Accordions: FC<Props$l>;
+
+type IInfoType = 'success' | 'info' | 'warning' | 'danger';
 
 interface IAlertProps {
     text?: string;
-    severity: 'success' | 'info' | 'warning' | 'error';
+    severity: IInfoType;
     fitContent?: boolean;
     className?: string;
     children?: ReactNode;
 }
 declare const Alert: FC<IAlertProps>;
 
-interface Props$v {
+interface Props$k {
     label: string;
-    color: 'success' | 'info' | 'warning' | 'error' | 'gray';
+    color: IInfoType | 'gray';
     className?: string;
 }
-declare const DotBadge: FC<Props$v>;
+declare const DotBadge: FC<Props$k>;
 
-interface Props$u {
+interface Props$j {
     number?: number;
     className?: string;
-    small?: boolean;
+    size?: 's' | 'm';
     children?: ReactNode;
-    color?: 'primary' | 'success' | 'info' | 'warning' | 'error';
+    color?: IInfoType | 'primary';
 }
-declare const NotificationBadge: FC<Props$u>;
+declare const NotificationBadge: FC<Props$j>;
 
-interface Props$t {
+interface Props$i {
     label: string;
-    color: 'success' | 'info' | 'warning' | 'error' | 'gray';
+    color: IInfoType | 'gray';
     className?: string;
 }
-declare const PillBadge: react.ForwardRefExoticComponent<Props$t & react.RefAttributes<HTMLDivElement>>;
+declare const PillBadge: react.ForwardRefExoticComponent<Props$i & react.RefAttributes<HTMLDivElement>>;
 
-interface Props$s {
+interface IIconButtonProps {
     icon: IconDefinition;
     onClick?: MouseEventHandler<HTMLButtonElement>;
-    disabled?: boolean;
-    className?: string;
+    variant?: IButtonVariant;
     color?: IButtonColor;
-    solid?: boolean;
+    size?: 's' | 'm' | 'l';
+    disabled?: boolean;
     active?: boolean;
     tooltip?: string;
+    className?: string;
     buttonProps?: ButtonHTMLAttributes<HTMLButtonElement>;
-    size?: 's';
 }
-declare const IconButton: react.ForwardRefExoticComponent<Props$s & react.RefAttributes<HTMLButtonElement>>;
+declare const IconButton: react.ForwardRefExoticComponent<IIconButtonProps & react.RefAttributes<HTMLButtonElement>>;
 
 declare const Dashboard: FC<{
     children: ReactNode;
 }>;
 
-interface Props$r {
+interface Props$h {
     title: string;
     icon?: any;
     type?: 'warning' | 'info';
@@ -439,27 +576,27 @@ interface Props$r {
     isLoading?: boolean;
     children: ReactNode;
 }
-declare const DashboardWidget: FC<Props$r>;
+declare const DashboardWidget: FC<Props$h>;
 
-interface Props$q {
+interface Props$g {
     links: {
         icon?: IconDefinition;
         label: string;
         onClick: () => void;
     }[];
 }
-declare const FastLinksWidget: FC<Props$q>;
+declare const FastLinksWidget: FC<Props$g>;
 
-interface Props$p {
+interface Props$f {
     textId: string;
     itemUuid: string;
     setItemUuid: Dispatch<SetStateAction<string>>;
     reloadItems: () => void;
     deleteItemFunction: (itemUuid: string) => Promise<any>;
 }
-declare const DeleteItemDialog: FC<Props$p>;
+declare const DeleteItemDialog: FC<Props$f>;
 
-interface Props$o {
+interface Props$e {
     title?: string;
     titleEl?: ReactNode;
     desc?: string;
@@ -488,29 +625,28 @@ interface Props$o {
         disabled?: boolean;
         keepOpen?: boolean;
         color?: IButtonColor;
-        solid?: boolean;
+        variant?: IButtonVariant;
     };
     hideActionButtons?: boolean;
     isKeyboardDisabled?: boolean;
     noBackgroundClick?: boolean;
     noOverflow?: boolean;
-    type?: 'info' | 'error';
+    type?: IInfoType;
     size?: 'm' | 'l' | 'xl';
-    noPadding?: boolean;
     className?: string;
     children?: ReactNode;
 }
-declare const Dialog: FC<Props$o>;
+declare const Dialog: FC<Props$e>;
 
-interface Props$n {
+interface Props$d {
     isOpen: boolean;
     children: ReactNode;
     keepContentInDom?: boolean;
     className?: string;
 }
-declare const Collapse: FC<Props$n>;
+declare const Collapse: FC<Props$d>;
 
-interface Props$m {
+interface ICheckboxProps {
     label?: string;
     value?: boolean | 'middle';
     setValue: (checked: boolean) => void;
@@ -520,9 +656,9 @@ interface Props$m {
     tooltip?: string;
     children?: ReactNode;
 }
-declare const Checkbox: react.ForwardRefExoticComponent<Props$m & react.RefAttributes<HTMLLabelElement>>;
+declare const Checkbox: react.ForwardRefExoticComponent<ICheckboxProps & react.RefAttributes<HTMLLabelElement>>;
 
-interface Props$l {
+interface ICurrencyInputProps {
     label?: string;
     value?: string | number;
     setValue: (value: string) => void;
@@ -536,37 +672,41 @@ interface Props$l {
     className?: string;
     allowNegative?: boolean;
     decimalPlaces?: number;
-    alignLeft?: boolean;
+    align?: 'left' | 'right';
     endText?: string;
     inputProps?: InputHTMLAttributes<HTMLInputElement>;
+    isClearable?: boolean;
 }
-declare const CurrencyInput: react.ForwardRefExoticComponent<Props$l & react.RefAttributes<HTMLInputElement>>;
+declare const CurrencyInput: react.ForwardRefExoticComponent<ICurrencyInputProps & react.RefAttributes<HTMLInputElement>>;
 
-interface Props$k {
+interface IDateInputProps {
     label?: string;
     date?: string;
     setDate: (date: string) => void;
     required?: boolean;
     disabled?: boolean;
     autoFocus?: boolean;
-    helperText?: string;
     error?: boolean;
+    helperText?: string;
+    errorText?: string;
+    isClearable?: boolean;
     className?: string;
     calendarPlacementX?: 'left' | 'right';
 }
-declare const DateInput: react.ForwardRefExoticComponent<Props$k & react.RefAttributes<HTMLInputElement>>;
+declare const DateInput: FC<IDateInputProps>;
 
-interface TimeInputProps {
+interface ITimeInputProps {
     time: string;
     setTime: (newTime: string) => void;
     label?: string;
     disabled?: boolean;
     required?: boolean;
+    isClearable?: boolean;
     className?: string;
 }
-declare const TimeInput: FC<TimeInputProps>;
+declare const TimeInput: FC<ITimeInputProps>;
 
-interface Props$j {
+interface ITextAreaInputProps {
     label: string;
     value?: string;
     setValue: (value: string) => void;
@@ -574,6 +714,7 @@ interface Props$j {
     disabled?: boolean;
     autoFocus?: boolean;
     rows?: number;
+    resize?: boolean;
     placeholder?: string;
     helperText?: string;
     errorText?: string;
@@ -581,9 +722,9 @@ interface Props$j {
     inputProps?: InputHTMLAttributes<HTMLTextAreaElement>;
     error?: boolean;
 }
-declare const LargeTextInput: react.ForwardRefExoticComponent<Props$j & react.RefAttributes<HTMLTextAreaElement>>;
+declare const TextAreaInput: react.ForwardRefExoticComponent<ITextAreaInputProps & react.RefAttributes<HTMLTextAreaElement>>;
 
-interface Props$i {
+interface INumberInputProps {
     label?: string;
     value?: string | number;
     setValue: (value: string) => void;
@@ -591,6 +732,8 @@ interface Props$i {
     disabled?: boolean;
     autoFocus?: boolean;
     placeholder?: string;
+    endText?: string;
+    isClearable?: boolean;
     helperText?: string;
     errorText?: string;
     error?: boolean;
@@ -598,43 +741,29 @@ interface Props$i {
     allowNegative?: boolean;
     decimalPlaces?: number;
     align?: 'left' | 'right';
-    endText?: string;
     inputProps?: InputHTMLAttributes<HTMLInputElement>;
 }
-declare const NumberInput: react.ForwardRefExoticComponent<Props$i & react.RefAttributes<HTMLInputElement>>;
+declare const NumberInput: react.ForwardRefExoticComponent<INumberInputProps & react.RefAttributes<HTMLInputElement>>;
 
-interface ITextInput {
-    id?: string;
+interface IPasswordInputProps {
     label?: string;
     value?: string;
     setValue?: (value: string) => void;
     required?: boolean;
     disabled?: boolean;
-    autoFocus?: boolean;
-    placeholder?: string;
+    isClearable?: boolean;
+    pattern?: string;
     helperText?: string;
     errorText?: string;
-    className?: string;
-    inputProps?: InputHTMLAttributes<HTMLInputElement>;
-    onBlur?: FocusEventHandler<HTMLInputElement>;
-    onFocus?: FocusEventHandler<HTMLInputElement>;
     error?: boolean;
-    endText?: string;
-    endButton?: {
-        icon: IconDefinition;
-        onClick: () => void;
-        disabled?: boolean;
-    };
-}
-declare const TextInput: react.ForwardRefExoticComponent<ITextInput & react.RefAttributes<HTMLInputElement>>;
-
-interface IProps$1 extends ITextInput {
+    inputProps?: InputHTMLAttributes<HTMLInputElement>;
     newPassword?: boolean;
 }
-declare const PasswordInput: FC<IProps$1>;
+declare const PasswordInput: FC<IPasswordInputProps>;
 
-interface Props$h {
+interface IRadioProps {
     label?: string;
+    desc?: string;
     value: string | number | boolean;
     selected: string | number | boolean | undefined | null;
     setSelected: (selected: any) => void;
@@ -644,9 +773,9 @@ interface Props$h {
     className?: string;
     children?: ReactNode;
 }
-declare const Radio: react.ForwardRefExoticComponent<Props$h & react.RefAttributes<HTMLDivElement>>;
+declare const Radio: react.ForwardRefExoticComponent<IRadioProps & react.RefAttributes<HTMLDivElement>>;
 
-interface Props$g {
+interface Props$c {
     title?: string | ReactElement;
     desc?: string | ReactElement;
     value: string;
@@ -656,94 +785,49 @@ interface Props$g {
     className?: string;
     children?: ReactNode;
 }
-declare const RadioLarge: FC<Props$g>;
+declare const RadioLarge: FC<Props$c>;
 
 interface IProps {
+    label?: string;
     onSearch: (searchText: string) => void;
+    onClear?: () => void;
     className?: string;
 }
 declare const SearchInput: FC<IProps>;
 
-interface Props$f {
-    label?: string;
-    options: ISelectData[];
-    value?: ISelectData | null;
-    valuesMulti?: ISelectData[];
-    onChange: (value: any) => void;
-    required?: boolean;
-    disabled?: boolean;
-    placeholder?: string;
-    helperText?: string;
-    className?: string;
-    minWidth?: number;
-    menuWidth?: 'fit-content' | 'max-content' | number;
-    autoFocus?: boolean;
-    isClearable?: boolean;
-    isOpen?: boolean;
-    onMenuOpen?: () => void;
-    onMenuClose?: () => void;
-    openDirection?: 'top' | 'auto' | 'bottom';
-    noOptionsMessage?: string;
-    error?: boolean;
-}
-declare const Select: react.ForwardRefExoticComponent<Props$f & react.RefAttributes<any>>;
+declare const Select: react.ForwardRefExoticComponent<Omit<BasicSelectProps, "variant"> & react.RefAttributes<any>>;
+declare const SelectAsyncPaginate: react.ForwardRefExoticComponent<Omit<AsyncSelectProps, "variant"> & react.RefAttributes<any>>;
+declare const SelectCreatable: react.ForwardRefExoticComponent<Omit<CreatableSelectProps, "variant"> & react.RefAttributes<any>>;
 
-interface Props$e {
+interface ITextInputProps {
+    id?: string;
     label?: string;
-    value?: ISelectData | null;
-    valuesMulti?: ISelectData[];
-    loadOptions: any;
-    refresh?: any[];
-    onChange: (value: any) => void;
+    value?: string;
+    setValue?: (value: string) => void;
     required?: boolean;
     disabled?: boolean;
-    placeholder?: string;
-    helperText?: string;
-    className?: string;
-    minWidth?: number;
-    menuWidth?: 'fit-content' | 'max-content' | number;
-    autoFocus?: boolean;
-    isMulti?: boolean;
+    endText?: string;
+    endButton?: {
+        icon: IconDefinition;
+        onClick: () => void;
+        disabled?: boolean;
+    };
     isClearable?: boolean;
-    isOpen?: boolean;
-    onMenuOpen?: () => void;
-    onMenuClose?: () => void;
-    openDirection?: 'top' | 'auto' | 'bottom';
-    noOptionsMessage?: string;
-    error?: boolean;
-}
-declare const SelectAsyncPaginate: react.ForwardRefExoticComponent<Props$e & react.RefAttributes<any>>;
-
-interface Props$d {
-    label?: string;
-    value?: ISelectData | null;
-    valuesMulti?: ISelectData[];
-    loadOptions: any;
-    refresh?: any[];
-    onChange: (value: any) => void;
-    onCreate: (inputValue: string) => void;
-    required?: boolean;
-    disabled?: boolean;
+    onClear?: () => void;
+    autoFocus?: boolean;
     placeholder?: string;
+    pattern?: string;
     helperText?: string;
-    className?: string;
-    minWidth?: number;
-    menuWidth?: 'fit-content' | 'max-content' | number;
-    autoFocus?: boolean;
-    isMulti?: boolean;
-    isClearable?: boolean;
-    isOpen?: boolean;
-    onMenuOpen?: () => void;
-    onMenuClose?: () => void;
-    openDirection?: 'top' | 'auto' | 'bottom';
-    noOptionsMessage?: string;
+    errorText?: string;
+    onBlur?: FocusEventHandler<HTMLInputElement>;
+    onFocus?: FocusEventHandler<HTMLInputElement>;
     error?: boolean;
-    defaultData?: ISelectData[];
-    formatOptionLabel?: (value: any) => any;
+    inputProps?: InputHTMLAttributes<HTMLInputElement>;
+    className?: string;
 }
-declare const SelectCreatable: react.ForwardRefExoticComponent<Props$d & react.RefAttributes<any>>;
+declare const TextInput: react.ForwardRefExoticComponent<ITextInputProps & react.RefAttributes<HTMLInputElement>>;
 
-interface Props$c {
+interface Props$b {
     isLoading: boolean;
     isFullPage?: boolean;
     classNameLoader?: string;
@@ -752,36 +836,22 @@ interface Props$c {
         children: ReactElement | ReactNode;
     }>;
 }
-declare const Loader: FC<Props$c>;
+declare const Loader: FC<Props$b>;
 declare const FullScreenLoader: FC<{
     isLoading: boolean;
 }>;
 declare const LazyLoader: FC;
 
-interface Props$b {
-    isOpen: boolean;
-    onClose: () => void;
+interface Props$a {
+    id: string;
     renderButton: (ref: RefObject<any>) => ReactNode;
-    placementX?: 'left' | 'right';
-    placementY?: 'bottom' | 'top' | 'auto';
+    items: IMenuItem[];
+    placement?: 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right';
     size?: 's' | 'm' | 'l';
     className?: string;
-    children?: ReactNode;
-}
-declare const Menu: FC<Props$b>;
-
-interface Props$a {
-    label?: string;
-    icon?: IconDefinition;
-    iconRotation?: RotateProp;
-    onClick?: MouseEventHandler<HTMLDivElement>;
-    to?: string;
-    disabled?: boolean;
-    withDevider?: boolean;
-    className?: string;
-    children?: ReactNode;
+    classNameItem?: string;
 }
-declare const MenuItem: react.ForwardRefExoticComponent<Props$a & react.RefAttributes<HTMLDivElement>>;
+declare const Menu: FC<Props$a>;
 
 interface Props$9 {
     item: any;
@@ -853,16 +923,16 @@ interface Props$3 {
 }
 declare const Tabs: FC<Props$3>;
 
-type Position = 'left' | 'right' | 'top' | 'bottom';
+type TooltipPosition = 'left' | 'right' | 'top' | 'bottom';
 interface Props$2 {
     label?: string;
-    position?: Position;
+    position?: TooltipPosition;
     disabled?: boolean;
     singleLine?: boolean;
     className?: string;
     children: ReactElement;
 }
-declare const Tooltip: FC<Props$2>;
+declare const Tooltip: react.ForwardRefExoticComponent<Props$2 & react.RefAttributes<HTMLElement>>;
 
 interface Props$1 {
     data: ITreeItem[];
@@ -878,10 +948,10 @@ interface Props {
 }
 declare const ConditionalWrapper: FC<Props>;
 
-interface IPageWrapper {
+interface IPageLayoutProps {
     breadcrumbs: (string | undefined)[];
     actions?: IHeaderAction[];
-    moreActions?: IHeaderAction[];
+    moreActions?: IMenuItem[];
     backButton?: {
         url?: string;
         active: boolean;
@@ -895,28 +965,29 @@ interface IPageWrapper {
     isLoading?: boolean;
     children?: ReactNode;
 }
-declare const PageWrapper: FC<IPageWrapper>;
-
-declare const formatDate: (date?: string) => any;
-declare const formatDateYMD: (date: string | Date) => any;
-declare const formatDateAndTime: (date?: string, withSeconds?: boolean) => any;
-declare const formatTime: (date?: string, withSeconds?: boolean) => any;
-declare const dateAddDays: (date: string, addDays: number) => any;
-declare const checkIfExpired: (date?: string) => boolean;
-declare const getCurrentDateFormatted: () => any;
-declare const getCurrentDateFormattedYMD: () => any;
-declare const getDaysLeft: (date?: string) => any;
+declare const PageLayout: FC<IPageLayoutProps>;
+
+type inputDate = string | Date | dayjs.Dayjs;
+declare const formatDate: (date?: inputDate) => string;
+declare const formatDateYMD: (date: inputDate) => string;
+declare const formatDateAndTime: (date?: inputDate, withSeconds?: boolean) => string;
+declare const formatTime: (date?: inputDate, withSeconds?: boolean) => string;
+declare const dateAddDays: (date: inputDate, addDays: number) => string;
+declare const checkIfExpired: (date?: inputDate) => boolean;
+declare const getCurrentDateFormatted: () => string;
+declare const getCurrentDateFormattedYMD: () => string;
+declare const getDaysLeft: (date?: inputDate) => number;
 declare const formatYearMonth: (year: number, month: number) => string;
 
 declare const sizeInBytesPretty: (bytes?: number) => string;
 declare const dataURLtoFile: (dataUrl: string, filename: string, fileExt: string) => File;
 declare const getExtensionFromFilename: (filename?: string) => string;
 declare const calculateFilesSize: (filesList: any[], selectedFiles: IBooleanObject) => any;
-declare const downloadDocumentFile: (fileName: string, url: string, type: 'pdf' | 'xml' | 'xlsx', apiUrl?: string, search?: any) => void;
+declare const downloadDocumentFile: (fileName: string, url: string, type: "pdf" | "xml" | "xlsx", apiUrl?: string, search?: any) => void;
 declare const getFileFromUrl: (url: string, name: string) => Promise<File>;
 declare const getBase64FromFile: (file: Blob) => Promise<string>;
 declare const getBase64FromUrl: (url: string) => Promise<string>;
-declare const splitBase64File: (base64: string, type?: 'img') => {
+declare const splitBase64File: (base64: string, type?: "img") => {
     contentType: string;
     base64Data: string;
 };
@@ -963,7 +1034,7 @@ declare const convertArrayToBooleanObject: (arr?: string[]) => {
 };
 declare const deepCopy: (el: any[] | object) => any;
 declare const areStringArraysEqual: (arr1: string[], arr2: string[]) => boolean;
-declare const compareArrayItemsIndex: <T>(array: T[] | readonly T[], item1: T, comparison: 'greaterThan' | 'greaterThanOrEqualTo' | 'lessThan' | 'lessThanOrEqualTo', item2: T) => boolean;
+declare const compareArrayItemsIndex: <T>(array: T[] | readonly T[], item1: T, comparison: "greaterThan" | "greaterThanOrEqualTo" | "lessThan" | "lessThanOrEqualTo", item2: T) => boolean;
 declare const intersectArrays: <T>(arr1: any[] | readonly T[], arr2: any[] | readonly T[]) => T[];
 
 declare const getActiveFilterNumber: (obj: IAnyObject) => number;
@@ -973,9 +1044,9 @@ declare const convertSearchToReportTemplateFilter: (search: IAnyObject) => IRepo
 declare const convertReportTemplateFilterToSearch: (filterValues: IReportTemplateFilterValue[]) => any;
 declare const setTemplateData: ({ template, columnsData, setFilters, setSort, }: {
     template: IReportTemplate;
-    columnsData?: ITableColumnsData | undefined;
-    setFilters?: ((filters: IAnyObject) => void) | undefined;
-    setSort?: ((sort: string) => void) | undefined;
+    columnsData?: ITableColumnsData;
+    setFilters?: (filters: IAnyObject) => void;
+    setSort?: (sort: string) => void;
 }) => void;
 
 declare const rootDir: HTMLElement;
@@ -1060,7 +1131,14 @@ declare const i18nIUILatin: {
     DeletedSuccessfully: string;
     ErrorMessage: string;
     TryAgain: string;
+    ReturnToHomepage: string;
+    FooterText: string;
+    PageNotFound: string;
+    PageNotFoundInfo: string;
+    NoAccessPage: string;
+    NoAccessPageInfo: string;
 };
+
 declare const i18nIUICyrilic: {
     Actions: string;
     Active: string;
@@ -1121,6 +1199,7 @@ declare const i18nIUICyrilic: {
     CreateTemplate: string;
     DeleteTemplateDesc: string;
     DeleteTemplateTitle: string;
+    FastLinks: string;
     CharMin: string;
     CharRange: string;
     CharNumber: string;
@@ -1129,13 +1208,101 @@ declare const i18nIUICyrilic: {
     DeletedSuccessfully: string;
     ErrorMessage: string;
     TryAgain: string;
+    ReturnToHomepage: string;
+    FooterText: string;
+    PageNotFound: string;
+    PageNotFoundInfo: string;
+    NoAccessPage: string;
+    NoAccessPageInfo: string;
 };
 
-declare const useDefaultTemplate: (identifier?: string) => {
-    defaultTemplate: IReportTemplate | null;
-    isLoadingDefaultTemplate: boolean;
+declare const i18nIUIMe: {
+    Actions: string;
+    Active: string;
+    AddInput: string;
+    Back: string;
+    Cancel: string;
+    Change: string;
+    Choose: string;
+    Close: string;
+    Confirm: string;
+    Create: string;
+    Delete: string;
+    Edit: string;
+    FreeText: string;
+    from: string;
+    Group: string;
+    Groups: string;
+    Next: string;
+    No: string;
+    Ok: string;
+    Options: string;
+    or: string;
+    Save: string;
+    Search: string;
+    Selected: string;
+    Send: string;
+    Sending: string;
+    Title: string;
+    to: string;
+    Yes: string;
+    RefreshData: string;
+    allResults: string;
+    Columns: string;
+    DragDropListsInfo: string;
+    Filter: string;
+    HiddenColumns: string;
+    NoResults: string;
+    of: string;
+    page: string;
+    Print: string;
+    PrintDate: string;
+    PrintExport: string;
+    ResetFilter: string;
+    rowsPerPage: string;
+    SaveXlsx: string;
+    SelectedColumns: string;
+    Sort: string;
+    AddItem: string;
+    Templates: string;
+    SelectTemplate: string;
+    TemplateList: string;
+    PublicTemplate: string;
+    PublicTemplates: string;
+    DefaultTemplate: string;
+    RemoveFiltersAndLook: string;
+    CreateTemplateLong: string;
+    CreateDefaultTemplate: string;
+    CreateTemplate: string;
+    DeleteTemplateDesc: string;
+    DeleteTemplateTitle: string;
+    FastLinks: string;
+    CharMin: string;
+    CharRange: string;
+    CharNumber: string;
+    Pending: string;
+    Successfully: string;
+    DeletedSuccessfully: string;
+    ErrorMessage: string;
+    TryAgain: string;
+    ReturnToHomepage: string;
+    FooterText: string;
+    PageNotFound: string;
+    PageNotFoundInfo: string;
+    NoAccessPage: string;
+    NoAccessPageInfo: string;
 };
 
+declare const useDefaultTemplate: (identifier?: string) => void;
+
+declare global {
+    var zE: {
+        show: () => void;
+        hide: () => void;
+        activate: () => void;
+        setLocale: (locale: string) => void;
+    };
+}
 declare const useHideZendesk: () => void;
 
 declare const useOnEsc: (onEsc: () => void, disabled?: boolean) => void;
@@ -1148,10 +1315,5 @@ declare const useTableSelect: () => {
     resetSelectedRows: () => void;
 };
 
-declare const useIsMenuOpen: () => {
-    isMenuOpen: boolean;
-    onMenuOpen: () => void;
-    onMenuClose: () => NodeJS.Timeout;
-};
-
-export { Accordions, Alert, Button, Checkbox, Collapse, ConditionalWrapper, CurrencyInput, Dashboard, DashboardWidget, DateInput, DeepPartial, DeleteItemDialog, Dialog, DotBadge, FastLinksWidget, FilterItem, FormWrapper, FullScreenLoader, IAlertProps, IAnyObject, IBooleanObject, IError, IFormWrapper, IHeaderAction, IKeyboardAction, IPagination, ISelectData, IServerSidePagination, ISimpleObject, ISimpleObjectWithCode, IStringObject, ITab, ITable, ITableColumn, ITableDataItem, ITableEditRow, ITableFilter, ITableFilterData, ITableFilterItem, ITableSort, ITreeItem, IValueLabel, IconButton, ItemActionsMenu, ItemEditOptionsButtons, LargeTextInput, LazyLoader, Loader, Menu, MenuItem, NotificationBadge, NumberInput, PageWrapper, PasswordInput, PillBadge, Radio, RadioLarge, SearchInput, Select, SelectAsyncPaginate, SelectCreatable, SetTableFilter, Table, TableEditRow, TableFooter, TablePrint, Tabs, TextInput, TimeInput, Tooltip, Tree, areStringArraysEqual, calculateFilesSize, checkIfExpired, compareArrayItemsIndex, convertArrayToBooleanObject, convertBooleanObjectToArray, convertReportTemplateFilterToSearch, convertSearchToReportTemplateFilter, dataURLtoFile, dateAddDays, deepCopy, deleteEmptyProps, deleteEmptyPropsIncludingArray, deleteProps, deletePropsThatEndsWith, downloadDocumentFile, downloadFile, formatCurrency, formatCurrencyNoDecimals, formatDate, formatDateAndTime, formatDateYMD, formatDecimalNumber, formatTime, formatYearMonth, getActiveFilterNumber, getActiveOrgUuid, getBase64FromFile, getBase64FromUrl, getCurrentDateFormatted, getCurrentDateFormattedYMD, getDaysLeft, getDefaultOrgUuid, getExtensionFromFilename, getFileFromUrl, getInputHelperText, getInputMinMaxPattern, getPrintColumns, getVisibleColumnsIds, i18nIUICyrilic, i18nIUILatin, inputPattern, intersectArrays, lsGet, lsRemove, lsSet, maxChar, parseUrlSearch, rootDir, rotateBase64Image, setActiveOrgUuid, setDefaultOrgUuid, setTemplateData, sizeInBytesPretty, splitBase64File, tableCustomLimit1000, toastError, toastSuccess, useDefaultTemplate, useDialogObserver, useHideZendesk, useIsMenuOpen, useOnEsc, useTableSelect };
+export { Accordions, Alert, Button, Checkbox, Collapse, ConditionalWrapper, CurrencyInput, Dashboard, DashboardWidget, DateInput, DeleteItemDialog, Dialog, DotBadge, FastLinksWidget, FilterItem, FormWrapper, FullScreenLoader, IconButton, ItemActionsMenu, ItemEditOptionsButtons, LazyLoader, Loader, Menu, MenuItem, NotificationBadge, NumberInput, PageLayout, PasswordInput, PillBadge, Radio, RadioLarge, Router, SearchInput, Select, SelectAsyncPaginate, SelectCreatable, SetTableFilter, Table, TableEditRow, TableFooter, TablePrint, Tabs, TextAreaInput, TextInput, TimeInput, Tooltip, Tree, areStringArraysEqual, calculateFilesSize, checkIfExpired, compareArrayItemsIndex, convertArrayToBooleanObject, convertBooleanObjectToArray, convertReportTemplateFilterToSearch, convertSearchToReportTemplateFilter, dataURLtoFile, dateAddDays, deepCopy, deleteEmptyProps, deleteEmptyPropsIncludingArray, deleteProps, deletePropsThatEndsWith, downloadDocumentFile, downloadFile, formatCurrency, formatCurrencyNoDecimals, formatDate, formatDateAndTime, formatDateYMD, formatDecimalNumber, formatTime, formatYearMonth, getActiveFilterNumber, getActiveOrgUuid, getBase64FromFile, getBase64FromUrl, getCurrentDateFormatted, getCurrentDateFormattedYMD, getDaysLeft, getDefaultOrgUuid, getExtensionFromFilename, getFileFromUrl, getInputHelperText, getInputMinMaxPattern, getPrintColumns, getVisibleColumnsIds, i18nIUICyrilic, i18nIUILatin, i18nIUIMe, inputPattern, intersectArrays, lsGet, lsRemove, lsSet, maxChar, parseUrlSearch, rootDir, rotateBase64Image, setActiveOrgUuid, setDefaultOrgUuid, setTemplateData, sizeInBytesPretty, splitBase64File, tableCustomLimit1000, toastError, toastSuccess, useDefaultTemplate, useDialogObserver, useHideZendesk, useOnEsc, useTableSelect };
+export type { DeepPartial, IAlertProps, IAnyObject, IBooleanObject, IError, IFormWrapper, IHeaderAction, IKeyboardAction, IPagination, IRoute, ISelectData, IServerSidePagination, ISimpleObject, ISimpleObjectWithCode, IStringObject, ITab, ITable, ITableColumn, ITableDataItem, ITableEditRow, ITableFilter, ITableFilterData, ITableFilterItem, ITableSort, ITreeItem, IValueLabel };