jamespot-react-components 1.3.49 → 1.3.51

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 (43) hide show
  1. package/dist/jamespot-react-components.cjs +1270 -1191
  2. package/dist/jamespot-react-components.js +12226 -11729
  3. package/dist/src/components/Common/Outline.d.ts +2 -2
  4. package/dist/src/components/Editors/components/EditorImageUpload.d.ts +3 -1
  5. package/dist/src/components/Editors/components/EditorInputCheckbox.d.ts +2 -1
  6. package/dist/src/components/Editors/components/EditorInputNumber.d.ts +2 -1
  7. package/dist/src/components/Editors/components/EditorPositionToggle.d.ts +3 -2
  8. package/dist/src/components/Editors/components/EditorRichTextDialog.d.ts +14 -0
  9. package/dist/src/components/Form/Input/{JRCInputCSSPosition/JRCInputCSSPosition.d.ts → JRCInputPosition/JRCInputPosition.d.ts} +2 -1
  10. package/dist/src/components/Form/Input/{JRCInputCSSPosition/JRCInputCSSPositionRaw.d.ts → JRCInputPosition/JRCInputPositionRaw.d.ts} +2 -1
  11. package/dist/src/components/Form/Input/JRCInputPosition/const.d.ts +17 -0
  12. package/dist/src/components/Form/Input/JRCInputText/JRCInputText.style.d.ts +8 -8
  13. package/dist/src/components/Form/Input/JRCInputTextRaw/JRCInputTextRaw.style.d.ts +4 -4
  14. package/dist/src/components/Form/Input/JRCSelect/JRCInputSelect.types.d.ts +2 -2
  15. package/dist/src/components/JRCAppLeftColumn/JRCAppLeftColumn.styles.d.ts +8 -8
  16. package/dist/src/components/JRCButton/types.d.ts +6 -6
  17. package/dist/src/components/JRCButtonDownload/JRCButtonDownload.d.ts +2 -2
  18. package/dist/src/components/JRCDragNDrop/OneLevelStyles.d.ts +4 -4
  19. package/dist/src/components/JRCDragNDrop/styles.d.ts +12 -12
  20. package/dist/src/components/JRCEmptySpace/JRCEmptySpace.d.ts +1 -1
  21. package/dist/src/components/JRCIconButton/JRCIconButton.d.ts +13 -13
  22. package/dist/src/components/JRCTooltip/JRCBaseTooltip.d.ts +1 -0
  23. package/dist/src/components/JRCTypography/JRCTypography.d.d.ts +3 -3
  24. package/dist/src/components/Widgets/JRCWidgetSlider/JRCWidgetArticleSliderEditor.d.ts +1 -1
  25. package/dist/src/components/Widgets/JRCWidgetSlider/JRCWidgetArticleSliderEditorSlide.d.ts +3 -3
  26. package/dist/src/components/Widgets/JRCWidgetSlider/JRCWidgetSlider.d.ts +3 -1
  27. package/dist/src/components/Widgets/JRCWidgetSlider/components/ArticleSliderImage.d.ts +7 -0
  28. package/dist/src/components/Widgets/JRCWidgetSlider/components/ArticleSliderSlide.d.ts +2 -0
  29. package/dist/src/components/Widgets/JRCWidgetSlider/components/ArticleSliderSlideTitle.d.ts +2 -0
  30. package/dist/src/components/Widgets/JRCWidgetSlider/types.d.ts +11 -1
  31. package/dist/src/components/Widgets/JRCWidgetText/JRCWidgetText.d.ts +16 -0
  32. package/dist/src/components/Widgets/JRCWidgetText/JRCWidgetTextEditor.d.ts +18 -0
  33. package/dist/src/components/Widgets/const.d.ts +40 -0
  34. package/dist/src/components/index.d.ts +7 -0
  35. package/dist/src/styles/Theme.stories.d.ts +1 -1
  36. package/dist/src/styles/theme.d.ts +20 -8
  37. package/dist/src/translation/lang.json.d.ts +7 -0
  38. package/dist/src/types.d.ts +1 -1
  39. package/dist/src/utils/utils.color.d.ts +4 -1
  40. package/dist/src/utils/utils.string.d.ts +1 -0
  41. package/package.json +2 -2
  42. package/dist/src/components/Widgets/JRCWidgetSlider/components/SliderImage.d.ts +0 -7
  43. package/dist/src/components/Widgets/JRCWidgetSlider/components/SliderSlideTitle.d.ts +0 -2
@@ -1,7 +1,7 @@
1
- import { ColorsOrShades } from '../../styles/theme';
1
+ import { Colors } from '../../styles/theme';
2
2
  export type OutlineProps = {
3
3
  offset?: string;
4
- color?: ColorsOrShades;
4
+ color?: Colors;
5
5
  };
