Extract from akeneo/pim-community-dev@d2598d0

With commits: :ladder: :package: Upgrade to React 17 (#20018) :ladder: :package: Upgrade to React 17 (#20018)
akeneo · Jul 19, 2023 · f9a5a1e · f9a5a1e
1 parent 772cad4
commit f9a5a1e
Show file tree

Hide file tree

Showing 204 changed files with 418 additions and 237 deletions.
diff --git a/example/package.json b/example/package.json
@@ -8,8 +8,8 @@
     "@testing-library/user-event": "^7.1.2",
     "babel-jest": "^24.9.0",
     "akeneo-design-system": "file:../lib",
-    "react": "^16.13.1",
-    "react-dom": "^16.13.1",
+    "react": "^17.0.2",
+    "react-dom": "^17.0.2",
     "react-scripts": "3.4.3",
     "styled-components": "^5.2.0"
   },

diff --git a/lib/components/Breadcrumb/Breadcrumb.d.ts b/lib/components/Breadcrumb/Breadcrumb.d.ts
@@ -5,7 +5,7 @@ declare type BreadcrumbProps = {
     children: BreadcrumbChild;
 };
 declare const Breadcrumb: {
-    ({ children, ...rest }: BreadcrumbProps): JSX.Element;
+    ({ children, ...rest }: BreadcrumbProps): React.JSX.Element;
     Step: import("styled-components").StyledComponent<React.ForwardRefExoticComponent<{
         disabled?: boolean | undefined;
         decorated?: boolean | undefined;

diff --git a/lib/components/Dropdown/Dropdown.d.ts b/lib/components/Dropdown/Dropdown.d.ts
@@ -4,9 +4,9 @@ declare type DropdownProps = Override<HTMLAttributes<HTMLDivElement>, {
     children?: ReactNode;
 }>;
 declare const Dropdown: {
-    ({ children, ...rest }: DropdownProps): JSX.Element;
+    ({ children, ...rest }: DropdownProps): React.JSX.Element;
     Overlay: {
-        ({ verticalPosition, horizontalPosition, dropdownOpenerVisible, fullWidth, parentRef, onClose, children, ...rest }: Omit<React.HTMLAttributes<HTMLDivElement>, "children" | "verticalPosition" | "horizontalPosition" | "dropdownOpenerVisible" | "fullWidth" | "onClose" | "parentRef"> & {
+        ({ verticalPosition, horizontalPosition, dropdownOpenerVisible, fullWidth, parentRef, onClose, children, ...rest }: Omit<React.HTMLAttributes<HTMLDivElement>, "children" | "onClose" | "verticalPosition" | "horizontalPosition" | "dropdownOpenerVisible" | "fullWidth" | "parentRef"> & {
             verticalPosition?: import("../../hooks/usePosition").VerticalPosition | undefined;
             horizontalPosition?: import("../../hooks/usePosition").HorizontalPosition | undefined;
             dropdownOpenerVisible?: boolean | undefined;

diff --git a/lib/components/Input/MultiSelectInput/MultiSelectInput.d.ts b/lib/components/Input/MultiSelectInput/MultiSelectInput.d.ts
@@ -26,9 +26,9 @@ declare type MultiMultiSelectInputProps = Override<Override<React.InputHTMLAttri
     onSearchChange?: (searchValue: string) => void;
 }>;
 declare const MultiSelectInput: {
-    ({ id, placeholder, invalid, value, invalidValue, emptyResultLabel, children, onChange, removeLabel, onSubmit, openLabel, readOnly, verticalPosition, onNextPage, onSearchChange, "aria-labelledby": ariaLabelledby, ...rest }: MultiMultiSelectInputProps): JSX.Element;
+    ({ id, placeholder, invalid, value, invalidValue, emptyResultLabel, children, onChange, removeLabel, onSubmit, openLabel, readOnly, verticalPosition, onNextPage, onSearchChange, "aria-labelledby": ariaLabelledby, ...rest }: MultiMultiSelectInputProps): React.JSX.Element;
     Option: {
-        ({ children, ...rest }: OptionProps): JSX.Element;
+        ({ children, ...rest }: OptionProps): React.JSX.Element;
         displayName: string;
     };
 };

diff --git a/lib/components/Input/SelectInput/SelectInput.d.ts b/lib/components/Input/SelectInput/SelectInput.d.ts
@@ -28,7 +28,7 @@ declare type SelectInputProps = Override<Override<React.InputHTMLAttributes<HTML
     onSearchChange?: (searchValue: string) => void;
 }>;
 declare const SelectInput: {
-    ({ id, placeholder, invalid, value, emptyResultLabel, children, onChange, clearable, clearLabel, openLabel, readOnly, verticalPosition, onNextPage, onSearchChange, "aria-labelledby": ariaLabelledby, ...rest }: SelectInputProps): JSX.Element;
+    ({ id, placeholder, invalid, value, emptyResultLabel, children, onChange, clearable, clearLabel, openLabel, readOnly, verticalPosition, onNextPage, onSearchChange, "aria-labelledby": ariaLabelledby, ...rest }: SelectInputProps): React.JSX.Element;
     Option: import("styled-components").StyledComponent<"span", any, {
         value: string;
     }, never>;

diff --git a/lib/components/Input/TableInput/TableInput.d.ts b/lib/components/Input/TableInput/TableInput.d.ts
@@ -7,7 +7,7 @@ declare type TableInputProps = Override<React.HTMLAttributes<HTMLTableElement>,
     onReorder?: (updatedIndices: number[]) => void | undefined;
 }>;
 declare const TableInput: {
-    ({ children, readOnly, isDragAndDroppable, onReorder, ...rest }: TableInputProps): JSX.Element;
+    ({ children, readOnly, isDragAndDroppable, onReorder, ...rest }: TableInputProps): React.JSX.Element;
     Header: React.ForwardRefExoticComponent<{
         children?: React.ReactNode;
     } & React.RefAttributes<HTMLTableSectionElement>>;
@@ -29,17 +29,17 @@ declare const TableInput: {
             highlighted?: boolean | undefined;
             inError?: boolean | undefined;
             children?: React.ReactNode;
-        }): JSX.Element;
+        }): React.JSX.Element;
         displayName: string;
     };
     Text: ({ children, value, ...rest }: Omit<Override<React.InputHTMLAttributes<HTMLInputElement>, import("../common/InputProps").InputProps<string>>, "highlighted" | "inError"> & {
         highlighted?: boolean | undefined;
         inError?: boolean | undefined;
-    }) => JSX.Element;
+    }) => React.JSX.Element;
     Number: ({ children, value, ...rest }: Omit<Override<React.InputHTMLAttributes<HTMLInputElement>, import("../common/InputProps").InputProps<string>>, "highlighted" | "inError"> & {
         highlighted?: boolean | undefined;
         inError?: boolean | undefined;
-    }) => JSX.Element;
+    }) => React.JSX.Element;
     Boolean: React.FC<Omit<React.HTMLAttributes<HTMLDivElement>, "onChange" | "value" | "clearLabel" | "yesLabel" | "noLabel" | "highlighted" | "inError" | "openDropdownLabel"> & {
         value: boolean | null;
         onChange: (value: boolean | null) => void;

diff --git a/lib/components/Input/TableInput/TableInputCellContent/TableInputCellContent.d.ts b/lib/components/Input/TableInput/TableInputCellContent/TableInputCellContent.d.ts
@@ -7,7 +7,7 @@ declare type TableInputCellContentProps = Override<React.DetailedHTMLProps<React
     children?: ReactNode;
 }>;
 declare const TableInputCellContent: {
-    ({ children, rowTitle, highlighted, inError, ...rest }: TableInputCellContentProps): JSX.Element;
+    ({ children, rowTitle, highlighted, inError, ...rest }: TableInputCellContentProps): React.JSX.Element;
     displayName: string;
 };
 export { TableInputCellContent };
