jamespot-react-components 1.0.145 → 1.0.147

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

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { WrappedFieldInputProps } from 'redux-form';
-import { FileArticle, FileResponse } from 'jamespot-user-api';
-export declare type JRCFormInputFileProps = JRCFormInputFileFieldProps;
+import { jFileLittle } from 'jamespot-user-api';
+export type JRCFormInputFileProps = JRCFormInputFileFieldProps;
 /**
  * Props type for JRCFormInputFileFieldProps (to fix with next version of this JRC)
  * @member disable optional boolean
@@ -21,14 +21,14 @@ export interface JRCFormInputFileFieldProps extends React.ComponentPropsWithoutR
     multiple?: boolean;
     accept?: 'image/png' | 'image/jpg' | 'image/png, image/jpg' | 'image/png, image/jpeg, image/jpg' | 'image/pdf' | 'image/doc' | 'image/pdf, image/doc' | 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet,application/vnd.oasis.opendocument.spreadsheet,application/vnd.openxmlformats-officedocument.wordprocessingml.document,application/vnd.oasis.opendocument.text,application/vnd.openxmlformats-officedocument.presentationml.presentation,application/vnd.oasis.opendocument.presentation';
     input?: WrappedFieldInputProps;
-    onUploadSuccess?: (response: FileResponse) => void;
+    onUploadSuccess?: (response: jFileLittle, token: string) => void;
     onDeleteSuccess?: (index: number) => void;
     onUploadStart?: (count?: number) => void;
-    existingFiles?: Array<FileArticle>;
+    existingFiles?: Array<jFileLittle>;
     deleteFile?: (id: number) => Promise<void>;
 }
 export declare const JRCFormInputFile: React.ForwardRefExoticComponent<JRCFormInputFileFieldProps & React.RefAttributes<HTMLInputElement>>;
 /**
  * @deprecated Build a component compatible with react-hook-form instead
  */
-export declare const JRCFormInputFileField: (props: JRCFormInputFileFieldProps) => JSX.Element;
+export declare const JRCFormInputFileField: (props: JRCFormInputFileFieldProps) => React.JSX.Element;

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

@@ -7,7 +7,7 @@ export declare const FileUploadWrapper: import("styled-components").StyledCompon
 export declare const LabelField: import("styled-components").StyledComponent<"p", import("styled-components").DefaultTheme, {}, never>;
 export declare const CloseButton: import("styled-components").StyledComponent<"a", import("styled-components").DefaultTheme, {}, never>;
 export declare const FileWrapper: import("styled-components").StyledComponent<"label", import("styled-components").DefaultTheme, {
-    loading: boolean;
+    isLoading: boolean;
 }, never>;
 export declare const FileName: import("styled-components").StyledComponent<"label", import("styled-components").DefaultTheme, {}, never>;
 export declare const FileImage: import("styled-components").StyledComponent<"label", import("styled-components").DefaultTheme, {}, never>;

package/build/src/components/Form/Input/JRCFormFile/file.api.d.ts

@@ -1,2 +1,15 @@
-import { FileResponse } from 'jamespot-user-api';
-export declare function fileSend(file: File, token: string | undefined, name: string): Promise<FileResponse>;
+export declare function fileSend(file: File, token: string | undefined, name: string): Promise<{
+    result: {
+        uri: string;
+        id: number;
+        mainType: string;
+        type: string;
+        dateCreation: string;
+        title: string;
+        _url: string;
+        dateModified: string | null;
+        mimetype: string;
+        path?: string | undefined;
+    };
+    token: string;
+}>;

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

@@ -1,5 +1,5 @@
 import * as React from 'react';
-export declare type JRCFormInputImageProps = JRCFormInputImageFieldProps;
+export type JRCFormInputImageProps = JRCFormInputImageFieldProps;
 /**
  * Props type for JRCFormInputImageFieldProps
  * @member content text used as label
@@ -13,8 +13,8 @@ export interface JRCFormInputImageFieldProps extends React.ComponentPropsWithout
  * Placeholder field used in studio to edit forms. No logic to transfer images is implemented.
  * @deprecated Use JRCInputImage instead
  */
-export declare const JRCFormInputImage: ({ id, content }: JRCFormInputImageProps) => JSX.Element;
+export declare const JRCFormInputImage: ({ id, content }: JRCFormInputImageProps) => React.JSX.Element;
 /**
  * @deprecated Use JRCInputImage instead
  */
-export declare const JRCFormInputImageField: (props: JRCFormInputImageFieldProps) => JSX.Element;
+export declare const JRCFormInputImageField: (props: JRCFormInputImageFieldProps) => React.JSX.Element;

