@inceptionbg/iui 1.0.6 → 1.0.8

package/dist/index.d.ts

@@ -1,9 +1,11 @@
+/// <reference types="react" />
 export { default as clsx } from 'clsx';
 export { default as moment } from 'moment';
 export { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
+export { default as reactI18next } from 'react-i18next';
 import * as react from 'react';
-import { ReactNode, FunctionComponent, RefObject, MouseEventHandler, ReactElement, Dispatch, SetStateAction, FC, ButtonHTMLAttributes, FormEvent } from 'react';
-import { IconDefinition } from '@fortawesome/fontawesome-svg-core';
+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;
@@ -240,7 +242,7 @@ interface ITableTranslations {
 
 interface ISidebarItem {
     label: string;
-    icon: IconDefinition;
+    icon?: IconDefinition;
     to?: string;
     content?: ISidebarSubItem[];
     menu?: {
@@ -270,6 +272,56 @@ interface ISelectData extends IValueLabel {
     [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 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;
+    footer?: ReactElement;
+    translations?: {
+        NoAccessTitle?: string;
+        ReturnToHomepage?: string;
+    };
+    children?: ReactNode;
+}
+declare const PageWrapper: FC<IPageWrapper>;
+
 declare const formatDate: (date?: string) => string;
 declare const formatDateAndTime: (date?: string, withSeconds?: boolean) => string;
 declare const formatTime: (date?: string, withSeconds?: boolean) => string;
@@ -290,24 +342,39 @@ declare const deleteEmptyPropsIncludingArray: (obj: IAnyObject) => any;
 declare const getActiveFilterNumber: (obj: any) => number;
 declare const getVisibleColumnsIds: (tableCols: ITableColumn[], isPrint?: boolean) => string[];
 
-interface Props$8 {
+interface Props$s {
     tabs: ITab[];
     initialValue?: string;
     compact?: boolean;
     className?: string;
 }
-declare const Accordions: FC<Props$8>;
+declare const Accordions: FC<Props$s>;
 
-interface Props$7 {
+interface Props$r {
     text?: string;
     severity: "success" | "info" | "warning" | "error";
     fitContent?: boolean;
     className?: string;
     children?: ReactNode;
 }
-declare const Alert: FC<Props$7>;
+declare const Alert: FC<Props$r>;
 
-interface Props$6 {
+interface Props$q {
+    number?: number;
+    className?: string;
+    small?: boolean;
+    children?: ReactNode;
+}
+declare const NotificationBadge: FC<Props$q>;
+
+interface Props$p {
+    label: string;
+    color: "success" | "info" | "warning" | "error" | "gray";
+    className?: string;
+}
+declare const PillBadge: react.ForwardRefExoticComponent<Props$p & react.RefAttributes<HTMLDivElement>>;
+
+interface Props$o {
     label: string;
     icon?: IconDefinition;
     iconEnd?: IconDefinition;
@@ -320,9 +387,9 @@ interface Props$6 {
     size?: "xs" | "s" | "m" | "l";
     buttonProps?: ButtonHTMLAttributes<HTMLButtonElement>;
 }
-declare const Button: react.ForwardRefExoticComponent<Props$6 & react.RefAttributes<HTMLButtonElement>>;
+declare const Button: react.ForwardRefExoticComponent<Props$o & react.RefAttributes<HTMLButtonElement>>;
 
-interface Props$5 {
+interface Props$n {
     icon: IconDefinition;
     onClick?: MouseEventHandler<HTMLButtonElement>;
     disabled?: boolean;
@@ -330,20 +397,314 @@ interface Props$5 {
     active?: boolean;
     buttonProps?: ButtonHTMLAttributes<HTMLButtonElement>;
 }
-declare const IconButton: react.ForwardRefExoticComponent<Props$5 & react.RefAttributes<HTMLButtonElement>>;
+declare const IconButton: react.ForwardRefExoticComponent<Props$n & react.RefAttributes<HTMLButtonElement>>;
 
-interface Props$4 {
+interface Props$m {
+    title?: string;
+    titleEl?: ReactNode;
+    desc?: string;
+    descEl?: ReactNode;
     isOpen: boolean;
+    onClose: () => void;
+    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 Collapse: FC<Props$4>;
+declare const Dialog: FC<Props$m>;
 
-interface Props$3 {
+interface Props$l {
+    isOpen: boolean;
+    className?: string;
+    children?: ReactNode;
+}
+declare const Collapse: FC<Props$l>;
+
+interface Props$k {
     title?: string;
     buttonLabel?: string;
 }
-declare const NoAccessInfo: FC<Props$3>;
+declare const NoAccessInfo: FC<Props$k>;
+
+interface Props$j {
+    label?: string;
+    value: boolean;
+    setValue: (checked: boolean) => void;
+    required?: boolean;
+    disabled?: boolean;
+    className?: string;
+    children?: ReactNode;
+}
+declare const Checkbox: react.ForwardRefExoticComponent<Props$j & react.RefAttributes<HTMLLabelElement>>;
+
+interface Props$i {
+    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$i & react.RefAttributes<HTMLInputElement>>;
+
+interface Props$h {
+    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$h & react.RefAttributes<HTMLTextAreaElement>>;
+
+interface Props$g {
+    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$g & 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 extends ITextInput {
+    newPassword?: boolean;
+}
+declare const PasswordInput: FC<IProps>;
+
+interface Props$f {
+    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$f & react.RefAttributes<HTMLDivElement>>;
+
+interface Props$e {
+    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$e>;
+
+interface Props$d {
+    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$d>;
+
+interface Props$c {
+    isLoading: boolean;
+    logo?: string;
+    fullWidth?: boolean;
+    children: ReactNode;
+}
+declare const Loader: FC<Props$c>;
+declare const FullScreenLoader: FC<{
+    isLoading: boolean;
+    logo?: string;
+}>;
+declare const LazyLoader: FC<{
+    logo?: string;
+}>;
+
+interface Props$b {
+    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$b>;
+
+interface Props$a {
+    label?: string;
+    icon?: IconDefinition;
+    iconRotation?: RotateProp;
+    onClick?: MouseEventHandler<HTMLDivElement>;
+    to?: string;
+    disabled?: boolean;
+    withDevider?: boolean;
+    className?: string;
+    children?: ReactNode;
+}
+declare const MenuItem: FC<Props$a>;
+
+interface Props$9 {
+    moduleName?: string;
+    children?: ReactNode;
+}
+declare const Header: FC<Props$9>;
+
+interface Props$8 {
+    items: ISidebarItem[][];
+    UserBox?: ReactElement;
+    logo?: string;
+    collapsed?: boolean;
+    setCollapsed?: (collapsed: boolean) => void;
+}
+declare const Sidebar: FC<Props$8>;
+
+interface Props$7 extends ITableFilterData {
+    isOpen: boolean;
+    onClose: () => void;
+    translations?: ITableTranslations;
+}
+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[];
+    translations?: ITableTranslations;
+}
+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 {
@@ -382,26 +743,4 @@ interface Props {
 }
 declare const FullPageWrapper: FC<Props>;
 
-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>;
-
-export { Accordions, Alert, Button, Collapse, ConditionalWrapper, FormWrapper, FullPageWrapper, IAnyObject, IBooleanObject, IError, IPagination, ISelectData, IServerSidePagination, ISidebarItem, ISimpleObject, ISimpleObjectWithCode, ISimpleObjectWithCodeNew, IStringObject, ITab, ITable, ITableColumn, ITableDataItem, ITableEditRow, ITableFilter, ITableFilterData, ITableFilterItem, ITableSort, IValueLabel, IconButton, NoAccessInfo, Tooltip, checkIfExpired, dateAddDays, deleteEmptyProps, deleteEmptyPropsIncludingArray, deleteProps, formatCurrency, formatCurrencyNoDecimals, formatDate, formatDateAndTime, formatTime, formatYearMonth, getActiveFilterNumber, getCurrentDateFormattedYMD, getDaysLeft, getVisibleColumnsIds, maxChar };
+export { Accordions, Alert, Button, Checkbox, Collapse, ConditionalWrapper, DateInput, Dialog, FormWrapper, FullPageWrapper, FullScreenLoader, Header, IAnyObject, IBooleanObject, IError, IFormWrapper, IPageWrapper, 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, NoAccessInfo, NotificationBadge, NumberInput, PageWrapper, PasswordInput, PillBadge, Radio, Select, SelectAsyncPaginate, SetTableFilter, Sidebar, Table, TableEditRow, TableFooter, Tabs, TextInput, Tooltip, checkIfExpired, dateAddDays, deleteEmptyProps, deleteEmptyPropsIncludingArray, deleteProps, formatCurrency, formatCurrencyNoDecimals, formatDate, formatDateAndTime, formatTime, formatYearMonth, getActiveFilterNumber, getCurrentDateFormattedYMD, getDaysLeft, getVisibleColumnsIds, maxChar };