jamespot-react-components 1.0.242 → 1.0.243

package/build/src/components/Form/Input/Common/JRCFormErrors.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { FieldError } from 'react-hook-form/dist/types/errors';
+import { FieldError } from 'react-hook-form';
 /**
  * Component that displays a list of input error if any.
  * The required message is not displayed within this component.

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

@@ -1,10 +1,10 @@
 /// <reference types="react" />
 import { JRCTooltipProps } from '../../../JRCTooltip/JRCTooltip';
-import { ControllerRenderProps } from 'react-hook-form/dist/types/controller';
+import { ControllerRenderProps } from 'react-hook-form';
 import { FormControls, JRCFormControls } from './useFormControls';
 import { UseControllerProps, FieldValues } from 'react-hook-form';
 import { DataCy } from '../../../../types/dataAttributes';
-import { RegisterOptions } from 'react-hook-form/dist/types/validator';
+import { RegisterOptions } from 'react-hook-form';
 /**
  * Form field render props that might be provided outside of this library
  * @member label, label

package/build/src/components/Form/Input/Common/useFormControls.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { RegisterOptions, ValidationRule, ValidationValue } from 'react-hook-form/dist/types/validator';
+import { RegisterOptions, ValidationRule, ValidationValue } from 'react-hook-form';
 import { IntlShape } from 'react-intl/src/types';
 export type AllowedDefaultTypes = 'required' | 'min' | 'max' | 'maxLength' | 'minLength' | 'pattern';
 export type FormControls = Pick<RegisterOptions, AllowedDefaultTypes>;

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

@@ -3,7 +3,7 @@ import { WrappedFieldInputProps } from 'redux-form';
 import { ExternalFormFieldRenderProps, InputState } from '../JRCFormFieldRender';
 import { JRCValueLabelProps } from 'components/Form/Common/types';
 import { SelectComponentsConfig } from 'react-select/src/components';
-import { FieldValues } from 'react-hook-form/dist/types';
+import { FieldValues } from 'react-hook-form';
 /**
  * @deprecated Use JRCInputSelect alternatives instead
  */

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

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { JRCFormSelectProps } from './JRCFormSelect';
-import { FieldValues } from 'react-hook-form/dist/types';
+import { FieldValues } from 'react-hook-form';
 /**
  * Component used as a select sync or async with custom display: options are JRCTags
  * options (or asyncPromise) elements should have a uri and a name attributes

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

@@ -1,8 +1,8 @@
 import * as React from 'react';
-import { ControllerRenderProps } from 'react-hook-form/dist/types/controller';
+import { ControllerRenderProps } from 'react-hook-form';
 import { DataCy } from '../../../../types/dataAttributes';
 import { JRCInputFieldProps } from '../Common/JRCFormFieldRenderer.types';
-import { FieldValues } from 'react-hook-form/dist/types';
+import { FieldValues } from 'react-hook-form';
 import { PartialBy } from '../../../../types/utils';
 export declare const ReadOnlyBorder: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
 type CheckboxOption<TFieldValues> = {

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

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import { JRCInputFieldProps } from '../Common/JRCFormFieldRenderer.types';
-import { ControllerRenderProps } from 'react-hook-form/dist/types/controller';
-import { FieldValues } from 'react-hook-form/dist/types';
+import { ControllerRenderProps } from 'react-hook-form';
+import { 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,8 @@
 import * as React from 'react';
-import { ControllerRenderProps } from 'react-hook-form/dist/types/controller';
+import { ControllerRenderProps } from 'react-hook-form';
 import { DataCy } from '../../../../types/dataAttributes';
 import { JRCInputFieldProps } from '../Common/JRCFormFieldRenderer.types';
-import { FieldValues } from 'react-hook-form/dist/types';
+import { FieldValues } from 'react-hook-form';
 type CheckboxOption<TFieldValues> = {
     label: string | JSX.Element;
     value: string | number | TFieldValues;

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

@@ -1,6 +1,6 @@
 import React from 'react';
 import { JRCInputColorRawProps } from './JRCInputColorRawProps';
-import { FieldValues } from 'react-hook-form/dist/types';
+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;

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

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { JRCInputFieldProps } from '../Common/JRCFormFieldRenderer.types';
 import { DataCy } from '../../../../types/dataAttributes';
-import { FieldValues } from 'react-hook-form/dist/types';
+import { FieldValues } from 'react-hook-form';
 export type NativeInputProps = DataCy & React.ComponentPropsWithoutRef<'input'> & {
     type?: 'date' | 'time' | 'datetime-local';
 };

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

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { JRCInputFieldProps } from '../Common/JRCFormFieldRenderer.types';
 import { DataCy } from '../../../../types/dataAttributes';
-import { FieldValues } from 'react-hook-form/dist/types';
+import { FieldValues } from 'react-hook-form';
 export type NativeInputProps = DataCy & React.ComponentPropsWithoutRef<'input'> & {
     type?: 'date' | 'time' | 'datetime-local';
 };

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

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { JRCInputFieldProps } from '../Common/JRCFormFieldRenderer.types';
-import { FieldValues } from 'react-hook-form/dist/types';
+import { FieldValues } from 'react-hook-form';
 /**
  * Component used as a <input type="text"/>
  * @param rules validation rules applied to the field

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

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { JRCInputFieldProps } from '../Common/JRCFormFieldRenderer.types';
 import { DataCy } from '../../../../types/dataAttributes';
-import { FieldValues } from 'react-hook-form/dist/types';
+import { FieldValues } from 'react-hook-form';
 import { ApiWrapper, jFileLittle } from 'jamespot-user-api';
 export type NativeInputFileProps = DataCy & Omit<React.ComponentPropsWithoutRef<'input'>, 'value' | 'onChange'> & {
     token?: string | undefined;

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

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { JRCInputFieldProps } from '../Common/JRCFormFieldRenderer.types';
 import { DataCy } from '../../../../types/dataAttributes';
-import { FieldValues } from 'react-hook-form/dist/types';
+import { FieldValues } from 'react-hook-form';
 import { jFileLittle } from 'jamespot-user-api';
 export type NativeInputImageProps = DataCy & Omit<React.ComponentPropsWithoutRef<'input'>, 'value' | 'onChange'> & {
     token?: string | undefined;

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

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { JRCInputFieldProps } from '../Common/JRCFormFieldRenderer.types';
 import { DataCy } from '../../../../types/dataAttributes';
-import { FieldValues } from 'react-hook-form/dist/types';
+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>>;
 /**

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

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { JRCInputFieldProps } from '../Common/JRCFormFieldRenderer.types';
 import { DataCy } from '../../../../types/dataAttributes';
-import { FieldValues } from 'react-hook-form/dist/types';
+import { FieldValues } from 'react-hook-form';
 export type JRCInputTextProps = DataCy & Omit<React.ComponentPropsWithoutRef<'input'>, 'type'> & {
     width?: string;
 };

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

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { FieldValues } from 'react-hook-form/dist/types';
+import { FieldValues } from 'react-hook-form';
 import { DataCy } from '../../../../types/dataAttributes';
 import { JRCInputFieldProps } from '../Common/JRCFormFieldRenderer.types';
 export type JRCInputTextProps = DataCy & React.ComponentPropsWithoutRef<'input'> & {

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

@@ -1,7 +1,7 @@
 import React from 'react';
 import { JRCInputFieldProps } from '../Common/JRCFormFieldRenderer.types';
 import { DataCy } from '../../../../types/dataAttributes';
-import { FieldValues } from 'react-hook-form/dist/types';
+import { FieldValues } from 'react-hook-form';
 export type JRCInputTextareaProps = DataCy & React.ComponentPropsWithoutRef<'textarea'>;
 /**
  * Component used as a <input type="text"/>

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

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { JRCInputFieldProps } from '../Common/JRCFormFieldRenderer.types';
 import { DataCy } from '../../../../types/dataAttributes';
-import { FieldValues } from 'react-hook-form/dist/types';
+import { FieldValues } from 'react-hook-form';
 export type JRCInputTimeProps = DataCy & React.ComponentPropsWithoutRef<'input'>;
 /**
  * Component used as a <input type="hour"/>

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

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { JRCInputFieldProps } from '../Common/JRCFormFieldRenderer.types';
-import { FieldValues } from 'react-hook-form/dist/types';
+import { FieldValues } from 'react-hook-form';
 import { TinyMCECommonOptions } from 'jamespot-user-api';
 import { MentionQuery } from '../JRCInputTinyMCERaw/JRCInputTinyMCERaw';
 import { TinyMCEExtension } from '../JRCInputTinyMCERaw/extensions/JTinyMCEExtensions';

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

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { JRCInputFieldProps } from '../Common/JRCFormFieldRenderer.types';
 import { DataCy } from '../../../../types/dataAttributes';
-import { FieldValues } from 'react-hook-form/dist/types';
+import { FieldValues } from 'react-hook-form';
 export type JRCInputUrlProps = DataCy & React.ComponentPropsWithoutRef<'input'> & {
     width?: string;
 };

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

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { JRCInputFieldProps } from '../Common/JRCFormFieldRenderer.types';
-import { FieldValues } from 'react-hook-form/dist/types';
+import { FieldValues } from 'react-hook-form';
 export type JRCAutocompleteCommunityProps<T extends FieldValues = FieldValues> = JRCInputFieldProps<T> & {
     multiple?: boolean;
     searchable?: boolean;

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

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { FieldValues } from 'react-hook-form/dist/types';
+import { FieldValues } from 'react-hook-form';
 import { JRCAutocompleteProps } from './JRCInputSelect.types';
 export type JRCInputAudienceProps<T extends FieldValues = FieldValues> = JRCAutocompleteProps<T> & {
     multiple?: boolean;

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

@@ -1,6 +1,6 @@
 import React from 'react';
 import { AutocompleteLittle, JRCAutocompleteProps, NativeAutocompleteProps } from './JRCInputSelect.types';
-import { FieldValues } from 'react-hook-form/dist/types';
+import { FieldValues } from 'react-hook-form';
 export declare function CustomOption({ option, }: {
     option: AutocompleteLittle & {
         newOption?: boolean;

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

@@ -1,7 +1,7 @@
 import { JRCInputFieldProps } from '../Common/JRCFormFieldRenderer.types';
-import { ControllerRenderProps } from 'react-hook-form/dist/types/controller';
+import { ControllerRenderProps } from 'react-hook-form';
 import { DataCy } from '../../../../types/dataAttributes';
-import { FieldValues } from 'react-hook-form/dist/types';
+import { FieldValues } from 'react-hook-form';
 import { Colors, Shades } from 'styles/theme';
 import React from 'react';
 import { PartialBy } from '../../../../types/utils';

package/build/src/components/JRCCommentsBloc/JRCComment.d.ts

@@ -1,4 +1,4 @@
-import { Model, UpdateCommentParams, WidgetDisplayMode, WidgetWrapperProps, JFilebankApi, JFileApi, JSocialActionApi, JUserApi, WithExtension } from 'jamespot-user-api';
+import { Model, UpdateCommentParams, WidgetDisplayMode, WidgetWrapperProps, JFilebankApi, JFileApi, JSocialActionApi, JUserApi, CommentWithExtensions } from 'jamespot-user-api';
 import { jCommentList } from 'jamespot-user-api/lib/src/types/comment';
 import React from 'react';
 import { DriveOrFilebank, JRCInputTinyMCERawProps } from 'types';
@@ -6,7 +6,7 @@ import { JDriveApi } from 'jamespot-user-api/lib/src/apis/drive/drive';
 import { JQuestionAnswerApi } from 'jamespot-user-api/lib/src/apis/questionAnswer/questionAnswer';
 export type JRCCommentProps = {
     isFocused: boolean;
-    comment: WithExtension<jCommentList> & {
+    comment: CommentWithExtensions<jCommentList, ['actions']> & {
         pending?: boolean;
     };
     token?: string;

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

@@ -1,4 +1,4 @@
-import { AddCommentParams, Model, UpdateCommentParams, WidgetDisplayMode, WidgetWrapperProps, jUserList, JFilebankApi, JFileApi, JSocialActionApi, JUserApi, WithExtension } from 'jamespot-user-api';
+import { AddCommentParams, Model, UpdateCommentParams, WidgetDisplayMode, WidgetWrapperProps, jUserList, JFilebankApi, JFileApi, JSocialActionApi, JUserApi, CommentWithExtensions } from 'jamespot-user-api';
 import { jCommentList } from 'jamespot-user-api/lib/src/types/comment';
 import React from 'react';
 import { JRCInputTinyMCERawProps } from '../Form/Input/JRCInputTinyMCERaw/JRCInputTinyMCERaw';
@@ -7,7 +7,7 @@ import { JDriveApi } from 'jamespot-user-api/lib/src/apis/drive/drive';
 import { JQuestionAnswerApi } from 'jamespot-user-api/lib/src/apis/questionAnswer/questionAnswer';
 import { TinyMCEExtension } from '../Form/Input/JRCInputTinyMCERaw/extensions/JTinyMCEExtensions';
 export type JRCCommentsBlocProps = {
-    comments?: Array<WithExtension<jCommentList> & {
+    comments?: Array<CommentWithExtensions<jCommentList, ['actions']> & {
         pending?: boolean;
     }>;
     initialCommentsNumber?: number;

package/build/src/components/JRCModal/JRCModalContent.d.ts

@@ -6,6 +6,7 @@ export type JRCModalContentBase = {
     options?: ReactNode;
     overflow?: 'visible' | 'hidden' | 'scroll';
     onClickIconClose?: () => void;
+    dataCy?: string;
 };
 export type JRCModalContentProps = JRCModalContentBase & {
     isFull?: boolean;
@@ -26,4 +27,4 @@ export declare const ModalOptions: ({ children }: {
 export declare const ModalTitle: ({ children }: {
     children?: React.ReactNode;
 }) => React.JSX.Element;
-export declare const JRCModalContent: ({ title, onClickIconClose, overflow, options, children, buttons, isFull, }: JRCModalContentProps) => React.JSX.Element;
+export declare const JRCModalContent: ({ title, onClickIconClose, overflow, options, children, buttons, isFull, dataCy, }: JRCModalContentProps) => React.JSX.Element;

package/build/src/index.d.ts

@@ -213,3 +213,4 @@ export { JTinyMCEExtensionsBuilders } from './components/Form/Input/JRCInputTiny
  */
 export * from './types';
 export { Utils } from './utils';
+export { FormControls } from './components/Form/Input/Common/useFormControls';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "jamespot-react-components",
-  "version": "1.0.242",
+  "version": "1.0.243",
   "description": "",
   "main": "./build/jamespot-react-components.js",
   "types": "./build/src/index.d.ts",
@@ -80,7 +80,7 @@
     "chroma-js": "^2.1.1",
     "classnames": "^2.3.1",
     "dompurify": "^3.0.5",
-    "jamespot-user-api": "^1.0.216",
+    "jamespot-user-api": "^1.0.217",
     "moment": "2.29.4",
     "react": "^17.x",
     "react-beautiful-dnd": "^13.1.1",