saagie-ui/react/index.d.ts

Saagie UI from Saagie Design System

  declare module "saagie-ui" {
    export {capitalize} from "src/js/_helpers/capitalize"
    export {forEachElement} from "src/js/_helpers/forEachElement"
    export {toggleComponent} from "src/js/_helpers/toggleComponent"
    export {Tooltip} from "src/js/atoms/tooltip"
    export {Dropdown} from "src/js/organisms/dropdown"
    export {Modal} from "src/js/organisms/modal"
    export {Popup} from "src/js/organisms/popup"
    export {SidePanel} from "src/js/organisms/sidePanel"
}

  declare module "saagie-ui/react" {
    export {AddPlaceholder} from "src/react/core/atoms/addPlaceholder/AddPlaceholder"
    export {Avatar} from "src/react/core/atoms/avatar/Avatar"
    export {Badge} from "src/react/core/atoms/badge/Badge"
    export {Button} from "src/react/core/atoms/button/Button"
    export {FormCheck} from "src/react/core/atoms/formCheck/FormCheck"
    export {FormControlInput} from "src/react/core/atoms/formControlInput/FormControlInput"
    export {FormControlSelect} from "src/react/core/atoms/formControlSelect/FormControlSelect"
    export {FormControlSelectThemeDefault} from "src/react/core/atoms/formControlSelect/themes/FormControlSelectThemeDefault"
    export {FormControlSelectThemeWhite} from "src/react/core/atoms/formControlSelect/themes/FormControlSelectThemeWhite"
    export {FormFeedback} from "src/react/core/atoms/formFeedback/FormFeedback"
    export {FormHelper} from "src/react/core/atoms/formHelper/FormHelper"
    export {FormLabel} from "src/react/core/atoms/formLabel/FormLabel"
    export {FormOptionsGroup} from "src/react/core/atoms/formOptionsGroup/FormOptionsGroup"
    export {FormOptionsGroupItem} from "src/react/core/atoms/formOptionsGroup/FormOptionsGroupItem"
    export {FormPassword} from "src/react/core/atoms/formPassword/FormPassword"
    export {FormRange} from "src/react/core/atoms/formRange/FormRange"
    export {Icon} from "src/react/core/atoms/icon/Icon"
    export {InfoText} from "src/react/core/atoms/infoText/InfoText"
    export {LabelValue} from "src/react/core/atoms/labelValue/LabelValue"
    export {Loader} from "src/react/core/atoms/loader/Loader"
    export {LogLine} from "src/react/core/atoms/logLine/LogLine"
    export {Paper} from "src/react/core/atoms/paper/Paper"
    export {ProgressBar} from "src/react/core/atoms/progressBar/ProgressBar"
    export {StepIndicator} from "src/react/core/atoms/stepIndicator/StepIndicator"
    export {StepIndicatorItem} from "src/react/core/atoms/stepIndicator/StepIndicatorItem"
    export {StepIndicatorMessage} from "src/react/core/atoms/stepIndicator/StepIndicatorMessage"
    export {TechnologyBadge} from "src/react/core/atoms/technologyBadge/TechnologyBadge"
    export {Text} from "src/react/core/atoms/text/Text"
    export {Thumbnail} from "src/react/core/atoms/thumbnail/Thumbnail"
    export {TimeDisplay} from "src/react/core/atoms/timeDisplay/TimeDisplay"
    export {TimeFromNow} from "src/react/core/atoms/timeFromNow/TimeFromNow"
    export {Tooltip} from "src/react/core/atoms/tooltip/Tooltip"
    export {ClickAwayListener} from "src/react/core/helpers/clickAwayListener/ClickAwayListener"
    export {useDisclosure} from "src/react/core/helpers/useDisclosure"
    export {useEventCallback} from "src/react/core/helpers/useEventCallback"
    export {useForkRef} from "src/react/core/helpers/useForkRef"
    export {useLayoutFocusMode} from "src/react/core/helpers/useLayoutFocusMode"
    export {Container} from "src/react/core/layout/container/Container"
    export {Page} from "src/react/core/layout/page/Page"
    export {PageContent} from "src/react/core/layout/page/PageContent"
    export {PageEmptyState} from "src/react/core/layout/page/PageEmptyState"
    export {PageFooter} from "src/react/core/layout/page/PageFooter"
    export {PageLoader} from "src/react/core/layout/page/PageLoader"
    export {PageTopbar} from "src/react/core/layout/page/PageTopbar"
    export {PageHeader} from "src/react/core/layout/pageHeader/PageHeader"
    export {SecondLevelNav} from "src/react/core/layout/secondLevelNav/SecondLevelNav"
    export {SecondLevelNavContextual} from "src/react/core/layout/secondLevelNav/SecondLevelNavContextual"
    export {SecondLevelNavContextualAction} from "src/react/core/layout/secondLevelNav/SecondLevelNavContextualAction"
    export {SecondLevelNavContextualFooter} from "src/react/core/layout/secondLevelNav/SecondLevelNavContextualFooter"
    export {SecondLevelNavContextualInfo} from "src/react/core/layout/secondLevelNav/SecondLevelNavContextualInfo"
    export {SecondLevelNavLink} from "src/react/core/layout/secondLevelNav/SecondLevelNavLink"
    export {SecondLevelNavTitle} from "src/react/core/layout/secondLevelNav/SecondLevelNavTitle"
    export {AddBox} from "src/react/core/molecules/addBox/AddBox"
    export {AvatarStack} from "src/react/core/molecules/avatarStack/AvatarStack"
    export {Breadcrumb} from "src/react/core/molecules/breadcrumb/Breadcrumb"
    export {BreadcrumbItem} from "src/react/core/molecules/breadcrumb/BreadcrumbItem"
    export {BreadcrumbItemContainer} from "src/react/core/molecules/breadcrumb/BreadcrumbItemContainer"
    export {CallOut} from "src/react/core/molecules/callout/CallOut"
    export {CallOutDescription} from "src/react/core/molecules/callout/CallOutDescription"
    export {CallOutTitle} from "src/react/core/molecules/callout/CallOutTitle"
    export {EmptyState} from "src/react/core/molecules/emptyState/EmptyState"
    export {FormGroup} from "src/react/core/molecules/formGroup/FormGroup"
    export {FormList} from "src/react/core/molecules/formList/FormList"
    export {FormListItem} from "src/react/core/molecules/formList/FormListItem"
    export {Logs} from "src/react/core/molecules/logs/Logs"
    export {Message} from "src/react/core/molecules/message/Message"
    export {SearchBar} from "src/react/core/molecules/searchBar/SearchBar"
    export {SearchEmptyState} from "src/react/core/molecules/searchEmptyState/SearchEmptyState"
    export {Tab} from "src/react/core/molecules/tabs/Tab"
    export {TabList} from "src/react/core/molecules/tabs/TabList"
    export {TabPanel} from "src/react/core/molecules/tabs/TabPanel"
    export {Tabs} from "src/react/core/molecules/tabs/Tabs"
    export {TabsProvider} from "src/react/core/molecules/tabs/TabsProvider"
    export {Accordion} from "src/react/core/organisms/accordion/Accordion"
    export {AccordionBody} from "src/react/core/organisms/accordion/AccordionBody"
    export {AccordionItem} from "src/react/core/organisms/accordion/AccordionItem"
    export {AccordionTitle} from "src/react/core/organisms/accordion/AccordionTitle"
    export {Confirm} from "src/react/core/organisms/confirm/Confirm"
    export {Datalist} from "src/react/core/organisms/datalist/Datalist"
    export {DatalistCol} from "src/react/core/organisms/datalist/DatalistCol"
    export {DatalistColActions} from "src/react/core/organisms/datalist/DatalistColActions"
    export {DatalistColIcon} from "src/react/core/organisms/datalist/DatalistColIcon"
    export {DatalistDescription} from "src/react/core/organisms/datalist/DatalistDescription"
    export {DatalistRow} from "src/react/core/organisms/datalist/DatalistRow"
    export {DatalistTitle} from "src/react/core/organisms/datalist/DatalistTitle"
    export {helpers} from "src/react/core/organisms/datalist/helpers"
    export {DatePicker} from "src/react/core/organisms/datePicker/DatePicker"
    export {Dropdown} from "src/react/core/organisms/dropdown/Dropdown"
    export {DropdownItem} from "src/react/core/organisms/dropdown/DropdownItem"
    export {DropdownMenu} from "src/react/core/organisms/dropdown/DropdownMenu"
    export {DropdownSpacer} from "src/react/core/organisms/dropdown/DropdownSpacer"
    export {DropdownSubmenu} from "src/react/core/organisms/dropdown/DropdownSubmenu"
    export {DropdownSubmenuList} from "src/react/core/organisms/dropdown/DropdownSubmenuList"
    export {DropdownSubmenuToggle} from "src/react/core/organisms/dropdown/DropdownSubmenuToggle"
    export {DropdownToggle} from "src/react/core/organisms/dropdown/DropdownToggle"
    export {ListSearchFilters} from "src/react/core/organisms/listSearchFilters/ListSearchFilters"
    export {Modal} from "src/react/core/organisms/modal/Modal"
    export {ModalBody} from "src/react/core/organisms/modal/ModalBody"
    export {ModalCloseButton} from "src/react/core/organisms/modal/ModalCloseButton"
    export {ModalContent} from "src/react/core/organisms/modal/ModalContent"
    export {ModalFooter} from "src/react/core/organisms/modal/ModalFooter"
    export {ModalHeader} from "src/react/core/organisms/modal/ModalHeader"
    export {ModalInput} from "src/react/core/organisms/modal/ModalInput"
    export {ModalTitle} from "src/react/core/organisms/modal/ModalTitle"
    export {Notification} from "src/react/core/organisms/notification/Notification"
    export {NotificationActions} from "src/react/core/organisms/notification/NotificationActions"
    export {NotificationItem} from "src/react/core/organisms/notification/NotificationItem"
    export {NotificationProvider} from "src/react/core/organisms/notification/NotificationProvider"
    export {PagePopin} from "src/react/core/organisms/pagePopin/PagePopin"
    export {PagePopinActionButton} from "src/react/core/organisms/pagePopin/PagePopinActionButton"
    export {SecondaryNav} from "src/react/core/organisms/secondaryNav/SecondaryNav"
    export {SecondaryNavBackButton} from "src/react/core/organisms/secondaryNav/SecondaryNavBackButton"
    export {SecondaryNavContent} from "src/react/core/organisms/secondaryNav/SecondaryNavContent"
    export {SecondaryNavGroup} from "src/react/core/organisms/secondaryNav/SecondaryNavGroup"
    export {SecondaryNavHeader} from "src/react/core/organisms/secondaryNav/SecondaryNavHeader"
    export {SecondaryNavLink} from "src/react/core/organisms/secondaryNav/SecondaryNavLink"
    export {SecondaryNavPanel} from "src/react/core/organisms/secondaryNav/SecondaryNavPanel"
    export {SecondaryNavParentLink} from "src/react/core/organisms/secondaryNav/SecondaryNavParentLink"
    export {SecondaryNavToggle} from "src/react/core/organisms/secondaryNav/SecondaryNavToggle"
    export {TransferDatalist} from "src/react/core/organisms/transferDatalist/TransferDatalist"
}

  declare module "saagie-ui/react/formsy" {
    export {FieldCheck} from "src/react/formsy/fieldCheck/FieldCheck"
    export {FieldCodemirror} from "src/react/formsy/fieldCodemirror/FieldCodemirror"
    export {FieldInput} from "src/react/formsy/fieldInput/FieldInput"
    export {FieldPassword} from "src/react/formsy/fieldPassword/FieldPassword"
    export {FieldSelect} from "src/react/formsy/fieldSelect/FieldSelect"
    export {FieldSlider} from "src/react/formsy/fieldSlider/FieldSlider"
    export {FieldTextarea} from "src/react/formsy/fieldTextarea/FieldTextarea"
    export {FormMultiSteps} from "src/react/formsy/formMultiSteps/FormMultiSteps"
    export {FormMultiStepsFooter} from "src/react/formsy/formMultiSteps/FormMultiStepsFooter"
    export {FormMultiStepsHeader} from "src/react/formsy/formMultiSteps/FormMultiStepsHeader"
    export {FormMultiStepsItem} from "src/react/formsy/formMultiSteps/FormMultiStepsItem"
}

  declare module "saagie-ui/react/projects" {
    export {InstanceQuickview} from "src/react/projects/instanceQuickview/InstanceQuickview"
    export {InstanceQuickviewDot} from "src/react/projects/instanceQuickview/InstanceQuickviewDot"
    export {InstanceQuickviewItem} from "src/react/projects/instanceQuickview/InstanceQuickviewItem"
    export {InstanceQuickviewItemStack} from "src/react/projects/instanceQuickview/InstanceQuickviewItemStack"
    export {MapInteraction} from "src/react/projects/mapInteraction/MapInteraction"
    export {MapInteractionContext} from "src/react/projects/mapInteraction/MapInteractionContext"
    export {MapInteractionControls} from "src/react/projects/mapInteraction/MapInteractionControls"
    export {Pipeline} from "src/react/projects/pipeline/Pipeline"
    export {PipelineAddItem} from "src/react/projects/pipeline/PipelineAddItem"
    export {PipelineConnectors} from "src/react/projects/pipeline/PipelineConnectors"
    export {PipelineDragContainer} from "src/react/projects/pipeline/PipelineDragContainer"
    export {PipelineDragItem} from "src/react/projects/pipeline/PipelineDragItem"
    export {PipelineItem} from "src/react/projects/pipeline/PipelineItem"
    export {PipelineJob} from "src/react/projects/pipeline/PipelineJob"
    export {PipelineJobActions} from "src/react/projects/pipeline/PipelineJobActions"
    export {ProjectInstancesQuickview} from "src/react/projects/projectInstancesQuickview/ProjectInstancesQuickview"
    export {ProjectInstancesQuickviewItem} from "src/react/projects/projectInstancesQuickview/ProjectInstancesQuickviewItem"
    export {Status} from "src/react/projects/status/Status"
}

  declare module 'src/js/_helpers/capitalize' {
    import * as React from 'react';

}

