sevago-sso-fe 1.0.56 → 1.0.58

package/dist/common/constant/apps.data.d.ts

@@ -9,6 +9,7 @@ export declare enum AppGroup {
 }
 export interface AppInfo {
     path: {
+        local: string;
         develop: string;
         staging: string;
         production: string;
@@ -27,6 +28,7 @@ export declare const APP_GROUP_COLOR: {
     Khác: string;
 };
 export declare const SSO: {
+    local: string;
     develop: string;
     staging: string;
     production: string;
@@ -34,6 +36,7 @@ export declare const SSO: {
 export declare const APP_OBJ: {
     E_HIRING: {
         path: {
+            local: string;
             develop: string;
             staging: string;
             production: string;
@@ -45,6 +48,7 @@ export declare const APP_OBJ: {
     };
     HR: {
         path: {
+            local: string;
             develop: string;
             staging: string;
             production: string;
@@ -56,6 +60,7 @@ export declare const APP_OBJ: {
     };
     PAYROLL: {
         path: {
+            local: string;
             develop: string;
             staging: string;
             production: string;
@@ -67,6 +72,7 @@ export declare const APP_OBJ: {
     };
     ORG: {
         path: {
+            local: string;
             develop: string;
             staging: string;
             production: string;
@@ -78,6 +84,7 @@ export declare const APP_OBJ: {
     };
     CHECKIN: {
         path: {
+            local: string;
             develop: string;
             staging: string;
             production: string;
@@ -89,6 +96,7 @@ export declare const APP_OBJ: {
     };
     CHAT: {
         path: {
+            local: string;
             develop: string;
             staging: string;
             production: string;
@@ -100,6 +108,7 @@ export declare const APP_OBJ: {
     };
     TRAINING: {
         path: {
+            local: string;
             develop: string;
             staging: string;
             production: string;
@@ -111,6 +120,7 @@ export declare const APP_OBJ: {
     };
     FORM: {
         path: {
+            local: string;
             develop: string;
             staging: string;
             production: string;
@@ -122,6 +132,7 @@ export declare const APP_OBJ: {
     };
     INSIDE: {
         path: {
+            local: string;
             develop: string;
             staging: string;
             production: string;
@@ -133,6 +144,7 @@ export declare const APP_OBJ: {
     };
     BOOKING: {
         path: {
+            local: string;
             develop: string;
             staging: string;
             production: string;
@@ -144,6 +156,7 @@ export declare const APP_OBJ: {
     };
     PROJECT: {
         path: {
+            local: string;
             develop: string;
             staging: string;
             production: string;
@@ -155,6 +168,7 @@ export declare const APP_OBJ: {
     };
     REQUEST: {
         path: {
+            local: string;
             develop: string;
             staging: string;
             production: string;
@@ -166,6 +180,7 @@ export declare const APP_OBJ: {
     };
     TRACKING: {
         path: {
+            local: string;
             develop: string;
             staging: string;
             production: string;
@@ -177,6 +192,7 @@ export declare const APP_OBJ: {
     };
     PROCESS: {
         path: {
+            local: string;
             develop: string;
             staging: string;
             production: string;
@@ -188,6 +204,7 @@ export declare const APP_OBJ: {
     };
     FORMULA_PRICE: {
         path: {
+            local: string;
             develop: string;
             staging: string;
             production: string;
@@ -199,6 +216,7 @@ export declare const APP_OBJ: {
     };
     E_CATALOGUE: {
         path: {
+            local: string;
             develop: string;
             staging: string;
             production: string;
@@ -210,6 +228,7 @@ export declare const APP_OBJ: {
     };
     LANDING_PAGE: {
         path: {
+            local: string;
             develop: string;
             staging: string;
             production: string;
@@ -221,7 +240,7 @@ export declare const APP_OBJ: {
     };
 };
 export declare const SIZE_EXTRA_LARGE = 36;
-export type SizeProps = "extra_small" | "small" | "medium" | "large" | "extra_large" | "avatar_group";
+export type SizeProps = 'extra_small' | 'small' | 'medium' | 'large' | 'extra_large' | 'avatar_group';
 export declare const MAP_SIZE: Record<string, {
     width: number;
     height: number;

package/dist/common/constant/hierarchical.constant.d.ts

@@ -0,0 +1,8 @@
+export declare const columnWidth = 250;
+export declare const columnHeight = 400;
+export declare const visibleCount = 3;
+export declare const rowHeight = 40;
+export declare const COLOR_HIERARCHIAL: {
+    COLOR_HIGHLIGHT_ROW: string;
+    COLOR_HIGHLIGHT_TEXT: string;
+};

package/dist/common/constant/index.d.ts

@@ -1,8 +1,10 @@
 export * from './apps.data';
 export * from './color.constant';
 export * from './icons.constant';
+export * from './hierarchical.constant';
 export * from './mode.constant';
 export * from './opacity.constant';
 export * from './reg-exp.constant';
 export * as STYLE from './style.constant';
+export * from './tree.constant';
 export * from './typography.constant';

package/dist/common/constant/tree.constant.d.ts

@@ -0,0 +1,19 @@
+export declare const TREE_COLOR: {
+    TREE_LEVEL_1: string;
+    TREE_LEVEL_2: string;
+    TREE_LEVEL_3: string;
+    TREE_LEVEL_4: string;
+};
+export declare const TREE_LINE_COLOR = "#176B5A";
+export declare const BORDER_COLOR: {
+    RED: string;
+};
+export declare const TREE_TEXT_COLOR: {
+    WHITE: string;
+    BLACK: string;
+    GREEN: string;
+    RED: string;
+};
+export declare const TREE_WIDTH: {
+    NORMAL: number;
+};

package/dist/common/constant/typography.constant.d.ts

@@ -1,5 +1,5 @@
 export declare const TYPOGRAPHY_STYLES: {
-    "2xl": {
+    '2xl': {
         regular: {
             fontFamily: string;
             fontWeight: number;

package/dist/common/utils/index.d.ts

@@ -1,5 +1,4 @@
 export * from './other';
-export * from './delay.utils';
 export * from './string.utils';
 export * from './time.utils';
 export * from './validator.utils';

package/dist/common/utils/other/get-limit-line-css.utils.d.ts

@@ -1,2 +1 @@
 export declare const getLimitLineCss: (line: number) => any;
-export declare const truncateText: (text: string, maxLength?: number) => string;

package/dist/common/utils/other/hierarchical.utils.d.ts

@@ -0,0 +1 @@
+export declare const normalizeText: (text: string) => string;

package/dist/common/utils/other/index.d.ts

@@ -1,2 +1,3 @@
-export * from './get-limit-line-css.utils';
 export * from './app.utils';
+export * from './get-limit-line-css.utils';
+export * from './hierarchical.utils';

package/dist/common/utils/string.utils.d.ts

@@ -4,7 +4,8 @@ export declare const stringToColor: (string: string) => string;
  * @param color Màu HEX gốc (VD: '#008a77')
  * @param percentage Phần trăm nhạt đi (0-100)
  */
-export declare const lightenColor: (color: string, percentage: number) => string;
+export declare const lightenColorTree: (color: string, percentage: number) => string;
 export declare const extractNumberAtStartString: (string: string) => number;
 export declare const stripHtml: (html: string) => string;
 export declare const getErrorMessage: (e: unknown) => string;
+export declare const truncateText: (text: string, maxLength?: number) => string;

package/dist/components/app-grid/app-grid.component.d.ts

@@ -1,19 +1,17 @@
 import { default as React } from 'react';
 import { AppInfo } from '../../common/constant/apps.data';
-import { Environment } from '../../common';
 export interface AppGridProps {
     apps: AppInfo[];
     columns?: number;
     rows?: number;
     iconSize?: number;
     iconRadius?: number;
-    iconShadow?: string;
     gap?: number | string;
-    titleVariant?: "subtitle1" | "body1" | "caption";
-    captionVariant?: "caption" | "body2";
+    titleVariant?: 'subtitle1' | 'body1' | 'caption';
+    captionVariant?: 'caption' | 'body2';
     titleColor?: string;
     captionColor?: string;
     showPagination?: boolean;
-    env: Environment;
+    onClickApp: (appInfo: AppInfo) => void;
 }
 export declare const AppGrid: React.FC<AppGridProps>;

package/dist/components/elements/avatar/avatar-online-status.element.d.ts

@@ -1,7 +1,7 @@
 import { default as React } from 'react';
 interface AvatarOnlineStatusElementProps {
     url?: string | null;
-    size?: "small" | "medium" | "large" | "extra_large";
+    size?: 'small' | 'medium' | 'large' | 'extra_large';
     online?: boolean;
     children?: React.ReactNode;
 }

package/dist/components/elements/button/button-upload-file.element.d.ts

@@ -1,7 +1,7 @@
 import { ButtonProps } from '@mui/material';
 import { default as React } from 'react';
 import { FileWithPreview } from '../../../common/interfaces/image-with-preview.interface';
-export interface ButtonUploadFileElementProps extends Omit<ButtonProps, "onChange"> {
+export interface ButtonUploadFileElementProps extends Omit<ButtonProps, 'onChange'> {
     multiple?: boolean;
     onChange: (files: FileWithPreview[]) => void;
     accept?: string;

package/dist/components/elements/divider/dashed-divider.element.d.ts

@@ -1,6 +1,6 @@
 import { default as React } from 'react';
 interface DashedDividerElementProps {
-    orientation?: "horizontal" | "vertical";
+    orientation?: 'horizontal' | 'vertical';
     color?: string;
     thickness?: number;
     length?: string | number;

package/dist/components/elements/icon/icon-content-opacity.element.d.ts

@@ -3,7 +3,7 @@ import { default as React } from 'react';
 export interface IconContentOpacityElementProps {
     icon: string;
     content?: any;
-    color?: "inherit" | "primary" | "secondary" | "success" | "error" | "info" | "warning" | any;
+    color?: 'inherit' | 'primary' | 'secondary' | 'success' | 'error' | 'info' | 'warning' | any;
     onClick: (event: React.MouseEvent<HTMLDivElement>) => void;
     sx?: SxProps<Theme>;
 }

package/dist/components/elements/icon/icon-content.element.d.ts

@@ -3,7 +3,7 @@ import { default as React } from 'react';
 import { IconElementProps } from './icon.element';
 export interface IconContentElementProps extends IconElementProps {
     content: any;
-    size?: "large" | "small" | "medium";
+    size?: 'large' | 'small' | 'medium';
     onClick?: (event: React.MouseEvent<HTMLDivElement>) => void;
     sx?: SxProps<Theme>;
     sxIcon?: SxProps<Theme>;

package/dist/components/elements/icon/icon.element.d.ts

@@ -2,7 +2,7 @@ import { IconProps, SxProps, Theme } from '@mui/material';
 import { default as React } from 'react';
 export interface IconElementProps extends IconProps {
     icon?: any;
-    size?: "large" | "small" | "medium";
+    size?: 'large' | 'small' | 'medium';
     disabled?: boolean;
     fill?: 0 | 1;
     sx?: SxProps<Theme>;

package/dist/components/elements/icon/index.d.ts

@@ -1,7 +1,7 @@
-export { IconElement } from './icon.element';
-export { IconContentElement } from './icon-content.element';
-export { IconContentBadgeCountElement } from './icon-content-badge-count.element';
-export { IconContentBadgeCountSubsElement } from './icon-content-badge-count-subs.element';
 export { IconButtonElement } from './icon-button.element';
-export { IconContentSubsElement } from './icon-content-subs.element';
+export { IconContentBadgeCountSubsElement } from './icon-content-badge-count-subs.element';
+export { IconContentBadgeCountElement } from './icon-content-badge-count.element';
 export { IconContentOpacityElement } from './icon-content-opacity.element';
+export { IconContentSubsElement } from './icon-content-subs.element';
+export { IconContentElement } from './icon-content.element';
+export { IconElement } from './icon.element';

package/dist/components/elements/index.d.ts

@@ -6,7 +6,14 @@ export * from './divider';
 export * from './icon';
 export * from './image';
 export * from './link';
+export * from './pagination';
 export * from './radio';
+export * from './switch';
 export * from './tabs';
+export * from './tag';
+export * from './text-field';
 export * from './time-ago';
+export * from './tooltip';
 export * from './typography';
+export * from './user';
+export * from './wrapper';

package/dist/components/elements/pagination/index.d.ts

@@ -0,0 +1 @@
+export { PaginationElement } from './pagination.element';

package/dist/components/elements/pagination/pagination.element.d.ts

@@ -0,0 +1,14 @@
+import { SxProps, Theme } from '@mui/material';
+import { default as React } from 'react';
+export interface PaginationElementProps {
+    total?: number;
+    page: number;
+    take: number;
+    openRowsPerPage?: boolean;
+    onChange: (pagination: {
+        page: number;
+        take: number;
+    }) => void;
+    sx?: SxProps<Theme>;
+}
+export declare const PaginationElement: React.FC<PaginationElementProps>;

package/dist/components/elements/radio/index.d.ts

@@ -1 +1,2 @@
+export { RadioGroupElement } from './radio-group.element';
 export { RadioElement } from './radio.element';

package/dist/components/elements/radio/radio-group.element.d.ts

@@ -0,0 +1,16 @@
+import { SxProps, Theme } from '@mui/material';
+import { default as React, ReactNode } from 'react';
+export interface RadioGroupElementProps {
+    name?: string;
+    direction?: 'row' | 'column';
+    label?: string;
+    iconLabel?: string;
+    disabled?: boolean;
+    defaultValue?: any;
+    value?: any;
+    onChange?: (event: React.ChangeEvent<HTMLInputElement> | any) => void;
+    children: ReactNode;
+    required?: boolean;
+    sx?: SxProps<Theme>;
+}
+export declare const RadioGroupElement: React.FC<RadioGroupElementProps>;

package/dist/components/elements/switch/index.d.ts

@@ -0,0 +1,2 @@
+export { SwitchContentElement } from './switch-content.element';
+export { SwitchElement } from './switch.element';

package/dist/components/elements/switch/switch-content.element.d.ts

@@ -0,0 +1,10 @@
+import { SxProps, Theme } from '@mui/material';
+import { default as React } from 'react';
+export interface SwitchContentElementProps {
+    name?: string;
+    content: string;
+    value?: boolean;
+    onChange?: (event: React.ChangeEvent<HTMLInputElement> | any) => void;
+    sx?: SxProps<Theme>;
+}
+export declare const SwitchContentElement: React.FC<SwitchContentElementProps>;

package/dist/components/elements/switch/switch.element.d.ts

@@ -0,0 +1,7 @@
+import { default as React } from 'react';
+export interface SwitchElementProps {
+    name?: string;
+    value: boolean;
+    onChange?: (event: React.ChangeEvent<HTMLInputElement> | any) => void;
+}
+export declare const SwitchElement: React.FC<SwitchElementProps>;

package/dist/components/elements/tabs/tabs-badge-count-subs.component.d.ts

@@ -12,6 +12,6 @@ export interface TabBadgeCountSubs {
 export interface TabsBadgeCountSubsComponentProps {
     idSelect?: string;
     tabs: TabBadgeCountSubs[];
-    size?: "large" | "small" | "medium";
+    size?: 'large' | 'small' | 'medium';
 }
 export declare const TabsBadgeCountSubsComponent: React.FC<TabsBadgeCountSubsComponentProps>;

package/dist/components/elements/tabs/tabs-badge-count.component.d.ts

@@ -6,8 +6,8 @@ export interface TabBadgeCount extends TabComponent {
 export interface TabsBadgeCountComponentProps {
     idSelect?: string;
     tabs: TabBadgeCount[];
-    size?: "large" | "small" | "medium";
-    direction?: "column" | "row";
+    size?: 'large' | 'small' | 'medium';
+    direction?: 'column' | 'row';
     isSubs?: boolean;
 }
 export declare const TabsBadgeCountComponent: React.FC<TabsBadgeCountComponentProps>;

package/dist/components/elements/tabs/tabs-subs.component.d.ts

@@ -11,6 +11,6 @@ export interface TabSubs {
 export interface TabsSubsComponentProps {
     idSelect?: string;
     tabs: TabSubs[];
-    size?: "large" | "small" | "medium";
+    size?: 'large' | 'small' | 'medium';
 }
 export declare const TabsSubsComponent: React.FC<TabsSubsComponentProps>;

package/dist/components/elements/tabs/tabs.component.d.ts

@@ -10,9 +10,9 @@ export interface TabComponent {
 export interface TabsComponentProps {
     idSelect?: string;
     tabs: TabComponent[];
-    size?: "large" | "small" | "medium";
-    direction?: "column" | "row";
-    variant?: "contained" | "outlined";
+    size?: 'large' | 'small' | 'medium';
+    direction?: 'column' | 'row';
+    variant?: 'contained' | 'outlined';
     onChange?: (newValue: string) => void;
     sx?: SxProps;
     sxTabs?: SxProps;

package/dist/components/elements/tag/index.d.ts

@@ -0,0 +1,2 @@
+export { TagOnClickElement } from './tag-on-click.element';
+export { TagElement } from './tag.element';

package/dist/components/elements/tag/tag-on-click.element.d.ts

@@ -0,0 +1,8 @@
+import { default as React } from 'react';
+export interface TagOnClickElementProps {
+    content: string;
+    active: boolean;
+    onClick?: (event: React.MouseEvent<HTMLButtonElement>) => void;
+    size?: 'small' | 'medium';
+}
+export declare const TagOnClickElement: React.FC<TagOnClickElementProps>;

package/dist/components/elements/tag/tag.element.d.ts

@@ -0,0 +1,18 @@
+import { SxProps, Theme } from '@mui/material';
+import { default as React } from 'react';
+export type TagType = 'success' | 'warning' | 'info' | 'secondary' | 'primary' | 'error';
+export type TagSize = 'large' | 'medium' | 'small';
+export type TagVariant = 'contained' | 'outlined' | 'outlined-border';
+export declare const lightenColor: (hex: string, percent: number) => string;
+export interface TagElementProps {
+    type: string;
+    content: string;
+    width?: number;
+    sx?: SxProps<Theme>;
+    variation?: 'body1' | 'caption';
+    variant?: TagVariant;
+    size?: TagSize;
+    color?: string;
+    iconProps?: React.ReactNode;
+}
+export declare const TagElement: React.FC<TagElementProps>;

package/dist/components/elements/text-field/index.d.ts

@@ -0,0 +1,9 @@
+export { TextFieldDateElement } from './text-field-date.element';
+export { TextFieldLabelElement } from './text-field-label.element';
+export { TextFieldNumberElement } from './text-field-number.element';
+export { TextFieldSearchCustomElement } from './text-field-search-custom.element';
+export { TextFieldSearchElement } from './text-field-search.element';
+export { TextFieldSelectSearchObjectElement } from './text-field-select-search-object.element';
+export { TextFieldSelectSearchElement } from './text-field-select-search.element';
+export { TextFieldElement } from './text-field.element';
+export * from './text-highlight.element';

package/dist/components/elements/text-field/text-field-date.element.d.ts

@@ -0,0 +1,21 @@
+import { SxProps, Theme } from '@mui/material';
+import { DatePickerProps } from '@mui/x-date-pickers/DatePicker';
+import { default as React } from 'react';
+export interface TextFieldDateElementProps extends DatePickerProps {
+    name: string;
+    label?: string;
+    iconLabel?: string;
+    error?: unknown;
+    value?: any;
+    onChange?: (event: React.ChangeEvent<HTMLInputElement> | any) => void;
+    helperText?: string;
+    required?: boolean;
+    sx?: SxProps<Theme>;
+    disablePast?: boolean;
+    disableFuture?: boolean;
+    dateRangeInDays?: number;
+    onBlur?: (e: React.FocusEvent<any>) => void;
+    minDate?: any;
+    maxDate?: any;
+}
+export declare const TextFieldDateElement: React.FC<TextFieldDateElementProps>;

package/dist/components/elements/text-field/text-field-label.element.d.ts

@@ -0,0 +1,9 @@
+import { default as React } from 'react';
+interface TextFieldLabelElementProps {
+    label?: string | React.ReactNode;
+    iconLabel?: string;
+    colorLabel?: string;
+    required?: boolean;
+}
+export declare const TextFieldLabelElement: React.FC<TextFieldLabelElementProps>;
+export {};

package/dist/components/elements/text-field/text-field-number.element.d.ts

@@ -0,0 +1,19 @@
+import { BaseTextFieldProps, TextFieldProps } from '@mui/material';
+import { default as React } from 'react';
+export interface TextFieldNumberElementProps extends BaseTextFieldProps {
+    iconLabel?: string;
+    error?: any;
+    placeholder?: string;
+    value?: any;
+    onChange?: (event: {
+        target: {
+            name?: string;
+            value: any;
+        };
+    }) => void;
+    decimalScale?: number;
+    showResetButton?: boolean;
+    onReset?: () => void;
+    InputProps?: TextFieldProps['InputProps'];
+}
+export declare const TextFieldNumberElement: React.FC<TextFieldNumberElementProps>;

package/dist/components/elements/text-field/text-field-search-custom.element.d.ts

@@ -0,0 +1,9 @@
+import { BaseTextFieldProps } from '@mui/material';
+import { default as React } from 'react';
+export interface TextFieldSearchCustomElementProps extends BaseTextFieldProps {
+    onChange?: (event: React.ChangeEvent<HTMLInputElement> | any) => void;
+    label?: string;
+    iconLabel?: string;
+    value?: string;
+}
+export declare const TextFieldSearchCustomElement: React.FC<TextFieldSearchCustomElementProps>;

package/dist/components/elements/text-field/text-field-search.element.d.ts

@@ -0,0 +1,9 @@
+import { BaseTextFieldProps } from '@mui/material';
+import { default as React } from 'react';
+export interface TextFieldSearchElementProps extends BaseTextFieldProps {
+    onChange?: (event: React.ChangeEvent<HTMLInputElement> | any) => void;
+    label?: string;
+    iconLabel?: string;
+    searchIcon?: string;
+}
+export declare const TextFieldSearchElement: React.FC<TextFieldSearchElementProps>;

package/dist/components/elements/text-field/text-field-select-search-object.element.d.ts

@@ -0,0 +1,26 @@
+import { AutocompleteRenderOptionState } from '@mui/material/Autocomplete';
+import { BaseTextFieldProps } from '@mui/material/TextField';
+import { default as React } from 'react';
+export interface TextFieldSelectSearchObjectElementProps extends BaseTextFieldProps {
+    openTest?: boolean;
+    iconLabel?: string;
+    error?: any;
+    multiple?: boolean;
+    loading?: boolean;
+    options?: any[];
+    onChange?: (event: React.ChangeEvent<HTMLInputElement> | any) => void;
+    onInputChange?: (event: React.SyntheticEvent, newInputValue: string, reason: string) => void;
+    renderOption?: (props: React.HTMLAttributes<HTMLLIElement>, option: any, state: AutocompleteRenderOptionState) => React.ReactNode;
+    isOptionEqualToValue?: (option: any, value: any) => boolean;
+    getOptionLabel?: (option: any) => any;
+    getOptionDisabled?: (option: any) => boolean;
+    freeSolo?: boolean;
+    isCheckIcon?: boolean;
+    showAvatar?: boolean;
+    colorLabel?: string;
+    renderTags?: (value: any[], getTagProps: (params: {
+        index: number;
+    }) => any) => React.ReactNode;
+    maxDisplayTags?: number;
+}
+export declare const TextFieldSelectSearchObjectElement: React.FC<TextFieldSelectSearchObjectElementProps>;

package/dist/components/elements/text-field/text-field-select-search.element.d.ts

@@ -0,0 +1,21 @@
+import { BaseTextFieldProps } from '@mui/material/TextField';
+import { default as React } from 'react';
+interface TextFieldSelectSearchElementProps extends BaseTextFieldProps {
+    openTest?: boolean;
+    iconLabel?: string;
+    error?: any;
+    value?: any;
+    multiple?: boolean;
+    loading?: boolean;
+    options: any[];
+    onChange?: (event: React.ChangeEvent<HTMLInputElement> | any) => void;
+    renderOption?: (props: React.HTMLAttributes<HTMLLIElement>, option: any) => React.ReactNode;
+    getOptionLabel?: (option: any) => string;
+    isCheckIcon?: boolean;
+    colorLabel?: string;
+    showRadioBtn?: boolean;
+    disableCloseOnSelect?: boolean;
+    helperText?: any;
+}
+export declare const TextFieldSelectSearchElement: React.FC<TextFieldSelectSearchElementProps>;
+export {};

package/dist/components/elements/text-field/text-field.element.d.ts

@@ -0,0 +1,13 @@
+import { TextFieldProps } from '@mui/material';
+import { default as React } from 'react';
+export interface TextFieldElementProps extends Omit<TextFieldProps, ''> {
+    iconLabel?: string;
+    error?: any;
+    onChange?: (event: React.ChangeEvent<HTMLInputElement> | any) => void;
+    InputProps?: TextFieldProps['InputProps'];
+    colorLabel?: string;
+    description?: string | null;
+    showResetButton?: boolean;
+    onReset?: () => void;
+}
+export declare const TextFieldElement: React.FC<TextFieldElementProps>;