6
6
  export declare const Outline: (args?: OutlineProps) => import('styled-components').RuleSet<object>;
7
7
  export declare const FocusVisibleOutline: (args?: OutlineProps) => import('styled-components').RuleSet<object>;
@@ -3,8 +3,10 @@ import { ReactElement } from 'react';
3
3
  type EditorImageUploadProps = {
4
4
  token: string;
5
5
  initialFile?: jFileLittle;
6
+ allowCustomRatio?: boolean;
6
7
  children(open: () => void, openCrop: () => void): ReactElement<HTMLElement>;
7
8
  onUploadSuccess: (file: jFileLittle) => void;
9
+ onLoading?: (isLoading: boolean) => void;
8
10
  };
9
- export declare const EditorImageUpload: ({ token, children, initialFile, onUploadSuccess }: EditorImageUploadProps) => import("react/jsx-runtime").JSX.Element;
11
+ export declare const EditorImageUpload: ({ token, children, initialFile, onUploadSuccess, onLoading, allowCustomRatio, }: EditorImageUploadProps) => import("react/jsx-runtime").JSX.Element;
10
12
  export {};
@@ -1,6 +1,7 @@
1
- export declare const EditorInputCheckbox: ({ label, initialValue, options, onChange, }: {
1
+ export declare const EditorInputCheckbox: ({ label, initialValue, disabled, options, onChange, }: {
2
2
  label: string;
3
3
  initialValue: string[];
4
+ disabled?: boolean;
4
5
  options: {
5
6
  label: string;
6
7
  value: string;
@@ -1,5 +1,6 @@
1
- export declare const EditorInputNumber: ({ label, initialValue, onChange, }: {
1
+ export declare const EditorInputNumber: ({ label, disabled, initialValue, onChange, }: {
2
2
  label: string;
3
+ disabled?: boolean;
3
4
  initialValue?: number;
4
5
  onChange: (value: number) => void;
5
6
  }) => import("react/jsx-runtime").JSX.Element;
@@ -1,11 +1,12 @@
1
1
  import { Position } from '../../Widgets/const';
2
2
  import { ButtonColors } from '../../JRCButton/types';
3
- import { Sizes } from '../../Form/Input/JRCInputCSSPosition/const';
4
- export declare const EditorPositionToggle: ({ label, initialValue, onChange, color, size, }: {
3
+ import { Sizes } from '../../Form/Input/JRCInputPosition/const';
4
+ export declare const EditorPositionToggle: ({ label, initialValue, onChange, color, size, disabled, }: {
5
5
  label?: string;
6
6
  initialValue?: Position;
7
7
  width?: string;
8
8
  onChange: (value: Position) => void;
9
9
  color?: ButtonColors;
10
10
  size?: Sizes;
11
+ disabled?: boolean;
11
12
  }) => import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,14 @@
1
+ import { JFileApi } from 'jamespot-user-api';
2
+ import { JRCInputTinyMCERawProps } from '../../Form/Input/JRCInputTinyMCERaw/JRCInputTinyMCERaw';
3
+ import { TinyMCEExtension } from '../../Form/Input/JRCInputTinyMCERaw/types';
4
+ export type EditorRichTextDialogProps = {
5
+ text: string;
6
+ onChange: (text: string) => void;
7
+ token?: string;
8
+ additionalExtensions?: Array<TinyMCEExtension>;
9
+ tinyMCECommonOptions?: Pick<JRCInputTinyMCERawProps, 'commonOptions' | 'mentionsQueries'> & Partial<Pick<JRCInputTinyMCERawProps, 'tinymceScriptSrc'>>;
10
+ handlers: {
11
+ file: Pick<JFileApi, 'upload'>;
12
+ };
13
+ };
14
+ export declare const EditorRichTextDialog: ({ text, onChange, token, additionalExtensions, tinyMCECommonOptions, handlers, }: EditorRichTextDialogProps) => import("react/jsx-runtime").JSX.Element;
@@ -1,7 +1,7 @@
1
1
  import { Position, Sizes } from './const';
2
2
  import { ButtonColors } from '../../../JRCButton/types';
3
3
  import { FieldPath, Control, FieldValues } from 'react-hook-form';
4
- export declare const JRCInputCSSPosition: <T extends FieldValues>({ label, initialValue, width, onChange, color, size, control, name, }: {
4
+ export declare const JRCInputPosition: <T extends FieldValues>({ label, initialValue, width, onChange, color, size, control, name, disabled, }: {
5
5
  label?: string;
6
6
  initialValue?: Position;
7
7
  width?: string;
@@ -10,4 +10,5 @@ export declare const JRCInputCSSPosition: <T extends FieldValues>({ label, initi
10
10
  size?: Sizes;
11
11
  name: FieldPath<T>;
12
12
  control: Control<T>;
13
+ disabled?: boolean;
13
14
  }) => import("react/jsx-runtime").JSX.Element;
@@ -1,10 +1,11 @@
1
1
  import { ButtonColors } from '../../../JRCButton/types';
2
2
  import { Position, Sizes } from './const';
3
- export declare const JRCInputCSSPositionRaw: ({ value, onChange, color, size, }: {
3
+ export declare const JRCInputCSSPositionRaw: ({ value, onChange, color, size, disabled, }: {
4
4
  label?: string;
5
5
  value?: Position;
6
6
  width?: string;
7
7
  onChange: (value: Position) => void;
8
8
  color?: ButtonColors;
9
9
  size?: Sizes;
10
+ disabled?: boolean;
10
11
  }) => import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,17 @@
1
+ export declare enum Position {
2
+ TopLeft = "top-left",
3
+ TopCenter = "top-center",
4
+ TopRight = "top-right",
5
+ CenterLeft = "center-left",
6
+ Center = "center",
7
+ CenterRight = "center-right",
8
+ BottomLeft = "bottom-left",
9
+ BottomCenter = "bottom-center",
10
+ BottomRight = "bottom-right"
11
+ }
12
+ export declare const PositionOptions: {
13
+ label: string;
14
+ value: Position;
15
+ iconName: string;
16
+ }[];
17
+ export type Sizes = 's' | 'm' | 'l';
@@ -8,13 +8,13 @@ export declare const IconAfter: import('node_modules/styled-components/dist/type
8
8
  disabled?: boolean;
9
9
  type?: "submit" | "reset" | "button";
10
10
  bgBaseGrey?: 0 | 1 | 2;
11
- color?: import('../../../..').Colors | import('../../../..').Shades | "inherit";
11
+ color?: import('../../../..').Colors | "inherit";
12
12
  tooltip?: Omit<import('../../../..').JRCTooltipProps, "children">;
13
13
  variant?: "circle" | "square";
14
14
  hasLicense?: boolean;
15
- bg?: import('../../../..').Colors | import('../../../..').Shades;
16
- bgHover?: import('../../../..').Colors | import('../../../..').Shades;
17
- borderColor?: import('../../../..').Colors | import('../../../..').Shades;
15
+ bg?: import('../../../..').Colors;
16
+ bgHover?: import('../../../..').Colors;
17
+ borderColor?: import('../../../..').Colors;
18
18
  iconSize?: number;
19
19
  badgeNumber?: number;
20
20
  colorVariant?: string;
@@ -30,13 +30,13 @@ export declare const IconAfter: import('node_modules/styled-components/dist/type
30
30
  disabled?: boolean;
31
31
  type?: "submit" | "reset" | "button";
32
32
  bgBaseGrey?: 0 | 1 | 2;
33
- color?: import('../../../..').Colors | import('../../../..').Shades | "inherit";
33
+ color?: import('../../../..').Colors | "inherit";
34
34
  tooltip?: Omit<import('../../../..').JRCTooltipProps, "children">;
35
35
  variant?: "circle" | "square";
36
36
  hasLicense?: boolean;
37
- bg?: import('../../../..').Colors | import('../../../..').Shades;
38
- bgHover?: import('../../../..').Colors | import('../../../..').Shades;
39
- borderColor?: import('../../../..').Colors | import('../../../..').Shades;
37
+ bg?: import('../../../..').Colors;
38
+ bgHover?: import('../../../..').Colors;
39
+ borderColor?: import('../../../..').Colors;
40
40
  iconSize?: number;
41
41
  badgeNumber?: number;
42
42
  colorVariant?: string;
@@ -7,11 +7,11 @@ export declare const Required: import('node_modules/styled-components/dist/types
7
7
  className?: string;
8
8
  weight?: keyof import('../../../../styles/theme').FontWeight;
9
9
  size?: import('../../../JRCTypography/JRCTypography.d').TSizes;
10
- color?: import('../../../..').ColorsOrShades;
10
+ color?: import('../../../..').Colors;
11
11
  children: string | import('react').ReactNode;
12
12
  variant?: import('../../../JRCTypography/JRCTypography.d').TVariants;
13
13
  align?: "center" | "left" | "right";
14
- hoverColor?: import('../../../..').ColorsOrShades;
14
+ hoverColor?: import('../../../..').Colors;
15
15
  ellipsis?: boolean;
16
16
  maxWidth?: string | number;
17
17
  }, import('../../../Common/FastCss').FastCssProps & {
@@ -19,11 +19,11 @@ export declare const Required: import('node_modules/styled-components/dist/types
19
19
  className?: string;
20
20
  weight?: keyof import('../../../../styles/theme').FontWeight;
21
21
  size?: import('../../../JRCTypography/JRCTypography.d').TSizes;
22
- color?: import('../../../..').ColorsOrShades;
22
+ color?: import('../../../..').Colors;
23
23
  children: string | import('react').ReactNode;
24
24
  variant?: import('../../../JRCTypography/JRCTypography.d').TVariants;
25
25
  align?: "center" | "left" | "right";
26
- hoverColor?: import('../../../..').ColorsOrShades;
26
+ hoverColor?: import('../../../..').Colors;
27
27
  ellipsis?: boolean;
28
28
  maxWidth?: string | number;
29
29
  }>, never>, {
@@ -1,7 +1,7 @@
1
1
  import { AutocompleteLittle, JGroupApi, JUserApi } from 'jamespot-user-api';
2
2
  import { ComponentType, RefObject } from 'react';
3
3
  import { ControllerRenderProps, FieldValues } from 'react-hook-form';
4
- import { Colors, Shades } from '../../../../styles/theme';
4
+ import { Colors } from '../../../../styles/theme';
5
5
  import { DataCy } from '../../../../types/dataAttributes';
6
6
  import { PartialBy } from '../../../../types/utils';
7
7
  import { FoldersHandlers } from '../../../JRCFolders/types';
@@ -14,7 +14,7 @@ export type NativeSelectProps<T extends FieldValues = FieldValues, U = any> = Pa
14
14
  export type JRCInputSelectProps<T extends FieldValues = FieldValues, U = any> = JRCInputFieldProps<T> & SelectProps<U> & IconsProp;
15
15
  type IconBase = {
16
16
  icon: string;
17
- color?: Colors | Shades | 'inherit';
17
+ color?: Colors | 'inherit';
18
18
  };
19
19
  export type IconsProp = {
20
20
  iconBefore?: IconBase | (IconBase & {
@@ -28,13 +28,13 @@ export declare const JRCIconButtonAppLeftColumn: import('node_modules/styled-com
28
28
  disabled?: boolean;
29
29
  type?: "submit" | "reset" | "button";
30
30
  bgBaseGrey?: 0 | 1 | 2;
31
- color?: import('../..').Colors | import('../..').Shades | "inherit";
31
+ color?: import('../..').Colors | "inherit";
32
32
  tooltip?: Omit<import('../..').JRCTooltipProps, "children">;
33
33
  variant?: "circle" | "square";
34
34
  hasLicense?: boolean;
35
- bg?: import('../..').Colors | import('../..').Shades;
36
- bgHover?: import('../..').Colors | import('../..').Shades;
37
- borderColor?: import('../..').Colors | import('../..').Shades;
35
+ bg?: import('../..').Colors;
36
+ bgHover?: import('../..').Colors;
37
+ borderColor?: import('../..').Colors;
38
38
  iconSize?: number;
39
39
  badgeNumber?: number;
40
40
  colorVariant?: string;
@@ -50,13 +50,13 @@ export declare const JRCIconButtonAppLeftColumn: import('node_modules/styled-com
50
50
  disabled?: boolean;
51
51
  type?: "submit" | "reset" | "button";
52
52
  bgBaseGrey?: 0 | 1 | 2;
53
- color?: import('../..').Colors | import('../..').Shades | "inherit";
53
+ color?: import('../..').Colors | "inherit";
54
54
  tooltip?: Omit<import('../..').JRCTooltipProps, "children">;
55
55
  variant?: "circle" | "square";
56
56
  hasLicense?: boolean;
57
- bg?: import('../..').Colors | import('../..').Shades;
58
- bgHover?: import('../..').Colors | import('../..').Shades;
59
- borderColor?: import('../..').Colors | import('../..').Shades;
57
+ bg?: import('../..').Colors;
58
+ bgHover?: import('../..').Colors;
59
+ borderColor?: import('../..').Colors;
60
60
  iconSize?: number;
61
61
  badgeNumber?: number;
62
62
  colorVariant?: string;
@@ -1,19 +1,19 @@
1
1
  import { ComponentPropsWithoutRef } from 'react';
2
- import { Colors, ColorsOrShades } from '../../styles/theme';
2
+ import { Colors } from '../../styles/theme';
3
3
  import { DataCy } from '../../types/dataAttributes';
4
4
  import { OutlineProps } from '../Common/Outline';
5
5
  export type ButtonType = {
6
6
  color: Colors;
7
- background: ColorsOrShades;
7
+ background: Colors;
8
8
  border: Colors;
9
9
  active: {
10
- background: ColorsOrShades;
11
- border: ColorsOrShades;
10
+ background: Colors;
11
+ border: Colors;
12
12
  'text-decoration'?: 'underline' | 'none';
13
13
  };
14
14
  hover: {
15
- background: ColorsOrShades;
16
- border: ColorsOrShades;
15
+ background: Colors;
16
+ border: Colors;
17
17
  'text-decoration'?: 'underline' | 'none';
18
18
  };
19
19
  };
@@ -1,4 +1,4 @@
1
- import { Colors, Shades } from '../../styles/theme';
1
+ import { Colors } from '../../styles/theme';
2
2
  import { JRCButtonProps } from '../JRCButton/JRCButton';
3
3
  /**
4
4
  * Interface to provide JRCButtonDownloadProps props
@@ -9,7 +9,7 @@ export interface JRCButtonDownloadProps extends JRCButtonProps {
9
9
  data: object | string;
10
10
  isIconButton?: boolean;
11
11
  fileName?: string;
12
- iconColor?: Colors | Shades | 'inherit';
12
+ iconColor?: Colors | 'inherit';
13
13
  }
14
14
  /**
15
15
  *
@@ -14,11 +14,11 @@ export declare const OneLevelMainTitle: import('node_modules/styled-components/d
14
14
  className?: string;
15
15
  weight?: keyof import('../../styles/theme').FontWeight;
16
16
  size?: import('../JRCTypography/JRCTypography.d').TSizes;
17
- color?: import('../..').ColorsOrShades;
17
+ color?: import('../..').Colors;
18
18
  children: string | import('react').ReactNode;
19
19
  variant?: import('../JRCTypography/JRCTypography.d').TVariants;
20
20
  align?: "center" | "left" | "right";
21
- hoverColor?: import('../..').ColorsOrShades;
21
+ hoverColor?: import('../..').Colors;
22
22
  ellipsis?: boolean;
23
23
  maxWidth?: string | number;
24
24
  }, never>> & string & Omit<({ variant, ellipsis, size, weight, color, align, hoverColor, maxWidth, ...props }: import('../..').JRCTypographyProps) => import("react/jsx-runtime").JSX.Element, keyof import('react').Component<any, {}, any>>;
@@ -32,11 +32,11 @@ export declare const OneLevelStackTitle: import('node_modules/styled-components/
32
32
  className?: string;
33
33
  weight?: keyof import('../../styles/theme').FontWeight;
34
34
  size?: import('../JRCTypography/JRCTypography.d').TSizes;
35
- color?: import('../..').ColorsOrShades;
35
+ color?: import('../..').Colors;
36
36
  children: string | import('react').ReactNode;
37
37
  variant?: import('../JRCTypography/JRCTypography.d').TVariants;
38
38
  align?: "center" | "left" | "right";
39
- hoverColor?: import('../..').ColorsOrShades;
39
+ hoverColor?: import('../..').Colors;
40
40
  ellipsis?: boolean;
41
41
  maxWidth?: string | number;
42
42
  }, never>> & string & Omit<({ variant, ellipsis, size, weight, color, align, hoverColor, maxWidth, ...props }: import('../..').JRCTypographyProps) => import("react/jsx-runtime").JSX.Element, keyof import('react').Component<any, {}, any>>;
@@ -10,11 +10,11 @@ export declare const SectionsTitle: import('node_modules/styled-components/dist/
10
10
  className?: string;
11
11
  weight?: keyof import('../../styles/theme').FontWeight;
12
12
  size?: import('../JRCTypography/JRCTypography.d').TSizes;
13
- color?: import('../..').ColorsOrShades;
13
+ color?: import('../..').Colors;
14
14
  children: string | import('react').ReactNode;
15
15
  variant?: import('../JRCTypography/JRCTypography.d').TVariants;
16
16
  align?: "center" | "left" | "right";
17
- hoverColor?: import('../..').ColorsOrShades;
17
+ hoverColor?: import('../..').Colors;
18
18
  ellipsis?: boolean;
19
19
  maxWidth?: string | number;
20
20
  }, never>> & string & Omit<({ variant, ellipsis, size, weight, color, align, hoverColor, maxWidth, ...props }: import('../..').JRCTypographyProps) => import("react/jsx-runtime").JSX.Element, keyof import('react').Component<any, {}, any>>;
@@ -48,13 +48,13 @@ export declare const RemoveButton: import('node_modules/styled-components/dist/t
48
48
  disabled?: boolean;
49
49
  type?: "submit" | "reset" | "button";
50
50
  bgBaseGrey?: 0 | 1 | 2;
51
- color?: import('../..').Colors | import('../..').Shades | "inherit";
51
+ color?: import('../..').Colors | "inherit";
52
52
  tooltip?: Omit<import('../..').JRCTooltipProps, "children">;
53
53
  variant?: "circle" | "square";
54
54
  hasLicense?: boolean;
55
- bg?: import('../..').Colors | import('../..').Shades;
56
- bgHover?: import('../..').Colors | import('../..').Shades;
57
- borderColor?: import('../..').Colors | import('../..').Shades;
55
+ bg?: import('../..').Colors;
56
+ bgHover?: import('../..').Colors;
57
+ borderColor?: import('../..').Colors;
58
58
  iconSize?: number;
59
59
  badgeNumber?: number;
60
60
  colorVariant?: string;
@@ -70,13 +70,13 @@ export declare const RemoveButton: import('node_modules/styled-components/dist/t
70
70
  disabled?: boolean;
71
71
  type?: "submit" | "reset" | "button";
72
72
  bgBaseGrey?: 0 | 1 | 2;
73
- color?: import('../..').Colors | import('../..').Shades | "inherit";
73
+ color?: import('../..').Colors | "inherit";
74
74
  tooltip?: Omit<import('../..').JRCTooltipProps, "children">;
75
75
  variant?: "circle" | "square";
76
76
  hasLicense?: boolean;
77
- bg?: import('../..').Colors | import('../..').Shades;
78
- bgHover?: import('../..').Colors | import('../..').Shades;
79
- borderColor?: import('../..').Colors | import('../..').Shades;
77
+ bg?: import('../..').Colors;
78
+ bgHover?: import('../..').Colors;
79
+ borderColor?: import('../..').Colors;
80
80
  iconSize?: number;
81
81
  badgeNumber?: number;
82
82
  colorVariant?: string;
@@ -97,11 +97,11 @@ export declare const OneLevelTitle: import('node_modules/styled-components/dist/
97
97
  className?: string;
98
98
  weight?: keyof import('../../styles/theme').FontWeight;
99
99
  size?: import('../JRCTypography/JRCTypography.d').TSizes;
100
- color?: import('../..').ColorsOrShades;
100
+ color?: import('../..').Colors;
101
101
  children: string | import('react').ReactNode;
102
102
  variant?: import('../JRCTypography/JRCTypography.d').TVariants;
103
103
  align?: "center" | "left" | "right";
104
- hoverColor?: import('../..').ColorsOrShades;
104
+ hoverColor?: import('../..').Colors;
105
105
  ellipsis?: boolean;
106
106
  maxWidth?: string | number;
107
107
  }, never>> & string & Omit<({ variant, ellipsis, size, weight, color, align, hoverColor, maxWidth, ...props }: import('../..').JRCTypographyProps) => import("react/jsx-runtime").JSX.Element, keyof import('react').Component<any, {}, any>>;
@@ -1,6 +1,6 @@
1
1
  import { FC, ReactNode } from 'react';
2
2
  import { CSSProperties } from 'styled-components';
3
- type EmptySpaceBgColor = 'sandLight' | 'sky15' | 'transparent';
3
+ type EmptySpaceBgColor = 'sandLight' | 'skyLight' | 'transparent';
4
4
  type Alignment = CSSProperties['justifyContent'];
5
5
  type JRCEmptySpaceProps = {
6
6
  img?: string;
@@ -1,12 +1,12 @@
1
1
  import { ComponentPropsWithoutRef, MouseEvent } from 'react';
2
- import { Colors, Shades } from '../../styles/theme';
2
+ import { Colors } from '../../styles/theme';
3
3
  import { DataCy } from '../../types/dataAttributes';
4
4
  import { JRCTooltipProps } from '../JRCTooltip/types';
5
5
  declare const colorVariants: Record<string, {
6
- color: Colors | Shades;
7
- bg: Colors | Shades;
8
- bgHover: Colors | Shades;
9
- borderColor: Colors | Shades;
6
+ color: Colors;
7
+ bg: Colors;
8
+ bgHover: Colors;
9
+ borderColor: Colors;
10
10
  }>;
11
11
  /**
12
12
  * IconButton props
@@ -31,13 +31,13 @@ export type JRCIconButtonProps = Omit<ComponentPropsWithoutRef<'button'>, 'onCli
31
31
  disabled?: boolean;
32
32
  type?: 'submit' | 'reset' | 'button';
33
33
  bgBaseGrey?: 0 | 1 | 2;
34
- color?: Colors | Shades | 'inherit';
34
+ color?: Colors | 'inherit';
35
35
  tooltip?: Omit<JRCTooltipProps, 'children'>;
36
36
  variant?: 'circle' | 'square';
37
37
  hasLicense?: boolean;
38
- bg?: Colors | Shades;
39
- bgHover?: Colors | Shades;
40
- borderColor?: Colors | Shades;
38
+ bg?: Colors;
39
+ bgHover?: Colors;
40
+ borderColor?: Colors;
41
41
  iconSize?: number;
42
42
  badgeNumber?: number;
43
43
  colorVariant?: keyof typeof colorVariants;
@@ -54,13 +54,13 @@ export declare const JRCIconButton: import('react').ForwardRefExoticComponent<Om
54
54
  disabled?: boolean;
55
55
  type?: "submit" | "reset" | "button";
56
56
  bgBaseGrey?: 0 | 1 | 2;
57
- color?: Colors | Shades | "inherit";
57
+ color?: Colors | "inherit";
58
58
  tooltip?: Omit<JRCTooltipProps, "children">;
59
59
  variant?: "circle" | "square";
60
60
  hasLicense?: boolean;
61
- bg?: Colors | Shades;
62
- bgHover?: Colors | Shades;
63
- borderColor?: Colors | Shades;
61
+ bg?: Colors;
62
+ bgHover?: Colors;
63
+ borderColor?: Colors;
64
64
  iconSize?: number;
65
65
  badgeNumber?: number;
66
66
  colorVariant?: keyof typeof colorVariants;
@@ -23,6 +23,7 @@ export type JRCBaseTooltipProps = {
23
23
  events?: any;
24
24
  asBlock?: boolean;
25
25
  height?: string;
26
+ disabled?: boolean;
26
27
  };
27
28
  export declare const JRCBaseTooltip: import('react').ForwardRefExoticComponent<JRCBaseTooltipProps & import('react').RefAttributes<TooltipRefProps>>;
28
29
  export {};
@@ -1,5 +1,5 @@
1
1
  import { ReactNode } from 'react';
2
- import { ColorsOrShades, FontWeight } from '../../styles/theme';
2
+ import { Colors, FontWeight } from '../../styles/theme';
3
3
  import { FastCssProps } from '../Common/FastCss';
4
4
  export type TSizes = 'xs' | 's' | 'm' | 'l' | 'xl' | 'xxl' | 'xxxl';
5
5
  export type TVariants = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'p' | 'span';
@@ -22,7 +22,7 @@ export type JRCTypographyProps = FastCssProps & {
22
22
  /** You can change the font-size with the size property */
23
23
  size?: TSizes;
24
24
  /** Text color */
25
- color?: ColorsOrShades;
25
+ color?: Colors;
26
26
  /**ReactNode | text content of the button */
27
27
  children: string | ReactNode;
28
28
  /** You can change the semantic element with the variant property */
@@ -30,7 +30,7 @@ export type JRCTypographyProps = FastCssProps & {
30
30
  /** Horizontal alignment */
31
31
  align?: TAlignment;
32
32
  /** Text color on hover **/
33
- hoverColor?: ColorsOrShades;
33
+ hoverColor?: Colors;
34
34
  ellipsis?: boolean;
35
35
  maxWidth?: string | number;
36
36
  };
@@ -1,5 +1,5 @@
1
1
  import { WidgetArticleSliderContent } from 'jamespot-user-api';
2
- export declare const JRCWidgetArticleSliderEditor: ({ slides, loop, useDots, token, onChange, onSave, }: WidgetArticleSliderContent & {
2
+ export declare const JRCWidgetArticleSliderEditor: ({ slides, loop, autoplay, delay, useDots, token, onChange, onSave, }: WidgetArticleSliderContent & {
3
3
  token: string;
4
4
  onSave: (content: Partial<WidgetArticleSliderContent>) => void;
5
5
  onChange: (content: Partial<WidgetArticleSliderContent>, override?: boolean) => void;
@@ -1,11 +1,11 @@
1
1
  import { jFileLittle } from 'jamespot-user-api';
2
- import { WidgetSliderSlide } from './types';
2
+ import { WidgetArticleSlideAttributes } from './types';
3
3
  export declare const JRCWidgetArticleSliderEditorSlide: ({ forceOpen, title, text, opacityColor, opacityFilter, displayAs, backgroundSize, backgroundPosition, file, token, onUploadSuccess, onSave, onClickDelete, }: {
4
4
  forceOpen?: boolean;
5
5
  file?: jFileLittle;
6
6
  token?: string;
7
7
  onUploadStart: () => void;
8
8
  onUploadSuccess: (response: jFileLittle) => void;
9
- onSave: (slide: Partial<WidgetSliderSlide>) => void;
9
+ onSave: (slide: Partial<WidgetArticleSlideAttributes>) => void;
10
10
  onClickDelete: () => void;
11
- } & Pick<WidgetSliderSlide, "title" | "text" | "opacityColor" | "opacityFilter" | "displayAs" | "backgroundSize" | "backgroundPosition">) => import("react/jsx-runtime").JSX.Element;
11
+ } & Pick<WidgetArticleSlideAttributes, "title" | "text" | "opacityColor" | "opacityFilter" | "displayAs" | "backgroundSize" | "backgroundPosition">) => import("react/jsx-runtime").JSX.Element;
@@ -2,9 +2,11 @@ import { WidgetSliderSlide } from './types';
2
2
  export type JRCWidgetSliderProps = {
3
3
  slides: WidgetSliderSlide[];
4
4
  maxWidth: number;
5
+ delay: number;
5
6
  loop: boolean;
7
+ autoplay: boolean;
6
8
  useDots?: boolean;
7
9
  startAt?: number;
8
10
  onClickSlide?: (index: number) => void;
9
11
  };
10
- export declare const JRCWidgetSlider: ({ slides, maxWidth, loop, useDots, startAt, onClickSlide, }: JRCWidgetSliderProps) => import("react/jsx-runtime").JSX.Element;
12
+ export declare const JRCWidgetSlider: ({ slides, autoplay, delay, maxWidth, loop, useDots, startAt, onClickSlide, }: JRCWidgetSliderProps) => import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,7 @@
1
+ import { WidgetArticleSlideAttributes } from '../types';
2
+ export declare const ArticleSliderImage: ({ initialUri, maxWidth, maxHeight, onClick, }: {
3
+ initialUri: string;
4
+ maxWidth: number;
5
+ maxHeight: number;
6
+ onClick?: () => void;
7
+ } & Pick<WidgetArticleSlideAttributes, "displayAs" | "backgroundSize" | "backgroundPosition">) => import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,2 @@
1
+ import { WidgetSliderSlideComponentProps } from '../types';
2
+ export declare const ArticleSliderSlide: ({ slide, maxWidth, maxHeight, onClick }: WidgetSliderSlideComponentProps) => import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,2 @@
1
+ import { WidgetArticleSlideAttributes } from '../types';
2
+ export declare const ArticleSliderSlideTitle: ({ title, titleHeading, }: Pick<WidgetArticleSlideAttributes, "title" | "titleHeading">) => import("react/jsx-runtime").JSX.Element;
@@ -1,6 +1,6 @@
1
1
  import { CSSBackgroundPosition, CSSBackgroundSize } from 'jamespot-user-api';
2
2
  import { TVariants } from '../../JRCTypography/JRCTypography.d';
3
- export type WidgetSliderSlide = {
3
+ export type WidgetArticleSlideAttributes = {
4
4
  title: string;
5
5
  text: string;
6
6
  titleHeading?: TVariants;
@@ -12,3 +12,13 @@ export type WidgetSliderSlide = {
12
12
  backgroundSize?: CSSBackgroundSize;
13
13
  uri: string;
14
14
  };
15
+ export type WidgetSliderSlideComponentProps = {
16
+ slide: WidgetArticleSlideAttributes;
17
+ maxWidth: number;
18
+ maxHeight: number;
19
+ onClick?: () => void;
20
+ };
21
+ export type WidgetSliderSlide = {
22
+ component: React.ComponentType<WidgetSliderSlideComponentProps>;
23
+ attributes: WidgetArticleSlideAttributes;
24
+ };
@@ -0,0 +1,16 @@
1
+ export type JRCWidgetTextProps = {
2
+ css?: {
3
+ display?: string;
4
+ justifyContent?: string;
5
+ alignItems?: string;
6
+ background?: string;
7
+ textColor?: string;
8
+ fontWeight?: string;
9
+ fontSize?: string | number;
10
+ lineHeight?: string | number;
11
+ textAlign?: string;
12
+ };
13
+ text?: string;
14
+ padding?: number;
15
+ };
16
+ export declare const JRCWidgetText: ({ text, padding, css }: JRCWidgetTextProps) => import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,18 @@
1
+ import { JFileApi, WidgetTextContent } from 'jamespot-user-api';
2
+ import { TinyMCEExtension } from '../../Form/Input/JRCInputTinyMCERaw/types';
3
+ import { JRCInputTinyMCERawProps } from '../../Form/Input/JRCInputTinyMCERaw/JRCInputTinyMCERaw';
4
+ export interface JRCWidgetTextEditorProps extends WidgetTextContent {
5
+ uniqid: string;
6
+ content: WidgetTextContent;
7
+ onChangeContent: (uniqid: string, content: WidgetTextContent) => void;
8
+ token: string | undefined;
9
+ additionalExtensions?: Array<TinyMCEExtension>;
10
+ tinyMCECommonOptions?: Pick<JRCInputTinyMCERawProps, 'commonOptions' | 'mentionsQueries'> & Partial<Pick<JRCInputTinyMCERawProps, 'tinymceScriptSrc'>>;
11
+ handlers: {
12
+ file: Pick<JFileApi, 'upload'>;
13
+ };
14
+ }
15
+ /**
16
+ * Widget Text editor component
17
+ */
18
+ export declare const JRCWidgetTextEditor: ({ uniqid, content, onChangeContent, token, additionalExtensions, tinyMCECommonOptions, handlers, }: JRCWidgetTextEditorProps) => import("react/jsx-runtime").JSX.Element;