jamespot-react-components 1.0.129 → 1.0.131

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (62) hide show
  1. package/build/jamespot-react-components.js +1008 -443
  2. package/build/jamespot-react-components.js.map +1 -1
  3. package/build/src/components/Beta/BETA_JRCColorPicker/BETA_JRCColorPicker.d.ts +3 -0
  4. package/build/src/components/Beta/BETA_JRCColorPicker/ColorInput.d.ts +4 -0
  5. package/build/src/components/Beta/BETA_JRCColorPicker/ColorPalette.d.ts +15 -0
  6. package/build/src/components/Beta/BETA_JRCColorPicker/ColorPicker.d.ts +29 -0
  7. package/build/src/components/Beta/BETA_JRCColorPicker/ColorRange.d.ts +16 -0
  8. package/build/src/components/Beta/BETA_JRCColorPicker/DragArea.d.ts +13 -0
  9. package/build/src/components/Beta/BETA_JRCColorPicker/JRCColorPicker.styles.d.ts +8 -0
  10. package/build/src/components/Beta/BETA_JRCColorPicker/JRCColorPicker.types.d.ts +21 -0
  11. package/build/src/components/Beta/BETA_JRCDoubleClick/BETA_JRCDoubleClick.d.ts +7 -0
  12. package/build/src/components/Beta/BETA_JRCDragAndDrop/BETA_JRCDragAndDrop.d.ts +8 -0
  13. package/build/src/components/Editors/components/Editor.style.d.ts +2 -0
  14. package/build/src/components/Editors/components/EditorCheckbox.d.ts +5 -0
  15. package/build/src/components/Editors/components/EditorColorPicker.d.ts +6 -0
  16. package/build/src/components/Editors/components/EditorInput.d.ts +7 -0
  17. package/build/src/components/Editors/components/EditorSelect.d.ts +10 -0
  18. package/build/src/components/Editors/components/EditorUploader.d.ts +11 -0
  19. package/build/src/components/Form/Input/JRCFormFile/File.d.ts +10 -0
  20. package/build/src/components/Form/Input/JRCFormFile/JRCFormFile.d.ts +9 -6
  21. package/build/src/components/Form/Input/JRCFormFile/JRCFormFile.stories.d.ts +2 -3
  22. package/build/src/components/Form/Input/JRCFormFile/JRCFormFile.styles.d.ts +7 -0
  23. package/build/src/components/Form/Input/JRCFormFile/file.api.d.ts +2 -0
  24. package/build/src/components/Form/Input/JRCFormRichText/JRCFormRichEditorField.styles.d.ts +6 -0
  25. package/build/src/components/Form/Input/JRCFormRichText/JRCFormRichTextField.d.ts +12 -2
  26. package/build/src/components/Form/Input/JRCFormRichText/extensions/mentions/MentionList.d.ts +11 -0
  27. package/build/src/components/Form/Input/JRCFormRichText/extensions/mentions/mention.css.d.ts +4 -0
  28. package/build/src/components/Form/Input/JRCFormRichText/suggestion.d.ts +14 -0
  29. package/build/src/components/Form/Input/JRCInputRichText/JRCInputRichText.d.ts +17 -1
  30. package/build/src/components/JRCCard/JRCCardImg.d.ts +1 -0
  31. package/build/src/components/Widgets/JRCWidgetArticleAttachment/JRCWidgetArticleAttachment.d.ts +5 -0
  32. package/build/src/components/Widgets/JRCWidgetArticleAttachment/JRCWidgetArticleAttachmentEditor.d.ts +12 -0
  33. package/build/src/components/Widgets/JRCWidgetArticleButton/JRCWidgetArticleButton.d.ts +4 -0
  34. package/build/src/components/Widgets/JRCWidgetArticleButton/JRCWidgetArticleButtonEditor.d.ts +10 -0
  35. package/build/src/components/Widgets/JRCWidgetArticleGallery/JRCWidgetArticleGallery.d.ts +17 -0
  36. package/build/src/components/Widgets/JRCWidgetArticleGallery/JRCWidgetArticleGalleryEditor.d.ts +11 -0
  37. package/build/src/components/Widgets/JRCWidgetArticleImage/JRCWidgetArticleImage.d.ts +5 -0
  38. package/build/src/components/Widgets/JRCWidgetArticleImage/JRCWidgetArticleImageEditor.d.ts +9 -0
  39. package/build/src/components/Widgets/JRCWidgetArticleImage/styles.d.ts +8 -0
  40. package/build/src/components/Widgets/JRCWidgetArticleText/JRCWidgetArticleText.d.ts +4 -0
  41. package/build/src/components/Widgets/JRCWidgetArticleText/JRCWidgetArticleTextEditor.d.ts +6 -0
  42. package/build/src/components/Widgets/JRCWidgetArticleTitle/JRCWidgetArticleTitle.d.ts +4 -0
  43. package/build/src/components/Widgets/JRCWidgetArticleTitle/JRCWidgetArticleTitleEditor.d.ts +9 -0
  44. package/build/src/components/Widgets/JRCWidgetEmptyInplace.d.ts +8 -0
  45. package/build/src/components/Widgets/components/Attachment.d.ts +33 -0
  46. package/build/src/components/Widgets/components/Image.d.ts +9 -0
  47. package/build/src/components/Widgets/components/WidgetMissingToken.d.ts +1 -0
  48. package/build/src/components/Widgets/const.d.ts +61 -0
  49. package/build/src/components/Widgets/styles.d.ts +24 -0
  50. package/build/src/components/Widgets/utils.d.ts +10 -0
  51. package/build/src/components/Widgets/utils.test.d.ts +1 -0
  52. package/build/src/index.d.ts +16 -0
  53. package/build/src/styles/utils.d.ts +10 -0
  54. package/build/src/types.d.ts +1 -0
  55. package/build/src/utils/index.d.ts +2 -1
  56. package/build/src/utils/utils.array.d.ts +1 -0
  57. package/build/src/utils/utils.color.d.ts +51 -0
  58. package/build/src/utils/utils.color.test.d.ts +1 -0
  59. package/build/src/utils/utils.image.d.ts +8 -0
  60. package/build/src/utils/utils.misc.d.ts +5 -0
  61. package/build/src/utils/utils.object.d.ts +1 -0
  62. package/package.json +5 -2
