jamespot-react-components 1.0.193 → 1.0.194

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/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/index.d.ts

@@ -51,7 +51,6 @@ export { JRCFormTextField } from './components/Form/Input/Deprecated/JRCFormText
 export { JRCFormTextarea, JRCFormTextareaField, } from './components/Form/Input/Deprecated/JRCFormTextarea/JRCFormTextarea';
 export { JRCFormUrlField } from './components/Form/Input/Deprecated/JRCFormURL/JRCFormUrl';
 export { JRCInputCheckbox, JRCInputCheckboxRaw } from './components/Form/Input/JRCInputCheckbox/JRCInputCheckbox';
-export { JRCInputReorderCheckbox } from './components/Form/Input/JRCInputCheckbox/JRCInputReorderCheckbox';
 export { JRCInputToggleRaw } from './components/Form/Input/JRCInputCheckbox/JRCInputToggle';
 export { JRCCheckbox } from './components/Form/Input/JRCInputCheckbox/components/JRCCheckbox';
 export { JRCInputColor } from './components/Form/Input/JRCInputColor/JRCInputColor';
@@ -62,7 +61,7 @@ export { JRCInputEmail } from './components/Form/Input/JRCInputEmail/JRCInputEma
 export { JRCInputFile } from './components/Form/Input/JRCInputFile/JRCInputFile';
 export { JRCInputFileAdvancedRaw } from './components/Form/Input/JRCInputFileAdvanced/JRCInputFileAdvancedRaw';
 export { JRCInputImage } from './components/Form/Input/JRCInputImage/JRCInputImage';
-export { JRCInputRichText } from './components/Form/Input/JRCInputRichText/JRCInputRichText';
+export { JRCInputReorderCheckbox } from './components/Form/Input/JRCInputCheckbox/JRCInputReorderCheckbox';
 export { JRCInputSearchRaw } from './components/Form/Input/JRCInputSearchRaw/JRCInputSearchRaw';
 export { JRCInputPassword } from './components/Form/Input/JRCInputText/JRCInputPassword';
 export { JRCInputNumber, JRCInputText } from './components/Form/Input/JRCInputText/JRCInputText';

package/build/src/types.d.ts

@@ -35,7 +35,7 @@ export type { JRCFormInputFileFieldProps } from './components/Form/Input/Depreca
 export type { JRCFormInputImageProps, JRCFormInputImageFieldProps, } from './components/Form/Input/Deprecated/JRCFormImage/JRCFormImage';
 export type { JRCFormRangeProps } from './components/Form/Input/Deprecated/JRCFormRange/JRCFormRange';
 export type { JRCFormReceiveACopyInputProps } from './components/Form/Input/Deprecated/JRCFormReceiveACopy/JRCFormReceiveACopy';
-export type { RichTextValue, FormRichTextFieldProps, } from './components/Form/Input/Deprecated/JRCFormRichText/JRCFormRichTextField';
+export type { FormRichTextFieldProps } from './components/Form/Input/Deprecated/JRCFormRichText/JRCFormRichTextField';
 export type { JRCFormSelectProps } from './components/Form/Input/Deprecated/JRCFormSelect/JRCFormSelect';
 export type { JRCFormSendAlertInputProps } from './components/Form/Input/Deprecated/JRCFormSendAlert/JRCFormSendAlert';
 export type { JRCGridProps } from './components/JRCGrid/JRCGrid';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "jamespot-react-components",
-  "version": "1.0.193",
+  "version": "1.0.194",
   "description": "",
   "main": "./build/jamespot-react-components.js",
   "types": "./build/src/index.d.ts",
@@ -78,22 +78,10 @@
   },
   "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",
-    "@tiptap/extension-link": "^2.0.3",
-    "@tiptap/extension-mention": "^2.0.3",
-    "@tiptap/extension-placeholder": "^2.0.3",
-    "@tiptap/extension-text-align": "^2.0.3",
-    "@tiptap/extension-text-style": "^2.0.3",
-    "@tiptap/extension-underline": "^2.0.3",
-    "@tiptap/react": "^2.0.3",
-    "@tiptap/starter-kit": "^2.0.3",
-    "@tiptap/suggestion": "^2.0.3",
     "chroma-js": "^2.1.1",
     "classnames": "^2.3.1",
     "dompurify": "^3.0.5",
