jamespot-react-components 1.3.62 → 1.3.63
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 +606 -598
- package/dist/jamespot-react-components.js +6153 -6084
- package/dist/src/components/Form/Input/JRCInputTextRaw/JRCInputTextRaw.style.d.ts +3 -1
- package/dist/src/components/JRCButton/types.d.ts +1 -1
- package/dist/src/components/JRCButtonDropdown/JRCButtonDropdown.styles.d.ts +3 -3
- package/dist/src/components/JRCButtonDropdown/JRCButtonDropdown.types.d.ts +7 -3
- package/dist/src/components/JRCConfirmationModal/JRCConfirmationModal.d.ts +5 -3
- package/dist/src/components/JRCDragNDrop/OneLevelStyles.d.ts +4 -2
- package/dist/src/components/JRCDragNDrop/styles.d.ts +4 -2
- package/dist/src/components/JRCStyledHref/JRCStyledHref.d.ts +1 -0
- package/dist/src/components/JRCTypography/JRCTypography.d.d.ts +2 -1
- package/dist/src/components/JRCTypography/JRCTypography.d.ts +1 -1
- package/dist/src/components/JRCTypography/JRCTypography.styles.d.ts +2 -0
- package/dist/src/components/index.d.ts +4 -3
- package/dist/src/translation/lang.json.d.ts +0 -1
- package/package.json +2 -2
|
@@ -14,6 +14,7 @@ export declare const Required: import('node_modules/styled-components/dist/types
|
|
|
14
14
|
hoverColor?: import('../../../..').Colors;
|
|
15
15
|
ellipsis?: boolean;
|
|
16
16
|
maxWidth?: string | number;
|
|
17
|
+
whiteSpace?: import('react').CSSProperties["whiteSpace"];
|
|
17
18
|
}, import('../../../Common/FastCss').FastCssProps & {
|
|
18
19
|
id?: string;
|
|
19
20
|
className?: string;
|
|
@@ -26,9 +27,10 @@ export declare const Required: import('node_modules/styled-components/dist/types
|
|
|
26
27
|
hoverColor?: import('../../../..').Colors;
|
|
27
28
|
ellipsis?: boolean;
|
|
28
29
|
maxWidth?: string | number;
|
|
30
|
+
whiteSpace?: import('react').CSSProperties["whiteSpace"];
|
|
29
31
|
}>, never>, {
|
|
30
32
|
error: boolean;
|
|
31
|
-
}>> & 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>>;
|
|
33
|
+
}>> & string & Omit<({ variant, ellipsis, size, weight, color, align, hoverColor, maxWidth, whiteSpace, ...props }: import('../../../..').JRCTypographyProps) => import("react/jsx-runtime").JSX.Element, keyof import('react').Component<any, {}, any>>;
|
|
32
34
|
export declare const LabelWrapper: import('node_modules/styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
33
35
|
export declare const InputTextRawStyled: import('node_modules/styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<Omit<import('react').InputHTMLAttributes<HTMLInputElement>, "css"> & import('../../../../types/dataAttributes').DataCy & {
|
|
34
36
|
error?: boolean;
|
|
@@ -18,7 +18,7 @@ export type ButtonType = {
|
|
|
18
18
|
};
|
|
19
19
|
};
|
|
20
20
|
export type ButtonColors = 'primary' | 'primaryLight' | 'valid' | 'validLight' | 'danger' | 'dangerLight' | 'secondary' | 'cancel' | 'neutral' | 'transparent' | 'white';
|
|
21
|
-
export type ButtonSizes = 'm' | 's';
|
|
21
|
+
export type ButtonSizes = 'l' | 'm' | 's';
|
|
22
22
|
export type ButtonProps = ComponentPropsWithoutRef<'button'> & DataCy & {
|
|
23
23
|
/** Color of the background of the button */
|
|
24
24
|
color?: ButtonColors;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { ButtonType } from '../JRCButton/types';
|
|
2
|
-
import { ButtonProps, DropdownOptionProps, MenuWithTitleProps } from './JRCButtonDropdown.types';
|
|
2
|
+
import { ButtonProps, DropdownOptionProps, JRCButtonDropdownSize, MenuWithTitleProps } from './JRCButtonDropdown.types';
|
|
3
3
|
export declare const MarginLessJRCButton: import('node_modules/styled-components/dist/types').IStyledComponentBase<"web", import('node_modules/styled-components/dist/types').Substitute<Omit<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & import('../../types/dataAttributes').DataCy & {
|
|
4
4
|
color?: import('../JRCButton/types').ButtonColors;
|
|
5
5
|
themeCustom?: ButtonType;
|
|
@@ -21,7 +21,7 @@ export declare const MarginLessJRCButton: import('node_modules/styled-components
|
|
|
21
21
|
} & {
|
|
22
22
|
tooltip?: Omit<import('../..').JRCTooltipProps, "children">;
|
|
23
23
|
} & import('react').RefAttributes<HTMLButtonElement>, ButtonProps & {
|
|
24
|
-
$
|
|
24
|
+
$size?: JRCButtonDropdownSize;
|
|
25
25
|
$width?: number;
|
|
26
26
|
}>> & string & Omit<import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & import('../../types/dataAttributes').DataCy & {
|
|
27
27
|
color?: import('../JRCButton/types').ButtonColors;
|
|
@@ -45,7 +45,7 @@ export declare const MarginLessJRCButton: import('node_modules/styled-components
|
|
|
45
45
|
tooltip?: Omit<import('../..').JRCTooltipProps, "children">;
|
|
46
46
|
} & import('react').RefAttributes<HTMLButtonElement>>, keyof import('react').Component<any, {}, any>>;
|
|
47
47
|
export declare const MenuWithoutTitle: import('node_modules/styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
48
|
-
export declare const MenuWithTitle: ({ direction, label, themeButton, children }: MenuWithTitleProps) => import("react/jsx-runtime").JSX.Element;
|
|
48
|
+
export declare const MenuWithTitle: ({ direction, label, themeButton, children, size }: MenuWithTitleProps) => import("react/jsx-runtime").JSX.Element;
|
|
49
49
|
export declare const DropdownOption: import('node_modules/styled-components/dist/types').IStyledComponentBase<"web", import('node_modules/styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, DropdownOptionProps & {
|
|
50
50
|
lastChild?: boolean;
|
|
51
51
|
}>> & string;
|
|
@@ -1,22 +1,25 @@
|
|
|
1
|
+
import { MouseEvent, ReactNode } from 'react';
|
|
1
2
|
import { JRCButtonProps } from '../JRCButton/JRCButton';
|
|
2
3
|
import { ButtonType } from '../JRCButton/types';
|
|
3
4
|
import { JRCIconProps } from '../JRCIcon/JRCIcon';
|
|
4
|
-
import { ReactElement, ReactNode, MouseEvent } from 'react';
|
|
5
5
|
export type JRCButtonDropdownOptionProps = {
|
|
6
6
|
icon?: Pick<JRCIconProps, 'name' | 'color' | 'variant'>;
|
|
7
|
-
label:
|
|
7
|
+
label: ReactNode;
|
|
8
8
|
onClick?: () => void;
|
|
9
9
|
href?: string;
|
|
10
|
+
csrf?: boolean;
|
|
10
11
|
target?: '_blank';
|
|
11
12
|
disabled?: boolean;
|
|
12
13
|
dataCy?: string;
|
|
13
14
|
};
|
|
15
|
+
export type JRCButtonDropdownSize = 's' | 'xs';
|
|
14
16
|
export type JRCButtonDropdownProps = {
|
|
15
17
|
color?: JRCButtonProps['color'];
|
|
16
18
|
hideTextDecoration?: boolean;
|
|
17
19
|
icon?: string;
|
|
18
20
|
iconOpen?: string;
|
|
19
|
-
label
|
|
21
|
+
label?: string;
|
|
22
|
+
size?: JRCButtonDropdownSize;
|
|
20
23
|
small?: boolean;
|
|
21
24
|
smallOpenDirection?: 'right' | 'left';
|
|
22
25
|
optionSelected?: boolean;
|
|
@@ -47,6 +50,7 @@ export type MenuWithTitleProps = {
|
|
|
47
50
|
label: string;
|
|
48
51
|
themeButton: ButtonProps['$themeButton'];
|
|
49
52
|
children: ReactNode;
|
|
53
|
+
size?: JRCButtonDropdownSize;
|
|
50
54
|
};
|
|
51
55
|
export type DropdownOptionProps = {
|
|
52
56
|
optionSelected?: boolean;
|
|
@@ -1,8 +1,10 @@
|
|
|
1
|
+
import { ReactNode } from 'react';
|
|
1
2
|
export type JRCConfirmationModalProps = {
|
|
2
3
|
open: boolean;
|
|
3
4
|
title?: string;
|
|
4
|
-
|
|
5
|
-
onClose
|
|
5
|
+
icon?: string;
|
|
6
|
+
onClose: () => void;
|
|
6
7
|
onConfirm: () => void;
|
|
8
|
+
children?: ReactNode;
|
|
7
9
|
};
|
|
8
|
-
export declare const JRCConfirmationModal: ({ open,
|
|
10
|
+
export declare const JRCConfirmationModal: ({ open, icon, title, onClose, onConfirm, children, }: JRCConfirmationModalProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -21,7 +21,8 @@ export declare const OneLevelMainTitle: import('node_modules/styled-components/d
|
|
|
21
21
|
hoverColor?: import('../..').Colors;
|
|
22
22
|
ellipsis?: boolean;
|
|
23
23
|
maxWidth?: string | number;
|
|
24
|
-
|
|
24
|
+
whiteSpace?: import('react').CSSProperties["whiteSpace"];
|
|
25
|
+
}, never>> & string & Omit<({ variant, ellipsis, size, weight, color, align, hoverColor, maxWidth, whiteSpace, ...props }: import('../..').JRCTypographyProps) => import("react/jsx-runtime").JSX.Element, keyof import('react').Component<any, {}, any>>;
|
|
25
26
|
export declare const OneLevelMainContent: import('node_modules/styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
26
27
|
/**
|
|
27
28
|
* Stack (RIGHT) - source items
|
|
@@ -39,7 +40,8 @@ export declare const OneLevelStackTitle: import('node_modules/styled-components/
|
|
|
39
40
|
hoverColor?: import('../..').Colors;
|
|
40
41
|
ellipsis?: boolean;
|
|
41
42
|
maxWidth?: string | number;
|
|
42
|
-
|
|
43
|
+
whiteSpace?: import('react').CSSProperties["whiteSpace"];
|
|
44
|
+
}, never>> & string & Omit<({ variant, ellipsis, size, weight, color, align, hoverColor, maxWidth, whiteSpace, ...props }: import('../..').JRCTypographyProps) => import("react/jsx-runtime").JSX.Element, keyof import('react').Component<any, {}, any>>;
|
|
43
45
|
export declare const OneLevelStackContent: import('node_modules/styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
44
46
|
/**
|
|
45
47
|
* Empty state - Shows drop zone when no items present
|
|
@@ -17,7 +17,8 @@ export declare const SectionsTitle: import('node_modules/styled-components/dist/
|
|
|
17
17
|
hoverColor?: import('../..').Colors;
|
|
18
18
|
ellipsis?: boolean;
|
|
19
19
|
maxWidth?: string | number;
|
|
20
|
-
|
|
20
|
+
whiteSpace?: import('react').CSSProperties["whiteSpace"];
|
|
21
|
+
}, never>> & string & Omit<({ variant, ellipsis, size, weight, color, align, hoverColor, maxWidth, whiteSpace, ...props }: import('../..').JRCTypographyProps) => import("react/jsx-runtime").JSX.Element, keyof import('react').Component<any, {}, any>>;
|
|
21
22
|
export declare const SectionLabel: import('node_modules/styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
|
|
22
23
|
export declare const SectionsList: import('node_modules/styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
23
24
|
export declare const SectionWrapper: import('node_modules/styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
@@ -104,7 +105,8 @@ export declare const OneLevelTitle: import('node_modules/styled-components/dist/
|
|
|
104
105
|
hoverColor?: import('../..').Colors;
|
|
105
106
|
ellipsis?: boolean;
|
|
106
107
|
maxWidth?: string | number;
|
|
107
|
-
|
|
108
|
+
whiteSpace?: import('react').CSSProperties["whiteSpace"];
|
|
109
|
+
}, never>> & string & Omit<({ variant, ellipsis, size, weight, color, align, hoverColor, maxWidth, whiteSpace, ...props }: import('../..').JRCTypographyProps) => import("react/jsx-runtime").JSX.Element, keyof import('react').Component<any, {}, any>>;
|
|
108
110
|
export declare const OneLevelContent: import('node_modules/styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
109
111
|
export declare const OneLevelList: import('node_modules/styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
110
112
|
export declare const OneLevelItemWrapper: import('node_modules/styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { ReactNode } from 'react';
|
|
1
|
+
import { CSSProperties, ReactNode } from 'react';
|
|
2
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';
|
|
@@ -33,5 +33,6 @@ export type JRCTypographyProps = FastCssProps & {
|
|
|
33
33
|
hoverColor?: Colors;
|
|
34
34
|
ellipsis?: boolean;
|
|
35
35
|
maxWidth?: string | number;
|
|
36
|
+
whiteSpace?: CSSProperties['whiteSpace'];
|
|
36
37
|
};
|
|
37
38
|
export {};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
import { JRCTypographyProps } from './JRCTypography.d';
|
|
2
|
-
export declare const JRCTypography: ({ variant, ellipsis, size, weight, color, align, hoverColor, maxWidth, ...props }: JRCTypographyProps) => import("react/jsx-runtime").JSX.Element;
|
|
2
|
+
export declare const JRCTypography: ({ variant, ellipsis, size, weight, color, align, hoverColor, maxWidth, whiteSpace, ...props }: JRCTypographyProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import { CSSProperties } from 'react';
|
|
1
2
|
import { FastCssProps } from '../Common/FastCss';
|
|
2
3
|
import { JRCTypographyProps } from './JRCTypography.d';
|
|
3
4
|
export declare const lineHeightRatio = 1.5;
|
|
@@ -18,4 +19,5 @@ export declare const Typography: import('node_modules/styled-components/dist/typ
|
|
|
18
19
|
$color: JRCTypographyProps["color"];
|
|
19
20
|
$align: JRCTypographyProps["align"];
|
|
20
21
|
$hoverColor: JRCTypographyProps["hoverColor"];
|
|
22
|
+
$whiteSpace: CSSProperties["whiteSpace"];
|
|
21
23
|
} & FastCssProps>> & string;
|
|
@@ -6,10 +6,10 @@ export { JRCDraggingPlaceholder } from './Common/JRCDraggingPlaceholder';
|
|
|
6
6
|
export { SkipToContent } from './Common/SkipToContent';
|
|
7
7
|
export { Deprecated_ClickAwayListener } from './Deprecated/Deprecated_ClickAwayListener/Deprecated_ClickAwayListener';
|
|
8
8
|
export { Deprecated_JRCEllipsis } from './Deprecated/Deprecated_JRCEllipsis/Deprecated_JRCEllipsis';
|
|
9
|
+
export { CSSEditorComponentSeparator } from './Editors/components/Editor.style';
|
|
9
10
|
export { EditorButtonToggle } from './Editors/components/EditorButtonToggle';
|
|
10
11
|
export { EditorCheckbox } from './Editors/components/EditorCheckbox';
|
|
11
|
-
export {
|
|
12
|
-
export { TextFontWeightOptions, TextFontWeight, TextAlignOptions, TextAlign } from './Widgets/const';
|
|
12
|
+
export { TextAlign, TextAlignOptions, TextFontWeight, TextFontWeightOptions } from './Widgets/const';
|
|
13
13
|
export { JRCDriveDropbox } from './Drives/JRCDriveDropbox';
|
|
14
14
|
export { JRCDriveMSGraph } from './Drives/JRCDriveMSGraph';
|
|
15
15
|
export { JRCCheckbox } from './Form/Input/JRCInputCheckbox/components/JRCCheckbox';
|
|
@@ -73,6 +73,7 @@ export { JRCColumnCenter } from './JRCColumnCenter/JRCColumnCenter';
|
|
|
73
73
|
export { JRCColumnLeft } from './JRCColumnLeft/JRCColumnLeft';
|
|
74
74
|
export { JRCColumnRight } from './JRCColumnRight/JRCColumnRight';
|
|
75
75
|
export { JRCCommentsBloc } from './JRCCommentsBloc/JRCCommentsBloc';
|
|
76
|
+
export { JRCConfirmationModal } from './JRCConfirmationModal/JRCConfirmationModal';
|
|
76
77
|
export { JRCCropImage } from './JRCCropImage/JRCCropImage';
|
|
77
78
|
export { JRCDate } from './JRCDate/JRCDate';
|
|
78
79
|
export { JRCDateObject } from './JRCDate/JRCDateObject';
|
|
@@ -174,9 +175,9 @@ export { JRCWidgetPresence } from './Widgets/JRCWidgetPresence/JRCWidgetPresence
|
|
|
174
175
|
export { JRCWidgetPresenceEditor } from './Widgets/JRCWidgetPresence/JRCWidgetPresenceEditor';
|
|
175
176
|
export { JRCWidgetQuickSurvey } from './Widgets/JRCWidgetQuickSurvey/JRCWidgetQuickSurvey';
|
|
176
177
|
export { JRCWidgetQuickSurveyEditor } from './Widgets/JRCWidgetQuickSurvey/JRCWidgetQuickSurveyEditor';
|
|
178
|
+
export { ArticleSliderSlide } from './Widgets/JRCWidgetSlider/components/ArticleSliderSlide';
|
|
177
179
|
export { JRCWidgetArticleSliderEditor } from './Widgets/JRCWidgetSlider/JRCWidgetArticleSliderEditor';
|
|
178
180
|
export { JRCWidgetSlider } from './Widgets/JRCWidgetSlider/JRCWidgetSlider';
|
|
179
|
-
export { ArticleSliderSlide } from './Widgets/JRCWidgetSlider/components/ArticleSliderSlide';
|
|
180
181
|
export { JRCWidgetSurveyDate } from './Widgets/JRCWidgetSurveyDate/JRCWidgetSurveyDate';
|
|
181
182
|
export { JRCWidgetDatasourceTableEditor } from './Widgets/JRCWidgetTable/JRCWidgetDatasourceTableEditor';
|
|
182
183
|
export { JRCWidgetExcelDatasourceTableEditor } from './Widgets/JRCWidgetTable/JRCWidgetExcelDatasourceTableEditor';
|
|
@@ -99,7 +99,6 @@ declare const _default: {
|
|
|
99
99
|
"COMMENT_WIDGET_CHECKLIST_Uri_Target": "open",
|
|
100
100
|
"COMMENT_WIDGET_Configure": "Configure",
|
|
101
101
|
"COMMENT_WIDGET_Delete_Widget": "Delete comment ?",
|
|
102
|
-
"CONFIRMATION_MODAL_Default_Title": "Confirm action",
|
|
103
102
|
"CONTACT_Pro_Members": "Business Contacts",
|
|
104
103
|
"CROP_Crop": "Crop",
|
|
105
104
|
"CROP_Rotate_Left": "Rotate left",
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "jamespot-react-components",
|
|
3
|
-
"version": "1.3.
|
|
3
|
+
"version": "1.3.63",
|
|
4
4
|
"description": "",
|
|
5
5
|
"main": "dist/jamespot-react-components.js",
|
|
6
6
|
"module": "dist/jamespot-react-components.mjs",
|
|
@@ -78,7 +78,7 @@
|
|
|
78
78
|
"globals": "^16.5.0",
|
|
79
79
|
"html2canvas": "^1.4.1",
|
|
80
80
|
"husky": "^9.1.7",
|
|
81
|
-
"jamespot-user-api": "^1.3.
|
|
81
|
+
"jamespot-user-api": "^1.3.64",
|
|
82
82
|
"jest": "^30.2.0",
|
|
83
83
|
"jest-environment-jsdom": "^30.2.0",
|
|
84
84
|
"knip": "^5.82.1",
|