diff --git a/lib/components/Input/TableInput/TableInputNumber/TableInputNumber.d.ts b/lib/components/Input/TableInput/TableInputNumber/TableInputNumber.d.ts
@@ -5,5 +5,5 @@ declare type TableInputNumberProps = Override<Override<React.InputHTMLAttributes
     highlighted?: boolean;
     inError?: boolean;
 }>;
-declare const TableInputNumber: ({ children, value, ...rest }: TableInputNumberProps) => JSX.Element;
+declare const TableInputNumber: ({ children, value, ...rest }: TableInputNumberProps) => React.JSX.Element;
 export { TableInputNumber };
diff --git a/lib/components/Input/TableInput/TableInputText/TableInputText.d.ts b/lib/components/Input/TableInput/TableInputText/TableInputText.d.ts
@@ -5,5 +5,5 @@ declare type TableInputTextProps = Override<Override<React.InputHTMLAttributes<H
     highlighted?: boolean;
     inError?: boolean;
 }>;
-declare const TableInputText: ({ children, value, ...rest }: TableInputTextProps) => JSX.Element;
+declare const TableInputText: ({ children, value, ...rest }: TableInputTextProps) => React.JSX.Element;
 export { TableInputText };
diff --git a/lib/components/Input/TextAreaInput/RichTextEditor.d.ts b/lib/components/Input/TextAreaInput/RichTextEditor.d.ts
@@ -1,3 +1,4 @@
+import React from 'react';
 import { EditorProps } from 'react-draft-wysiwyg';
 import 'react-draft-wysiwyg/dist/react-draft-wysiwyg.css';
 import { Override } from '../../../shared';
