jamespot-react-components 1.0.145 → 1.0.146

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';
+import React from 'react';
 export declare const JRCWidgetArticleAttachment: ({ content, mode, onStateChange, }: WidgetDefaultProps & {
     content: WidgetArticleAttachmentContent;
     token: string | undefined;
-}) => JSX.Element;
+}) => React.JSX.Element;

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;

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

@@ -1,10 +1,11 @@
 import { CombinedWidgetContent, WidgetArticleButtonContent, WidgetStateProps } from 'jamespot-user-api';
-declare type JRCWidgetArticleButtonEditorProps = {
+import React from 'react';
+type JRCWidgetArticleButtonEditorProps = {
     content: WidgetArticleButtonContent;
     onChange: (content: CombinedWidgetContent, override?: boolean) => void;
     onSave: (content: CombinedWidgetContent) => void;
     onStateChange?: (state: WidgetStateProps) => void;
 };
 export declare function useFirstRender(): boolean;
-export declare const JRCWidgetArticleButtonEditor: ({ content, onChange, onSave }: JRCWidgetArticleButtonEditorProps) => JSX.Element;
+export declare const JRCWidgetArticleButtonEditor: ({ content, onChange, onSave }: JRCWidgetArticleButtonEditorProps) => React.JSX.Element;
 export {};

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

@@ -7,11 +7,11 @@ export declare const CSSColumnGallery: import("styled-components").StyledCompone
 export declare const CSSGalleryWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
     width: number | string;
 }, never>;
-declare type JRCWidgetArticleGalleryProps = WidgetDefaultProps & {
+type JRCWidgetArticleGalleryProps = WidgetDefaultProps & {
     content: WidgetArticleGalleryContent;
     token: string | undefined;
     onUploadSuccess?: (fileResponse: FileResponse) => void;
     renderItem?: (widgetWrapper: WidgetWrapperProps) => React.ReactElement;
 };
-export declare const JRCWidgetArticleGallery: ({ width, content, onStateChange }: JRCWidgetArticleGalleryProps) => JSX.Element;
+export declare const JRCWidgetArticleGallery: ({ width, content, onStateChange }: JRCWidgetArticleGalleryProps) => React.JSX.Element;
 export {};

package/build/src/components/Widgets/JRCWidgetArticleGallery/JRCWidgetArticleGalleryEditor.d.ts

@@ -1,5 +1,6 @@
 import { CombinedWidgetContent, WidgetArticleGalleryContent, WidgetKeys, WidgetStateProps } from 'jamespot-user-api';
-declare type JRCWidgetArticleGalleryEditorProps = {
+import React from 'react';
+type JRCWidgetArticleGalleryEditorProps = {
     token: string | undefined;
     content: WidgetArticleGalleryContent;
     onChange: (content: CombinedWidgetContent, override?: boolean) => void;
@@ -7,5 +8,5 @@ declare type JRCWidgetArticleGalleryEditorProps = {
     onStateChange?: (state: WidgetStateProps, uniqid?: string) => void;
     onRegisterEditor?: (uniqid: string, name: WidgetKeys) => void;
 };
-export declare const JRCWidgetArticleGalleryEditor: ({ token, content, onChange, onSave, }: JRCWidgetArticleGalleryEditorProps) => JSX.Element;
+export declare const JRCWidgetArticleGalleryEditor: ({ token, content, onChange, onSave, }: JRCWidgetArticleGalleryEditorProps) => React.JSX.Element;
 export {};

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

@@ -1,5 +1,6 @@
 import { WidgetDefaultProps, WidgetArticleImageContent } from 'jamespot-user-api';
+import React from 'react';
 export declare const JRCWidgetArticleImage: ({ width, content, onStateChange, }: WidgetDefaultProps & {
     content: WidgetArticleImageContent;
     token: string | undefined;
-}) => JSX.Element;
+}) => React.JSX.Element;

package/build/src/components/Widgets/JRCWidgetArticleImage/JRCWidgetArticleImageEditor.d.ts

@@ -1,9 +1,10 @@
+import React from 'react';
 import { CombinedWidgetContent, WidgetArticleImageContent } from 'jamespot-user-api';
 import { WidgetStateProps } from 'jamespot-user-api';
 export declare const JRCWidgetArticleImageEditor: ({ token, content, onSave, onChange, onStateChange, }: {
     token: string | undefined;
     content: WidgetArticleImageContent;
-    onChange: (content: CombinedWidgetContent, override?: boolean | undefined) => void;
+    onChange: (content: CombinedWidgetContent, override?: boolean) => void;
     onSave: (content: CombinedWidgetContent) => void;
     onStateChange: (state: WidgetStateProps) => void;
-}) => JSX.Element;
+}) => React.JSX.Element;

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

