jamespot-react-components 1.0.158 → 1.0.159

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

@@ -0,0 +1,15 @@
+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

@@ -0,0 +1,7 @@
+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;
+}>>;

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

@@ -9,6 +9,7 @@ export type NativeInputFileProps = DataCy & Omit<React.ComponentPropsWithoutRef<
     onLoading?: (state: boolean) => void;
     value: ApiWrapper<jFileLittle>[];
     onChange: (files: ApiWrapper<jFileLittle>[]) => void;
+    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"> & {
@@ -17,6 +18,7 @@ export declare const InputFile: React.ForwardRefExoticComponent<DataCy & Omit<Om
     onLoading?: ((state: boolean) => void) | undefined;
     value: ApiWrapper<jFileLittle>[];
     onChange: (files: ApiWrapper<jFileLittle>[]) => void;
+    showLoading?: boolean | undefined;
 } & React.RefAttributes<HTMLInputElement>>;
 /**
  * Component used as a <input type="file"/>

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

@@ -0,0 +1,28 @@
+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';
+declare global {
+    const tinymce: any;
+}
+export type MentionQuery = (query: string) => Promise<{
+    type: 'autocompleteitem';
+    value: string;
+    text: string;
+    icon?: string;
+}[]>;
+export type JRCInputTinyMCEProps = DataCy & {
+    token?: string;
+    commonOptions: TinyMCECommonOptions;
+    value: string;
+    onBlur?: () => void;
+    onChange: (v: string) => void;
+    ref?: LegacyRef<Editor>;
+    mentionsQueries: {
+        users: MentionQuery;
+        tags: MentionQuery;
+        contents: MentionQuery;
+    };
+};
+export declare const JRCInputTinyMCE: ({ dataCy, token, value, onBlur, onChange, mentionsQueries, ref, ...props }: JRCInputTinyMCEProps) => React.JSX.Element;

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

@@ -0,0 +1,5 @@
+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>;

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

@@ -0,0 +1,8 @@
+import * as React from 'react';
+type JRCTinyMCEImageUploadModalProps = {
+    closeHandler: () => void;
+    open: boolean;
+    token?: string;
+};
+export declare const JRCTinyMCEImageUploadModal: ({ open, closeHandler, token }: JRCTinyMCEImageUploadModalProps) => React.JSX.Element;
+export {};

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

@@ -0,0 +1,8 @@
+import * as React from 'react';
+type JRCTinyMCEVideoUploadModalProps = {
+    closeHandler: () => void;
+    open: boolean;
+    token?: string;
+};
+export declare const JRCTinyMCEVideoUploadModal: ({ open, closeHandler, token }: JRCTinyMCEVideoUploadModalProps) => React.JSX.Element;
+export {};

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

@@ -3,6 +3,7 @@ export type ModalBorderRadius = 'medium' | 'small';
 export declare const JRCModalBox: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
     isFullHeight?: boolean | undefined;
     overflow?: "hidden" | "visible" | undefined;
+    zIndex?: number | undefined;
 }, never>;
 export declare const JRCModalContainerFull: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
     isFullScreen?: boolean | undefined;

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

@@ -17,6 +17,8 @@ export interface JRCModalButtonType {
     variant?: 'contained' | 'outlined';
     clickHandler?: () => void;
     dataCy?: string;
+    disabled?: boolean;
+    loading?: boolean;
 }
 export declare const ModalOptions: ({ children }: {
     children?: React.ReactNode;

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

@@ -6,8 +6,6 @@ export type JRCModalContentFormProps = JRCModalContentBase & {
     loading?: boolean;
 };
 export interface JRCModalFormButtonType extends JRCModalButtonType {
-    loading?: boolean;
     isSubmit?: boolean;
-    disabled?: boolean;
 }
 export declare const JRCModalContentForm: ({ onSubmit, children, loading, title, onClickIconClose, options, buttons, overflow, }: JRCModalContentFormProps) => React.JSX.Element;

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

@@ -13,5 +13,6 @@ export interface JRCModalLayoutProps {
     maxHeight?: string;
     variant?: ModalVariant;
     overflow?: 'visible' | 'hidden';
+    zIndex?: number;
 }
 export declare const JRCModalLayout: React.ForwardRefExoticComponent<JRCModalLayoutProps & React.RefAttributes<HTMLDivElement>>;

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

@@ -1,3 +1,3 @@
 import React from 'react';
 import { JRCModalProps } from './JRCModal.types';
-export declare const JRCModal: ({ children, open, closeHandler, buttons, title, options, portalId, inPlace, ref, enableClickAwayCloseModal, }: JRCModalProps) => React.JSX.Element;
+export declare const JRCModal: ({ children, open, closeHandler, buttons, title, options, portalId, inPlace, ref, zIndex, enableClickAwayCloseModal, }: JRCModalProps) => React.JSX.Element;

package/build/src/components/JRCModal/templates/JRCModal.types.d.ts

@@ -11,6 +11,7 @@ type JRCModalBaseProps = {
     inPlace?: boolean;
     ref?: ForwardedRef<HTMLDivElement>;
     enableClickAwayCloseModal?: boolean;
+    zIndex?: number;
 };
 export type JRCModalProps = JRCModalBaseProps & {
     buttons?: JRCModalButtonType[];

package/build/src/components/JRCModal/templates/JRCModalForm.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
 import { JRCModalFormProps } from './JRCModal.types';
-export declare const JRCModalForm: ({ title, children, options, open, closeHandler, buttons, onSubmit, loading, portalId, inPlace, ref, enableClickAwayCloseModal, maxHeight, }: JRCModalFormProps) => React.JSX.Element;
+export declare const JRCModalForm: ({ title, children, options, open, closeHandler, buttons, onSubmit, loading, portalId, inPlace, ref, enableClickAwayCloseModal, maxHeight, zIndex, }: JRCModalFormProps) => React.JSX.Element;

package/build/src/index.d.ts

@@ -80,6 +80,7 @@ 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';
@@ -108,6 +109,7 @@ export { JRCInputText } from './components/Form/Input/JRCInputText/JRCInputText'
 export { JRCInputTextIconButton } from './components/Form/Input/JRCInputText/JRCInputTextIconButton';
 export { JRCInputTextarea } from './components/Form/Input/JRCInputTextarea/JRCInputTextarea';
 export { JRCInputTime } from './components/Form/Input/JRCInputTime/JRCInputTime';
+export { JRCInputTinyMCE } from './components/Form/Input/JRCInputTinyMCE/JRCInputTinyMCE';
 export { JRCInputUrl } from './components/Form/Input/JRCInputUrl/JRCInputUrl';
 export { JRCList } from './components/JRCList/JRCList';
 export { JRCLoader } from './components/JRCLoader/JRCLoader';
@@ -134,6 +136,8 @@ 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 { JRCTinyMCEImageUploadModal } from './components/Form/Input/JRCInputTinyMCE/JRCTinyMCEImageUploadModal';
+export { JRCTinyMCEVideoUploadModal } from './components/Form/Input/JRCInputTinyMCE/JRCTinyMCEVideoUploadModal';
 export { JRCTooltip } from './components/JRCTooltip/JRCTooltip';
 export { JRCTypography } from './components/JRCTypography/JRCTypography';
 export { JRCValidationButton } from './components/JRCButton/JRCValidationButton';

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 { JRCInputTinyMCEProps } from './components/Form/Input/JRCInputTinyMCE/JRCInputTinyMCE';
 export type { JRCInputUrlProps } from './components/Form/Input/JRCInputUrl/JRCInputUrl';
 export type { JRCFileViewerOpenWithOptionsType } from './components/JRCFileViewer/types';
 export type { JRCLinkToProps, JRCStyledHrefProps } from './components/JRCHref/JRCHref';
@@ -77,6 +78,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 } from './components/Form/Input/JRCInputTinyMCE/JRCInputTinyMCE';
 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.158",
+  "version": "1.0.159",
   "description": "",
   "main": "./build/jamespot-react-components.js",
   "types": "./build/src/index.d.ts",
@@ -41,6 +41,7 @@
     "@types/redux-form": "^8.3.5",
     "@types/styled-components": "^5.1.4",
     "@types/testing-library__jest-dom": "^5.12.0",
+    "@types/tinymce": "^4.6.7",
     "@types/uuid": "^8.3.1",
     "@typescript-eslint/eslint-plugin": "^5.4.0",
     "@typescript-eslint/parser": "^5.4.0",
@@ -75,6 +76,7 @@
     "webpack-dev-server": "^4.4.0"
   },
   "dependencies": {
+    "@tinymce/tinymce-react": "^4.3.0",
     "@tiptap/core": "^2.0.3",
     "@tiptap/extension-character-count": "^2.0.3",
     "@tiptap/extension-color": "^2.0.3",
@@ -90,7 +92,7 @@
     "chroma-js": "^2.1.1",
     "classnames": "^2.3.1",
     "dompurify": "^3.0.5",
-    "jamespot-user-api": "^1.0.127",
+    "jamespot-user-api": "^1.0.128",
     "moment": "2.29.4",
     "react": "^17.x",
     "react-beautiful-dnd": "^13.1.1",