@cagatayfdn/flora-components 0.0.50 → 0.0.51

package/dist/index.d.ts

@@ -27,7 +27,7 @@ export declare const Accordion: ({ children, className, }: AccordionProps) => JS
 
 export declare const AccordionItem: ({ children, title, isVisible, className, onClick, customItemRenderer, }: AccordionItemProps) => JSX.Element;
 
-declare type AccordionItemProps = {
+export declare type AccordionItemProps = {
     title?: ReactNode;
     children: ReactNode;
     customItemRenderer?: (isOpen: boolean) => ReactNode;
@@ -43,13 +43,13 @@ declare type AccordionProps = {
 
 export declare function ActionButton({ items }: ActionButtonProps): JSX_2.Element;
 
-declare type ActionButtonItems = {
+export declare type ActionButtonItems = {
     text: string;
     icon: Icons;
     onClick?: (event: React.MouseEvent<HTMLElement>) => void;
 };
 
-declare type ActionButtonProps = {
+export declare type ActionButtonProps = {
     items: ActionButtonItems[];
 };
 
@@ -83,6 +83,12 @@ declare type AlertCardProps = {
     onClose?: () => void;
 };
 
+export declare type AnchorProps = {
+    index: number;
+    title: string;
+    customIndexItem?: any;
+};
+
 export declare enum AppAndServicesStatusApperenceType {
     ADDONS_INITIALIZING = "addons_initializing",
     ADDONS_ADDONS_INITILIZATION_FAILED = "addons_initialization_failed",
@@ -160,7 +166,7 @@ export declare const AuthProvider: (props: {
 
 export declare const Autocomplete: (props: AutocompleteProps) => JSX.Element;
 
-declare type AutocompleteProps = {
+export declare type AutocompleteProps = {
     items: OptionItem[];
 } & InputProps;
 
@@ -173,6 +179,12 @@ declare type BarProps = {
     data: BarChartProps['data'];
 };
 
+export declare type BreadcrumbProps = {
+    name: string;
+    route: string;
+    state?: any;
+};
+
 export declare const Button: ({ children, size, isLoading, isDisabled, isBlock, noBorder, noBackground, round, isSolid, type, className, prefixIcon, appearance, onClick, }: ButtonProps) => JSX.Element;
 
 declare type ButtonProps = {
@@ -203,7 +215,7 @@ declare type CanProps = {
 
 export declare const Card: (props: CardProps) => JSX.Element;
 
-declare type CardProps = {
+export declare type CardProps = {
     children?: ReactNode;
     icon?: Icons;
     bgColor?: string;
@@ -230,9 +242,33 @@ export declare const Checkbox: React_2.ForwardRefExoticComponent<{
     isInline?: boolean | undefined;
 } & FormElementProps & Pick<EventProps<HTMLInputElement>, "onClick" | "onChange" | "onFocus"> & React_2.RefAttributes<HTMLInputElement>>;
 
+export declare type CheckboxProps = {
+    id?: string;
+    label?: string;
+    labelAppearance?: FormFieldAppearance;
+    className?: string;
+    wrapperClassName?: string;
+    checked?: boolean;
+    isInline?: boolean;
+} & FormElementProps & Pick<EventProps<HTMLInputElement>, 'onChange' | 'onFocus' | 'onClick'>;
+
+export declare const CLIENT_DATE_AND_TIME_FORMAT = "DD MMMM YYYY HH:mm";
+
+export declare const CLIENT_DATE_AND_TIME_SHORT_FORMAT = "DD MMM YY HH:mm";
+
+export declare const CLIENT_DATE_COMPARE_FORMAT = "DD-MM-YYYY";
+
+export declare const CLIENT_DATE_FILTER_FORMAT = "YYYY-MM-DD";
+
+export declare const CLIENT_DATE_SHORT_FORMAT = "DD MMM YYYY";
+
+export declare const CLIENT_TIME_FORMAT = "HH:mm";
+
+export declare const CLIENT_TIME_FORMAT_PICKER = "H:i";
+
 export declare const Column: ({ children, auto, size, sm, md, lg, xl, className, }: ColumnProps) => JSX.Element;
 
-declare type ColumnProps = {
+export declare type ColumnProps = {
     children: ReactNode;
     auto?: boolean;
     size?: number;
@@ -243,7 +279,7 @@ declare type ColumnProps = {
     className?: string;
 };
 
-declare type ColumnsType = {
+export declare type ColumnsType = {
     title: ReactNode;
     dataIndex: string;
     key?: string;
@@ -256,11 +292,16 @@ declare type ColumnsType = {
     render?: (property: any, row: any) => void;
 };
 
-export declare function Config({ config, scrollProps }: Props): JSX_2.Element;
+export declare function Config({ config, scrollProps }: ConfigProps): JSX_2.Element;
+
+export declare type ConfigProps = {
+    config: ProjectAppAddon['config'];
+    scrollProps?: Omit<React_2.ComponentProps<typeof ScrollContainer>, 'children'>;
+};
 
 export declare const Confirm: FC<ConfirmProps & NiceModalHocProps>;
 
-declare type ConfirmProps = {
+export declare type ConfirmProps = {
     id: string;
     onClose?: () => void;
     okBtnCallback: () => void;
@@ -275,7 +316,7 @@ declare type ConfirmProps = {
 
 export declare const ContentHeader: (props: ContentHeaderProps) => JSX_2.Element;
 
-declare type ContentHeaderProps = {
+export declare type ContentHeaderProps = {
     title?: string | ReactNode | TFunctionResult;
     leftComponent?: ReactNode;
     rightClassName?: string;
@@ -297,16 +338,34 @@ export declare enum CopyTextStatusEnum {
 
 export declare function Countdown({ seconds, reset, onEnd }: CountdownProps): JSX_2.Element;
 
-declare type CountdownProps = {
+export declare type CountdownProps = {
     seconds: number;
     reset?: any;
     onEnd?: () => void;
 };
 
-declare type CustomItemProps = {
+export declare type CustomItemProps = {
     item: OptionProps;
 };
 
+export declare type CustomLinkProps = {
+    to: LinkProps['to'];
+} & AnchorProps;
+
+export declare const DateFormats: {
+    SERVER_DATE_FORMAT: string;
+    SERVER_DATE_AND_TIME_FORMAT: string;
+    CLIENT_DATE_SHORT_FORMAT: string;
+    CLIENT_DATE_COMPARE_FORMAT: string;
+    CLIENT_DATE_AND_TIME_FORMAT: string;
+    CLIENT_DATE_AND_TIME_SHORT_FORMAT: string;
+    CLIENT_DATE_FILTER_FORMAT: string;
+    CLIENT_TIME_FORMAT_PICKER: string;
+    CLIENT_TIME_FORMAT: string;
+    MIN_DATE_TODAY: Date;
+    MIN_DATE_TOMORROW: Date;
+};
+
 export declare const Datepicker: React_2.ForwardRefExoticComponent<{
     format?: string | undefined;
     mode?: "time" | "range" | "single" | "multiple" | "datetime" | undefined;
@@ -322,6 +381,21 @@ export declare const Datepicker: React_2.ForwardRefExoticComponent<{
     onClose?: ((s: any) => void) | undefined;
 } & Omit<InputProps, "onChange" | "value"> & React_2.RefAttributes<HTMLDivElement>>;
 
+export declare type DatepickerProps = {
+    format?: string;
+    mode?: 'single' | 'multiple' | 'range' | 'time' | 'datetime';
+    hasShortFormat?: boolean;
+    isFormGroup?: boolean;
+    minDate?: string | Date;
+    maxDate?: string | Date;
+    time?: boolean;
+    value?: any;
+    disable?: any;
+    enable?: DateLimit<DateOption>[];
+    onChange?: (s: any) => void;
+    onClose?: (s: any) => void;
+} & Omit<InputProps, 'onChange' | 'value'>;
+
 export { dayjs }
 
 declare type Dispatch = React_2.Dispatch<Actiontype>;
@@ -333,13 +407,13 @@ export declare enum DividerAppearance {
     GREY = "grey"
 }
 
-declare type DividerProps = {
+export declare type DividerProps = {
     appearance?: DividerAppearance;
     className?: string;
     margin?: string;
 };
 
-declare type DropdownItemType = {
+export declare type DropdownItemType = {
     text: string;
     to?: string;
     icon?: Icons;
@@ -350,7 +424,7 @@ declare type DropdownItemType = {
 
 export declare const DropdownList: ({ buttonChild, items, footerItem, className, title, titleClass, event, size, isDisabled, }: DropdownListProps) => JSX.Element;
 
-declare type DropdownListProps = {
+export declare type DropdownListProps = {
     buttonChild: ReactNode;
     footerItem?: ReactNode;
     items: DropdownItemType[];
@@ -402,6 +476,25 @@ export declare const FileUploadLengthCard: ({ count, onCardClick }: LengthCardPr
 
 export declare const FileUploadPreviewModal: ({ imagePaths, onClose, onDelete }: PreviewModalProps) => JSX_2.Element;
 
+export declare type FileUploadProps = {
+    type?: 'text' | 'url' | 'number' | 'tel' | 'password' | 'email' | 'search' | 'hidden';
+    id?: string;
+    info?: string;
+    accept?: 'image/png, image/jpeg';
+    size?: Size;
+    multiple?: boolean;
+    className?: string;
+    appearance?: FormFieldAppearance;
+    height?: '40' | '80';
+    autoComplete?: string;
+    wrapperClassName?: string;
+    description?: string;
+    value?: any;
+    fileName?: string;
+    required?: boolean;
+    onChange?: (event: any) => void;
+} & Omit<FormElementProps, 'value'> & Omit<EventProps<HTMLInputElement>, 'onMouseUp' | 'onMouseDown' | 'onMouseEnter' | 'onMouseLeave' | 'onChange'>;
+
 declare interface FormElementProps {
     name: string;
     placeholder?: string;
@@ -420,6 +513,8 @@ export declare enum FormFieldAppearance {
     MORE_DARK = "more_dark"
 }
 
+export declare const friendlyDate: (v: any, mode?: "single" | "multiple" | "range" | "time" | "datetime", shortFormat?: boolean) => any;
+
 export declare const getAuth: ({ permType, user, permItem }: GetAuthProps) => boolean;
 
 declare type GetAuthProps = {
@@ -439,7 +534,7 @@ declare type HashMap<K extends string | number, V> = {
 
 export declare const Heading: React_2.FC<HeadingProps>;
 
-declare type HeadingProps = {
+export declare type HeadingProps = {
     level?: number;
     className?: string;
     children: React_2.ReactNode;
@@ -449,7 +544,7 @@ export { i18n }
 
 export declare const Icon: (props: IconProps) => JSX.Element;
 
-declare type IconProps = {
+export declare type IconProps = {
     id?: string;
     name: IconsId;
     isDisabled?: boolean;
@@ -518,14 +613,14 @@ declare enum Icons {
 
 declare type IconsId = 'applications' | 'attach' | 'attachment' | 'billing' | 'box' | 'calendar' | 'cart' | 'certificate' | 'check' | 'chevron-left' | 'chevron-right' | 'circle-minus' | 'circle-plus' | 'clock' | 'close' | 'copy' | 'credit-card' | 'document' | 'domain-registration' | 'domains' | 'down-arrow' | 'down-square' | 'down' | 'download' | 'edit-outline' | 'edit' | 'email' | 'environment' | 'error-fill' | 'error' | 'fileTextOutlined' | 'info' | 'install' | 'link' | 'log' | 'menu-close' | 'menu-open' | 'monitoring' | 'network' | 'no-results' | 'not-edit' | 'path' | 'plus' | 'preview' | 'profile' | 'project-list' | 'projects' | 'reload' | 'retry' | 'search' | 'settings' | 'support' | 'trash' | 'users' | 'warning';
 
-declare type ImagePreviewProps = {
+export declare type ImagePreviewProps = {
     onClose: () => void;
     src: string;
 };
 
 export declare function InfiniteScroll({ children, hasMore, height, loadMore, treshold, }: InfiniteScrollProps): JSX.Element;
 
-declare interface InfiniteScrollProps {
+export declare interface InfiniteScrollProps {
     className?: string;
     children?: React.ReactNode;
     height?: number;
@@ -536,14 +631,14 @@ declare interface InfiniteScrollProps {
 
 export declare const InfoBoxList: ({ items, isLoading, className, }: InfoBoxListProps) => JSX.Element;
 
-declare type InfoBoxListItem = {
+export declare type InfoBoxListItem = {
     label: string;
     value: ReactNode;
     copy?: boolean;
     className?: string;
 };
 
-declare type InfoBoxListProps = {
+export declare type InfoBoxListProps = {
     items: InfoBoxListItem[];
     isLoading?: boolean;
     className?: string;
@@ -551,7 +646,7 @@ declare type InfoBoxListProps = {
 
 export declare const InfoDate: (props: InfoDateProps) => JSX_2.Element;
 
-declare interface InfoDateProps {
+export declare interface InfoDateProps {
     date: string | Date;
     time?: boolean;
     fromNow?: boolean | any;
@@ -559,7 +654,7 @@ declare interface InfoDateProps {
 
 export declare const InfoText: ({ text, className }: InfoTextProps) => JSX_2.Element;
 
-declare type InfoTextProps = {
+export declare type InfoTextProps = {
     text: string;
     className?: string;
 };
@@ -585,7 +680,7 @@ export declare const Input: React_2.ForwardRefExoticComponent<{
     textFillColor?: string | undefined;
 } & Omit<FormElementProps, "value"> & Omit<EventProps<HTMLInputElement>, "onMouseDown" | "onMouseUp" | "onMouseEnter" | "onMouseLeave"> & React_2.RefAttributes<HTMLInputElement>>;
 
-declare type InputProps = {
+export declare type InputProps = {
     type?: 'text' | 'url' | 'number' | 'tel' | 'password' | 'email' | 'search' | 'hidden';
     prefix?: ReactNode;
     suffix?: ReactNode;
@@ -613,14 +708,14 @@ export declare enum isActiveColor {
 
 export declare const Label: (props: LabelProps) => JSX.Element;
 
-declare type LabelProps = {
+export declare type LabelProps = {
     children: ReactNode;
     name?: string;
     className?: string;
     appearance?: FormFieldAppearance;
 };
 
-declare type LayoutProps = {
+export declare type LayoutProps = {
     children: ReactNode;
     breadcrumbs: any[];
     className?: string;
@@ -634,7 +729,7 @@ declare type LegendsProps = {
     colorMap: Record<string, string>;
 };
 
-declare type LengthCardProps = {
+export declare type LengthCardProps = {
     count: number;
     onCardClick: () => void;
 };
@@ -651,7 +746,7 @@ declare type LineProps = {
 
 export declare const Loading: ({ className, appearance, layer, wrapperClass, }: LoadingProps) => JSX.Element;
 
-declare type LoadingProps = {
+export declare type LoadingProps = {
     className?: string;
     wrapperClass?: string;
     appearance?: AppearanceSpinner;
@@ -664,13 +759,17 @@ declare type MappedObjectPermission_2 = HashMap<PermissionsType_2, number[]>
 
 export declare const MenuItem: ({ icon, title, to, visibleTooltip, }: MenuItemProps) => JSX.Element;
 
-declare type MenuItemProps = {
+export declare type MenuItemProps = {
     title: string;
     visibleTooltip: boolean;
     to?: string;
     icon?: IconsId;
 };
 
+export declare const MIN_DATE_TODAY: Date;
+
+export declare const MIN_DATE_TOMORROW: Date;
+
 export declare const Modal: (props: ModalProps) => JSX.Element;
 
 export declare enum ModalAppearanceType {
@@ -678,11 +777,11 @@ export declare enum ModalAppearanceType {
     SUCCESS = "success"
 }
 
-declare type ModalEvents = {
+export declare type ModalEvents = {
     onClose: () => void;
 };
 
-declare type ModalProps = {
+export declare type ModalProps = {
     children: ReactNode;
     visible?: boolean;
     title?: string;
@@ -694,7 +793,18 @@ declare type ModalProps = {
     appearance?: ThemeAppearance;
 } & ModalEvents;
 
-export declare const NavigatorCard: (props: Props_2) => JSX_2.Element;
+export declare const NavigatorCard: (props: NavigatorCardProps) => JSX_2.Element;
+
+export declare type NavigatorCardProps = {
+    id: number;
+    to: string;
+    title: string;
+    content: string | Date;
+    icon?: any;
+    iconClassName?: string;
+    serviceCount: number | string;
+    appCount: number | string;
+};
 
 export { NiceModal }
 
@@ -711,7 +821,7 @@ export declare enum NotificationAppearanceType {
     LOADING = "loading"
 }
 
-declare type NotificationProps = {
+export declare type NotificationProps = {
     message: string | ReactNode;
     type: NotificationAppearanceType;
     closeTime?: number;
@@ -724,13 +834,13 @@ declare interface OptionItem {
     rest?: any;
 }
 
-declare interface OptionProps extends OptionItem {
+export declare interface OptionProps extends OptionItem {
     name?: string;
 }
 
 export declare const Pager: (props: PagerProps) => JSX.Element;
 
-declare type PagerProps = {
+export declare type PagerProps = {
     totalCount: number;
     currentPage?: number;
     pageSize?: number;
@@ -743,7 +853,7 @@ export declare const PageWrapper: (props: LayoutProps) => JSX.Element;
 
 export declare const Panel: ({ title, children, description, className, type, appearance, headerDescription, headerRightChild, headerClass, hasBorder, bodyClass, }: PanelProps) => JSX.Element;
 
-declare type PanelProps = {
+export declare type PanelProps = {
     children: ReactNode;
     title?: ReactNode;
     description?: string;
@@ -759,7 +869,7 @@ declare type PanelProps = {
 
 export declare const PermaLink: React_2.FC<PermalinkProps>;
 
-declare type PermalinkProps = {
+export declare type PermalinkProps = {
     to: string;
     params?: Record<string, any>;
     activeClassName?: string;
@@ -773,7 +883,7 @@ declare type PermalinkProps = {
 
 export declare const PermFallBack: () => JSX_2.Element;
 
-export declare function Permission(props: Props_3): JSX_2.Element;
+export declare function Permission(props: Props): JSX_2.Element;
 
 declare interface Permissions_2 {
     default: boolean;
@@ -942,7 +1052,7 @@ export declare enum PodStatusEnum {
     EVICTED = "Evicted"
 }
 
-declare type PreviewModalProps = {
+export declare type PreviewModalProps = {
     imagePaths: string[];
     onClose: () => void;
     onPreview?: () => void;
@@ -989,22 +1099,6 @@ declare enum ProjectAppAddonTypeSlugs {
 }
 
 declare type Props = {
-    config: ProjectAppAddon['config'];
-    scrollProps?: Omit<React_2.ComponentProps<typeof ScrollContainer>, 'children'>;
-};
-
-declare type Props_2 = {
-    id: number;
-    to: string;
-    title: string;
-    content: string | Date;
-    icon?: any;
-    iconClassName?: string;
-    serviceCount: number | string;
-    appCount: number | string;
-};
-
-declare type Props_3 = {
     id: string;
     tooltipText?: string;
 } & CanProps;
@@ -1019,7 +1113,7 @@ export declare const Radio: ({ name, label, isDisabled, checked, isInline, onCha
 
 export declare const RadioList: ({ name, items, value, label, isInline, setContext, error, className, ...restProps }: RadioListProps) => JSX.Element;
 
-declare type RadioListProps = {
+export declare type RadioListProps = {
     name: string;
     label?: string;
     className?: string;
@@ -1036,7 +1130,7 @@ declare interface RadioOptionItem extends OptionItem {
     suffixBtn?: ReactNode;
 }
 
-declare type RadioProps = {
+export declare type RadioProps = {
     id?: string;
     className?: string;
     checked?: boolean;
@@ -1054,7 +1148,7 @@ export declare enum ReportStatus {
 
 export declare const ResultError: ({ title, text, image, buttonText, onClick, }: ResultErrorProps) => JSX.Element;
 
-declare type ResultErrorProps = {
+export declare type ResultErrorProps = {
     title: string;
     text: string;
     image: string;
@@ -1082,14 +1176,14 @@ declare interface Role_2 {
 
 export declare const Row: ({ children, className }: RowProps) => JSX.Element;
 
-declare type RowProps = {
+export declare type RowProps = {
     children: ReactNode;
     className?: string;
 };
 
 export declare const ScrollContainer: ({ children, maxHeight, height, className, }: ScrollContainerProps) => JSX.Element;
 
-declare type ScrollContainerProps = {
+export declare type ScrollContainerProps = {
     children: ReactNode;
     maxHeight?: number;
     height?: string | number;
@@ -1101,7 +1195,7 @@ export declare const Select: {
     displayName: string;
 };
 
-declare type SelectProps = {
+export declare type SelectProps = {
     id?: string;
     items?: OptionProps[];
     itemPrefix?: string;
@@ -1132,6 +1226,10 @@ declare type SelectProps = {
     isRadius?: boolean;
 } & Omit<FormElementProps, 'value'>;
 
+export declare const SERVER_DATE_AND_TIME_FORMAT = "YYYY-MM-DD HH:mm";
+
+export declare const SERVER_DATE_FORMAT = "YYYY-MM-DD";
+
 export declare const Sidebar: ({ collapsed, items, className, isActiveSubMenu, }: SidebarProps) => JSX.Element;
 
 declare type SidebarChildItemType = {
@@ -1142,12 +1240,12 @@ declare type SidebarChildItemType = {
     onClick?: () => void;
 };
 
-declare type SidebarItemType = {
+export declare type SidebarItemType = {
     icon?: Icons;
     children?: SidebarChildItemType[];
 } & SidebarChildItemType;
 
-declare type SidebarProps = {
+export declare type SidebarProps = {
     collapsed?: boolean;
     className?: string;
     items: SidebarItemType[];
@@ -1193,7 +1291,7 @@ export declare enum StatusType {
 
 export declare const StatusTypography: (props: StatusTypographyProps) => JSX_2.Element;
 
-declare type StatusTypographyProps = {
+export declare type StatusTypographyProps = {
     text: any;
     type?: AppAndServicesStatusApperenceType;
     extra?: string;
@@ -1204,7 +1302,7 @@ declare type StatusTypographyProps = {
 
 export declare const Stepper: ({ items, selected, selectAll, renderAnchor, onChange, wrapperClass, }: StepperProps) => JSX.Element;
 
-declare type StepperItemProps = {
+export declare type StepperItemProps = {
     title: string | any;
     customIndexItem?: any;
     activeClass?: any;
@@ -1212,7 +1310,7 @@ declare type StepperItemProps = {
     to?: LinkProps['to'];
 };
 
-declare type StepperProps = {
+export declare type StepperProps = {
     items: StepperItemProps[];
     selected?: number;
     selectAll?: boolean;
@@ -1234,11 +1332,23 @@ export declare const Switch: React_2.ForwardRefExoticComponent<{
     unCheckedChildren?: string | undefined;
 } & Omit<FormElementProps, "value"> & Pick<EventProps<HTMLInputElement>, "onClick" | "onFocus"> & React_2.RefAttributes<HTMLInputElement>>;
 
+export declare type SwitchProps = {
+    name: string;
+    label?: string;
+    checked?: boolean;
+    className?: string;
+    value?: any;
+    onChange?: (value: boolean) => void;
+    onLabelClick?: (value: boolean) => void;
+    checkedChildren?: string;
+    unCheckedChildren?: string;
+} & Omit<FormElementProps, 'value'> & Pick<EventProps<HTMLInputElement>, 'onFocus' | 'onClick'>;
+
 export declare const t: TFunction;
 
 export declare function Tab({ items, selected, onChange }: TabProps): JSX_2.Element;
 
-declare type TabItemProps = {
+export declare type TabItemProps = {
     title: string;
     component: ReactNode | string;
 };
@@ -1247,7 +1357,7 @@ export declare const Table: (props: TableProps) => JSX.Element;
 
 export declare const TableHeader: ({ totalCount, currentPage, title, actionOnChange, className, pagerOnChange, pageSizeOnChange, pagerVisible, pageSizeVisible, pageSize, actionItems, pageSizeItems, headerLeftItem, customItem, appearance, showItemsText, }: TableHeaderProps) => JSX_2.Element;
 
-declare type TableHeaderProps = {
+export declare type TableHeaderProps = {
     totalCount?: number;
     currentPage?: number;
     title?: string;
@@ -1266,7 +1376,7 @@ declare type TableHeaderProps = {
     showItemsText?: string;
 };
 
-declare type TableProps = {
+export declare type TableProps = {
     columns: ColumnsType[];
     dataSource: any[];
     disabledItems?: any[];
@@ -1285,7 +1395,7 @@ declare type TableProps = {
     scrollClass?: string;
 } & TableHeaderProps;
 
-declare type TabProps = {
+export declare type TabProps = {
     items: TabItemProps[];
     onChange: (index: number) => void;
     selected: number;
@@ -1305,6 +1415,20 @@ export declare const Textarea: React_2.ForwardRefExoticComponent<{
     required?: boolean | undefined;
 } & Omit<FormElementProps, "value"> & Omit<EventProps<HTMLTextAreaElement>, "onMouseDown" | "onMouseUp" | "onMouseEnter" | "onMouseLeave" | "readOnly"> & React_2.RefAttributes<HTMLTextAreaElement>>;
 
+export declare type TextareaProps = {
+    id?: string;
+    className?: string;
+    wrapperClassName?: string;
+    rows?: number;
+    maxLength?: number;
+    value?: any;
+    size?: Size;
+    readOnly?: boolean;
+    appearance?: FormFieldAppearance;
+    onChange?: (value: any) => void;
+    required?: boolean;
+} & Omit<FormElementProps, 'value'> & Omit<EventProps<HTMLTextAreaElement>, 'readOnly' | 'onMouseUp' | 'onMouseDown' | 'onMouseEnter' | 'onMouseLeave'>;
+
 export declare enum ThemeAppearance {
     LIGHT = "light",
     DARK = "dark",
@@ -1313,7 +1437,7 @@ export declare enum ThemeAppearance {
 
 export declare const Tooltip: (props: TooltipProps) => JSX.Element;
 
-declare type TooltipProps = {
+export declare type TooltipProps = {
     id: string;
     children: ReactNode;
     tooltipContent: ReactNode;
@@ -1327,7 +1451,7 @@ declare type TooltipProps = {
 
 export declare const TypographyText: (props: TypographyTextProps) => JSX.Element;
 
-declare type TypographyTextProps = {
+export declare type TypographyTextProps = {
     children: string;
     id?: string;
     copyable?: boolean;
@@ -1391,7 +1515,7 @@ declare interface UserEntity_2 {
 
 export declare const ValidationError: ({ message }: ValidationErrorProps) => JSX.Element;
 
-declare type ValidationErrorProps = {
+export declare type ValidationErrorProps = {
     message: string;
 };