jamespot-react-components 1.2.34 → 1.2.36

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

@@ -0,0 +1,33 @@
+import { jFileLittle } from 'jamespot-user-api';
+import { ComponentPropsWithoutRef } from 'react';
+import { FieldValues } from 'react-hook-form';
+import { DataCy } from '../../../../types/dataAttributes';
+import { JRCInputFieldProps } from '../Common/JRCFormFieldRenderer.types';
+export type DropZoneDimensions = {
+    width: number;
+    height: number;
+};
+export type NativeInputImageProps = DataCy & Omit<ComponentPropsWithoutRef<'input'>, 'value' | 'onChange'> & {
+    token?: string | undefined;
+    attrName?: string;
+    dzDimensions?: DropZoneDimensions;
+    onLoading?: (state: boolean) => void;
+    aspectRatio?: number | undefined;
+    defaultImages?: {
+        imgs: Array<{
+            src: string;
+            alt: string;
+        }>;
+        position?: 'right' | 'bottom';
+        columnCount: number;
+    };
+    readOnly?: boolean;
+    readOnlyImg?: string;
+    value: jFileLittle | undefined;
+    onChange: (files: jFileLittle | undefined) => void;
+    disableCrop?: boolean;
+    buttonsPosition?: 'inside' | 'under';
+    allowCustomRatio?: boolean;
+    zIndex?: number;
+};
+export type JRCInputImageProps<T extends FieldValues = FieldValues> = JRCInputFieldProps<T> & Omit<NativeInputImageProps, 'value' | 'onChange'>;

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

@@ -1,13 +1,13 @@
-import * as React from 'react';
 import { JRCInputFieldProps } from '../Common/JRCFormFieldRenderer.types';
 import { DataCy } from '../../../../types/dataAttributes';
 import { FieldValues } from 'react-hook-form';
-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>>;
+import { ComponentPropsWithoutRef } from 'react';
+export type JRCInputRangeProps = DataCy & ComponentPropsWithoutRef<'input'>;
+export declare const InputRange: import("react").ForwardRefExoticComponent<DataCy & Omit<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref"> & import("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>): React.JSX.Element;
+export declare function JRCInputRange<T extends FieldValues = FieldValues>(props: JRCInputFieldProps<T>): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,7 @@
+import { Meta } from '@storybook/react-webpack5';
+import { JRCInputFieldProps } from '../Common/JRCFormFieldRenderer.types';
+declare const _default: Meta;
+export default _default;
+export declare const InputRange: import("storybook/internal/csf").AnnotatedStoryFn<import("@storybook/react-webpack5").ReactRenderer, JRCInputFieldProps<{
+    range: string;
+}>>;

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

