@sinchsmb/ui-kit/src/index.ts

UI kit for SinchSMB frontend

// Re-exports
import FocusTrap from 'focus-trap-react';
export { FocusTrap };

// CONSTANT

export { Country } from './constans/country';
export { Locale } from './constans/locale';
export { ZIndex } from './constans/zIndex';

// CORE

// HiveUI

export { HiveUI } from './core/HiveUI';
export type { LanguageConfig, HiveUIProps, LinkComponent, LinkComponentProps } from './core/HiveUI';

// hooks
export { useLocale } from './core/hooks/useLocale';

export { useTimeZone } from './core/hooks/useTimeZone';

export { useDateFnsLocale } from './core/hooks/useDateFnsLocale';

export { useFormattedPhoneNumber } from './core/hooks/useFormattedPhoneNumber/useFormattedPhoneNumber';
export type { FormattedPhoneNumber } from './core/hooks/useFormattedPhoneNumber/useFormattedPhoneNumber';

export { useFormattedNumber } from './core/hooks/useFormattedNumber/useFormattedNumber';
export type { UseFormattedNumberOptions } from './core/hooks/useFormattedNumber/useFormattedNumber';

export { useFormattedDateTime } from './core/hooks/useFormattedDateTime/useFormattedDateTime';
export type { UseFormattedDateTimeOptions } from './core/hooks/useFormattedDateTime/useFormattedDateTime';
export {
  DateStyleFormat,
  DayFormat,
  HourFormat,
  MinuteFormat,
  MonthFormat,
  SecondFormat,
  TimeStyleFormat,
  WeekdayFormat,
  YearFormat,
} from './core/hooks/useFormattedDateTime/constants';

// managers/ToastManager

export type { WithToastIdProps, ShowToastThroughManagerOptions } from './core/managers/ToastManager/types';
export { DEFAULT_TOAST_VISIBLE_DURATION } from './core/managers/ToastManager/constants';

export { useToastManager } from './core/managers/ToastManager/hooks/useToastManager';
export type { UseToastManagerResult } from './core/managers/ToastManager/hooks/useToastManager';

export { useToast } from './core/managers/ToastManager/hooks/useToast';
export type { UseToastResult, ShowToastOptions } from './core/managers/ToastManager/hooks/useToast';

// COMPONENTS

// Accordion
export { Accordion } from './components/Accordion/Accordion';
export type { AccordionProps } from './components/Accordion/Accordion';

export { AccordionItem } from './components/Accordion/components/AccordionItem/AccordionItem';
export type { AccordionItemProps } from './components/Accordion/components/AccordionItem/AccordionItem';

// Alert

export { Alert } from './components/Alert/Alert';
export type { AlertProps } from './components/Alert/Alert';
export { AlertAppearance } from './components/Alert/constants';

export { AlertAction } from './components/Alert/components/AlertAction/AlertAction';
export type { AlertActionProps } from './components/Alert/components/AlertAction/AlertAction';

export { AlertActions } from './components/Alert/components/AlertActions/AlertActions';
export type { AlertActionsProps } from './components/Alert/components/AlertActions/AlertActions';

export { AlertContent } from './components/Alert/components/AlertContent/AlertContent';
export type { AlertContentProps } from './components/Alert/components/AlertContent/AlertContent';

export { AlertTitle } from './components/Alert/components/AlertTitle/AlertTitle';
export type { AlertTitleProps } from './components/Alert/components/AlertTitle/AlertTitle';

// Avatar

export { Avatar } from './components/Avatar/Avatar';
export type { AvatarProps } from './components/Avatar/Avatar';
export { AvatarColor, AvatarSize } from './components/Avatar/constants';

// Badge

export { Badge } from './components/Badge/Badge';
export type { BadgeProps } from './components/Badge/Badge';
export { BadgeColor, BadgeVariant, BadgeType } from './components/Badge/constants';

// BadgeGroup

export { BadgeGroup } from './components/BadgeGroup/BadgeGroup';
export type { BadgeGroupProps } from './components/BadgeGroup/BadgeGroup';

// Button

export { Button } from './components/Button/Button';
export type { ButtonProps } from './components/Button/Button';
export { ButtonAppearance } from './components/Button/constants';

// Counter

export { Counter } from './components/Counter/Counter';
export type { CounterProps } from './components/Counter/Counter';
export { CounterColor, CounterType } from './components/Counter/constants';

// CountryIcon
export { CountryIcon } from './components/CountryIcon/CountryIcon';
export type { CountryIconProps } from './components/CountryIcon/CountryIcon';