package/build/src/components/Form/Input/JRCFormNumber/JRCFormNumber.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 JRCInput alternative compatible with react-hook-form
  */
-export declare const JRCFormNumberField: (props: JRCWritableFormInputProps) => JSX.Element;
+export declare const JRCFormNumberField: (props: JRCWritableFormInputProps) => React.JSX.Element;

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

@@ -1,3 +1,4 @@
+import * as React from 'react';
 import { JRCWritableFormInputProps } from '../JRCFormFieldRender';
 export interface JRCFormRangeProps extends JRCWritableFormInputProps {
     min: number;
@@ -12,4 +13,4 @@ export interface JRCFormRangeProps extends JRCWritableFormInputProps {
  * @returns JSX.Element
  * @deprecated use JRCInputRange instead
  */
-export declare const JRCFormRangeField: (props: JRCFormRangeProps) => JSX.Element;
+export declare const JRCFormRangeField: (props: JRCFormRangeProps) => React.JSX.Element;

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

@@ -1,8 +1,8 @@
 import * as React from 'react';
-export declare type JRCFormReceiveACopyInputProps = React.ComponentPropsWithoutRef<'input'>;
+export type JRCFormReceiveACopyInputProps = React.ComponentPropsWithoutRef<'input'>;
 /**
  * @deprecated Create a JRCInput alternative compatible with react-hook-form
  */
 export declare const JRCFormReceiveACopyField: (props: {
     name: string;
-}) => JSX.Element;
+}) => React.JSX.Element;

package/build/src/components/Form/Input/JRCFormReceiveACopy/JRCFormReceiveACopy.stories.d.ts

@@ -1,7 +1,7 @@
 import * as React from 'react';
 declare const _default: {
     title: string;
-    decorators: ((storyFunc: any) => JSX.Element)[];
+    decorators: ((storyFunc: any) => React.JSX.Element)[];
 };
 export default _default;
 export declare const FormReceiveACopy: React.VFC<{}>;

package/build/src/components/Form/Input/JRCFormRichText/JRCFormRichEditorField.styles.d.ts

@@ -5,12 +5,12 @@ export declare const EditorInplace: import("styled-components").StyledComponent<
     fontSize?: string | undefined;
 }, never>;
 export declare const Editor: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
-export declare const CharactersCount: import("styled-components").StyledComponent<({ variant, ...props }: import("../../../..").JRCTypographyProps) => JSX.Element, import("styled-components").DefaultTheme, {}, never>;
+export declare const CharactersCount: import("styled-components").StyledComponent<({ variant, ...props }: import("../../../..").JRCTypographyProps) => React.JSX.Element, import("styled-components").DefaultTheme, {}, never>;
 export declare function FontSizeSelect(props: {
     onChange: (size: number) => void;
-}): JSX.Element;
+}): React.JSX.Element;
 export declare const FixedMenuWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
 export declare const MenuWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
 export declare const Spacer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
 export declare const ReadOnlyBorder: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
-export declare function SimpleInputColor(props: React.ComponentPropsWithoutRef<'input'>): JSX.Element;
+export declare function SimpleInputColor(props: React.ComponentPropsWithoutRef<'input'>): React.JSX.Element;

package/build/src/components/Form/Input/JRCFormRichText/JRCFormRichTextField.d.ts

@@ -12,12 +12,12 @@ export declare const MenuBar: ({ editor, toolbarOptions, isFixed, }: {
     editor: Editor | null;
     toolbarOptions: FormRichTextFieldToolbarProps[] | '*';
     isFixed: boolean;
-}) => JSX.Element | null;
-export declare type RichTextValue = {
+}) => React.JSX.Element | null;
+export type RichTextValue = {
     html: string;
     text: string;
 };