@@ -0,0 +1,3 @@
1
+ import { JRCColorPickerTypes } from './JRCColorPicker.types';
2
+ export declare const CSSColorPickerWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
3
+ export declare const BETA_JRCColorPicker: (props: JRCColorPickerTypes) => JSX.Element;
@@ -0,0 +1,4 @@
1
+ export declare const ColorInput: ({ initialValue, onChange }: {
2
+ initialValue: string;
3
+ onChange: (color: string) => void;
4
+ }) => JSX.Element;
@@ -0,0 +1,15 @@
1
+ import { ColorPaletteType } from './JRCColorPicker.types';
2
+ export declare const CSSColorBorder: import("styled-components").StyledComponent<"div", any, {
3
+ color: string;
4
+ }, never>;
5
+ export declare const CSSColor: import("styled-components").StyledComponent<"div", any, {
6
+ color: string;
7
+ }, never>;
8
+ declare type ColorPaletteProps = {
9
+ palette: ColorPaletteType;
10
+ isLocked: boolean;
11
+ onClick: (color: string) => void;
12
+ onChange?: (locked: boolean) => void;
13
+ };
14
+ export declare const ColorPalette: ({ palette, isLocked, onClick, onChange }: ColorPaletteProps) => JSX.Element;
15
+ export {};
@@ -0,0 +1,29 @@
1
+ export declare const CSSColorPickerWrapper: import("styled-components").StyledComponent<"div", any, {
2
+ width: number;
3
+ height: number;
4
+ }, never>;
5
+ export declare const CSSColorPickerBackground: import("styled-components").StyledComponent<"div", any, {
6
+ width: number;
7
+ height: number;
8
+ backgroundColor: string;
9
+ }, never>;
10
+ export declare const CSSColorPickerGrarientBackground: import("styled-components").StyledComponent<"div", any, {}, never>;
11
+ export declare const CSSColorPickerPicker: import("styled-components").StyledComponent<"div", any, {
12
+ size: number;
13
+ backgroundColor: string;
14
+ top: number;
15
+ left: number;
16
+ }, never>;
17
+ declare type ColorPickerPaletteType = {
18
+ name: string;
19
+ colors: string[];
20
+ };
21
+ declare type ColorPickerType = {
22
+ initialColor: string;
23
+ width: number;
24
+ height: number;
25
+ palettes: ColorPickerPaletteType[];
26
+ onChange: (color: string, trigger: boolean) => void;
27
+ };
28
+ export declare const ColorPicker: ({ initialColor, width, height, palettes, onChange }: ColorPickerType) => JSX.Element;
29
+ export {};
@@ -0,0 +1,16 @@
1
+ export declare const CSSColorRangeWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
2
+ export declare const CSSColorRangeBackground: import("styled-components").StyledComponent<"div", any, {
3
+ width: number;
4
+ height: number;
5
+ }, never>;
6
+ export declare const CSSColorRangePicker: import("styled-components").StyledComponent<"div", any, {
7
+ size: number;
8
+ backgroundColor: string;
9
+ top: number;
10
+ left: number;
11
+ }, never>;
12
+ export declare const ColorRange: ({ width, hue, onChange, }: {
13
+ width: number;
14
+ hue: number;
15
+ onChange: (color: string, hue: number, mouseIsDown: boolean) => void;
16
+ }) => JSX.Element;
@@ -0,0 +1,13 @@
1
+ import React from 'react';
2
+ declare type Vector = {
3
+ x: number;
4
+ y: number;
5
+ };
6
+ export declare const DragArea: ({ children, initialPosition, width, height, onChange, }: {
7
+ children: React.ReactElement;
8
+ initialPosition: Vector;
9
+ width?: number | undefined;
10
+ height?: number | undefined;
11
+ onChange: (vec: Vector, mouseIsDown: boolean) => void;
12
+ }) => JSX.Element;
13
+ export {};
@@ -0,0 +1,8 @@
1
+ export declare const CSSColorPicker: import("styled-components").StyledComponent<"div", any, {}, never>;
2
+ export declare const CSSColorPickerIcon: import("styled-components").StyledComponent<"div", any, {}, never>;
3
+ export declare const CSSColorPickerLabel: import("styled-components").StyledComponent<"div", any, {}, never>;
4
+ export declare const CSSColorPickerExpand: import("styled-components").StyledComponent<"div", any, {}, never>;
5
+ export declare const CSSInput: import("styled-components").StyledComponent<"div", any, {
6
+ hue: string;
7
+ width: number;
8
+ }, never>;
@@ -0,0 +1,21 @@
1
+ /// <reference types="react" />
2
+ export declare type ColorPaletteType = {
3
+ name: string;
4
+ colors: string[];
5
+ };
6
+ export declare type JRCColorPickerPaletteType = {
7
+ name: string;
8
+ colors: string[];
9
+ };
10
+ export declare type JRCColorPickerTypes = {
11
+ label?: string | JSX.Element;
12
+ description?: string;
13
+ initialValue?: string;
14
+ name: string;
15
+ palettes: JRCColorPickerPaletteType[];
16
+ onChange: (color: string) => void;
17
+ };
18
+ export declare type Vector = {
19
+ x: number;
20
+ y: number;
21
+ };
@@ -0,0 +1,7 @@
1
+ import React from 'react';
2
+ export declare type BETA_JRCDoubleClickProps = {
3
+ children: React.ReactNode;
4
+ onDoubleTap: () => void;
5
+ onDoubleTapMsDelay?: number;
6
+ };
7
+ export declare const BETA_JRCDoubleClick: ({ children, onDoubleTap, onDoubleTapMsDelay }: BETA_JRCDoubleClickProps) => JSX.Element;
@@ -0,0 +1,8 @@
1
+ import * as React from 'react';
2
+ export declare type JRCDragAndDropProps<T> = {
3
+ elms: T[];
4
+ renderEl: (el: T, index: number) => React.ReactNode;
5
+ onDrag: (dragIndex: number, hoverIndex: number) => void;
6
+ onDop?: (dragIndex: number, hoverIndex: number) => void;
7
+ };
8
+ export declare const BETA_JRCDragAndDrop: <T>({ elms, renderEl, onDrag }: JRCDragAndDropProps<T>) => JSX.Element;
@@ -0,0 +1,2 @@
1
+ export declare const CSSEditorComponentWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
2
+ export declare const CSSEditorComponentLabel: import("styled-components").StyledComponent<"div", any, {}, never>;
@@ -0,0 +1,5 @@
1
+ export declare const CSSCheckboxWrapper: import("styled-components").StyledComponent<"button", any, {}, never>;
2
+ export declare const EditorCheckbox: ({ initialValue, onChange, }: {
3
+ initialValue: boolean | undefined;
4
+ onChange: (status: boolean) => void;
5
+ }) => JSX.Element;
@@ -0,0 +1,6 @@
1
+ export declare const CSSJRCColorPicker: import("styled-components").StyledComponent<"div", any, {}, never>;
2
+ export declare const EditorColorPicker: ({ initialValue, onChange, }: {
3
+ colors?: string[] | undefined;
4
+ initialValue?: string | undefined;
5
+ onChange: (color: string) => void;
6
+ }) => JSX.Element;
@@ -0,0 +1,7 @@
1
+ export declare const CSSInputWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
2
+ export declare const EditorInput: ({ placeholder, initialValue, onChange, }: {
3
+ placeholder?: string | undefined;
4
+ initialValue: string | undefined;
5
+ autoFocus?: boolean | undefined;
6
+ onChange: (text: string) => void;
7
+ }) => JSX.Element;
@@ -0,0 +1,10 @@
1
+ export declare type EditorSelectOption = {
2
+ label: string;
3
+ value: string;
4
+ };
5
+ export declare type EditorSelectOptions = EditorSelectOption[];
6
+ export declare const EditorSelect: <T extends string>({ options, initialValue, onChange, }: {
7
+ options: EditorSelectOptions;
8
+ initialValue: string | undefined;
9
+ onChange: (value: T) => void;
10
+ }) => JSX.Element;
@@ -0,0 +1,11 @@
1
+ import { FileResponse } from 'jamespot-user-api';
2
+ export declare const EditorUploader: ({ token, uniqid, label, accept, multiple, onUploadStart, onUploadSuccess, onUploadSucessEnd, }: {
3
+ token: string;
4
+ uniqid: string;
5
+ label: string;
6
+ accept: string;
7
+ multiple: boolean;
8
+ onUploadStart: (count?: number | undefined) => void;
9
+ onUploadSuccess: (response: FileResponse) => void;
10
+ onUploadSucessEnd?: (() => void) | undefined;
11
+ }) => JSX.Element;
@@ -0,0 +1,10 @@
1
+ import { FileResponse } from 'jamespot-user-api';
2
+ export declare const File: ({ file, index, token, step, attrName, onUploadSuccess, onDeleteSuccess, }: {
3
+ file: File;
4
+ index: number;
5
+ step: number;
6
+ token: string | undefined;
7
+ attrName: string;
8
+ onUploadSuccess?: ((response: FileResponse) => void) | undefined;
9
+ onDeleteSuccess?: (() => void) | undefined;
10
+ }) => JSX.Element;
@@ -1,5 +1,6 @@
1
1
  import * as React from 'react';
