jamespot-react-components 1.0.125 → 1.0.126

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

@@ -12,6 +12,7 @@ import { RegisterOptions } from 'react-hook-form/dist/types/validator';
  * @member labelIsLegend,
  * @member description, description, part of the html label
  * @member helper, tooltip, part of the html label
+ * @member className,
  */
 export interface FieldRenderProps extends DataCy {
     label?: string;
@@ -20,6 +21,7 @@ export interface FieldRenderProps extends DataCy {
     labelIsLegend?: boolean;
     description?: string;
     helper?: Omit<JRCTooltipProps, 'children'>;
+    className?: string;
 }
 /**
  * react-hook-form prop alias for the required *name* and *control* props

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

@@ -1,6 +1,7 @@
+import * as React from 'react';
 import { Editor } from '@tiptap/react';
 import { JRCWritableFormInputProps } from '../JRCFormFieldRender';
-import { WrappedFieldInputProps } from 'redux-form';
+import { EventHandler, EventOrValueHandler } from 'redux-form';
 import { DataCy } from '../../../../types/dataAttributes';
 /**
  * This component is used with redux-form (studio) and with react-hook-form!!
@@ -8,11 +9,27 @@ import { DataCy } from '../../../../types/dataAttributes';
 export declare const MenuBar: ({ editor }: {
     editor: Editor | null;
 }) => JSX.Element | null;
-export declare type FormRichTextFieldProps = WrappedFieldInputProps & DataCy;
+export declare type RichTextValue = {
+    html: string;
+    text: string;
+};
+export declare type FormRichTextFieldProps = {
+    name: string;
+    value: Partial<RichTextValue> | undefined;
+    onFocus: EventHandler<React.FocusEvent>;
+    onBlur: EventOrValueHandler<React.FocusEvent>;
+    onChange: (value: RichTextValue) => void;
+} & DataCy;
 /**
  * This component is used with redux-form (studio) and with react-hook-form!!
  */
-export declare const FormRichTextField: (props: FormRichTextFieldProps) => JSX.Element;
+export declare const FormRichTextField: React.ForwardRefExoticComponent<{
+    name: string;
+    value: Partial<RichTextValue> | undefined;
+    onFocus: EventHandler<React.FocusEvent>;
+    onBlur: EventOrValueHandler<React.FocusEvent>;
+    onChange: (value: RichTextValue) => void;
+} & DataCy & React.RefAttributes<unknown>>;
 /**
  * Component used as a <input type="text"/>
  * @param props JRCWritableFormInputProps

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

@@ -7,11 +7,12 @@ declare type CheckboxOption<TFieldValues> = {
     label: string | JSX.Element;
     value: string | number | TFieldValues;
     disabled?: boolean;
+    recommended?: boolean;
 };
 export declare type CheckboxProps<TFieldValues> = DataCy & {
     disabled?: boolean;
     checkboxMode?: 'checkbox' | 'toggle' | 'radio';
-    options: CheckboxOption<TFieldValues>[];
+    options: Array<CheckboxOption<TFieldValues>>;
     direction?: 'row' | 'column' | 'two-columns';
     variant?: 'default' | 'outlined';
     labelPosition?: 'before' | 'after';

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

@@ -0,0 +1,25 @@
+import * as React from 'react';
+import { JRCInputFieldProps } from '../Common/JRCFormFieldRenderer.types';
+import { DataCy } from '../../../../types/dataAttributes';
+import { FieldValues } from 'react-hook-form/dist/types';
+import { ApiWrapper, FileResponse } from 'jamespot-user-api';
+export declare type NativeInputFileProps = DataCy & Omit<React.ComponentPropsWithoutRef<'input'>, 'value' | 'onChange'> & {
+    token?: string | undefined;
+    onLoading?: (state: boolean) => void;
+    value: ApiWrapper<FileResponse, string[]>[];
+    onChange: (files: ApiWrapper<FileResponse, string[]>[]) => void;
+};
+export declare type JRCInputFileProps<T extends FieldValues = FieldValues> = JRCInputFieldProps<T> & Omit<NativeInputFileProps, 'value' | 'onChange'>;
+export declare const InputFile: React.ForwardRefExoticComponent<DataCy & Omit<Pick<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "key" | keyof React.InputHTMLAttributes<HTMLInputElement>>, "onChange" | "value"> & {
+    token?: string | undefined;
+    onLoading?: ((state: boolean) => void) | undefined;
+    value: ApiWrapper<FileResponse, string[]>[];
+    onChange: (files: ApiWrapper<FileResponse, string[]>[]) => void;
+} & 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>): JSX.Element;

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

@@ -0,0 +1,5 @@
+import { JRCInputFileProps } from './JRCInputFile';
+import { Meta, Story } from '@storybook/react';
+declare const _default: Meta<import("@storybook/react").Args>;
+export default _default;
+export declare const InputFile: Story<JRCInputFileProps<import("react-hook-form").FieldValues>>;

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

@@ -0,0 +1,28 @@
+import * as React from 'react';
+import { JRCInputFieldProps } from '../Common/JRCFormFieldRenderer.types';
+import { DataCy } from '../../../../types/dataAttributes';
+import { FieldValues } from 'react-hook-form/dist/types';
+import { FileResponse } from 'jamespot-user-api';
+export declare type NativeInputImageProps = DataCy & Omit<React.ComponentPropsWithoutRef<'input'>, 'value' | 'onChange'> & {
+    token?: string | undefined;
+    onLoading?: (state: boolean) => void;
+    aspectRatio?: number | undefined;
+    defaultImages: {
+        imgs: Array<{
+            src: string;
+            alt: string;
+        }>;
+        position?: 'right' | 'bottom';
+        columnCount: number;
+    };
+    value: undefined | FileResponse;
+    onChange: (files: undefined | FileResponse) => void;
+};
+export declare type JRCInputImageProps<T extends FieldValues = FieldValues> = JRCInputFieldProps<T> & Omit<NativeInputImageProps, 'value' | 'onChange'>;
+/**
+ * Component used as a <input type="file"/>
+ * @param props JRCInputFieldProps
+ * validation props: required
+ * @returns JSX.Element
+ */
+export declare function JRCInputImage<T extends FieldValues = FieldValues>(props: JRCInputImageProps<T>): JSX.Element;

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

@@ -0,0 +1,6 @@
+import { JRCInputImageProps } from './JRCInputImage';
+import { Meta, Story } from '@storybook/react';
+declare const _default: Meta<import("@storybook/react").Args>;
+export default _default;
+export declare const InputImageHorizontal: Story<JRCInputImageProps<import("react-hook-form").FieldValues>>;
+export declare const InputImageVertical: Story<JRCInputImageProps<import("react-hook-form").FieldValues>>;

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

@@ -0,0 +1,16 @@
+export declare const Grid: import("styled-components").StyledComponent<"div", any, {
+    position?: "right" | "bottom" | undefined;
+    columnCount: number;
+}, never>;
+export declare const DropZone: import("styled-components").StyledComponent<"div", any, {
+    position?: "right" | "bottom" | undefined;
+    columnCount: number;
+}, never>;
+export declare const DropZoneButton: import("styled-components").StyledComponent<"button", any, {
+    aspectRatio?: number | undefined;
+}, never>;
+export declare const DropZoneImage: import("styled-components").StyledComponent<"img", any, {}, never>;
+export declare const ImageButton: import("styled-components").StyledComponent<"button", any, {
+    aspectRatio: number;
+}, never>;
+export declare const Img: import("styled-components").StyledComponent<"img", any, {}, never>;

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

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

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

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

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

@@ -1,6 +1,6 @@
 export declare const IconBefore: import("styled-components").StyledComponent<({ color, variant, name, size, isMargin, className, }: import("components/JRCIcon/JRCIcon").JRCIconProps) => JSX.Element, any, {}, never>;
 export declare const IconAfter: import("styled-components").StyledComponent<{
-    ({ hasLicense, ...props }: Pick<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "key" | keyof import("react").ButtonHTMLAttributes<HTMLButtonElement>> & import("../../../../types/dataAttributes").DataCy & {
+    ({ hasLicense, ...props }: Omit<Pick<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "key" | keyof import("react").ButtonHTMLAttributes<HTMLButtonElement>>, "onClick"> & import("../../../../types/dataAttributes").DataCy & {
         icon: string;
         size?: "small" | "medium" | undefined;
         onClick?: ((event?: import("react").MouseEvent<HTMLButtonElement, MouseEvent> | undefined) => void) | undefined;
@@ -14,13 +14,11 @@ export declare const IconAfter: import("styled-components").StyledComponent<{
         variant?: "circle" | "square" | undefined;
         hasLicense?: boolean | undefined;
     } & {
-        onClick: () => void;
         type: string;
         variant: string;
         size: string;
     }): JSX.Element;
     defaultProps: {
-        onClick: () => void;
         type: string;
         variant: string;
         size: string;

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

@@ -0,0 +1,9 @@
+export declare const LabelDescriptionOption: {
+    Option: ({ option }: {
+        option: {
+            label: string;
+            description: string;
+            recommended?: boolean;
+        };
+    }) => JSX.Element;
+};

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

@@ -278,7 +278,8 @@ export declare const JRCDefaultSelectedOption: import("styled-components").Style
 export declare const TimesIcon: import("styled-components").StyledComponent<"i", any, {
     className: "react-icon icon-times";
 }, "className">;
-export declare const DropdownIndicator: ({ loading, open }: {
+export declare const DropdownIndicator: ({ loading, open, onClick, }: {
     loading: boolean;
     open: boolean;
+    onClick: () => void;
 }) => JSX.Element;

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

@@ -39,6 +39,7 @@ export declare type SelectProps = DataCy & {
     showAsyncResultOnEmptySearch?: boolean;
     className?: string;
     htmlFor?: string;
+    required?: boolean;
 };
 /**
  * Autocomplete

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

@@ -22,7 +22,7 @@ export declare function addItem<T>(arr: Array<T> | any, value: T): Array<T>;
  * @param getGroup group accessor
  * @param reorder whether the array should be ordered with the group
  */
-export declare function group<T>(arr: Array<T>, getGroup: (v: T) => string, reorder?: boolean): {
+export declare function group<T>(arr: Readonly<Array<T>>, getGroup: (v: T) => string, reorder?: boolean): {
     label: string;
     options: (T & {
         _index: number;

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

@@ -21,7 +21,7 @@ export declare const MenuWrapper: import("styled-components").StyledComponent<"d
 export declare const ItemsIcon: import("styled-components").StyledComponent<"button", any, import("../JRCTabs/JRCTabs").ItemProps, never>;
 export declare const TitleMenu: import("styled-components").StyledComponent<"h2", any, Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, "key" | keyof import("react").HTMLAttributes<HTMLHeadingElement>>, never>;
 export declare const JRCIconButtonAppLeftColumn: import("styled-components").StyledComponent<{
-    ({ hasLicense, ...props }: Pick<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "key" | keyof import("react").ButtonHTMLAttributes<HTMLButtonElement>> & import("../../types/dataAttributes").DataCy & {
+    ({ hasLicense, ...props }: Omit<Pick<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "key" | keyof import("react").ButtonHTMLAttributes<HTMLButtonElement>>, "onClick"> & import("../../types/dataAttributes").DataCy & {
         icon: string;
         size?: "small" | "medium" | undefined;
         onClick?: ((event?: import("react").MouseEvent<HTMLButtonElement, MouseEvent> | undefined) => void) | undefined;
@@ -35,13 +35,11 @@ export declare const JRCIconButtonAppLeftColumn: import("styled-components").Sty
         variant?: "circle" | "square" | undefined;
         hasLicense?: boolean | undefined;
     } & {
-        onClick: () => void;
         type: string;
         variant: string;
         size: string;
     }): JSX.Element;
     defaultProps: {
-        onClick: () => void;
         type: string;
         variant: string;
         size: string;

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

@@ -19,7 +19,7 @@ export declare type JRCButtonProps = React.ComponentPropsWithoutRef<'button'> &
     iconRight?: boolean;
     /** The variant is used to define what type of action the button will take */
     variant?: 'contained' | 'outlined' | 'link';
-    /** CSS float attribute */
+    /** @deprecated CSS float attribute */
     float?: 'left' | 'right';
     /** CSS min-width attribute */
     minWidth?: string;
@@ -27,6 +27,8 @@ export declare type JRCButtonProps = React.ComponentPropsWithoutRef<'button'> &
     hasLicense?: boolean;
     /** tooltip tooltip props */
     tooltip?: Omit<JRCTooltipProps, 'children'>;
+    /** label, optional, replaces children */
+    label?: string;
 };
 export declare const transformColor: (color?: string | undefined) => JRCIconProps['color'];
 /**
@@ -50,7 +52,7 @@ export declare const Button: import("styled-components").StyledComponent<"button
     iconRight?: boolean | undefined;
     /** The variant is used to define what type of action the button will take */
     variant?: "link" | "contained" | "outlined" | undefined;
-    /** CSS float attribute */
+    /** @deprecated CSS float attribute */
     float?: "left" | "right" | undefined;
     /** CSS min-width attribute */
     minWidth?: string | undefined;
@@ -58,6 +60,8 @@ export declare const Button: import("styled-components").StyledComponent<"button
     hasLicense?: boolean | undefined;
     /** tooltip tooltip props */
     tooltip?: Omit<JRCTooltipProps, "children"> | undefined;
+    /** 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 & {
     /** Color of the background of the button */
@@ -74,7 +78,7 @@ export declare const JRCButton: React.ForwardRefExoticComponent<Pick<React.Detai
     iconRight?: boolean | undefined;
     /** The variant is used to define what type of action the button will take */
     variant?: "link" | "contained" | "outlined" | undefined;
-    /** CSS float attribute */
+    /** @deprecated CSS float attribute */
     float?: "left" | "right" | undefined;
     /** CSS min-width attribute */
     minWidth?: string | undefined;
@@ -82,4 +86,6 @@ export declare const JRCButton: React.ForwardRefExoticComponent<Pick<React.Detai
     hasLicense?: boolean | undefined;
     /** tooltip tooltip props */
     tooltip?: Omit<JRCTooltipProps, "children"> | undefined;
+    /** label, optional, replaces children */
+    label?: string | undefined;
 } & React.RefAttributes<HTMLButtonElement>>;

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

@@ -12,6 +12,7 @@ export declare const MarginLessJRCButton: import("styled-components").StyledComp
     minWidth?: string | undefined;
     hasLicense?: boolean | undefined;
     tooltip?: Omit<import("../..").JRCTooltipProps, "children"> | undefined;
+    label?: string | undefined;
 } & React.RefAttributes<HTMLButtonElement>>, any, ButtonProps, never>;
 export declare const MenuWithoutTitle: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const MenuWithTitle: ({ direction, label, themeButton, children }: MenuWithTitleProps) => JSX.Element;

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

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

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

@@ -0,0 +1,14 @@
+/// <reference types="react" />
+import { Area as _Area, Point as _Point, Size as _Size } from 'react-easy-crop/types';
+import { JRCModalProps } from '../JRCModal/JRCModal';
+export declare type Size = _Size;
+export declare type Point = _Point;
+export declare type Area = _Area;
+export declare type JRCCropImageProps = Pick<JRCModalProps, 'open' | 'closeHandler'> & {
+    aspectRatio?: number | undefined;
+    src?: string | undefined;
+    save: (cropConfig: Area & {
+        rotation: number;
+    }) => void;
+};
+export declare function JRCCropImage(props: JRCCropImageProps): JSX.Element;

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

@@ -0,0 +1,5 @@
+import { JRCCropImageProps } from './JRCCropImage';
+import { Meta, Story } from '@storybook/react';
+declare const _default: Meta<import("@storybook/react").Args>;
+export default _default;
+export declare const Default: Story<JRCCropImageProps>;

package/build/src/components/JRCFlex/JRCFlexBox.d.ts

@@ -2,7 +2,7 @@ import { FastCssProps } from '../Common/FastCss';
 declare type FlexBoxProps = Omit<FastCssProps, 'display'> & {
     direction?: 'row' | 'column' | 'row-reverse' | 'column-reverse';
     inline?: boolean;
-    flex?: boolean;
+    flex?: boolean | string;
     gap?: number;
     x?: 'flex-start' | 'center' | 'flex-end';
     y?: 'flex-start' | 'center' | 'flex-end';
@@ -11,7 +11,7 @@ declare type FlexBoxProps = Omit<FastCssProps, 'display'> & {
 export declare const JRCFlexBox: import("styled-components").StyledComponent<"div", any, Omit<FastCssProps, "display"> & {
     direction?: "row" | "column" | "column-reverse" | "row-reverse" | undefined;
     inline?: boolean | undefined;
-    flex?: boolean | undefined;
+    flex?: string | boolean | undefined;
     gap?: number | undefined;
     x?: "center" | "flex-end" | "flex-start" | undefined;
     y?: "center" | "flex-end" | "flex-start" | undefined;

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

@@ -16,7 +16,7 @@ import { DataCy } from '../../types/dataAttributes';
  * @member variant can be 'circle' | 'square';
  * @member hasLicense If false, the button will be disabled with a license tooltip. Default to true
  */
-export declare type JRCIconButtonProps = React.ComponentPropsWithoutRef<'button'> & DataCy & {
+export declare type JRCIconButtonProps = Omit<React.ComponentPropsWithoutRef<'button'>, 'onClick'> & DataCy & {
     icon: string;
     size?: 'small' | 'medium';
     onClick?: (event?: React.MouseEvent<HTMLButtonElement>) => void;
@@ -31,7 +31,6 @@ export declare type JRCIconButtonProps = React.ComponentPropsWithoutRef<'button'
     hasLicense?: boolean;
 };
 declare const defaultProps: {
-    onClick: () => void;
     type: string;
     variant: string;
     size: string;
@@ -39,7 +38,6 @@ declare const defaultProps: {
 declare const JRCIconButton: {
     ({ hasLicense, ...props }: JRCIconButtonProps & typeof defaultProps): JSX.Element;
     defaultProps: {
-        onClick: () => void;
         type: string;
         variant: string;
         size: string;

package/build/src/components/Stepper/JRCFadeStepper.d.ts

@@ -5,6 +5,6 @@ import * as React from 'react';
  */
 export declare type JRCFadeStepperProps = {
     activeStep: number;
-    children: Iterable<React.ReactNode>;
+    children: React.ReactNode | Iterable<React.ReactNode>;
 };
 export declare function JRCFadeStepper(props: JRCFadeStepperProps): JSX.Element | null;

package/build/src/components/Stepper/JRCStepper.d.ts

@@ -1,10 +1,14 @@
-/// <reference types="react" />
+import * as React from 'react';
+export declare type Step = {
+    label: string | React.ReactNode;
+    onClick?: (step: number) => void;
+};
 /**
  * @member steps array of steps
  * @member activeStep active step of the stepper. Starts at 0.
  */
 export declare type JRCStepperProps = {
-    steps: Array<string>;
+    steps?: Array<Step>;
     activeStep: number;
 };
 export declare function JRCStepper(props: JRCStepperProps): JSX.Element;

package/build/src/components/Templates/JRCStepperPage.d.ts

@@ -1,10 +1,11 @@
 import React from 'react';
+import { Step } from 'components/Stepper/JRCStepper';
 export declare type JRCStepperPageProps = {
-    children: Iterable<React.ReactNode>;
+    children: React.ReactNode | Iterable<React.ReactNode>;
     activeStep: number;
     imgSrc: string;
     headerContent: React.ReactNode;
-    steps: Array<string>;
+    steps?: Array<Step>;
     loadingContent?: React.ReactNode | string;
     isLoading?: boolean;
 };

package/build/src/index.d.ts

@@ -85,6 +85,8 @@ export { JRCInputCheckbox } from './components/Form/Input/JRCInputCheckbox/JRCIn
 export { JRCInputCommunity } from './components/Form/Input/JRCSelect/JRCAutocompleteCommunity';
 export { JRCInputDate } from './components/Form/Input/JRCInputDate/JRCInputDate';
 export { JRCInputEmail } from './components/Form/Input/JRCFormEmail/JRCInputEmail';
+export { JRCInputFile } from './components/Form/Input/JRCInputFile/JRCInputFile';
+export { JRCInputImage } from './components/Form/Input/JRCInputImage/JRCInputImage';
 export { JRCInputRichText } from './components/Form/Input/JRCInputRichText/JRCInputRichText';
 export { JRCInputSelect } from './components/Form/Input/JRCSelect/JRCInputSelect';
 export { JRCInputText } from './components/Form/Input/JRCInputText/JRCInputText';
@@ -112,6 +114,7 @@ export { JRCThemeProvider } from './components/JRCThemeProvider/JRCThemeProvider
 export { JRCTooltip } from './components/JRCTooltip/JRCTooltip';
 export { JRCTypography } from './components/JRCTypography/JRCTypography';
 export { JRCValidationButton } from './components/JRCButton/JRCValidationButton';
+export { LabelDescriptionOption } from './components/Form/Input/JRCSelect/JRCInputSelect.defaults';
 export { StyledInput } from './components/Form/Input/JRCStyledInput';
 export { useDebounce } from './hooks/UseDebounce';
 export { useDidMountEffect } from './hooks/UseDidMountEffect';

package/build/src/types.d.ts

@@ -32,6 +32,7 @@ export { JRCFormInputFileProps, JRCFormInputFileFieldProps } from './components/
 export { JRCFormInputImageProps, JRCFormInputImageFieldProps } from './components/Form/Input/JRCFormImage/JRCFormImage';
 export { JRCFormRangeProps } from './components/Form/Input/JRCFormRange/JRCFormRange';
 export { JRCFormReceiveACopyInputProps } from './components/Form/Input/JRCFormReceiveACopy/JRCFormReceiveACopy';
+export { RichTextValue, FormRichTextFieldProps } from './components/Form/Input/JRCFormRichText/JRCFormRichTextField';
 export { JRCFormSelectProps } from './components/Form/Input/JRCFormSelect/JRCFormSelect';
 export { JRCFormSendAlertInputProps } from './components/Form/Input/JRCFormSendAlert/JRCFormSendAlert';
 export { JRCGridProps } from './components/JRCGrid/JRCGrid';
@@ -43,6 +44,8 @@ export { JRCImageStepper } from './components/Stepper/JRCImageStepper';
 export { JRCImgProps } from './components/JRCImg/JRCImg';
 export { JRCInputCheckboxProps, InputCheckboxProps, CheckboxValue, CheckboxOption, InnerProps, } from './components/Form/Input/JRCInputCheckbox/JRCInputCheckbox.types';
 export { JRCInputDateProps } from './components/Form/Input/JRCInputDate/JRCInputDate';
+export { JRCInputFileProps } from './components/Form/Input/JRCInputFile/JRCInputFile';
+export { JRCInputImageProps } from './components/Form/Input/JRCInputImage/JRCInputImage';
 export { JRCInputFieldProps } from './components/Form/Input/Common/JRCFormFieldRenderer.types';
 export { JRCInputSelectProps } from './components/Form/Input/JRCSelect/JRCInputSelect.types';
 export { JRCInputTextareaProps } from './components/Form/Input/JRCInputTextarea/JRCInputTextarea';

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "jamespot-react-components",
-    "version": "1.0.125",
+    "version": "1.0.126",
     "description": "",
     "main": "./build/jamespot-react-components.js",
     "types": "./build/src/index.d.ts",
@@ -98,12 +98,13 @@
         "@tiptap/starter-kit": "^2.0.0-beta.203",
         "chroma-js": "^2.1.1",
         "classnames": "^2.3.1",
-        "jamespot-user-api": "^1.0.95",
+        "jamespot-user-api": "^1.0.98",
         "moment": "^2.29.1",
         "react": "^17.x",
         "react-dnd": "^14.0.4",
         "react-dnd-html5-backend": "^14.0.2",
         "react-dom": "^17.0.2",
+        "react-easy-crop": "^4.6.3",
         "react-hook-form": "^7.25.0",
         "react-intl": "^5.8.6",
         "react-redux": "^7.2.9",