@inceptionbg/iui 1.0.22 → 1.0.24

package/dist/index.d.ts

@@ -0,0 +1,711 @@
+/// <reference types="react" />
+export { default as clsx } from 'clsx';
+export { default as moment } from 'moment';
+export { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
+export { v4 as uuidv4 } from 'uuid';
+import * as react from 'react';
+import { ReactNode, FunctionComponent, RefObject, MouseEventHandler, ReactElement, Dispatch, SetStateAction, FormEvent, FC, ButtonHTMLAttributes, InputHTMLAttributes } from 'react';
+import { IconDefinition, RotateProp } from '@fortawesome/fontawesome-svg-core';
+
+interface IAnyObject {
+    [id: string]: any;
+}
+interface IStringObject {
+    [id: string]: string;
+}
+interface IBooleanObject {
+    [id: string]: boolean;
+}
+interface ISimpleObject {
+    uuid: string;
+    name: string;
+}
+interface ISimpleObjectWithCode extends ISimpleObject {
+    code: string;
+}
+interface ISimpleObjectWithCodeNew {
+    uuid?: string;
+    name?: string;
+    code?: string;
+}
+interface IValueLabel {
+    value: any;
+    label: string;
+}
+
+interface IError {
+    errorMessage: string;
+    errorCode?: string;
+}
+
+interface ITab {
+    value: string;
+    label: string;
+    icon?: any;
+    component: ReactNode;
+    disabled?: boolean;
+    hidden?: boolean;
+}
+
+interface ITable {
+    columns: ITableColumn[];
+    setColumns?: (data: ITableColumn[]) => void;
+    firstHeaderRow?: ITableColumn[];
+    secondHeaderRow?: ITableColumn[];
+    data: ITableDataItem[];
+    totals?: ITableDataItem;
+    isLoading?: boolean;
+    loaderLogo?: string;
+    serverSidePagination?: IServerSidePagination;
+    customPagination?: {
+        defaultLimit?: number;
+        customLimit?: number[];
+    };
+    selectedRowUuid?: string;
+    footerAction?: {
+        icon?: IconDefinition;
+        onClick: () => void;
+    };
+    headerWrap?: boolean;
+    hideFooter?: boolean;
+    showLastBorder?: boolean;
+    filterData?: ITableFilterData;
+    sortData?: ITableSortData;
+    printData?: IPrintData;
+    additionsalOptions?: ReactNode;
+    selectedOptions?: ReactNode;
+    className?: string;
+    editable?: {
+        selectedItem: any;
+        setSelectedItem: (item: any) => void;
+        defaultDataValue?: any;
+        EditableRow?: FunctionComponent<ITableEditRow>;
+        onSubmit: (data: any, onSubmitCallback?: () => void) => void;
+        disabled?: boolean;
+        inputFocusRef?: RefObject<any>;
+    };
+}
+interface ITableColumn {
+    id: string;
+    label?: string;
+    align?: 'center' | 'left' | 'right' | 'justify' | undefined;
+    hidden?: boolean;
+    unavailable?: boolean;
+    width?: string;
+    minWidth?: string;
+    colSpan?: number;
+    rowSpan?: number;
+    break?: boolean;
+    sortOptions?: {
+        asc: string;
+        desc: string;
+        label: string;
+    };
+}
+interface ITableDataItem {
+    uuid: string;
+    onRowClick?: MouseEventHandler<HTMLTableRowElement>;
+    className?: string;
+    cells: {
+        [id: string]: {
+            value: any;
+            align?: ITableColumn['align'];
+            className?: string;
+            onClick?: MouseEventHandler<HTMLTableCellElement>;
+            link?: boolean;
+            tooltip?: string;
+            span?: number;
+            unclickable?: boolean;
+        };
+    };
+    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 {
+    [id: string]: {
+        label: string;
+        asc: string;
+        desc: string;
+    };
+}
+interface IPrintData {
+    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;
+        }[];
+    };
+    getPrintData: (pagination: IPagination) => Promise<IAnyObject>;
+    formatPrintData: (data: any) => ITableDataItem[];
+    saveXlsx?: () => void;
+    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 ISidebarItem {
+    label: string;
+    icon?: IconDefinition;
+    to?: string;
+    content?: ISidebarSubItem[];
+    menu?: {
+        content: ISidebarSubItem[];
+        openedMenu: string;
+        setOpenedMenu: (label: string) => void;
+    };
+    hidden?: boolean;
+    badge?: number;
+    addUrl?: string;
+    collapsed?: boolean;
+}
+interface ISidebarSubItem {
+    label: string;
+    to?: string;
+    content?: ISidebarItem[];
+    hidden?: boolean;
+    tooltip?: string;
+    badge?: number;
+    addUrl?: string;
+    primary?: boolean;
+    collapsed?: boolean;
+}
+
+interface ISelectData extends IValueLabel {
+    disabled?: boolean;
+    [id: string]: any;
+}
+
+interface IFormWrapper {
+    isLoading: boolean;
+    className?: string;
+    submitButton: {
+        label?: string;
+        icon?: any;
+        disabled?: boolean;
+        onSubmit: (e: FormEvent<HTMLFormElement>) => void;
+        primary?: boolean;
+    };
+    otherButtons?: {
+        label: string;
+        icon?: any;
+        disabled?: boolean;
+        outlined?: boolean;
+        onClick: () => void;
+    }[];
+    noAccess?: boolean;
+    children: ReactNode;
+}
+declare const FormWrapper: FC<IFormWrapper>;
+
+interface Props$p {
+    tabs: ITab[];
+    initialValue?: string;
+    compact?: boolean;
+    className?: string;
+}
+declare const Accordions: FC<Props$p>;
+
+interface Props$o {
+    text?: string;
+    severity: 'success' | 'info' | 'warning' | 'error';
+    fitContent?: boolean;
+    className?: string;
+    children?: ReactNode;
+}
+declare const Alert: FC<Props$o>;
+
+interface Props$n {
+    number?: number;
+    className?: string;
+    small?: boolean;
+    children?: ReactNode;
+}
+declare const NotificationBadge: FC<Props$n>;
+
+interface Props$m {
+    label: string;
+    color: 'success' | 'info' | 'warning' | 'error' | 'gray';
+    className?: string;
+}
+declare const PillBadge: react.ForwardRefExoticComponent<Props$m & react.RefAttributes<HTMLDivElement>>;
+
+interface Props$l {
+    label: string;
+    icon?: IconDefinition;
+    iconEnd?: IconDefinition;
+    onClick?: MouseEventHandler<HTMLButtonElement>;
+    disabled?: boolean;
+    primary?: boolean;
+    outlined?: boolean;
+    active?: boolean;
+    className?: string;
+    size?: 'xs' | 's' | 'm' | 'l';
+    buttonProps?: ButtonHTMLAttributes<HTMLButtonElement>;
+}
+declare const Button: react.ForwardRefExoticComponent<Props$l & react.RefAttributes<HTMLButtonElement>>;
+
+interface Props$k {
+    icon: IconDefinition;
+    onClick?: MouseEventHandler<HTMLButtonElement>;
+    disabled?: boolean;
+    className?: string;
+    active?: boolean;
+    buttonProps?: ButtonHTMLAttributes<HTMLButtonElement>;
+}
+declare const IconButton: react.ForwardRefExoticComponent<Props$k & react.RefAttributes<HTMLButtonElement>>;
+
+interface Props$j {
+    title?: string;
+    titleEl?: ReactNode;
+    desc?: string;
+    descEl?: ReactNode;
+    isOpen: boolean;
+    onClose: () => void;
+    isLoading?: boolean;
+    confirmButton?: {
+        label?: string;
+        icon?: IconDefinition;
+        onClick?: () => void;
+        onFormSubmit?: () => void;
+        disabled?: boolean;
+        keepOpen?: boolean;
+    };
+    cancelButton?: {
+        label?: string;
+        icon?: IconDefinition;
+        onClick?: () => void;
+    };
+    additionalButton?: {
+        label: string;
+        icon?: IconDefinition;
+        onClick?: () => void;
+        disabled?: boolean;
+    };
+    noBackgroundClick?: boolean;
+    noOverflow?: boolean;
+    type?: 'info' | 'error';
+    size?: 'm' | 'l' | 'xl';
+    noPadding?: boolean;
+    className?: string;
+    children?: ReactNode;
+}
+declare const Dialog: FC<Props$j>;
+
+interface Props$i {
+    isOpen: boolean;
+    className?: string;
+    children?: ReactNode;
+}
+declare const Collapse: FC<Props$i>;
+
+interface Props$h {
+    label?: string;
+    value?: boolean;
+    setValue: (checked: boolean) => void;
+    required?: boolean;
+    disabled?: boolean;
+    className?: string;
+    children?: ReactNode;
+}
+declare const Checkbox: react.ForwardRefExoticComponent<Props$h & react.RefAttributes<HTMLLabelElement>>;
+
+interface Props$g {
+    label?: string;
+    date?: string;
+    setDate: (date: string) => void;
+    required?: boolean;
+    disabled?: boolean;
+    autoFocus?: boolean;
+    helperText?: string;
+    error?: boolean;
+    className?: string;
+    calendarPlacementX?: 'left' | 'right';
+}
+declare const DateInput: react.ForwardRefExoticComponent<Props$g & react.RefAttributes<HTMLInputElement>>;
+
+interface Props$f {
+    label: string;
+    value?: string;
+    setValue: (value: string) => void;
+    required?: boolean;
+    disabled?: boolean;
+    autoFocus?: boolean;
+    rows?: number;
+    placeholder?: string;
+    helperText?: string;
+    className?: string;
+    inputProps?: InputHTMLAttributes<HTMLTextAreaElement>;
+    error?: boolean;
+}
+declare const LargeTextInput: react.ForwardRefExoticComponent<Props$f & react.RefAttributes<HTMLTextAreaElement>>;
+
+interface Props$e {
+    label?: string;
+    value?: string | number;
+    setValue: (value: string) => void;
+    required?: boolean;
+    disabled?: boolean;
+    autoFocus?: boolean;
+    placeholder?: string;
+    helperText?: string;
+    className?: string;
+    allowNegative?: boolean;
+    decimalPlaces?: number;
+    error?: boolean;
+    alignLeft?: boolean;
+    inputProps?: InputHTMLAttributes<HTMLInputElement>;
+}
+declare const NumberInput: react.ForwardRefExoticComponent<Props$e & react.RefAttributes<HTMLInputElement>>;
+
+interface ITextInput {
+    label?: string;
+    value?: string;
+    setValue: (value: string) => void;
+    required?: boolean;
+    disabled?: boolean;
+    autoFocus?: boolean;
+    placeholder?: string;
+    helperText?: string;
+    className?: string;
+    inputProps?: InputHTMLAttributes<HTMLInputElement>;
+    error?: boolean;
+    endButton?: {
+        icon: IconDefinition;
+        onClick: () => void;
+        disabled?: boolean;
+    };
+}
+declare const TextInput: react.ForwardRefExoticComponent<ITextInput & react.RefAttributes<HTMLInputElement>>;
+
+interface IProps$1 extends ITextInput {
+    newPassword?: boolean;
+}
+declare const PasswordInput: FC<IProps$1>;
+
+interface Props$d {
+    label?: string;
+    value: string | number | boolean;
+    selected: string | number | boolean;
+    setSelected: (selected: any) => void;
+    disabled?: boolean;
+    className?: string;
+    children?: ReactNode;
+}
+declare const Radio: react.ForwardRefExoticComponent<Props$d & react.RefAttributes<HTMLDivElement>>;
+
+interface IProps {
+    onSearch: (searchText: string) => void;
+    className?: string;
+}
+declare const SearchInput: FC<IProps>;
+
+interface Props$c {
+    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;
+    openDirection?: 'top' | 'auto' | 'bottom';
+    noOptionsMessage?: string;
+    error?: boolean;
+}
+declare const Select: FC<Props$c>;
+
+interface Props$b {
+    label?: string;
+    value?: ISelectData | null;
+    valuesMulti?: ISelectData[];
+    loadOptions: any;
+    refresh?: any[];
+    onChange: (value: any) => void;
+    required?: boolean;
+    disabled?: boolean;
+    placeholder?: string;
+    helperText?: string;
+    className?: string;
+    minWidth?: number;
+    menuWidth?: 'fit-content' | 'max-content' | number;
+    autoFocus?: boolean;
+    isMulti?: boolean;
+    isClearable?: boolean;
+    isOpen?: boolean;
+    openDirection?: 'top' | 'auto' | 'bottom';
+    noOptionsMessage?: string;
+    error?: boolean;
+}
+declare const SelectAsyncPaginate: FC<Props$b>;
+
+interface Props$a {
+    isLoading: boolean;
+    logo?: string;
+    fullWidth?: boolean;
+    children: ReactNode;
+}
+declare const Loader: FC<Props$a>;
+declare const FullScreenLoader: FC<{
+    isLoading: boolean;
+    logo?: string;
+}>;
+declare const LazyLoader: FC<{
+    logo?: string;
+}>;
+
+interface Props$9 {
+    isOpen: boolean;
+    onClose: () => void;
+    renderButton: (ref: RefObject<any>) => ReactNode;
+    placementX?: 'left' | 'right';
+    placementY?: 'bottom' | 'top' | 'auto';
+    size?: 's' | 'm' | 'l';
+    className?: string;
+    children?: ReactNode;
+}
+declare const Menu: FC<Props$9>;
+
+interface Props$8 {
+    label?: string;
+    icon?: IconDefinition;
+    iconRotation?: RotateProp;
+    onClick?: MouseEventHandler<HTMLDivElement>;
+    to?: string;
+    disabled?: boolean;
+    withDevider?: boolean;
+    className?: string;
+    children?: ReactNode;
+}
+declare const MenuItem: FC<Props$8>;
+
+interface Props$7 extends ITableFilterData {
+    isOpen: boolean;
+    onClose: () => void;
+}
+declare const SetTableFilter: FC<Props$7>;
+
+declare const Table: FC<ITable>;
+
+interface Props$6 {
+    limit: number;
+    offset: number;
+    setLimit: (limit: number) => void;
+    setOffset: (offset: number) => void;
+    totalRows: number;
+    footerAction?: {
+        icon?: IconDefinition;
+        onClick: MouseEventHandler<HTMLButtonElement>;
+    };
+    customLimit?: number[];
+}
+declare const TableFooter: FC<Props$6>;
+
+interface Props$5 {
+    item: any;
+    setSelectedItem?: (item: any) => void;
+    setItemToDeleteUuid?: (uuid: string) => void;
+    actions?: {
+        label: string;
+        onClick: (uuid: string) => void;
+        hidden?: boolean;
+        disabled?: boolean;
+    }[];
+    t?: (e: string) => string;
+}
+declare const ItemActionsMenu: FC<Props$5>;
+
+interface Props$4 {
+    setData: (item: any) => void;
+    clearItem: () => void;
+    inputFocusRef?: RefObject<any>;
+    defaultDataValue?: any;
+}
+declare const ItemEditOptionsButtons: FC<Props$4>;
+
+declare const TableEditRow: FC<ITableEditRow>;
+
+interface Props$3 {
+    tabs: ITab[];
+    initialValue?: string;
+    control?: {
+        value: string;
+        setValue: (value: string) => void;
+    };
+    onChange?: (value: string) => void;
+    noWrap?: boolean;
+    className?: string;
+    classNameContent?: string;
+}
+declare const Tabs: FC<Props$3>;
+
+type Position = 'left' | 'right' | 'top' | 'bottom';
+interface Props$2 {
+    label?: string;
+    position?: Position;
+    disabled?: boolean;
+    singleLine?: boolean;
+    className?: string;
+    children: ReactElement;
+}
+declare const Tooltip: FC<Props$2>;
+
+interface Props$1 {
+    condition: boolean;
+    wrapper: (children: ReactElement) => ReactElement;
+    children: ReactElement;
+}
+declare const ConditionalWrapper: FC<Props$1>;
+
+interface Props {
+    title: string;
+    description: string | ReactElement;
+    actionButton?: {
+        label: string;
+        icon?: IconDefinition;
+        onClick?: () => void;
+        onFormSubmit?: () => void;
+        marginLarge?: boolean;
+        regular?: boolean;
+    };
+    backButton?: boolean;
+    img?: string;
+    children?: ReactNode;
+}
+declare const FullPageWrapper: FC<Props>;
+
+interface IHeaderAction {
+    label: string;
+    icon?: IconDefinition;
+    iconRotation?: RotateProp;
+    to?: string;
+    onClick?: () => void;
+    primary?: boolean;
+    disabled?: boolean;
+    hidden?: boolean;
+}
+
+interface IPageWrapper {
+    breadcrumbs: string[];
+    actions?: IHeaderAction[];
+    moreActions?: IHeaderAction[];
+    showBackButton?: boolean;
+    noAccess?: boolean;
+    isLoading?: boolean;
+    loaderLogo?: string;
+    children?: ReactNode;
+}
+declare const PageWrapper: FC<IPageWrapper>;
+
+declare const formatDate: (date?: string) => string;
+declare const formatDateYMD: (date: string | Date) => string;
+declare const formatDateAndTime: (date?: string, withSeconds?: boolean) => string;
+declare const formatTime: (date?: string, withSeconds?: boolean) => string;
+declare const dateAddDays: (date: string, addDays: number) => string;
+declare const checkIfExpired: (date?: string) => boolean;
+declare const getCurrentDateFormatted: () => string;
+declare const getCurrentDateFormattedYMD: () => string;
+declare const getDaysLeft: (date?: string) => number;
+declare const formatYearMonth: (year: number, month: number) => string;
+
+declare const formatCurrency: (number?: string | number, minimumFractionDigits?: number, maximumFractionDigits?: number) => string;
+declare const formatCurrencyNoDecimals: (number?: string | number) => string;
+
+declare const maxChar: (str?: string, maxLength?: number) => string;
+
+declare const deleteProps: (obj: any, props: string[]) => any;
+declare const deleteEmptyProps: (obj: IAnyObject) => any;
+declare const deleteEmptyPropsIncludingArray: (obj: IAnyObject) => any;
+declare const getActiveFilterNumber: (obj: any) => number;
+declare const getVisibleColumnsIds: (tableCols: ITableColumn[], isPrint?: boolean) => string[];
+declare const deepCopy: (el: any[] | object) => any;
+
+declare const parseUrlSearch: (search: string) => {
+    [k: string]: string;
+};
+
+type LocalStorageItem = 'activeUser' | 'token' | 'tokenExp' | 'refreshToken' | 'logInWay' | 'codeVerifier' | 'activeOrg';
+declare const lsGet: (key: LocalStorageItem) => string | null;
+declare const lsSet: (key: LocalStorageItem, value: string) => void;
+declare const lsRemove: (key: LocalStorageItem) => void;
+declare const getDefaultOrgUuid: () => string;
+declare const setDefaultOrgUuid: (organizationUuid: string) => void;
+declare const getActiveOrgUuid: () => string;
+declare const setActiveOrgUuid: (organizationUuid: string) => void;
+
+declare const inputPattern: {
+    taxId: string;
+    registrationNumber: string;
+    personalIdentityNumber: string;
+    idCardNumber: string;
+    phoneNumber: string;
+    port: string;
+    number: string;
+};
+
+export { Accordions, Alert, Button, Checkbox, Collapse, ConditionalWrapper, DateInput, Dialog, FormWrapper, FullPageWrapper, FullScreenLoader, IAnyObject, IBooleanObject, IError, IFormWrapper, IPagination, ISelectData, IServerSidePagination, ISidebarItem, ISimpleObject, ISimpleObjectWithCode, ISimpleObjectWithCodeNew, IStringObject, ITab, ITable, ITableColumn, ITableDataItem, ITableEditRow, ITableFilter, ITableFilterData, ITableFilterItem, ITableSort, IValueLabel, IconButton, ItemActionsMenu, ItemEditOptionsButtons, LargeTextInput, LazyLoader, Loader, Menu, MenuItem, NotificationBadge, NumberInput, PageWrapper, PasswordInput, PillBadge, Radio, SearchInput, Select, SelectAsyncPaginate, SetTableFilter, Table, TableEditRow, TableFooter, Tabs, TextInput, Tooltip, checkIfExpired, dateAddDays, deepCopy, deleteEmptyProps, deleteEmptyPropsIncludingArray, deleteProps, formatCurrency, formatCurrencyNoDecimals, formatDate, formatDateAndTime, formatDateYMD, formatTime, formatYearMonth, getActiveFilterNumber, getActiveOrgUuid, getCurrentDateFormatted, getCurrentDateFormattedYMD, getDaysLeft, getDefaultOrgUuid, getVisibleColumnsIds, inputPattern, lsGet, lsRemove, lsSet, maxChar, parseUrlSearch, setActiveOrgUuid, setDefaultOrgUuid };