// EmptyState
export { EmptyState } from './components/EmptyState/EmptyState';
export type { EmptyStateProps } from './components/EmptyState/EmptyState';

export { EmptyStateBody } from './components/EmptyState/components/EmptyStateBody/EmptyStateBody';
export type { EmptyStateBodyProps } from './components/EmptyState/components/EmptyStateBody/EmptyStateBody';

export { EmptyStateHeader } from './components/EmptyState/components/EmptyStateHeader/EmptyStateHeader';
export type { EmptyStateHeaderProps } from './components/EmptyState/components/EmptyStateHeader/EmptyStateHeader';

export { EmptyStateButton } from './components/EmptyState/components/EmptyStateButton';
export type { EmptyStateButtonProps } from './components/EmptyState/components/EmptyStateButton';

// ExtendablePanel
export { ExtendablePanel } from './components/ExtendablePanel/ExtendablePanel';
export type { ExtendablePanelProps } from './components/ExtendablePanel/ExtendablePanel';

// Icon

export { Icon } from './components/Icon/Icon';
export type { IconProps } from './components/Icon/Icon';
export { IconGlyph } from './components/Icon/constants';

// Icon Help
export { IconHelp } from './components/IconHelp/IconHelp';
export type { IconHelpProps } from './components/IconHelp/IconHelp';

// Loader

export { Loader } from './components/Loader/Loader';
export type { LoaderProps } from './components/Loader/Loader';

// Menu

export { Menu } from './components/Menu/Menu';
export type { MenuProps } from './components/Menu/Menu';

export { MenuItem } from './components/Menu/components/MenuItem/MenuItem';
export type { MenuItemProps } from './components/Menu/components/MenuItem/MenuItem';

export { MenuTrigger } from './components/Menu/components/MenuTrigger/MenuTrigger';
export type { MenuTriggerProps } from './components/Menu/components/MenuTrigger/MenuTrigger';

// Pagination

export { Pagination } from './components/Pagination/Pagination';
export type { PaginationProps } from './components/Pagination/Pagination';

// Portal
export { Portal } from './components/Portal/Portal';
export type { PortalProps } from './components/Portal/Portal';

// Scrollable

export { Scrollable } from './components/Scrollable/Scrollable';
export type { ScrollableProps } from './components/Scrollable/Scrollable';

// Skeleton

export { Skeleton } from './components/Skeleton/Skeleton';
export type { SkeletonProps } from './components/Skeleton/Skeleton';
export { SkeletonVariant } from './components/Skeleton/constants';

// Table

export { Table } from './components/Table/Table';
export type { TableProps } from './components/Table/Table';
export type { TableColumnVisibility, TableSelection, TableSort } from './components/Table/types';
export { TableSelectionType, SortOrder } from './components/Table/constants';

export { selectedRowsCount } from './components/Table/utils/selectedRowsCount';

export { TableAdjustColumns } from './components/Table/components/TableAdjustColumns/TableAdjustColumns';
export type { TableAdjustColumnsProps } from './components/Table/components/TableAdjustColumns/TableAdjustColumns';

export { TableBody } from './components/Table/components/TableBody/TableBody';
export type { TableBodyProps } from './components/Table/components/TableBody/TableBody';

export { TableAction } from './components/Table/components/TableBody/TableRow/TableAction';
export type { TableActionProps } from './components/Table/components/TableBody/TableRow/TableAction';

export { TableActionsCell } from './components/Table/components/TableBody/TableRow/TableActionsCell';
export type { TableActionsCellProps } from './components/Table/components/TableBody/TableRow/TableActionsCell';

export { TableCell } from './components/Table/components/TableBody/TableRow/TableCell';
export type { TableCellProps } from './components/Table/components/TableBody/TableRow/TableCell';

export { TableRow } from './components/Table/components/TableBody/TableRow/TableRow';
export type { TableRowProps } from './components/Table/components/TableBody/TableRow/TableRow';

export { TableCaption } from './components/Table/components/TableCaption/TableCaption';
export type { TableCaptionProps } from './components/Table/components/TableCaption/TableCaption';

export { TableCaptionSummary } from './components/Table/components/TableCaption/TableCaptionSummary';
export type { TableCaptionSummaryProps } from './components/Table/components/TableCaption/TableCaptionSummary';

export { TableCaptionTitle } from './components/Table/components/TableCaption/TableCaptionTitle';
export type { TableCaptionTitleProps } from './components/Table/components/TableCaption/TableCaptionTitle';

