jamespot-react-components 1.0.145 → 1.0.146

package/build/src/components/JRCEllipsis/JRCEllipsis.d.ts

@@ -1,7 +1,8 @@
+import * as React from 'react';
 import { JRCTooltipProps } from '../JRCTooltip/JRCTooltip';
-export declare type JRCEllipsisProps = {
+export type JRCEllipsisProps = {
     label?: string;
     length: number;
     position?: JRCTooltipProps['position'];
 };
-export declare const JRCEllipsis: ({ label, length, position }: JRCEllipsisProps) => JSX.Element;
+export declare const JRCEllipsis: ({ label, length, position }: JRCEllipsisProps) => React.JSX.Element;

package/build/src/components/JRCFile/JRCFile.d.ts

@@ -1,2 +1,3 @@
+import * as React from 'react';
 import { JRCFileProps } from './types';
-export declare const JRCFile: ({ uri, mimetype, display }: JRCFileProps) => JSX.Element;
+export declare const JRCFile: ({ uri, mimetype, display }: JRCFileProps) => React.JSX.Element;

package/build/src/components/JRCFile/JRCFileApplication.d.ts

@@ -1,2 +1,3 @@
+import * as React from 'react';
 import { JRCFileProps } from './types';
-export declare const JRCFileApplication: ({ mimetype }: JRCFileProps) => JSX.Element;
+export declare const JRCFileApplication: ({ mimetype }: JRCFileProps) => React.JSX.Element;

package/build/src/components/JRCFile/JRCFileAudio.d.ts

@@ -1,2 +1,3 @@
+import * as React from 'react';
 import { JRCFileProps } from './types';
-export declare const JRCFileAudio: ({ uri, mimetype, display }: JRCFileProps) => JSX.Element;
+export declare const JRCFileAudio: ({ uri, mimetype, display }: JRCFileProps) => React.JSX.Element;

package/build/src/components/JRCFile/JRCFileAvatar.d.ts

@@ -1,6 +1,7 @@
+import * as React from 'react';
 import { JRCFileProps } from './types';
 export declare const CSSFile: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
     size: number;
     backgroundColor: string;
 }, never>;
-export declare const JRCFileAvatar: ({ uri, size, mimetype }: JRCFileProps) => JSX.Element;
+export declare const JRCFileAvatar: ({ uri, size, mimetype }: JRCFileProps) => React.JSX.Element;

package/build/src/components/JRCFile/JRCFileImage.d.ts

@@ -1,3 +1,4 @@
+import * as React from 'react';
 import { JRCFileProps } from './types';
 export declare const BackgroundImage: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
     uri: string;
@@ -6,8 +7,8 @@ export declare const Image: import("styled-components").StyledComponent<"img", i
     maxWidth: number;
     maxHeight: number;
 }, never>;
-export declare const JRCFileImage: ({ uri, size, mimetype, display }: JRCFileProps) => JSX.Element;
+export declare const JRCFileImage: ({ uri, size, mimetype, display }: JRCFileProps) => React.JSX.Element;
 export declare const Img: ({ uri, size }: {
     uri: string;
     size: number | undefined;
-}) => JSX.Element;
+}) => React.JSX.Element;

package/build/src/components/JRCFile/JRCFileVideo.d.ts

@@ -1,2 +1,3 @@
+import * as React from 'react';
 import { JRCFileProps } from './types';
-export declare const JRCFileVideo: ({ uri, mimetype, display }: JRCFileProps) => JSX.Element;
+export declare const JRCFileVideo: ({ uri, mimetype, display }: JRCFileProps) => React.JSX.Element;

package/build/src/components/JRCFile/types.d.ts

@@ -1,4 +1,4 @@
-export declare type JRCFileProps = {
+export type JRCFileProps = {
     uri?: string;
     mimetype: string;
     size?: number;

package/build/src/components/JRCFileOpen/JRCFileOpen.d.ts

@@ -5,4 +5,4 @@ export interface JRCFileOpenProps {
     fileActions?: any;
     title: string;
 }
-export declare const JRCFileOpen: (props: JRCFileOpenProps) => JSX.Element;
+export declare const JRCFileOpen: (props: JRCFileOpenProps) => React.JSX.Element;

package/build/src/components/JRCFileViewer/JRCFileViewer.d.ts

@@ -1,2 +1,3 @@
+import * as React from 'react';
 import { JRCFileViewerProps, JRCFileViewerFileProps } from './types';
-export declare const JRCFileViewer: <T extends JRCFileViewerFileProps>({ files, children, openWithOptions, _DEBUG, }: JRCFileViewerProps<T>) => JSX.Element;
+export declare const JRCFileViewer: <T extends JRCFileViewerFileProps>({ files, children, openWithOptions, _DEBUG, }: JRCFileViewerProps<T>) => React.JSX.Element;

package/build/src/components/JRCFileViewer/JRCFileViewerArrows.d.ts

@@ -1,3 +1,4 @@
+import * as React from 'react';
 export declare const JRCFileViewerArrows: ({ onRelease }: {
     onRelease: (direction: string) => void;
-}) => JSX.Element;
+}) => React.JSX.Element;