2
2
  import { WrappedFieldInputProps } from 'redux-form';
3
+ import { FileResponse } from 'jamespot-user-api';
3
4
  export declare type JRCFormInputFileProps = JRCFormInputFileFieldProps;
4
5
  /**
5
6
  * Props type for JRCFormInputFileFieldProps (to fix with next version of this JRC)
@@ -13,16 +14,18 @@ export interface JRCFormInputFileFieldProps extends React.ComponentPropsWithoutR
13
14
  required?: boolean;
14
15
  loading?: boolean;
15
16
  className?: string;
16
- content: string;
17
+ content?: string;
17
18
  icon?: boolean;
19
+ limit?: number;
20
+ token?: string;
18
21
  multiple?: boolean;
19
- accept?: 'image/png' | 'image/jpg' | 'image/png, image/jpg' | 'image/pdf' | 'image/doc' | 'image/pdf, image/doc';
22
+ accept?: 'image/png' | 'image/jpg' | 'image/png, image/jpg' | 'image/png, image/jpeg, image/jpg' | 'image/pdf' | 'image/doc' | 'image/pdf, image/doc';
20
23
  input?: WrappedFieldInputProps;
24
+ onUploadSuccess?: (response: FileResponse) => void;
25
+ onDeleteSuccess?: (index: number) => void;
26
+ onUploadStart?: (count?: number) => void;
21
27
  }
22
- /**
23
- * @deprecated Build a component compatible with react-hook-form instead
24
- */
25
- export declare const JRCFormInputFile: ({ id, required, loading, name, accept, content, icon, multiple, }: JRCFormInputFileProps) => JSX.Element;
28
+ export declare const JRCFormInputFile: React.ForwardRefExoticComponent<JRCFormInputFileFieldProps & React.RefAttributes<HTMLInputElement>>;
26
29
  /**
27
30
  * @deprecated Build a component compatible with react-hook-form instead
28
31
  */
