jamespot-react-components 1.0.145 → 1.0.147

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,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, {
     position?: "left" | "right" | undefined;
     open?: boolean | undefined;

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;
 };

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

@@ -1,4 +1,4 @@
-export declare type JRCSkeletonSquareProps = {
+export type JRCSkeletonSquareProps = {
     ratio?: {
         x: number;
         y: number;

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

@@ -7,7 +7,7 @@ export declare const VerticalWrapper: import("styled-components").StyledComponen
 export declare const VerticalItem: import("styled-components").StyledComponent<"li", import("styled-components").DefaultTheme, {}, never>;
 export declare const ItemButton: import("styled-components").StyledComponent<"button", import("styled-components").DefaultTheme, ItemProps, never>;
 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>;
 /**
  * Interface of a single Menu Item  props
  * @member label label of the tag
@@ -23,7 +23,7 @@ export interface ItemEntriesProps {
  * @member direction direction of tab to horizontal or vertical
  * @member callback tab selection handler
  */
-export declare type JRCTabsProps = DataCy & {
+export type JRCTabsProps = DataCy & {
     entries?: ItemEntriesProps[];
     activeItem?: string;
     direction: 'horizontal' | 'vertical';
@@ -44,4 +44,4 @@ export interface JRCTabPanelProps {
     active: boolean;
     children: React.ReactNode;
 }
-export declare const JRCTabPanel: ({ children, active }: JRCTabPanelProps) => JSX.Element;
+export declare const JRCTabPanel: ({ children, active }: JRCTabPanelProps) => React.JSX.Element;

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

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

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

@@ -17,7 +17,7 @@ import { UriOrTypeId } from 'components/Form/Common/types';
  * @member fallbackUrl - url loaded if the uri leads to an undefined image
  * @member clickVariant - whether the hover/focus style is a selectable item or a deletable item
  */
-export declare type JRCTagProps<T> = UriOrTypeId & {
+export type JRCTagProps<T> = UriOrTypeId & {
     collapsed?: boolean;
     label?: string;
     value?: T;
@@ -37,4 +37,4 @@ export declare type JRCTagProps<T> = UriOrTypeId & {
     };
     onLoad?: () => void;
 };
-export declare function JRCTag<T>(props: JRCTagProps<T>): JSX.Element;
+export declare function JRCTag<T>(props: JRCTagProps<T>): React.JSX.Element;

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

@@ -14,4 +14,4 @@ export interface JRCThemeProviderProps {
     layout?: boolean;
     children: React.ReactNode;
 }
-export declare const JRCThemeProvider: ({ layout, children }: JRCThemeProviderProps) => JSX.Element;
+export declare const JRCThemeProvider: ({ layout, children }: JRCThemeProviderProps) => React.JSX.Element;

package/build/src/components/JRCTooltip/JRCBaseTooltip.d.ts

@@ -1,8 +1,9 @@
+import * as React from 'react';
 export declare const tooltipSizes: {
     padding: Record<string, string>;
 };
-export declare type TooltipSizes = keyof typeof tooltipSizes.padding;
-export declare type JRCBaseTooltipProps = {
+export type TooltipSizes = keyof typeof tooltipSizes.padding;
+export type JRCBaseTooltipProps = {
     tooltip: any;
     children: any;
     dataEventOff: 'click' | 'mouseleave';
@@ -18,4 +19,4 @@ export declare type JRCBaseTooltipProps = {
     delayShow?: number;
     events?: any;
 };
-export declare const JRCBaseTooltip: (props: JRCBaseTooltipProps) => JSX.Element;
+export declare const JRCBaseTooltip: (props: JRCBaseTooltipProps) => React.JSX.Element;

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

@@ -25,4 +25,4 @@ export interface JRCTooltipProps {
     /** overwrite span wrapper style */
     className?: string;
 }
-export declare const JRCTooltip: (props: JRCTooltipProps) => JSX.Element;
+export declare const JRCTooltip: (props: JRCTooltipProps) => React.JSX.Element;

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

@@ -4,36 +4,36 @@ import * as React from 'react';
  * Props Type for JRCH1
  * @see HTML.H1 props
  */
-export declare type JRCH1Props = React.ComponentPropsWithoutRef<'h1'>;
-declare const JRCH1: import("styled-components").StyledComponent<"h1", import("styled-components").DefaultTheme, Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, "key" | keyof React.HTMLAttributes<HTMLHeadingElement>>, never>;
+export type JRCH1Props = React.ComponentPropsWithoutRef<'h1'>;
+declare const JRCH1: import("styled-components").StyledComponent<"h1", import("styled-components").DefaultTheme, Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, "ref">, never>;
 /**
  * @deprecated use JRCTypography instead
  * Props Type for JRCH2
  * @see HTML.H2 props
  */
-export declare type JRCH2Props = React.ComponentPropsWithoutRef<'h2'>;
-declare const JRCH2: import("styled-components").StyledComponent<"h2", import("styled-components").DefaultTheme, Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, "key" | keyof React.HTMLAttributes<HTMLHeadingElement>>, never>;
+export type JRCH2Props = React.ComponentPropsWithoutRef<'h2'>;
+declare const JRCH2: import("styled-components").StyledComponent<"h2", import("styled-components").DefaultTheme, Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, "ref">, never>;
 /**
  * @deprecated use JRCTypography instead
  * Props Type for JRCH3
  * @see HTML.H3 props
  */
-export declare type JRCH3Props = React.ComponentPropsWithoutRef<'h3'>;
-declare const JRCH3: import("styled-components").StyledComponent<"h3", import("styled-components").DefaultTheme, Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, "key" | keyof React.HTMLAttributes<HTMLHeadingElement>>, never>;
+export type JRCH3Props = React.ComponentPropsWithoutRef<'h3'>;
+declare const JRCH3: import("styled-components").StyledComponent<"h3", import("styled-components").DefaultTheme, Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, "ref">, never>;
 /**
  * @deprecated use JRCTypography instead
  * Props Type for JRCH4
  * @see HTML.H4 props
  */
-export declare type JRCH4Props = React.ComponentPropsWithoutRef<'h3'>;
-declare const JRCH4: import("styled-components").StyledComponent<"h4", import("styled-components").DefaultTheme, Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, "key" | keyof React.HTMLAttributes<HTMLHeadingElement>>, never>;
+export type JRCH4Props = React.ComponentPropsWithoutRef<'h3'>;
+declare const JRCH4: import("styled-components").StyledComponent<"h4", import("styled-components").DefaultTheme, Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, "ref">, never>;
 /**
  * @deprecated use JRCTypography instead
  * Props Type for JRCH5
  * @see HTML.H5 props
  */
-export declare type JRCH5Props = React.ComponentPropsWithoutRef<'h5'>;
-declare const JRCH5: import("styled-components").StyledComponent<"h5", import("styled-components").DefaultTheme, Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, "key" | keyof React.HTMLAttributes<HTMLHeadingElement>>, never>;
+export type JRCH5Props = React.ComponentPropsWithoutRef<'h5'>;
+declare const JRCH5: import("styled-components").StyledComponent<"h5", import("styled-components").DefaultTheme, Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, "ref">, never>;
 /**
  * @deprecated use JRCTypography instead
  * Props Type for JRCText

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

@@ -1,12 +1,12 @@
-/// <reference types="react" />
+import * as React from 'react';
 import { JRCH1Props, JRCH2Props, JRCH3Props, JRCH4Props, JRCH5Props, JRCTextProps } from './JRCTypo';
 declare const _default: {
     title: string;
 };
 export default _default;
-export declare const H1: (args: JRCH1Props) => JSX.Element;
-export declare const H2: (args: JRCH2Props) => JSX.Element;
-export declare const H3: (args: JRCH3Props) => JSX.Element;
-export declare const H4: (args: JRCH4Props) => JSX.Element;
-export declare const H5: (args: JRCH5Props) => JSX.Element;
-export declare const P: (args: JRCTextProps) => JSX.Element;
+export declare const H1: (args: JRCH1Props) => React.JSX.Element;
+export declare const H2: (args: JRCH2Props) => React.JSX.Element;
+export declare const H3: (args: JRCH3Props) => React.JSX.Element;
+export declare const H4: (args: JRCH4Props) => React.JSX.Element;
+export declare const H5: (args: JRCH5Props) => React.JSX.Element;
+export declare const P: (args: JRCTextProps) => React.JSX.Element;

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

@@ -1,9 +1,9 @@
 import { FastCssProps } from 'components/Common/FastCss';
 import React from 'react';
 import { Colors, FontWeight } from '../../styles/theme';
-export declare type TSizes = 's' | 'm' | 'l' | 'xl' | 'xxl' | 'xxxl';
-export declare type TVariants = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'p' | 'span';
-export declare type TWeight = keyof FontWeight;
+export type TSizes = 's' | 'm' | 'l' | 'xl' | 'xxl' | 'xxxl';
+export type TVariants = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'p' | 'span';
+export type TWeight = keyof FontWeight;
 /**
  * Props type for JRCTypography
  * @member children ReactNode content of the button
@@ -12,7 +12,7 @@ export declare type TWeight = keyof FontWeight;
  * @member size You can change the font-size with the size property
  * @member variant You can change the semantic element with the variant property
  */
-export declare type JRCTypographyProps = FastCssProps & {
+export type JRCTypographyProps = FastCssProps & {
     /** Additional className for override the component: */
     className?: string;
     /** You can custom the font-weight with the weight property */

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

@@ -1,2 +1,3 @@
+import * as React from 'react';
 import { JRCTypographyProps } from './JRCTypography.d';
-export declare const JRCTypography: ({ variant, ...props }: JRCTypographyProps) => JSX.Element;
+export declare const JRCTypography: ({ variant, ...props }: JRCTypographyProps) => React.JSX.Element;

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

@@ -2,11 +2,11 @@ import { FastCssProps } from 'components/Common/FastCss';
 import { JRCTypographyProps } from './JRCTypography.d';
 export declare const lineHeightRatio = 1.5;
 export declare const SIZES: Readonly<{
-    s: number;
-    m: number;
-    l: number;
-    xl: number;
-    xxl: number;
-    xxxl: number;
+    s: 12;
+    m: 14;
+    l: 16;
+    xl: 18;
+    xxl: 24;
+    xxxl: 32;
 }>;
 export declare const Typography: import("styled-components").StyledComponent<"p", import("styled-components").DefaultTheme, Pick<JRCTypographyProps, "color" | "size" | "weight"> & FastCssProps, never>;

package/build/src/components/Stepper/JRCFadeStepper.d.ts

@@ -3,8 +3,8 @@ import * as React from 'react';
  * @member activeStep active step of the stepper. Starts at 0.
  * @member children iterable of the steps (!!)
  */
-export declare type JRCFadeStepperProps = {
+export type JRCFadeStepperProps = {
     activeStep: number;
     children: React.ReactNode | Iterable<React.ReactNode>;
 };
-export declare function JRCFadeStepper(props: JRCFadeStepperProps): JSX.Element | null;
+export declare function JRCFadeStepper(props: JRCFadeStepperProps): React.JSX.Element | null;

package/build/src/components/Stepper/JRCImageStepper.d.ts

@@ -1,14 +1,14 @@
-/// <reference types="react" />
+import * as React from 'react';
 /**
  * @member stepNumber step number. Like an array, if there are two items, the stepNumber should be initialized to 2
  * @member activeStep active step of the stepper. Starts at 0.
  * @member src image source
  * @member alt image alternative text
  */
-export declare type JRCImageStepperProps = {
+export type JRCImageStepperProps = {
     stepNumber: number;
     activeStep: number;
     src: string;
     alt: string;
 };
-export declare function JRCImageStepper(props: JRCImageStepperProps): JSX.Element;
+export declare function JRCImageStepper(props: JRCImageStepperProps): React.JSX.Element;

package/build/src/components/Stepper/JRCStepper.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-export declare type Step = {
+export type Step = {
     label: string | React.ReactNode;
     onClick?: (step: number) => void;
 };
@@ -7,8 +7,8 @@ export declare type Step = {
  * @member steps array of steps
  * @member activeStep active step of the stepper. Starts at 0.
  */
-export declare type JRCStepperProps = {
+export type JRCStepperProps = {
     steps?: Array<Step>;
     activeStep: number;
 };
-export declare function JRCStepper(props: JRCStepperProps): JSX.Element;
+export declare function JRCStepper(props: JRCStepperProps): React.JSX.Element;

package/build/src/components/Stepper/JRCStepper.stories.d.ts

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

package/build/src/components/Templates/JRCAppColumn.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
+import React from 'react';
 import type { JRCAppColumnProps } from './template.type';
-export declare function JRCAppColumn({ description, activeTab, tabs, mode, ...props }: JRCAppColumnProps): JSX.Element;
+export declare function JRCAppColumn({ description, activeTab, tabs, mode, ...props }: JRCAppColumnProps): React.JSX.Element;

package/build/src/components/Templates/JRCAppTab.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import type { Closing, JRCAppTabProps, JRCAppTabsProps, Open } from './template.type';
-export declare function JRCAppTab({ label, active, icon, onClick, href, target, open, closing, count }: JRCAppTabProps): JSX.Element;
-export declare function JRCAppTabs({ tabs, activeTab, ...props }: JRCAppTabsProps & Open & Closing): JSX.Element;
+export declare function JRCAppTab({ label, active, icon, onClick, href, target, open, closing, count }: JRCAppTabProps): React.JSX.Element;
+export declare function JRCAppTabs({ tabs, activeTab, ...props }: JRCAppTabsProps & Open & Closing): React.JSX.Element;

package/build/src/components/Templates/JRCBase.template.d.ts

@@ -1,9 +1,9 @@
 import * as React from 'react';
-export declare type JRCTemplateBaseProps = {
+export type JRCTemplateBaseProps = {
     children: React.ReactNode;
     isLoading: boolean;
     title?: React.ReactNode;
 };
 export declare const ChildrenContainerStyle: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
-export declare const ChildrenContainer: (props: JRCTemplateBaseProps) => JSX.Element;
+export declare const ChildrenContainer: (props: JRCTemplateBaseProps) => React.JSX.Element;
 export declare const JRCTemplateBase: React.FC<any>;

package/build/src/components/Templates/JRCColumn.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
+import React from 'react';
 import { JRCColumnProps } from './template.type';
-export declare function JRCColumn({ children, mode, position, ...props }: JRCColumnProps): JSX.Element;
+export declare function JRCColumn({ children, mode, position, ...props }: JRCColumnProps): React.JSX.Element;

package/build/src/components/Templates/JRCMainColumn.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
+import React from 'react';
 import { JRCMainColumnProps } from './template.type';
-export declare function JRCMainColumn({ children, ...props }: JRCMainColumnProps): JSX.Element;
+export declare function JRCMainColumn({ children, ...props }: JRCMainColumnProps): React.JSX.Element;

package/build/src/components/Templates/JRCPanel.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
+import React from 'react';
 import { JRCPanelProps } from './template.type';
-export declare function JRCPanel({ children, width, open }: JRCPanelProps): JSX.Element;
+export declare function JRCPanel({ children, width, open }: JRCPanelProps): React.JSX.Element;

package/build/src/components/Templates/JRCStepperPage.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { Step } from 'components/Stepper/JRCStepper';
-export declare type JRCStepperPageProps = {
+export type JRCStepperPageProps = {
     children: React.ReactNode | Iterable<React.ReactNode>;
     activeStep: number;
     imgSrc: string;
@@ -9,4 +9,4 @@ export declare type JRCStepperPageProps = {
     loadingContent?: React.ReactNode | string;
     isLoading?: boolean;
 };
-export declare const JRCStepperPage: (props: JRCStepperPageProps) => JSX.Element;
+export declare const JRCStepperPage: (props: JRCStepperPageProps) => React.JSX.Element;

package/build/src/components/Templates/JRCTwoColumns.template.d.ts

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { JRCAppLeftColumnProps, SectionEntry } from 'types';
 import { JRCTemplateBaseProps } from './JRCBase.template';
-export declare type JRCTemplateTwoColumnsProps<T extends SectionEntry> = {
+export type JRCTemplateTwoColumnsProps<T extends SectionEntry> = {
     leftColumn: JRCAppLeftColumnProps<T>;
 } & JRCTemplateBaseProps;
 export declare const JRCTemplateTwoColumns: React.FC<any>;

package/build/src/components/Templates/template.type.d.ts

@@ -1,12 +1,12 @@
 import React from 'react';
-export declare type LayoutMode = 'fluid' | 'center';
-export declare type ColumnPosition = 'left' | 'right';
-export declare type JRCContainerProps = {
+export type LayoutMode = 'fluid' | 'center';
+export type ColumnPosition = 'left' | 'right';
+export type JRCContainerProps = {
     children: React.ReactNode;
     className?: string;
     mode?: LayoutMode;
 };
-export declare type JRCColumnProps = {
+export type JRCColumnProps = {
     children: React.ReactNode;
     className?: string;
     width?: number;
@@ -14,29 +14,29 @@ export declare type JRCColumnProps = {
     mode?: LayoutMode;
     position?: ColumnPosition;
 };
-export declare type JRCMainColumnProps = {
+export type JRCMainColumnProps = {
     children: React.ReactNode;
     className?: string;
     mode?: LayoutMode;
     padding?: string;
 };
-export declare type JRCTabEntry = {
+export type JRCTabEntry = {
     key: string;
     label: string;
     icon: string;
     group?: string | undefined;
     count?: number;
 };
-export declare type TabEventProps = {
+export type TabEventProps = {
     onClick?: (key: string) => void;
     href?: string;
     target?: '_blank';
 };
-export declare type JRCAppTabsProps = {
+export type JRCAppTabsProps = {
     tabs: Array<JRCTabEntry & TabEventProps>;
     activeTab?: string;
 };
-export declare type JRCAppColumnProps = Partial<JRCAppTabsProps> & {
+export type JRCAppColumnProps = Partial<JRCAppTabsProps> & {
     className?: string;
     mode?: LayoutMode;
     description: {
@@ -46,18 +46,18 @@ export declare type JRCAppColumnProps = Partial<JRCAppTabsProps> & {
         description: string;
     };
 };
-export declare type JRCPanelProps = {
+export type JRCPanelProps = {
     children: React.ReactNode;
     width: number;
     open: boolean;
 };
-export declare type Open = {
+export type Open = {
     open: boolean;
 };
-export declare type Closing = {
+export type Closing = {
     closing: boolean;
 };
-export declare type JRCAppTabProps = Open & Closing & {
+export type JRCAppTabProps = Open & Closing & {
     label: string;
     icon: string;
     onClick?: () => void;

package/build/src/components/Widgets/JRCWidgetArticleAttachment/JRCWidgetArticleAttachment.d.ts

@@ -1,5 +1,6 @@
-import { WidgetArticleAttachmentContent, WidgetDefaultProps } from 'jamespot-user-api';
-export declare const JRCWidgetArticleAttachment: ({ content, mode, onStateChange, }: WidgetDefaultProps & {
-    content: WidgetArticleAttachmentContent;
-    token: string | undefined;
-}) => JSX.Element;
+import React from 'react';
+import { WidgetArticleAttachmentContent } from 'jamespot-user-api';
+export declare const CSSWidgetAttachment: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const JRCWidgetArticleAttachment: ({ files, onClick, }: WidgetArticleAttachmentContent & {
+    onClick: (idFile: number) => void;
+}) => React.JSX.Element;

package/build/src/components/Widgets/JRCWidgetArticleAttachment/JRCWidgetArticleAttachment.stories.d.ts

@@ -0,0 +1,7 @@
+import { Meta, Story } from '@storybook/react';
+import { WidgetArticleAttachmentContent } from 'jamespot-user-api';
+declare const _default: Meta<import("@storybook/react").Args>;
+export default _default;
+export declare const Primary: Story<WidgetArticleAttachmentContent & {
+    onClick: (idFile: number) => void;
+}>;

package/build/src/components/Widgets/JRCWidgetArticleAttachment/JRCWidgetArticleAttachmentEditor.d.ts

@@ -1,6 +1,6 @@
 import { CombinedWidgetContent, WidgetArticleAttachmentContent, WidgetStateProps } from 'jamespot-user-api';
 import React from 'react';
-declare type JRCWidgetArticleAttachmentEditorProps = {
+type JRCWidgetArticleAttachmentEditorProps = {
     token: string | undefined;
     content: WidgetArticleAttachmentContent;
     onChange: (content: CombinedWidgetContent, override?: boolean) => void;
@@ -8,5 +8,5 @@ declare type JRCWidgetArticleAttachmentEditorProps = {
     onStateChange?: (state: WidgetStateProps) => void;
     onOpen?: (view: React.ReactElement) => void;
 };
-export declare const JRCWidgetArticleAttachmentEditor: ({ token, content, onChange, onSave, }: JRCWidgetArticleAttachmentEditorProps) => JSX.Element;
+export declare const JRCWidgetArticleAttachmentEditor: ({ token, content, onChange, onSave, }: JRCWidgetArticleAttachmentEditorProps) => React.JSX.Element;
 export {};

package/build/src/components/Widgets/JRCWidgetArticleButton/JRCWidgetArticleButton.d.ts

@@ -1,4 +1,5 @@
 import { WidgetArticleButtonContent, WidgetDefaultProps } from 'jamespot-user-api';
+import React from 'react';
 export declare const JRCWidgetArticleButton: ({ content, onClick, onStateChange, }: WidgetDefaultProps & {
     content: WidgetArticleButtonContent;
-}) => JSX.Element;
+}) => React.JSX.Element;