jamespot-react-components 1.0.145 → 1.0.147

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

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

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

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

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

@@ -1,14 +1,14 @@
-/// <reference types="react" />
+import * as React from 'react';
 import { Area as _Area, Point as _Point, Size as _Size } from 'react-easy-crop/types';
 import { JRCModalProps } from '../JRCModal/JRCModal';
-export declare type Size = _Size;
-export declare type Point = _Point;
-export declare type Area = _Area;
-export declare type JRCCropImageProps = Pick<JRCModalProps, 'open' | 'closeHandler'> & {
+export type Size = _Size;
+export type Point = _Point;
+export type Area = _Area;
+export type JRCCropImageProps = Pick<JRCModalProps, 'open' | 'closeHandler'> & {
     aspectRatio?: number | undefined;
     src?: string | undefined;
     save: (cropConfig: Area & {
         rotation: number;
     }) => void;
 };
-export declare function JRCCropImage(props: JRCCropImageProps): JSX.Element;
+export declare function JRCCropImage(props: JRCCropImageProps): React.JSX.Element;

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

@@ -1,6 +1,7 @@
+import * as React from 'react';
 import { DateFormat } from 'utils/utils.date';
 export interface JRCDateProps {
     date?: string;
     format?: DateFormat;
 }
-export declare const JRCDate: (props: JRCDateProps) => JSX.Element | null;
+export declare const JRCDate: (props: JRCDateProps) => React.JSX.Element | null;

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

@@ -1,8 +1,8 @@
-/// <reference types="react" />
+import * as React from 'react';
 import { JRCDateProps } from './JRCDate';
 declare const _default: {
     title: string;
-    component: (props: JRCDateProps) => JSX.Element | null;
+    component: (props: JRCDateProps) => React.JSX.Element | null;
 };
 export default _default;
 import { Story } from '@storybook/react';

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

@@ -4,4 +4,4 @@ export interface JRCDropDownProps {
     dropdown: React.ReactNode;
     align?: 'left' | 'right';
 }
-export declare const JRCDropDown: ({ trigger, dropdown, align }: JRCDropDownProps) => JSX.Element;
+export declare const JRCDropDown: ({ trigger, dropdown, align }: JRCDropDownProps) => React.JSX.Element;

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/JRCEmptySpace/JRCEmptySpace.d.ts

@@ -0,0 +1,12 @@
+import * as React from 'react';
+type EmptySpaceBgColor = 'sandLight' | 'sky15';
+export type JRCEmptySpaceProps = {
+    img: string;
+    imgAlt?: string;
+    title: string;
+    description?: string;
+    actions?: React.ReactChild;
+    bgColor?: EmptySpaceBgColor;
+};
+export declare const JRCEmptySpace: React.FC<JRCEmptySpaceProps>;
+export {};

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

@@ -0,0 +1,4 @@
+import { Meta, Story } from '@storybook/react';
+declare const _default: Meta<import("@storybook/react").Args>;
+export default _default;
+export declare const EmptySpace: Story<any>;

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,11 @@ 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 BackgroundImageLoader: ({ uri }: {
+    uri: string;
+}) => 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,14 @@
-import { JRCFileViewerProps, JRCFileViewerFileProps } from './types';
-export declare const JRCFileViewer: <T extends JRCFileViewerFileProps>({ files, children, openWithOptions, _DEBUG, }: JRCFileViewerProps<T>) => JSX.Element;
+import * as React from 'react';
+import { JRCFileViewerProps } from './types';
+export declare const JRCFileViewer: <T extends {
+    title: string;
+    id: number;
+    type: string;
+    uri: string;
+    mainType: string;
+    dateCreation: string;
+    _url: string;
+    dateModified: string | null;
+    mimetype: string;
+    path?: string | undefined;
+}>({ files, size, children, openWithOptions, }: JRCFileViewerProps<T>) => React.JSX.Element;

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

@@ -13,4 +13,5 @@ export declare const CSSFileViewerImageBackground: import("styled-components").S
     uri: string;
 }, never>;
 export declare const CSSFileViewerArrowsButton: import("styled-components").StyledComponent<"button", import("styled-components").DefaultTheme, {}, never>;
+export declare const CSSFileViewerStep: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
 export declare const CSSFileViewerArrows: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;

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

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

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

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

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

@@ -1,9 +1,10 @@
 import * as React from 'react';
-import { JRCFileViewerFileProps, JRCFileViewerOpenWithOptionType } from './types';
-declare type JRCFileViewerContentApplicationProps = {
-    file?: JRCFileViewerFileProps;
+import { JRCFileViewerOpenWithOptionType } from './types';
+import { jFileLittle } from 'jamespot-user-api';
+type JRCFileViewerContentApplicationProps = {
+    file?: jFileLittle;
     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,9 @@
-import { JRCFileViewerFileProps, JRCFileViewerOpenWithOptionType } from './types';
-declare type JRCFileViewerOpenWithOptionsProps = {
-    file: JRCFileViewerFileProps;
+import * as React from 'react';
+import { JRCFileViewerOpenWithOptionType } from './types';
+import { jFileLittle } from 'jamespot-user-api';
+type JRCFileViewerOpenWithOptionsProps = {
+    file: jFileLittle;
     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,13 @@
 /// <reference types="react" />
-export declare type JRCFileViewerProps<T> = {
+import { jFileLittle } from 'jamespot-user-api';
+export type JRCFileViewerProps<T> = {
     files: T[];
+    size?: string;
     openWithOptions: JRCFileViewerOpenWithOptionsType;
     children(setIndex: (idFile: number) => void): React.ReactElement<HTMLElement>;
-    _DEBUG: boolean;
 };
-export declare 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;
+    onClick: (item: jFileLittle | undefined) => void;
 };

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

@@ -1,4 +1,4 @@
-import { JRCFileViewerFileProps } from './types';
-export declare function videoUrl(file: JRCFileViewerFileProps): string;
-export declare function audioUrl(file: JRCFileViewerFileProps): string;
-export declare function imageUrl(file: JRCFileViewerFileProps, size?: string): string;
+import { jFileLittle } from 'jamespot-user-api';
+export declare function videoUrl(file: jFileLittle): string;
+export declare function audioUrl(file: jFileLittle): string;
+export declare function imageUrl(file: jFileLittle, size?: string): string;

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

@@ -1,22 +1,23 @@
 import * as React from 'react';
 import { DataCy } from '../../types/dataAttributes';
+import { ButtonColors } from '../JRCButton/JRCButton';
 /**
  * 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';
+    color?: ButtonColors;
     float?: 'left' | 'right';
     disabled?: boolean;
     children?: React.ReactNode;
@@ -26,6 +27,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;