export { TableNoRowsBody } from './components/Table/components/TableNoRowsBody/TableNoRowsBody';
export type { TableNoRowsBodyProps } from './components/Table/components/TableNoRowsBody/TableNoRowsBody';

export { TableNoColumnsBody } from './components/Table/components/TableNoColumnsBody/TableNoColumnsBody';
export type { TableNoColumnsBodyProps } from './components/Table/components/TableNoColumnsBody/TableNoColumnsBody';

export { TableFooter } from './components/Table/components/TableFooter/TableFooter';
export type { TableFooterProps } from './components/Table/components/TableFooter/TableFooter';

export { TablePagination } from './components/Table/components/TableFooter/TablePagination';
export type { TablePaginationProps } from './components/Table/components/TableFooter/TablePagination';

export { TableRowsPerPage } from './components/Table/components/TableFooter/TableRowsPerPage';
export type { TableRowsPerPageProps } from './components/Table/components/TableFooter/TableRowsPerPage';

export { TableHeader } from './components/Table/components/TableHeader/TableHeader';
export type { TableHeaderProps } from './components/Table/components/TableHeader/TableHeader';

export { TableHeaderCell } from './components/Table/components/TableHeader/TableHeaderCell';
export type { TableHeaderCellProps } from './components/Table/components/TableHeader/TableHeaderCell';

// Tabs
export { Tabs } from './components/Tabs/Tabs';
export type { TabsProps } from './components/Tabs/Tabs';

export { TabItem } from './components/Tabs/components/TabItem/TabItem';
export type { TabItemProps } from './components/Tabs/components/TabItem/TabItem';

// Text

export { Text } from './components/Text/Text';
export type { TextProps } from './components/Text/Text';
export { TextVariant } from './components/Text/constants';

// Toast

export { Toast } from './components/Toast/Toast';
export type { ToastProps } from './components/Toast/Toast';
export { ToastAppearance } from './components/Toast/constants';

export { ToastAction } from './components/Toast/components/ToastAction';
export type { ToastActionProps } from './components/Toast/components/ToastAction';

// Toolbar

export { Toolbar } from './components/Toolbar/Toolbar';
export type { ToolbarProps } from './components/Toolbar/Toolbar';

export { ToolbarPanel } from './components/Toolbar/components/ToolbarPanel/ToolbarPanel';
export type { ToolbarPanelProps } from './components/Toolbar/components/ToolbarPanel/ToolbarPanel';
export { ToolbarButton } from './components/Toolbar/components/ToolbarButton/ToolbarButton';
export type { ToolbarButtonProps } from './components/Toolbar/components/ToolbarButton/ToolbarButton';

// Tooltip

export { Tooltip } from './components/Tooltip/Tooltip';
export type { TooltipProps } from './components/Tooltip/Tooltip';
export { TooltipPosition } from './components/Tooltip/constants';

// TriggerButton

export { TriggerButton } from './components/TriggerButton/TriggerButton';
export type { TriggerButtonProps } from './components/TriggerButton/TriggerButton';

// FieldPrefixIcon
export { FieldPrefixIcon } from './components/FieldPrefixIcon/FieldPrefixIcon';
export type { FieldPrefixIconProps } from './components/FieldPrefixIcon/FieldPrefixIcon';

// FieldSuffixIconButton
export { FieldSuffixIconButton } from './components/FieldSuffixIconButton/FieldSuffixIconButton';
export type { FieldSuffixIconButtonProps } from './components/FieldSuffixIconButton/FieldSuffixIconButton';

// FieldSuffixTextButton
export { FieldSuffixTextButton } from './components/FieldSuffixTextButton/FieldSuffixTextButton';
export type { FieldSuffixTextButtonProps } from './components/FieldSuffixTextButton/FieldSuffixTextButton';

// FORM

// Checkbox

export { Checkbox } from './form/Checkbox/Checkbox';
export type { CheckboxProps } from './form/Checkbox/Checkbox';

// CountrySelectField

export { CountrySelectField } from './form/CountrySelectField/CountrySelectField';
export type { CountrySelectFieldProps } from './form/CountrySelectField/CountrySelectField';

// DateField

export { DateField } from './form/DateField/DateField';
export type { DateFieldProps } from './form/DateField/DateField';

// FileUpload

export { FileUpload } from './form/FileUpload/FileUpload';
export type { FileUploadProps } from './form/FileUpload/FileUpload';
export { FileUploadStatus, FileUploadInputErrorCode } from './form/FileUpload/constants';
export type { FileUploadFileMeta } from './form/FileUpload/types';

// FormField