@@ -1,6 +1,5 @@
1
- import { JRCFormInputFileFieldProps } from './JRCFormFile';
2
1
  import { Meta, Story } from '@storybook/react';
3
2
  declare const _default: Meta<import("@storybook/react").Args>;
4
3
  export default _default;
5
- export declare const File: Story<JRCFormInputFileFieldProps>;
6
- export declare const FileMultiple: Story<JRCFormInputFileFieldProps>;
4
+ export declare const File: Story<import("./JRCFormFile").JRCFormInputFileFieldProps>;
5
+ export declare const FileMultiple: Story<import("./JRCFormFile").JRCFormInputFileFieldProps>;
@@ -3,5 +3,12 @@ export declare const ContainerList: import("styled-components").StyledComponent<
3
3
  export declare const List: import("styled-components").StyledComponent<"div", any, {}, never>;
4
4
  export declare const Image: import("styled-components").StyledComponent<"img", any, {}, never>;
5
5
  export declare const LabelContainer: import("styled-components").StyledComponent<"label", any, {}, never>;
6
+ export declare const FileUploadWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
6
7
  export declare const LabelField: import("styled-components").StyledComponent<"p", any, {}, never>;
7
8
  export declare const CloseButton: import("styled-components").StyledComponent<"a", any, {}, never>;
