jamespot-react-components 1.0.145 → 1.0.147

package/build/src/components/Form/Input/JRCInputUrl/JRCInputUrl.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 JRCInputUrlProps = DataCy & React.ComponentPropsWithoutRef<'input'> & {
+export type JRCInputUrlProps = 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 JRCInputUrl<T extends FieldValues = FieldValues>(props: JRCInputFieldProps<T> & {
     width?: string;
-}): JSX.Element;
+}): React.JSX.Element;

package/build/src/components/Form/Input/JRCSelect/JRCAutocompleteCommunity.d.ts

@@ -1,8 +1,8 @@
 import * as React from 'react';
 import { JRCInputFieldProps } from '../Common/JRCFormFieldRenderer.types';
 import { FieldValues } from 'react-hook-form/dist/types';
-export declare type JRCAutocompleteCommunityProps<T extends FieldValues = FieldValues> = JRCInputFieldProps<T> & {
+export type JRCAutocompleteCommunityProps<T extends FieldValues = FieldValues> = JRCInputFieldProps<T> & {
     multiple?: boolean;
     searchable?: boolean;
 };
-export declare function JRCInputCommunity<T extends FieldValues = FieldValues>(props: JRCAutocompleteCommunityProps<T>, _ref: React.ForwardedRef<HTMLInputElement>): JSX.Element;
+export declare function JRCInputCommunity<T extends FieldValues = FieldValues>(props: JRCAutocompleteCommunityProps<T>, _ref: React.ForwardedRef<HTMLInputElement>): React.JSX.Element;

package/build/src/components/Form/Input/JRCSelect/JRCAutocompleteCommunity.stories.d.ts

@@ -2,11 +2,11 @@ import { Meta, Story } from '@storybook/react';
 import { JRCAutocompleteCommunityProps } from './JRCAutocompleteCommunity';
 declare const _default: Meta<import("@storybook/react").Args>;
 export default _default;
-declare type Community = {
+type Community = {
     uri: string;
     title: string;
 };
-declare type FormData = {
+type FormData = {
     selectSimple: Community;
     selectMultiple: Array<Community>;
 };

package/build/src/components/Form/Input/JRCSelect/JRCInputAudience.d.ts

@@ -1,8 +1,8 @@
-/// <reference types="react" />
+import * as React from 'react';
 import { FieldValues } from 'react-hook-form/dist/types';
 import { JRCAutocompleteProps } from './JRCInputSelect.types';
-export declare type JRCInputAudienceProps<T extends FieldValues = FieldValues> = JRCAutocompleteProps<T> & {
+export type JRCInputAudienceProps<T extends FieldValues = FieldValues> = JRCAutocompleteProps<T> & {
     multiple?: boolean;
     searchable?: boolean;
 };
-export declare function JRCInputAudience<T extends FieldValues = FieldValues>(props: JRCInputAudienceProps<T>): JSX.Element;
+export declare function JRCInputAudience<T extends FieldValues = FieldValues>(props: JRCInputAudienceProps<T>): React.JSX.Element;

package/build/src/components/Form/Input/JRCSelect/JRCInputAutocomplete.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { AutocompleteLittle, JRCAutocompleteProps, NativeAutocompleteProps } from './JRCInputSelect.types';
 import { FieldValues } from 'react-hook-form/dist/types';
 export declare function CustomOption({ option, }: {
@@ -7,11 +7,11 @@ export declare function CustomOption({ option, }: {
         custom?: boolean;
         icon?: string;
     };
-}): JSX.Element;
+}): React.JSX.Element;
 export declare function CustomSelectedOption({ option }: {
     option: AutocompleteLittle & {
         icon?: string;
     };
-}): JSX.Element;
+}): React.JSX.Element;
 export declare const NativeAutocomplete: <T extends FieldValues = FieldValues>(props: NativeAutocompleteProps<T>) => JSX.Element;
-export declare function JRCInputAutocomplete<T extends FieldValues = FieldValues>(props: JRCAutocompleteProps<T>): JSX.Element;
+export declare function JRCInputAutocomplete<T extends FieldValues = FieldValues>(props: JRCAutocompleteProps<T>): React.JSX.Element;

package/build/src/components/Form/Input/JRCSelect/JRCInputAutocompleteViews.d.ts

@@ -1,9 +1,10 @@
+import React from 'react';
 import { AudienceAutocomplete } from 'jamespot-user-api';
 export declare const CSSViewsWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
-export declare type AVProps = {
+export type AVProps = {
     views: Array<'folder' | 'user' | 'group' | 'community'>;
     initialValues: AudienceAutocomplete[];
     onConfirm: (values: any) => void;
 };
-declare const JRCInputAutocompleteViews: ({ views, initialValues, onConfirm }: AVProps) => JSX.Element;
+declare const JRCInputAutocompleteViews: ({ views, initialValues, onConfirm }: AVProps) => React.JSX.Element;
 export { JRCInputAutocompleteViews };

package/build/src/components/Form/Input/JRCSelect/JRCInputSelect.d.ts

@@ -1,5 +1,5 @@
-/// <reference types="react" />
+import * as React from 'react';
 import { JRCInputSelectProps, NativeSelectProps } from './JRCInputSelect.types';
 import type { FieldValues } from 'react-hook-form';
 export declare const Select: <T extends FieldValues = FieldValues>(props: NativeSelectProps<T>) => JSX.Element;
-export declare function JRCInputSelect<T extends FieldValues = FieldValues>(props: JRCInputSelectProps<T>): JSX.Element;
+export declare function JRCInputSelect<T extends FieldValues = FieldValues>(props: JRCInputSelectProps<T>): React.JSX.Element;

package/build/src/components/Form/Input/JRCSelect/JRCInputSelect.defaults.d.ts

@@ -1,3 +1,4 @@
+import * as React from 'react';
 export declare const LabelDescriptionOption: {
     Option: ({ option }: {
         option: {
@@ -5,5 +6,5 @@ export declare const LabelDescriptionOption: {
             description: string;
             recommended?: boolean;
         };
-    }) => JSX.Element;
+    }) => React.JSX.Element;
 };

package/build/src/components/Form/Input/JRCSelect/JRCInputSelect.stories.d.ts

@@ -2,7 +2,7 @@ import { Meta, Story } from '@storybook/react';
 import { JRCInputSelectProps } from './JRCInputSelect.types';
 declare const _default: Meta<import("@storybook/react").Args>;
 export default _default;
-declare type Data = {
+type Data = {
     animal: string;
     cat: string;
 };

package/build/src/components/Form/Input/JRCSelect/JRCInputSelect.types.d.ts

@@ -7,17 +7,17 @@ import React from 'react';
 /**
  * Select
  */
-export declare type NativeSelectProps<T extends FieldValues = FieldValues> = ControllerRenderProps<T> & SelectProps & IconsProp;
-export declare type JRCInputSelectProps<T extends FieldValues = FieldValues> = JRCInputFieldProps<T> & SelectProps & IconsProp;
-export declare type Getter = ((option: any) => any) | string;
-export declare type IconsProp = {
+export type NativeSelectProps<T extends FieldValues = FieldValues> = ControllerRenderProps<T> & SelectProps & IconsProp;
+export type JRCInputSelectProps<T extends FieldValues = FieldValues> = JRCInputFieldProps<T> & SelectProps & IconsProp;
+export type Getter = ((option: any) => any) | string;
+export type IconsProp = {
     iconBefore?: {
         icon: string;
         color?: Colors | Shades | 'inherit';
         onClick?: () => void;
     };
 };
-export declare type SelectProps = DataCy & {
+export type SelectProps = DataCy & {
     options?: Array<any>;
     asyncPromise?: (inputValue: string, page?: number) => Promise<any[]>;
     multiple?: boolean;
@@ -59,13 +59,13 @@ export declare type SelectProps = DataCy & {
 /**
  * Autocomplete
  */
-export declare type NativeAutocompleteProps<T extends FieldValues = FieldValues> = ControllerRenderProps<T> & AutocompleteInnerProps;
-export declare type JRCAutocompleteProps<T extends FieldValues = FieldValues> = JRCInputFieldProps<T> & AutocompleteInnerProps;
-export declare type AutocompleteLittle = {
+export type NativeAutocompleteProps<T extends FieldValues = FieldValues> = ControllerRenderProps<T> & AutocompleteInnerProps;
+export type JRCAutocompleteProps<T extends FieldValues = FieldValues> = JRCInputFieldProps<T> & AutocompleteInnerProps;
+export type AutocompleteLittle = {
     uri: string;
     title: string;
 };
-export declare type AutocompleteInnerProps = Omit<SelectProps, 'options'> & DataCy & {
+export type AutocompleteInnerProps = Omit<SelectProps, 'options'> & DataCy & {
     options?: Array<AutocompleteLittle>;
     asyncPromise?: (inputValue: string) => Promise<Array<AutocompleteLittle>>;
     allowCustomOption?: boolean;

package/build/src/components/Form/Input/JRCSelect/JRCInputSelectAsync.stories.d.ts

@@ -2,7 +2,7 @@ import { Meta, Story } from '@storybook/react';
 import { JRCInputSelectProps } from './JRCInputSelect.types';
 declare const _default: Meta<import("@storybook/react").Args>;
 export default _default;
-declare type Data = {
+type Data = {
     animal: string;
     cat: string;
 };

package/build/src/components/Form/Input/JRCSelect/JRCInputSelectHierarchicalTree.d.ts

@@ -2,7 +2,7 @@ import * as React from 'react';
 import { JRCInputSelectProps } from './JRCInputSelect.types';
 import { JRCModalProps } from 'components/JRCModal/JRCModal';
 import { AutoCompleteConcept, PagingResults } from 'jamespot-user-api';
-export declare type JRCInputSelectHierarchicalTreeProps = Omit<JRCInputSelectProps, 'asyncPromise'> & JRCModalProps & {
+export type JRCInputSelectHierarchicalTreeProps = Omit<JRCInputSelectProps, 'asyncPromise'> & JRCModalProps & {
     asyncPromise?: (inputValue: string, page?: number) => Promise<PagingResults<any>>;
     hierarchicalTaxonomyPromise: (uriConcept: string) => Promise<PagingResults<AutoCompleteConcept>>;
     displayModal?: boolean;
@@ -12,7 +12,7 @@ export declare type JRCInputSelectHierarchicalTreeProps = Omit<JRCInputSelectPro
     }>;
 };
 export declare const JRCInputSelectHierarchicalTree: React.ForwardRefExoticComponent<Omit<JRCInputSelectProps<import("react-hook-form").FieldValues>, "asyncPromise"> & JRCModalProps & {
-    asyncPromise?: ((inputValue: string, page?: number | undefined) => Promise<PagingResults<any>>) | undefined;
+    asyncPromise?: ((inputValue: string, page?: number) => Promise<PagingResults<any>>) | undefined;
     hierarchicalTaxonomyPromise: (uriConcept: string) => Promise<PagingResults<AutoCompleteConcept>>;
     displayModal?: boolean | undefined;
     checkboxOptions: Array<{

package/build/src/components/Form/Input/JRCSelect/JRCInputSelectList.d.ts

@@ -1,9 +1,10 @@
+import * as React from 'react';
 import { JRCInputSelectProps } from './JRCInputSelect.types';
 import { JRCModalProps } from 'components/JRCModal/JRCModal';
 import { BaseAutocomplete, PagingResults } from 'jamespot-user-api';
-export declare type JRCInputSelectListProps = Omit<JRCInputSelectProps, 'asyncPromise'> & JRCModalProps & {
+export type JRCInputSelectListProps = Omit<JRCInputSelectProps, 'asyncPromise'> & JRCModalProps & {
     asyncPromise?: (inputValue: string, page?: number) => Promise<PagingResults<any>>;
     displayModal?: boolean;
     setValues: (name: string, values: BaseAutocomplete[]) => void;
 };
-export declare const JRCInputSelectList: ({ asyncPromise, displayModal, inPlace, width, placeholder, setValues, control, name, ...props }: JRCInputSelectListProps) => JSX.Element;
+export declare const JRCInputSelectList: ({ asyncPromise, displayModal, inPlace, width, placeholder, setValues, control, name, ...props }: JRCInputSelectListProps) => React.JSX.Element;

package/build/src/components/Form/Input/JRCSelect/JRCInputTaxonomy.d.ts

@@ -1,9 +1,9 @@
-/// <reference types="react" />
+import * as React from 'react';
 import { FieldValues } from 'react-hook-form/dist/types';
 import { JRCAutocompleteProps } from './JRCInputSelect.types';
-export declare type JRCInputTaxonomyProps<T extends FieldValues = FieldValues> = JRCAutocompleteProps<T> & {
+export type JRCInputTaxonomyProps<T extends FieldValues = FieldValues> = JRCAutocompleteProps<T> & {
     type: string;
     taxonomyId: string;
     asyncPromise?: (inputValue: string) => Promise<any[]>;
 };
-export declare function JRCInputTaxonomy<T extends FieldValues = FieldValues>({ taxonomyId, type, asyncPromise, ...props }: JRCInputTaxonomyProps<T>): JSX.Element;
+export declare function JRCInputTaxonomy<T extends FieldValues = FieldValues>({ taxonomyId, type, asyncPromise, ...props }: JRCInputTaxonomyProps<T>): React.JSX.Element;

package/build/src/components/Form/Input/JRCSelect/SelectHierarchicalTreeModal.d.ts

@@ -1,13 +1,13 @@
 import * as React from 'react';
 import { AutoCompleteConcept, PagingResults } from 'jamespot-user-api';
-declare type SelectHierarchicalTreeModalProps = {
+type SelectHierarchicalTreeModalProps = {
     hierarchicalTaxonomyPromise: (uriConcept: string) => Promise<PagingResults<AutoCompleteConcept>>;
     close: () => void;
     inPlace: boolean;
     options: any[];
     updateOptions: (options: any[]) => void;
 };
-export declare type SKOSTree = {
+export type SKOSTree = {
     title: string;
     uri: string;
 };

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

@@ -1,10 +1,11 @@
+import * as React from 'react';
 import { InputState } from './JRCFormFieldRender';
 import { DataCy } from '../../../types/dataAttributes';
 /**
  * Input styles are &&& encapsulated in order to go over the reset styles
  * and the not-resseted legacy style set with input[type="toto"]
  */
-export declare type IconsProps = {
+export type IconsProps = {
     hasIconBefore?: boolean;
     hasIconAfter?: boolean;
 };
@@ -19,7 +20,7 @@ export declare const StyledInput: import("styled-components").StyledComponent<"i
     valid?: boolean | undefined;
     readOnly?: boolean | undefined;
 }, never>;
-export declare type StyledSelectProps = DataCy & IconsProps & {
+export type StyledSelectProps = DataCy & IconsProps & {
     searchable?: boolean;
 };
 export declare const StyledSelect: import("styled-components").StyledComponent<"input", import("styled-components").DefaultTheme, DataCy & {
@@ -33,4 +34,4 @@ export declare const MaxLengthIndicatorContainer: import("styled-components").St
 export declare const MaxLengthIndicator: ({ maxLength, actualLength }: {
     maxLength?: number | undefined;
     actualLength: number;
-}) => JSX.Element;
+}) => React.JSX.Element;

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

@@ -1,5 +1,5 @@
 import { IntlShape } from 'react-intl';
-export declare type ControlsProps = {
+export type ControlsProps = {
     required?: boolean;
     minLength?: number;
     maxLength?: number;

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

@@ -15,4 +15,4 @@ export interface JRCAlertProps extends React.ComponentPropsWithoutRef<'div'> {
     /** Add buttons on the alert */
     buttons?: JRCButtonProps[];
 }
-export declare const JRCAlert: ({ label, description, hasLoader, buttons, type, timeout, }: JRCAlertProps) => JSX.Element | null;
+export declare const JRCAlert: ({ label, description, hasLoader, buttons, type, timeout, }: JRCAlertProps) => React.JSX.Element | null;

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

@@ -3,5 +3,5 @@ export declare const CONTAINER_PADDING = 32;
 export interface JRCAppContainerProps {
     children: React.ReactNode;
 }
-declare const JRCAppContainer: (props: JRCAppContainerProps) => JSX.Element;
+declare const JRCAppContainer: (props: JRCAppContainerProps) => React.JSX.Element;
 export { JRCAppContainer };

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

@@ -1,6 +1,7 @@
+import * as React from 'react';
 import { JRCAppHeaderProps } from './JRCAppHeader.types';
 declare const JRCAppHeader: {
-    (props: JRCAppHeaderProps): JSX.Element;
+    (props: JRCAppHeaderProps): React.JSX.Element;
     defaultProps: {};
 };
 export { JRCAppHeader };

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

@@ -1,3 +1,4 @@
+import * as React from 'react';
 import { JRCAppLeftColumnProps, SectionEntry } from './JRCAppLeftColumn.types';
 /**
  * @deprecated
@@ -6,5 +7,5 @@ import { JRCAppLeftColumnProps, SectionEntry } from './JRCAppLeftColumn.types';
  * @param {sections, icon, color, title, description, activeItem, callback} props, @see JRCAppLeftColumnProps interface
  * @returns JSX.Element
  */
-declare const JRCAppLeftColumn: <T extends SectionEntry = SectionEntry>({ Component, ...props }: JRCAppLeftColumnProps<T>) => JSX.Element;
+declare const JRCAppLeftColumn: <T extends SectionEntry = SectionEntry>({ Component, ...props }: JRCAppLeftColumnProps<T>) => React.JSX.Element;
 export { JRCAppLeftColumn };

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

@@ -1,7 +1,7 @@
-/// <reference types="react" />
+import React from 'react';
 declare const _default: {
     title: string;
-    component: <T extends import("./JRCAppLeftColumn.types").SectionEntry = import("./JRCAppLeftColumn.types").SectionEntry>({ Component, ...props }: import("./JRCAppLeftColumn.types").JRCAppLeftColumnProps<T>) => JSX.Element;
+    component: <T extends import("./JRCAppLeftColumn.types").SectionEntry = import("./JRCAppLeftColumn.types").SectionEntry>({ Component, ...props }: import("./JRCAppLeftColumn.types").JRCAppLeftColumnProps<T>) => React.JSX.Element;
 };
 export default _default;
-export declare const Simple: () => JSX.Element;
+export declare const Simple: () => React.JSX.Element;

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

@@ -19,16 +19,16 @@ export declare const MenuWrapper: import("styled-components").StyledComponent<"d
     isMinimized: boolean;
 }, never>;
 export declare const ItemsIcon: import("styled-components").StyledComponent<"button", import("styled-components").DefaultTheme, import("../JRCTabs/JRCTabs").ItemProps, never>;
-export declare const TitleMenu: import("styled-components").StyledComponent<"h2", import("styled-components").DefaultTheme, Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, "key" | keyof import("react").HTMLAttributes<HTMLHeadingElement>>, never>;
+export declare const TitleMenu: import("styled-components").StyledComponent<"h2", import("styled-components").DefaultTheme, Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, "ref">, never>;
 export declare const JRCIconButtonAppLeftColumn: 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;
@@ -38,7 +38,7 @@ export declare const JRCIconButtonAppLeftColumn: import("styled-components").Sty
         type: string;
         variant: string;
         size: string;
-    }): JSX.Element;
+    }): import("react").JSX.Element;
     defaultProps: {
         type: string;
         variant: string;

package/build/src/components/JRCAppLeftColumn/JRCAppLeftColumn.types.d.ts

@@ -46,7 +46,7 @@ export interface MenuComponentProps<T> {
  * @member callback tab selection handler
  * @member Component element of each items menu.
  */
-export declare type JRCAppLeftColumnProps<T extends SectionEntry = SectionEntry> = {
+export type JRCAppLeftColumnProps<T extends SectionEntry = SectionEntry> = {
     icon: string;
     color: string;
     title: string;

package/build/src/components/JRCAppLeftColumn/JRCDefaultMenu.d.ts

@@ -1,2 +1,3 @@
+import * as React from 'react';
 import { SectionEntry, MenuComponentProps } from './JRCAppLeftColumn.types';
-export declare const JRCDefaultMenu: <T extends SectionEntry>(props: MenuComponentProps<T>) => JSX.Element;
+export declare const JRCDefaultMenu: <T extends SectionEntry>(props: MenuComponentProps<T>) => React.JSX.Element;

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

@@ -1,3 +1,4 @@
+import * as React from 'react';
 import { JRCImgProps } from '../JRCImg/JRCImg';
 /**
  * Props type for JRCAvatar
@@ -16,7 +17,7 @@ import { JRCImgProps } from '../JRCImg/JRCImg';
  * @property iconWhite - Toggle default icon color white/black
  * @property from - image base url (imagestatic | imagecache)
  */
-export declare type JRCAvatarProps = Omit<JRCImgProps, 'size' | 'width' | 'height' | 'alt'> & {
+export type JRCAvatarProps = Omit<JRCImgProps, 'size' | 'width' | 'height' | 'alt'> & {
     uri?: string;
     size?: number;
     variant?: 'circle' | 'square';
@@ -28,4 +29,4 @@ export declare type JRCAvatarProps = Omit<JRCImgProps, 'size' | 'width' | 'heigh
     alt?: string;
     onLoad?: () => void;
 };
-export declare const JRCAvatar: (props: JRCAvatarProps) => JSX.Element;
+export declare const JRCAvatar: (props: JRCAvatarProps) => React.JSX.Element;

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

@@ -4,8 +4,8 @@ import { ButtonType } from './JRCButtonConfig';
 import { DataCy } from '../../types/dataAttributes';
 import { DashedFocusBorderProps } from '../Common/DashedFocusBorder';
 import { JRCTooltipProps } from '../JRCTooltip/JRCTooltip';
-export declare type ButtonColors = 'primary' | 'valid' | 'danger' | 'secondary' | 'cancel';
-export declare type JRCButtonProps = React.ComponentPropsWithoutRef<'button'> & DataCy & {
+export type ButtonColors = 'primary' | 'valid' | 'danger' | 'secondary' | 'cancel';
+export type JRCButtonProps = React.ComponentPropsWithoutRef<'button'> & DataCy & {
     /** Color of the background of the button */
     color?: ButtonColors;
     /** Indicates loading of content on the button */
@@ -31,14 +31,14 @@ export declare type JRCButtonProps = React.ComponentPropsWithoutRef<'button'> &
     /** label, optional, replaces children */
     label?: string;
 };
-export declare const transformColor: (color?: string | undefined) => JRCIconProps['color'];
+export declare const transformColor: (color?: string) => JRCIconProps['color'];
 /**
  * Button styling. May be used as a <a> tag
  */
 export declare const Button: import("styled-components").StyledComponent<"button", import("styled-components").DefaultTheme, {
     themeButton: ButtonType;
     hasLabel: boolean;
-} & Pick<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "key" | keyof React.ButtonHTMLAttributes<HTMLButtonElement>> & DataCy & {
+} & Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & DataCy & {
     /** Color of the background of the button */
     color?: ButtonColors | undefined;
     /** Indicates loading of content on the button */
@@ -64,7 +64,7 @@ export declare const Button: import("styled-components").StyledComponent<"button
     /** label, optional, replaces children */
     label?: string | undefined;
 } & DashedFocusBorderProps, never>;
-export declare const JRCButton: React.ForwardRefExoticComponent<Pick<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "key" | keyof React.ButtonHTMLAttributes<HTMLButtonElement>> & DataCy & {
+export declare const JRCButton: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & DataCy & {
     /** Color of the background of the button */
     color?: ButtonColors | undefined;
     /** Indicates loading of content on the button */

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

@@ -1,9 +1,9 @@
-/// <reference types="react" />
+import * as React from 'react';
 import { JRCButtonProps } from './JRCButton';
 import { JRCValidationButtonProps } from './JRCValidationButton';
 import { Meta, Story } from '@storybook/react';
 declare const _default: Meta<import("@storybook/react").Args>;
 export default _default;
 export declare const CustomButton: Story<JRCButtonProps>;
-export declare const AllButtons: () => JSX.Element;
+export declare const AllButtons: () => React.JSX.Element;
 export declare const ValidationButton: Story<JRCValidationButtonProps>;

package/build/src/components/JRCButton/JRCButtonConfig.d.ts

@@ -252,7 +252,7 @@ export declare const BUTTON_CONFIG: {
         };
     };
 };
-export declare type ButtonType = {
+export type ButtonType = {
     color: string;
     background: string;
     border: string;

package/build/src/components/JRCButton/JRCValidationButton.d.ts

@@ -5,8 +5,8 @@ import { JRCButtonProps } from './JRCButton';
  * @member onValidationClick, optional callback called when the first click is made
  * @member validationMessage, optional validation message, default to "Confirm / Valider"
  */
-export declare type JRCValidationButtonProps = JRCButtonProps & {
+export type JRCValidationButtonProps = JRCButtonProps & {
     onValidationClick?: (e: React.MouseEvent<HTMLButtonElement>) => void;
     validationMessage?: string;
 };
-export declare const JRCValidationButton: ({ onClick, onValidationClick, children, color, variant, icon, ...props }: JRCValidationButtonProps) => JSX.Element;
+export declare const JRCValidationButton: ({ onClick, onValidationClick, children, color, variant, icon, ...props }: JRCValidationButtonProps) => React.JSX.Element;

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

@@ -1,3 +1,4 @@
+import React from 'react';
 import { JRCButtonProps } from '../JRCButton/JRCButton';
 import { Colors, Shades } from 'styles/theme';
 /**
@@ -17,4 +18,4 @@ export interface JRCButtonDownloadProps extends JRCButtonProps {
  * @param {label, action?, color?, variant?} props, @see JRCButtonDropdownProps
  * @returns JSX.Element
  */
-export declare const JRCButtonDownload: ({ icon, iconColor, isIconButton, data, fileName, ...props }: JRCButtonDownloadProps) => JSX.Element;
+export declare const JRCButtonDownload: ({ icon, iconColor, isIconButton, data, fileName, ...props }: JRCButtonDownloadProps) => React.JSX.Element;

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

@@ -1,2 +1,3 @@
+import React from 'react';
 import type { JRCButtonDropdownProps } from './JRCButtonDropdown.types';
-export declare const JRCButtonDropdown: (props: JRCButtonDropdownProps) => JSX.Element;
+export declare const JRCButtonDropdown: (props: JRCButtonDropdownProps) => React.JSX.Element;

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

@@ -1,6 +1,6 @@
 import React from 'react';
 import type { ButtonProps, MenuWithTitleProps, DropdownOptionProps } from './JRCButtonDropdown.types';
-export declare const MarginLessJRCButton: import("styled-components").StyledComponent<React.ForwardRefExoticComponent<Pick<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "key" | keyof React.ButtonHTMLAttributes<HTMLButtonElement>> & import("../../types/dataAttributes").DataCy & {
+export declare const MarginLessJRCButton: import("styled-components").StyledComponent<React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & import("../../types/dataAttributes").DataCy & {
     color?: import("../JRCButton/JRCButton").ButtonColors | undefined;
     loader?: boolean | undefined;
     autofocus?: boolean | undefined;
@@ -15,5 +15,5 @@ export declare const MarginLessJRCButton: import("styled-components").StyledComp
     label?: string | undefined;
 } & React.RefAttributes<HTMLButtonElement>>, import("styled-components").DefaultTheme, ButtonProps, never>;
 export declare const MenuWithoutTitle: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
-export declare const MenuWithTitle: ({ direction, label, themeButton, children }: MenuWithTitleProps) => JSX.Element;
+export declare const MenuWithTitle: ({ direction, label, themeButton, children }: MenuWithTitleProps) => React.JSX.Element;
 export declare const DropdownOption: import("styled-components").StyledComponent<"button", import("styled-components").DefaultTheme, DropdownOptionProps, never>;

package/build/src/components/JRCButtonDropdown/JRCButtonDropdown.types.d.ts

@@ -2,7 +2,7 @@ import { JRCButtonProps } from '../JRCButton/JRCButton';
 import React from 'react';
 import { JRCIconProps } from '../JRCIcon/JRCIcon';
 import { ButtonType } from '../JRCButton/JRCButtonConfig';
-export declare type JRCButtonDropdownOptionProps = {
+export type JRCButtonDropdownOptionProps = {
     icon?: Pick<JRCIconProps, 'name' | 'color' | 'variant'>;
     label: string | React.ReactElement<string>;
     onClick?: () => void;
@@ -10,7 +10,7 @@ export declare type JRCButtonDropdownOptionProps = {
     target?: '_blank';
     disabled?: boolean;
 };
-export declare type JRCButtonDropdownProps = {
+export type JRCButtonDropdownProps = {
     color?: JRCButtonProps['color'];
     icon?: string;
     iconOpen?: string;
@@ -23,22 +23,22 @@ export declare type JRCButtonDropdownProps = {
     options: Array<JRCButtonDropdownOptionProps>;
     semiTransparentClosed?: boolean;
 };
-export declare type ButtonProps = {
+export type ButtonProps = {
     borderLeft?: boolean;
     borderRight?: boolean;
     themeButton: ButtonType;
     open?: boolean;
     darker?: boolean;
 };
-export declare type OpenDirection = {
+export type OpenDirection = {
     direction: JRCButtonDropdownProps['smallOpenDirection'];
 };
-export declare type MenuWithTitleProps = OpenDirection & {
+export type MenuWithTitleProps = OpenDirection & {
     label: string;
     themeButton: ButtonProps['themeButton'];
     children: React.ReactNode;
 };
-export declare type DropdownOptionProps = {
+export type DropdownOptionProps = {
     optionSelected?: boolean;
     disabled?: boolean;
 };

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

@@ -1,3 +1,4 @@
+import React from 'react';
 import { JRCButtonProps } from '../JRCButton/JRCButton';
 /**
  * Interface to provide JRCMenu props
@@ -14,4 +15,4 @@ export interface JRCButtonFileProps extends JRCButtonProps {
  * @param {label, action?, color?, variant?} props, @see JRCButtonDropdownProps
  * @returns JSX.Element
  */
-export declare const JRCButtonFile: ({ icon, multiple, getContent, ...props }: JRCButtonFileProps) => JSX.Element;
+export declare const JRCButtonFile: ({ icon, multiple, getContent, ...props }: JRCButtonFileProps) => React.JSX.Element;

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

@@ -1,12 +1,12 @@
 import { MessageType } from 'components/Common/util/getColor.util';
 import * as React from 'react';
-export declare type TVariants = 'span' | 'div';
-export declare type JRCCardProps = React.ComponentPropsWithoutRef<'div'> & {
+export type TVariants = 'span' | 'div';
+export type JRCCardProps = React.ComponentPropsWithoutRef<'div'> & {
     variant?: TVariants;
     type?: MessageType;
     padding?: PaddingValues;
 };
-export declare type PaddingValues = keyof typeof PADDING;
+export type PaddingValues = keyof typeof PADDING;
 export declare const PADDING: {
     mini: string;
     small: string;
@@ -16,6 +16,6 @@ export declare const PADDING: {
 };
 export declare const Card: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
     type?: MessageType | undefined;
-    padding?: "small" | "base" | "medium" | "large" | "mini" | undefined;
+    padding?: "base" | "small" | "medium" | "large" | "mini" | undefined;
 }, never>;
-export declare const JRCCard: (props: JRCCardProps) => JSX.Element;
+export declare const JRCCard: (props: JRCCardProps) => React.JSX.Element;

package/build/src/components/JRCCard/JRCCardImg.d.ts

@@ -9,11 +9,11 @@ declare const ASPECTS: {
     '4:5': number;
     '9:16': number;
 };
-export declare type ActionsPosition = {
+export type ActionsPosition = {
     x?: 'left' | 'right';
     y?: 'top' | 'bottom' | 'under';
 };
-export declare type JRCCardImgProps = {
+export type JRCCardImgProps = {
     color?: string;
     icon?: boolean;
     img?: string;
@@ -31,5 +31,5 @@ export declare type JRCCardImgProps = {
 export declare const Actions: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
     position?: ActionsPosition | undefined;
 }, never>;
-export declare const JRCCardImg: (props: JRCCardImgProps) => JSX.Element;
+export declare const JRCCardImg: (props: JRCCardImgProps) => React.JSX.Element;
 export {};

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

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