declare module 'src/js/_helpers/forEachElement' {
    import * as React from 'react';

}

declare module 'src/js/_helpers/toggleComponent' {
    import * as React from 'react';

}

declare module 'src/js/atoms/tooltip' {
    import * as React from 'react';

}

declare module 'src/js/organisms/dropdown' {
    import * as React from 'react';

}

declare module 'src/js/organisms/modal' {
    import * as React from 'react';

}

declare module 'src/js/organisms/popup' {
    import * as React from 'react';

}

declare module 'src/js/organisms/sidePanel' {
    import * as React from 'react';

}

declare module 'src/react/core/atoms/addPlaceholder/AddPlaceholder' {
    import * as React from 'react';

    export type AddPlaceholderSize = "" | "sm" | "lg";

    export interface AddPlaceholderProps {
    [key: string]: any;
        /**
         * The content of the add placeholder.
         */
        children?: React.ReactNode;
        /**
         * The class to add to the root component.
         */
        className?: string;
        /**
         * The Add Placeholder size.
         */
        size?: AddPlaceholderSize;
        /**
         * Disable the add placeholder.
         */
        isDisabled?: boolean;
        /**
         * The component used for the root node.
         * Either a string to use a DOM element or a component.
         */
        tag?: any;
    }

    export const AddPlaceholder: React.FC<AddPlaceholderProps>;

}

