@inceptionbg/iui 2.0.1 → 2.0.3

package/dist/index.d.ts

@@ -10,10 +10,10 @@ 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, FC, FormEvent, ReactNode, ReactElement, ComponentProps, Dispatch, SetStateAction, InputHTMLAttributes, FocusEventHandler, RefObject } from 'react';
+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';
+export { BrowserRouter, Link, NavigateFunction, useLocation, useNavigate, useParams } from 'react-router';
 
 type IButtonColor = 'primary' | 'neutral' | 'danger';
 type IButtonVariant = 'solid' | 'outlined' | 'simple';
@@ -82,6 +82,64 @@ interface IValueLabel {
     label: string;
 }
 
+interface ITable {
+    columns: ITableColumn[];
+    setColumns?: (data: ITableColumn[]) => void;
+    withColumnsSearch?: boolean;
+    customHeader?: ITableColumn[][];
+    data: ITableDataItem[];
+    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;
+    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;
+    };
+    keyboard?: {
+        enabled: boolean;
+        actions: ITableKeyboardActionsBase;
+    };
+    templates?: {
+        identifier: string;
+        data: IReportTemplateData;
+        setTemplateName?: (templateName: string) => void;
+        onClearFilters: () => void;
+        allowPublicCreate?: boolean;
+    };
+}
 interface ITableColumn {
     id: string;
     label?: string | ReactElement;
@@ -102,11 +160,132 @@ interface ITableColumn {
     };
     code?: string;
 }
+interface ITableDataItem {
+    uuid: string;
+    onRowClick?: (event?: MouseEvent<HTMLTableRowElement>) => void;
+    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;
+        };
+    };
+    extendable?: {
+        element: ReactElement;
+        isLoading?: boolean;
+    };
+}
+interface ITableFilterData {
+    columns: string[];
+    filters: ITableFilter;
+    activeFilterNo?: number;
+    additionalFilters?: ReactElement;
+    search: IAnyObject;
+    searchData: IAnyObject;
+    setSearchData: (search: IAnyObject) => void;
+    onSubmit: (search: IAnyObject) => void;
+    resetData?: IAnyObject;
+    excludeFromSearch?: string[];
+}
+interface ITableFilterItem {
+    label: string;
+    field: ReactElement;
+    resetField: () => void;
+}
+interface ITableFilter {
+    [id: string]: ITableFilterItem;
+}
+interface ITableSortData {
+    sort: string;
+    setSort: (sort: string) => void;
+    sortOptions: ITableSort[];
+    menuSize?: 's' | 'm' | 'l';
+}
+interface ITableSort {
+    label: string;
+    asc: string;
+    desc: string;
+}
 interface ITableColumnsData {
     columns: ITableColumn[];
     setColumns: (columns: ITableColumn[]) => void;
     withSearch?: boolean;
 }