package/build/src/components/JRCFileViewer/JRCFileViewerContent.d.ts

@@ -1,8 +1,9 @@
+import * as React from 'react';
 import { JRCFileViewerFileProps, JRCFileViewerOpenWithOptionsType } from './types';
-declare type JRCFileViewerContentProps = {
+type JRCFileViewerContentProps = {
     file: JRCFileViewerFileProps;
     openWithOptions: JRCFileViewerOpenWithOptionsType;
     _DEBUG: boolean;
 };
-export declare const JRCFileViewerContent: ({ file, openWithOptions }: JRCFileViewerContentProps) => JSX.Element;
+export declare const JRCFileViewerContent: ({ file, openWithOptions }: JRCFileViewerContentProps) => React.JSX.Element;
 export {};

package/build/src/components/JRCFileViewer/JRCFileViewerContentApplication.d.ts

@@ -1,9 +1,9 @@
 import * as React from 'react';
 import { JRCFileViewerFileProps, JRCFileViewerOpenWithOptionType } from './types';
-declare type JRCFileViewerContentApplicationProps = {
+type JRCFileViewerContentApplicationProps = {
     file?: JRCFileViewerFileProps;
     options?: JRCFileViewerOpenWithOptionType[];
     children: React.ReactNode;
 };
-export declare const JRCFileViewerContentApplication: ({ file, options, children }: JRCFileViewerContentApplicationProps) => JSX.Element;
+export declare const JRCFileViewerContentApplication: ({ file, options, children }: JRCFileViewerContentApplicationProps) => React.JSX.Element;
 export {};

package/build/src/components/JRCFileViewer/JRCFileViewerContentAudio.d.ts

@@ -1,4 +1,4 @@
 import * as React from 'react';
 export declare const JRCFileViewerContentAudio: ({ children }: {
     children: React.ReactNode;
-}) => JSX.Element;
+}) => React.JSX.Element;

package/build/src/components/JRCFileViewer/JRCFileViewerContentImage.d.ts

@@ -1,4 +1,4 @@
 import * as React from 'react';
 export declare const JRCFileViewerContentImage: ({ children }: {
     children: React.ReactNode;
-}) => JSX.Element;
+}) => React.JSX.Element;

package/build/src/components/JRCFileViewer/JRCFileViewerContentVideo.d.ts

@@ -1,4 +1,4 @@
 import * as React from 'react';
 export declare const JRCFileViewerContentVideo: ({ children }: {
     children: React.ReactNode;
-}) => JSX.Element;
+}) => React.JSX.Element;

package/build/src/components/JRCFileViewer/JRCFileViewerOpenWithOptions.d.ts

@@ -1,7 +1,8 @@
+import * as React from 'react';
 import { JRCFileViewerFileProps, JRCFileViewerOpenWithOptionType } from './types';
