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.
- package/dist/jamespot-react-components.cjs +1270 -1191
- package/dist/jamespot-react-components.js +12226 -11729
- package/dist/src/components/Common/Outline.d.ts +2 -2
- package/dist/src/components/Editors/components/EditorImageUpload.d.ts +3 -1
- package/dist/src/components/Editors/components/EditorInputCheckbox.d.ts +2 -1
- package/dist/src/components/Editors/components/EditorInputNumber.d.ts +2 -1
- package/dist/src/components/Editors/components/EditorPositionToggle.d.ts +3 -2
- package/dist/src/components/Editors/components/EditorRichTextDialog.d.ts +14 -0
- package/dist/src/components/Form/Input/{JRCInputCSSPosition/JRCInputCSSPosition.d.ts → JRCInputPosition/JRCInputPosition.d.ts} +2 -1
- package/dist/src/components/Form/Input/{JRCInputCSSPosition/JRCInputCSSPositionRaw.d.ts → JRCInputPosition/JRCInputPositionRaw.d.ts} +2 -1
- package/dist/src/components/Form/Input/JRCInputPosition/const.d.ts +17 -0
- package/dist/src/components/Form/Input/JRCInputText/JRCInputText.style.d.ts +8 -8
- package/dist/src/components/Form/Input/JRCInputTextRaw/JRCInputTextRaw.style.d.ts +4 -4
- package/dist/src/components/Form/Input/JRCSelect/JRCInputSelect.types.d.ts +2 -2
- package/dist/src/components/JRCAppLeftColumn/JRCAppLeftColumn.styles.d.ts +8 -8
- package/dist/src/components/JRCButton/types.d.ts +6 -6
- package/dist/src/components/JRCButtonDownload/JRCButtonDownload.d.ts +2 -2
- package/dist/src/components/JRCDragNDrop/OneLevelStyles.d.ts +4 -4
- package/dist/src/components/JRCDragNDrop/styles.d.ts +12 -12
- package/dist/src/components/JRCEmptySpace/JRCEmptySpace.d.ts +1 -1
- package/dist/src/components/JRCIconButton/JRCIconButton.d.ts +13 -13
- package/dist/src/components/JRCTooltip/JRCBaseTooltip.d.ts +1 -0
- package/dist/src/components/JRCTypography/JRCTypography.d.d.ts +3 -3
- package/dist/src/components/Widgets/JRCWidgetSlider/JRCWidgetArticleSliderEditor.d.ts +1 -1
- package/dist/src/components/Widgets/JRCWidgetSlider/JRCWidgetArticleSliderEditorSlide.d.ts +3 -3
- package/dist/src/components/Widgets/JRCWidgetSlider/JRCWidgetSlider.d.ts +3 -1
- package/dist/src/components/Widgets/JRCWidgetSlider/components/ArticleSliderImage.d.ts +7 -0
- package/dist/src/components/Widgets/JRCWidgetSlider/components/ArticleSliderSlide.d.ts +2 -0
- package/dist/src/components/Widgets/JRCWidgetSlider/components/ArticleSliderSlideTitle.d.ts +2 -0
- package/dist/src/components/Widgets/JRCWidgetSlider/types.d.ts +11 -1
- package/dist/src/components/Widgets/JRCWidgetText/JRCWidgetText.d.ts +16 -0
- package/dist/src/components/Widgets/JRCWidgetText/JRCWidgetTextEditor.d.ts +18 -0
- package/dist/src/components/Widgets/const.d.ts +40 -0
- package/dist/src/components/index.d.ts +7 -0
- package/dist/src/styles/Theme.stories.d.ts +1 -1
- package/dist/src/styles/theme.d.ts +20 -8
- package/dist/src/translation/lang.json.d.ts +7 -0
- package/dist/src/types.d.ts +1 -1
- package/dist/src/utils/utils.color.d.ts +4 -1
- package/dist/src/utils/utils.string.d.ts +1 -0
- package/package.json +2 -2
- package/dist/src/components/Widgets/JRCWidgetSlider/components/SliderImage.d.ts +0 -7
- package/dist/src/components/Widgets/JRCWidgetSlider/components/SliderSlideTitle.d.ts +0 -2
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { Colors } from '../../styles/theme';
|
|
2
2
|
export type OutlineProps = {
|
|
3
3
|
offset?: string;
|
|
4
|
-
color?:
|
|
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/
|
|
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
|
|
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 |
|
|
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
|
|
16
|
-
bgHover?: import('../../../..').Colors
|
|
17
|
-
borderColor?: import('../../../..').Colors
|
|
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 |
|
|
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
|
|
38
|
-
bgHover?: import('../../../..').Colors
|
|
39
|
-
borderColor?: import('../../../..').Colors
|
|
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('../../../..').
|
|
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('../../../..').
|
|
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('../../../..').
|
|
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('../../../..').
|
|
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
|
|
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 |
|
|
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 |
|
|
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
|
|
36
|
-
bgHover?: import('../..').Colors
|
|
37
|
-
borderColor?: import('../..').Colors
|
|
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 |
|
|
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
|
|
58
|
-
bgHover?: import('../..').Colors
|
|
59
|
-
borderColor?: import('../..').Colors
|
|
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
|
|
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:
|
|
7
|
+
background: Colors;
|
|
8
8
|
border: Colors;
|
|
9
9
|
active: {
|
|
10
|
-
background:
|
|
11
|
-
border:
|
|
10
|
+
background: Colors;
|
|
11
|
+
border: Colors;
|
|
12
12
|
'text-decoration'?: 'underline' | 'none';
|
|
13
13
|
};
|
|
14
14
|
hover: {
|
|
15
|
-
background:
|
|
16
|
-
border:
|
|
15
|
+
background: Colors;
|
|
16
|
+
border: Colors;
|
|
17
17
|
'text-decoration'?: 'underline' | 'none';
|
|
18
18
|
};
|
|
19
19
|
};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { Colors
|
|
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 |
|
|
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('../..').
|
|
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('../..').
|
|
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('../..').
|
|
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('../..').
|
|
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('../..').
|
|
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('../..').
|
|
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 |
|
|
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
|
|
56
|
-
bgHover?: import('../..').Colors
|
|
57
|
-
borderColor?: import('../..').Colors
|
|
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 |
|
|
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
|
|
78
|
-
bgHover?: import('../..').Colors
|
|
79
|
-
borderColor?: import('../..').Colors
|
|
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('../..').
|
|
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('../..').
|
|
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' | '
|
|
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
|
|
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
|
|
7
|
-
bg: Colors
|
|
8
|
-
bgHover: Colors
|
|
9
|
-
borderColor: Colors
|
|
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 |
|
|
34
|
+
color?: Colors | 'inherit';
|
|
35
35
|
tooltip?: Omit<JRCTooltipProps, 'children'>;
|
|
36
36
|
variant?: 'circle' | 'square';
|
|
37
37
|
hasLicense?: boolean;
|
|
38
|
-
bg?: Colors
|
|
39
|
-
bgHover?: Colors
|
|
40
|
-
borderColor?: Colors
|
|
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 |
|
|
57
|
+
color?: Colors | "inherit";
|
|
58
58
|
tooltip?: Omit<JRCTooltipProps, "children">;
|
|
59
59
|
variant?: "circle" | "square";
|
|
60
60
|
hasLicense?: boolean;
|
|
61
|
-
bg?: Colors
|
|
62
|
-
bgHover?: Colors
|
|
63
|
-
borderColor?: Colors
|
|
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 {
|
|
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?:
|
|
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?:
|
|
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 {
|
|
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<
|
|
9
|
+
onSave: (slide: Partial<WidgetArticleSlideAttributes>) => void;
|
|
10
10
|
onClickDelete: () => void;
|
|
11
|
-
} & Pick<
|
|
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;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { CSSBackgroundPosition, CSSBackgroundSize } from 'jamespot-user-api';
|
|
2
2
|
import { TVariants } from '../../JRCTypography/JRCTypography.d';
|
|
3
|
-
export type
|
|
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;
|