-export declare type FormRichTextFieldProps = {
+export type FormRichTextFieldProps = {
     name: string;
     placeholder?: string;
     value: Partial<RichTextValue> | undefined;
@@ -49,4 +49,4 @@ export declare const FormRichTextField: React.ForwardRefExoticComponent<{
  * validation props: required
  * @returns JSX.Element
  */
-export declare const JRCFormRichTextField: (props: JRCWritableFormInputProps) => JSX.Element;
+export declare const JRCFormRichTextField: (props: JRCWritableFormInputProps) => React.JSX.Element;

package/build/src/components/Form/Input/JRCFormRichText/extensions/mentions/MentionList.d.ts

@@ -1,8 +1,8 @@
 import React from 'react';
 import { SuggestionProps } from '@tiptap/suggestion';
 import { AudienceAutocomplete } from 'jamespot-user-api';
-declare type Props = Pick<SuggestionProps<AudienceAutocomplete>, 'items' | 'command'>;
-export declare type MentionListRef = {
+type Props = Pick<SuggestionProps<AudienceAutocomplete>, 'items' | 'command'>;
+export type MentionListRef = {
     onKeyDown: (props: {
         event: KeyboardEvent;
     }) => boolean;

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

@@ -7,18 +7,18 @@ import { FieldValues } from 'react-hook-form/dist/types';
 /**
  * @deprecated Use JRCInputSelect alternatives instead
  */
-export declare const JRCFormSelectInput: (props: any) => JSX.Element;
+export declare const JRCFormSelectInput: (props: any) => React.JSX.Element;
 /**
  * @deprecated Use JRCInputSelect alternatives instead
  */
-export declare const JRCFormSelectAsyncInput: (props: any) => JSX.Element;
+export declare const JRCFormSelectAsyncInput: (props: any) => React.JSX.Element;
 /**
  * @deprecated Use JRCInputSelect alternatives instead
  */
 export declare const JRCFormSelectFieldRender: <TValue extends FieldValues = FieldValues>(props: JRCFormSelectProps<TValue> & {
     input: WrappedFieldInputProps;
     inputState: InputState;
-}) => JSX.Element;
+}) => React.JSX.Element;
 /**
  * Props of the JRCFormSelectField element
  *
@@ -77,7 +77,7 @@ export interface JRCFormSelectProps<T extends FieldValues = FieldValues> extends
  * @returns JSX.Element
  */
 declare const JRCFormSelectField: {
-    <TValue extends FieldValues = FieldValues>(props: JRCFormSelectProps<TValue>): JSX.Element;
+    <TValue extends FieldValues = FieldValues>(props: JRCFormSelectProps<TValue>): React.JSX.Element;
     defaultProps: JRCFormSelectProps<JRCValueLabelProps>;
 };
 export { JRCFormSelectField };

package/build/src/components/Form/Input/JRCFormSelect/JRCFormSelectTag.d.ts

@@ -1,3 +1,4 @@
+import * as React from 'react';
 import { JRCFormSelectProps } from './JRCFormSelect';
 import { FieldValues } from 'react-hook-form/dist/types';
 /**
@@ -8,5 +9,5 @@ import { FieldValues } from 'react-hook-form/dist/types';
  * @returns JSX.Element
  * @deprecated Use JRCInputSelect alternatives instead
  */
-declare const JRCFormSelectTagField: <TValue extends FieldValues = FieldValues>(props: JRCFormSelectProps<TValue>) => JSX.Element;
+declare const JRCFormSelectTagField: <TValue extends FieldValues = FieldValues>(props: JRCFormSelectProps<TValue>) => React.JSX.Element;
 export { JRCFormSelectTagField };

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

@@ -1,8 +1,8 @@
 import * as React from 'react';
-export declare type JRCFormSendAlertInputProps = React.ComponentPropsWithoutRef<'input'>;
+export type JRCFormSendAlertInputProps = React.ComponentPropsWithoutRef<'input'>;
 /**
  * @deprecated Create or use a JRCInput alternative compatible with react-hook-form instead
  */
 export declare const JRCFormSendAlertField: (props: {
     name: string;
-}) => JSX.Element;
+}) => React.JSX.Element;

package/build/src/components/Form/Input/JRCFormSendAlert/JRCFormSendAlert.stories.d.ts

@@ -1,7 +1,7 @@
 import * as React from 'react';
 declare const _default: {
     title: string;
-    decorators: ((storyFunc: any) => JSX.Element)[];
+    decorators: ((storyFunc: any) => React.JSX.Element)[];
 };
 export default _default;
 export declare const FormSendAlert: React.VFC<{}>;

package/build/src/components/Form/Input/JRCFormText/JRCFormText.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 Use JRCInputText or JRCInputTextArea instead
  */
-export declare const JRCFormTextField: (props: JRCWritableFormInputProps) => JSX.Element;
+export declare const JRCFormTextField: (props: JRCWritableFormInputProps) => React.JSX.Element;

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

@@ -23,4 +23,4 @@ export declare const JRCFormTextarea: import("styled-components").StyledComponen
  * @returns JSX.Element
  * @deprecated Use JRCInputText or JRCInputTextArea instead
  */
-export declare const JRCFormTextareaField: (props: TextareaFormInputProps) => JSX.Element;
+export declare const JRCFormTextareaField: (props: TextareaFormInputProps) => React.JSX.Element;

package/build/src/components/Form/Input/JRCFormURL/JRCFormUrl.d.ts

@@ -1,3 +1,4 @@
+import * as React from 'react';
 import { JRCWritableFormInputProps } from '../JRCFormFieldRender';
 /**
  * Component used as a <input type="url"/> with a url validation
@@ -6,4 +7,4 @@ import { JRCWritableFormInputProps } from '../JRCFormFieldRender';
  * @returns JSX.Element
  * @deprecated Create / use a JRCInputAlternative compatible with react-hook-form instead
  */
-export declare const JRCFormUrlField: (props: JRCWritableFormInputProps) => JSX.Element;
+export declare const JRCFormUrlField: (props: JRCWritableFormInputProps) => React.JSX.Element;

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

@@ -3,13 +3,13 @@ import { ControllerRenderProps } from 'react-hook-form/dist/types/controller';
 import { DataCy } from '../../../../types/dataAttributes';
 import { JRCInputFieldProps } from '../Common/JRCFormFieldRenderer.types';
 import { FieldValues } from 'react-hook-form/dist/types';
-declare type CheckboxOption<TFieldValues> = {
+type CheckboxOption<TFieldValues> = {
     label: string | JSX.Element;
     value: string | number | TFieldValues;
     disabled?: boolean;
     recommended?: boolean;
 };
-export declare type CheckboxProps<TFieldValues> = DataCy & {
+export type CheckboxProps<TFieldValues> = DataCy & {
     disabled?: boolean;
     checkboxMode?: 'checkbox' | 'toggle' | 'radio';
     options: Array<CheckboxOption<TFieldValues>>;
@@ -25,12 +25,12 @@ export declare type CheckboxProps<TFieldValues> = DataCy & {
     readOnly?: boolean;
     getReadOnlyLabel?: (value: TFieldValues) => React.ReactNode;
 };
-export declare type JRCInputCheckboxProps<TFieldValues extends FieldValues = FieldValues> = CheckboxProps<TFieldValues> & JRCInputFieldProps<TFieldValues>;
-export declare type NativeCheckboxProps<TFieldValues extends FieldValues = FieldValues> = CheckboxProps<TFieldValues> & Omit<ControllerRenderProps<TFieldValues>, 'value'> & {
+export type JRCInputCheckboxProps<TFieldValues extends FieldValues = FieldValues> = CheckboxProps<TFieldValues> & JRCInputFieldProps<TFieldValues>;
+export type NativeCheckboxProps<TFieldValues extends FieldValues = FieldValues> = CheckboxProps<TFieldValues> & Omit<ControllerRenderProps<TFieldValues>, 'value'> & {
     value: TFieldValues | TFieldValues[];
 };
 export declare const ReadOnlyUl: import("styled-components").StyledComponent<"ul", import("styled-components").DefaultTheme, {}, never>;
-export declare function JRCInputCheckbox<TFieldValues extends FieldValues = FieldValues>({ name, control, rules, label, htmlFor, labelIsLegend, description, helper, ...props }: JRCInputCheckboxProps<TFieldValues>): JSX.Element;
+export declare function JRCInputCheckbox<TFieldValues extends FieldValues = FieldValues>({ name, control, rules, label, htmlFor, labelIsLegend, description, helper, ...props }: JRCInputCheckboxProps<TFieldValues>): React.JSX.Element;
 export declare namespace JRCInputCheckbox {
     var defaultProps: {
         direction: string;

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

@@ -2,13 +2,13 @@
 import { JRCInputFieldProps } from '../Common/JRCFormFieldRenderer.types';
 import { ControllerRenderProps } from 'react-hook-form/dist/types/controller';
 import { FieldValues } from 'react-hook-form/dist/types';
-export declare type CheckboxValue<T extends FieldValues = FieldValues> = string | number | T;
-export declare type CheckboxOption<TFieldValues extends FieldValues = FieldValues> = {
+export type CheckboxValue<T extends FieldValues = FieldValues> = string | number | T;
+export type CheckboxOption<TFieldValues extends FieldValues = FieldValues> = {
     label: string | JSX.Element;
     value: CheckboxValue<TFieldValues>;
     disabled?: boolean;
 };
-export declare type InnerProps<TFieldValues extends FieldValues = FieldValues> = {
+export type InnerProps<TFieldValues extends FieldValues = FieldValues> = {
     disabled?: boolean;
     checkboxMode?: 'checkbox' | 'toggle' | 'radio';
     options: CheckboxOption<TFieldValues>[];
@@ -20,7 +20,7 @@ export declare type InnerProps<TFieldValues extends FieldValues = FieldValues> =
     backgroundOnSelect?: boolean;
     valueTypeIsBoolean?: boolean;
 };
-export declare type JRCInputCheckboxProps<TFieldValues extends FieldValues = FieldValues> = InnerProps<TFieldValues> & JRCInputFieldProps<TFieldValues>;
-export declare type InputCheckboxProps<TFieldValues extends FieldValues = FieldValues> = InnerProps<TFieldValues> & Omit<ControllerRenderProps<TFieldValues>, 'value'> & {
+export type JRCInputCheckboxProps<TFieldValues extends FieldValues = FieldValues> = InnerProps<TFieldValues> & JRCInputFieldProps<TFieldValues>;
+export type InputCheckboxProps<TFieldValues extends FieldValues = FieldValues> = InnerProps<TFieldValues> & Omit<ControllerRenderProps<TFieldValues>, 'value'> & {
     value: TFieldValues | TFieldValues[];
 };

package/build/src/components/Form/Input/JRCInputCheckbox/JRCInputReorderCheckbox.d.ts

@@ -3,19 +3,19 @@ import { ControllerRenderProps } from 'react-hook-form/dist/types/controller';
 import { DataCy } from '../../../../types/dataAttributes';
 import { JRCInputFieldProps } from '../Common/JRCFormFieldRenderer.types';
 import { FieldValues } from 'react-hook-form/dist/types';
-declare type CheckboxOption<TFieldValues> = {
+type CheckboxOption<TFieldValues> = {
     label: string | JSX.Element;
     value: string | number | TFieldValues;
 };
-export declare type CheckboxProps<TFieldValues> = DataCy & {
+export type CheckboxProps<TFieldValues> = DataCy & {
     options: Array<CheckboxOption<TFieldValues>>;
     readOnly?: boolean;
     getLabel?: (option: CheckboxOption<TFieldValues>) => React.ReactNode;
     canReorder?: boolean;
 };
-export declare type JRCInputCheckboxProps<TFieldValues extends FieldValues = FieldValues> = CheckboxProps<TFieldValues> & JRCInputFieldProps<TFieldValues>;
-export declare type NativeCheckboxProps<TFieldValues extends FieldValues = FieldValues> = CheckboxProps<TFieldValues> & Omit<ControllerRenderProps<TFieldValues>, 'value'> & {
+export type JRCInputCheckboxProps<TFieldValues extends FieldValues = FieldValues> = CheckboxProps<TFieldValues> & JRCInputFieldProps<TFieldValues>;
+export type NativeCheckboxProps<TFieldValues extends FieldValues = FieldValues> = CheckboxProps<TFieldValues> & Omit<ControllerRenderProps<TFieldValues>, 'value'> & {
     value: TFieldValues[];
 };
-export declare function JRCInputReorderCheckbox<TFieldValues extends FieldValues = FieldValues>({ name, control, rules, label, htmlFor, labelIsLegend, description, helper, margin, ...props }: JRCInputCheckboxProps<TFieldValues>): JSX.Element;
+export declare function JRCInputReorderCheckbox<TFieldValues extends FieldValues = FieldValues>({ name, control, rules, label, htmlFor, labelIsLegend, description, helper, margin, ...props }: JRCInputCheckboxProps<TFieldValues>): React.JSX.Element;
 export {};

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

@@ -2,14 +2,14 @@ import * as React from 'react';
 import { JRCInputFieldProps } from '../Common/JRCFormFieldRenderer.types';
 import { DataCy } from '../../../../types/dataAttributes';
 import { FieldValues } from 'react-hook-form/dist/types';
-export declare type NativeInputProps = DataCy & React.ComponentPropsWithoutRef<'input'> & {
+export type NativeInputProps = DataCy & React.ComponentPropsWithoutRef<'input'> & {
     type?: 'date' | 'time' | 'datetime-local';
 };
-export declare type JRCInputDateProps<TFieldValues extends FieldValues = FieldValues> = NativeInputProps & JRCInputFieldProps<TFieldValues>;
+export type JRCInputDateProps<TFieldValues extends FieldValues = FieldValues> = NativeInputProps & JRCInputFieldProps<TFieldValues>;
 /**
  * Component used as a <input type="date"/>
  * @param props JRCInputFieldProps
  * validation props: required
  * @returns JSX.Element
  */
-export declare function JRCInputDate<T extends FieldValues = FieldValues>(props: JRCInputDateProps<T>): JSX.Element;
+export declare function JRCInputDate<T extends FieldValues = FieldValues>(props: JRCInputDateProps<T>): React.JSX.Element;

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

@@ -2,21 +2,21 @@ import * as React from 'react';
 import { JRCInputFieldProps } from '../Common/JRCFormFieldRenderer.types';
 import { DataCy } from '../../../../types/dataAttributes';
 import { FieldValues } from 'react-hook-form/dist/types';
-import { ApiWrapper, FileResponse } from 'jamespot-user-api';
-export declare type NativeInputFileProps = DataCy & Omit<React.ComponentPropsWithoutRef<'input'>, 'value' | 'onChange'> & {
+import { ApiWrapper, jFileLittle } from 'jamespot-user-api';
+export type NativeInputFileProps = DataCy & Omit<React.ComponentPropsWithoutRef<'input'>, 'value' | 'onChange'> & {
     token?: string | undefined;
     attrName?: string;
     onLoading?: (state: boolean) => void;
-    value: ApiWrapper<FileResponse>[];
-    onChange: (files: ApiWrapper<FileResponse>[]) => void;
+    value: ApiWrapper<jFileLittle>[];
+    onChange: (files: ApiWrapper<jFileLittle>[]) => void;
 };
-export declare type JRCInputFileProps<T extends FieldValues = FieldValues> = JRCInputFieldProps<T> & Omit<NativeInputFileProps, 'value' | 'onChange'>;
-export declare const InputFile: React.ForwardRefExoticComponent<DataCy & Omit<Pick<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "key" | keyof React.InputHTMLAttributes<HTMLInputElement>>, "onChange" | "value"> & {
+export type JRCInputFileProps<T extends FieldValues = FieldValues> = JRCInputFieldProps<T> & Omit<NativeInputFileProps, 'value' | 'onChange'>;
+export declare const InputFile: React.ForwardRefExoticComponent<DataCy & Omit<Omit<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "onChange" | "value"> & {
     token?: string | undefined;
     attrName?: string | undefined;
     onLoading?: ((state: boolean) => void) | undefined;
-    value: ApiWrapper<FileResponse>[];
-    onChange: (files: ApiWrapper<FileResponse>[]) => void;
+    value: ApiWrapper<jFileLittle>[];
+    onChange: (files: ApiWrapper<jFileLittle>[]) => void;
 } & React.RefAttributes<HTMLInputElement>>;
 /**
  * Component used as a <input type="file"/>
@@ -24,4 +24,4 @@ export declare const InputFile: React.ForwardRefExoticComponent<DataCy & Omit<Pi
  * validation props: required
  * @returns JSX.Element
  */
-export declare function JRCInputFile<T extends FieldValues = FieldValues>(props: JRCInputFileProps<T>): JSX.Element;
+export declare function JRCInputFile<T extends FieldValues = FieldValues>(props: JRCInputFileProps<T>): React.JSX.Element;

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

@@ -2,8 +2,8 @@ import * as React from 'react';
 import { JRCInputFieldProps } from '../Common/JRCFormFieldRenderer.types';
 import { DataCy } from '../../../../types/dataAttributes';
 import { FieldValues } from 'react-hook-form/dist/types';
-import { FileResponse } from 'jamespot-user-api';
-export declare type NativeInputImageProps = DataCy & Omit<React.ComponentPropsWithoutRef<'input'>, 'value' | 'onChange'> & {
+import { jFileLittle } from 'jamespot-user-api';
+export type NativeInputImageProps = DataCy & Omit<React.ComponentPropsWithoutRef<'input'>, 'value' | 'onChange'> & {
     token?: string | undefined;
     attrName?: string;
     onLoading?: (state: boolean) => void;
@@ -18,18 +18,16 @@ export declare type NativeInputImageProps = DataCy & Omit<React.ComponentPropsWi
     };
     readOnly?: boolean;
     readOnlyImg?: string;
-    value: undefined | (FileResponse & {
-        timestamp?: string | number;
-    });
-    onChange: (files: undefined | FileResponse) => void;
+    value: jFileLittle | undefined;
+    onChange: (files: jFileLittle | undefined) => void;
     disableCrop?: boolean;
     buttonsPosition?: 'inside' | 'under';
 };
-export declare type JRCInputImageProps<T extends FieldValues = FieldValues> = JRCInputFieldProps<T> & Omit<NativeInputImageProps, 'value' | 'onChange'>;
+export type JRCInputImageProps<T extends FieldValues = FieldValues> = JRCInputFieldProps<T> & Omit<NativeInputImageProps, 'value' | 'onChange'>;
 /**
  * Component used as a <input type="file"/>
  * @param props JRCInputFieldProps
  * validation props: required
  * @returns JSX.Element
  */
-export declare function JRCInputImage<T extends FieldValues = FieldValues>(props: JRCInputImageProps<T>): JSX.Element;
+export declare function JRCInputImage<T extends FieldValues = FieldValues>(props: JRCInputImageProps<T>): React.JSX.Element;

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

@@ -2,12 +2,12 @@ import * as React from 'react';
 import { JRCInputFieldProps } from '../Common/JRCFormFieldRenderer.types';
 import { DataCy } from '../../../../types/dataAttributes';
 import { FieldValues } from 'react-hook-form/dist/types';
-export declare type JRCInputRangeProps = DataCy & React.ComponentPropsWithoutRef<'input'>;
-export declare const InputRange: React.ForwardRefExoticComponent<DataCy & Pick<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "key" | keyof React.InputHTMLAttributes<HTMLInputElement>> & React.RefAttributes<HTMLInputElement>>;
+export type JRCInputRangeProps = DataCy & React.ComponentPropsWithoutRef<'input'>;
+export declare const InputRange: React.ForwardRefExoticComponent<DataCy & Omit<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref"> & React.RefAttributes<HTMLInputElement>>;
 /**
  * Component used as a <input type="range"/>
  * @param props JRCInputFieldProps
  * validation props: required
  * @returns JSX.Element
  */
-export declare function JRCInputRange<T extends FieldValues = FieldValues>(props: JRCInputFieldProps<T>): JSX.Element;
+export declare function JRCInputRange<T extends FieldValues = FieldValues>(props: JRCInputFieldProps<T>): React.JSX.Element;

package/build/src/components/Form/Input/JRCInputRichText/JRCInputRichText.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';
 /**
@@ -7,8 +7,8 @@ import { FieldValues } from 'react-hook-form/dist/types';
  * validation props: required
  * @returns JSX.Element
  */
-export declare type FormRichTextFieldToolbarProps = 'font-size' | 'text-color' | 'bold' | 'italic' | 'underline' | 'strikethrough' | 'list-ul' | 'list-ol' | 'align-left' | 'align-center' | 'align-right' | 'align-justify' | 'link' | 'undo' | 'redo' | 'edit-html';
-export declare type FormRichTextFieldOptionsProps = {
+export type FormRichTextFieldToolbarProps = 'font-size' | 'text-color' | 'bold' | 'italic' | 'underline' | 'strikethrough' | 'list-ul' | 'list-ol' | 'align-left' | 'align-center' | 'align-right' | 'align-justify' | 'link' | 'undo' | 'redo' | 'edit-html';
+export type FormRichTextFieldOptionsProps = {
     richTextFixedToolbar: boolean;
     richTextCustomToolbar: Array<FormRichTextFieldToolbarProps>;
     richTextHideCharactersCount: boolean;
@@ -23,4 +23,4 @@ export declare function JRCInputRichText<T extends FieldValues = FieldValues>({
     isComponentVisible?: boolean;
     inplace?: boolean;
     placeholder?: string;
-} & JRCInputFieldProps<T>): JSX.Element;
+} & JRCInputFieldProps<T>): React.JSX.Element;

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

@@ -2,10 +2,10 @@ import * as React from 'react';
 import { JRCInputFieldProps } from '../Common/JRCFormFieldRenderer.types';
 import { DataCy } from '../../../../types/dataAttributes';
 import { FieldValues } from 'react-hook-form/dist/types';
-export declare type JRCInputTextProps = DataCy & React.ComponentPropsWithoutRef<'input'> & {
+export type JRCInputTextProps = DataCy & React.ComponentPropsWithoutRef<'input'> & {
     width?: string;
 };
-export declare const RenderInput: React.ForwardRefExoticComponent<DataCy & Pick<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "key" | keyof React.InputHTMLAttributes<HTMLInputElement>> & {
+export declare const RenderInput: React.ForwardRefExoticComponent<DataCy & Omit<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref"> & {
     width?: string | undefined;
 } & React.RefAttributes<HTMLInputElement>>;
 /**
@@ -16,4 +16,4 @@ export declare const RenderInput: React.ForwardRefExoticComponent<DataCy & Pick<
  */
 export declare function JRCInputText<T extends FieldValues = FieldValues>(props: JRCInputFieldProps<T> & {
     width?: string;
-}): JSX.Element;
+}): React.JSX.Element;

package/build/src/components/Form/Input/JRCInputText/JRCInputText.stories.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import * as React from 'react';
 import { JRCInputFieldProps } from '../Common/JRCFormFieldRenderer.types';
 import { Meta, Story } from '@storybook/react';
 declare const _default: Meta<import("@storybook/react").Args>;
@@ -7,4 +7,4 @@ export declare const InputText: Story<JRCInputFieldProps<{
     text: string;
 }>>;
 export declare const InputTextIconButton: any;
-export declare const AllInputs: () => JSX.Element;
+export declare const AllInputs: () => React.JSX.Element;

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

@@ -1,13 +1,13 @@
-export declare const IconBefore: import("styled-components").StyledComponent<({ color, variant, name, size, isMargin, className, }: import("components/JRCIcon/JRCIcon").JRCIconProps) => JSX.Element, import("styled-components").DefaultTheme, {}, never>;
+export declare const IconBefore: import("styled-components").StyledComponent<({ color, variant, name, size, isMargin, className, }: import("components/JRCIcon/JRCIcon").JRCIconProps) => import("react").JSX.Element, import("styled-components").DefaultTheme, {}, never>;
 export declare const IconAfter: import("styled-components").StyledComponent<{
-    ({ hasLicense, ...props }: Omit<Pick<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "key" | keyof import("react").ButtonHTMLAttributes<HTMLButtonElement>>, "onClick"> & import("../../../../types/dataAttributes").DataCy & {
+    ({ hasLicense, ...props }: Omit<Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref">, "onClick"> & import("../../../../types/dataAttributes").DataCy & {
         icon: string;
         size?: "small" | "medium" | undefined;
         onClick?: ((event?: import("react").MouseEvent<HTMLButtonElement, MouseEvent> | undefined) => void) | undefined;
         name?: string | undefined;
         value?: string | undefined;
         disabled?: boolean | undefined;
-        type?: "button" | "reset" | "submit" | undefined;
+        type?: "button" | "submit" | "reset" | undefined;
         bgBaseGrey?: 0 | 1 | 2 | undefined;
         color?: import("../../../../styles/theme").Colors | import("../../../../styles/theme").Shades | "inherit" | undefined;
         tooltip?: Omit<import("../../../..").JRCTooltipProps, "children"> | undefined;
@@ -17,7 +17,7 @@ export declare const IconAfter: import("styled-components").StyledComponent<{
         type: string;
         variant: string;
         size: string;
-    }): JSX.Element;
+    }): import("react").JSX.Element;
     defaultProps: {
         type: string;
         variant: string;

package/build/src/components/Form/Input/JRCInputText/JRCInputTextIconButton.d.ts

@@ -1,17 +1,17 @@
 import * as React from 'react';
 import { DataCy } from '../../../../types/dataAttributes';
-export declare type JRCInputTextIconButtonProps = DataCy & React.ComponentPropsWithoutRef<'input'> & {
+export type JRCInputTextIconButtonProps = DataCy & React.ComponentPropsWithoutRef<'input'> & {
     iconBefore: string;
     iconButtonAfter?: {
         icon: string;
         onClick: () => void;
     };
 };
-export declare const InputTextIconButton: React.ForwardRefExoticComponent<DataCy & Pick<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "key" | keyof React.InputHTMLAttributes<HTMLInputElement>> & {
+export declare const InputTextIconButton: React.ForwardRefExoticComponent<DataCy & Omit<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref"> & {
     iconBefore: string;
     iconButtonAfter?: {
         icon: string;
         onClick: () => void;
     } | undefined;
 } & React.RefAttributes<HTMLInputElement>>;
-export declare function JRCInputTextIconButton(props: any): JSX.Element;
+export declare function JRCInputTextIconButton(props: any): React.JSX.Element;

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

@@ -2,7 +2,7 @@ import * as React from 'react';
 import { JRCInputFieldProps } from '../Common/JRCFormFieldRenderer.types';
 import { DataCy } from '../../../../types/dataAttributes';
 import { FieldValues } from 'react-hook-form/dist/types';
-export declare type JRCInputTextareaProps = DataCy & React.ComponentPropsWithoutRef<'textarea'>;
+export type JRCInputTextareaProps = DataCy & React.ComponentPropsWithoutRef<'textarea'>;
 export declare const StyledTextArea: import("styled-components").StyledComponent<"textarea", import("styled-components").DefaultTheme, DataCy & {
     error?: boolean | undefined;
     valid?: boolean | undefined;
@@ -14,4 +14,4 @@ export declare const StyledTextArea: import("styled-components").StyledComponent
  * validation props: required
  * @returns JSX.Element
  */
-export declare function JRCInputTextarea<T extends FieldValues = FieldValues>(props: JRCInputFieldProps<T>): JSX.Element;
+export declare function JRCInputTextarea<T extends FieldValues = FieldValues>(props: JRCInputFieldProps<T>): React.JSX.Element;

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

@@ -2,11 +2,11 @@ import * as React from 'react';
 import { JRCInputFieldProps } from '../Common/JRCFormFieldRenderer.types';
 import { DataCy } from '../../../../types/dataAttributes';
 import { FieldValues } from 'react-hook-form/dist/types';
-export declare type JRCInputTimeProps = DataCy & React.ComponentPropsWithoutRef<'input'>;
+export type JRCInputTimeProps = DataCy & React.ComponentPropsWithoutRef<'input'>;
 /**
  * Component used as a <input type="hour"/>
  * @param props JRCInputFieldProps
  * validation props: required
  * @returns JSX.Element
  */
-export declare function JRCInputTime<T extends FieldValues = FieldValues>(props: JRCInputFieldProps<T>): JSX.Element;
+export declare function JRCInputTime<T extends FieldValues = FieldValues>(props: JRCInputFieldProps<T>): React.JSX.Element;