declare module 'src/react/core/atoms/avatar/Avatar' {
    import * as React from 'react';

    export type AvatarDefaultClassName = string | string[];

    export type AvatarSize = "" | "sm" | "lg" | "xl";

    export interface AvatarProps {
    [key: string]: any;
        /**
         * Define the number of users.
         * This prop is mostly used by AvatarStack component.
         */
        plus?: number;
        /**
         * @deprecated since 0.69.0, use src prop instead.
         * The image source to set for the Avatar component.
         */
        imgUrl?: string;
        /**
         * The image source to set for the Avatar component.
         */
        src?: string;
        /**
         * The user or group name. It will automagically set initials in the
         * Avatar component.
         */
        name?: string;
        /**
         * The icon name, you can find more info about the available names on the dedicated
         * page.
         */
        iconName?: string;
        /**
         * The className property allows you to add more classes to the component.
         */
        className?: string;
        /**
         * The default class of the component.
         */
        defaultClassName?: AvatarDefaultClassName;
        /**
         * The avatar size.
         */
        size?: AvatarSize;
        /**
         * The isGroup property will change the avatar shape, this will implicitly
         * inform the user that the avatar component is now part of a group?
         */
        isGroup?: boolean;
        /**
         * The isStacked property allows multiple Avatar component to stack on each other.
         * This will also add a light border to distinguish the different avatars.
         */
        isStacked?: boolean;
        /**
         * The isStacked property allows multiple Avatar component to stack on each other.
         * This will also add a dark border to distinguish the different avatars.
         */
        isStackedDark?: boolean;
        /**
         * The component used for the root node.
         * Either a string to use a DOM element or a component.
         */
        tag?: any;
    }

    export const Avatar: React.FC<AvatarProps>;

    export const ContentRender: React.FC;

}