+interface ITableSelectedActions {
+    label: string;
+    onClick: (selected: Set<string>) => void;
+    hidden?: boolean;
+    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 IPagination {
+    limit: number;
+    offset: number;
+}
+interface IServerSidePagination {
+    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;
     name: string;
@@ -128,6 +307,12 @@ 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;
@@ -137,6 +322,20 @@ interface IKeyboardAction {
     onBulkAction?: (itemUuids: string[]) => void;
     disabled?: boolean;
 }
+interface ITableKeyboardActionsBase {
+    moveDisabled?: boolean;
+    editDisabled?: boolean;
+    delete?: {
+        enabled: boolean;
+        setItemToDeleteUuids: (itemUuids: string[]) => void;
+        onAction?: () => void;
+    };
+    additional?: (props: {
+        focusedRow: ITableDataItem | null;
+        isEditing: boolean;
+        isAdding: boolean;
+    }) => IKeyboardAction[];
+}
 
 interface IError {
     errorMessage: string;
@@ -222,6 +421,7 @@ interface IRoute {
     element: ReactElement;
 }
 
+type IMenuPlacement = 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right';
 interface IMenuItem {
     label: string;
     icon?: IconDefinition;
@@ -234,19 +434,17 @@ interface IMenuItem {
     withDevider?: boolean;
     keepOpen?: boolean;
     className?: string;
-    children?: ReactNode;
 }
-declare const MenuItem: react.ForwardRefExoticComponent<IMenuItem & react.RefAttributes<HTMLDivElement>>;
 
-interface Props$j {
+interface Props$p {
     userName?: string;
     organizationName?: string;
     showBadge?: boolean;
     menuItems?: IMenuItem[];
 }
-declare const UserMenu: FC<Props$j>;
+declare const UserMenu: FC<Props$p>;
 
-interface Props$i {
+interface Props$o {
     modules: {
         name: string;
         icon: IconDefinition;
@@ -258,15 +456,15 @@ interface Props$i {
         icon: IconDefinition;
     } | null;
 }
-declare const ModuleSelect: FC<Props$i>;
+declare const ModuleSelect: FC<Props$o>;
 
-interface Props$h {
+interface Props$n {
     customTitle?: string;
     modulesProps?: ComponentProps<typeof ModuleSelect>;
     userMenuProps: ComponentProps<typeof UserMenu>;
     children?: ReactNode;
 }
-declare const Header: FC<Props$h>;
+declare const Header: FC<Props$n>;
 
 interface ISidebarItem {
     label: string;
@@ -301,22 +499,22 @@ interface ISidebarProps {
 }
 declare const Sidebar: FC<ISidebarProps>;
 
-interface Props$g {
+interface Props$m {
     fullScreenRoutes: IRoute[];
     appRoutes: IRoute[];
     header: ComponentProps<typeof Header>;
     sidebar: ComponentProps<typeof Sidebar>;
 }
-declare const Router: FC<Props$g>;
+declare const Router: FC<Props$m>;
 
-interface Props$f {
+interface Props$l {
     tabs: ITab[];
     initialValue?: string;
     compact?: boolean;
     keepContentInDom?: boolean;
     className?: string;
 }
-declare const Accordions: FC<Props$f>;
+declare const Accordions: FC<Props$l>;
 
 type IInfoType = 'success' | 'info' | 'warning' | 'danger';
 
@@ -329,28 +527,28 @@ interface IAlertProps {
 }
 declare const Alert: FC<IAlertProps>;
 
-interface Props$e {
+interface Props$k {
     label: string;
     color: IInfoType | 'gray';
     className?: string;
 }
-declare const DotBadge: FC<Props$e>;
+declare const DotBadge: FC<Props$k>;
 
-interface Props$d {
+interface Props$j {
     number?: number;
     className?: string;
-    small?: boolean;
+    size?: 's' | 'm';
     children?: ReactNode;
     color?: IInfoType | 'primary';
 }
-declare const NotificationBadge: FC<Props$d>;
+declare const NotificationBadge: FC<Props$j>;
 
-interface Props$c {
+interface Props$i {
     label: string;
     color: IInfoType | 'gray';
     className?: string;
 }
-declare const PillBadge: react.ForwardRefExoticComponent<Props$c & react.RefAttributes<HTMLDivElement>>;
+declare const PillBadge: react.ForwardRefExoticComponent<Props$i & react.RefAttributes<HTMLDivElement>>;
 
 interface IIconButtonProps {
     icon: IconDefinition;
@@ -370,7 +568,7 @@ declare const Dashboard: FC<{
     children: ReactNode;
 }>;
 
-interface Props$b {
+interface Props$h {
     title: string;
     icon?: any;
     type?: 'warning' | 'info';
@@ -378,27 +576,27 @@ interface Props$b {
     isLoading?: boolean;
     children: ReactNode;
 }
-declare const DashboardWidget: FC<Props$b>;
+declare const DashboardWidget: FC<Props$h>;
 
-interface Props$a {
+interface Props$g {
     links: {
         icon?: IconDefinition;
         label: string;
         onClick: () => void;
     }[];
 }
-declare const FastLinksWidget: FC<Props$a>;
+declare const FastLinksWidget: FC<Props$g>;
 
-interface Props$9 {
+interface Props$f {
     textId: string;
     itemUuid: string;
     setItemUuid: Dispatch<SetStateAction<string>>;
     reloadItems: () => void;
     deleteItemFunction: (itemUuid: string) => Promise<any>;
 }
-declare const DeleteItemDialog: FC<Props$9>;
+declare const DeleteItemDialog: FC<Props$f>;
 
-interface Props$8 {
+interface Props$e {
     title?: string;
     titleEl?: ReactNode;
     desc?: string;
@@ -438,15 +636,15 @@ interface Props$8 {
     className?: string;
     children?: ReactNode;
 }
-declare const Dialog: FC<Props$8>;
+declare const Dialog: FC<Props$e>;
 
-interface Props$7 {
+interface Props$d {
     isOpen: boolean;
     children: ReactNode;
     keepContentInDom?: boolean;
     className?: string;
 }
-declare const Collapse: FC<Props$7>;
+declare const Collapse: FC<Props$d>;
 
 interface ICheckboxProps {
     label?: string;
@@ -493,7 +691,7 @@ interface IDateInputProps {
     errorText?: string;
     isClearable?: boolean;
     className?: string;
-    calendarPlacementX?: 'left' | 'right';
+    calendarPlacement: IMenuPlacement;
 }
 declare const DateInput: FC<IDateInputProps>;
 
@@ -577,7 +775,7 @@ interface IRadioProps {
 }
 declare const Radio: react.ForwardRefExoticComponent<IRadioProps & react.RefAttributes<HTMLDivElement>>;
 
-interface Props$6 {
+interface Props$c {
     title?: string | ReactElement;
     desc?: string | ReactElement;
     value: string;
@@ -587,7 +785,7 @@ interface Props$6 {
     className?: string;
     children?: ReactNode;
 }
-declare const RadioLarge: FC<Props$6>;
+declare const RadioLarge: FC<Props$c>;
 
 interface IProps {
     label?: string;
@@ -629,7 +827,7 @@ interface ITextInputProps {
 }
 declare const TextInput: react.ForwardRefExoticComponent<ITextInputProps & react.RefAttributes<HTMLInputElement>>;
 
-interface Props$5 {
+interface Props$b {
     isLoading: boolean;
     isFullPage?: boolean;
     classNameLoader?: string;
@@ -638,22 +836,82 @@ interface Props$5 {
         children: ReactElement | ReactNode;
     }>;
 }
-declare const Loader: FC<Props$5>;
+declare const Loader: FC<Props$b>;
 declare const FullScreenLoader: FC<{
     isLoading: boolean;
 }>;
 declare const LazyLoader: FC;
 
-interface Props$4 {
-    id: string;
+interface Props$a {
+    isOpen: boolean;
+    onClose: () => void;
     renderButton: (ref: RefObject<any>) => ReactNode;
-    items: IMenuItem[];
-    placement?: 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right';
+    items?: IMenuItem[];
+    placement?: IMenuPlacement;
     size?: 's' | 'm' | 'l';
     className?: string;
     classNameItem?: string;
+    children?: ReactNode;
+}
+declare const Menu: FC<Props$a>;
+
+declare const MenuItem: react.ForwardRefExoticComponent<IMenuItem & react.RefAttributes<HTMLDivElement>>;
+
+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 Menu: FC<Props$4>;
+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[];
@@ -809,6 +1067,7 @@ declare const parseUrlSearch: (search: string) => {
 };
 
 declare const i18nIUILatin: {
+    HomePage: string;
     Actions: string;
     Active: string;
     AddInput: string;
@@ -1039,15 +1298,33 @@ declare const i18nIUIMe: {
     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;
 
 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, FormWrapper, FullScreenLoader, IconButton, LazyLoader, Loader, Menu, MenuItem, NotificationBadge, NumberInput, PageLayout, PasswordInput, PillBadge, Radio, RadioLarge, Router, SearchInput, Select, SelectAsyncPaginate, SelectCreatable, 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, toastError, toastSuccess, useDialogObserver, useIsMenuOpen, useOnEsc };
-export type { DeepPartial, IAlertProps, IAnyObject, IBooleanObject, IError, IFormWrapper, IHeaderAction, IKeyboardAction, IRoute, ISelectData, ISimpleObject, ISimpleObjectWithCode, IStringObject, ITab, ITreeItem, IValueLabel };
+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, IKeyboardAction, IPagination, IRoute, ISelectData, IServerSidePagination, ISimpleObject, ISimpleObjectWithCode, IStringObject, ITab, ITable, ITableColumn, ITableDataItem, ITableEditRow, ITableFilter, ITableFilterData, ITableFilterItem, ITableSort, ITreeItem, IValueLabel };