plataforma-fundacao-componentes 2.24.2 → 2.25.1

package/dist/components/previaVideo/PreviaVideo.stories.d.ts

@@ -3,6 +3,7 @@ declare namespace _default {
     export { PreviaVideo as component };
 }
 export default _default;
-export function FirstExample(): JSX.Element;
-export function HomeExample(): JSX.Element;
+export function FirstExample(): React.JSX.Element;
+export function HomeExample(): React.JSX.Element;
 import PreviaVideo from "./PreviaVideo";
+import React from "react";

package/dist/components/qrcode/QRCode.d.ts

@@ -9,7 +9,7 @@ export interface QRCodeProps {
     backgroundColor?: string;
     onClick?: (event: React.MouseEvent<HTMLDivElement>) => void;
 }
-declare function QRCode(props: QRCodeProps): JSX.Element;
+declare function QRCode(props: QRCodeProps): React.JSX.Element;
 declare namespace QRCode {
     var defaultProps: {
         margin: number;

package/dist/components/qrcode/QRCode.stories.d.ts

@@ -1,14 +1,14 @@
-/// <reference types="react" />
+import React from 'react';
 import { QRCodeProps } from './QRCode';
 declare const _default: {
     title: string;
 };
 export default _default;
 export declare const DefaultExample: {
-    (args: QRCodeProps): JSX.Element;
+    (args: QRCodeProps): React.JSX.Element;
     args: QRCodeProps;
 };
 export declare const ColorizedExample: {
-    (args: QRCodeProps): JSX.Element;
+    (args: QRCodeProps): React.JSX.Element;
     args: QRCodeProps;
 };

package/dist/components/radioButton/RadioButton.d.ts

@@ -10,7 +10,7 @@ interface RadioButtonProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonEle
     theme?: RadioButtonType;
     onChange: (value: boolean) => void;
 }
-declare function RadioButton(props: RadioButtonProps): JSX.Element;
+declare function RadioButton(props: RadioButtonProps): React.JSX.Element;
 declare namespace RadioButton {
     var defaultProps: {
         disabled: boolean;

package/dist/components/radioButton/RadioButton.stories.d.ts

@@ -1,9 +1,9 @@
-/// <reference types="react" />
+import React from 'react';
 declare const _default: {
     title: string;
 };
 export default _default;
-export declare const Primary: () => JSX.Element;
-export declare const Classic: () => JSX.Element;
-export declare const DisabledOn: () => JSX.Element;
-export declare const DisabledOff: () => JSX.Element;
+export declare const Primary: () => React.JSX.Element;
+export declare const Classic: () => React.JSX.Element;
+export declare const DisabledOn: () => React.JSX.Element;
+export declare const DisabledOff: () => React.JSX.Element;

package/dist/components/row/Row.d.ts

@@ -7,7 +7,7 @@ interface RowProps extends React.HTMLAttributes<HTMLDivElement> {
     columnDirection?: boolean;
     centralized?: boolean;
 }
-declare function Row(props: RowProps): JSX.Element;
+declare function Row(props: RowProps): React.JSX.Element;
 declare namespace Row {
     var defaultProps: {
         centralized: boolean;

package/dist/components/row/Row.stories.d.ts

@@ -3,5 +3,5 @@ declare namespace _default {
     export { Row as component };
 }
 export default _default;
-export function Primary(): JSX.Element;
+export function Primary(): import("react").JSX.Element;
 import Row from "./Row";

package/dist/components/scrollArrowOverflow/ScrollArrowOverflow.d.ts

@@ -5,7 +5,7 @@ export interface ScrollArrowOverflowProps {
     arrows?: 'bottom' | 'left' | 'right';
     defaultOpened?: boolean;
 }
-declare function ScrollArrowOverflow(props: ScrollArrowOverflowProps): JSX.Element;
+declare function ScrollArrowOverflow(props: ScrollArrowOverflowProps): React.JSX.Element;
 declare namespace ScrollArrowOverflow {
     var defaultProps: Partial<ScrollArrowOverflowProps>;
 }

package/dist/components/scrollArrowOverflow/ScrollArrowOverflow.stories.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { ScrollArrowOverflowProps } from './ScrollArrowOverflow';
 declare const _default: {
     title: string;
@@ -11,6 +11,6 @@ declare const _default: {
 };
 export default _default;
 export declare const FirstExample: {
-    (args: ScrollArrowOverflowProps): JSX.Element;
+    (args: ScrollArrowOverflowProps): React.JSX.Element;
     args: Partial<ScrollArrowOverflowProps>;
 };

package/dist/components/search/Search.d.ts

@@ -0,0 +1,29 @@
+import React from 'react';
+import './Search.scss';
+declare type Record = {
+    label: string;
+    value: number | number;
+};
+export interface SearchProps {
+    showSelected?: boolean;
+    onChange?: (value: string) => void;
+    onSelect?: any;
+    error?: boolean;
+    helperText?: string;
+    label: string;
+    placeholder?: string;
+    disabled?: boolean;
+    value: string;
+    data?: Array<Record>;
+    minLenghtToSearch?: number;
+    clearButton?: boolean;
+    loadData?: () => Promise<Array<Record>>;
+}
+declare function Search(props: SearchProps): React.JSX.Element;
+declare namespace Search {
+    var defaultProps: {
+        minLenghtToSearch: number;
+    };
+}
+declare const _default: React.MemoExoticComponent<typeof Search>;
+export default _default;

package/dist/components/search/Search.stories.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+declare const _default: {
+    title: string;
+};
+export default _default;
+export declare const LocalDataExample: () => React.JSX.Element;
+export declare const DataExample: () => React.JSX.Element;
+export declare const ShowSelectedInInput: () => React.JSX.Element;
+export declare const MinLengthToSearch: () => React.JSX.Element;

package/dist/components/select/Select.d.ts

@@ -36,7 +36,7 @@ export interface SelectProps {
     readOnly?: boolean;
     tabIndex?: number;
 }
-declare function Select(props: SelectProps): JSX.Element;
+declare function Select(props: SelectProps): React.JSX.Element;
 declare namespace Select {
     var defaultProps: {
         onChange: undefined;

package/dist/components/select/Select.stories.d.ts

@@ -1,22 +1,22 @@
-/// <reference types="react" />
+import React from 'react';
 declare const _default: {
     title: string;
 };
 export default _default;
-export declare const SingleWithoutOptions: () => JSX.Element;
-export declare const Single: () => JSX.Element;
-export declare const SingleWithoutClear: () => JSX.Element;
-export declare const SingleError: () => JSX.Element;
-export declare const SingleFilter: () => JSX.Element;
-export declare const SingleFilterBottomPanel: () => JSX.Element;
-export declare const SinglePreSelectUniqueOption: () => JSX.Element;
-export declare const SinglePreSelectUniqueOptionReadOnly: () => JSX.Element;
-export declare const Multiple: () => JSX.Element;
-export declare const MultipleWithoutClearButton: () => JSX.Element;
-export declare const MultipleWithFilter: () => JSX.Element;
-export declare const MultipleWithFilterDisabled: () => JSX.Element;
-export declare const MultipleWithoutFooter: () => JSX.Element;
-export declare const MultipleWithoutOptions: () => JSX.Element;
-export declare const MultiplePreSelectUniqueOption: () => JSX.Element;
-export declare const MultiplePreSelectUniqueOptionReadOnly: () => JSX.Element;
-export declare const TwoTest: () => JSX.Element;
+export declare const SingleWithoutOptions: () => React.JSX.Element;
+export declare const Single: () => React.JSX.Element;
+export declare const SingleWithoutClear: () => React.JSX.Element;
+export declare const SingleError: () => React.JSX.Element;
+export declare const SingleFilter: () => React.JSX.Element;
+export declare const SingleFilterBottomPanel: () => React.JSX.Element;
+export declare const SinglePreSelectUniqueOption: () => React.JSX.Element;
+export declare const SinglePreSelectUniqueOptionReadOnly: () => React.JSX.Element;
+export declare const Multiple: () => React.JSX.Element;
+export declare const MultipleWithoutClearButton: () => React.JSX.Element;
+export declare const MultipleWithFilter: () => React.JSX.Element;
+export declare const MultipleWithFilterDisabled: () => React.JSX.Element;
+export declare const MultipleWithoutFooter: () => React.JSX.Element;
+export declare const MultipleWithoutOptions: () => React.JSX.Element;
+export declare const MultiplePreSelectUniqueOption: () => React.JSX.Element;
+export declare const MultiplePreSelectUniqueOptionReadOnly: () => React.JSX.Element;
+export declare const TwoTest: () => React.JSX.Element;

package/dist/components/switch/Switch.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { TooltipPosition } from '../../libraries/Tooltips';
 import './Switch.scss';
 interface SwitchProps {
@@ -11,7 +11,7 @@ interface SwitchProps {
     onChange?: (event: any) => void;
     scale?: number;
 }
-declare function Switch(props: SwitchProps): JSX.Element;
+declare function Switch(props: SwitchProps): React.JSX.Element;
 declare namespace Switch {
     var defaultProps: {
         disabled: boolean;

package/dist/components/switch/Switch.stories.d.ts

@@ -3,8 +3,8 @@ declare namespace _default {
     export { Switch as component };
 }
 export default _default;
-export function Primary(): JSX.Element;
-export function Scaled(): JSX.Element;
-export function DisabledOn(): JSX.Element;
-export function DisabledOff(): JSX.Element;
+export function Primary(): import("react").JSX.Element;
+export function Scaled(): import("react").JSX.Element;
+export function DisabledOn(): import("react").JSX.Element;
+export function DisabledOff(): import("react").JSX.Element;
 import Switch from "./Switch";

package/dist/components/table/Table.d.ts

@@ -42,6 +42,6 @@ export interface TypedTableProps<R extends indexes> extends BasicTableProps {
     columns: ColumnObject<R>[];
     lines?: LineObject<R>[];
 }
-export declare function TypedTable<R extends indexes>(props: TypedTableProps<R>): JSX.Element;
+export declare function TypedTable<R extends indexes>(props: TypedTableProps<R>): React.JSX.Element;
 export default function Table(props: TableProps): JSX.Element;
 export {};

package/dist/components/table/Table.stories.d.ts

@@ -1,15 +1,15 @@
-/// <reference types="react" />
+import React from 'react';
 import Table from './Table';
 declare const _default: {
     title: string;
     component: typeof Table;
 };
 export default _default;
-export declare const Example: () => JSX.Element;
-export declare const TableLikeZeplin: () => JSX.Element;
-export declare const Draggable: () => JSX.Element;
-export declare const ConfirmSort: () => JSX.Element;
-export declare const WithActions: () => JSX.Element;
-export declare const UpperHeader: () => JSX.Element;
-export declare const Typed: () => JSX.Element;
-export declare const WithOverflow: () => JSX.Element;
+export declare const Example: () => React.JSX.Element;
+export declare const TableLikeZeplin: () => React.JSX.Element;
+export declare const Draggable: () => React.JSX.Element;
+export declare const ConfirmSort: () => React.JSX.Element;
+export declare const WithActions: () => React.JSX.Element;
+export declare const UpperHeader: () => React.JSX.Element;
+export declare const Typed: () => React.JSX.Element;
+export declare const WithOverflow: () => React.JSX.Element;

package/dist/components/table/components/TableUpperHeader/TableUpperHeader.d.ts

@@ -21,6 +21,6 @@ export interface TableUpperHeaderProps {
     opened?: boolean;
     collapsedContent?: ReactNode;
 }
-declare function TableUpperHeader(props: TableUpperHeaderProps): JSX.Element;
+declare function TableUpperHeader(props: TableUpperHeaderProps): React.JSX.Element;
 declare const _default: React.MemoExoticComponent<typeof TableUpperHeader>;
 export default _default;

package/dist/components/table/components/actionsColumn/ActionsColumn.d.ts

@@ -1,10 +1,10 @@
-/// <reference types="react" />
+import React from 'react';
 import { IconButtonProps } from '../../../iconButton/IconButton';
 import './ActionsColumn.scss';
 export declare const ActionsColumn: {
     (props: {
         buttons?: IconButtonProps[];
-    }): JSX.Element;
+    }): React.JSX.Element;
     defaultProps: {
         buttons: never[];
     };

package/dist/components/table/components/{leftCheckboxWithLabel/LeftCheckboxWithLabel.d.ts → leftControlWithLabel/LeftControlWithLabel.d.ts}

@@ -1,25 +1,27 @@
 import React, { HTMLAttributes } from 'react';
 import { TooltipPosition } from '../../../../libraries/Tooltips';
 import { CheckboxProps } from '../../../checkbox/Checkbox';
-import './LeftCheckboxWithLabel.scss';
-export interface LeftCheckboxWithLabelElement extends CheckboxProps {
+import './LeftControlWithLabel.scss';
+export interface LeftControlWithLabelElement extends CheckboxProps {
     label?: React.ReactNode | JSX.Element;
     justifyContent?: never;
     spanProps?: never;
     anchorLabelToCheckbox?: never;
     removeUserSelect?: never;
+    type?: 'checkbox' | 'addRemove';
     w100?: boolean;
 }
 export interface SpanPropsExtended extends HTMLAttributes<HTMLSpanElement> {
     'tooltip-position'?: TooltipPosition;
     'tooltip-text'?: string;
 }
-export interface LeftCheckboxWithLabelString extends CheckboxProps {
+export interface LeftControlWithLabelString extends CheckboxProps {
     label?: string;
     justifyContent?: string;
     spanProps?: SpanPropsExtended;
     anchorLabelToCheckbox?: boolean;
     removeUserSelect?: boolean;
+    type?: 'checkbox' | 'addRemove';
     w100?: boolean;
 }
-export declare const LeftCheckboxWithLabel: (props: LeftCheckboxWithLabelElement | LeftCheckboxWithLabelString) => JSX.Element;
+export declare const LeftControlWithLabel: (props: LeftControlWithLabelElement | LeftControlWithLabelString) => React.JSX.Element;

package/dist/components/tableActions/TableActions.d.ts

@@ -1,11 +1,11 @@
-/// <reference types="react" />
+import React from 'react';
 import { IconButtonProps } from '../iconButton/IconButton';
 import './TableActions.scss';
 export interface TableActionsProps {
     label?: string;
     actions?: IconButtonProps[];
 }
-declare function TableActions(props: TableActionsProps): JSX.Element;
+declare function TableActions(props: TableActionsProps): React.JSX.Element;
 declare namespace TableActions {
     var defaultProps: {
         label: string;

package/dist/components/tableFileNameAndAction/TableFileNameAndAction.d.ts

@@ -15,7 +15,7 @@ export interface TableFileNameAndActionProps {
     onRightIconClick?: (event: number) => void;
     disabledRightIcon?: boolean;
 }
-declare function TableFileNameAndAction(props: TableFileNameAndActionProps): JSX.Element;
+declare function TableFileNameAndAction(props: TableFileNameAndActionProps): React.JSX.Element;
 declare namespace TableFileNameAndAction {
     var defaultProps: {};
 }

package/dist/components/tableFileNameAndAction/TableFileNameAndAction.stories.d.ts

@@ -3,7 +3,7 @@ declare namespace _default {
     export { TableFileNameAndAction as component };
 }
 export default _default;
-export function Primary(): JSX.Element;
-export function White(): JSX.Element;
-export function WithLoader(): JSX.Element;
+export function Primary(): import("react").JSX.Element;
+export function White(): import("react").JSX.Element;
+export function WithLoader(): import("react").JSX.Element;
 import TableFileNameAndAction from "./TableFileNameAndAction";

package/dist/components/tableWithOverflow/TableWithOverflow.d.ts

@@ -21,7 +21,7 @@ interface TableWithOverflowProps {
     lines?: any[];
     noResultMessage?: string;
 }
-declare function TableWithOverflow(props: TableWithOverflowProps): JSX.Element;
+declare function TableWithOverflow(props: TableWithOverflowProps): React.JSX.Element;
 declare namespace TableWithOverflow {
     var defaultProps: {
         showTopNavigator: boolean;

package/dist/components/tableWithOverflow/TableWithOverflow.stories.d.ts

@@ -1,9 +1,9 @@
-/// <reference types="react" />
+import React from 'react';
 declare const _default: {
     title: string;
 };
 export default _default;
-export declare const Primary: () => JSX.Element;
-export declare const UpperHeader: () => JSX.Element;
-export declare const UpperHeaderWithColumnFilter: () => JSX.Element;
-export declare const CollapseExample: () => JSX.Element;
+export declare const Primary: () => React.JSX.Element;
+export declare const UpperHeader: () => React.JSX.Element;
+export declare const UpperHeaderWithColumnFilter: () => React.JSX.Element;
+export declare const CollapseExample: () => React.JSX.Element;

package/dist/components/tabs/Tabs.d.ts

@@ -11,6 +11,6 @@ export interface TabsProps {
     atual?: number | null;
     changeTitleColor?: boolean;
 }
-declare function Tabs(props: TabsProps): JSX.Element;
+declare function Tabs(props: TabsProps): React.JSX.Element;
 declare const _default: React.MemoExoticComponent<typeof Tabs>;
 export default _default;

package/dist/components/tabs/Tabs.stories.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 declare const _default: {
     title: string;
-    component: React.MemoExoticComponent<(props: import("./Tabs").TabsProps) => JSX.Element>;
+    component: React.MemoExoticComponent<(props: import("./Tabs").TabsProps) => React.JSX.Element>;
 };
 export default _default;
-export declare const FirstExample: () => JSX.Element;
+export declare const FirstExample: () => React.JSX.Element;

package/dist/components/textEditor/TextEditor.d.ts

@@ -1,4 +1,4 @@
-declare function TextEditor(props: any): JSX.Element;
+declare function TextEditor(props: any): import("react").JSX.Element;
 declare namespace TextEditor {
     export namespace propTypes {
         export const disabled: PropTypes.Requireable<boolean>;

package/dist/components/textEditor/TextEditor.stories.d.ts

@@ -3,11 +3,11 @@ declare namespace _default {
     export { TextEditor as component };
 }
 export default _default;
-export function Primary(): JSX.Element;
-export function TopLabelHelperText(): JSX.Element;
-export function Disabled(): JSX.Element;
-export function Error(): JSX.Element;
-export function OnChangeListener(): JSX.Element;
-export function WithValue(): JSX.Element;
-export function ShowHTML(): JSX.Element;
+export function Primary(): import("react").JSX.Element;
+export function TopLabelHelperText(): import("react").JSX.Element;
+export function Disabled(): import("react").JSX.Element;
+export function Error(): import("react").JSX.Element;
+export function OnChangeListener(): import("react").JSX.Element;
+export function WithValue(): import("react").JSX.Element;
+export function ShowHTML(): import("react").JSX.Element;
 import TextEditor from "./TextEditor";

package/dist/components/textEditor/components/textEditorColorPicker/TextEditorColorPicker.d.ts

@@ -1,4 +1,4 @@
-declare function TextEditorColorPicker(props: any): JSX.Element;
+declare function TextEditorColorPicker(props: any): import("react").JSX.Element;
 declare namespace TextEditorColorPicker {
     export namespace propTypes {
         export const onChange: PropTypes.Requireable<(...args: any[]) => any>;

package/dist/components/textEditor/components/textEditorHeaderButton/TextEditorHeaderButton.d.ts

@@ -1,4 +1,4 @@
-declare function TextEditorHeaderButton(props: any): JSX.Element;
+declare function TextEditorHeaderButton(props: any): React.JSX.Element;
 declare namespace TextEditorHeaderButton {
     export namespace propTypes {
         export const icon: PropTypes.Requireable<object>;
@@ -8,4 +8,5 @@ declare namespace TextEditorHeaderButton {
     }
 }
 export default TextEditorHeaderButton;
+import React from "react";
 import PropTypes from "prop-types";

package/dist/components/textEditor/components/textEditorInput/TextEditorHeaderInput.d.ts

@@ -1,4 +1,4 @@
-declare function TextEditorHeaderInput(props: any): JSX.Element;
+declare function TextEditorHeaderInput(props: any): import("react").JSX.Element;
 declare namespace TextEditorHeaderInput {
     export namespace propTypes {
         export const onChange: PropTypes.Requireable<(...args: any[]) => any>;

package/dist/components/textEditor/components/textEditorMenuButton/TextEditorMenuButton.d.ts

@@ -1,4 +1,4 @@
-declare function TextEditorMenuButton(props: any): JSX.Element;
+declare function TextEditorMenuButton(props: any): import("react").JSX.Element;
 declare namespace TextEditorMenuButton {
     export namespace propTypes {
         export const onClick: PropTypes.Requireable<(...args: any[]) => any>;

package/dist/components/textEditor/components/textEditorTitleChoser/TextEditorTitleChoser.d.ts

@@ -1,4 +1,4 @@
-declare function TextEditorTitleChoser(props: any): JSX.Element;
+declare function TextEditorTitleChoser(props: any): import("react").JSX.Element;
 declare namespace TextEditorTitleChoser {
     export namespace propTypes {
         export const onChange: PropTypes.Requireable<(...args: any[]) => any>;

package/dist/components/textEditor/components/textEditorUrlCreator/TextEditorUrlCreator.d.ts

@@ -1,4 +1,4 @@
-declare function TextEditorUrlCreator(props: any): JSX.Element;
+declare function TextEditorUrlCreator(props: any): import("react").JSX.Element;
 declare namespace TextEditorUrlCreator {
     export namespace propTypes {
         export const opened: PropTypes.Requireable<boolean>;

package/dist/components/title/Title.d.ts

@@ -6,7 +6,7 @@ interface TitleProps {
     onBackClick?: (event?: any) => void;
     rightElement?: React.ReactNode;
 }
-declare function Title(props: TitleProps): JSX.Element;
+declare function Title(props: TitleProps): React.JSX.Element;
 declare namespace Title {
     var defaultProps: {};
 }

package/dist/components/title/Title.stories.d.ts

@@ -3,13 +3,13 @@ declare namespace _default {
     export { Title as component };
 }
 export default _default;
-export function FirstExample(args: any): JSX.Element;
+export function FirstExample(args: any): React.JSX.Element;
 export namespace FirstExample {
     export namespace args {
         export const children: string;
     }
 }
-export function BackExample(args: any): JSX.Element;
+export function BackExample(args: any): React.JSX.Element;
 export namespace BackExample {
     export namespace args_1 {
         const children_1: string;
@@ -18,5 +18,6 @@ export namespace BackExample {
     }
     export { args_1 as args };
 }
-export function RightElementExample(args: any): JSX.Element;
+export function RightElementExample(args: any): React.JSX.Element;
 import Title from "./Title";
+import React from "react";

package/dist/components/toast/Toast.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { ToastTypes } from '../../libraries/Toast';
 import './Toast.scss';
 export interface ToastProps {
@@ -14,7 +14,7 @@ export interface ToastProps {
     onClose?: () => void;
     prevent?: boolean;
 }
-declare function Toast(props: ToastProps): JSX.Element;
+declare function Toast(props: ToastProps): React.JSX.Element;
 declare namespace Toast {
     var defaultProps: {
         showStatusBar: boolean;

package/dist/components/toast/Toast.stories.d.ts

@@ -3,8 +3,9 @@ declare namespace _default {
     export { Toast as component };
 }
 export default _default;
-export function Default(): JSX.Element;
-export function Success(): JSX.Element;
-export function Error(): JSX.Element;
-export function DefaultWithButton(): JSX.Element;
+export function Default(): React.JSX.Element;
+export function Success(): React.JSX.Element;
+export function Error(): React.JSX.Element;
+export function DefaultWithButton(): React.JSX.Element;
 import Toast from "./Toast";
+import React from "react";

package/dist/components/toastManager/ToastManager.stories.d.ts

@@ -3,5 +3,5 @@ declare namespace _default {
     export { ToastManager as component };
 }
 export default _default;
-export function Default(): JSX.Element;
+export function Default(): import("react").JSX.Element;
 import { ToastManager } from "./ToastManager";

package/dist/components/tooltip/Tooltip.d.ts

@@ -1,4 +1,4 @@
-import { HTMLAttributes } from 'react';
+import React, { HTMLAttributes } from 'react';
 import { TooltipPosition } from '../../libraries/Tooltips';
 import './Tooltip.scss';
 export interface TooltipProps extends HTMLAttributes<HTMLDivElement> {
@@ -7,7 +7,7 @@ export interface TooltipProps extends HTMLAttributes<HTMLDivElement> {
     position?: TooltipPosition;
     children?: any;
 }
-declare function Tooltip(props: TooltipProps): JSX.Element;
+declare function Tooltip(props: TooltipProps): React.JSX.Element;
 declare namespace Tooltip {
     var defaultProps: {
         position: TooltipPosition;

package/dist/components/tooltip/Tooltip.stories.d.ts

@@ -3,8 +3,8 @@ declare namespace _default {
     export { Tooltip as component };
 }
 export default _default;
-export function Bottom(): JSX.Element;
-export function Top(): JSX.Element;
-export function Right(): JSX.Element;
-export function Left(): JSX.Element;
+export function Bottom(): import("react").JSX.Element;
+export function Top(): import("react").JSX.Element;
+export function Right(): import("react").JSX.Element;
+export function Left(): import("react").JSX.Element;
 import Tooltip from "./Tooltip";

package/dist/components/tooltipManager/TooltipManager.d.ts

@@ -1,6 +1,6 @@
-/// <reference types="react" />
+import React from 'react';
 import './TooltipManager.scss';
-declare function TooltipManager(): JSX.Element;
+declare function TooltipManager(): React.JSX.Element;
 declare namespace TooltipManager {
     var propTypes: {};
     var defaultProps: {};

package/dist/components/tooltipManager/TooltipManager.stories.d.ts

@@ -3,7 +3,7 @@ declare namespace _default {
     export { TooltipManager as component };
 }
 export default _default;
-export function Example(): JSX.Element;
-export function ElementExample(): JSX.Element;
-export function PageChange(): JSX.Element;
+export function Example(): import("react").JSX.Element;
+export function ElementExample(): import("react").JSX.Element;
+export function PageChange(): import("react").JSX.Element;
 import TooltipManager from "./TooltipManager";

package/dist/components/topLoader/TopLoader.d.ts

@@ -5,10 +5,10 @@ interface TopLoaderProps {
     logo?: React.ReactNode;
     status?: string | React.ReactNode;
 }
-declare function TopLoader(props: TopLoaderProps): JSX.Element;
+declare function TopLoader(props: TopLoaderProps): React.JSX.Element;
 declare namespace TopLoader {
     var defaultProps: {
-        logo: JSX.Element;
+        logo: React.JSX.Element;
     };
 }
 export default TopLoader;