-declare type JRCFileViewerOpenWithOptionsProps = {
+type JRCFileViewerOpenWithOptionsProps = {
     file: JRCFileViewerFileProps;
     options: JRCFileViewerOpenWithOptionType[];
 };
-export declare const JRCFileViewerOpenWithOptions: ({ file, options }: JRCFileViewerOpenWithOptionsProps) => JSX.Element;
+export declare const JRCFileViewerOpenWithOptions: ({ file, options }: JRCFileViewerOpenWithOptionsProps) => React.JSX.Element;
 export {};

package/build/src/components/JRCFileViewer/types.d.ts

@@ -1,19 +1,19 @@
 /// <reference types="react" />
-export declare type JRCFileViewerProps<T> = {
+export type JRCFileViewerProps<T> = {
     files: T[];
     openWithOptions: JRCFileViewerOpenWithOptionsType;
     children(setIndex: (idFile: number) => void): React.ReactElement<HTMLElement>;
     _DEBUG: boolean;
 };
-export declare type JRCFileViewerFileProps = {
+export type JRCFileViewerFileProps = {
     id: number;
     type: string;
     mimetype: string;
     title: string;
     uri?: string;
 };
-export declare type JRCFileViewerOpenWithOptionsType = Record<string, JRCFileViewerOpenWithOptionType[]>;
-export declare type JRCFileViewerOpenWithOptionType = {
+export type JRCFileViewerOpenWithOptionsType = Record<string, JRCFileViewerOpenWithOptionType[]>;
+export type JRCFileViewerOpenWithOptionType = {
     label: string;
     onClick: (item: JRCFileViewerFileProps | undefined) => void;
 };

package/build/src/components/JRCFlex/JRCFlexBox.d.ts

@@ -1,5 +1,5 @@
 import { FastCssProps } from '../Common/FastCss';
-declare type FlexBoxProps = Omit<FastCssProps, 'display'> & {
+type FlexBoxProps = Omit<FastCssProps, 'display'> & {
     direction?: 'row' | 'column' | 'row-reverse' | 'column-reverse';
     inline?: boolean;
     flex?: boolean | string;
@@ -9,15 +9,15 @@ declare type FlexBoxProps = Omit<FastCssProps, 'display'> & {
     childFull?: boolean;
 };
 export declare const JRCFlexBox: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, Omit<FastCssProps, "display"> & {
-    direction?: "row" | "column" | "column-reverse" | "row-reverse" | undefined;
+    direction?: "row" | "column" | "row-reverse" | "column-reverse" | undefined;
     inline?: boolean | undefined;
     flex?: string | boolean | undefined;
     gap?: number | undefined;
-    x?: "space-around" | "space-between" | "space-evenly" | "center" | "flex-end" | "flex-start" | undefined;
-    y?: "space-around" | "space-between" | "space-evenly" | "center" | "flex-end" | "flex-start" | undefined;
+    x?: "center" | "flex-start" | "flex-end" | "space-around" | "space-between" | "space-evenly" | undefined;
+    y?: "center" | "flex-start" | "flex-end" | "space-around" | "space-between" | "space-evenly" | undefined;
     childFull?: boolean | undefined;
 }, never>;
-export declare type JRCFlexBoxProps = FlexBoxProps & {
+export type JRCFlexBoxProps = FlexBoxProps & {
     as?: string;
 };
 export {};

package/build/src/components/JRCFolders/JRCFolder.d.ts

@@ -1,3 +1,4 @@
+import * as React from 'react';
 import { JRCFolderProps } from './types';
-declare const JRCFolder: (props: JRCFolderProps) => JSX.Element;
+declare const JRCFolder: (props: JRCFolderProps) => React.JSX.Element;
 export { JRCFolder };

package/build/src/components/JRCFolders/JRCFolderBreadcrumb.d.ts

@@ -1,6 +1,7 @@
+import * as React from 'react';
 import { FolderType } from 'jamespot-user-api';
 declare const JRCFolderBreadcrumb: ({ entries, onPress, }: {
     entries: Array<FolderType>;
     onPress: (entry: FolderType) => void;
-}) => JSX.Element;
+}) => React.JSX.Element;
 export { JRCFolderBreadcrumb };

package/build/src/components/JRCFolders/JRCFolders.d.ts

@@ -1,4 +1,5 @@
+import * as React from 'react';
 import { JRCFoldersProps } from './types';
 export declare const inUriArray: (arr: Array<string>, uriValue: string) => boolean;
 export declare const updateUriArray: (arr: string[], uriValue: string) => Array<string>;
-export declare const JRCFolders: ({ loadDocuments, allowMultiSelection, asyncBanksPromise, asyncFoldersPromise, asyncDocumentsPromise, initialFolders, initialDocuments, onSelectFolder, onSelectDocument, }: JRCFoldersProps) => JSX.Element;
+export declare const JRCFolders: ({ loadDocuments, allowMultiSelection, asyncBanksPromise, asyncFoldersPromise, asyncDocumentsPromise, initialFolders, initialDocuments, onSelectFolder, onSelectDocument, }: JRCFoldersProps) => React.JSX.Element;

package/build/src/components/JRCFolders/JRCFolders.stories.d.ts

@@ -1,9 +1,9 @@
-/// <reference types="react" />
+import * as React from 'react';
 import { Story } from '@storybook/react';
 import { JRCFoldersProps } from './types';
 declare const _default: {
     title: string;
-    component: ({ loadDocuments, allowMultiSelection, asyncBanksPromise, asyncFoldersPromise, asyncDocumentsPromise, initialFolders, initialDocuments, onSelectFolder, onSelectDocument, }: JRCFoldersProps) => JSX.Element;
+    component: ({ loadDocuments, allowMultiSelection, asyncBanksPromise, asyncFoldersPromise, asyncDocumentsPromise, initialFolders, initialDocuments, onSelectFolder, onSelectDocument, }: JRCFoldersProps) => React.JSX.Element;
 };
 export default _default;
 export declare const Folders: Story<JRCFoldersProps>;

package/build/src/components/JRCFolders/types.d.ts

@@ -1,5 +1,5 @@
 import { ApiPagingResults, ApiWrapper, FileBankDocument, FileBankProps, FolderType } from 'jamespot-user-api';
-export declare type JRCFoldersProps = {
+export type JRCFoldersProps = {
     loadDocuments?: boolean;
     initialFolders?: string[];
     initialDocuments?: string[];
@@ -18,7 +18,7 @@ export interface JRCFolderProps {
     color: string;
     size: 'sm' | 'md' | 'lg';
 }
-export declare type FolderProps = {
+export type FolderProps = {
     id: number | string;
     type: 'folder' | 'rootFolder';
     uri: string;

package/build/src/components/JRCGrid/JRCGrid.d.ts

@@ -8,4 +8,4 @@ export interface JRCGridProps {
     children: React.ReactNode;
     cols: '1' | '2' | '3';
 }
-export declare const JRCGrid: (props: JRCGridProps) => JSX.Element;
+export declare const JRCGrid: (props: JRCGridProps) => React.JSX.Element;

package/build/src/components/JRCGrid/JRCGrid.stories.d.ts

@@ -1,9 +1,9 @@
-/// <reference types="react" />
+import * as React from 'react';
 declare const _default: {
     title: string;
-    component: (props: import("./JRCGrid").JRCGridProps) => JSX.Element;
+    component: (props: import("./JRCGrid").JRCGridProps) => React.JSX.Element;
 };
 export default _default;
-export declare const Grid_1_col: () => JSX.Element;
-export declare const Grid_2_col_Left_Center: () => JSX.Element;
-export declare const Grid_3_col_Left_Center_Right: () => JSX.Element;
+export declare const Grid_1_col: () => React.JSX.Element;
+export declare const Grid_2_col_Left_Center: () => React.JSX.Element;
+export declare const Grid_3_col_Left_Center_Right: () => React.JSX.Element;

package/build/src/components/JRCHref/JRCHref.d.ts

@@ -4,17 +4,17 @@ import { DataCy } from '../../types/dataAttributes';
  * Props type for JRCLinkToArticle and JRCLinkToUser
  * @member idObject number : id of the record
  */
-export declare type JRCLinkToProps = DataCy & React.ComponentPropsWithoutRef<'a'> & {
+export type JRCLinkToProps = DataCy & React.ComponentPropsWithoutRef<'a'> & {
     idObject?: number;
 };
-declare type NativeProps = React.ComponentPropsWithoutRef<'a'> & {
+type NativeProps = React.ComponentPropsWithoutRef<'a'> & {
     useLink?: boolean;
     hasLicense?: boolean;
 };
-declare type AnchorProps = {
+type AnchorProps = {
     as?: 'a';
 };
-declare type ButtonProps = {
+type ButtonProps = {
     variant?: 'contained' | 'outlined';
     color?: 'primary' | 'valid' | 'danger' | 'secondary';
     float?: 'left' | 'right';
@@ -26,6 +26,6 @@ declare type ButtonProps = {
  * Props type for JRCStyledHref
  * @member as render the link styled as a button
  */
-export declare type JRCStyledHrefProps = DataCy & (AnchorProps | ButtonProps) & NativeProps;
-export declare const JRCStyledHref: ({ dataCy, hasLicense, href, useLink, ...props }: JRCStyledHrefProps) => JSX.Element;
+export type JRCStyledHrefProps = DataCy & (AnchorProps | ButtonProps) & NativeProps;
+export declare const JRCStyledHref: ({ dataCy, hasLicense, href, useLink, ...props }: JRCStyledHrefProps) => React.JSX.Element;
 export {};

package/build/src/components/JRCHtml/JRCHtml.d.ts

@@ -1,12 +1,12 @@
 import * as React from 'react';
 import { LimitLinesProps } from '../Common/LimitLines';
-export declare type JRCHtmlProps = LimitLinesProps & {
+export type JRCHtmlProps = LimitLinesProps & {
     className?: string;
     as?: React.ElementType | keyof JSX.IntrinsicElements;
     __html: string | undefined;
 };
 export declare const JRCHtml: React.ForwardRefExoticComponent<LimitLinesProps & {
     className?: string | undefined;
-    as?: "symbol" | "object" | "g" | "b" | "div" | "big" | "link" | "small" | "sub" | "sup" | "a" | "abbr" | "address" | "area" | "article" | "aside" | "audio" | "base" | "bdi" | "bdo" | "blockquote" | "body" | "br" | "button" | "canvas" | "caption" | "cite" | "code" | "col" | "colgroup" | "data" | "datalist" | "dd" | "del" | "details" | "dfn" | "dialog" | "dl" | "dt" | "em" | "embed" | "fieldset" | "figcaption" | "figure" | "footer" | "form" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "head" | "header" | "hgroup" | "hr" | "html" | "i" | "iframe" | "img" | "input" | "ins" | "kbd" | "keygen" | "label" | "legend" | "li" | "main" | "map" | "mark" | "menu" | "menuitem" | "meta" | "meter" | "nav" | "noindex" | "noscript" | "ol" | "optgroup" | "option" | "output" | "p" | "param" | "picture" | "pre" | "progress" | "q" | "rp" | "rt" | "ruby" | "s" | "samp" | "slot" | "script" | "section" | "select" | "source" | "span" | "strong" | "style" | "summary" | "table" | "template" | "tbody" | "td" | "textarea" | "tfoot" | "th" | "thead" | "time" | "title" | "tr" | "track" | "u" | "ul" | "var" | "video" | "wbr" | "webview" | "svg" | "animate" | "animateMotion" | "animateTransform" | "circle" | "clipPath" | "defs" | "desc" | "ellipse" | "feBlend" | "feColorMatrix" | "feComponentTransfer" | "feComposite" | "feConvolveMatrix" | "feDiffuseLighting" | "feDisplacementMap" | "feDistantLight" | "feDropShadow" | "feFlood" | "feFuncA" | "feFuncB" | "feFuncG" | "feFuncR" | "feGaussianBlur" | "feImage" | "feMerge" | "feMergeNode" | "feMorphology" | "feOffset" | "fePointLight" | "feSpecularLighting" | "feSpotLight" | "feTile" | "feTurbulence" | "filter" | "foreignObject" | "image" | "line" | "linearGradient" | "marker" | "mask" | "metadata" | "mpath" | "path" | "pattern" | "polygon" | "polyline" | "radialGradient" | "rect" | "stop" | "switch" | "text" | "textPath" | "tspan" | "use" | "view" | React.ComponentClass<any, any> | React.FunctionComponent<any> | undefined;
+    as?: "symbol" | "object" | "g" | "b" | "div" | "a" | "abbr" | "address" | "area" | "article" | "aside" | "audio" | "base" | "bdi" | "bdo" | "big" | "blockquote" | "body" | "br" | "button" | "canvas" | "caption" | "cite" | "code" | "col" | "colgroup" | "data" | "datalist" | "dd" | "del" | "details" | "dfn" | "dialog" | "dl" | "dt" | "em" | "embed" | "fieldset" | "figcaption" | "figure" | "footer" | "form" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "head" | "header" | "hgroup" | "hr" | "html" | "i" | "iframe" | "img" | "input" | "ins" | "kbd" | "keygen" | "label" | "legend" | "li" | "link" | "main" | "map" | "mark" | "menu" | "menuitem" | "meta" | "meter" | "nav" | "noindex" | "noscript" | "ol" | "optgroup" | "option" | "output" | "p" | "param" | "picture" | "pre" | "progress" | "q" | "rp" | "rt" | "ruby" | "s" | "samp" | "slot" | "script" | "section" | "select" | "small" | "source" | "span" | "strong" | "style" | "sub" | "summary" | "sup" | "table" | "template" | "tbody" | "td" | "textarea" | "tfoot" | "th" | "thead" | "time" | "title" | "tr" | "track" | "u" | "ul" | "var" | "video" | "wbr" | "webview" | "svg" | "animate" | "animateMotion" | "animateTransform" | "circle" | "clipPath" | "defs" | "desc" | "ellipse" | "feBlend" | "feColorMatrix" | "feComponentTransfer" | "feComposite" | "feConvolveMatrix" | "feDiffuseLighting" | "feDisplacementMap" | "feDistantLight" | "feDropShadow" | "feFlood" | "feFuncA" | "feFuncB" | "feFuncG" | "feFuncR" | "feGaussianBlur" | "feImage" | "feMerge" | "feMergeNode" | "feMorphology" | "feOffset" | "fePointLight" | "feSpecularLighting" | "feSpotLight" | "feTile" | "feTurbulence" | "filter" | "foreignObject" | "image" | "line" | "linearGradient" | "marker" | "mask" | "metadata" | "mpath" | "path" | "pattern" | "polygon" | "polyline" | "radialGradient" | "rect" | "stop" | "switch" | "text" | "textPath" | "tspan" | "use" | "view" | React.ComponentClass<any, any> | React.FunctionComponent<any> | undefined;
     __html: string | undefined;
 } & React.RefAttributes<HTMLDivElement>>;

package/build/src/components/JRCIcon/JRCIcon.d.ts

@@ -1,3 +1,4 @@
+import * as React from 'react';
 /**
  * Props type for JRCIcon
  * @property name string: Name of the icon (required)
@@ -20,4 +21,4 @@ export interface JRCIconProps {
     isMargin?: boolean;
     className?: string;
 }
-export declare const JRCIcon: ({ color, variant, name, size, isMargin, className, }: JRCIconProps) => JSX.Element;
+export declare const JRCIcon: ({ color, variant, name, size, isMargin, className, }: JRCIconProps) => React.JSX.Element;

package/build/src/components/JRCIcon/JRCIcon.stories.d.ts

@@ -1,7 +1,7 @@
-/// <reference types="react" />
+import * as React from 'react';
 import { JRCIconProps } from './JRCIcon';
 import { Meta, Story } from '@storybook/react';
 declare const _default: Meta<import("@storybook/react").Args>;
 export default _default;
 export declare const Primary: Story<JRCIconProps>;
-export declare const AllIcons: () => JSX.Element;
+export declare const AllIcons: () => React.JSX.Element;

package/build/src/components/JRCIconButton/JRCIconButton.d.ts

@@ -16,7 +16,7 @@ import { DataCy } from '../../types/dataAttributes';
  * @member variant can be 'circle' | 'square';
  * @member hasLicense If false, the button will be disabled with a license tooltip. Default to true
  */
-export declare type JRCIconButtonProps = Omit<React.ComponentPropsWithoutRef<'button'>, 'onClick'> & DataCy & {
+export type JRCIconButtonProps = Omit<React.ComponentPropsWithoutRef<'button'>, 'onClick'> & DataCy & {
     icon: string;
     size?: 'small' | 'medium';
     onClick?: (event?: React.MouseEvent<HTMLButtonElement>) => void;
@@ -36,7 +36,7 @@ declare const defaultProps: {
     size: string;
 };
 declare const JRCIconButton: {
-    ({ hasLicense, ...props }: JRCIconButtonProps & typeof defaultProps): JSX.Element;
+    ({ hasLicense, ...props }: JRCIconButtonProps & typeof defaultProps): React.JSX.Element;
     defaultProps: {
         type: string;
         variant: string;

package/build/src/components/JRCImg/JRCImg.d.ts

@@ -1,3 +1,4 @@
+import * as React from 'react';
 import { ImgUrlProps } from 'jamespot-user-api';
 /**
  * @see ImgUrlProps
@@ -27,11 +28,11 @@ import { ImgUrlProps } from 'jamespot-user-api';
  *
  * @property className - className of the <img /> tag
  */
-export declare type JRCImgProps = ImgUrlProps & {
+export type JRCImgProps = ImgUrlProps & {
     loading?: 'eager' | 'lazy';
     alt: string;
     className?: string;
     onError?: () => void;
     onLoad?: () => void;
 };
-export declare const JRCImg: (props: JRCImgProps) => JSX.Element;
+export declare const JRCImg: (props: JRCImgProps) => React.JSX.Element;

package/build/src/components/JRCList/JRCList.d.ts

@@ -1,10 +1,11 @@
+import * as React from 'react';
 import { Column } from 'react-table';
 import type { Orders } from 'jamespot-user-api';
-export declare type LoadMorePagination = {
+export type LoadMorePagination = {
     type: 'loadMore';
     end: boolean;
 };
-export declare type PaginationPagination = {
+export type PaginationPagination = {
     type?: 'pagination';
     page: number;
     perPage: number;
@@ -18,7 +19,7 @@ export declare type PaginationPagination = {
  * @member config config object. See the Type for use
  * @member className className
  */
-export declare type JRCListProps<T extends Record<string, unknown>> = {
+export type JRCListProps<T extends Record<string, unknown>> = {
     columns: Array<Column<T>>;
     data: Array<T>;
     eventHandlers?: {
@@ -34,4 +35,4 @@ export declare type JRCListProps<T extends Record<string, unknown>> = {
     };
     className?: string;
 };
-export declare const JRCList: <T extends Record<string, unknown>>(props: JRCListProps<T>) => JSX.Element;
+export declare const JRCList: <T extends Record<string, unknown>>(props: JRCListProps<T>) => React.JSX.Element;

package/build/src/components/JRCList/JRCList.stories.d.ts

@@ -2,7 +2,7 @@ import { JRCListProps } from './JRCList';
 import { Meta, Story } from '@storybook/react';
 declare const _default: Meta<import("@storybook/react").Args>;
 export default _default;
-declare type MyData = {
+type MyData = {
     uri: string;
     col1: number;
     col2: number;

package/build/src/components/JRCList/JRCList.styles.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import * as React from 'react';
 export declare const Table: import("styled-components").StyledComponent<"table", import("styled-components").DefaultTheme, {}, never>;
 export declare const Thead: import("styled-components").StyledComponent<"thead", import("styled-components").DefaultTheme, {}, never>;
 export declare const TBody: import("styled-components").StyledComponent<"tbody", import("styled-components").DefaultTheme, {}, never>;
@@ -10,16 +10,16 @@ export declare const Tr: import("styled-components").StyledComponent<"tr", impor
 }, never>;
 export declare const Td: import("styled-components").StyledComponent<"td", import("styled-components").DefaultTheme, {}, never>;
 export declare const LoadMore: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
-export declare type DraggableTBodyProps = {
+export type DraggableTBodyProps = {
     draggable: boolean;
     children: Array<JSX.Element>;
 };
-export declare type DraggableTrProps = {
+export type DraggableTrProps = {
     index: number;
     onDrag: (dragIndex: number, dropIndex: number) => void;
     onDrop: () => void;
     draggable: boolean;
     children: Array<JSX.Element>;
 };
-export declare const DraggableTBody: ({ draggable, children }: DraggableTBodyProps) => JSX.Element;
-export declare const DraggableTr: ({ index, onDrag, onDrop, draggable, children }: DraggableTrProps) => JSX.Element;
+export declare const DraggableTBody: ({ draggable, children }: DraggableTBodyProps) => React.JSX.Element;
+export declare const DraggableTr: ({ index, onDrag, onDrop, draggable, children }: DraggableTrProps) => React.JSX.Element;

package/build/src/components/JRCLoader/JRCLoader.d.ts

@@ -1,3 +1,4 @@
+import * as React from 'react';
 import { Colors } from '../../styles/theme';
 /**
  * Props type for JRCLoader
@@ -12,6 +13,6 @@ interface JRCSpinnerProps {
 interface JRCLoaderVariantProps {
     variant?: 'spinner' | 'skeleton';
 }
-export declare type JRCLoaderProps = JRCLoaderVariantProps & JRCSpinnerProps;
-export declare const JRCLoader: ({ color, size, variant, className }: JRCLoaderProps) => JSX.Element;
+export type JRCLoaderProps = JRCLoaderVariantProps & JRCSpinnerProps;
+export declare const JRCLoader: ({ color, size, variant, className }: JRCLoaderProps) => React.JSX.Element;
 export {};

package/build/src/components/JRCLoader/JRCSkeleton.d.ts

@@ -1 +1,2 @@
-export declare const Skeleton: () => JSX.Element;
+import * as React from 'react';
+export declare const Skeleton: () => React.JSX.Element;

package/build/src/components/JRCMenu/JRCMenu.stories.d.ts

@@ -1,7 +1,7 @@
-/// <reference types="react" />
+import * as React from 'react';
 declare const _default: {
     title: string;
     component: ({ items, defaultActiveItem }: import("./JRCMenu").JRCMenuProps) => JSX.Element;
 };
 export default _default;
-export declare const jrcmenu: () => JSX.Element;
+export declare const jrcmenu: () => React.JSX.Element;

package/build/src/components/JRCMenuItem/JRCMenuItem.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 export declare const VerticalItemFlex: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
-export declare const JRCDefaultIconVerticalItem: import("styled-components").StyledComponent<({ color, variant, name, size, isMargin, className, }: import("../JRCIcon/JRCIcon").JRCIconProps) => JSX.Element, import("styled-components").DefaultTheme, {}, never>;
+export declare const JRCDefaultIconVerticalItem: import("styled-components").StyledComponent<({ color, variant, name, size, isMargin, className, }: import("../JRCIcon/JRCIcon").JRCIconProps) => React.JSX.Element, import("styled-components").DefaultTheme, {}, never>;
 export interface ItemProps {
     isActive: boolean;
 }

package/build/src/components/JRCModal/JRCModal.styles.d.ts

@@ -1,4 +1,4 @@
-export declare type ModalBorderRadius = 'medium' | 'small';
+export type ModalBorderRadius = 'medium' | 'small';
 export declare const JRCModalBox: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
     isFullHeight?: boolean | undefined;
 }, never>;

package/build/src/components/JRCModalImg/JRCModalImg.d.ts

@@ -8,7 +8,7 @@ import { DataCy } from '../../types/dataAttributes';
  * @member children default ReactNode children in the Modal content
  * @member variant optional style button "contained" | "outlined"
  */
-export declare type JRCModalImgButtonType = ComponentPropsWithoutRef<'button'> & DataCy & {
+export type JRCModalImgButtonType = ComponentPropsWithoutRef<'button'> & DataCy & {
     children: ReactNode;
     color?: 'primary' | 'valid' | 'danger';
     variant?: 'contained' | 'outlined';
@@ -40,4 +40,4 @@ export interface JRCModalImgProps {
     };
     className?: string;
 }
-export declare const JRCModalImg: ({ open, closeHandler, buttons, children, title, showIconClose, img, className, }: JRCModalImgProps) => JSX.Element | null;
+export declare const JRCModalImg: ({ open, closeHandler, buttons, children, title, showIconClose, img, className, }: JRCModalImgProps) => React.JSX.Element | null;

package/build/src/components/JRCModalImg/JRCModalImg.stories.d.ts

@@ -1,7 +1,7 @@
-/// <reference types="react" />
+import React from 'react';
 import { JRCModalImgProps } from './JRCModalImg';
 import { Meta, Story } from '@storybook/react';
 declare const _default: Meta<import("@storybook/react").Args>;
 export default _default;
 export declare const SkeletonModal: Story<JRCModalImgProps>;
-export declare const ShowAndHideModal: () => JSX.Element;
+export declare const ShowAndHideModal: () => React.JSX.Element;

package/build/src/components/JRCPagination/JRCPagination.d.ts

@@ -1,5 +1,6 @@
+import * as React from 'react';
 import { DataCy } from '../../types/dataAttributes';
-export declare type PaginationBulletProps = DataCy & {
+export type PaginationBulletProps = DataCy & {
     number: number;
     isActive: boolean;
     clickHandler: (page: number) => void;
@@ -10,10 +11,10 @@ export declare type PaginationBulletProps = DataCy & {
  * @member nbrOfPage number : total nb of pages
  * @member clickHandler (page: number) => void; callback when click on a page number
  */
-export declare type JRCPaginationProps = DataCy & {
+export type JRCPaginationProps = DataCy & {
     activePage: number;
     nbrOfPage: number;
     clickHandler: (page: number) => void;
 };
-export declare const PaginationBullet: ({ number, isActive, dataCy, clickHandler }: PaginationBulletProps) => JSX.Element;
-export declare const JRCPagination: ({ activePage, nbrOfPage, clickHandler, dataCy }: JRCPaginationProps) => JSX.Element;
+export declare const PaginationBullet: ({ number, isActive, dataCy, clickHandler }: PaginationBulletProps) => React.JSX.Element;
+export declare const JRCPagination: ({ activePage, nbrOfPage, clickHandler, dataCy }: JRCPaginationProps) => React.JSX.Element;

package/build/src/components/JRCSidePanelModal/JRCSidePanelModal.d.ts

@@ -2,7 +2,7 @@ import React, { ReactNode } from 'react';
 /**
  * Type for JRCSidePanelModal props
  */
-export declare type JRCSidePanelModalProps = {
+export type JRCSidePanelModalProps = {
     open: boolean;
     closeHandler: () => void;
     children?: ReactNode;

package/build/src/components/JRCSidePanelModal/JRCSidePanelModal.styles.d.ts

@@ -1,6 +1,6 @@
-export declare type ModalBorderRadius = 'medium' | 'small';
+export type ModalBorderRadius = 'medium' | 'small';
 export declare const JRCModalBox: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
-    position?: "left" | "right" | undefined;
+    position?: "right" | "left" | undefined;
     open?: boolean | undefined;
 }, never>;
 export declare const JRCModalTitle: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;

package/build/src/components/JRCSkeleton/JRCSkeletonLine.d.ts

@@ -1,5 +1,6 @@
+import * as React from 'react';
 import { TSizes } from '../JRCTypography/JRCTypography.d';
-export declare type JRCSkeletonLineProps = {
+export type JRCSkeletonLineProps = {
     width?: string;
     size?: TSizes;
     lineHeight?: number;
@@ -7,4 +8,4 @@ export declare type JRCSkeletonLineProps = {
     borderRadius?: string;
     margin?: string;
 };
-export declare const JRCSkeletonLine: ({ width, size, lineHeight, height, borderRadius, margin, }: JRCSkeletonLineProps) => JSX.Element;
+export declare const JRCSkeletonLine: ({ width, size, lineHeight, height, borderRadius, margin, }: JRCSkeletonLineProps) => React.JSX.Element;

package/build/src/components/JRCSkeleton/JRCSkeletonList.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-export declare type SkeletonListProps = {
+export type SkeletonListProps = {
     margin?: string;
     width?: string;
 };