declare module 'src/react/core/atoms/badge/Badge' {
    import * as React from 'react';

    export type BadgeDefaultClassName = string | string[];

    export type BadgeColor = "" | "primary" | "secondary" | "tertiary" | "new" | "newtwo";

    export type BadgePosition = "" | "start" | "between" | "end";

    export type BadgeSize = "" | "xs" | "sm" | "lg" | "xl";

    export interface BadgeProps {
    [key: string]: any;
        /**
         * The badge content.
         */
        children?: React.ReactNode;
        /**
         * The component used for the root node.
         * Either a string to use a DOM element or a component.
         */
        tag?: any;
        /**
         * The component default class.
         */
        defaultClassName?: BadgeDefaultClassName;
        /**
         * The className property allows you to add more classes to the component.
         */
        className?: string;
        /**
         * The badge color.
         * NOTE: success, warning and danger colors are DEPRECATED.
         */
        color?: BadgeColor;
        /**
         * The bagde position, so it can add space to the correct side.
         */
        position?: BadgePosition;
        /**
         * The badge size.
         */
        size?: BadgeSize;
        /**
         * Displays the badge as text only, no container around.
         */
        asText?: boolean;
    }

    export const Badge: React.FC<BadgeProps>;

}

declare module 'src/react/core/atoms/button/Button' {
    import * as React from 'react';

    export type ButtonDefaultClassName = string | string[];

    export type ButtonColor = "" | "primary" | "secondary" | "success" | "warning" | "danger" | "link" | "link-alt" | "action-play" | "action-stop" | "contextual";

    export type ButtonSize = "" | "xs" | "sm" | "lg" | "xl";

    export type ButtonMinWidth = "" | "xs" | "sm" | "md" | "lg" | "xl";

    export interface ButtonProps {
    [key: string]: any;
        /**
         * The component used for the root node.
         * Either a string to use a DOM element or a component.
         */
        tag?: any;
        /**
         * The component default class.
         */
        defaultClassName?: ButtonDefaultClassName;
        /**
         * The Button content.
         */
        children?: React.ReactNode;
        /**
         * The className property allows you to add more classes to the component.
         */
        className?: string;
        /**
         * The Button color.
         * NOTE: action-* values add an icon to the Button.
         */
        color?: ButtonColor;
        /**
         * The Button size.
         */
        size?: ButtonSize;
        /**
         * The Button minimum width: to maintain consistency in size when Button components are aligned.
         */
        minWidth?: ButtonMinWidth;
        /**
         * The isSquare property will force the size of the Button so it is a square.
         * Long children content will be truncated.
         */
        isSquare?: boolean;
        /**
         * The Button will occupy all of the available width.
         */
        isBlock?: boolean;
        /**
         * The Button is displayed as disabled.
         */
        isDisabled?: boolean;
        /**
         * The Button is displayed as loading.
         * This will remove the children content to show a loader instead.
         * While loading, a Button is also considered disabled.
         */
        isLoading?: boolean;
        /**
         * The Button is displayed as contextual. This is useful for using the Button in other components.
         */
        isContextual?: boolean;
    }

    export const Button: React.FC<ButtonProps>;

    export const renderIcon: React.FC;

}

declare module 'src/react/core/atoms/formCheck/FormCheck' {
    import * as React from 'react';

    export type FormCheckColor = "" | "success" | "warning" | "danger";

    export type FormCheckDefaultClassName = string | string[];

    export type FormCheckVariant = "" | "button" | "button-light" | "button-denim-300" | "toggle";

    export interface FormCheckProps {
    [key: string]: any;
        /**
         * The content of the FormCheck label.
         */
        children?: React.ReactNode;
        /**
         * The className property allows you to add more classes to the component.
         */
        className?: string;
        /**
         * The color of the FormCheck, mainly used for validation state.
         */
        color?: FormCheckColor;
        /**
         * The component default class.
         */
        defaultClassName?: FormCheckDefaultClassName;
        /**
         * You can use the isIndeterminate prop to style the FormCheck so the user knows that the state
         * is indeterminate.
         */
        isIndeterminate?: boolean;
        /**
         * You can use the isInline prop so the FormCheck will be displayed inline.
         */
        isInline?: boolean;
        /**
         * You can use the isRadio prop, so the type of the input check is radio.
         */
        isRadio?: boolean;
        /**
         * The component used for the root node.
         * Either a string to use a DOM element or a component.
         */
        tag?: any;
        /**
         * Customize the aspect of the FormCheck by using the variant prop.
         * Available options are button, button-light and toggle.
         */
        variant?: FormCheckVariant;
        /**
         * You can use this to pass prop to the label for example label
         */
        labelProps?: Object;
    }

    export const FormCheck: React.FC<FormCheckProps>;

}

declare module 'src/react/core/atoms/formControlInput/FormControlInput' {
    import * as React from 'react';

    export type FormControlInputColor = "" | "warning" | "danger" | "success" | "primary";

    export type FormControlInputDefaultClassName = string | string[];

    export interface FormControlInputProps {
    [key: string]: any;
        className?: string;
        color?: FormControlInputColor;
        defaultClassName?: FormControlInputDefaultClassName;
        isDisabled?: boolean;
        isInline?: boolean;
        isLoading?: boolean;
        isReadOnly?: boolean;
        /**
         * The component used for the root node.
         * Either a string to use a DOM element or a component.
         */
        tag?: any;
        wrapperClassName?: string;
    }

    export const FormControlInput: React.FC<FormControlInputProps>;

}

declare module 'src/react/core/atoms/formControlSelect/FormControlSelect' {
    import * as React from 'react';

    export type FormControlSelectDefaultClassName = string | string[];

    export type FormControlSelectSize = "" | "sm";

    export type FormControlSelectMenuPlacement = "auto" | "top" | "bottom";