@@ -1,4 +1,5 @@
+import React from 'react';
 import { WidgetDefaultProps, WidgetArticleTextContent } from 'jamespot-user-api';
 export declare const JRCWidgetArticleText: ({ content, mode, inplace, isComponentVisible, onChange, }: WidgetDefaultProps & {
     content: WidgetArticleTextContent;
-}) => JSX.Element;
+}) => React.JSX.Element;

package/build/src/components/Widgets/JRCWidgetArticleText/JRCWidgetArticleTextEditor.d.ts

@@ -1,6 +1,7 @@
+import React from 'react';
 import { CombinedWidgetContent, WidgetArticleTextContent } from 'jamespot-user-api';
 export declare const JRCWidgetArticleTextEditor: ({ content, onChange, onSave, }: {
     content: WidgetArticleTextContent;
     onSave: (content: CombinedWidgetContent) => void;
-    onChange: (content: CombinedWidgetContent, override?: boolean | undefined) => void;
-}) => JSX.Element;
+    onChange: (content: CombinedWidgetContent, override?: boolean) => void;
+}) => React.JSX.Element;

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

@@ -1,4 +1,5 @@
+import React from 'react';
 import { WidgetArticleTitleContent, WidgetDefaultProps } from 'jamespot-user-api';
 export declare const JRCWidgetArticleTitle: ({ content, onChange, isComponentVisible, inplace, mode, }: WidgetDefaultProps & {
     content: WidgetArticleTitleContent;
-}) => JSX.Element;
+}) => React.JSX.Element;

package/build/src/components/Widgets/JRCWidgetArticleTitle/JRCWidgetArticleTitleEditor.d.ts

@@ -5,5 +5,5 @@ export declare const JRCWidgetArticleTitleEditor: ({ content, onChange, onSave,
     content: WidgetArticleTitleContent;
     onOpen: (view: React.ReactElement) => void;
     onSave: (content: CombinedWidgetContent) => void;
-    onChange: (content: CombinedWidgetContent, override?: boolean | undefined) => void;
-}) => JSX.Element;
+    onChange: (content: CombinedWidgetContent, override?: boolean) => void;
+}) => React.JSX.Element;

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

@@ -1,8 +1,9 @@
-declare type JRCWidgetEmptyInplaceProps = {
+import React from 'react';
+type JRCWidgetEmptyInplaceProps = {
     url: string;
     label: string;
     description: string;
     onClick: () => void;
 };
-export declare const JRCWidgetEmptyInplace: ({ url, label, description, onClick }: JRCWidgetEmptyInplaceProps) => JSX.Element;
+export declare const JRCWidgetEmptyInplace: ({ url, label, description, onClick }: JRCWidgetEmptyInplaceProps) => React.JSX.Element;
 export {};

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

@@ -1,4 +1,5 @@
 import { WidgetFileType } from 'jamespot-user-api';
+import React from 'react';
 export declare const CSSAttachment: import("styled-components").StyledComponent<"button", import("styled-components").DefaultTheme, {}, never>;
 export declare const CSSAttachmentImage: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
     width: number;
@@ -14,20 +15,20 @@ export declare const AttachmentImage: ({ width, height, file, }: {
     width: number;
     height: number;
     file: WidgetFileType;
-}) => JSX.Element;
+}) => React.JSX.Element;
 export declare const AttachmentLabel: ({ file }: {
     file: WidgetFileType;
-}) => JSX.Element;
+}) => React.JSX.Element;
 export declare const AttachmentOption: ({ name, width, height, onClick, }: {
     name: string;
     width: number;
     height: number;
     onClick?: (() => void) | undefined;
-}) => JSX.Element;
+}) => React.JSX.Element;
 export declare const Attachment: ({ file, width, onClickRemove, onClickDownload, }: {
     file: WidgetFileType;
     width?: number | undefined;
     onClickRemove?: (() => void) | undefined;
     onClickRemoveWithPrompt?: (() => void) | undefined;
     onClickDownload?: (() => void) | undefined;
-}) => JSX.Element;
+}) => React.JSX.Element;

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

@@ -1,9 +1,10 @@
+import React from 'react';
 import { CSSBackgroundPosition, CSSBackgroundSize } from 'jamespot-user-api';
-declare type ImageProps = {
+type ImageProps = {
     url: string;
     displayAs?: 'image' | 'background';
     backgroundPosition?: CSSBackgroundPosition;
     backgroundSize?: CSSBackgroundSize;
 };
-export declare const Image: ({ url, displayAs, backgroundPosition, backgroundSize, }: ImageProps) => JSX.Element;
+export declare const Image: ({ url, displayAs, backgroundPosition, backgroundSize, }: ImageProps) => React.JSX.Element;
 export {};