jamespot-react-components 1.3.4 → 1.3.5

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.
@@ -1,4 +1,5 @@
1
- export declare const ColorInput: ({ initialValue, onChange }: {
1
+ export declare const ColorInput: ({ initialValue, onChange, width, }: {
2
2
  initialValue: string;
3
3
  onChange: (color: string) => void;
4
+ width?: string;
4
5
  }) => import("react/jsx-runtime").JSX.Element;
@@ -4,10 +4,12 @@ export declare const JRCModalBox: import("styled-components").StyledComponent<"d
4
4
  isFullHeight?: boolean;
5
5
  overflow?: ModalOverflow;
6
6
  zIndex?: number;
7
+ overlayBackgroundColor?: string;
7
8
  }, never>;
8
9
  export declare const JRCModalContainerFull: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
9
10
  isFullScreen?: boolean;
10
11
  maxHeight?: string;
12
+ containerBackgroundColor?: string;
11
13
  }, never>;
12
14
  export declare const JRCModalContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
13
15
  variant?: ModalVariant;
@@ -15,12 +17,13 @@ export declare const JRCModalContainer: import("styled-components").StyledCompon
15
17
  radius?: ModalBorderRadius;
16
18
  maxHeight?: string;
17
19
  maxWidth?: string;
20
+ containerBackgroundColor?: string;
18
21
  }, never>;
19
22
  export declare const JRCModalTitle: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
20
23
  export declare const JRCModalOptions: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
21
24
  export declare const JRCModalBody: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
22
25
  $modalOverflow?: ModalOverflow;
23
- $contentBackgroundColor?: boolean;
26
+ $isContentBackgroundColor?: boolean;
24
27
  }, never>;
25
28
  export declare const JRCModalContentFull: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
26
29
  export declare const JRCModalHeader: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