@@ -1,4 +1,3 @@
-import React from 'react';
 import { DataCy } from '../../../../types/dataAttributes';
 export type JRCInputSearchProps = {
     onChange?: (v: string) => void;
@@ -7,4 +6,4 @@ export type JRCInputSearchProps = {
     width?: number | string;
     loading?: boolean;
 } & DataCy;
-export declare const JRCInputSearchRaw: ({ onChange, placeholder, width, loading, onClickSearch, dataCy, }: JRCInputSearchProps) => React.JSX.Element;
+export declare const JRCInputSearchRaw: ({ onChange, placeholder, width, loading, onClickSearch, dataCy, }: JRCInputSearchProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,5 @@
+import { Meta } from '@storybook/react-webpack5';
+declare const _default: Meta;
+export default _default;
+export declare const OnChange: () => import("react/jsx-runtime").JSX.Element;
+export declare const OnClick: () => import("react/jsx-runtime").JSX.Element;

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

@@ -1,14 +1,14 @@
-import * as React from 'react';
 import { FieldValues } from 'react-hook-form';
 import { DataCy } from '../../../../types/dataAttributes';
 import { JRCInputFieldProps } from '../Common/JRCFormFieldRenderer.types';
-export type JRCInputTextProps = DataCy & Omit<React.ComponentPropsWithoutRef<'input'>, 'type'> & {
+import { ComponentPropsWithoutRef } from 'react';
+export type JRCInputTextProps = DataCy & Omit<ComponentPropsWithoutRef<'input'>, 'type'> & {
     width?: string;
 };
 type AutoCompletePassword = 'on' | 'off' | 'current-password' | 'new-password';
-export declare const RenderPasswordInput: React.ForwardRefExoticComponent<DataCy & Omit<Omit<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "type"> & {
-    width?: string | undefined;
-} & React.RefAttributes<HTMLInputElement>>;
+export declare const RenderPasswordInput: import("react").ForwardRefExoticComponent<DataCy & Omit<Omit<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "type"> & {
+    width?: string;
+} & import("react").RefAttributes<HTMLInputElement>>;
 /**
  * Component used as a <input type="password"/>
  * @param props JRCInputFieldProps
@@ -19,5 +19,5 @@ export declare function JRCInputPassword<T extends FieldValues = FieldValues>(pr
     autoComplete?: AutoCompletePassword;
     width?: string;
     disabled?: boolean;
-}): React.JSX.Element;
+}): import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -1,17 +1,17 @@
-import * as React from 'react';
 import { FieldValues } from 'react-hook-form';
 import { DataCy } from '../../../../types/dataAttributes';
 import { JRCInputFieldProps } from '../Common/JRCFormFieldRenderer.types';
-export type JRCInputTextProps = DataCy & React.ComponentPropsWithoutRef<'input'> & {
+import { ComponentPropsWithoutRef } from 'react';
+export type JRCInputTextProps = DataCy & ComponentPropsWithoutRef<'input'> & {
     width?: string;
     autocomplete?: 'on' | 'off';
     inputmode?: 'text' | 'numeric';
 };
-export declare const RenderInput: React.ForwardRefExoticComponent<DataCy & Omit<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref"> & {
-    width?: string | undefined;
-    autocomplete?: "on" | "off" | undefined;
-    inputmode?: "text" | "numeric" | undefined;
-} & React.RefAttributes<HTMLInputElement>>;
+export declare const RenderInput: import("react").ForwardRefExoticComponent<DataCy & Omit<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref"> & {
+    width?: string;
+    autocomplete?: "on" | "off";
+    inputmode?: "text" | "numeric";
+} & import("react").RefAttributes<HTMLInputElement>>;
 /**
  * Component used as a <input type="text"/>
  * @param props JRCInputFieldProps
@@ -23,17 +23,17 @@ export declare function JRCInputText<T extends FieldValues = FieldValues>(props:
     disabled?: boolean;
     autoComplete?: 'on' | 'off';
     inputmode?: 'text' | 'numeric';
-}): React.JSX.Element;
-export type JRCInputNumberProps = DataCy & React.ComponentPropsWithoutRef<'input'> & {
+}): import("react/jsx-runtime").JSX.Element;
+export type JRCInputNumberProps = DataCy & ComponentPropsWithoutRef<'input'> & {
     width?: string;
     min?: number;
     max?: number;
 };
-export declare const RenderNumberInput: React.ForwardRefExoticComponent<DataCy & Omit<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref"> & {
-    width?: string | undefined;
-    min?: number | undefined;
-    max?: number | undefined;
-} & React.RefAttributes<HTMLInputElement>>;
+export declare const RenderNumberInput: import("react").ForwardRefExoticComponent<DataCy & Omit<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref"> & {
+    width?: string;
+    min?: number;
+    max?: number;
+} & import("react").RefAttributes<HTMLInputElement>>;
 /**
  * Component used as a <input type="number"/>
  * @param props JRCInputFieldProps
@@ -45,4 +45,4 @@ export declare function JRCInputNumber<T extends FieldValues = FieldValues>(prop
     disabled?: boolean;
     min?: number;
     max?: number;
-}): React.JSX.Element;
+}): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,9 @@
+import { Meta } from '@storybook/react-webpack5';
+import { JRCInputFieldProps } from '../Common/JRCFormFieldRenderer.types';
+declare const _default: Meta;
+export default _default;
+export declare const InputText: import("storybook/internal/csf").AnnotatedStoryFn<import("@storybook/react-webpack5").ReactRenderer, JRCInputFieldProps<{
+    text: string;
+}>>;
+export declare const InputTextIconButton: any;
+export declare const AllInputs: () => import("react/jsx-runtime").JSX.Element;

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

@@ -1,37 +1,36 @@
-/// <reference types="react" />
-export declare const IconBefore: import("styled-components").StyledComponent<({ color, variant, name, size, isMargin, className, faOptions, iconColor, role, label, }: import("components/JRCIcon/JRCIcon").JRCIconProps) => import("react").JSX.Element, import("styled-components").DefaultTheme, {}, never>;
+export declare const IconBefore: import("styled-components").StyledComponent<({ color, variant, name, size, isMargin, className, faOptions, iconColor, role, label, }: import("../../../JRCIcon/JRCIcon").JRCIconProps) => import("react/jsx-runtime").JSX.Element, import("styled-components").DefaultTheme, {}, never>;
 export declare const IconAfter: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<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" | "submit" | "reset" | undefined;
-    bgBaseGrey?: 0 | 2 | 1 | undefined;
-    color?: import("../../../../styles/theme").Colors | import("../../../../styles/theme").Shades | "inherit" | undefined;
-    tooltip?: Omit<import("../../../..").JRCTooltipProps, "children"> | undefined;
-    variant?: "circle" | "square" | undefined;
-    hasLicense?: boolean | undefined;
-    bg?: import("../../../../styles/theme").Colors | import("../../../../styles/theme").Shades | undefined;
-    bgHover?: import("../../../../styles/theme").Colors | import("../../../../styles/theme").Shades | undefined;
-    borderColor?: import("../../../../styles/theme").Colors | import("../../../../styles/theme").Shades | undefined;
-    iconSize?: number | undefined;
-    badgeNumber?: number | undefined;
-    colorVariant?: string | undefined;
-    badgeInline?: boolean | undefined;
-    srOnly?: string | undefined;
+    size?: "small" | "medium";
+    onClick?: (event?: import("react").MouseEvent<HTMLButtonElement>) => void;
+    name?: string;
+    value?: string;
+    disabled?: boolean;
+    type?: "submit" | "reset" | "button";
+    bgBaseGrey?: 0 | 1 | 2;
+    color?: import("../../../..").Colors | import("../../../..").Shades | "inherit";
+    tooltip?: Omit<import("../../../..").JRCTooltipProps, "children">;
+    variant?: "circle" | "square";
+    hasLicense?: boolean;
+    bg?: import("../../../..").Colors | import("../../../..").Shades;
+    bgHover?: import("../../../..").Colors | import("../../../..").Shades;
+    borderColor?: import("../../../..").Colors | import("../../../..").Shades;
+    iconSize?: number;
+    badgeNumber?: number;
+    colorVariant?: string;
+    badgeInline?: boolean;
+    srOnly?: string;
 } & import("react").RefAttributes<HTMLButtonElement>>, import("styled-components").DefaultTheme, {}, never>;
 export declare const InputIconButton: import("styled-components").StyledComponent<"input", import("styled-components").DefaultTheme, import("../../../../types/dataAttributes").DataCy & {
-    error?: boolean | undefined;
-    valid?: boolean | undefined;
-    readOnly?: boolean | undefined;
+    error?: boolean;
+    valid?: boolean;
+    readOnly?: boolean;
 } & {
     hasIconButtonAfter: boolean;
 }, never>;
 export declare const InputTextStyled: import("styled-components").StyledComponent<"input", import("styled-components").DefaultTheme, import("../../../../types/dataAttributes").DataCy & {
-    error?: boolean | undefined;
-    valid?: boolean | undefined;
-    readOnly?: boolean | undefined;
+    error?: boolean;
+    valid?: boolean;
+    readOnly?: boolean;
 }, never>;
 export declare const ContainerInputTextIconButton: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;

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

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

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

@@ -1,7 +1,7 @@
-import React from 'react';
+import { ComponentPropsWithoutRef, Ref } from 'react';
 import { FieldError } from 'react-hook-form';
-import { JRCTooltipProps } from 'types';
-export type JRCInputTextRawProps = React.ComponentPropsWithoutRef<'input'> & {
+import { JRCTooltipProps } from '../../../JRCTooltip/types';
+export type JRCInputTextRawProps = ComponentPropsWithoutRef<'input'> & {
     margin?: string | undefined;
     width?: string | undefined;
     readOnly?: boolean;
@@ -13,20 +13,20 @@ export type JRCInputTextRawProps = React.ComponentPropsWithoutRef<'input'> & {
     description?: string;
     helper?: Omit<JRCTooltipProps, 'children'>;
     errors?: FieldError;
-    customRef?: React.Ref<HTMLInputElement>;
+    customRef?: Ref<HTMLInputElement>;
 };
-export declare const RenderInput: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref"> & {
+export declare const RenderInput: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref"> & {
     margin?: string | undefined;
     width?: string | undefined;
-    readOnly?: boolean | undefined;
-    disabled?: boolean | undefined;
-    isRequired?: boolean | undefined;
-    label?: string | undefined;
-    htmlFor?: string | undefined;
-    labelIsLegend?: boolean | undefined;
-    description?: string | undefined;
-    helper?: Omit<JRCTooltipProps, "children"> | undefined;
-    errors?: FieldError | undefined;
-    customRef?: React.Ref<HTMLInputElement> | undefined;
-} & React.RefAttributes<HTMLInputElement>>;
-export declare function JRCInputTextRaw(props: JRCInputTextRawProps): React.JSX.Element;
+    readOnly?: boolean;
+    disabled?: boolean;
+    isRequired?: boolean;
+    label?: string;
+    htmlFor?: string;
+    labelIsLegend?: boolean;
+    description?: string;
+    helper?: Omit<JRCTooltipProps, "children">;
+    errors?: FieldError;
+    customRef?: Ref<HTMLInputElement>;
+} & import("react").RefAttributes<HTMLInputElement>>;
+export declare function JRCInputTextRaw(props: JRCInputTextRawProps): import("react/jsx-runtime").JSX.Element;

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

@@ -1,16 +1,15 @@
-/// <reference types="react" />
 export declare const StyledFieldWrapper: import("styled-components").StyledComponent<"fieldset", import("styled-components").DefaultTheme, {
-    margin?: string | undefined;
-    width?: string | undefined;
+    margin?: string;
+    width?: string;
 }, never>;
-export declare const Required: import("styled-components").StyledComponent<({ variant, ...props }: import("../../../..").JRCTypographyProps) => import("react").JSX.Element, import("styled-components").DefaultTheme, {
+export declare const Required: import("styled-components").StyledComponent<({ variant, ...props }: import("../../../..").JRCTypographyProps) => import("react/jsx-runtime").JSX.Element, import("styled-components").DefaultTheme, {
     size: "s";
 } & {
     error: boolean;
 }, "size">;
 export declare const LabelWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
 export declare const InputTextRawStyled: import("styled-components").StyledComponent<"input", import("styled-components").DefaultTheme, import("../../../../types/dataAttributes").DataCy & {
-    error?: boolean | undefined;
-    valid?: boolean | undefined;
-    readOnly?: boolean | undefined;
+    error?: boolean;
+    valid?: boolean;
+    readOnly?: boolean;
 }, never>;

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

@@ -1,12 +1,12 @@
-import React from 'react';
+import { ComponentPropsWithoutRef } from 'react';
 import { JRCInputFieldProps } from '../Common/JRCFormFieldRenderer.types';
 import { DataCy } from '../../../../types/dataAttributes';
 import { FieldValues } from 'react-hook-form';
-export type JRCInputTextareaProps = DataCy & React.ComponentPropsWithoutRef<'textarea'>;
+export type JRCInputTextareaProps = DataCy & ComponentPropsWithoutRef<'textarea'>;
 /**
  * Component used as a <input type="text"/>
  * @param props JRCInputFieldProps
  * validation props: required
  * @returns JSX.Element
  */
-export declare function JRCInputTextarea<T extends FieldValues = FieldValues>(props: JRCInputFieldProps<T>): React.JSX.Element;
+export declare function JRCInputTextarea<T extends FieldValues = FieldValues>(props: JRCInputFieldProps<T>): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,7 @@
+import { Meta } from '@storybook/react-webpack5';
+import { JRCInputFieldProps } from '../Common/JRCFormFieldRenderer.types';
+declare const _default: Meta;
+export default _default;
+export declare const InputTextarea: import("storybook/internal/csf").AnnotatedStoryFn<import("@storybook/react-webpack5").ReactRenderer, JRCInputFieldProps<{
+    textarea: string;
+}>>;

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

@@ -1,8 +1,8 @@
 import { DataCy } from '../../../../types/dataAttributes';
 export declare const JRCInputTextareaRaw: import("styled-components").StyledComponent<"textarea", import("styled-components").DefaultTheme, {
-    height?: string | undefined;
+    height?: string;
 } & DataCy & {
-    error?: boolean | undefined;
-    valid?: boolean | undefined;
-    readOnly?: boolean | undefined;
+    error?: boolean;
+    valid?: boolean;
+    readOnly?: boolean;
 }, "height">;

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

@@ -1,12 +1,12 @@
-import * as React from 'react';
 import { JRCInputFieldProps } from '../Common/JRCFormFieldRenderer.types';
 import { DataCy } from '../../../../types/dataAttributes';
 import { FieldValues } from 'react-hook-form';
-export type JRCInputTimeProps = DataCy & React.ComponentPropsWithoutRef<'input'>;
+import { ComponentPropsWithoutRef } from 'react';
+export type JRCInputTimeProps = DataCy & 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>): React.JSX.Element;
+export declare function JRCInputTime<T extends FieldValues = FieldValues>(props: JRCInputFieldProps<T>): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,7 @@
+import { Meta } from '@storybook/react-webpack5';
+import { JRCInputFieldProps } from '../Common/JRCFormFieldRenderer.types';
+declare const _default: Meta;
+export default _default;
+export declare const InputTime: import("storybook/internal/csf").AnnotatedStoryFn<import("@storybook/react-webpack5").ReactRenderer, JRCInputFieldProps<{
+    hour: string;
+}>>;

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

@@ -1,9 +1,8 @@
-import * as React from 'react';
-import { JRCInputFieldProps } from '../Common/JRCFormFieldRenderer.types';
-import { FieldValues } from 'react-hook-form';
 import { TinyMCECommonOptions } from 'jamespot-user-api';
+import { FieldValues } from 'react-hook-form';
+import { JRCInputFieldProps } from '../Common/JRCFormFieldRenderer.types';
 import { MentionQuery } from '../JRCInputTinyMCERaw/JRCInputTinyMCERaw';
-import { TinyMCEExtension } from '../JRCInputTinyMCERaw/extensions/JTinyMCEExtensions';
+import { TinyMCEExtension } from '../JRCInputTinyMCERaw/types';
 export type JRCInputTinyMCEProps<T extends FieldValues> = JRCInputFieldProps<T> & {
     token?: string;
     commonOptions: TinyMCECommonOptions;
@@ -14,4 +13,4 @@ export type JRCInputTinyMCEProps<T extends FieldValues> = JRCInputFieldProps<T>
     };
     additionalExtensions?: Array<TinyMCEExtension>;
 };
-export declare const JRCInputTinyMCE: <T extends FieldValues = FieldValues>({ dataCy, token, mentionsQueries, commonOptions, additionalExtensions, ...props }: JRCInputTinyMCEProps<T>) => React.JSX.Element;
+export declare const JRCInputTinyMCE: <T extends FieldValues = FieldValues>({ dataCy, token, mentionsQueries, commonOptions, additionalExtensions, ...props }: JRCInputTinyMCEProps<T>) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,7 @@
+import { Meta } from '@storybook/react-webpack5';
+import { JRCInputTinyMCEProps } from './JRCInputTinyMCE';
+declare const _default: Meta;
+export default _default;
+export declare const InputTinyMCEForm: import("storybook/internal/csf").AnnotatedStoryFn<import("@storybook/react-webpack5").ReactRenderer, JRCInputTinyMCEProps<{
+    text: string;
+}>>;

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

@@ -1,9 +1,8 @@
-import * as React from 'react';
 import { Editor } from '@tinymce/tinymce-react';
-import { Ref } from 'react';
 import { TinyMCECommonOptions } from 'jamespot-user-api';
+import { Ref } from 'react';
 import { DataCy } from '../../../../types/dataAttributes';
-import { TinyMCEExtension } from './extensions/JTinyMCEExtensions';
+import { TinyMCEExtension } from './types';
 declare global {
     const tinymce: any;
 }
@@ -38,27 +37,4 @@ export type JRCInputTinyMCERawProps = DataCy & {
     autofocus?: boolean;
     readOnly?: boolean;
 };
-export declare const JRCInputTinyMCERaw: React.ForwardRefExoticComponent<Omit<DataCy & {
-    token?: string | undefined;
-    commonOptions: TinyMCECommonOptions;
-    additionalExtensions?: TinyMCEExtension[] | undefined;
-    value: string | {
-        html: string;
-        text: string;
-    };
-    onBlur?: (() => void) | undefined;
-    onChange: (html: string, text: string) => void;
-    ref?: React.Ref<Editor> | undefined;
-    tinymceScriptSrc?: string | undefined;
-    autoFocus?: boolean | undefined;
-    inline?: boolean | undefined;
-    placeholder?: string | undefined;
-    mentionsQueries: {
-        users: MentionQuery;
-        tags: MentionQuery;
-        contents: MentionQuery;
-    };
-    height?: number | undefined;
-    autofocus?: boolean | undefined;
-    readOnly?: boolean | undefined;
-}, "ref"> & React.RefAttributes<Editor>>;
+export declare const JRCInputTinyMCERaw: import("react").ForwardRefExoticComponent<Omit<JRCInputTinyMCERawProps, "ref"> & import("react").RefAttributes<Editor>>;

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

@@ -0,0 +1,5 @@
+import { Meta } from '@storybook/react-webpack5';
+import { JRCInputTinyMCERawProps } from './JRCInputTinyMCERaw';
+declare const _default: Meta;
+export default _default;
+export declare const InputTinyMCE: import("storybook/internal/csf").AnnotatedStoryFn<import("@storybook/react-webpack5").ReactRenderer, JRCInputTinyMCERawProps>;

package/build/src/components/Form/Input/JRCInputTinyMCERaw/JRCTinyMCEFileUploadModal.d.ts

@@ -1,8 +1,7 @@
-import * as React from 'react';
 type JRCTinyMCEFileUploadModalProps = {
     closeHandler: () => void;
     open: boolean;
     token?: string;
 };
-export declare const JRCTinyMCEFileUploadModal: ({ open, closeHandler, token }: JRCTinyMCEFileUploadModalProps) => React.JSX.Element;
+export declare const JRCTinyMCEFileUploadModal: ({ open, closeHandler, token }: JRCTinyMCEFileUploadModalProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/build/src/components/Form/Input/JRCInputTinyMCERaw/JRCTinyMCEImageUploadModal.d.ts

@@ -1,8 +1,7 @@
-import * as React from 'react';
 type JRCTinyMCEImageUploadModalProps = {
     closeHandler: () => void;
     open: boolean;
     token?: string;
 };
-export declare const JRCTinyMCEImageUploadModal: ({ open, closeHandler, token }: JRCTinyMCEImageUploadModalProps) => React.JSX.Element;
+export declare const JRCTinyMCEImageUploadModal: ({ open, closeHandler, token }: JRCTinyMCEImageUploadModalProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/build/src/components/Form/Input/JRCInputTinyMCERaw/JRCTinyMCEVideoUploadModal.d.ts

@@ -1,8 +1,7 @@
-import * as React from 'react';
 type JRCTinyMCEVideoUploadModalProps = {
     closeHandler: () => void;
     open: boolean;
     token?: string;
 };
-export declare const JRCTinyMCEVideoUploadModal: ({ open, closeHandler, token }: JRCTinyMCEVideoUploadModalProps) => React.JSX.Element;
+export declare const JRCTinyMCEVideoUploadModal: ({ open, closeHandler, token }: JRCTinyMCEVideoUploadModalProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/build/src/components/Form/Input/JRCInputTinyMCERaw/extensions/JIAExtension/JIATextGenerationExtension.d.ts

@@ -1,5 +1,5 @@
-import { TinyMCEExtensionBuilder } from '../JTinyMCEExtensions';
 import { IntlShape } from 'react-intl';
+import { TinyMCEExtensionBuilder } from '../../types';
 export type TextGenerationCapabilities = {
     summarize: (text: string) => Promise<string>;
     develop: (text: string) => Promise<string>;

package/build/src/components/Form/Input/JRCInputTinyMCERaw/extensions/JTinyMCEExtensions.d.ts

@@ -1,11 +1,4 @@
-import { Editor } from 'tinymce';
-export type TinyMCEExtension = {
-    setup: (editor: Editor) => void;
-};
-export interface TinyMCEExtensionBuilder<T extends Array<any>> {
-    (...args: T): TinyMCEExtension;
-}
 export declare const JTinyMCEExtensionsBuilders: {
-    readonly jia: TinyMCEExtensionBuilder<[import("./JIAExtension/JIATextGenerationExtension").TextGenerationCapabilities, import("react-intl").IntlShape]>;
-    readonly markdown: TinyMCEExtensionBuilder<[(editor: Editor) => void, import("react-intl").IntlShape]>;
+    readonly jia: import("../types").TinyMCEExtensionBuilder<[import("./JIAExtension/JIATextGenerationExtension").TextGenerationCapabilities, import("react-intl").IntlShape]>;
+    readonly markdown: import("../types").TinyMCEExtensionBuilder<[(editor: import("tinymce").Editor) => void, import("react-intl").IntlShape]>;
 };

package/build/src/components/Form/Input/JRCInputTinyMCERaw/extensions/MarkdownExtension/MarkdownExtension.d.ts

@@ -1,4 +1,4 @@
-import { TinyMCEExtensionBuilder } from '../JTinyMCEExtensions';
 import { IntlShape } from 'react-intl';
 import { Editor } from 'tinymce';
+import { TinyMCEExtensionBuilder } from '../../types';
 export declare const MarkdownExtension: TinyMCEExtensionBuilder<[(editor: Editor) => void, IntlShape]>;

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

@@ -0,0 +1,7 @@
+import { Editor } from 'tinymce';
+export type TinyMCEExtension = {
+    setup: (editor: Editor) => void;
+};
+export interface TinyMCEExtensionBuilder<T extends Array<any>> {
+    (...args: T): TinyMCEExtension;
+}

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

@@ -1,13 +1,13 @@
-import * as React from 'react';
 import { JRCInputFieldProps } from '../Common/JRCFormFieldRenderer.types';
 import { DataCy } from '../../../../types/dataAttributes';
 import { FieldValues } from 'react-hook-form';
-export type JRCInputUrlProps = DataCy & React.ComponentPropsWithoutRef<'input'> & {
+import { ComponentPropsWithoutRef } from 'react';
+export type JRCInputUrlProps = DataCy & ComponentPropsWithoutRef<'input'> & {
     width?: string;
 };
-export declare const RenderInput: React.ForwardRefExoticComponent<DataCy & Omit<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref"> & {
-    width?: string | undefined;
-} & React.RefAttributes<HTMLInputElement>>;
+export declare const RenderInput: import("react").ForwardRefExoticComponent<DataCy & Omit<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref"> & {
+    width?: string;
+} & import("react").RefAttributes<HTMLInputElement>>;
 /**
  * Component used as a <input type="url"/>
  * @param props JRCInputFieldProps
@@ -16,4 +16,4 @@ export declare const RenderInput: React.ForwardRefExoticComponent<DataCy & Omit<
  */
 export declare function JRCInputUrl<T extends FieldValues = FieldValues>(props: JRCInputFieldProps<T> & {
     width?: string;
-}): React.JSX.Element;
+}): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,7 @@
+import { JRCInputFieldProps } from '../Common/JRCFormFieldRenderer.types';
+import { Meta } from '@storybook/react-webpack5';
+declare const _default: Meta;
+export default _default;
+export declare const InputUrl: import("storybook/internal/csf").AnnotatedStoryFn<import("@storybook/react-webpack5").ReactRenderer, JRCInputFieldProps<{
+    url: string;
+}>>;

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

@@ -0,0 +1,10 @@
+import { Meta } from '@storybook/react-webpack5';
+import { JRCAutocompleteProps } from './JRCInputSelect.types';
+declare const _default: Meta;
+export default _default;
+export declare const Autocomplete: import("storybook/internal/csf").AnnotatedStoryFn<import("@storybook/react-webpack5").ReactRenderer, JRCAutocompleteProps<{
+    select: Array<{
+        uri?: string;
+        title: string;
+    }>;
+}>>;