jamespot-react-components 1.0.193 → 1.0.195

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

@@ -1,18 +1,16 @@
 import * as React from 'react';
-import { Editor } from '@tiptap/react';
 import { JRCWritableFormInputProps } from '../JRCFormFieldRender';
-import { EventHandler, EventOrValueHandler } from 'redux-form';
-import { FormRichTextFieldOptionsProps, FormRichTextFieldToolbarProps } from '../../JRCInputRichText/JRCInputRichText';
 import { DataCy } from '../../../../../types/dataAttributes';
-/**
- * This component is used with redux-form (studio) and with react-hook-form!!
- * @deprecated Use JRCInputTinyMCE instead
- */
-export declare const MenuBar: ({ editor, toolbarOptions, isFixed, }: {
-    editor: Editor | null;
-    toolbarOptions: FormRichTextFieldToolbarProps[] | '*';
-    isFixed: boolean;
-}) => React.JSX.Element | null;
+import { MentionQuery } from '../../JRCInputTinyMCERaw/JRCInputTinyMCERaw';
+import { TinyMCECommonOptions } from 'jamespot-user-api';
+export type FormRichTextFieldOptionsProps = {
+    commonOptions: TinyMCECommonOptions;
+    mentionsQueries: {
+        users: MentionQuery;
+        tags: MentionQuery;
+        contents: MentionQuery;
+    };
+};
 export type RichTextValue = {
     html: string;
     text: string;
@@ -21,24 +19,23 @@ export type FormRichTextFieldProps = {
     name: string;
     placeholder?: string;
     value: Partial<RichTextValue> | undefined;
-    onFocus: EventHandler<React.FocusEvent>;
-    onBlur: EventOrValueHandler<React.FocusEvent>;
     onChange: (value: RichTextValue) => void;
     readOnly?: boolean;
 } & DataCy;
+/**
+ * This component is used with redux-form (studio) and with react-hook-form!!
+ */
 export declare const FormRichTextField: React.ForwardRefExoticComponent<{
     name: string;
     placeholder?: string | undefined;
     value: Partial<RichTextValue> | undefined;
-    onFocus: EventHandler<React.FocusEvent>;
-    onBlur: EventOrValueHandler<React.FocusEvent>;
     onChange: (value: RichTextValue) => void;
     readOnly?: boolean | undefined;
 } & DataCy & {
     inplace?: boolean | undefined;
     isComponentVisible?: boolean | undefined;
 } & {
-    options?: FormRichTextFieldOptionsProps | undefined;
+    options: FormRichTextFieldOptionsProps;
 } & React.RefAttributes<unknown>>;
 /**
  * Component used as a <input type="text"/>
@@ -46,4 +43,6 @@ export declare const FormRichTextField: React.ForwardRefExoticComponent<{
  * validation props: required
  * @returns JSX.Element
  */
-export declare const JRCFormRichTextField: (props: JRCWritableFormInputProps) => React.JSX.Element;
+export declare const JRCFormRichTextField: (props: JRCWritableFormInputProps & {
+    tinyMCE: FormRichTextFieldOptionsProps;
+}) => React.JSX.Element;

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

@@ -1,5 +1,8 @@
+import { FormRichTextFieldOptionsProps } from './JRCFormRichTextField';
 import { JRCWritableFormInputProps } from '../JRCFormFieldRender';
 import { Meta, Story } from '@storybook/react';
 declare const _default: Meta<import("@storybook/react").Args>;
 export default _default;
-export declare const RichText: Story<JRCWritableFormInputProps>;
+export declare const RichText: Story<JRCWritableFormInputProps & {
+    tinyMCE: FormRichTextFieldOptionsProps;
+}>;

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

@@ -4,6 +4,7 @@ import { DataCy } from '../../../../types/dataAttributes';
 import { JRCInputFieldProps } from '../Common/JRCFormFieldRenderer.types';
 import { FieldValues } from 'react-hook-form/dist/types';
 import { PartialBy } from '../../../../types/utils';
+export declare const ReadOnlyBorder: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
 type CheckboxOption<TFieldValues> = {
     label: string | JSX.Element;
     value: string | number | TFieldValues;

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

@@ -18,9 +18,12 @@ export type JRCInputTinyMCERawProps = DataCy & {
     token?: string;
     commonOptions: TinyMCECommonOptions;
     additionalExtensions?: Array<TinyMCEExtension>;
-    value: string;
+    value: string | {
+        html: string;
+        text: string;
+    };
     onBlur?: () => void;
-    onChange: (v: string) => void;
+    onChange: (html: string, text: string) => void;
     ref?: LegacyRef<Editor>;
     tinymceScriptSrc?: string;
     autoFocus?: boolean;
@@ -33,5 +36,6 @@ export type JRCInputTinyMCERawProps = DataCy & {
     };
     height?: number;
     autofocus?: boolean;
+    readOnly?: boolean;
 };
 export declare const JRCInputTinyMCERaw: ({ dataCy, token, value, onBlur, onChange, mentionsQueries, tinymceScriptSrc, autoFocus, inline, placeholder, additionalExtensions, ref, height, autofocus, ...props }: JRCInputTinyMCERawProps) => React.JSX.Element;

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

@@ -1,4 +1,4 @@
-import jamespot, { AddRemoveActionParams, CombinedWidgetType, Model, UpdateCommentParams, WidgetDisplayMode, WidgetWrapperProps, jUserView } from 'jamespot-user-api';
+import jamespot, { AddRemoveActionParams, Model, UpdateCommentParams, WidgetDisplayMode, WidgetWrapperProps, jUserView } from 'jamespot-user-api';
 import { jCommentList } from 'jamespot-user-api/lib/src/types/comment';
 import React from 'react';
 import { JRCInputTinyMCERawProps } from 'types';
@@ -23,7 +23,7 @@ export type JRCCommentProps = {
     getAccessHash?: (fileId: number) => Promise<string>;
     onGetHashError: (message?: string) => void;
     socialActionAdd: ({ targetId, targetType, type, }: AddRemoveActionParams) => ReturnType<typeof jamespot.socialAction.add>;
-    existingWidgetsWrapperComponent: (comment: Partial<jCommentList>, content: WidgetWrapperProps<CombinedWidgetType>[], mode: WidgetDisplayMode, inplace: boolean, idComment: number, editRight?: boolean, deleteRight?: boolean) => React.ReactNode;
+    existingWidgetsWrapperComponent: (comment: Partial<jCommentList>, content: WidgetWrapperProps[], mode: WidgetDisplayMode, inplace: boolean, idComment: number, editRight?: boolean, deleteRight?: boolean) => React.ReactNode;
 };
 export declare const DropdownButton: import("styled-components").StyledComponent<"button", import("styled-components").DefaultTheme, {}, never>;
 export declare const JRCComment: ({ isFocused, comment, token, tinyMCEConfig, onCommentUpdate, onCommentDelete, fetchUser, fetchUserFields, fetchSocialActionUserList, removeAction, onError, highlightFields, userModel, userAccountStatus, isWedocActive, isWidgetActive, getAccessHash, onGetHashError, socialActionAdd, deleteFile, existingWidgetsWrapperComponent, }: JRCCommentProps) => React.JSX.Element;

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

@@ -1,4 +1,4 @@
-import jamespot, { AddCommentParams, AddRemoveActionParams, CombinedWidgetType, Model, UpdateCommentParams, WidgetDisplayMode, WidgetWrapperProps, jUserList, jUserView } from 'jamespot-user-api';
+import jamespot, { AddCommentParams, AddRemoveActionParams, Model, UpdateCommentParams, WidgetDisplayMode, WidgetWrapperProps, jUserList, jUserView } 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';
@@ -12,7 +12,7 @@ export type JRCCommentsBlocProps = {
     isWidgetActive?: boolean;
     widgetListComponent: React.ReactNode;
     newWidgetsWrapperComponent: React.ReactNode;
-    existingWidgetsWrapperComponent: (comment: Partial<jCommentList>, content: WidgetWrapperProps<CombinedWidgetType>[], mode: WidgetDisplayMode, inplace: boolean, idComment: number, editRight?: boolean, deleteRight?: boolean) => React.ReactNode;
+    existingWidgetsWrapperComponent: (comment: Partial<jCommentList>, content: WidgetWrapperProps[], mode: WidgetDisplayMode, inplace: boolean, idComment: number, editRight?: boolean, deleteRight?: boolean) => React.ReactNode;
     loading?: boolean;
     token?: string;
     onCommentUpdate: (args: UpdateCommentParams) => Promise<void>;

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

@@ -9,7 +9,7 @@ type FlexBoxProps = Omit<FastCssProps, 'display'> & {
     childFull?: boolean;
 };
 export declare const JRCFlexBox: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, Omit<FastCssProps, "display"> & {
-    direction?: "row" | "column" | "column-reverse" | "row-reverse" | undefined;
+    direction?: "row" | "column" | "row-reverse" | "column-reverse" | undefined;
     inline?: boolean | undefined;
     flex?: string | boolean | undefined;
     gap?: number | undefined;

package/build/src/components/Widgets/JRCWidgetArticleGallery/JRCWidgetArticleGallery.d.ts

@@ -1,6 +1,22 @@
 import { WidgetArticleGalleryContent } from 'jamespot-user-api';
 import React from 'react';
-export declare const JRCWidgetArticleGallery: ({ files, size, gap, column, maxWidth, onClick, }: WidgetArticleGalleryContent & {
+export declare const JRCWidgetArticleGallery: ({ files, size, gap, column, maxWidth, onClick, }: {
+    gap?: string | undefined;
+    column?: string | undefined;
+    files?: {
+        type: string;
+        id: number;
+        mainType: string;
+        uri: string;
+        dateCreation: string;
+        dateModified: string | null;
+        title: string;
+        _url: string;
+        mimetype: string;
+        size: number;
+        path?: string | undefined;
+    }[] | undefined;
+} & {
     maxWidth: number;
     size?: string | undefined;
     onClick: (idFile: number) => void;

package/build/src/components/Widgets/JRCWidgetArticleGallery/JRCWidgetArticleGallery.stories.d.ts

@@ -1,8 +1,23 @@
 import { Meta, Story } from '@storybook/react';
-import { WidgetArticleGalleryContent } from 'jamespot-user-api';
 declare const _default: Meta<import("@storybook/react").Args>;
 export default _default;
-export declare const Primary: Story<WidgetArticleGalleryContent & {
+export declare const Primary: Story<{
+    gap?: string | undefined;
+    column?: string | undefined;
+    files?: {
+        type: string;
+        id: number;
+        mainType: string;
+        uri: string;
+        dateCreation: string;
+        dateModified: string | null;
+        title: string;
+        _url: string;
+        mimetype: string;
+        size: number;
+        path?: string | undefined;
+    }[] | undefined;
+} & {
     maxWidth: number;
     onClick: (idFile: number) => void;
 }>;