@@ -13,7 +13,7 @@ export type JRCModalContentBase = {
13
13
  export type JRCModalContentProps = JRCModalContentBase & {
14
14
  isFull?: boolean;
15
15
  buttons?: JRCModalButtonType[];
16
- contentBackgroundColor?: boolean;
16
+ isContentBackgroundColor?: boolean;
17
17
  };
18
18
  export interface JRCModalButtonType {
19
19
  children: ReactNode;
@@ -31,4 +31,4 @@ export declare const ModalTitle: ({ title, subTitle }: {
31
31
  title?: ReactNode;
32
32
  subTitle?: ReactNode;
33
33
  }) => import("react/jsx-runtime").JSX.Element;
34
- export declare const JRCModalContent: ({ title, subTitle, onClickIconClose, overflow, options, children, buttons, isFull, dataCy, contentBackgroundColor, }: JRCModalContentProps) => import("react/jsx-runtime").JSX.Element;
34
+ export declare const JRCModalContent: ({ title, subTitle, onClickIconClose, overflow, options, children, buttons, isFull, dataCy, isContentBackgroundColor, }: JRCModalContentProps) => import("react/jsx-runtime").JSX.Element;
@@ -17,7 +17,9 @@ export interface JRCModalLayoutProps {
17
17
  extraTopButtons?: JRCIconButtonProps[];
18
18
  maxWidth?: string;
19
19
  variant?: ModalVariant;
20
- contentBackgroundColor?: boolean;
20
+ isContentBackgroundColor?: boolean;
21
+ overlayBackgroundColor?: string;
22
+ containerBackgroundColor?: string;
21
23
  overflow?: 'hidden' | 'scroll' | 'visible' | 'auto';
22
24
  zIndex?: number;
23
25
  }
@@ -1,2 +1,2 @@
1
1
  import { JRCModalProps } from './JRCModal.types';
2
- export declare const JRCModal: ({ children, open, closeHandler, buttons, title, subTitle, options, portalId, inPlace, ref, zIndex, enableClickAwayCloseModal, variant, maxWidth, focusOnCloseRef, extraTopButtons, overflow, contentBackgroundColor, }: JRCModalProps) => import("react/jsx-runtime").JSX.Element;
2
+ export declare const JRCModal: ({ children, open, closeHandler, buttons, title, subTitle, options, portalId, inPlace, ref, zIndex, enableClickAwayCloseModal, variant, maxWidth, focusOnCloseRef, extraTopButtons, overflow, isContentBackgroundColor, }: JRCModalProps) => import("react/jsx-runtime").JSX.Element;
@@ -19,7 +19,7 @@ export type JRCModalBaseProps = {
19
19
  zIndex?: number;
20
20
  focusOnCloseRef?: RefObject<HTMLElement>;
21
21
  extraTopButtons?: JRCIconButtonProps[];
22
- contentBackgroundColor?: boolean;
22
+ isContentBackgroundColor?: boolean;
23
23
  };
24
24
  export type JRCModalProps = JRCModalBaseProps & {
25
25
  buttons?: JRCModalButtonType[];
@@ -0,0 +1,4 @@
1
+ export type JRCWidgetColorProps = {
2
+ backgroundColor?: string;
3
+ };
4
+ export declare const JRCWidgetColor: ({ backgroundColor }: JRCWidgetColorProps) => import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,10 @@
1
+ import { WidgetColorContent } from 'jamespot-user-api';
2
+ export interface JRCWidgetColorEditorProps extends WidgetColorContent {
3
+ uniqid: string;
4
+ content: WidgetColorContent;
5
+ onChangeContent: (uniqid: string, content: WidgetColorContent) => void;
6
+ }
7
+ /**
8
+ * Widget Color editor component
9
+ */
10
+ export declare const JRCWidgetColorEditor: ({ uniqid, content, onChangeContent }: JRCWidgetColorEditorProps) => import("react/jsx-runtime").JSX.Element;
@@ -165,3 +165,5 @@ export { JRCWidgetWelcome } from './Widgets/JRCWidgetWelcome/JRCWidgetWelcome';
165
165
  export { JRCWidgetWelcomeEditor } from './Widgets/JRCWidgetWelcome/JRCWidgetWelcomeEditor';
166
166
  export { JRCWidgetUserProfile } from './Widgets/JRCWidgetUserProfile/JRCWidgetUserProfile';
167
167
  export { JRCWidgetUserProfileEditor } from './Widgets/JRCWidgetUserProfile/JRCWidgetUserProfileEditor';
168
+ export { JRCWidgetColor } from './Widgets/JRCWidgetColor/JRCWidgetColor';
169
+ export { JRCWidgetColorEditor } from './Widgets/JRCWidgetColor/JRCWidgetColorEditor';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "jamespot-react-components",
3
- "version": "1.3.4",
3
+ "version": "1.3.5",
4
4
  "description": "",
5
5
  "main": "./build/jamespot-react-components.js",
6
6
  "types": "./build/src/index.d.ts",
@@ -65,7 +65,7 @@
65
65
  "fork-ts-checker-webpack-plugin": "^9.1.0",
66
66
  "husky": "^7.0.4",
67
67
  "identity-obj-proxy": "^3.0.0",
68
- "jamespot-user-api": "^1.3.4",
68
+ "jamespot-user-api": "^1.3.5",
69
69
  "jest": "^30.2.0",
70
70
  "jest-environment-jsdom": "^30.2.0",
71
71
  "jest-styled-components": "^7.2.0",
@@ -120,6 +120,9 @@
120
120
  "node": ">=20.17.0 <21.0.0",
121
121
  "pnpm": ">=9.9.0 <10"
122
122
  },
123
+ "dependencies": {
124
+ "html2canvas": "^1.4.1"
125
+ },
123
126
  "scripts": {
124
127
  "dev": "webpack --env NODE_ENV=development",
125
128
  "local": "webpack --env NODE_ENV=development WATCH=true",