export { FormField } from './form/FormField/FormField';
export type { FormFieldProps } from './form/FormField/FormField';
export { FormFieldDirection } from './form/FormField/constants';

// PhoneField

export { PhoneField } from './form/PhoneField/PhoneField';
export type { PhoneFieldProps } from './form/PhoneField/PhoneField';

// Radio

export { Radio } from './form/Radio/Radio';
export type { RadioProps } from './form/Radio/Radio';

// SearchField

export { SearchField } from './form/SearchField/SearchField';
export type { SearchFieldProps } from './form/SearchField/SearchField';

// SelectField

export { SelectField } from './form/SelectField/SelectField';
export type { SelectFieldProps } from './form/SelectField/SelectField';
export type { SelectOption } from './form/SelectField/types';

// Switch

export { Switch } from './form/Switch/Switch';
export type { SwitchProps } from './form/Switch/Switch';
export { SwitchSize } from './form/Switch/constants';

// TextField

export { TextField } from './form/TextField/TextField';
export type { TextFieldProps } from './form/TextField/TextField';

export { TextFieldType } from './form/TextField/constants';

// TextArea

export { TextArea } from './form/TextArea/TextArea';
export type { TextAreaProps } from './form/TextArea/TextArea';

// NumberField

export { NumberField } from './form/NumberField/NumberField';
export type { NumberFieldProps } from './form/NumberField/NumberField';

// FORMIK

// FormikCheckbox

export { FormikCheckbox } from './formik/FormikCheckbox/FormikCheckbox';
export type { FormikCheckboxProps } from './formik/FormikCheckbox/FormikCheckbox';

// FormikCountrySelectField

export { FormikCountrySelectField } from './formik/FormikCountrySelectField/FormikCountrySelectField';
export type { FormikCountrySelectFieldProps } from './formik/FormikCountrySelectField/FormikCountrySelectField';

// FormikDateField

export { FormikDateField } from './formik/FormikDateField/FormikDateField';
export type { FormikDateFieldProps } from './formik/FormikDateField/FormikDateField';

// FormikFileUpload

export { FormikFileUpload } from './formik/FormikFileUpload/FormikFileUpload';
export type {
  FormikFileUploadProps,
  FormikFileUploadController,
} from './formik/FormikFileUpload/FormikFileUpload';

// FormikPhoneField

export { FormikPhoneField } from './formik/FormikPhoneField/FormikPhoneField';
export type { FormikPhoneFieldProps } from './formik/FormikPhoneField/FormikPhoneField';

// FormikRadio

export { FormikRadio } from './formik/FormikRadio/FormikRadio';
export type { FormikRadioProps } from './formik/FormikRadio/FormikRadio';

// FormikSearchField

export { FormikSearchField } from './formik/FormikSearchField/FormikSearchField';
export type { FormikSearchFieldProps } from './formik/FormikSearchField/FormikSearchField';

// FormikSelectField

export { FormikSelectField } from './formik/FormikSelectField/FormikSelectField';
export type { FormikSelectFieldProps } from './formik/FormikSelectField/FormikSelectField';

// FormikSwitch

export { FormikSwitch } from './formik/FormikSwitch/FormikSwitch';
export type { FormikSwitchProps } from './formik/FormikSwitch/FormikSwitch';

// FormikTextField

export { FormikTextField } from './formik/FormikTextField/FormikTextField';
export type { FormikTextFieldProps } from './formik/FormikTextField/FormikTextField';

// FormikTextArea

export { FormikTextArea } from './formik/FormikTextArea/FormikTextArea';
export type { FormikTextAreaProps } from './formik/FormikTextArea/FormikTextArea';

// FormikNumberField

export { FormikNumberField } from './formik/FormikNumberField/FormikNumberField';
export type { FormikNumberFieldProps } from './formik/FormikNumberField/FormikNumberField';

// FormikSubmitButton
export { FormikSubmitButton } from './formik/FormikSubmitButton/FormikSubmitButton';
export type { FormikSubmitButtonProps } from './formik/FormikSubmitButton/FormikSubmitButton';

// LAYOUT

// Card

export { Card } from './layout/Card/Card';
export type { CardProps } from './layout/Card/Card';

export { CardBody } from './layout/Card/components/CardBody/CardBody';
export type { CardBodyProps } from './layout/Card/components/CardBody/CardBody';

export { CardHeader } from './layout/Card/components/CardHeader/CardHeader';
export type { CardHeaderProps } from './layout/Card/components/CardHeader/CardHeader';

// Header

export { Header } from './layout/Header/Header';
export type { HeaderProps } from './layout/Header/Header';
export { HeaderUserMenuAction } from './layout/Header/constants';
export type { HeaderCompany, HeaderUser } from './layout/Header/types';

