jamespot-react-components 1.2.34 → 1.2.36

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

@@ -1,20 +1,20 @@
-import * as React from 'react';
 import { ExternalFormFieldRenderProps } from '../JRCFormFieldRender';
+import { ComponentPropsWithoutRef } from 'react';
 /**
  * Props used for all inputs
  *
- * @extends Omit<React.ComponentPropsWithoutRef<'input'>, "type"> @see React.ComponentPropsWithoutRef
+ * @extends Omit<ComponentPropsWithoutRef<'input'>, "type"> @see ComponentPropsWithoutRef
  * @extends ExternalFormFieldRenderProps @see ExternalFormFieldRenderProps
  *
  * @name redux form name
  */
-export interface TextareaFormInputProps extends Omit<React.ComponentPropsWithoutRef<'textarea'>, 'type'>, ExternalFormFieldRenderProps {
+export interface TextareaFormInputProps extends Omit<ComponentPropsWithoutRef<'textarea'>, 'type'>, ExternalFormFieldRenderProps {
     name: string;
 }
 export declare const JRCFormTextarea: import("styled-components").StyledComponent<"textarea", import("styled-components").DefaultTheme, import("../../../../../types/dataAttributes").DataCy & {
-    error?: boolean | undefined;
-    valid?: boolean | undefined;
-    readOnly?: boolean | undefined;
+    error?: boolean;
+    valid?: boolean;
+    readOnly?: boolean;
 }, never>;
 /**
  * Component used as a textarea
@@ -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) => React.JSX.Element;
+export declare const JRCFormTextareaField: (props: TextareaFormInputProps) => import("react/jsx-runtime").JSX.Element;

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

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

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

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

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

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

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

@@ -1,9 +1,8 @@
-import * as React from 'react';
-import { ControllerRenderProps } from 'react-hook-form';
+import { ForwardedRef, ReactNode } from 'react';
+import { ControllerRenderProps, FieldValues } from 'react-hook-form';
 import { DataCy } from '../../../../types/dataAttributes';
-import { JRCInputFieldProps } from '../Common/JRCFormFieldRenderer.types';
-import { FieldValues } from 'react-hook-form';
 import { PartialBy } from '../../../../types/utils';
+import { JRCInputFieldProps } from '../Common/JRCFormFieldRenderer.types';
 export declare const ReadOnlyBorder: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
 type CheckboxOption<TFieldValues> = {
     label: string | JSX.Element;
@@ -24,12 +23,12 @@ export type CheckboxProps<TFieldValues> = DataCy & {
     backgroundOnSelect?: boolean;
     valueTypeIsBoolean?: boolean;
     readOnly?: boolean;
-    getReadOnlyLabel?: (value: TFieldValues) => React.ReactNode;
+    getReadOnlyLabel?: (value: TFieldValues) => ReactNode;
     limit?: number;
 };
 export type JRCInputCheckboxProps<TFieldValues extends FieldValues = FieldValues> = CheckboxProps<TFieldValues> & JRCInputFieldProps<TFieldValues>;
 export type NativeCheckboxProps<TFieldValues extends FieldValues = FieldValues> = CheckboxProps<TFieldValues> & PartialBy<Omit<ControllerRenderProps<TFieldValues>, 'value' | 'ref'>, 'onBlur'> & {
-    ref?: React.ForwardedRef<HTMLInputElement>;
+    ref?: ForwardedRef<HTMLInputElement>;
 } & {
     value: TFieldValues | TFieldValues[];
     htmlFor?: string;
@@ -37,7 +36,7 @@ export type NativeCheckboxProps<TFieldValues extends FieldValues = FieldValues>
 export declare const ReadOnlyUl: import("styled-components").StyledComponent<"ul", import("styled-components").DefaultTheme, {}, never>;
 export declare const StyledDescription: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
 export declare const JRCInputCheckboxRaw: <T extends FieldValues = FieldValues>(props: NativeCheckboxProps<T>) => 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 function JRCInputCheckbox<TFieldValues extends FieldValues = FieldValues>({ name, control, rules, label, htmlFor, labelIsLegend, description, helper, ...props }: JRCInputCheckboxProps<TFieldValues>): import("react/jsx-runtime").JSX.Element;
 export declare namespace JRCInputCheckbox {
     var defaultProps: {
         direction: string;

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

@@ -0,0 +1,7 @@
+import { Meta } from '@storybook/react-webpack5';
+import { JRCInputCheckboxProps } from './JRCInputCheckbox.types';
+declare const _default: Meta;
+export default _default;
+export declare const InputCheckbox: import("storybook/internal/csf").AnnotatedStoryFn<import("@storybook/react-webpack5").ReactRenderer, JRCInputCheckboxProps<any>>;
+export declare const InputCheckboxHelperWithComponent: import("storybook/internal/csf").AnnotatedStoryFn<import("@storybook/react-webpack5").ReactRenderer, JRCInputCheckboxProps<any>>;
+export declare const InputRadio: import("storybook/internal/csf").AnnotatedStoryFn<import("@storybook/react-webpack5").ReactRenderer, JRCInputCheckboxProps<any>>;

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

@@ -1,7 +1,5 @@
-/// <reference types="react" />
 import { JRCInputFieldProps } from '../Common/JRCFormFieldRenderer.types';
-import { ControllerRenderProps } from 'react-hook-form';
-import { FieldValues } from 'react-hook-form';
+import { ControllerRenderProps, FieldValues } from 'react-hook-form';
 export type CheckboxValue<T extends FieldValues = FieldValues> = string | number | T;
 export type CheckboxOption<TFieldValues extends FieldValues = FieldValues> = {
     label: string | JSX.Element;

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

@@ -1,8 +1,7 @@
-import * as React from 'react';
-import { ControllerRenderProps } from 'react-hook-form';
+import { ReactNode } from 'react';
+import { ControllerRenderProps, FieldValues } from 'react-hook-form';
 import { DataCy } from '../../../../types/dataAttributes';
 import { JRCInputFieldProps } from '../Common/JRCFormFieldRenderer.types';
-import { FieldValues } from 'react-hook-form';
 type CheckboxOption<TFieldValues> = {
     label: string | JSX.Element;
     value: string | number | TFieldValues;
@@ -10,12 +9,13 @@ type CheckboxOption<TFieldValues> = {
 export type CheckboxProps<TFieldValues> = DataCy & {
     options: Array<CheckboxOption<TFieldValues>>;
     readOnly?: boolean;
-    getLabel?: (option: CheckboxOption<TFieldValues>) => React.ReactNode;
+    getLabel?: (option: CheckboxOption<TFieldValues>) => ReactNode;
     canReorder?: boolean;
 };
 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>): React.JSX.Element;
+export declare const RenderInput: <TFieldValues extends FieldValues = FieldValues>(props: Omit<NativeCheckboxProps<TFieldValues>, "ref">) => JSX.Element;
+export declare function JRCInputReorderCheckbox<TFieldValues extends FieldValues = FieldValues>({ name, control, rules, label, htmlFor, labelIsLegend, description, helper, margin, ...props }: JRCInputCheckboxProps<TFieldValues>): import("react/jsx-runtime").JSX.Element;
 export {};

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

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

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

@@ -1,38 +1,29 @@
-import * as React from 'react';
+import { ForwardedRef } from 'react';
 import { ControllerRenderProps, FieldValues } from 'react-hook-form';
-import { DataCy } from 'types/dataAttributes';
-import { JRCTooltipProps } from 'components/JRCTooltip/JRCTooltip';
+import { DataCy } from '../../../../types/dataAttributes';
+import { ButtonColors } from '../../../JRCButton/types';
+import { JRCTooltipProps } from '../../../JRCTooltip/types';
 import { JRCInputFieldProps } from '../Common/JRCFormFieldRenderer.types';
-import { ButtonColors } from '../../../JRCButton/JRCButton';
 type Sizes = 's' | 'm';
-type ToggleListOption<TFieldValues> = {
+type ToggleValues = string | number | boolean;
+type ToggleListOption = {
     label: string | JSX.Element;
-    value: string | number | TFieldValues;
+    value: ToggleValues;
     color?: ButtonColors;
 };
 export type ToggleProps = DataCy & {
     size?: Sizes;
     width?: string;
     disabled?: boolean;
-    options: Array<ToggleListOption<string>>;
+    options: Array<ToggleListOption>;
 };
-export type ToggleRawProps<TFieldValues extends FieldValues = FieldValues> = ToggleProps & Omit<ControllerRenderProps<TFieldValues>, 'value' | 'ref'> & {
-    ref?: React.ForwardedRef<HTMLInputElement>;
+export type ToggleRawProps<TFieldValues extends FieldValues = FieldValues> = ToggleProps & Omit<ControllerRenderProps<TFieldValues>, 'value' | 'ref' | 'onBlur'> & {
+    ref?: ForwardedRef<HTMLInputElement>;
 } & {
-    value: string;
-    tooltip?: JRCTooltipProps;
+    value: ToggleValues;
+    tooltip?: Omit<JRCTooltipProps, 'children'>;
 };
-export declare const JRCInputToggleRaw: React.ForwardRefExoticComponent<Omit<DataCy & {
-    size?: Sizes | undefined;
-    width?: string | undefined;
-    disabled?: boolean | undefined;
-    options: Array<ToggleListOption<string>>;
-} & Omit<ControllerRenderProps<FieldValues, string>, "ref" | "value"> & {
-    ref?: React.ForwardedRef<HTMLInputElement> | undefined;
-} & {
-    value: string;
-    tooltip?: JRCTooltipProps | undefined;
-}, "ref"> & React.RefAttributes<HTMLInputElement>>;
-export type JRCInputToggleProps<TFieldValues extends FieldValues = FieldValues> = ToggleRawProps<TFieldValues> & JRCInputFieldProps<TFieldValues>;
-export declare function JRCInputToggle<TFieldValues extends FieldValues = FieldValues>({ name, control, rules, label, htmlFor, labelIsLegend, description, helper, ...props }: JRCInputToggleProps<TFieldValues>): React.JSX.Element;
+export declare const JRCInputToggleRaw: <T extends FieldValues = FieldValues>(props: ToggleRawProps<T>) => JSX.Element;
+export type JRCInputToggleProps<TFieldValues extends FieldValues = FieldValues> = Omit<ToggleRawProps<TFieldValues>, 'value' | 'onChange'> & JRCInputFieldProps<TFieldValues>;
+export declare function JRCInputToggle<TFieldValues extends FieldValues = FieldValues>({ name, control, rules, label, htmlFor, labelIsLegend, description, helper, ...props }: JRCInputToggleProps<TFieldValues>): import("react/jsx-runtime").JSX.Element;
 export {};

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

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

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

@@ -1,6 +1,5 @@
-import * as React from 'react';
 import { FormInputProps } from '../../Deprecated/JRCFormFieldRender';
 export declare const CheckboxWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
-    disabled?: boolean | undefined;
+    disabled?: boolean;
 }, never>;
-export declare const JRCCheckbox: React.ForwardRefExoticComponent<FormInputProps & React.RefAttributes<HTMLInputElement>>;
+export declare const JRCCheckbox: import("react").ForwardRefExoticComponent<FormInputProps & import("react").RefAttributes<HTMLInputElement>>;

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

@@ -1,4 +1,3 @@
-import React from 'react';
 import { FormInputProps } from '../../Deprecated/JRCFormFieldRender';
 export declare const RadioWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
-export declare const JRCRadio: React.ForwardRefExoticComponent<FormInputProps & React.RefAttributes<HTMLInputElement>>;
+export declare const JRCRadio: import("react").ForwardRefExoticComponent<FormInputProps & import("react").RefAttributes<HTMLInputElement>>;

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

@@ -1,3 +1,2 @@
-import React from 'react';
 import { FormInputProps } from '../../Deprecated/JRCFormFieldRender';
-export declare const JRCToggle: React.ForwardRefExoticComponent<FormInputProps & React.RefAttributes<HTMLInputElement>>;
+export declare const JRCToggle: import("react").ForwardRefExoticComponent<FormInputProps & import("react").RefAttributes<HTMLInputElement>>;

package/build/src/components/Form/Input/JRCInputColor/ColorInput.d.ts

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

package/build/src/components/Form/Input/JRCInputColor/ColorPalette.d.ts

@@ -1,4 +1,3 @@
-import React from 'react';
 import { ColorPaletteType } from './JRCInputColorRawProps';
 export declare const CSSColorBorder: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
 export declare const LockIcon: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
@@ -11,5 +10,5 @@ type ColorPaletteProps = {
     onClick: (color: string) => void;
     onChange?: (locked: boolean) => void;
 };
-export declare const ColorPalette: ({ palette, isLocked, onClick, onChange }: ColorPaletteProps) => React.JSX.Element;
+export declare const ColorPalette: ({ palette, isLocked, onClick, onChange }: ColorPaletteProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/build/src/components/Form/Input/JRCInputColor/ColorPicker.d.ts

@@ -1,4 +1,3 @@
-import React from 'react';
 export declare const CSSColorPickerWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
     width: number;
     height: number;
@@ -26,5 +25,5 @@ type ColorPickerType = {
     palettes?: ColorPickerPaletteType[];
     onChange: (color: string, trigger: boolean) => void;
 };
-export declare const ColorPicker: ({ initialColor, width, height, palettes, onChange }: ColorPickerType) => React.JSX.Element;
+export declare const ColorPicker: ({ initialColor, width, height, palettes, onChange }: ColorPickerType) => import("react/jsx-runtime").JSX.Element;
 export {};

package/build/src/components/Form/Input/JRCInputColor/ColorRange.d.ts

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

package/build/src/components/Form/Input/JRCInputColor/DragArea.d.ts

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

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

@@ -1,6 +1,5 @@
-import React from 'react';
 import { JRCInputColorRawProps } from './JRCInputColorRawProps';
 import { FieldValues } from 'react-hook-form';
 import { JRCInputFieldProps } from '../Common/JRCFormFieldRenderer.types';
 export type JRCColorPickerProps<T extends FieldValues> = Omit<JRCInputFieldProps<T>, 'placeholder' | 'labelIsLegend'> & Omit<JRCInputColorRawProps, 'onChange' | 'name' | 'description' | 'label'>;
-export declare const JRCInputColor: <T extends FieldValues = FieldValues>({ initialValue, palettes, disabled, ...props }: JRCColorPickerProps<T>) => React.JSX.Element;
+export declare const JRCInputColor: <T extends FieldValues = FieldValues>({ initialValue, palettes, disabled, ...props }: JRCColorPickerProps<T>) => import("react/jsx-runtime").JSX.Element;

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

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

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

@@ -1,5 +1,5 @@
 export declare const CSSColorPicker: import("styled-components").StyledComponent<"button", import("styled-components").DefaultTheme, {
-    disabled?: boolean | undefined;
+    disabled?: boolean;
 }, never>;
 export declare const CSSColorPickerIcon: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
 export declare const CSSColorPickerLabel: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;

package/build/src/components/Form/Input/JRCInputColor/JRCInputColorRaw.d.ts

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

package/build/src/components/Form/Input/JRCInputColor/JRCInputColorRaw.stories.d.ts

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

package/build/src/components/Form/Input/JRCInputColor/JRCInputColorRawProps.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export type ColorPaletteType = {
     name?: string;
     colors: string[];

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

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

package/build/src/components/Form/Input/JRCInputDate/JRCInputDate.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 InputDate: import("storybook/internal/csf").AnnotatedStoryFn<import("@storybook/react-webpack5").ReactRenderer, JRCInputFieldProps<{
+    date: string;
+}>>;

package/build/src/components/Form/Input/JRCInputDateTime/JRCInputDateTIme.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 InputDateTime: import("storybook/internal/csf").AnnotatedStoryFn<import("@storybook/react-webpack5").ReactRenderer, JRCInputFieldProps<{
+    date: string;
+}>>;

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

@@ -1,8 +1,8 @@
-import * as React from 'react';
 import { JRCInputFieldProps } from '../Common/JRCFormFieldRenderer.types';
 import { DataCy } from '../../../../types/dataAttributes';
 import { FieldValues } from 'react-hook-form';
-export type NativeInputProps = DataCy & React.ComponentPropsWithoutRef<'input'> & {
+import { ComponentPropsWithoutRef } from 'react';
+export type NativeInputProps = DataCy & ComponentPropsWithoutRef<'input'> & {
     type?: 'date' | 'time' | 'datetime-local';
 };
 export type JRCInputDateTimeProps<TFieldValues extends FieldValues = FieldValues> = NativeInputProps & JRCInputFieldProps<TFieldValues>;
@@ -12,4 +12,4 @@ export type JRCInputDateTimeProps<TFieldValues extends FieldValues = FieldValues
  * validation props: required
  * @returns JSX.Element
  */
-export declare function JRCInputDateTime<T extends FieldValues = FieldValues>(props: JRCInputDateTimeProps<T>): React.JSX.Element;
+export declare function JRCInputDateTime<T extends FieldValues = FieldValues>(props: JRCInputDateTimeProps<T>): import("react/jsx-runtime").JSX.Element;

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

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

package/build/src/components/Form/Input/JRCInputEmail/JRCInputEmail.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 InputEmail: import("storybook/internal/csf").AnnotatedStoryFn<import("@storybook/react-webpack5").ReactRenderer, JRCInputFieldProps<{
+    email: string;
+}>>;

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

@@ -1,9 +1,9 @@
-import * as React from 'react';
 import { JRCInputFieldProps } from '../Common/JRCFormFieldRenderer.types';
 import { DataCy } from '../../../../types/dataAttributes';
 import { FieldValues } from 'react-hook-form';
 import { ApiWrapper, jFileLittle } from 'jamespot-user-api';
-export type NativeInputFileProps = DataCy & Omit<React.ComponentPropsWithoutRef<'input'>, 'value' | 'onChange'> & {
+import { ComponentPropsWithoutRef } from 'react';
+export type NativeInputFileProps = DataCy & Omit<ComponentPropsWithoutRef<'input'>, 'value' | 'onChange'> & {
     token?: string | undefined;
     attrName?: string;
     onLoading?: (state: boolean) => void;
@@ -12,18 +12,18 @@ export type NativeInputFileProps = DataCy & Omit<React.ComponentPropsWithoutRef<
     showLoading?: boolean;
 };
 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"> & {
+export declare const InputFile: import("react").ForwardRefExoticComponent<DataCy & Omit<Omit<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "value" | "onChange"> & {
     token?: string | undefined;
-    attrName?: string | undefined;
-    onLoading?: ((state: boolean) => void) | undefined;
+    attrName?: string;
+    onLoading?: (state: boolean) => void;
     value: ApiWrapper<jFileLittle>[];
     onChange: (files: ApiWrapper<jFileLittle>[]) => void;
-    showLoading?: boolean | undefined;
-} & React.RefAttributes<HTMLInputElement>>;
+    showLoading?: boolean;
+} & import("react").RefAttributes<HTMLInputElement>>;
 /**
  * Component used as a <input type="file"/>
  * @param props JRCInputFieldProps
  * validation props: required
  * @returns JSX.Element
  */
-export declare function JRCInputFile<T extends FieldValues = FieldValues>(props: JRCInputFileProps<T>): React.JSX.Element;
+export declare function JRCInputFile<T extends FieldValues = FieldValues>(props: JRCInputFileProps<T>): import("react/jsx-runtime").JSX.Element;

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

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

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

@@ -1,8 +1,8 @@
 export declare function fileSend(file: File, token: string | undefined, name: string): Promise<{
     result: {
+        id: number;
         type: string;
         uri: string;
-        id: number;
         mainType: string;
         dateCreation: string;
         dateModified: string | null;

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

@@ -0,0 +1,6 @@
+import { Meta } from '@storybook/react-webpack5';
+import { JRCInputFileAdavancedProps } from './JRCInputFileAdvancedRaw';
+declare const _default: Meta;
+export default _default;
+export declare const File: import("storybook/internal/csf").AnnotatedStoryFn<import("@storybook/react-webpack5").ReactRenderer, JRCInputFileAdavancedProps>;
+export declare const FileMultiple: import("storybook/internal/csf").AnnotatedStoryFn<import("@storybook/react-webpack5").ReactRenderer, JRCInputFileAdavancedProps>;

package/build/src/components/Form/Input/JRCInputFileAdvanced/JRCInputFileAdvancedRaw.d.ts

@@ -1,13 +1,12 @@
-import { Drive, JFileApi, jFileLittle, Network } from 'jamespot-user-api';
-import { JDriveApi } from 'jamespot-user-api/lib/src/apis/drive/drive';
-import * as React from 'react';
+import { Drive, JDriveApi, JFileApi, jFileLittle, Network } from 'jamespot-user-api';
+import { ComponentPropsWithoutRef } from 'react';
 import { WrappedFieldInputProps } from 'redux-form';
 import { FoldersHandlers } from '../../../JRCFolders/types';
 export type FileWithId = File & {
     id?: string;
 };
 export type DriveOrFilebank = Drive | 'fileBank';
-export interface JRCInputFileAdavancedProps extends React.ComponentPropsWithoutRef<'input'> {
+export interface JRCInputFileAdavancedProps extends ComponentPropsWithoutRef<'input'> {
     required?: boolean;
     loading?: boolean;
     className?: string;
@@ -35,4 +34,4 @@ export interface JRCInputFileAdavancedProps extends React.ComponentPropsWithoutR
         onClose: () => void;
     };
 }
-export declare const JRCInputFileAdvancedRaw: React.ForwardRefExoticComponent<JRCInputFileAdavancedProps & React.RefAttributes<HTMLInputElement>>;
+export declare const JRCInputFileAdvancedRaw: import("react").ForwardRefExoticComponent<JRCInputFileAdavancedProps & import("react").RefAttributes<HTMLInputElement>>;

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

@@ -0,0 +1,3 @@
+export type FileWithId = File & {
+    id?: string;
+};

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

@@ -1,40 +1,9 @@
-import * as React from 'react';
-import { JRCInputFieldProps } from '../Common/JRCFormFieldRenderer.types';
-import { DataCy } from '../../../../types/dataAttributes';
 import { FieldValues } from 'react-hook-form';
-import { jFileLittle } from 'jamespot-user-api';
-export type DropZoneDimensions = {
-    width: number;
-    height: number;
-};
-export type NativeInputImageProps = DataCy & Omit<React.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'>;
+import { JRCInputImageProps } from './types';
 /**
  * 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>): React.JSX.Element;
+export declare function JRCInputImage<T extends FieldValues = FieldValues>(props: JRCInputImageProps<T>): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,6 @@
+import { Meta } from '@storybook/react-webpack5';
+import { JRCInputImageProps } from './types';
+declare const _default: Meta;
+export default _default;
+export declare const InputImageHorizontal: import("storybook/internal/csf").AnnotatedStoryFn<import("@storybook/react-webpack5").ReactRenderer, JRCInputImageProps>;
+export declare const InputImageVertical: import("storybook/internal/csf").AnnotatedStoryFn<import("@storybook/react-webpack5").ReactRenderer, JRCInputImageProps>;

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

@@ -1,13 +1,13 @@
-import { DropZoneDimensions } from './JRCInputImage';
+import { DropZoneDimensions } from './types';
 export declare const InputFileWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
 export declare const Grid: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
-    position?: "right" | "bottom" | undefined;
+    position?: "right" | "bottom";
     columnCount: number;
 }, never>;
 export declare const DropZone: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
-    position?: "right" | "bottom" | undefined;
+    position?: "right" | "bottom";
     columnCount: number;
-    dzDimensions?: DropZoneDimensions | undefined;
+    dzDimensions?: DropZoneDimensions;
 }, never>;
 export declare const ReadOnlyImg: import("styled-components").StyledComponent<"img", import("styled-components").DefaultTheme, {}, never>;
 export declare const DropZoneButton: import("styled-components").StyledComponent<"button", import("styled-components").DefaultTheme, {
@@ -15,6 +15,6 @@ export declare const DropZoneButton: import("styled-components").StyledComponent
 }, never>;
 export declare const DropZoneImage: import("styled-components").StyledComponent<"img", import("styled-components").DefaultTheme, {}, never>;
 export declare const ImageButton: import("styled-components").StyledComponent<"button", import("styled-components").DefaultTheme, {
-    aspectRatio?: number | undefined;
+    aspectRatio?: number;
 }, never>;
 export declare const Img: import("styled-components").StyledComponent<"img", import("styled-components").DefaultTheme, {}, never>;