    export interface FormControlSelectProps {
    [key: string]: any;
        /**
         * The component used for the root node.
         * Either a string to use a DOM element or a component.
         */
        tag?: any;
        className?: string;
        defaultClassName?: FormControlSelectDefaultClassName;
        /**
         * The Select size.
         */
        size?: FormControlSelectSize;
        isAsync?: boolean;
        isCreatable?: boolean;
        isDanger?: boolean;
        isDisabled?: boolean;
        isGroupOption?: boolean;
        isPrimary?: boolean;
        isSuccess?: boolean;
        isWarning?: boolean;
        menuPlacement?: FormControlSelectMenuPlacement;
        theme?: any;
    }

    export const FormControlSelect: React.FC<FormControlSelectProps>;

    export const formatGroupLabel: React.FC;

}

declare module 'src/react/core/atoms/formControlSelect/themes/FormControlSelectThemeDefault' {
    import * as React from 'react';

}

declare module 'src/react/core/atoms/formControlSelect/themes/FormControlSelectThemeWhite' {
    import * as React from 'react';

}

declare module 'src/react/core/atoms/formFeedback/FormFeedback' {
    import * as React from 'react';

    export type FormFeedbackDefaultClassName = string | string[];

    export type FormFeedbackColor = "" | "warning" | "danger" | "success";

    export interface FormFeedbackProps {
    [key: string]: any;
        /**
         * The component used for the root node.
         * Either a string to use a DOM element or a component.
         */
        tag?: any;
        children: React.ReactNode;
        defaultClassName?: FormFeedbackDefaultClassName;
        className?: string;
        color?: FormFeedbackColor;
    }

    export const FormFeedback: React.FC<FormFeedbackProps>;

}

declare module 'src/react/core/atoms/formHelper/FormHelper' {
    import * as React from 'react';

    export type FormHelperDefaultClassName = string | string[];

    export interface FormHelperProps {
    [key: string]: any;
        children: React.ReactNode;
        /**
         * The component used for the root node.
         * Either a string to use a DOM element or a component.
         */
        tag?: any;
        className?: string;
        defaultClassName?: FormHelperDefaultClassName;
    }

    export const FormHelper: React.FC<FormHelperProps>;

}

declare module 'src/react/core/atoms/formLabel/FormLabel' {
    import * as React from 'react';

    export type FormLabelDefaultClassName = string | string[];

    export type FormLabelColor = "" | "success" | "warning" | "danger";

    export type FormLabelSize = "" | "sm" | "lg";

    export interface FormLabelProps {
    [key: string]: any;
        children: React.ReactNode;
        /**
         * The component used for the root node.
         * Either a string to use a DOM element or a component.
         */
        tag?: any;
        defaultClassName?: FormLabelDefaultClassName;
        className?: string;
        color?: FormLabelColor;
        size?: FormLabelSize;
        isUppercase?: boolean;
    }

    export const FormLabel: React.FC<FormLabelProps>;

}

declare module 'src/react/core/atoms/formOptionsGroup/FormOptionsGroup' {
    import * as React from 'react';

    export type FormOptionsGroupDefaultClassName = string | string[];

    export interface FormOptionsGroupProps {
    [key: string]: any;
        className?: string;
        defaultClassName?: FormOptionsGroupDefaultClassName;
        isInline?: boolean;
        /**
         * The component used for the root node.
         * Either a string to use a DOM element or a component.
         */
        tag?: any;
    }

    export const FormOptionsGroup: React.FC<FormOptionsGroupProps>;

}

declare module 'src/react/core/atoms/formOptionsGroup/FormOptionsGroupItem' {
    import * as React from 'react';

    export type FormOptionsGroupItemDefaultClassName = string | string[];

    export type FormOptionsGroupItemType = "default" | "light";

    export interface FormOptionsGroupItemProps {
    [key: string]: any;
        /**
         * The FormOptionsGroupItem content
         */
        children: React.ReactNode;
        /**
         * The className property allows you to add more classes to the component.
         */
        className?: string;
        /**
         * The component default class.
         */
        defaultClassName?: FormOptionsGroupItemDefaultClassName;
        /**
         * Disable the FormOptionsGroupItem.
         */
        isDisabled?: boolean;
        /**
         * Type of FormOptionsGroupItem.
         */
        type?: FormOptionsGroupItemType;
        /**
         * The component used for the root node.
         * Either a string to use a DOM element or a component.
         */
        tag?: any;
    }

    export const FormOptionsGroupItem: React.FC<FormOptionsGroupItemProps>;

}

declare module 'src/react/core/atoms/formPassword/FormPassword' {
    import * as React from 'react';

    export type FormPasswordDefaultClassName = string | string[];

    export interface FormPasswordProps {
    [key: string]: any;
        /**
         * The component used for the root node.
         * Either a string to use a DOM element or a component.
         */
        tag?: any;
        className?: string;
        defaultClassName?: FormPasswordDefaultClassName;
        isInline?: boolean;
        /**
         * Object of props passed to the button hide/show
         */
        buttonProps?: Object;
    }

    export const FormPassword: React.FC<FormPasswordProps>;

}

declare module 'src/react/core/atoms/formRange/FormRange' {
    import * as React from 'react';

    export type FormRangeDefaultClassName = string | string[];

    export type FormRangeMin = number | string;

    export type FormRangeMax = number | string;

    export type FormRangeValue = number | string;

    export interface FormRangeProps {
    [key: string]: any;
        /**
         * The component used for the root node.
         * Either a string to use a DOM element or a component.
         */
        tag?: any;
        className?: string;
        defaultClassName?: FormRangeDefaultClassName;
        isDanger?: boolean;
        isDisabled?: boolean;
        isPrimary?: boolean;
        isSuccess?: boolean;
        isWarning?: boolean;
        min?: FormRangeMin;
        max?: FormRangeMax;
        value?: FormRangeValue;
        onChange?: (...args: any[])=>any;
        formatLabel?: (...args: any[])=>any;
    }