@@ -6,6 +7,6 @@ declare type RichTextEditorProps = Override<EditorProps, {
     readOnly?: boolean;
     onChange: (value: string) => void;
 }>;
-declare const RichTextEditor: ({ value, readOnly, onChange, ...rest }: RichTextEditorProps) => JSX.Element;
+declare const RichTextEditor: ({ value, readOnly, onChange, ...rest }: RichTextEditorProps) => React.JSX.Element;
 export { RichTextEditor };
 export type { EditorProps };
diff --git a/lib/components/KeyFigure/KeyFigure.d.ts b/lib/components/KeyFigure/KeyFigure.d.ts
@@ -1,4 +1,4 @@
-import { ReactElement, ReactNode } from 'react';
+import React, { ReactElement, ReactNode } from 'react';
 import { IconProps } from '../../icons';
 declare type FigureProps = {
     label?: string;
@@ -10,8 +10,8 @@ declare type KeyFigureProps = {
     children?: ReactNode;
 };
 declare const KeyFigure: {
-    ({ icon, title, children, ...props }: KeyFigureProps): JSX.Element;
-    Figure: ({ label, children }: FigureProps) => JSX.Element;
+    ({ icon, title, children, ...props }: KeyFigureProps): React.JSX.Element;
+    Figure: ({ label, children }: FigureProps) => React.JSX.Element;
 };
 declare const KeyFigureGrid: import("styled-components").StyledComponent<"div", any, {}, never>;
 export { KeyFigure, KeyFigureGrid };
diff --git a/lib/components/List/List.d.ts b/lib/components/List/List.d.ts
@@ -13,24 +13,24 @@ declare type ListProps = {
     children?: ReactNode;
 };
 declare const List: {
-    ({ children, ...rest }: ListProps): JSX.Element;
+    ({ children, ...rest }: ListProps): React.JSX.Element;
     Row: {
-        ({ children, isMultiline, isSelected, ...rest }: RowProps): JSX.Element;
+        ({ children, isMultiline, isSelected, ...rest }: RowProps): React.JSX.Element;
         displayName: string;
     };
     Cell: {
-        ({ title, width, children, ...rest }: CellProps): JSX.Element;
+        ({ title, width, children, ...rest }: CellProps): React.JSX.Element;
         displayName: string;
     };
     TitleCell: import("styled-components").StyledComponent<"div", any, {
         width: 'auto' | number;
     } & Record<string, unknown> & import("styled-components").ThemeProps<import("../../theme/theme").Theme>, never>;
     ActionCell: {
-        ({ children, ...rest }: ActionCellProps): JSX.Element;
+        ({ children, ...rest }: ActionCellProps): React.JSX.Element;
         displayName: string;
     };
     RemoveCell: {
-        ({ children, ...rest }: RemoveCellProps): JSX.Element;
+        ({ children, ...rest }: RemoveCellProps): React.JSX.Element;
         displayName: string;
     };
     RowHelpers: import("styled-components").StyledComponent<"div", any, {}, never>;

diff --git a/lib/components/MessageBar/MessageBar.d.ts b/lib/components/MessageBar/MessageBar.d.ts
@@ -1,9 +1,9 @@
-import { ReactNode, ReactElement } from 'react';
+import React, { ReactNode, ReactElement } from 'react';
 import { IconProps } from '../../icons';
 declare type MessageBarLevel = 'info' | 'success' | 'warning' | 'error';
 declare const AnimateMessageBar: ({ children }: {
     children: ReactElement<MessageBarProps>;
-}) => JSX.Element;
+}) => React.JSX.Element;
 declare type FlashMessage = {
     level?: MessageBarLevel;
     title: string;
@@ -14,6 +14,6 @@ declare type MessageBarProps = FlashMessage & {
     dismissTitle: string;
     onClose: () => void;
 };
-declare const MessageBar: ({ level, title, icon, dismissTitle, onClose, children }: MessageBarProps) => JSX.Element;
+declare const MessageBar: ({ level, title, icon, dismissTitle, onClose, children }: MessageBarProps) => React.JSX.Element;
 export { MessageBar, AnimateMessageBar };
 export type { MessageBarLevel, FlashMessage };
diff --git a/lib/components/Preview/Preview.d.ts b/lib/components/Preview/Preview.d.ts
@@ -1,4 +1,4 @@
-import { ReactNode, HTMLAttributes, ReactElement } from 'react';
+import React, { ReactNode, HTMLAttributes, ReactElement } from 'react';
 import { Override } from '../../shared';
 import { IconButtonProps } from '../IconButton/IconButton';
 declare type RowProps = Override<HTMLAttributes<HTMLDivElement>, {
@@ -18,10 +18,10 @@ declare type PreviewProps = Override<HTMLAttributes<HTMLDivElement>, {
     onCollapse?: undefined;
 })>;
 declare const Preview: {
-    ({ title, isOpen, collapseButtonLabel, onCollapse, children, ...rest }: PreviewProps): JSX.Element;
+    ({ title, isOpen, collapseButtonLabel, onCollapse, children, ...rest }: PreviewProps): React.JSX.Element;
     Highlight: import("styled-components").StyledComponent<"span", any, Record<string, unknown> & import("styled-components").ThemeProps<import("../../theme/theme").Theme>, never>;
     Row: {
-        ({ action, children }: RowProps): JSX.Element;
+        ({ action, children }: RowProps): React.JSX.Element;
         displayName: string;
     };
 };

diff --git a/lib/components/ProgressIndicator/ProgressIndicator.d.ts b/lib/components/ProgressIndicator/ProgressIndicator.d.ts
@@ -5,7 +5,7 @@ declare type ProgressIndicatorProps = Override<HTMLAttributes<HTMLUListElement>,
     children?: ReactNode;
 }>;
 declare const ProgressIndicator: {
-    ({ children, ...rest }: ProgressIndicatorProps): JSX.Element;
+    ({ children, ...rest }: ProgressIndicatorProps): React.JSX.Element;
     Step: React.ForwardRefExoticComponent<Omit<React.HTMLAttributes<HTMLLIElement>, "disabled" | "children" | "current" | "state" | "index"> & {
         current?: boolean | undefined;
         state?: StepState | undefined;

diff --git a/lib/components/Search/Search.d.ts b/lib/components/Search/Search.d.ts
@@ -1,4 +1,4 @@
-import { HTMLAttributes, ReactNode, RefObject } from 'react';
+import React, { HTMLAttributes, ReactNode, RefObject } from 'react';
 import { Override } from '../../shared';
 declare type SearchProps = Override<HTMLAttributes<HTMLDivElement>, {
     children?: ReactNode;
@@ -10,7 +10,7 @@ declare type SearchProps = Override<HTMLAttributes<HTMLDivElement>, {
     onSearchChange: (searchValue: string) => void;
 }>;
 declare const Search: {
-    ({ children, placeholder, title, searchValue, inputRef, onSearchChange, ...rest }: SearchProps): JSX.Element;
+    ({ children, placeholder, title, searchValue, inputRef, onSearchChange, ...rest }: SearchProps): React.JSX.Element;
     ResultCount: import("styled-components").StyledComponent<"span", any, Record<string, unknown> & import("styled-components").ThemeProps<import("../../theme/theme").Theme>, never>;
     Separator: import("styled-components").StyledComponent<"div", any, Record<string, unknown> & import("styled-components").ThemeProps<import("../../theme/theme").Theme>, never>;
 };

diff --git a/lib/components/SectionTitle/SectionTitle.d.ts b/lib/components/SectionTitle/SectionTitle.d.ts
@@ -1,4 +1,4 @@
-import { HTMLAttributes, ReactNode } from 'react';
+import React, { HTMLAttributes, ReactNode } from 'react';
 import { Override } from '../../shared';
 declare type TitleProps = Override<HTMLAttributes<HTMLHeadingElement>, {
     level?: 'primary' | 'secondary';
@@ -8,8 +8,8 @@ declare type SectionTitleProps = Override<HTMLAttributes<HTMLDivElement>, {
     children?: ReactNode;
 }>;
 declare const SectionTitle: {
-    ({ children, ...rest }: SectionTitleProps): JSX.Element;
-    Title: ({ level, ...rest }: TitleProps) => JSX.Element;
+    ({ children, ...rest }: SectionTitleProps): React.JSX.Element;
+    Title: ({ level, ...rest }: TitleProps) => React.JSX.Element;
     Spacer: import("styled-components").StyledComponent<"div", any, {}, never>;
     Separator: import("styled-components").StyledComponent<"div", any, Record<string, unknown> & import("styled-components").ThemeProps<import("../../theme/theme").Theme>, never>;
     Information: import("styled-components").StyledComponent<"div", any, Record<string, unknown> & import("styled-components").ThemeProps<import("../../theme/theme").Theme>, never>;

diff --git a/lib/components/TabBar/TabBar.d.ts b/lib/components/TabBar/TabBar.d.ts
@@ -13,7 +13,7 @@ declare type TabBarProps = {
     children?: ReactNode;
 } & HTMLAttributes<HTMLDivElement>;
 declare const TabBar: {
-    ({ moreButtonTitle, children, ...rest }: TabBarProps): JSX.Element;
-    Tab: ({ children, onClick, isActive, parentRef, onVisibilityChange, ...rest }: TabProps) => JSX.Element;
+    ({ moreButtonTitle, children, ...rest }: TabBarProps): React.JSX.Element;
+    Tab: ({ children, onClick, isActive, parentRef, onVisibilityChange, ...rest }: TabProps) => React.JSX.Element;
 };
 export { TabBar };
diff --git a/lib/components/Table/Table.d.ts b/lib/components/Table/Table.d.ts
@@ -13,7 +13,7 @@ declare type TableProps = Override<React.HTMLAttributes<HTMLTableElement>, {
     onReorder: (updatedIndices: number[]) => void;
 })>;
 declare const Table: {
-    ({ isSelectable, hasWarningRows, displayCheckbox, isDragAndDroppable, onReorder, children, ...rest }: TableProps): JSX.Element;
+    ({ isSelectable, hasWarningRows, displayCheckbox, isDragAndDroppable, onReorder, children, ...rest }: TableProps): React.JSX.Element;
     Header: React.ForwardRefExoticComponent<import("./TableHeader/TableHeader").TableHeaderProps & React.RefAttributes<HTMLTableSectionElement>>;
     HeaderCell: React.ForwardRefExoticComponent<{
         isSortable?: boolean | undefined;

diff --git a/lib/components/Toolbar/Toolbar.d.ts b/lib/components/Toolbar/Toolbar.d.ts
@@ -5,7 +5,7 @@ declare type ToolbarProps = Override<React.HTMLAttributes<HTMLDivElement>, {
     children?: ReactNode;
 }>;
 declare const Toolbar: {
-    ({ isVisible, children, ...rest }: ToolbarProps): JSX.Element;
+    ({ isVisible, children, ...rest }: ToolbarProps): React.JSX.Element;
     LabelContainer: import("styled-components").StyledComponent<"div", any, Record<string, unknown> & import("styled-components").ThemeProps<import("../../theme/theme").Theme>, never>;
     SelectionContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
     ActionsContainer: import("styled-components").StyledComponent<"div", any, {}, never>;

diff --git a/lib/components/Tree/Tree.d.ts b/lib/components/Tree/Tree.d.ts
@@ -15,7 +15,7 @@ declare type TreeProps<T = string> = {
     children?: ReactNode;
 };
 declare const Tree: {
-    <T>({ label, value, children, isLeaf, selected, isLoading, selectable, readOnly, onChange, onOpen, onClose, onClick, _isRoot, ...rest }: React.PropsWithChildren<TreeProps<T>>): JSX.Element;
+    <T>({ label, value, children, isLeaf, selected, isLoading, selectable, readOnly, onChange, onOpen, onClose, onClick, _isRoot, ...rest }: React.PropsWithChildren<TreeProps<T>>): React.JSX.Element;
     displayName: string;
 };
 export { Tree };
diff --git a/lib/icons/ActivityIcon.d.ts b/lib/icons/ActivityIcon.d.ts
@@ -1,3 +1,4 @@
+import React from 'react';
 import { IconProps } from './IconProps';
-declare const ActivityIcon: ({ title, size, color, ...props }: IconProps) => JSX.Element;
+declare const ActivityIcon: ({ title, size, color, ...props }: IconProps) => React.JSX.Element;
 export { ActivityIcon };
diff --git a/lib/icons/AddAttributeIcon.d.ts b/lib/icons/AddAttributeIcon.d.ts
@@ -1,3 +1,4 @@
+import React from 'react';
 import { IconProps } from './IconProps';
-declare const AddAttributeIcon: ({ title, size, color, ...props }: IconProps) => JSX.Element;
+declare const AddAttributeIcon: ({ title, size, color, ...props }: IconProps) => React.JSX.Element;
 export { AddAttributeIcon };
diff --git a/lib/icons/AkeneoIcon.d.ts b/lib/icons/AkeneoIcon.d.ts
@@ -1,3 +1,4 @@
+import React from 'react';
 import { IconProps } from './IconProps';
-declare const AkeneoIcon: ({ title, size, color, ...props }: IconProps) => JSX.Element;
+declare const AkeneoIcon: ({ title, size, color, ...props }: IconProps) => React.JSX.Element;
 export { AkeneoIcon };
diff --git a/lib/icons/ArrowDownIcon.d.ts b/lib/icons/ArrowDownIcon.d.ts
@@ -1,3 +1,4 @@
+import React from 'react';
 import { IconProps } from './IconProps';
-declare const ArrowDownIcon: ({ title, size, color, ...props }: IconProps) => JSX.Element;
+declare const ArrowDownIcon: ({ title, size, color, ...props }: IconProps) => React.JSX.Element;
 export { ArrowDownIcon };
diff --git a/lib/icons/ArrowIcon.d.ts b/lib/icons/ArrowIcon.d.ts
@@ -1,3 +1,4 @@
+import React from 'react';
 import { IconProps } from './IconProps';
-declare const ArrowIcon: ({ title, size, color, ...props }: IconProps) => JSX.Element;
+declare const ArrowIcon: ({ title, size, color, ...props }: IconProps) => React.JSX.Element;
 export { ArrowIcon };
diff --git a/lib/icons/ArrowLeftIcon.d.ts b/lib/icons/ArrowLeftIcon.d.ts
@@ -1,3 +1,4 @@
+import React from 'react';
 import { IconProps } from './IconProps';
-declare const ArrowLeftIcon: ({ title, size, color, ...props }: IconProps) => JSX.Element;
+declare const ArrowLeftIcon: ({ title, size, color, ...props }: IconProps) => React.JSX.Element;
 export { ArrowLeftIcon };
diff --git a/lib/icons/ArrowRightIcon.d.ts b/lib/icons/ArrowRightIcon.d.ts
@@ -1,3 +1,4 @@
+import React from 'react';
 import { IconProps } from './IconProps';
-declare const ArrowRightIcon: ({ title, size, color, ...props }: IconProps) => JSX.Element;
+declare const ArrowRightIcon: ({ title, size, color, ...props }: IconProps) => React.JSX.Element;
 export { ArrowRightIcon };
diff --git a/lib/icons/ArrowSimpleUpIcon.d.ts b/lib/icons/ArrowSimpleUpIcon.d.ts
@@ -1,2 +1,3 @@
+import React from 'react';
 import { IconProps } from './IconProps';
-export declare const ArrowSimpleUpIcon: ({ title, size, color, ...props }: IconProps) => JSX.Element;
+export declare const ArrowSimpleUpIcon: ({ title, size, color, ...props }: IconProps) => React.JSX.Element;
diff --git a/lib/icons/ArrowUpIcon.d.ts b/lib/icons/ArrowUpIcon.d.ts
@@ -1,3 +1,4 @@
+import React from 'react';
 import { IconProps } from './IconProps';
-declare const ArrowUpIcon: ({ title, size, color, ...props }: IconProps) => JSX.Element;
+declare const ArrowUpIcon: ({ title, size, color, ...props }: IconProps) => React.JSX.Element;
 export { ArrowUpIcon };
diff --git a/lib/icons/AssetCollectionIcon.d.ts b/lib/icons/AssetCollectionIcon.d.ts
@@ -1,3 +1,4 @@
+import React from 'react';
 import { IconProps } from './IconProps';
-declare const AssetCollectionIcon: ({ title, size, color, ...props }: IconProps) => JSX.Element;
+declare const AssetCollectionIcon: ({ title, size, color, ...props }: IconProps) => React.JSX.Element;
 export { AssetCollectionIcon };
diff --git a/lib/icons/AssetsIcon.d.ts b/lib/icons/AssetsIcon.d.ts
@@ -1,3 +1,4 @@
+import React from 'react';
 import { IconProps } from './IconProps';
-declare const AssetsIcon: ({ title, size, color, ...props }: IconProps) => JSX.Element;
+declare const AssetsIcon: ({ title, size, color, ...props }: IconProps) => React.JSX.Element;
 export { AssetsIcon };
diff --git a/lib/icons/AssociateIcon.d.ts b/lib/icons/AssociateIcon.d.ts
@@ -1,3 +1,4 @@
+import React from 'react';
 import { IconProps } from './IconProps';
-declare const AssociateIcon: ({ title, size, color, ...props }: IconProps) => JSX.Element;
+declare const AssociateIcon: ({ title, size, color, ...props }: IconProps) => React.JSX.Element;
 export { AssociateIcon };
diff --git a/lib/icons/AttributeBooleanIcon.d.ts b/lib/icons/AttributeBooleanIcon.d.ts
@@ -1,3 +1,4 @@
+import React from 'react';
 import { IconProps } from './IconProps';
-declare const AttributeBooleanIcon: ({ title, size, color, ...props }: IconProps) => JSX.Element;
+declare const AttributeBooleanIcon: ({ title, size, color, ...props }: IconProps) => React.JSX.Element;
 export { AttributeBooleanIcon };