-    "jamespot-user-api": "^1.0.165",
+    "jamespot-user-api": "^1.0.166",
     "moment": "2.29.4",
     "react": "^17.x",
     "react-beautiful-dnd": "^13.1.1",

package/build/src/components/Form/Input/Deprecated/JRCFormRichText/extensions/mentions/MentionList.d.ts

@@ -1,11 +0,0 @@
-import React from 'react';
-import { SuggestionProps } from '@tiptap/suggestion';
-import { AudienceAutocomplete } from 'jamespot-user-api';
-type Props = Pick<SuggestionProps<AudienceAutocomplete>, 'items' | 'command'>;
-export type MentionListRef = {
-    onKeyDown: (props: {
-        event: KeyboardEvent;
-    }) => boolean;
-};
-export declare const MentionList: React.ForwardRefExoticComponent<Props & React.RefAttributes<MentionListRef>>;
-export {};

package/build/src/components/Form/Input/Deprecated/JRCFormRichText/extensions/mentions/mention.css.d.ts

@@ -1,4 +0,0 @@
-export declare const CSSItems: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
-export declare const CSSItem: import("styled-components").StyledComponent<"button", import("styled-components").DefaultTheme, {
-    selected: boolean;
-}, never>;

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

@@ -1,14 +0,0 @@
-import { AudienceAutocomplete } from 'jamespot-user-api';
-declare const _default: {
-    char: string;
-    items: ({ query }: {
-        query: string;
-    }) => Promise<AudienceAutocomplete[]>;
-    render: () => {
-        onStart: (props: any) => void;
-        onUpdate(props: any): void;
-        onKeyDown(props: any): boolean;
-        onExit(): void;
-    };
-};
-export default _default;

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

@@ -1,18 +0,0 @@
-import { Extension } from '@tiptap/react';
-/**
- * FontSize - Custom Extension
- * editor.commands.setFontSize(e.target.value) :set the font-size.
- * Made with help of:
- *   - https://stackoverflow.com/questions/70564092/tiptap-font-size-react
- *   - https://github.com/ueberdosis/tiptap/blob/main/packages/extension-text-align/src/text-align.ts
- *   - open PR about this: https://github.com/ueberdosis/tiptap/pull/1990
- */
-declare module '@tiptap/core' {
-    interface Commands<ReturnType> {
-        fontSize: {
-            setFontSize: (fontSize: number) => ReturnType;
-            unsetFontSize: () => ReturnType;
-        };
-    }
-}
-export declare const FontSize: Extension<any, any>;

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

@@ -1,26 +0,0 @@
-import * as React from 'react';
-import { JRCInputFieldProps } from '../Common/JRCFormFieldRenderer.types';
-import { FieldValues } from 'react-hook-form/dist/types';
-/**
- * Component used as a <input type="text"/>
- * @param props JRCInputFieldProps
- * validation props: required
- * @returns JSX.Element
- */
-export type FormRichTextFieldToolbarProps = 'font-size' | 'text-color' | 'bold' | 'italic' | 'underline' | 'strikethrough' | 'list-ul' | 'list-ol' | 'align-left' | 'align-center' | 'align-right' | 'align-justify' | 'link' | 'undo' | 'redo' | 'edit-html';
-export type FormRichTextFieldOptionsProps = {
-    richTextFixedToolbar: boolean;
-    richTextCustomToolbar: Array<FormRichTextFieldToolbarProps>;
-    richTextHideCharactersCount: boolean;
-    richTextDefaultFontSize: string;
-    richTextFontSize?: string;
-    richTextColor?: string;
-    richTextLinkColor?: string;
-};
-export declare function JRCInputRichText<T extends FieldValues = FieldValues>({ dataCy, ...props }: {
-    options?: FormRichTextFieldOptionsProps;
-} & {
-    isComponentVisible?: boolean;
-    inplace?: boolean;
-    placeholder?: string;
-} & JRCInputFieldProps<T>): React.JSX.Element;

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

@@ -1,7 +0,0 @@
-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 InputRichText: Story<JRCInputFieldProps<{
-    text: string;
-}>>;