jamespot-react-components 1.0.145 → 1.0.147

package/build/src/components/404/index.d.ts

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

package/build/src/components/Beta/BETA_JRCColorPicker/BETA_JRCColorPicker.d.ts

@@ -1,5 +1,6 @@
+import React from 'react';
 import { JRCColorPickerTypes } from './JRCColorPicker.types';
 export declare const CSSColorPickerWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
     expandPositionAbsolute?: boolean | undefined;
 }, never>;
-export declare const BETA_JRCColorPicker: (props: JRCColorPickerTypes) => JSX.Element;
+export declare const BETA_JRCColorPicker: (props: JRCColorPickerTypes) => React.JSX.Element;

package/build/src/components/Beta/BETA_JRCColorPicker/ColorInput.d.ts

@@ -1,4 +1,5 @@
+import React from 'react';
 export declare const ColorInput: ({ initialValue, onChange }: {
     initialValue: string;
     onChange: (color: string) => void;
-}) => JSX.Element;
+}) => React.JSX.Element;

package/build/src/components/Beta/BETA_JRCColorPicker/ColorPalette.d.ts

@@ -1,14 +1,15 @@
+import React from 'react';
 import { ColorPaletteType } from './JRCColorPicker.types';
 export declare const CSSColorBorder: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
 export declare const LockIcon: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
 export declare const CSSColor: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
     color: string;
 }, never>;
-declare type ColorPaletteProps = {
+type ColorPaletteProps = {
     palette: ColorPaletteType;
     isLocked: boolean;
     onClick: (color: string) => void;
     onChange?: (locked: boolean) => void;
 };
-export declare const ColorPalette: ({ palette, isLocked, onClick, onChange }: ColorPaletteProps) => JSX.Element;
+export declare const ColorPalette: ({ palette, isLocked, onClick, onChange }: ColorPaletteProps) => React.JSX.Element;
 export {};

package/build/src/components/Beta/BETA_JRCColorPicker/ColorPicker.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 export declare const CSSColorPickerWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
     width: number;
     height: number;
@@ -14,16 +15,16 @@ export declare const CSSColorPickerPicker: import("styled-components").StyledCom
     top: number;
     left: number;
 }, never>;
-declare type ColorPickerPaletteType = {
+type ColorPickerPaletteType = {
     name?: string;
     colors: string[];
 };
-declare type ColorPickerType = {
+type ColorPickerType = {
     initialColor: string;
     width: number;
     height: number;
     palettes: ColorPickerPaletteType[];
     onChange: (color: string, trigger: boolean) => void;
 };
-export declare const ColorPicker: ({ initialColor, width, height, palettes, onChange }: ColorPickerType) => JSX.Element;
+export declare const ColorPicker: ({ initialColor, width, height, palettes, onChange }: ColorPickerType) => React.JSX.Element;
 export {};

package/build/src/components/Beta/BETA_JRCColorPicker/ColorRange.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 export declare const CSSColorRangeWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
 export declare const CSSColorRangeBackground: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
     width: number;
@@ -13,4 +14,4 @@ export declare const ColorRange: ({ width, hue, onChange, }: {
     width: number;
     hue: number;
     onChange: (color: string, hue: number, mouseIsDown: boolean) => void;
-}) => JSX.Element;
+}) => React.JSX.Element;

package/build/src/components/Beta/BETA_JRCColorPicker/DragArea.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-declare type Vector = {
+type Vector = {
     x: number;
     y: number;
 };
@@ -9,5 +9,5 @@ export declare const DragArea: ({ children, initialPosition, width, height, onCh
     width?: number | undefined;
     height?: number | undefined;
     onChange: (vec: Vector, mouseIsDown: boolean) => void;
-}) => JSX.Element;
+}) => React.JSX.Element;
 export {};

package/build/src/components/Beta/BETA_JRCColorPicker/JRCColorPicker.types.d.ts

@@ -1,13 +1,13 @@
 /// <reference types="react" />