    export const FormRange: React.FC<FormRangeProps>;

}

declare module 'src/react/core/atoms/icon/Icon' {
    import * as React from 'react';

    export type IconDefaultClassName = string | string[];

    export type IconPosition = "" | "start" | "between" | "end";

    export type IconSize = "" | "sm" | "lg" | "xl";

    export interface IconProps {
    [key: string]: any;
        defaultClassName?: IconDefaultClassName;
        className?: string;
        name: string;
        position?: IconPosition;
        size?: IconSize;
        isSvgColor?: boolean;
        description?: string;
    }

    export const Icon: React.FC<IconProps>;

}

declare module 'src/react/core/atoms/infoText/InfoText' {
    import * as React from 'react';

    export type InfoTextColor = "" | "primary" | "warning" | "danger" | "success" | "light";

    export type InfoTextDefaultClassName = string | string[];

    export interface InfoTextProps {
    [key: string]: any;
        children: React.ReactNode;
        className?: string;
        color?: InfoTextColor;
        defaultClassName?: InfoTextDefaultClassName;
        iconName?: string;
        /**
         * The component used for the root node.
         * Either a string to use a DOM element or a component.
         */
        tag?: any;
    }

    export const InfoText: React.FC<InfoTextProps>;

    export const ContentRender: React.FC;

}

declare module 'src/react/core/atoms/labelValue/LabelValue' {
    import * as React from 'react';

    export type LabelValueDefaultClassName = string | string[];

    export type LabelValueLabel = React.ReactNode | string;

    export type LabelValueSize = "" | "sm" | "lg";

    export interface LabelValueProps {
    [key: string]: any;
        children?: React.ReactNode;
        className?: string;
        defaultClassName?: LabelValueDefaultClassName;
        isLabelUppercase?: boolean;
        label?: LabelValueLabel;
        size?: LabelValueSize;
        /**
         * The component used for the root node.
         * Either a string to use a DOM element or a component.
         */
        tag?: any;
    }

    export const LabelValue: React.FC<LabelValueProps>;

}

declare module 'src/react/core/atoms/loader/Loader' {
    import * as React from 'react';

    export type LoaderDefaultClassName = string | string[];

    export type LoaderColor = "" | "primary";

    export type LoaderPosition = "" | "start" | "between" | "end";

    export type LoaderSize = "" | "sm" | "lg" | "xl";

    export interface LoaderProps {
    [key: string]: any;
        className?: string;
        defaultClassName?: LoaderDefaultClassName;
        color?: LoaderColor;
        position?: LoaderPosition;
        size?: LoaderSize;
    }

    export const Loader: React.FC<LoaderProps>;

}

declare module 'src/react/core/atoms/logLine/LogLine' {
    import * as React from 'react';

    export type LogLineDefaultClassName = string | string[];

    export type LogLineNumber = number | string;

    export type LogLineStream = "stdout" | "stderr" | "orchestration_stdout" | "orchestration_stderr";

    export interface LogLineProps {
    [key: string]: any;
        /**
         * The log line content.
         */
        children?: React.ReactNode;
        /**
         * The className property allows you to add more classes to the component.
         */
        className?: string;
        /**
         * The component default class.
         */
        defaultClassName?: LogLineDefaultClassName;
        /**
         * Highlight the log line if true.
         */
        isHighlighted?: boolean;
        /**
         * The log line number.
         */
        number?: LogLineNumber;
        /**
         * Function called when the user clicks on the log line number.
         */
        onNumberClick?: (...args: any[])=>any;
        /**
         * The stream to use for this log line. Can be stdout for standard output, or
         * stderr for standard error.
         */
        stream?: LogLineStream;
        /**
         * The component used for the root node.
         * Either a string to use a DOM element or a component.
         */
        tag?: any;
        /**
         * The time of the log, useful to give more information to the user.
         */
        time?: string;
    }

    export const LogLine: React.FC<LogLineProps>;

    export const buildLogLineNumber: React.FC;

}

declare module 'src/react/core/atoms/paper/Paper' {
    import * as React from 'react';

    export type PaperDefaultClassName = string | string[];

    export type PaperElevation = 100 | 200 | 300 | 400 | 500 | 600 | "100" | "200" | "300" | "400" | "500" | "600";

    export interface PaperProps {
    [key: string]: any;
        /**
         * The Paper content.
         */
        children?: React.ReactNode;
        /**
         * The className property allows you to add more classes to the component.
         */
        className?: string;
        /**
         * The component default class.
         */
        defaultClassName?: PaperDefaultClassName;
        /**
         * The Paper elevation. Accept string or number.
         */
        elevation?: PaperElevation;
        /**
         * The component used for the root node.
         * Either a string to use a DOM element or a component.
         */
        tag?: any;
    }

    export const Paper: React.FC<PaperProps>;

}

declare module 'src/react/core/atoms/progressBar/ProgressBar' {
    import * as React from 'react';

    export type ProgressBarColor = "" | "primary" | "success" | "warning" | "danger";

    export type ProgressBarDefaultClassName = string | string[];

    export type ProgressBarSize = "" | "xs" | "sm" | "lg";

    export interface ProgressBarProps {
    [key: string]: any;
        className?: string;
        color?: ProgressBarColor;
        defaultClassName?: ProgressBarDefaultClassName;
        max?: string;
        size?: ProgressBarSize;
        role?: string;
        /**
         * The component used for the root node.
         * Either a string to use a DOM element or a component.
         */
        tag?: any;
        value?: string;
    }

    export const ProgressBar: React.FC<ProgressBarProps>;

}

declare module 'src/react/core/atoms/stepIndicator/StepIndicator' {
    import * as React from 'react';

    export type StepIndicatorDefaultClassName = string | string[];