9
+ export declare const FileWrapper: import("styled-components").StyledComponent<"label", any, {
10
+ loading: boolean;
11
+ }, never>;
12
+ export declare const FileName: import("styled-components").StyledComponent<"label", any, {}, never>;
13
+ export declare const FileImage: import("styled-components").StyledComponent<"label", any, {}, never>;
14
+ export declare const FileRemove: import("styled-components").StyledComponent<"a", any, {}, never>;
@@ -0,0 +1,2 @@
1
+ import { FileResponse } from 'jamespot-user-api';
2
+ export declare function fileSend(file: File, token: string | undefined, name: string): Promise<FileResponse>;
@@ -1,9 +1,15 @@
1
1
  import * as React from 'react';
2
+ export declare const EditorInplace: import("styled-components").StyledComponent<"div", any, {
3
+ color?: string | undefined;
4
+ linkColor?: string | undefined;
5
+ fontSize?: string | undefined;
6
+ }, never>;
2
7
  export declare const Editor: import("styled-components").StyledComponent<"div", any, {}, never>;
3
8
  export declare const CharactersCount: import("styled-components").StyledComponent<({ variant, ...props }: import("../../../..").JRCTypographyProps) => JSX.Element, any, {}, never>;
4
9
  export declare function FontSizeSelect(props: {
5
10
  onChange: (size: number) => void;
6
11
  }): JSX.Element;
12
+ export declare const FixedMenuWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
7
13
  export declare const MenuWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
8
14
  export declare const Spacer: import("styled-components").StyledComponent<"div", any, {}, never>;
9
15
  export declare function SimpleInputColor(props: React.ComponentPropsWithoutRef<'input'>): JSX.Element;
@@ -3,12 +3,15 @@ import { Editor } from '@tiptap/react';
3
3
  import { JRCWritableFormInputProps } from '../JRCFormFieldRender';
4
4
  import { EventHandler, EventOrValueHandler } from 'redux-form';
5
5
  import { DataCy } from '../../../../types/dataAttributes';
6
+ import { FormRichTextFieldOptionsProps, FormRichTextFieldToobarProps } from '../JRCInputRichText/JRCInputRichText';
6
7
  /**
7
8
  * This component is used with redux-form (studio) and with react-hook-form!!
8
9
  * @deprecated Split react-hook-form version in a dedicated component and use it instead
9
10
  */
