jamespot-react-components 1.0.172 → 1.0.173

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

@@ -1,44 +1,17 @@
 import * as React from 'react';
-import { Editor } from '@tinymce/tinymce-react';
-import { LegacyRef } from 'react';
+import { JRCInputFieldProps } from '../Common/JRCFormFieldRenderer.types';
+import { FieldValues } from 'react-hook-form/dist/types';
 import { TinyMCECommonOptions } from 'jamespot-user-api';
-import { DataCy } from '../../../../types/dataAttributes';
-import { TinyMCEExtension } from './extensions/JTinyMCEExtensions';
-declare global {
-    const tinymce: any;
-}
-export type TinyMention = {
-    type: 'autocompleteitem';
-    value: string;
-    text: string;
-    icon?: string;
-};
-export type MentionQuery = (query: string) => Promise<TinyMention[]>;
-export type JRCInputTinyMCEStyleWrapperProps = {
-    linkColor?: string;
-    fontSize?: string;
-    lineHeight?: string;
-    minHeight?: number;
-};
-export type JRCInputTinyMCEProps = DataCy & {
+import { MentionQuery } from '../JRCInputTinyMCERaw/JRCInputTinyMCERaw';
+import { TinyMCEExtension } from '../JRCInputTinyMCERaw/extensions/JTinyMCEExtensions';
+export type JRCInputTinyMCEProps<T extends FieldValues> = JRCInputFieldProps<T> & {
     token?: string;
     commonOptions: TinyMCECommonOptions;
-    additionalExtensions?: Array<TinyMCEExtension>;
-    value: string;
-    onBlur?: () => void;
-    onChange: (v: string) => void;
-    ref?: LegacyRef<Editor>;
-    tinymceScriptSrc?: string;
-    autoFocus?: boolean;
-    inline?: boolean;
-    placeholder?: string;
-    styleWrapper?: JRCInputTinyMCEStyleWrapperProps;
     mentionsQueries: {
         users: MentionQuery;
         tags: MentionQuery;
         contents: MentionQuery;
     };
-    height?: number;
-    autofocus?: boolean;
+    additionalExtensions?: Array<TinyMCEExtension>;
 };
-export declare const JRCInputTinyMCE: ({ dataCy, token, value, onBlur, onChange, mentionsQueries, tinymceScriptSrc, autoFocus, inline, placeholder, styleWrapper, additionalExtensions, ref, height, autofocus, ...props }: JRCInputTinyMCEProps) => React.JSX.Element;
+export declare const JRCInputTinyMCE: <T extends FieldValues = FieldValues>({ dataCy, token, mentionsQueries, commonOptions, additionalExtensions, ...props }: JRCInputTinyMCEProps<T>) => React.JSX.Element;

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

@@ -2,4 +2,6 @@ import { Meta, Story } from '@storybook/react';
 import { JRCInputTinyMCEProps } from './JRCInputTinyMCE';
 declare const _default: Meta<import("@storybook/react").Args>;
 export default _default;
-export declare const InputTinyMCE: Story<JRCInputTinyMCEProps>;
+export declare const InputTinyMCEForm: Story<JRCInputTinyMCEProps<{
+    text: string;
+}>>;

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

@@ -0,0 +1,44 @@
+import * as React from 'react';
+import { Editor } from '@tinymce/tinymce-react';
+import { LegacyRef } from 'react';
+import { TinyMCECommonOptions } from 'jamespot-user-api';
+import { DataCy } from '../../../../types/dataAttributes';
+import { TinyMCEExtension } from './extensions/JTinyMCEExtensions';
+declare global {
+    const tinymce: any;
+}
+export type TinyMention = {
+    type: 'autocompleteitem';
+    value: string;
+    text: string;
+    icon?: string;
+};
+export type MentionQuery = (query: string) => Promise<TinyMention[]>;
+export type JRCInputTinyMCEStyleWrapperProps = {
+    linkColor?: string;
+    fontSize?: string;
+    lineHeight?: string;
+    minHeight?: number;
+};
+export type JRCInputTinyMCERawProps = DataCy & {
+    token?: string;
+    commonOptions: TinyMCECommonOptions;
+    additionalExtensions?: Array<TinyMCEExtension>;
+    value: string;
+    onBlur?: () => void;
+    onChange: (v: string) => void;
+    ref?: LegacyRef<Editor>;
+    tinymceScriptSrc?: string;
+    autoFocus?: boolean;
+    inline?: boolean;
+    placeholder?: string;
+    styleWrapper?: JRCInputTinyMCEStyleWrapperProps;
+    mentionsQueries: {
+        users: MentionQuery;
+        tags: MentionQuery;
+        contents: MentionQuery;
+    };
+    height?: number;
+    autofocus?: boolean;
+};
+export declare const JRCInputTinyMCERaw: ({ dataCy, token, value, onBlur, onChange, mentionsQueries, tinymceScriptSrc, autoFocus, inline, placeholder, styleWrapper, additionalExtensions, ref, height, autofocus, ...props }: JRCInputTinyMCERawProps) => React.JSX.Element;

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

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

package/build/src/components/Form/Input/{JRCInputTinyMCE → JRCInputTinyMCERaw}/extensions/JIAExtension/JIATextGenerationExtension.d.ts

@@ -1,7 +1,8 @@
 import { TinyMCEExtensionBuilder } from '../JTinyMCEExtensions';
+import { IntlShape } from 'react-intl';
 export type TextGenerationCapabilities = {
     summarize: (text: string) => Promise<string>;
     develop: (text: string) => Promise<string>;
     tldr: (text: string) => Promise<string>;
 };
-export declare const JIATextGenerationExtension: TinyMCEExtensionBuilder<[TextGenerationCapabilities]>;
+export declare const JIATextGenerationExtension: TinyMCEExtensionBuilder<[TextGenerationCapabilities, IntlShape]>;

package/build/src/components/Form/Input/{JRCInputTinyMCE → JRCInputTinyMCERaw}/extensions/JTinyMCEExtensions.d.ts

@@ -6,5 +6,5 @@ export interface TinyMCEExtensionBuilder<T extends Array<any>> {
     (...args: T): TinyMCEExtension;
 }
 export declare const JTinyMCEExtensionsBuilders: {
-    readonly jia: TinyMCEExtensionBuilder<[import("./JIAExtension/JIATextGenerationExtension").TextGenerationCapabilities]>;
+    readonly jia: TinyMCEExtensionBuilder<[import("./JIAExtension/JIATextGenerationExtension").TextGenerationCapabilities, import("react-intl").IntlShape]>;
 };

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

@@ -1,12 +1,12 @@
 import React from 'react';
 import { jCommentList } from 'jamespot-user-api/lib/src/types/comment';
-import { JRCInputTinyMCEProps } from '../Form/Input/JRCInputTinyMCE/JRCInputTinyMCE';
 import { jUserList, jUserView, Model, UpdateCommentParams } from 'jamespot-user-api';
+import { JRCInputTinyMCERawProps } from 'types';
 export type JRCCommentProps = {
     isFocused: boolean;
     comment: jCommentList;
     token?: string;
-    tinyMCEConfig: Pick<JRCInputTinyMCEProps, 'commonOptions' | 'mentionsQueries' | 'tinymceScriptSrc'>;
+    tinyMCEConfig: Pick<JRCInputTinyMCERawProps, 'commonOptions' | 'mentionsQueries' | 'tinymceScriptSrc'>;
     onCommentUpdate: (args: UpdateCommentParams) => Promise<void>;
     onCommentDelete: (idComment: number) => Promise<void>;
     fetchUser?: () => Promise<jUserView>;

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

@@ -1,12 +1,12 @@
 import React from 'react';
 import { jCommentList } from 'jamespot-user-api/lib/src/types/comment';
 import { AddCommentParams, jUserList, jUserView, Model, UpdateCommentParams } from 'jamespot-user-api';
-import { JRCInputTinyMCEProps } from '../Form/Input/JRCInputTinyMCE/JRCInputTinyMCE';
+import { JRCInputTinyMCERawProps } from '../Form/Input/JRCInputTinyMCERaw/JRCInputTinyMCERaw';
 export type JRCCommentsBlocProps = {
     comments?: jCommentList[];
     initialCommentsNumber?: number;
     currentUser: jUserList;
-    tinyMCEConfig: Pick<JRCInputTinyMCEProps, 'commonOptions' | 'mentionsQueries' | 'tinymceScriptSrc'>;
+    tinyMCEConfig: Pick<JRCInputTinyMCERawProps, 'commonOptions' | 'mentionsQueries' | 'tinymceScriptSrc'>;
     onComment: (params: Pick<AddCommentParams, 'content' | 'alertAuthor' | 'sendAlert'>) => Promise<void>;
     loading?: boolean;
     token?: string;

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

@@ -1,5 +1,6 @@
 import React from 'react';
 import { TinyMCECommonOptions, WidgetDisplayMode } from 'jamespot-user-api';
+import { TinyMCEExtension } from 'components/Form/Input/JRCInputTinyMCERaw/extensions/JTinyMCEExtensions';
 export type JRCWidgetArticleTextProps = {
     text: string;
     color: string;
@@ -11,5 +12,6 @@ export type JRCWidgetArticleTextProps = {
     tinyMCECommonOptions: TinyMCECommonOptions | undefined;
     mode?: WidgetDisplayMode;
     onChange: (text: string) => void;
+    additionalExtensions?: Array<TinyMCEExtension>;
 };
-export declare const JRCWidgetArticleText: ({ text, linkColor, fontSize, lineHeight, autoFocus, token, tinyMCECommonOptions, mode, onChange, }: JRCWidgetArticleTextProps) => React.JSX.Element;
+export declare const JRCWidgetArticleText: ({ text, linkColor, fontSize, lineHeight, autoFocus, token, tinyMCECommonOptions, mode, onChange, additionalExtensions, }: JRCWidgetArticleTextProps) => React.JSX.Element;

package/build/src/index.d.ts

@@ -82,7 +82,6 @@ export { JRCFormSelectTagField } from './components/Form/Input/JRCFormSelect/JRC
 export { JRCFormSendAlertField } from './components/Form/Input/JRCFormSendAlert/JRCFormSendAlert';
 export { JRCFormTextarea, JRCFormTextareaField } from './components/Form/Input/JRCFormTextarea/JRCFormTextarea';
 export { JRCFormTextField } from './components/Form/Input/JRCFormText/JRCFormText';
-export { JRCFormTinyMCE } from './components/Form/Input/JRCFormTinyMCE/JRCFormTinyMCE';
 export { JRCFormUrlField } from './components/Form/Input/JRCFormURL/JRCFormUrl';
 export { JRCGrid } from './components/JRCGrid/JRCGrid';
 export { JRCH1, JRCH2, JRCH3, JRCH4, JRCH5, JRCText } from './components/JRCTypo/JRCTypo';
@@ -112,6 +111,7 @@ export { JRCInputTextarea } from './components/Form/Input/JRCInputTextarea/JRCIn
 export { JRCInputTextIconButton } from './components/Form/Input/JRCInputText/JRCInputTextIconButton';
 export { JRCInputTime } from './components/Form/Input/JRCInputTime/JRCInputTime';
 export { JRCInputTinyMCE } from './components/Form/Input/JRCInputTinyMCE/JRCInputTinyMCE';
+export { JRCInputTinyMCERaw } from './components/Form/Input/JRCInputTinyMCERaw/JRCInputTinyMCERaw';
 export { JRCInputUrl } from './components/Form/Input/JRCInputUrl/JRCInputUrl';
 export { JRCList } from './components/JRCList/JRCList';
 export { JRCLoader } from './components/JRCLoader/JRCLoader';
@@ -138,9 +138,9 @@ export { JRCTag } from './components/JRCTag/JRCTag';
 export { JRCTemplateBase } from './components/Templates/JRCBase.template';
 export { JRCTemplateTwoColumns } from './components/Templates/JRCTwoColumns.template';
 export { JRCThemeProvider } from './components/JRCThemeProvider/JRCThemeProvider';
-export { JRCTinyMCEFileUploadModal } from './components/Form/Input/JRCInputTinyMCE/JRCTinyMCEFileUploadModal';
-export { JRCTinyMCEImageUploadModal } from './components/Form/Input/JRCInputTinyMCE/JRCTinyMCEImageUploadModal';
-export { JRCTinyMCEVideoUploadModal } from './components/Form/Input/JRCInputTinyMCE/JRCTinyMCEVideoUploadModal';
+export { JRCTinyMCEFileUploadModal } from './components/Form/Input/JRCInputTinyMCERaw/JRCTinyMCEFileUploadModal';
+export { JRCTinyMCEImageUploadModal } from './components/Form/Input/JRCInputTinyMCERaw/JRCTinyMCEImageUploadModal';
+export { JRCTinyMCEVideoUploadModal } from './components/Form/Input/JRCInputTinyMCERaw/JRCTinyMCEVideoUploadModal';
 export { JRCTooltip } from './components/JRCTooltip/JRCTooltip';
 export { JRCTypography } from './components/JRCTypography/JRCTypography';
 export { JRCUserPopup } from './components/JRCUserPopup/JRCUserPopup';
@@ -171,7 +171,7 @@ export { useTimeout } from './hooks/UseTimeout';
 export { useRefSize } from './hooks/useRefSize';
 export { useWindowSize } from './hooks/useWindowSize';
 export { useCancelOnUnmount } from './hooks/useCancelOnUnmount';
-export { JTinyMCEExtensionsBuilders } from './components/Form/Input/JRCInputTinyMCE/extensions/JTinyMCEExtensions';
+export { JTinyMCEExtensionsBuilders } from './components/Form/Input/JRCInputTinyMCERaw/extensions/JTinyMCEExtensions';
 /****
  *
  * PLEASE RESPECT ALPHABETICAL ORDER

package/build/src/types.d.ts

@@ -53,6 +53,7 @@ export type { JRCInputTextareaProps } from './components/Form/Input/JRCInputText
 export type { JRCInputTextProps } from './components/Form/Input/JRCInputText/JRCInputText';
 export type { JRCInputTextIconButtonProps } from './components/Form/Input/JRCInputText/JRCInputTextIconButton';
 export type { JRCInputTimeProps } from './components/Form/Input/JRCInputTime/JRCInputTime';
+export type { JRCInputTinyMCERawProps } from './components/Form/Input/JRCInputTinyMCERaw/JRCInputTinyMCERaw';
 export type { JRCInputTinyMCEProps } from './components/Form/Input/JRCInputTinyMCE/JRCInputTinyMCE';
 export type { JRCInputUrlProps } from './components/Form/Input/JRCInputUrl/JRCInputUrl';
 export type { JRCFileViewerOpenWithOptionsType } from './components/JRCFileViewer/types';
@@ -78,7 +79,7 @@ export type { JRCTypographyProps } from './components/JRCTypography/JRCTypograph
 export type { JRCValidationButtonProps } from './components/JRCButton/JRCValidationButton';
 export type { JRCValueLabelProps } from './components/Form/Common/types';
 export type { JRCWritableFormInputProps } from './components/Form/Input/JRCFormFieldRender';
-export type { MentionQuery, TinyMention } from './components/Form/Input/JRCInputTinyMCE/JRCInputTinyMCE';
+export type { MentionQuery, TinyMention } from './components/Form/Input/JRCInputTinyMCERaw/JRCInputTinyMCERaw';
 export type { MessageType } from './components/Common/util/getColor.util';
 export type { TextareaFormInputProps } from './components/Form/Input/JRCFormTextarea/JRCFormTextarea';
 export type { ThemeConfigOptions, ThemeType } from './styles/theme';

package/package.json

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

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

@@ -1,15 +0,0 @@
-import * as React from 'react';
-import { JRCInputFieldProps } from '../Common/JRCFormFieldRenderer.types';
-import { FieldValues } from 'react-hook-form/dist/types';
-import { TinyMCECommonOptions } from 'jamespot-user-api';
-import { MentionQuery } from '../JRCInputTinyMCE/JRCInputTinyMCE';
-export type JRCFormTinyMCEProps<T extends FieldValues> = JRCInputFieldProps<T> & {
-    token?: string;
-    commonOptions: TinyMCECommonOptions;
-    mentionsQueries: {
-        users: MentionQuery;
-        tags: MentionQuery;
-        contents: MentionQuery;
-    };
-};
-export declare const JRCFormTinyMCE: <T extends FieldValues = FieldValues>({ dataCy, token, mentionsQueries, commonOptions, ...props }: JRCFormTinyMCEProps<T>) => React.JSX.Element;

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

@@ -1,7 +0,0 @@
-import { Meta, Story } from '@storybook/react';
-import { JRCFormTinyMCEProps } from './JRCFormTinyMCE';
-declare const _default: Meta<import("@storybook/react").Args>;
-export default _default;
-export declare const InputTinyMCEForm: Story<JRCFormTinyMCEProps<{
-    text: string;
-}>>;