    export interface StepIndicatorProps {
    [key: string]: any;
        children?: React.ReactNode;
        className?: string;
        defaultClassName?: StepIndicatorDefaultClassName;
        isInteractive?: boolean;
        currentStep?: number;
        /**
         * The component used for the root node.
         * Either a string to use a DOM element or a component.
         */
        tag?: any;
    }

    export const StepIndicator: React.FC<StepIndicatorProps>;

}

declare module 'src/react/core/atoms/stepIndicator/StepIndicatorItem' {
    import * as React from 'react';

    export type StepIndicatorItemColor = "" | "warning" | "danger" | "success";

    export type StepIndicatorItemDefaultClassName = string | string[];

    export interface StepIndicatorItemProps {
    [key: string]: any;
        className?: string;
        color?: StepIndicatorItemColor;
        defaultClassName?: StepIndicatorItemDefaultClassName;
        isActive?: boolean;
        isDisabled?: boolean;
        message?: string;
        /**
         * The component used for the root node.
         * Either a string to use a DOM element or a component.
         */
        tag?: any;
    }

    export const StepIndicatorItem: React.FC<StepIndicatorItemProps>;

}

declare module 'src/react/core/atoms/stepIndicator/StepIndicatorMessage' {
    import * as React from 'react';

    export type StepIndicatorMessageColor = "" | "warning" | "danger" | "success";

    export type StepIndicatorMessageDefaultClassName = string | string[];

    export interface StepIndicatorMessageProps {
    [key: string]: any;
        children?: React.ReactNode;
        className?: string;
        color?: StepIndicatorMessageColor;
        defaultClassName?: StepIndicatorMessageDefaultClassName;
        /**
         * The component used for the root node.
         * Either a string to use a DOM element or a component.
         */
        tag?: any;
    }

    export const StepIndicatorMessage: React.FC<StepIndicatorMessageProps>;

}

declare module 'src/react/core/atoms/technologyBadge/TechnologyBadge' {
    import * as React from 'react';

    export type TechnologyBadgeDefaultClassName = string | string[];

    export type TechnologyBadgeSize = "" | "sm" | "lg" | "xl";

    export type TechnologyBadgeShadow = "none" | "100" | "200" | "300" | "400" | "500" | "600" | 100 | 200 | 300 | 400 | 500 | 600;

    export type TechnologyBadgeStatus = "available" | "deprecated" | "disabled" | "missing-elements";

    export interface TechnologyBadgeProps {
    [key: string]: any;
        /**
         * The TechnologyBadge content
         */
        children?: React.ReactNode;
        /**
         * The className property allows you to add more classes to the component.
         */
        className?: string;
        /**
         * The component default class.
         */
        defaultClassName?: TechnologyBadgeDefaultClassName;
        /**
         * The TechnologyBadge icon name.
         */
        icon?: string;
        /**
         * The TechnologyBadge icon url.
         */
        iconUrl?: string;
        /**
         * The TechnologyBadge label.
         */
        label?: string;
        /**
         * The TechnologyBadge size
         */
        size?: TechnologyBadgeSize;
        /**
         * The TechnologyBadge elevation.
         */
        shadow?: TechnologyBadgeShadow;
        /**
         * The TechnologyBadge display status.
         */
        status?: TechnologyBadgeStatus;
        /**
         * The TechnologyBadge padding around the icon.
         */
        isPadded?: boolean;
        /**
         * The component used for the root node.
         * Either a string to use a DOM element or a component.
         */
        tag?: any;
    }

    export const TechnologyBadge: React.FC<TechnologyBadgeProps>;

    export const renderComponent: React.FC;

}

declare module 'src/react/core/atoms/text/Text' {
    import * as React from 'react';

    export type TextColor = "" | "primary" | "warning" | "danger" | "success" | "white" | "light" | "brand-primary";

    export type TextTextTransform = "" | "uppercase" | "lowercase" | "capitalized";

    export type TextTextAlign = "left" | "right" | "center";

    export type TextDefaultClassName = string | string[];

    export type TextFontSize = "xxs" | "xs" | "sm" | "ms" | "" | "ml" | "lg" | "xl" | "xxl";

    export type TextFontWeight = "thin" | "extralight" | "light" | "normal" | "medium" | "semibold" | "bold" | "extrabold" | "black";

    export interface TextProps {
    [key: string]: any;
        /**
         * The component children
         */
        children: React.ReactNode;
        /**
         * A className passed to the component
         */
        className?: string;
        /**
         * The color of the text
         */
        color?: TextColor;
        /**
         * Transform the text
         */
        textTransform?: TextTextTransform;
        /**
         * Control the alignment of the text
         */
        textAlign?: TextTextAlign;
        /**
         * Should cut the text with ellipsis
         */
        isEllipsed?: boolean;
        /**
         * ClassName applied by default
         */
        defaultClassName?: TextDefaultClassName;
        /**
         * The component used for the root node.
         * Either a string to use a DOM element or a component.
         */
        tag?: any;
        /**
         * The font-size of the text displayed
         */
        fontSize?: TextFontSize;
        /**
         * The font-weight of the text displayed
         */
        fontWeight?: TextFontWeight;
    }

    export const Text: React.FC<TextProps>;

}

declare module 'src/react/core/atoms/thumbnail/Thumbnail' {
    import * as React from 'react';

    export type ThumbnailDefaultClassName = string | string[];

    export type ThumbnailSize = "" | "xxs" | "xs" | "sm" | "lg" | "xl" | "xxl";

    export type ThumbnailRatio = "" | "3/4" | "16/9" | "2/1" | "1/2" | "4/3";

    export type ThumbnailShadow = "" | "100" | "200" | "300" | "400" | "500" | "600" | 100 | 200 | 300 | 400 | 500 | 600;

