@inceptionbg/iui 2.0.8 → 2.0.11

package/dist/index.d.ts

@@ -8,7 +8,8 @@ export { DragDropContext, Draggable, Droppable } from 'react-beautiful-dnd';
 import * as react_toastify from 'react-toastify';
 export { ToastContainer } from 'react-toastify';
 import * as react from 'react';
-import { FC, MouseEventHandler, ButtonHTMLAttributes, Ref, FormEvent, ReactNode, ReactElement, MouseEvent, Dispatch, SetStateAction, FunctionComponent, RefObject, ComponentProps, InputHTMLAttributes, FocusEventHandler } from 'react';
+import { FC, MouseEventHandler, ButtonHTMLAttributes, Ref, FormEvent, ReactNode, ReactElement, MouseEvent, Dispatch, SetStateAction, RefObject, ComponentProps, InputHTMLAttributes, FocusEventHandler } from 'react';
+import * as react_jsx_runtime from 'react/jsx-runtime';
 
 type IButtonColor = 'primary' | 'neutral' | 'danger';
 type IButtonVariant = 'solid' | 'outlined' | 'simple';
@@ -80,61 +81,53 @@ interface IValueLabel {
 
 interface ITable {
     columns: ITableColumn[];
-    setColumns?: (data: ITableColumn[]) => void;
-    withColumnsSearch?: boolean;
     customHeader?: ITableColumn[][];
     data: ITableDataItem[];
+    dataActions?: {
+        edit?: {
+            hasAccess: boolean;
+        };
+        delete?: {
+            onClick: (itemUuid: string) => void;
+            hasAccess: boolean;
+        };
+        actions?: {
+            label: string;
+            onClick: (item: ITableDataItem) => void;
+            hasAccess: boolean;
+        }[];
+    };
     sumRows?: ITableDataItem[];
     isLoading?: boolean;
-    serverSidePagination?: IServerSidePagination;
-    customPagination?: {
-        defaultLimit?: number;
-        customLimit?: number[];
-    };
-    selectedRowUuid?: string;
-    footerAction?: {
-        icon?: IconDefinition;
-        onClick: () => void;
-    };
     headerWrap?: boolean;
-    hideFooter?: boolean;
-    noTotalRows?: boolean;
-    showLastBorder?: boolean;
-    filterData?: ITableFilterData;
-    sortData?: ITableSortData;
-    printData?: IPrintData;
-    customPrintData?: ICustomPrintData;
-    additionsalOptions?: ReactNode;
+    selectedRowUuid?: string;
     rowSelect?: {
         selectedRows: Set<string>;
         setSelectedRows: Dispatch<SetStateAction<Set<string>>>;
         actions: ITableSelectedActions[];
     };
-    className?: string;
-    rowHeight?: 'xs' | 's' | 'm';
-    maxHeight?: string;
-    editable?: {
-        selectedItem?: any;
-        setSelectedItem?: (item: any) => void;
-        defaultDataValue?: any;
-        EditableRow?: FunctionComponent<ITableEditRow>;
-        onSubmit: (data: any, onSubmitCallback: () => void) => void;
-        addDisabled?: boolean;
-        addLabel?: string;
-        inputFocusRef?: RefObject<any>;
-        keepEditOnSubmit?: boolean;
-    };
+    filterData?: ITableFilterData;
+    sortData?: ITableSortData;
+    editable?: ITableEdit;
     keyboard?: {
         enabled: boolean;
         actions: ITableKeyboardActionsBase;
     };
-    templates?: {
-        identifier: string;
-        data: IReportTemplateData;
-        setTemplateName?: (templateName: string) => void;
-        onClearFilters: () => void;
-        allowPublicCreate?: boolean;
+    footer?: {
+        paginationControl?: IPaginationControl;
+        customPagination?: {
+            defaultLimit?: number;
+            customLimit?: number[];
+        };
+        totalRows?: number;
+        footerAction?: {
+            icon?: IconDefinition;
+            onClick: () => void;
+        };
     };
+    className?: string;
+    rowHeight?: 'xs' | 's' | 'm';
+    maxHeight?: string;
 }
 interface ITableColumn {
     id: string;
@@ -154,7 +147,7 @@ interface ITableColumn {
         desc: string;
         label: string;
     };
-    code?: string;
+    className?: string;
 }
 interface ITableDataItem {
     uuid: string;
@@ -162,40 +155,40 @@ interface ITableDataItem {
     className?: string;
     item?: Record<string, any>;
     disableSelect?: boolean;
-    cells: {
-        [id: string]: {
-            value: any;
-            align?: ITableColumn['align'];
-            className?: string;
-            onClick?: (event?: MouseEvent<HTMLTableCellElement>) => void;
-            link?: boolean;
-            tooltip?: string;
-            span?: number;
-            unclickable?: boolean;
-            printValue?: string;
-        };
-    };
+    cells: ITableDataItemCells;
     extendable?: {
         element: ReactElement;
         isLoading?: boolean;
     };
 }
+interface ITableDataItemCells {
+    [id: string]: {
+        value: any;
+        align?: ITableColumn['align'];
+        className?: string;
+        onClick?: (event?: MouseEvent<HTMLTableCellElement>) => void;
+        link?: boolean;
+        tooltip?: string;
+        span?: number;
+        unclickable?: boolean;
+        printValue?: string;
+    };
+}
 interface ITableFilterData {
-    columns: string[];
     filters: ITableFilter;
+    customFilterIdList?: string[];
     activeFilterNo?: number;
     additionalFilters?: ReactElement;
+    defaultSearch?: IAnyObject;
     search: IAnyObject;
     searchData: IAnyObject;
     setSearchData: (search: IAnyObject) => void;
-    onSubmit: (search: IAnyObject) => void;
-    resetData?: IAnyObject;
+    onSearch: (search: IAnyObject) => void;
     excludeFromSearch?: string[];
 }
 interface ITableFilterItem {
     label: string;
     field: ReactElement;
-    resetField: () => void;
 }
 interface ITableFilter {
     [id: string]: ITableFilterItem;
@@ -208,8 +201,7 @@ interface ITableSortData {
 }
 interface ITableSort {
     label: string;
-    asc: string;
-    desc: string;
+    value: string;
 }
 interface ITableColumnsData {
     columns: ITableColumn[];
@@ -223,64 +215,27 @@ interface ITableSelectedActions {
     disabled?: boolean;
     clearSelected?: boolean;
 }
-interface IBasePrintData {
-    label: string;
-    organization?: {
-        name?: string;
-        taxId?: string;
-        registrationNumber?: string;
-        jbkjs?: string;
-        email?: string;
-    };
-    filters?: {
-        basic?: {
-            label: string;
-            value?: string;
-        }[];
-        date?: {
-            label: string;
-            from?: string;
-            to?: string;
-        }[];
-    };
-    saveXlsx?: () => void;
-}
-interface ICustomPrintData extends IBasePrintData {
-    content: ReactNode;
-}
-interface IPrintData extends IBasePrintData {
-    optionalNode?: {
-        aboveTable?: ReactNode;
-        bellowTable?: ReactNode;
-    };
-    customHeader?: ITableColumn[][];
-    excludeColumns?: string[];
-    getPrintData: (pagination: IPagination) => Promise<{
-        data: any[];
-        totalRows?: number;
-    }>;
-    formatPrintData: (data: any) => ITableDataItem[];
-    totals?: ITableDataItem;
+interface ITableEdit<T = any> {
+    selectedItem: T | null;
+    setSelectedItem: (item: T | null) => void;
+    editData: Partial<T>;
+    setEditData: Dispatch<SetStateAction<Partial<T>>>;
+    onSubmit: (data: T, onSubmitCallback: () => void) => void;
+    cells: ITableDataItemCells;
+    defaultDataValue?: T;
+    addDisabled?: boolean;
+    addLabel?: string;
+    keepEditOnSubmit?: boolean;
 }
 interface IPagination {
     limit: number;
     offset: number;
 }
-interface IServerSidePagination {
+interface IPaginationControl {
     limit: number;
     offset: number;
     setLimit: Dispatch<SetStateAction<number>>;
     setOffset: Dispatch<SetStateAction<number>>;
-    totalRows: number;
-}
-interface ITableEditRow {
-    columns: ITableColumn[];
-    data: any;
-    setData: (data: any) => void;
-    item?: any;
-    clearItem: () => void;
-    defaultDataValue?: any;
-    inputFocusRef?: RefObject<any>;
 }
 interface IReportTemplate {
     uuid: string;
@@ -303,17 +258,13 @@ interface IReportTemplateFilterValue {
     name?: string;
     type: 'STRING' | 'ARRAY' | 'OBJECT' | 'BOOLEAN';
 }
-interface IReportTemplateData {
-    searchData: IAnyObject;
-    visibleColumns?: string[];
-    sorts?: string[];
-}
 declare const tableCustomLimit1000: number[];
 
 interface IKeyboardAction {
-    key: string;
+    code: string;
     onAction: () => void;
     ctrl?: boolean;
+    shift?: boolean;
     normalizedKey?: boolean;
     onBulkAction?: (itemUuids: string[]) => void;
     disabled?: boolean;
@@ -341,6 +292,7 @@ interface IMenuItem {
     onClick?: MouseEventHandler<HTMLDivElement>;
     to?: string;
     badge?: number;
+    active?: boolean;
     disabled?: boolean;
     hidden?: boolean;
     withDevider?: boolean;
@@ -348,6 +300,21 @@ interface IMenuItem {
     className?: string;
 }
 
+interface PopupControlRef {
+    onOpen: () => void;
+    onClose: () => void;
+}
+interface ILocalPopupControl {
+    controlRef: RefObject<PopupControlRef | null>;
+    isOpen: boolean;
+    setIsOpen: (isOpen: boolean) => void;
+}
+interface IPopupControl {
+    control: ILocalPopupControl;
+    onOpen: () => void;
+    onClose: () => void;
+}
+
 interface IError {
     errorMessage: string;
     errorCode?: string;
@@ -370,6 +337,7 @@ interface BaseSelectProps {
     helperText?: string;
     errorText?: string;
     error?: boolean;
+    size?: 's' | 'm';
     className?: string;
     minWidth?: number;
     menuWidth?: 'fit-content' | 'max-content' | number;
@@ -432,16 +400,22 @@ type IHeaderUserMenuProps = {
     setIsOpen: (isOpen: boolean) => void;
     userName?: string;
     organizationName?: string;
+    menuItems: IMenuItem[];
     showBadge?: boolean;
-    menuItems?: IMenuItem[];
+    controls: {
+        myAccountControl: IPopupControl;
+        changeOrgControl: IPopupControl;
+        orgInvitesControl: IPopupControl;
+    };
+    refetchOrganizationInvites?: () => void;
     HeaderUserMenuDialogs: FC<{
-        openedDialog: string | null;
-        setOpenedDialog: (dialog: string | null) => void;
+        controls: {
+            myAccountControl: IPopupControl;
+            changeOrgControl: IPopupControl;
+            orgInvitesControl: IPopupControl;
+        };
         refetchOrganizationInvites?: () => void;
     }>;
-    openedDialog: string | null;
-    setOpenedDialog: (dialog: string | null) => void;
-    refetchOrganizationInvites?: () => void;
 };
 
 interface IRoute {
@@ -449,28 +423,6 @@ interface IRoute {
     element: ReactElement;
 }
 
-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: IHeaderUserMenuProps;
-    children?: ReactNode;
-}
-declare const Header: FC<Props$n>;
-
 interface ISidebarItem {
     label: string;
     icon?: IconDefinition;
@@ -497,6 +449,28 @@ interface ISidebarSubItem {
     collapsed?: boolean;
 }
 
+interface Props$j {
+    modules: {
+        name: string;
+        icon: IconDefinition;
+        disabled?: boolean;
+        url: string;
+    }[];
+    activeModule: {
+        name: string;
+        icon: IconDefinition;
+    } | null;
+}
+declare const ModuleSelect: FC<Props$j>;
+
+interface Props$i {
+    customTitle?: string;
+    modulesProps?: ComponentProps<typeof ModuleSelect>;
+    userMenuProps: IHeaderUserMenuProps;
+    children?: ReactNode;
+}
+declare const Header: FC<Props$i>;
+
 interface ISidebarProps {
     items: ISidebarItem[][];
     logo?: string;
@@ -504,22 +478,22 @@ interface ISidebarProps {
 }
 declare const Sidebar: FC<ISidebarProps>;
 
-interface Props$m {
+interface Props$h {
     fullScreenRoutes: IRoute[];
     appRoutes: IRoute[];
     header: ComponentProps<typeof Header>;
     sidebar: ComponentProps<typeof Sidebar>;
 }
-declare const Router: FC<Props$m>;
+declare const Router: FC<Props$h>;
 
-interface Props$l {
+interface Props$g {
     tabs: ITab[];
     initialValue?: string;
     compact?: boolean;
     keepContentInDom?: boolean;
     className?: string;
 }
-declare const Accordions: FC<Props$l>;
+declare const Accordions: FC<Props$g>;
 
 type IInfoType = 'success' | 'info' | 'warning' | 'danger';
 
@@ -532,28 +506,28 @@ interface IAlertProps {
 }
 declare const Alert: FC<IAlertProps>;
 
-interface Props$k {
+interface Props$f {
     label: string;
     color: IInfoType | 'gray';
     className?: string;
 }
-declare const DotBadge: FC<Props$k>;
+declare const DotBadge: FC<Props$f>;
 
-interface Props$j {
+interface Props$e {
     number?: number;
     className?: string;
     size?: 's' | 'm';
     children?: ReactNode;
     color?: IInfoType | 'primary';
 }
-declare const NotificationBadge: FC<Props$j>;
+declare const NotificationBadge: FC<Props$e>;
 
-interface Props$i {
+interface Props$d {
     label: string;
     color: IInfoType | 'gray';
     className?: string;
 }
-declare const PillBadge: FC<Props$i>;
+declare const PillBadge: FC<Props$d>;
 
 interface IIconButtonProps {
     icon: IconDefinition;
@@ -564,6 +538,7 @@ interface IIconButtonProps {
     disabled?: boolean;
     active?: boolean;
     tooltip?: string;
+    type?: ButtonHTMLAttributes<HTMLButtonElement>['type'];
     className?: string;
     buttonProps?: ButtonHTMLAttributes<HTMLButtonElement>;
     ref?: Ref<HTMLButtonElement>;
@@ -574,7 +549,7 @@ declare const Dashboard: FC<{
     children: ReactNode;
 }>;
 
-interface Props$h {
+interface Props$c {
     title: string;
     icon?: any;
     type?: 'warning' | 'info';
@@ -582,58 +557,54 @@ interface Props$h {
     isLoading?: boolean;
     children: ReactNode;
 }
-declare const DashboardWidget: FC<Props$h>;
+declare const DashboardWidget: FC<Props$c>;
 
-interface Props$g {
+interface Props$b {
     links: {
         icon?: IconDefinition;
         label: string;
         onClick: () => void;
     }[];
 }
-declare const FastLinksWidget: FC<Props$g>;
-
-interface Props$f {
-    textId: string;
-    itemUuid: string;
-    setItemUuid: Dispatch<SetStateAction<string>>;
-    reloadItems: () => void;
-    deleteItemFunction: (itemUuid: string) => Promise<any>;
-}
-declare const DeleteItemDialog: FC<Props$f>;
+declare const FastLinksWidget: FC<Props$b>;
 
-interface Props$e {
-    title?: string;
-    titleEl?: ReactNode;
-    desc?: string;
-    descEl?: ReactNode;
-    isOpen: boolean;
-    onClose: () => void;
-    isLoading?: boolean;
-    confirmButton?: {
+interface IDialogFooterActions {
+    confirmButton: {
         label?: string;
         icon?: IconDefinition;
         onClick?: () => void;
-        onFormSubmit?: () => void;
         disabled?: boolean;
         keepOpen?: boolean;
+        color?: IButtonColor;
         isKeyboardDisabled?: boolean;
+        type?: ButtonHTMLAttributes<HTMLButtonElement>['type'];
     };
     cancelButton?: {
         label?: string;
         icon?: IconDefinition;
         onClick?: () => void;
+        hidden?: boolean;
     };
     additionalButton?: {
         label: string;
         icon?: IconDefinition;
-        onClick?: () => void;
+        onClick: () => void;
         disabled?: boolean;
         keepOpen?: boolean;
         color?: IButtonColor;
-        variant?: IButtonVariant;
     };
-    hideActionButtons?: boolean;
+}
+
+interface Props$a {
+    control: ILocalPopupControl;
+    title?: string;
+    titleEl?: ReactNode;
+    desc?: string;
+    descEl?: ReactNode;
+    onFormSubmit?: () => void;
+    onCloseCallback?: () => void;
+    isLoading?: boolean;
+    footer?: IDialogFooterActions;
     isKeyboardDisabled?: boolean;
     noBackgroundClick?: boolean;
     noOverflow?: boolean;
@@ -642,15 +613,15 @@ interface Props$e {
     className?: string;
     children?: ReactNode;
 }
-declare const Dialog: FC<Props$e>;
+declare const Dialog: FC<Props$a>;
 
-interface Props$d {
+interface Props$9 {
     isOpen: boolean;
     children: ReactNode;
     keepContentInDom?: boolean;
     className?: string;
 }
-declare const Collapse: FC<Props$d>;
+declare const Collapse: FC<Props$9>;
 
 interface ICheckboxProps {
     label?: string;
@@ -698,6 +669,7 @@ interface IDateInputProps {
     helperText?: string;
     errorText?: string;
     isClearable?: boolean;
+    onClear?: () => void;
     className?: string;
     calendarPlacement?: IMenuPlacement;
 }
@@ -768,6 +740,7 @@ interface IPasswordInputProps {
     error?: boolean;
     inputProps?: InputHTMLAttributes<HTMLInputElement>;
     newPassword?: boolean;
+    ref?: Ref<HTMLInputElement>;
 }
 declare const PasswordInput: FC<IPasswordInputProps>;
 
@@ -786,7 +759,7 @@ interface IRadioProps {
 }
 declare const Radio: FC<IRadioProps>;
 
-interface Props$c {
+interface Props$8 {
     title?: string | ReactElement;
     desc?: string | ReactElement;
     value: string;
@@ -796,13 +769,13 @@ interface Props$c {
     className?: string;
     children?: ReactNode;
 }
-declare const RadioLarge: FC<Props$c>;
+declare const RadioLarge: FC<Props$8>;
 
 interface IProps {
     label?: string;
     onSearch: (searchText: string) => void;
-    onClear?: () => void;
     className?: string;
+    ref?: Ref<HTMLInputElement>;
 }
 declare const SearchInput: FC<IProps>;
 
@@ -839,7 +812,7 @@ interface ITextInputProps {
 }
 declare const TextInput: FC<ITextInputProps>;
 
-interface Props$b {
+interface Props$7 {
     isLoading: boolean;
     isFullPage?: boolean;
     classNameLoader?: string;
@@ -848,13 +821,13 @@ interface Props$b {
         children: ReactElement | ReactNode;
     }>;
 }
-declare const Loader: FC<Props$b>;
+declare const Loader: FC<Props$7>;
 declare const FullScreenLoader: FC<{
     isLoading: boolean;
 }>;
 declare const LazyLoader: FC;
 
-interface Props$a {
+interface Props$6 {
     isOpen: boolean;
     onClose: () => void;
     renderButton: (ref: RefObject<any>) => ReactNode;
@@ -865,67 +838,11 @@ interface Props$a {
     classNameItem?: string;
     children?: ReactNode;
 }
-declare const Menu: FC<Props$a>;
+declare const Menu: FC<Props$6>;
 
 declare const MenuItem: FC<IMenuItem>;
 
-interface Props$9 {
-    item: any;
-    setSelectedItem?: (item: any) => void;
-    setItemToDeleteUuid?: (uuid: string) => void;
-    actions?: {
-        label: string;
-        onClick: (uuid: string) => void;
-        hidden?: boolean;
-        disabled?: boolean;
-    }[];
-}
-declare const ItemActionsMenu: FC<Props$9>;
-
-interface Props$8 {
-    setData: (item: any) => void;
-    clearItem: () => void;
-    inputFocusRef?: RefObject<any>;
-    defaultDataValue?: any;
-}
-declare const ItemEditOptionsButtons: FC<Props$8>;
-
-declare const TableEditRow: FC<ITableEditRow>;
-
-interface Props$7 {
-    item: ITableFilterItem;
-}
-declare const FilterItem: FC<Props$7>;
-
-interface Props$6 extends ITableFilterData {
-    isOpen: boolean;
-    onClose: () => void;
-}
-declare const SetTableFilter: FC<Props$6>;
-
 interface Props$5 {
-    pagination: IServerSidePagination;
-    noTotalRows?: boolean;
-    dataLength: number;
-    footerAction?: {
-        icon?: IconDefinition;
-        onClick: MouseEventHandler<HTMLButtonElement>;
-    };
-    customLimit?: number[];
-}
-declare const TableFooter: FC<Props$5>;
-
-declare const Table: FC<ITable>;
-
-interface Props$4 extends IPrintData {
-    isOpen: boolean;
-    onClose: () => void;
-    columns: ITableColumn[];
-    excludeColumnIds?: string[];
-}
-declare const TablePrint: FC<Props$4>;
-
-interface Props$3 {
     tabs: ITab[];
     initialValue?: string;
     control?: {
@@ -937,10 +854,10 @@ interface Props$3 {
     className?: string;
     classNameContent?: string;
 }
-declare const Tabs: FC<Props$3>;
+declare const Tabs: FC<Props$5>;
 
 type TooltipPosition = 'left' | 'right' | 'top' | 'bottom';
-interface Props$2 {
+interface Props$4 {
     label?: string;
     position?: TooltipPosition;
     disabled?: boolean;
@@ -949,21 +866,21 @@ interface Props$2 {
     children: ReactElement;
     ref?: Ref<HTMLElement> | null;
 }
-declare const Tooltip: FC<Props$2>;
+declare const Tooltip: FC<Props$4>;
 
-interface Props$1 {
+interface Props$3 {
     data: ITreeItem[];
     selectedItemUuid?: string;
     onClick: (itemUuid: string) => void;
 }
-declare const Tree: FC<Props$1>;
+declare const Tree: FC<Props$3>;
 
-interface Props {
+interface Props$2 {
     condition: boolean;
     wrapper: (children: ReactNode) => ReactNode;
     children: ReactNode;
 }
-declare const ConditionalWrapper: FC<Props>;
+declare const ConditionalWrapper: FC<Props$2>;
 
 interface IPageLayoutProps {
     breadcrumbs?: (string | undefined)[];
@@ -984,6 +901,129 @@ interface IPageLayoutProps {
 }
 declare const PageLayout: FC<IPageLayoutProps>;
 
+interface Props$1 {
+    id?: string;
+    control: ILocalPopupControl;
+    header?: {
+        title: string;
+        onSearch?: (search: string) => void;
+    };
+    isLoading?: boolean;
+    onFormSubmit?: () => void;
+    onCloseCallback?: () => void;
+    footer?: IDialogFooterActions;
+    size?: 'vw25' | 'vw50' | 'vw75' | 'vw100' | 'w500' | 'w600';
+    className?: string;
+    contentClassName?: string;
+    children: ReactNode;
+}
+declare const Pullover: FC<Props$1>;
+
+declare const Table: FC<ITable>;
+
+declare const useDefaultTemplate: (identifier?: string) => void;
+
+interface BaseItemProps$1<T> {
+    id: keyof T;
+    placeholder?: string;
+    required?: boolean;
+    additionalClearIds?: (keyof T)[];
+}
+interface SelectProps$1<T> extends BaseItemProps$1<T> {
+    options: readonly (string | boolean)[] | (string | boolean)[];
+    formatOption: (value: string | boolean) => {
+        value: string | boolean;
+        label: string;
+    };
+}
+declare const useTableEdit: <T extends Record<string, any>>() => {
+    editable: Pick<ITableEdit<T>, "selectedItem" | "setSelectedItem" | "editData" | "setEditData">;
+    textEditCell: ({ placeholder, required, id, additionalClearIds, }: BaseItemProps$1<T>) => {
+        value: react_jsx_runtime.JSX.Element;
+    };
+    dateEditCell: ({ id, required, additionalClearIds, }: Omit<BaseItemProps$1<T>, "placeholder">) => {
+        value: react_jsx_runtime.JSX.Element;
+    };
+    selectEditCell: ({ id, placeholder, required, options, formatOption, additionalClearIds, }: SelectProps$1<T>) => {
+        value: react_jsx_runtime.JSX.Element;
+    };
+};
+
+interface Props<T> {
+    searchData: T;
+    setSearchData: Dispatch<SetStateAction<Partial<T>>>;
+}
+interface BaseItemField<T> {
+    id: keyof T;
+    additionalClearIds?: (keyof T)[];
+}
+interface BaseItemProps<T> extends BaseItemField<T> {
+    label: string;
+}
+interface DateFilterProps<T> {
+    label: string;
+    from: BaseItemField<T>;
+    to: BaseItemField<T>;
+}
+interface SelectProps<T> extends BaseItemProps<T> {
+    options: readonly string[] | string[];
+    formatOption: (value: string) => {
+        value: string;
+        label: string;
+    };
+}
+interface BooleanSelectProps<T> extends BaseItemProps<T> {
+    labelTrue?: string;
+    labelFalse?: string;
+}
+declare const useTableFilterFields: <T extends Record<string, any>>({ searchData, setSearchData, }: Props<T>) => {
+    textFilter: ({ label, id, additionalClearIds }: BaseItemProps<T>) => {
+        label: string;
+        field: react_jsx_runtime.JSX.Element;
+    };
+    dateFilter: ({ label, from, to }: DateFilterProps<T>) => {
+        label: string;
+        field: react_jsx_runtime.JSX.Element;
+    };
+    selectFilter: ({ label, id, options, formatOption }: SelectProps<T>) => {
+        label: string;
+        field: react_jsx_runtime.JSX.Element;
+    };
+    booleanSelectFilter: ({ label, id, labelFalse, labelTrue, }: BooleanSelectProps<T>) => {
+        label: string;
+        field: react_jsx_runtime.JSX.Element;
+    };
+};
+
+declare const useTablePagination: (defaultLimit?: number) => {
+    pagination: IPagination;
+    paginationControl: IPaginationControl;
+};
+
+interface ITableSearchProps<T> {
+    setOffset: Dispatch<SetStateAction<number>>;
+    resetSelectedRows?: () => void;
+    defaultSearch?: T;
+}
+declare const useTableSearch: <T>({ setOffset, resetSelectedRows, defaultSearch, }: ITableSearchProps<T>) => {
+    search: T;
+    searchData: T;
+    setSearchData: Dispatch<SetStateAction<T>>;
+    onSearch: (filters: T) => void;
+};
+
+declare const useTableSelect: () => {
+    selectedRows: Set<string>;
+    setSelectedRows: react.Dispatch<react.SetStateAction<Set<string>>>;
+    resetSelectedRows: () => void;
+};
+
+declare const useTableSort: (sortOptions: ITableSort[]) => {
+    sort: string;
+    setSort: react.Dispatch<react.SetStateAction<string>>;
+    sortOptions: ITableSort[];
+};
+
 type inputDate = string | Date | dayjs.Dayjs;
 declare const formatDate: (date?: inputDate) => string;
 declare const formatDateYMD: (date: inputDate) => string;
@@ -1114,7 +1154,9 @@ declare const i18nIUILatin: {
     allResults: string;
     Columns: string;
     DragDropListsInfo: string;
+    TableSelect: string;
     Filter: string;
+    ApplyFilters: string;
     HiddenColumns: string;
     NoResults: string;
     of: string;
@@ -1156,6 +1198,7 @@ declare const i18nIUILatin: {
 };
 
 declare const i18nIUICyrilic: {
+    HomePage: string;
     Actions: string;
     Active: string;
     AddInput: string;
@@ -1189,7 +1232,9 @@ declare const i18nIUICyrilic: {
     allResults: string;
     Columns: string;
     DragDropListsInfo: string;
+    TableSelect: string;
     Filter: string;
+    ApplyFilters: string;
     HiddenColumns: string;
     NoResults: string;
     of: string;
@@ -1233,6 +1278,7 @@ declare const i18nIUICyrilic: {
 };
 
 declare const i18nIUIMe: {
+    HomePage: string;
     Actions: string;
     Active: string;
     AddInput: string;
@@ -1266,7 +1312,9 @@ declare const i18nIUIMe: {
     allResults: string;
     Columns: string;
     DragDropListsInfo: string;
+    TableSelect: string;
     Filter: string;
+    ApplyFilters: string;
     HiddenColumns: string;
     NoResults: string;
     of: string;
@@ -1309,8 +1357,6 @@ declare const i18nIUIMe: {
     NoAccessPageInfo: string;
 };
 
-declare const useDefaultTemplate: (identifier?: string) => void;
-
 declare global {
     var zE: {
         show: () => void;
@@ -1323,19 +1369,13 @@ declare const useHideZendesk: () => void;
 
 declare const useOnEsc: (onEsc: () => void, disabled?: boolean) => void;
 
-declare const useDialogObserver: () => boolean;
-
-declare const useTableSelect: () => {
-    selectedRows: Set<string>;
-    setSelectedRows: react.Dispatch<react.SetStateAction<Set<string>>>;
-    resetSelectedRows: () => void;
-};
-
 declare const useIsMenuOpen: () => {
     isMenuOpen: boolean;
     onMenuOpen: () => void;
     onMenuClose: () => number;
 };
 
-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, useIsMenuOpen, useOnEsc, useTableSelect };
-export type { DeepPartial, IAlertProps, IAnyObject, IBooleanObject, IError, IFormWrapper, IHeaderAction, IHeaderUserMenuProps, IKeyboardAction, IMenuItem, IMenuPlacement, IPagination, IRoute, ISelectData, IServerSidePagination, ISimpleObject, ISimpleObjectWithCode, IStringObject, ITab, ITable, ITableColumn, ITableDataItem, ITableEditRow, ITableFilter, ITableFilterData, ITableFilterItem, ITableSort, ITreeItem, IValueLabel };
+declare const usePopupControl: () => IPopupControl;
+
+export { Accordions, Alert, Button, Checkbox, Collapse, ConditionalWrapper, CurrencyInput, Dashboard, DashboardWidget, DateInput, Dialog, DotBadge, FastLinksWidget, FormWrapper, FullScreenLoader, IconButton, LazyLoader, Loader, Menu, MenuItem, NotificationBadge, NumberInput, PageLayout, PasswordInput, PillBadge, Pullover, Radio, RadioLarge, Router, SearchInput, Select, SelectAsyncPaginate, SelectCreatable, Table, 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, useHideZendesk, useIsMenuOpen, useOnEsc, usePopupControl, useTableEdit, useTableFilterFields, useTablePagination, useTableSearch, useTableSelect, useTableSort };
+export type { DeepPartial, IAlertProps, IAnyObject, IBooleanObject, IError, IFormWrapper, IHeaderAction, IHeaderUserMenuProps, IKeyboardAction, IMenuItem, IMenuPlacement, IPagination, IPaginationControl, IPopupControl, IRoute, ISelectData, ISidebarItem, ISimpleObject, ISimpleObjectWithCode, IStringObject, ITab, ITable, ITableColumn, ITableDataItem, ITableDataItemCells, ITableEdit, ITableFilter, ITableFilterData, ITableFilterItem, ITableSort, ITreeItem, IValueLabel, PopupControlRef };