10
- export declare const MenuBar: ({ editor }: {
11
+ export declare const MenuBar: ({ editor, toolbarOptions, isFixed, }: {
11
12
  editor: Editor | null;
13
+ toolbarOptions: FormRichTextFieldToobarProps[] | '*';
14
+ isFixed: boolean;
12
15
  }) => JSX.Element | null;
13
16
  export declare type RichTextValue = {
14
17
  html: string;
@@ -16,6 +19,7 @@ export declare type RichTextValue = {
16
19
  };
17
20
  export declare type FormRichTextFieldProps = {
18
21
  name: string;
22
+ placeholder?: string;
19
23
  value: Partial<RichTextValue> | undefined;
20
24
  onFocus: EventHandler<React.FocusEvent>;
21
25
  onBlur: EventOrValueHandler<React.FocusEvent>;
@@ -26,11 +30,17 @@ export declare type FormRichTextFieldProps = {
26
30
  */
27
31
  export declare const FormRichTextField: React.ForwardRefExoticComponent<{
28
32
  name: string;
33
+ placeholder?: string | undefined;
29
34
  value: Partial<RichTextValue> | undefined;
30
35
  onFocus: EventHandler<React.FocusEvent>;
31
36
  onBlur: EventOrValueHandler<React.FocusEvent>;
32
37
  onChange: (value: RichTextValue) => void;
33
- } & DataCy & React.RefAttributes<unknown>>;
38
+ } & DataCy & {
39
+ inplace?: boolean | undefined;
40
+ isComponentVisible?: boolean | undefined;
41
+ } & {
42
+ options?: FormRichTextFieldOptionsProps | undefined;
43
+ } & React.RefAttributes<unknown>>;
34
44
  /**
35
45
  * Component used as a <input type="text"/>
36
46
  * @param props JRCWritableFormInputProps
@@ -0,0 +1,11 @@
1
+ import React from 'react';
2
+ import { SuggestionProps } from '@tiptap/suggestion';
3
+ import { AudienceAutocomplete } from 'jamespot-user-api';
4
+ declare type Props = Pick<SuggestionProps<AudienceAutocomplete>, 'items' | 'command'>;
5
+ export declare type MentionListRef = {
6
+ onKeyDown: (props: {
7
+ event: KeyboardEvent;
8
+ }) => boolean;
9
+ };
10
+ export declare const MentionList: React.ForwardRefExoticComponent<Props & React.RefAttributes<MentionListRef>>;
11
+ export {};
@@ -0,0 +1,4 @@
1
+ export declare const CSSItems: import("styled-components").StyledComponent<"div", any, {}, never>;
2
+ export declare const CSSItem: import("styled-components").StyledComponent<"button", any, {
3
+ selected: boolean;
4
+ }, never>;
@@ -0,0 +1,14 @@
1
+ import { AudienceAutocomplete } from 'jamespot-user-api';
2
+ declare const _default: {
3
+ char: string;
4
+ items: ({ query }: {
5
+ query: string;
6
+ }) => Promise<AudienceAutocomplete[]>;
7
+ render: () => {
8
+ onStart: (props: any) => void;
9
+ onUpdate(props: any): void;
10
+ onKeyDown(props: any): boolean;
11
+ onExit(): void;
12
+ };
13
+ };
14
+ export default _default;
@@ -7,4 +7,20 @@ import { FieldValues } from 'react-hook-form/dist/types';
7
7
  * validation props: required
8
8
  * @returns JSX.Element
9
9
  */
10
- export declare function JRCInputRichText<T extends FieldValues = FieldValues>({ dataCy, ...props }: JRCInputFieldProps<T>): JSX.Element;
10
+ export declare type FormRichTextFieldToobarProps = 'font-size' | 'text-color' | 'bold' | 'italic' | 'underline' | 'strikethrough' | 'list-ul' | 'list-ol' | 'align-left' | 'align-center' | 'align-right' | 'align-justify' | 'link' | 'undo' | 'redo';
11
+ export declare type FormRichTextFieldOptionsProps = {
12
+ richTextFixedToolbar: boolean;
13
+ richTextCustomToolbar: Array<FormRichTextFieldToobarProps>;
14
+ richTextHideCharactersCount: boolean;
15
+ richTextDefaultFontSize: string;
16
+ richTextFontSize?: string;
17
+ richTextColor?: string;
18
+ richTextLinkColor?: string;
19
+ };
20
+ export declare function JRCInputRichText<T extends FieldValues = FieldValues>({ dataCy, ...props }: {
21
+ options?: FormRichTextFieldOptionsProps;
22
+ } & {
23
+ isComponentVisible?: boolean;
24
+ inplace?: boolean;
25
+ placeholder?: string;
26
+ } & JRCInputFieldProps<T>): JSX.Element;
@@ -15,6 +15,7 @@ export declare type ActionsPosition = {
15
15
  };
16
16
  export declare type JRCCardImgProps = {
17
17
  color?: string;
18
+ icon?: boolean;
18
19
  img?: string;
19
20
  imgFromObject?: ImgUrlProps;
20
21
  title: string;
@@ -0,0 +1,5 @@
1
+ import { WidgetArticleAttachmentContent, WidgetDefaultProps } from 'jamespot-user-api';
2
+ export declare const JRCWidgetArticleAttachment: ({ content, mode, onStateChange, }: WidgetDefaultProps & {
3
+ content: WidgetArticleAttachmentContent;
4
+ token: string | undefined;
5
+ }) => JSX.Element;
@@ -0,0 +1,12 @@
1
+ import { CombinedWidgetContent, WidgetArticleAttachmentContent, WidgetStateProps } from 'jamespot-user-api';
2
+ import React from 'react';
3
+ declare type JRCWidgetArticleAttachmentEditorProps = {
4
+ token: string | undefined;
5
+ content: WidgetArticleAttachmentContent;
6
+ onChange: (content: CombinedWidgetContent, override?: boolean) => void;
7
+ onSave: (content: CombinedWidgetContent) => void;
8
+ onStateChange?: (state: WidgetStateProps) => void;
9
+ onOpen?: (view: React.ReactElement) => void;
10
+ };
11
+ export declare const JRCWidgetArticleAttachmentEditor: ({ token, content, onChange, onSave, }: JRCWidgetArticleAttachmentEditorProps) => JSX.Element;
12
+ export {};
@@ -0,0 +1,4 @@
1
+ import { WidgetArticleButtonContent, WidgetDefaultProps } from 'jamespot-user-api';
2
+ export declare const JRCWidgetArticleButton: ({ content, onClick, onStateChange, }: WidgetDefaultProps & {
3
+ content: WidgetArticleButtonContent;
4
+ }) => JSX.Element;
@@ -0,0 +1,10 @@
1
+ import { CombinedWidgetContent, WidgetArticleButtonContent, WidgetStateProps } from 'jamespot-user-api';
2
+ declare type JRCWidgetArticleButtonEditorProps = {
3
+ content: WidgetArticleButtonContent;
4
+ onChange: (content: CombinedWidgetContent, override?: boolean) => void;
5
+ onSave: (content: CombinedWidgetContent) => void;
6
+ onStateChange?: (state: WidgetStateProps) => void;
7
+ };
8
+ export declare function useFirstRender(): boolean;
9
+ export declare const JRCWidgetArticleButtonEditor: ({ content, onChange, onSave }: JRCWidgetArticleButtonEditorProps) => JSX.Element;
10
+ export {};
@@ -0,0 +1,17 @@
1
+ import { FileResponse, WidgetArticleGalleryContent, WidgetDefaultProps, WidgetWrapperProps } from 'jamespot-user-api';
2
+ import React from 'react';
3
+ export declare const CSSColumnGallery: import("styled-components").StyledComponent<"div", any, {
4
+ column: string;
5
+ gap: string;
6
+ }, never>;
7
+ export declare const CSSGalleryWrapper: import("styled-components").StyledComponent<"div", any, {
8
+ gap: string;
9
+ }, never>;
10
+ declare type JRCWidgetArticleGalleryProps = WidgetDefaultProps & {
11
+ content: WidgetArticleGalleryContent;
12
+ token: string | undefined;
13
+ onUploadSuccess?: (fileResponse: FileResponse) => void;
14
+ renderItem?: (widgetWrapper: WidgetWrapperProps) => React.ReactElement;
15
+ };
16
+ export declare const JRCWidgetArticleGallery: ({ width, content, onStateChange }: JRCWidgetArticleGalleryProps) => JSX.Element;
17
+ export {};
@@ -0,0 +1,11 @@
1
+ import { CombinedWidgetContent, WidgetArticleGalleryContent, WidgetKeys, WidgetStateProps } from 'jamespot-user-api';
2
+ declare type JRCWidgetArticleGalleryEditorProps = {
3
+ token: string | undefined;
4
+ content: WidgetArticleGalleryContent;
5
+ onChange: (content: CombinedWidgetContent, override?: boolean) => void;
6
+ onSave: (content: CombinedWidgetContent) => void;
7
+ onStateChange?: (state: WidgetStateProps, uniqid?: string) => void;
8
+ onRegisterEditor?: (uniqid: string, name: WidgetKeys) => void;
9
+ };
10
+ export declare const JRCWidgetArticleGalleryEditor: ({ token, content, onChange, onSave, }: JRCWidgetArticleGalleryEditorProps) => JSX.Element;
11
+ export {};
@@ -0,0 +1,5 @@
1
+ import { WidgetDefaultProps, WidgetArticleImageContent } from 'jamespot-user-api';
2
+ export declare const JRCWidgetArticleImage: ({ width, content, onStateChange, }: WidgetDefaultProps & {
3
+ content: WidgetArticleImageContent;
4
+ token: string | undefined;
5
+ }) => JSX.Element;
@@ -0,0 +1,9 @@
1
+ import { CombinedWidgetContent, WidgetArticleImageContent } from 'jamespot-user-api';
2
+ import { WidgetStateProps } from 'jamespot-user-api';
3
+ export declare const JRCWidgetArticleImageEditor: ({ token, content, onSave, onChange, onStateChange, }: {
4
+ token: string | undefined;
5
+ content: WidgetArticleImageContent;
6
+ onChange: (content: CombinedWidgetContent, override?: boolean | undefined) => void;
7
+ onSave: (content: CombinedWidgetContent) => void;
8
+ onStateChange: (state: WidgetStateProps) => void;
9
+ }) => JSX.Element;
@@ -0,0 +1,8 @@
1
+ export declare const CSSImageWrapper: import("styled-components").StyledComponent<"div", any, {
2
+ width?: number | undefined;
3
+ height?: number | undefined;
4
+ borderRadius?: string | undefined;
5
+ }, never>;
6
+ export declare const CSSBackgroundImageFilters: import("styled-components").StyledComponent<"div", any, {
7
+ useFilter: boolean;
8
+ }, never>;
@@ -0,0 +1,4 @@
1
+ import { WidgetDefaultProps, WidgetArticleTextContent } from 'jamespot-user-api';
2
+ export declare const JRCWidgetArticleText: ({ content, mode, inplace, isComponentVisible, onChange, }: WidgetDefaultProps & {
3
+ content: WidgetArticleTextContent;
4
+ }) => JSX.Element;
@@ -0,0 +1,6 @@
1
+ import { CombinedWidgetContent, WidgetArticleTextContent } from 'jamespot-user-api';
2
+ export declare const JRCWidgetArticleTextEditor: ({ content, onChange, onSave, }: {
3
+ content: WidgetArticleTextContent;
4
+ onSave: (content: CombinedWidgetContent) => void;
5
+ onChange: (content: CombinedWidgetContent, override?: boolean | undefined) => void;
6
+ }) => JSX.Element;
@@ -0,0 +1,4 @@
1
+ import { WidgetArticleTitleContent, WidgetDefaultProps } from 'jamespot-user-api';
2
+ export declare const JRCWidgetArticleTitle: ({ content, onChange, isComponentVisible, inplace, mode, }: WidgetDefaultProps & {
3
+ content: WidgetArticleTitleContent;
4
+ }) => JSX.Element;
@@ -0,0 +1,9 @@
1
+ import React from 'react';
2
+ import { CombinedWidgetContent, WidgetArticleTitleContent } from 'jamespot-user-api';
3
+ export declare function useFirstRender(): boolean;
4
+ export declare const JRCWidgetArticleTitleEditor: ({ content, onChange, onSave, }: {
5
+ content: WidgetArticleTitleContent;
6
+ onOpen: (view: React.ReactElement) => void;
7
+ onSave: (content: CombinedWidgetContent) => void;
8
+ onChange: (content: CombinedWidgetContent, override?: boolean | undefined) => void;
9
+ }) => JSX.Element;
@@ -0,0 +1,8 @@
1
+ declare type JRCWidgetEmptyInplaceProps = {
2
+ url: string;
3
+ label: string;
4
+ description: string;
5
+ onClick: () => void;
6
+ };
7
+ export declare const JRCWidgetEmptyInplace: ({ url, label, description, onClick }: JRCWidgetEmptyInplaceProps) => JSX.Element;
8
+ export {};
@@ -0,0 +1,33 @@
1
+ import { WidgetFileType } from 'jamespot-user-api';
2
+ export declare const CSSAttachment: import("styled-components").StyledComponent<"div", any, {}, never>;
3
+ export declare const CSSAttachmentImage: import("styled-components").StyledComponent<"div", any, {
4
+ width: number;
5
+ height: number;
6
+ backgroundColor: string;
7
+ }, never>;
8
+ export declare const CSSAttachmentLabel: import("styled-components").StyledComponent<"div", any, {}, never>;
9
+ export declare const CSSAttachmentOption: import("styled-components").StyledComponent<"button", any, {
10
+ width: number;
11
+ height: number;
12
+ }, never>;
13
+ export declare const AttachmentImage: ({ width, height, file, }: {
14
+ width: number;
15
+ height: number;
16
+ file: WidgetFileType;
17
+ }) => JSX.Element;
18
+ export declare const AttachmentLabel: ({ file }: {
19
+ file: WidgetFileType;
20
+ }) => JSX.Element;
21
+ export declare const AttachmentOption: ({ name, width, height, onClick, }: {
22
+ name: string;
23
+ width: number;
24
+ height: number;
25
+ onClick?: (() => void) | undefined;
26
+ }) => JSX.Element;
27
+ export declare const Attachment: ({ file, width, onClickRemove, onClickDownload, }: {
28
+ file: WidgetFileType;
29
+ width?: number | undefined;
30
+ onClickRemove?: (() => void) | undefined;
31
+ onClickRemoveWithPrompt?: (() => void) | undefined;
32
+ onClickDownload?: (() => void) | undefined;
33
+ }) => JSX.Element;
@@ -0,0 +1,9 @@
1
+ import { CSSBackgroundPosition, CSSBackgroundSize } from 'jamespot-user-api';
2
+ declare type ImageProps = {
3
+ url: string;
4
+ displayAs?: 'image' | 'background';
5
+ backgroundPosition?: CSSBackgroundPosition;
6
+ backgroundSize?: CSSBackgroundSize;
7
+ };
8
+ export declare const Image: ({ url, displayAs, backgroundPosition, backgroundSize, }: ImageProps) => JSX.Element;
9
+ export {};
@@ -0,0 +1 @@
1
+ export declare const WidgetMissingToken: () => JSX.Element;