// ModalDialog

export { ModalDialog } from './layout/ModalDialog/ModalDialog';
export type { ModalDialogProps } from './layout/ModalDialog/ModalDialog';
export { ModalDialogSize } from './layout/ModalDialog/constants';

export { ModalBody } from './layout/ModalDialog/components/ModalBody/ModalBody';
export type { ModalBodyProps } from './layout/ModalDialog/components/ModalBody/ModalBody';

export { ModalFooter } from './layout/ModalDialog/components/ModalFooter/ModalFooter';
export type { ModalFooterProps } from './layout/ModalDialog/components/ModalFooter/ModalFooter';

export { ModalFooterButtonGroup } from './layout/ModalDialog/components/ModalFooter/ModalFooterButtonGroup/ModalFooterButtonGroup';
export type { ModalFooterButtonGroupProps } from './layout/ModalDialog/components/ModalFooter/ModalFooterButtonGroup/ModalFooterButtonGroup';

export { ModalHeader } from './layout/ModalDialog/components/ModalHeader/ModalHeader';
export type { ModalHeaderProps } from './layout/ModalDialog/components/ModalHeader/ModalHeader';

export { ModalTitle } from './layout/ModalDialog/components/ModalHeader/ModalTitle/ModalTitle';
export type { ModalTitleProps } from './layout/ModalDialog/components/ModalHeader/ModalTitle/ModalTitle';

export { ModalSubTitle } from './layout/ModalDialog/components/ModalHeader/ModalSubTitle/ModalSubTitle';
export type { ModalSubTitleProps } from './layout/ModalDialog/components/ModalHeader/ModalSubTitle/ModalSubTitle';

// NavigationBar
export { NavigationBar } from './layout/NavigationBar/NavigationBar';
export type { NavigationBarProps } from './layout/NavigationBar/NavigationBar';

export { NavigationBarLogo } from './layout/NavigationBar/components/NavigationBarLogo/NavigationBarLogo';
export type { NavigationBarLogoProps } from './layout/NavigationBar/components/NavigationBarLogo/NavigationBarLogo';

export { NavigationBarSpacer } from './layout/NavigationBar/components/NavigationBarSpacer/NavigationBarSpacer';
export type { NavigationBarSpacerProps } from './layout/NavigationBar/components/NavigationBarSpacer/NavigationBarSpacer';

export { NavigationBarItem } from './layout/NavigationBar/components/NavigationBarItem/NavigationBarItem';
export type { NavigationBarItemProps } from './layout/NavigationBar/components/NavigationBarItem/NavigationBarItem';

export { NavigationBarList } from './layout/NavigationBar/components/NavigationBarList/NavigationBarList';
export type { NavigationBarListProps } from './layout/NavigationBar/components/NavigationBarList/NavigationBarList';

export { NavigationBarListItem } from './layout/NavigationBar/components/NavigationBarListItem/NavigationBarListItem';
export type { NavigationBarListItemProps } from './layout/NavigationBar/components/NavigationBarListItem/NavigationBarListItem';

// NavigationPanel
export { NavigationPanel } from './layout/NavigationPanel/NavigationPanel';
export type { NavigationPanelProps } from './layout/NavigationPanel/NavigationPanel';

export { NavigationPanelLogo } from './layout/NavigationPanel/components/NavigationPanelLogo/NavigationPanelLogo';
export type { NavigationPanelLogoProps } from './layout/NavigationPanel/components/NavigationPanelLogo/NavigationPanelLogo';

export { NavigationPanelItem } from './layout/NavigationPanel/components/NavigationPanelItem/NavigationPanelItem';
export type { NavigationPanelItemProps } from './layout/NavigationPanel/components/NavigationPanelItem/NavigationPanelItem';

// Page

export { Page } from './layout/Page/Page';
export type { PageProps } from './layout/Page/Page';

export { PageBody } from './layout/Page/components/PageBody/PageBody';
export type { PageBodyProps } from './layout/Page/components/PageBody/PageBody';

export { PageFooter } from './layout/Page/components/PageFooter/PageFooter';
export type { PageFooterProps } from './layout/Page/components/PageFooter/PageFooter';

export { PageHeadline } from './layout/Page/components/PageHeadline/PageHeadline';
export type { PageHeadlineProps } from './layout/Page/components/PageHeadline/PageHeadline';

// THEME

export { color, shadow, typography, other, radius, font } from './theme';
export type { DefaultTheme, PropsWithTheme } from './theme';