    export interface ThumbnailProps {
    [key: string]: any;
        children?: React.ReactElement<any>;
        className?: string;
        defaultClassName?: ThumbnailDefaultClassName;
        alt?: string;
        src?: string;
        size?: ThumbnailSize;
        ratio?: ThumbnailRatio;
        shadow?: ThumbnailShadow;
        /**
         * The component used for the root node.
         * Either a string to use a DOM element or a component.
         */
        tag?: any;
    }

    export const Thumbnail: React.FC<ThumbnailProps>;

}

declare module 'src/react/core/atoms/timeDisplay/TimeDisplay' {
    import * as React from 'react';

    import dayjs from 'dayjs';

    export type TimeDisplayDate = number | string | Date | dayjs;

    export interface TimeDisplayProps {
    [key: string]: any;
        /**
         * The date can be a number, a string, a Date or a dayjs compatible format.
         * It will be parsed by dayjs.
         */
        date?: TimeDisplayDate;
        /**
         * Use this props to override standard behavior and use specific date format.
         */
        format?: string;
    }

    export const TimeDisplay: React.FC<TimeDisplayProps>;

}

declare module 'src/react/core/atoms/timeFromNow/TimeFromNow' {
    import * as React from 'react';

    import dayjs from 'dayjs';

    export type TimeFromNowDate = number | string | Date | dayjs;

    export interface TimeFromNowProps {
    [key: string]: any;
        /**
         * The date can be a number, a string, a Date or a dayjs compatible format.
         * It will be parsed by dayjs.
         */
        date?: TimeFromNowDate;
        /**
         * Set to true to show a Tooltip with the date.
         */
        shouldShowTooltip?: boolean;
        /**
         * The different properties available in the Tooltip component.
         */
        tooltipProps?: Object;
    }

    export const TimeFromNow: React.FC<TimeFromNowProps>;

}

declare module 'src/react/core/atoms/tooltip/Tooltip' {
    import * as React from 'react';

    export type TooltipColor = "" | "primary" | "secondary" | "success" | "warning" | "danger" | "light" | "dark" | "new";

    export type TooltipDefaultClassName = string | string[];

    export type TooltipHideDelayCustomTimeOut = 0.05 | 0.1 | 0.2 | 0.5 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;

    export type TooltipAutoDisplayCustomTimeOut = 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;

    export type TooltipLabel = React.ReactNode | string;

    export type TooltipDefaultPlacement = "auto" | "top" | "right" | "bottom" | "left";

    export type TooltipSize = "" | "sm" | "md" | "lg";

    export type TooltipTag = ((...args: any[])=>any) | string;

    export type TooltipWrapperTag = ((...args: any[])=>any) | string;

    export interface TooltipProps {
    [key: string]: any;
        children?: React.ReactNode;
        className?: string;
        color?: TooltipColor;
        defaultClassName?: TooltipDefaultClassName;
        /**
         * Add a delay before closing the tooltip
         */
        hideDelay?: boolean;
        /**
         * The number of second before the closing of the tooltip when hideDelay is set to true
         */
        hideDelayCustomTimeOut?: TooltipHideDelayCustomTimeOut;
        /**
         * Automatically display the tooltip on first render
         */
        autoDisplay?: boolean;
        /**
         * The number of seconds before closing the tooltip when autoDisplay is set to true
         */
        autoDisplayCustomTimeOut?: TooltipAutoDisplayCustomTimeOut;
        isLight?: boolean;
        /**
         * deprecated 0.65
         */
        isPortalDisabled?: boolean;
        label?: TooltipLabel;
        portalTarget?: Element;
        defaultPlacement?: TooltipDefaultPlacement;
        size?: TooltipSize;
        tag?: TooltipTag;
        wrapperTag?: TooltipWrapperTag;
    }

    export const Tooltip: React.FC<TooltipProps>;

}

declare module 'src/react/core/helpers/clickAwayListener/ClickAwayListener' {
    import * as React from 'react';

    export interface ClickAwayListenerProps {
    [key: string]: any;
        /**
         * Children to set inside the Tabs.
         */
        children?: React.ReactNode;
        /**
         * Disable outside click.
         */
        isClickOutsideDisabled?: boolean;
        /**
         * Function to run when the user click outside of the component.
         */
        onClickOutside?: (...args: any[])=>any;
    }

    export const ClickAwayListener: React.FC<ClickAwayListenerProps>;

}

declare module 'src/react/core/helpers/useDisclosure' {
    import * as React from 'react';

}

declare module 'src/react/core/helpers/useEventCallback' {
    import * as React from 'react';

}

declare module 'src/react/core/helpers/useForkRef' {
    import * as React from 'react';

}

declare module 'src/react/core/helpers/useLayoutFocusMode' {
    import * as React from 'react';

}

declare module 'src/react/core/layout/container/Container' {
    import * as React from 'react';

    export type ContainerGutter = "none" | "xxs" | "xs" | "sm" | "md" | "lg" | "xl" | "xxl" | string;

    export type ContainerGutterHorizontal = "none" | "xxs" | "xs" | "sm" | "md" | "lg" | "xl" | "xxl" | string;

    export type ContainerGutterVertical = "none" | "xxs" | "xs" | "sm" | "md" | "lg" | "xl" | "xxl" | string;

    export type ContainerSize = "full" | "xxs" | "xs" | "sm" | "md" | "lg" | "xl" | "xxl";

    export interface ContainerProps {
    [key: string]: any;
        /**
         * The page content.
         */
        children?: React.ReactNode;
        /**
         * The size of the space around the page.
         * You can also use responsive values like 'xs sm@md md@lg'
         */
        gutter?: ContainerGutter;
        /**
         * The size of the horizontal space around the page.
         * You can also use responsive values like 'xs sm@md md@lg'
         */
        gutterHorizontal?: ContainerGutterHorizontal;
        /**
         * The size of the vertical space around the page.
         * You can also use responsive values like 'xs sm@md md@lg'