-export declare type ColorPaletteType = {
+export type ColorPaletteType = {
     name?: string;
     colors: string[];
 };
-export declare type JRCColorPickerPaletteType = {
+export type JRCColorPickerPaletteType = {
     name?: string;
     colors: string[];
 };
-export declare type JRCColorPickerTypes = {
+export type JRCColorPickerTypes = {
     label?: string | JSX.Element;
     description?: string;
     initialValue?: string;
@@ -16,7 +16,7 @@ export declare type JRCColorPickerTypes = {
     onChange: (color: string) => void;
     disabled?: boolean;
 };
-export declare type Vector = {
+export type Vector = {
     x: number;
     y: number;
 };

package/build/src/components/Beta/BETA_JRCDoubleClick/BETA_JRCDoubleClick.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
-export declare type BETA_JRCDoubleClickProps = {
+export type BETA_JRCDoubleClickProps = {
     children: React.ReactNode;
     onDoubleTap: () => void;
     onDoubleTapMsDelay?: number;
 };
-export declare const BETA_JRCDoubleClick: ({ children, onDoubleTap, onDoubleTapMsDelay }: BETA_JRCDoubleClickProps) => JSX.Element;
+export declare const BETA_JRCDoubleClick: ({ children, onDoubleTap, onDoubleTapMsDelay }: BETA_JRCDoubleClickProps) => React.JSX.Element;

package/build/src/components/Beta/BETA_JRCDragAndDrop/BETA_JRCDragAndDrop.d.ts

@@ -1,8 +1,8 @@
 import * as React from 'react';
-export declare type JRCDragAndDropProps<T> = {
+export type JRCDragAndDropProps<T> = {
     elms: T[];
     renderEl: (el: T, index: number) => React.ReactNode;
     onDrag: (dragIndex: number, hoverIndex: number) => void;
     onDop?: (dragIndex: number, hoverIndex: number) => void;
 };
-export declare const BETA_JRCDragAndDrop: <T>({ elms, renderEl, onDrag }: JRCDragAndDropProps<T>) => JSX.Element;
+export declare const BETA_JRCDragAndDrop: <T>({ elms, renderEl, onDrag }: JRCDragAndDropProps<T>) => React.JSX.Element;

package/build/src/components/Common/DashedFocusBorder.d.ts

@@ -1,4 +1,4 @@
-export declare type DashedFocusBorderProps = {
+export type DashedFocusBorderProps = {
     offset?: string;
     focusColor?: string;
 };

package/build/src/components/Common/FastCss.d.ts

@@ -1,7 +1,8 @@
-export declare type FastCssProps = {
+export type FastCssProps = {
     position?: 'static' | 'relative' | 'absolute' | 'fixed' | 'sticky';
     display?: 'inline' | 'block' | 'flex' | 'grid' | 'inline-block' | 'inline-flex' | 'inline-grid';
     margin?: string;
     padding?: string;
+    textAlign?: 'center' | 'left' | 'right';
 };
 export declare const FastCss: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<FastCssProps, import("styled-components").DefaultTheme>>;

package/build/src/components/Common/JRCConditionalWrapper.d.ts

@@ -6,7 +6,7 @@ export interface JRCConditionalWrapperProps {
     wrapperFalse?: (children: React.ReactNode) => React.ReactNode;
     children?: React.ReactNode;
 }
-export declare const JRCConditionalWrapper: ({ condition, wrapper, wrapperFalse, children }: JRCConditionalWrapperProps) => JSX.Element;
+export declare const JRCConditionalWrapper: ({ condition, wrapper, wrapperFalse, children }: JRCConditionalWrapperProps) => React.JSX.Element;
 export interface JRCConditionalTooltipProps {
     condition?: boolean;
     hasLicense?: boolean;
@@ -14,4 +14,4 @@ export interface JRCConditionalTooltipProps {
     children?: React.ReactNode;
     className?: string;
 }
-export declare const JRCConditionalTooltip: ({ condition, hasLicense, tooltip, children, className, }: JRCConditionalTooltipProps) => JSX.Element;
+export declare const JRCConditionalTooltip: ({ condition, hasLicense, tooltip, children, className, }: JRCConditionalTooltipProps) => React.JSX.Element;

package/build/src/components/Common/LimitLines.d.ts

@@ -1,4 +1,4 @@
-export declare type LimitLinesProps = {
+export type LimitLinesProps = {
     lines?: number | undefined;
 };
 export declare const LimitLines: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<LimitLinesProps, import("styled-components").DefaultTheme>>;

package/build/src/components/Common/util/getColor.util.d.ts

@@ -1,2 +1,2 @@
-export declare type MessageType = 'success' | 'error' | 'warning';
+export type MessageType = 'success' | 'error' | 'warning';
 export declare const getColor: (type: MessageType) => "orange" | "yellow" | "green";

package/build/src/components/Editors/components/EditorCheckbox.d.ts

@@ -1,5 +1,6 @@
+import React from 'react';
 export declare const CSSCheckboxWrapper: import("styled-components").StyledComponent<"button", import("styled-components").DefaultTheme, {}, never>;
 export declare const EditorCheckbox: ({ initialValue, onChange, }: {
     initialValue: boolean | undefined;
     onChange: (status: boolean) => void;
-}) => JSX.Element;
+}) => React.JSX.Element;

package/build/src/components/Editors/components/EditorColorPicker.d.ts

@@ -1,6 +1,7 @@
+import React from 'react';
 export declare const CSSJRCColorPicker: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
 export declare const EditorColorPicker: ({ initialValue, onChange, }: {
     colors?: string[] | undefined;
     initialValue?: string | undefined;
     onChange: (color: string) => void;
-}) => JSX.Element;
+}) => React.JSX.Element;

package/build/src/components/Editors/components/EditorInput.d.ts

@@ -1,7 +1,9 @@
+import React from 'react';
 export declare const CSSInputWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
-export declare const EditorInput: ({ placeholder, initialValue, onChange, }: {
+export declare const EditorInput: ({ label, placeholder, initialValue, onChange, }: {
+    label: string;
     placeholder?: string | undefined;
     initialValue: string | undefined;
     autoFocus?: boolean | undefined;
     onChange: (text: string) => void;
-}) => JSX.Element;
+}) => React.JSX.Element;

package/build/src/components/Editors/components/EditorSelect.d.ts

@@ -1,10 +1,12 @@
-export declare type EditorSelectOption = {
+import React from 'react';
+export type EditorSelectOption = {
     label: string;
     value: string;
 };
-export declare type EditorSelectOptions = EditorSelectOption[];
-export declare const EditorSelect: <T extends string>({ options, initialValue, onChange, }: {
+export type EditorSelectOptions = EditorSelectOption[];
+export declare const EditorSelect: <T extends string>({ label, options, initialValue, onChange, }: {
+    label: string;
     options: EditorSelectOptions;
     initialValue: string | undefined;
     onChange: (value: T) => void;
-}) => JSX.Element;
+}) => React.JSX.Element;

package/build/src/components/Editors/components/EditorUploader.d.ts

@@ -1,11 +1,12 @@
-import { FileResponse } from 'jamespot-user-api';
+import { jFileLittle } from 'jamespot-user-api';
+import React from 'react';
 export declare const EditorUploader: ({ token, uniqid, label, accept, multiple, onUploadStart, onUploadSuccess, onUploadSucessEnd, }: {
     token: string;
     uniqid: string;
     label: string;
     accept: string;
     multiple: boolean;
-    onUploadStart: (count?: number | undefined) => void;
-    onUploadSuccess: (response: FileResponse) => void;
+    onUploadStart: (count?: number) => void;
+    onUploadSuccess: (response: jFileLittle) => void;
     onUploadSucessEnd?: (() => void) | undefined;
-}) => JSX.Element;
+}) => React.JSX.Element;

package/build/src/components/Form/Common/ClickAwayListener.d.ts

@@ -1,8 +1,8 @@
 import * as React from 'react';
 import { FastCssProps } from '../../Common/FastCss';
-export declare type MouseEvents = 'click' | 'mousedown' | 'mouseup';
-export declare type TouchEvents = 'touchstart' | 'touchend';
-export declare type ClickAwayListenerProps = React.HTMLAttributes<HTMLElement> & FastCssProps & {
+export type MouseEvents = 'click' | 'mousedown' | 'mouseup';
+export type TouchEvents = 'touchstart' | 'touchend';
+export type ClickAwayListenerProps = React.HTMLAttributes<HTMLElement> & FastCssProps & {
     onClickAway: (event: MouseEvent | TouchEvent) => void;
     mouseEvent?: MouseEvents;
     touchEvent?: TouchEvents;
@@ -13,4 +13,4 @@ export declare type ClickAwayListenerProps = React.HTMLAttributes<HTMLElement> &
  * Wrap a component with a <div/> (or another component provided as the 'as' props).
  * Listen to outer mouse & touch events and call the onClickAway callback
  */
-export declare const ClickAwayListener: ({ as, onClickAway, mouseEvent, touchEvent, ...props }: ClickAwayListenerProps) => JSX.Element;
+export declare const ClickAwayListener: ({ as, onClickAway, mouseEvent, touchEvent, ...props }: ClickAwayListenerProps) => React.JSX.Element;

package/build/src/components/Form/Common/FormDescription.d.ts

@@ -1,6 +1,6 @@
-/// <reference types="react" />
+import * as React from 'react';
 export interface FormDescriptionProps {
     description: string;
 }
-declare const FormDescription: (props: FormDescriptionProps) => JSX.Element;
+declare const FormDescription: (props: FormDescriptionProps) => React.JSX.Element;
 export default FormDescription;

package/build/src/components/Form/Common/FormHelper.d.ts

@@ -1,3 +1,4 @@
+import * as React from 'react';
 import { JRCTooltipProps } from '../../JRCTooltip/JRCTooltip';
 import { Colors } from 'styles/theme';
 /**
@@ -5,10 +6,10 @@ import { Colors } from 'styles/theme';
  * @member tooltip, content of the tooltip (required)
  * @member color, icon helper color (should be grey3 when unfocused, yellow when focused)
  */
-export declare type HelperProps = {
+export type HelperProps = {
     tooltip: Omit<JRCTooltipProps, 'children'>;
     color: Colors;
     size?: number;
 };
-declare const FormHelper: (props: HelperProps) => JSX.Element;
+declare const FormHelper: (props: HelperProps) => React.JSX.Element;
 export default FormHelper;

package/build/src/components/Form/Common/FormLabel.d.ts

@@ -12,5 +12,5 @@ export interface JRCFormLabelProps extends React.ComponentPropsWithoutRef<'label
     htmlFor?: string;
     labelIsLegend?: boolean;
 }
-declare const FormLabel: (props: JRCFormLabelProps) => JSX.Element;
+declare const FormLabel: (props: JRCFormLabelProps) => React.JSX.Element;
 export default FormLabel;

package/build/src/components/Form/Common/FormMessageFeedback.d.ts

@@ -1,3 +1,4 @@
+import * as React from 'react';
 /**
  * Props for an input error message
  *
@@ -13,5 +14,5 @@ export interface FormMessageFeedbackProps {
 export declare const StyledError: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
 export declare const StyledWarning: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
 export declare const StyledValid: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
-declare const FormMessageFeedback: (props: FormMessageFeedbackProps) => JSX.Element;
+declare const FormMessageFeedback: (props: FormMessageFeedbackProps) => React.JSX.Element;
 export default FormMessageFeedback;

package/build/src/components/Form/Common/types.d.ts

@@ -10,7 +10,7 @@ export interface JRCValueLabelProps {
 /**
  * Type with one of (tuple type - id) and (uri) required. If both are passed, only the uri will be used
  */
-export declare type UriOrTypeId = Partial<TypeId> & Partial<Uri>;
+export type UriOrTypeId = Partial<TypeId> & Partial<Uri>;
 /**
  * Interface representing the parameters used to make a content/record uri
  * @member type - type of the image (ex: user, fileArticle, spot, diffgroup, etc.)

package/build/src/components/Form/Input/Common/JRCFormErrors.d.ts

@@ -1,3 +1,4 @@
+import * as React from 'react';
 import { FieldError } from 'react-hook-form/dist/types/errors';
 /**
  * Component that displays a list of input error if any.
@@ -6,4 +7,4 @@ import { FieldError } from 'react-hook-form/dist/types/errors';
  */
 export declare const JRCFormErrors: ({ error }: {
     error?: FieldError | undefined;
-}) => JSX.Element;
+}) => React.JSX.Element;

package/build/src/components/Form/Input/Common/JRCFormFieldRenderer.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import * as React from 'react';
 import { JRCFormFieldRendererProps } from './JRCFormFieldRenderer.types';
 import { FieldValues } from 'react-hook-form';
-export declare function JRCFormFieldRenderer<TFieldValues extends FieldValues = FieldValues>(props: JRCFormFieldRendererProps<TFieldValues>): JSX.Element;
+export declare function JRCFormFieldRenderer<TFieldValues extends FieldValues = FieldValues>(props: JRCFormFieldRendererProps<TFieldValues>): React.JSX.Element;

package/build/src/components/Form/Input/Common/JRCFormFieldRenderer.types.d.ts

@@ -26,7 +26,7 @@ export interface FieldRenderProps extends DataCy {
 /**
  * react-hook-form prop alias for the required *name* and *control* props
  */
-export declare type NameControl<T extends FieldValues = FieldValues> = Required<Pick<UseControllerProps<T>, 'name' | 'control'>>;
+export type NameControl<T extends FieldValues = FieldValues> = Required<Pick<UseControllerProps<T>, 'name' | 'control'>>;
 /**
  * Renderer Props
  */
@@ -36,7 +36,7 @@ export interface RendererProps<T extends FieldValues = FieldValues> {
 /**
  * Prop types of any input wrapper with react-hook-form
  */
-export declare type JRCFormFieldRendererProps<T extends FieldValues = FieldValues> = FieldRenderProps & NameControl<T> & RendererProps<T> & {
+export type JRCFormFieldRendererProps<T extends FieldValues = FieldValues> = FieldRenderProps & NameControl<T> & RendererProps<T> & {
     rules?: FormControls & JRCFormControls;
     rulesValidate?: RegisterOptions<T>['validate'];
     margin?: string | undefined;
@@ -46,7 +46,7 @@ export declare type JRCFormFieldRendererProps<T extends FieldValues = FieldValue
 /**
  * Prop types for an input rendered by react-hook-form
  */
-export declare type JRCInputFieldProps<T extends FieldValues = FieldValues> = FieldRenderProps & NameControl<T> & {
+export type JRCInputFieldProps<T extends FieldValues = FieldValues> = FieldRenderProps & NameControl<T> & {
     rules?: FormControls;
     rulesValidate?: RegisterOptions<T>['validate'];
     margin?: string | undefined;

package/build/src/components/Form/Input/Common/useFormControls.d.ts

@@ -1,19 +1,19 @@
 /// <reference types="react" />
 import { RegisterOptions, ValidationRule, ValidationValue } from 'react-hook-form/dist/types/validator';
 import { IntlShape } from 'react-intl/src/types';
-export declare type AllowedDefaultTypes = 'required' | 'min' | 'max' | 'maxLength' | 'minLength' | 'pattern';
-export declare type FormControls = Pick<RegisterOptions, AllowedDefaultTypes>;
-export declare type JRCFormControls = {
+export type AllowedDefaultTypes = 'required' | 'min' | 'max' | 'maxLength' | 'minLength' | 'pattern';
+export type FormControls = Pick<RegisterOptions, AllowedDefaultTypes>;
+export type JRCFormControls = {
     email?: ValidationRule<boolean>;
 };
-export declare type AllowedTypes = AllowedDefaultTypes | keyof JRCFormControls;
+export type AllowedTypes = AllowedDefaultTypes | keyof JRCFormControls;
 /**
  * Produces a react-hook-form compatible validation object with default messages for each error type
  * @param rules rules applied to the field
  * @param intl translation object
  */
 export declare const useFormControls: (rules: (FormControls & JRCFormControls) | undefined, intl: IntlShape) => FormControls | undefined;
-declare type getJRCErrorsReturnType = [
+type getJRCErrorsReturnType = [
     AllowedTypes,
     {
         value: ValidationValue;

package/build/src/components/Form/Input/JRCFormAutocomplete/JRCFormAutocompleteAudience.d.ts

@@ -1,3 +1,4 @@
+import * as React from 'react';
 import { JRCFormSelectProps } from '../JRCFormSelect/JRCFormSelect';
 export interface JRCAutocompleteAudienceProps extends JRCFormSelectProps<any> {
     onlyUser: boolean;
@@ -9,5 +10,5 @@ export interface JRCAutocompleteAudienceProps extends JRCFormSelectProps<any> {
  * validation props: required
  * @returns JSX.Element
  */
-declare const JRCAutocompleteAudienceField: (props: JRCAutocompleteAudienceProps) => JSX.Element;
+declare const JRCAutocompleteAudienceField: (props: JRCAutocompleteAudienceProps) => React.JSX.Element;
 export { JRCAutocompleteAudienceField };

package/build/src/components/Form/Input/JRCFormAutocomplete/JRCFormAutocompleteCommunity.d.ts

@@ -1,3 +1,4 @@
+import * as React from 'react';
 import { JRCFormSelectProps } from '../JRCFormSelect/JRCFormSelect';
 /**
  * Component audience that returns community input according to the user input
@@ -6,5 +7,5 @@ import { JRCFormSelectProps } from '../JRCFormSelect/JRCFormSelect';
  * @returns JSX.Element
  * @deprecated use JRCInputAutocomplete and its variants instead
  */
-declare const JRCAutocompleteCommunityField: (props: JRCFormSelectProps<any>) => JSX.Element;
+declare const JRCAutocompleteCommunityField: (props: JRCFormSelectProps<any>) => React.JSX.Element;
 export { JRCAutocompleteCommunityField };

package/build/src/components/Form/Input/JRCFormAutocomplete/JRCFormAutocompleteTaxonomy.d.ts

@@ -1,3 +1,4 @@
+import * as React from 'react';
 import { JRCFormSelectProps } from '../JRCFormSelect/JRCFormSelect';
 export interface JRCAutocompleteTaxonomyProps extends JRCFormSelectProps<any> {
     idTaxonomy: string;
@@ -9,5 +10,5 @@ export interface JRCAutocompleteTaxonomyProps extends JRCFormSelectProps<any> {
  * @returns JSX.Element
  * @deprecated use JRCInputAutocomplete and its variants instead
  */
-declare const JRCAutocompleteTaxonomyField: (props: JRCAutocompleteTaxonomyProps) => JSX.Element;
+declare const JRCAutocompleteTaxonomyField: (props: JRCAutocompleteTaxonomyProps) => React.JSX.Element;
 export { JRCAutocompleteTaxonomyField };

package/build/src/components/Form/Input/JRCFormCheckbox/JRCFormCheckbox.d.ts

@@ -1,9 +1,10 @@
+import * as React from 'react';
 import { JRCFormCheckboxProps } from './JRCFormCheckbox.types';
 /**
  * @deprecated use JRCInputCheckbox instead
  */
 export declare const JRCFormCheckbox: {
-    (props: JRCFormCheckboxProps): JSX.Element;
+    (props: JRCFormCheckboxProps): React.JSX.Element;
     defaultProps: {
         name: string;
         options: never[];

package/build/src/components/Form/Input/JRCFormCheckbox/JRCFormCheckbox.style.d.ts

@@ -8,9 +8,9 @@ export declare const FocusBackground: import("styled-components").StyledComponen
     variant?: "default" | "outlined" | undefined;
 }, never>;
 export declare const CheckboxLabel: import("styled-components").StyledComponent<"label", import("styled-components").DefaultTheme, CheckboxLabelProps, never>;
-export declare type CheckboxOrToggleProps = Omit<React.ComponentPropsWithoutRef<'input'>, 'type'> & {
+export type CheckboxOrToggleProps = Omit<React.ComponentPropsWithoutRef<'input'>, 'type'> & {
     checkboxMode?: string;
 };
-export declare const CheckboxOrToggle: React.ForwardRefExoticComponent<Omit<Pick<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "key" | keyof React.InputHTMLAttributes<HTMLInputElement>>, "type"> & {
+export declare const CheckboxOrToggle: React.ForwardRefExoticComponent<Omit<Omit<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "type"> & {
     checkboxMode?: string | undefined;
 } & React.RefAttributes<HTMLInputElement>>;

package/build/src/components/Form/Input/JRCFormCheckbox/JRCFormCheckbox.types.d.ts

@@ -6,7 +6,7 @@ import { JRCTooltipProps } from '../../../JRCTooltip/JRCTooltip';
  * @member value value set in the redux form
  * @member disabled whether the option is disabled
  */
-export declare type CheckboxOption = {
+export type CheckboxOption = {
     label: string | JSX.Element;
     value: string | number;
     disabled?: boolean;
@@ -44,7 +44,7 @@ export interface JRCFormCheckboxProps extends React.ComponentPropsWithoutRef<'in
     backgroundOnSelect?: boolean;
     reduxFormValueType?: 'array' | 'boolean';
 }
-export declare type CheckboxLabelProps = {
+export type CheckboxLabelProps = {
     direction?: string;
     variant?: string;
     checked: boolean;

package/build/src/components/Form/Input/JRCFormColor/JRCFormColor.d.ts

@@ -1,3 +1,4 @@
+import * as React from 'react';
 import { JRCWritableFormInputProps } from '../JRCFormFieldRender';
 /**
  * Component used as a <input type="text"/>
@@ -6,4 +7,4 @@ import { JRCWritableFormInputProps } from '../JRCFormFieldRender';
  * @returns JSX.Element
  * @deprecated Create a JRCInputColor instead
  */
-export declare const JRCFormColorField: (props: JRCWritableFormInputProps) => JSX.Element;
+export declare const JRCFormColorField: (props: JRCWritableFormInputProps) => React.JSX.Element;

package/build/src/components/Form/Input/JRCFormDateTime/JRCFormDateTime.d.ts

@@ -1,11 +1,11 @@
 import * as React from 'react';
 import { JRCWritableFormInputProps } from '../JRCFormFieldRender';
 import { ControlsProps } from '../ReduxFormControls';
-export declare type JRCFormDateTimeInputCustomProps = React.ComponentPropsWithoutRef<'input'>;
+export type JRCFormDateTimeInputCustomProps = React.ComponentPropsWithoutRef<'input'>;
 export interface JRCFormDateTimeCustomMulti {
     isMulti?: boolean;
 }
-export declare type JRCFormDateTimeCustomFieldProps = JRCFormDateTimeInputCustomProps & ControlsProps & JRCFormDateTimeCustomMulti;
+export type JRCFormDateTimeCustomFieldProps = JRCFormDateTimeInputCustomProps & ControlsProps & JRCFormDateTimeCustomMulti;
 export interface JRCFormDateTimeCustomProps {
     input?: any;
     label?: string | JSX.Element;
@@ -22,11 +22,11 @@ export interface JRCFormDateTimeCustomProps {
 /**
  * @deprecated Use JRCInputDate instead
  */
-export declare const JRCFormDateTimeCustomMulti: (props: any) => JSX.Element;
+export declare const JRCFormDateTimeCustomMulti: (props: any) => React.JSX.Element;
 /**
  * @deprecated Use JRCInputDate instead
  */
-export declare const JRCFormDateTimeCustom: (props: JRCFormDateTimeCustomProps) => JSX.Element;
+export declare const JRCFormDateTimeCustom: (props: JRCFormDateTimeCustomProps) => React.JSX.Element;
 export interface JRCFormDateProps extends JRCWritableFormInputProps {
     range?: boolean;
     isMulti?: boolean;
@@ -41,4 +41,4 @@ export interface JRCFormDateProps extends JRCWritableFormInputProps {
  * @returns JSX.Element
  * @deprecated Use JRCInputDate instead
  */
-export declare const JRCFormDatetimeField: (props: JRCFormDateProps) => JSX.Element;
+export declare const JRCFormDatetimeField: (props: JRCFormDateProps) => React.JSX.Element;

package/build/src/components/Form/Input/JRCFormEmail/JRCFormEmail.d.ts

@@ -1,3 +1,4 @@
+import * as React from 'react';
 import { JRCWritableFormInputProps } from '../JRCFormFieldRender';
 /**
  * Component used as a <input type="number"/>
@@ -6,4 +7,4 @@ import { JRCWritableFormInputProps } from '../JRCFormFieldRender';
  * @returns JSX.Element
  * @deprecated use JRCInputEmail instead
  */
-export declare const JRCFormEmailField: (props: JRCWritableFormInputProps) => JSX.Element;
+export declare const JRCFormEmailField: (props: JRCWritableFormInputProps) => React.JSX.Element;

package/build/src/components/Form/Input/JRCFormEmail/JRCInputEmail.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import * as React from 'react';
 import { JRCInputFieldProps } from '../Common/JRCFormFieldRenderer.types';
 import { FieldValues } from 'react-hook-form/dist/types';
 /**
@@ -8,4 +8,4 @@ import { FieldValues } from 'react-hook-form/dist/types';
  * validation props: required
  * @returns JSX.Element
  */
-export declare function JRCInputEmail<TFieldValues extends FieldValues = FieldValues>({ rules, ...props }: JRCInputFieldProps<TFieldValues>): JSX.Element;
+export declare function JRCInputEmail<TFieldValues extends FieldValues = FieldValues>({ rules, ...props }: JRCInputFieldProps<TFieldValues>): React.JSX.Element;

package/build/src/components/Form/Input/JRCFormFieldRender.d.ts

@@ -53,7 +53,7 @@ export interface ExternalFormFieldRenderProps {
  * @member error, the input is error regarding the validate hook
  * @member valid, the input is valid regarding the validate hook
  */
-export declare type InputState = DataCy & {
+export type InputState = DataCy & {
     error?: boolean;
     valid?: boolean;
     readOnly?: boolean;
@@ -68,5 +68,5 @@ export declare const StyledDescription: import("styled-components").StyledCompon
  * @returns JSX.Element
  * @deprecated Build component compatible with react-hook-form and using the field renderer from Input/Common instead
  */
-declare const JRCFormFieldRender: (props: FormFieldRenderProps) => JSX.Element;
+declare const JRCFormFieldRender: (props: FormFieldRenderProps) => React.JSX.Element;
 export default JRCFormFieldRender;

package/build/src/components/Form/Input/JRCFormFile/File.d.ts

@@ -1,10 +1,11 @@
-import { FileResponse } from 'jamespot-user-api';
+import React from 'react';
+import { jFileLittle } from 'jamespot-user-api';
 export declare const File: ({ file, index, token, step, attrName, onUploadSuccess, onDeleteSuccess, }: {
     file: File;
     index: number;
     step: number;
     token: string | undefined;
     attrName: string;
-    onUploadSuccess?: ((response: FileResponse) => void) | undefined;
+    onUploadSuccess?: ((response: jFileLittle, token: string) => void) | undefined;
     onDeleteSuccess?: (() => void) | undefined;
-}) => JSX.Element;
+}) => React.JSX.Element;