declare module '@hiiretail/react-foundation-ui/common/types/theme.types' { export type Color = 'primary' | 'secondary' | 'error'; } declare module '@hiiretail/react-foundation-ui/common/types/utils' { export type ChangeFields = Omit & R; } declare module '@hiiretail/react-foundation-ui/components/AlertNotifications/AlertNotification' { import React from 'react'; import { AlertNotificationDetails } from '@hiiretail/react-foundation-ui/components/AlertNotifications/types'; /** * React Functional Component for alerts if the Provider + Hook version could not be used for some reason. * * @see https://github.com/extenda/react-foundation-ui#4-components-reference */ export const AlertNotification: React.FC; } declare module '@hiiretail/react-foundation-ui/components/AlertNotifications/AlertNotificationContent' { import React from 'react'; import { AlertNotificationDetails } from '@hiiretail/react-foundation-ui/components/AlertNotifications/types'; export const AlertNotificationContent: React.ForwardRefExoticComponent>; } declare module '@hiiretail/react-foundation-ui/components/AlertNotifications/AlertNotificationProvider' { import React, { ReactNode } from 'react'; import type { AlertNotificationUtils } from '@hiiretail/react-foundation-ui/components/AlertNotifications/types'; export const AlertNotificationContext: React.Context; type AlertNotificationSnackbarWrapperProps = { children: ReactNode; }; export const AlertNotificationProvider: React.FC; export {}; } declare module '@hiiretail/react-foundation-ui/components/AlertNotifications/configs' { import { AlertNotificationType } from '@hiiretail/react-foundation-ui/components/AlertNotifications/types'; export const alertConfig: { [key in AlertNotificationType]: { borderColor: string; }; }; } declare module '@hiiretail/react-foundation-ui/components/AlertNotifications/hooks/useAlertNotifications' { import type { AlertNotificationUtils } from '@hiiretail/react-foundation-ui/components/AlertNotifications/types'; type UseAlertNotifications = () => AlertNotificationUtils; /** * Returns methods to Show and Hide Notification alerts. * * @see https://github.com/extenda/react-foundation-ui#4-components-reference */ export const useAlertNotifications: UseAlertNotifications; export {}; } declare module '@hiiretail/react-foundation-ui/components/AlertNotifications/index' { export { AlertNotification } from '@hiiretail/react-foundation-ui/components/AlertNotifications/AlertNotification'; export { AlertNotificationProvider } from '@hiiretail/react-foundation-ui/components/AlertNotifications/AlertNotificationProvider'; export { useAlertNotifications } from '@hiiretail/react-foundation-ui/components/AlertNotifications/hooks/useAlertNotifications'; export { AlertNotificationType, type AlertNotificationDetails } from '@hiiretail/react-foundation-ui/components/AlertNotifications/types'; } declare module '@hiiretail/react-foundation-ui/components/AlertNotifications/types' { export type AlertNotificationDetails = { message: string; open?: boolean; title?: string; type?: AlertNotificationType; autoHideTime?: number; onClose?: () => void; id?: string; }; export enum AlertNotificationType { ERROR = "error", WARNING = "warning", INFO = "info", SUCCESS = "success" } export type AlertNotificationUtils = { show: (alertDetails: AlertNotificationDetails) => string; hide: (alertKey?: string) => void; }; } declare module '@hiiretail/react-foundation-ui/components/Avatar/Avatar' { import type { FC, PropsWithChildren } from 'react'; import type { AvatarProps } from '@mui/material/Avatar'; import type { ChangeFields } from '@hiiretail/react-foundation-ui/common/types/utils'; export type FoundationAvatarProps = ChangeFields; }>; export const Avatar: FC>; } declare module '@hiiretail/react-foundation-ui/components/Avatar/index' { export { Avatar } from '@hiiretail/react-foundation-ui/components/Avatar/Avatar'; } declare module '@hiiretail/react-foundation-ui/components/Badge/Badge' { import type { FC, PropsWithChildren } from 'react'; import type { BadgeProps } from '@mui/material/Badge'; import type { ChangeFields } from '@hiiretail/react-foundation-ui/common/types/utils'; import type { Color } from '@hiiretail/react-foundation-ui/common/types/theme.types'; export type FoundationBadgeProps = ChangeFields; export const Badge: FC>; } declare module '@hiiretail/react-foundation-ui/components/Badge/index' { export { Badge } from '@hiiretail/react-foundation-ui/components/Badge/Badge'; } declare module '@hiiretail/react-foundation-ui/components/Button/Button' { import type { FC, PropsWithChildren } from 'react'; import type { ButtonProps } from '@mui/material/Button'; import type { ChangeFields } from '@hiiretail/react-foundation-ui/common/types/utils'; import type { Color } from '@hiiretail/react-foundation-ui/common/types/theme.types'; export type FoundationButtonProps = ChangeFields; }>; export const Button: FC>; } declare module '@hiiretail/react-foundation-ui/components/Button/index' { export { Button } from '@hiiretail/react-foundation-ui/components/Button/Button'; } declare module '@hiiretail/react-foundation-ui/components/ButtonGroup/ButtonGroup' { import type { FC, PropsWithChildren } from 'react'; import type { ButtonGroupProps } from '@mui/material/ButtonGroup'; import type { ChangeFields } from '@hiiretail/react-foundation-ui/common/types/utils'; export type FoundationButtonGroupProps = ChangeFields; }>; export const ButtonGroup: FC>; } declare module '@hiiretail/react-foundation-ui/components/ButtonGroup/index' { export { ButtonGroup } from '@hiiretail/react-foundation-ui/components/ButtonGroup/ButtonGroup'; } declare module '@hiiretail/react-foundation-ui/components/Checkbox/Checkbox' { import type { FC, PropsWithChildren } from 'react'; import type { CheckboxProps } from "@mui/material"; import type { ChangeFields } from '@hiiretail/react-foundation-ui/common/types/utils'; export type FoundationCheckboxProps = ChangeFields; }>; export const Checkbox: FC>; } declare module '@hiiretail/react-foundation-ui/components/Checkbox/index' { export { Checkbox } from "@hiiretail/react-foundation-ui/components/Checkbox/Checkbox"; } declare module '@hiiretail/react-foundation-ui/components/Chip/Chip' { import type { FC, PropsWithChildren } from 'react'; import type { ChipProps } from '@mui/material'; import type { ChangeFields } from '@hiiretail/react-foundation-ui/common/types/utils'; export type FoundationChipProps = ChangeFields; variant?: Exclude; }>; export const Chip: FC>; } declare module '@hiiretail/react-foundation-ui/components/Chip/index' { export { Chip } from '@hiiretail/react-foundation-ui/components/Chip/Chip'; } declare module '@hiiretail/react-foundation-ui/components/DataGrid/index' { export { DataGrid } from '@mui/x-data-grid'; } declare module '@hiiretail/react-foundation-ui/components/DialogActions/DialogActions' { import type { DialogActionsProps } from "@mui/material/DialogActions"; import type { FC, PropsWithChildren } from "react"; import type { SxProps } from "@mui/material"; import type { ChangeFields } from "@hiiretail/react-foundation-ui/common/types/utils"; export type FoundationDialogActionsProps = ChangeFields; export const DialogActions: FC>; } declare module '@hiiretail/react-foundation-ui/components/DialogActions/index' { export { DialogActions } from '@hiiretail/react-foundation-ui/components/DialogActions/DialogActions'; } declare module '@hiiretail/react-foundation-ui/components/FoundationProvider/FoundationProvider' { import React, { PropsWithChildren } from 'react'; export const themeOptions: { palette: { type: string; primary: { main: string; }; secondary: { main: string; }; error: { main: string; }; }; shape: { borderRadius: number; }; typography: { fontFamily: string; }; }; export const FoundationProvider: React.FC>; } declare module '@hiiretail/react-foundation-ui/components/FoundationProvider/index' { export { FoundationProvider } from '@hiiretail/react-foundation-ui/components/FoundationProvider/FoundationProvider'; } declare module '@hiiretail/react-foundation-ui/components/IconButton/IconButton' { import React from 'react'; import type { IconButtonProps } from '@mui/material/IconButton'; import type { ChangeFields } from '@hiiretail/react-foundation-ui/common/types/utils'; export type FoundationIconButtonProps = ChangeFields; }>; export const IconButton: React.ForwardRefExoticComponent, "ref"> & React.RefAttributes>>; } declare module '@hiiretail/react-foundation-ui/components/IconButton/index' { export { IconButton } from '@hiiretail/react-foundation-ui/components/IconButton/IconButton'; } declare module '@hiiretail/react-foundation-ui/components/Radio/Radio' { import type { FC, PropsWithChildren } from 'react'; import type { RadioProps } from '@mui/material/Radio'; import type { ChangeFields } from '@hiiretail/react-foundation-ui/common/types/utils'; export type FoundationRadioProps = ChangeFields; }>; export const Radio: FC>; } declare module '@hiiretail/react-foundation-ui/components/Radio/index' { export { Radio } from '@hiiretail/react-foundation-ui/components/Radio/Radio'; } declare module '@hiiretail/react-foundation-ui/components/index' { export { FoundationProvider } from '@hiiretail/react-foundation-ui/components/FoundationProvider/index'; export { Avatar } from '@hiiretail/react-foundation-ui/components/Avatar/index'; export { Badge } from '@hiiretail/react-foundation-ui/components/Badge/index'; export { Button } from '@hiiretail/react-foundation-ui/components/Button/index'; export { ButtonGroup } from '@hiiretail/react-foundation-ui/components/ButtonGroup/index'; export { IconButton } from '@hiiretail/react-foundation-ui/components/IconButton/index'; export { Radio } from '@hiiretail/react-foundation-ui/components/Radio/index'; export { DialogActions } from '@hiiretail/react-foundation-ui/components/DialogActions/index'; export { Checkbox } from '@hiiretail/react-foundation-ui/components/Checkbox/index'; export { Chip } from '@hiiretail/react-foundation-ui/components/Chip/index'; export { DataGrid } from '@hiiretail/react-foundation-ui/components/DataGrid/index'; } declare module '@hiiretail/react-foundation-ui/components/molecules/HiiForm/FormFields/CustomAutocompleteField' { import React, { ReactNode } from 'react'; import { Control } from 'react-hook-form'; import { SelectOption } from '@hiiretail/react-foundation-ui/components/molecules/HiiForm/types'; type CustomAutocompleteFieldProps = { options: SelectOption[] | string[]; name: string; fieldLabel: string | ReactNode; label?: string | ReactNode; control: Control; error?: boolean; helperText?: string; optionEqualToValue?: (option: any, value: any) => boolean; getOptionLabel?: (option: any) => string; formatValueForChange?: (value: any) => any; showOptionLabelOnly?: boolean; disableSearch?: boolean; multiple?: boolean; hideLabel?: boolean; subTitle?: string | ReactNode; }; export const CustomAutocompleteField: React.FC; export {}; } declare module '@hiiretail/react-foundation-ui/components/molecules/HiiForm/FormFields/CustomFieldArray' { import { ReactNode } from 'react'; import { Control, FieldErrors } from 'react-hook-form'; import { ObjectKeyToRender } from '@hiiretail/react-foundation-ui/components/molecules/HiiForm/types'; import React from 'react'; type CustomFieldArrayProps = { control: Control; label: string | ReactNode; name: string; fieldsToRender: Array; errors: FieldErrors; }; export const CustomFieldArray: React.FC; export {}; } declare module '@hiiretail/react-foundation-ui/components/molecules/HiiForm/FormFields/CustomNumericField' { import { TextFieldProps } from '@mui/material'; import React, { ReactNode } from 'react'; import { Control } from 'react-hook-form'; type CustomNumericFieldProps = { fieldLabel: string | ReactNode; name: string; control: Control; fullWidth?: boolean; inputAdornment?: string | ReactNode; hideLabel?: boolean; subTitle?: string | ReactNode; } & TextFieldProps; export const CustomNumericField: React.FC; export {}; } declare module '@hiiretail/react-foundation-ui/components/molecules/HiiForm/FormFields/CustomSwitchField' { import React from 'react'; type CustomSwitchFieldProps = { name: string; control: any; label: string; hideLabel?: boolean; formatValueForCheck?: (value: any) => any; formatValueForChange?: (value: any) => any; helperText?: string; }; export const CustomSwitchField: React.FC; export {}; } declare module '@hiiretail/react-foundation-ui/components/molecules/HiiForm/FormFields/CustomTextField' { import { TextFieldProps } from '@mui/material'; import React, { ReactNode } from 'react'; import { Control } from 'react-hook-form'; type CustomTextFieldProps = { fieldLabel: string | ReactNode; name: string; control: Control; fullWidth?: boolean; isReadOnlyText?: boolean; hideLabel?: boolean; subTitle?: string | ReactNode; } & TextFieldProps; export const CustomTextField: React.FC; export {}; } declare module '@hiiretail/react-foundation-ui/components/molecules/HiiForm/FormFields/FormFieldRow' { import React, { PropsWithChildren, ReactNode } from 'react'; type FormFieldRowProps = { label: string | ReactNode; subTitle?: string | ReactNode; hideLabel?: boolean; }; export const FormFieldRow: React.FC>; export {}; } declare module '@hiiretail/react-foundation-ui/components/molecules/HiiForm/FormFields/config' { export const NOT_ALLOWED_KEYS_NUMBER_INPUT: string[]; } declare module '@hiiretail/react-foundation-ui/components/molecules/HiiForm/HiiForm' { import { ReactNode } from 'react'; import { FieldValues } from 'react-hook-form'; import { UseHiiFormExport } from '@hiiretail/react-foundation-ui/components/molecules/HiiForm/hooks/useHiiForm'; import { HiiFormConfig } from '@hiiretail/react-foundation-ui/components/molecules/HiiForm/types'; type HiiFormProps = { hiiForm: UseHiiFormExport; title: string; footer?: ReactNode; subTitle?: string | ReactNode; additionalHeaderContent?: ReactNode; formConfig: HiiFormConfig; }; export const HiiForm: ({ hiiForm, title, subTitle, footer, additionalHeaderContent, formConfig, }: HiiFormProps) => JSX.Element; export {}; } declare module '@hiiretail/react-foundation-ui/components/molecules/HiiForm/HiiFormContainer/HiiFormContainer' { import { ReactElement, ReactNode } from 'react'; import type { UseHiiFormExport } from '@hiiretail/react-foundation-ui/components/molecules/HiiForm/hooks/useHiiForm'; import { HiiFormConfig } from '@hiiretail/react-foundation-ui/components/molecules/HiiForm/types'; import type { FieldValues } from "react-hook-form"; type HiiFormContainerProps = { title: string; subTitle: ReactNode | string; additionalHeaderContent?: ReactNode; footer: ReactNode; hiiForm: UseHiiFormExport; formConfig: HiiFormConfig; }; export const HiiFormContainer: ({ title, subTitle, additionalHeaderContent, footer, hiiForm, formConfig, }: HiiFormContainerProps) => ReactElement; export {}; } declare module '@hiiretail/react-foundation-ui/components/molecules/HiiForm/HiiFormContainer/HiiFormSidebar' { import React from 'react'; import { SectionConfig } from '@hiiretail/react-foundation-ui/components/molecules/HiiForm/types'; type FormSidebarProps = { sections: SectionConfig[]; activeSection: string; onSectionChange: (sectionId: string) => void; }; export const HiiFormSidebar: React.FC; export {}; } declare module '@hiiretail/react-foundation-ui/components/molecules/HiiForm/hooks/useHiiForm' { import { UseFormReturn, FieldValues, DeepPartial, FieldErrors } from 'react-hook-form'; import type Yup from 'yup'; export type UseHiiFormProps = { validationSchema: TValidationSchema; defaultValues?: DeepPartial; }; export type UseHiiFormExport = { formInstance: UseFormReturn; handleFormErrors: (formErrors: FieldErrors) => void; }; export type UseHiiForm = (props: UseHiiFormProps) => UseHiiFormExport; export const useHiiForm: UseHiiForm; } declare module '@hiiretail/react-foundation-ui/components/molecules/HiiForm/types' { import { TextFieldProps } from '@mui/material'; import { ReactNode } from 'react'; import { FieldValues } from 'react-hook-form'; export type SelectOption = { id: string; name: string; }; export enum FieldType { TEXT_FIELD = "TEXTFIELD", NUMERIC_FIELD = "NUMERIC_FIELD", SELECT_FIELD = "SELECT_FIELD", AUTO_COMPLETE_FIELD = "AUTO_COMPLETE_FIELD", FIELD_ARRAY = "FIELD_ARRAY", SWITCH_FIELD = "SWITCH_FIELD" } export type CommonFieldConfig = { name: string; fieldType: FieldType; fieldLabel: string | ReactNode; validation?: any; subTitle?: string | ReactNode; isRegistered?: (formValues: TValues) => boolean; }; export type TextFieldOptions = CommonFieldConfig & { isReadOnlyText?: boolean; inputAdornment?: ReactNode | string; } & TextFieldProps; export type AutoCompleteFieldOptions = CommonFieldConfig & { options: string[] | SelectOption[]; optionEqualToValue?: (option: any, value: any) => boolean; getOptionLabel?: (option: any) => string; formatValueForChange?: (value: any) => any; showOptionLabelOnly?: boolean; multiple?: boolean; disableSearch?: boolean; }; export type ObjectKeyToRender = { fieldName: string; label: string; fieldType: FieldType; options?: SelectOption[] | string[]; formatValueForCheck?: (value: any) => any; formatValueForChange?: (value: any) => any; }; export type FieldArrayOptions = CommonFieldConfig & { fieldsToRender: Array; }; export type HiiFieldConfig = TextFieldOptions | AutoCompleteFieldOptions | FieldArrayOptions; export interface SectionConfig { id: string; label: string | ReactNode; fields: HiiFieldConfig[]; } export interface HiiFormConfig { sections: SectionConfig[]; } } declare module '@hiiretail/react-foundation-ui/components/molecules/HiiForm/utils' { export const getNestedValue: (data: Record, path: string) => T | undefined; } declare module '@hiiretail/react-foundation-ui/index' { import { Accordion, AccordionActions, AccordionDetails, AccordionSummary, Alert, AlertTitle, AppBar, Autocomplete, AvatarGroup, Backdrop, BottomNavigation, BottomNavigationAction, Box, Breadcrumbs, Card, CardActionArea, CardActions, CardContent, CardHeader, CardMedia, Checkbox, Chip, CircularProgress, ClickAwayListener, Collapse, Container, CssBaseline, Dialog, DialogActions, DialogContent, DialogContentText, DialogTitle, Divider, Drawer, Fab, Fade, FilledInput, FormControl, FormControlLabel, FormGroup, FormHelperText, FormLabel, GlobalStyles, Grid, Grow, Hidden, Icon, ImageList, ImageListItem, ImageListItemBar, Input, InputAdornment, InputBase, InputLabel, LinearProgress, Link, List, ListItem, ListItemAvatar, ListItemButton, ListItemIcon, ListItemSecondaryAction, ListItemText, ListSubheader, Menu, MenuItem, MenuList, MobileStepper, Modal, NativeSelect, NoSsr, OutlinedInput, Pagination, PaginationItem, Paper, Popover, Popper, Portal, RadioGroup, Rating, ScopedCssBaseline, Select, Skeleton, Slide, Slider, Snackbar, SnackbarContent, SpeedDial, SpeedDialAction, SpeedDialIcon, Stack, Step, StepButton, StepConnector, StepContent, StepIcon, StepLabel, Stepper, SvgIcon, SwipeableDrawer, Switch, Tab, Table, TableBody, TableCell, TableContainer, TableFooter, TableHead, TablePagination, TableRow, TableSortLabel, Tabs, TabScrollButton, TextareaAutosize, TextField, ToggleButton, ToggleButtonGroup, Toolbar, Tooltip, Typography, useAutocomplete, useMediaQuery, useScrollTrigger, Zoom } from '@mui/material'; import * as emotionReact from '@emotion/react'; import * as emotionStyled from '@emotion/styled'; import { Avatar, Badge, Button, ButtonGroup, DataGrid, FoundationProvider, IconButton, Radio } from '@hiiretail/react-foundation-ui/components/index'; import { AlertNotification, AlertNotificationProvider, AlertNotificationType, useAlertNotifications, type AlertNotificationDetails } from '@hiiretail/react-foundation-ui/components/AlertNotifications/index'; export { Accordion, AccordionActions, AccordionDetails, AccordionSummary, Alert, AlertNotification, AlertNotificationDetails, AlertNotificationProvider, AlertNotificationType, AlertTitle, AppBar, Autocomplete, Avatar, AvatarGroup, Backdrop, Badge, BottomNavigation, BottomNavigationAction, Box, Breadcrumbs, Button, ButtonGroup, Card, CardActionArea, CardActions, CardContent, CardHeader, CardMedia, Checkbox, Chip, CircularProgress, ClickAwayListener, Collapse, Container, CssBaseline, DataGrid, Dialog, DialogActions, DialogContent, DialogContentText, DialogTitle, Divider, Drawer, emotionReact, emotionStyled, Fab, Fade, FilledInput, FormControl, FormControlLabel, FormGroup, FormHelperText, FormLabel, FoundationProvider, GlobalStyles, Grid, Grow, Hidden, Icon, IconButton, ImageList, ImageListItem, ImageListItemBar, Input, InputAdornment, InputBase, InputLabel, LinearProgress, Link, List, ListItem, ListItemAvatar, ListItemButton, ListItemIcon, ListItemSecondaryAction, ListItemText, ListSubheader, Menu, MenuItem, MenuList, MobileStepper, Modal, NativeSelect, NoSsr, OutlinedInput, Pagination, PaginationItem, Paper, Popover, Popper, Portal, Radio, RadioGroup, Rating, ScopedCssBaseline, Select, Skeleton, Slide, Slider, Snackbar, SnackbarContent, SpeedDial, SpeedDialAction, SpeedDialIcon, Stack, Step, StepButton, StepConnector, StepContent, StepIcon, StepLabel, Stepper, SvgIcon, SwipeableDrawer, Switch, Tab, Table, TableBody, TableCell, TableContainer, TableFooter, TableHead, TablePagination, TableRow, TableSortLabel, Tabs, TabScrollButton, TextareaAutosize, TextField, ToggleButton, ToggleButtonGroup, Toolbar, Tooltip, Typography, useAlertNotifications, useAutocomplete, useMediaQuery, useScrollTrigger, Zoom, }; export { HiiForm } from '@hiiretail/react-foundation-ui/components/molecules/HiiForm/HiiForm'; export { useHiiForm } from '@hiiretail/react-foundation-ui/components/molecules/HiiForm/hooks/useHiiForm'; export * from '@hiiretail/react-foundation-ui/components/molecules/HiiForm/types'; } declare module '@hiiretail/react-foundation-ui' { import main = require('@hiiretail/react-foundation-ui/index'); export = main; }