jamespot-react-components 1.3.3 → 1.3.5

package/build/src/components/Editors/components/EditorInput.d.ts

@@ -1,7 +1,8 @@
-export declare const EditorInput: ({ label, placeholder, initialValue, onChange, }: {
+export declare const EditorInput: ({ label, placeholder, initialValue, width, onChange, }: {
     label: string;
     placeholder?: string;
     initialValue: string | undefined;
     autoFocus?: boolean;
+    width?: string;
     onChange: (text: string) => void;
 }) => import("react/jsx-runtime").JSX.Element;

package/build/src/components/Editors/components/EditorPositionToggle.d.ts

@@ -0,0 +1,11 @@
+import { Position } from '../../Widgets/const';
+import { ButtonColors } from '../../JRCButton/types';
+export type Sizes = 's' | 'm' | 'l';
+export declare const EditorPositionToggle: ({ label, initialValue, width, onChange, color, size, }: {
+    label?: string;
+    initialValue?: Position;
+    width?: string;
+    onChange: (value: Position) => void;
+    color?: ButtonColors;
+    size?: Sizes;
+}) => import("react/jsx-runtime").JSX.Element;

package/build/src/components/Form/Input/JRCInputColor/ColorInput.d.ts

@@ -1,4 +1,5 @@
-export declare const ColorInput: ({ initialValue, onChange }: {
+export declare const ColorInput: ({ initialValue, onChange, width, }: {
     initialValue: string;
     onChange: (color: string) => void;
+    width?: string;
 }) => import("react/jsx-runtime").JSX.Element;

package/build/src/components/Form/Input/JRCSelect/JRCInputSelect.style.d.ts

@@ -246,7 +246,7 @@ export declare const OptionMenu: import("styled-components").StyledComponent<"di
     accessKey?: string | undefined | undefined;
     autoCapitalize?: "off" | "none" | "on" | "sentences" | "words" | "characters" | undefined | (string & {}) | undefined;
     autoFocus?: boolean | undefined | undefined;
-    contentEditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
+    contentEditable?: "inherit" | (boolean | "true" | "false") | "plaintext-only" | undefined;
     contextMenu?: string | undefined | undefined;
     dir?: string | undefined | undefined;
     draggable?: (boolean | "true" | "false") | undefined;

package/build/src/components/JRCModal/JRCModal.styles.d.ts

@@ -4,10 +4,12 @@ export declare const JRCModalBox: import("styled-components").StyledComponent<"d
     isFullHeight?: boolean;
     overflow?: ModalOverflow;
     zIndex?: number;
+    overlayBackgroundColor?: string;
 }, never>;
 export declare const JRCModalContainerFull: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
     isFullScreen?: boolean;
     maxHeight?: string;
+    containerBackgroundColor?: string;
 }, never>;
 export declare const JRCModalContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
     variant?: ModalVariant;
@@ -15,12 +17,13 @@ export declare const JRCModalContainer: import("styled-components").StyledCompon
     radius?: ModalBorderRadius;
     maxHeight?: string;
     maxWidth?: string;
+    containerBackgroundColor?: string;
 }, never>;
 export declare const JRCModalTitle: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
 export declare const JRCModalOptions: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
 export declare const JRCModalBody: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
     $modalOverflow?: ModalOverflow;
-    $contentBackgroundColor?: boolean;
+    $isContentBackgroundColor?: boolean;
 }, never>;
 export declare const JRCModalContentFull: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
 export declare const JRCModalHeader: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {

package/build/src/components/JRCModal/JRCModalContent.d.ts

@@ -13,7 +13,7 @@ export type JRCModalContentBase = {
 export type JRCModalContentProps = JRCModalContentBase & {
     isFull?: boolean;
     buttons?: JRCModalButtonType[];
-    contentBackgroundColor?: boolean;
+    isContentBackgroundColor?: boolean;
 };
 export interface JRCModalButtonType {
     children: ReactNode;
@@ -31,4 +31,4 @@ export declare const ModalTitle: ({ title, subTitle }: {
     title?: ReactNode;
     subTitle?: ReactNode;
 }) => import("react/jsx-runtime").JSX.Element;
-export declare const JRCModalContent: ({ title, subTitle, onClickIconClose, overflow, options, children, buttons, isFull, dataCy, contentBackgroundColor, }: JRCModalContentProps) => import("react/jsx-runtime").JSX.Element;
+export declare const JRCModalContent: ({ title, subTitle, onClickIconClose, overflow, options, children, buttons, isFull, dataCy, isContentBackgroundColor, }: JRCModalContentProps) => import("react/jsx-runtime").JSX.Element;

package/build/src/components/JRCModal/JRCModalLayout.d.ts

@@ -17,7 +17,9 @@ export interface JRCModalLayoutProps {
     extraTopButtons?: JRCIconButtonProps[];
     maxWidth?: string;
     variant?: ModalVariant;
-    contentBackgroundColor?: boolean;
+    isContentBackgroundColor?: boolean;
+    overlayBackgroundColor?: string;
+    containerBackgroundColor?: string;
     overflow?: 'hidden' | 'scroll' | 'visible' | 'auto';
     zIndex?: number;
 }

package/build/src/components/JRCModal/templates/JRCModal.d.ts

@@ -1,2 +1,2 @@
 import { JRCModalProps } from './JRCModal.types';
-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;
+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;

package/build/src/components/JRCModal/templates/JRCModal.types.d.ts

@@ -19,7 +19,7 @@ export type JRCModalBaseProps = {
     zIndex?: number;
     focusOnCloseRef?: RefObject<HTMLElement>;
     extraTopButtons?: JRCIconButtonProps[];
-    contentBackgroundColor?: boolean;
+    isContentBackgroundColor?: boolean;
 };
 export type JRCModalProps = JRCModalBaseProps & {
     buttons?: JRCModalButtonType[];

package/build/src/components/Widgets/JRCWidgetColor/JRCWidgetColor.d.ts

@@ -0,0 +1,4 @@
+export type JRCWidgetColorProps = {
+    backgroundColor?: string;
+};
+export declare const JRCWidgetColor: ({ backgroundColor }: JRCWidgetColorProps) => import("react/jsx-runtime").JSX.Element;

package/build/src/components/Widgets/JRCWidgetColor/JRCWidgetColorEditor.d.ts

@@ -0,0 +1,10 @@
+import { WidgetColorContent } from 'jamespot-user-api';
+export interface JRCWidgetColorEditorProps extends WidgetColorContent {
+    uniqid: string;
+    content: WidgetColorContent;
+    onChangeContent: (uniqid: string, content: WidgetColorContent) => void;
+}
+/**
+ * Widget Color editor component
+ */
+export declare const JRCWidgetColorEditor: ({ uniqid, content, onChangeContent }: JRCWidgetColorEditorProps) => import("react/jsx-runtime").JSX.Element;

package/build/src/components/Widgets/JRCWidgetWelcome/JRCWidgetWelcome.d.ts

@@ -0,0 +1,16 @@
+import { jUserList } from 'jamespot-user-api';
+export type JRCWidgetWelcomeProps = {
+    css?: {
+        background?: string;
+        textColor?: string;
+        fontWeight?: string;
+        fontSize?: string | number;
+        textAlign?: string;
+    };
+    message?: string;
+    displayMode?: string;
+    currentUser: jUserList;
+    lineBreak?: boolean;
+    position?: string;
+};
+export declare const JRCWidgetWelcome: ({ currentUser, message, lineBreak, css, position, displayMode, }: JRCWidgetWelcomeProps) => import("react/jsx-runtime").JSX.Element;

package/build/src/components/Widgets/JRCWidgetWelcome/JRCWidgetWelcome.stories.d.ts

@@ -0,0 +1,56 @@
+import { Meta } from '@storybook/react-webpack5';
+import { JRCWidgetWelcome } from './JRCWidgetWelcome';
+import { ProfileDisplayType, Position, TextFontWeight, EditorFontSize } from '../const';
+declare const _default: Meta<typeof JRCWidgetWelcome>;
+export default _default;
+export declare const Default: {
+    render: import("storybook/internal/csf").AnnotatedStoryFn<import("@storybook/react-webpack5").ReactRenderer, import("./JRCWidgetWelcome").JRCWidgetWelcomeProps>;
+    args: {};
+};
+export declare const CustomMessage: {
+    render: import("storybook/internal/csf").AnnotatedStoryFn<import("@storybook/react-webpack5").ReactRenderer, import("./JRCWidgetWelcome").JRCWidgetWelcomeProps>;
+    args: {
+        message: string;
+    };
+};
+export declare const WithFullName: {
+    render: import("storybook/internal/csf").AnnotatedStoryFn<import("@storybook/react-webpack5").ReactRenderer, import("./JRCWidgetWelcome").JRCWidgetWelcomeProps>;
+    args: {
+        displayMode: ProfileDisplayType;
+    };
+};
+export declare const TopLeft: {
+    render: import("storybook/internal/csf").AnnotatedStoryFn<import("@storybook/react-webpack5").ReactRenderer, import("./JRCWidgetWelcome").JRCWidgetWelcomeProps>;
+    args: {
+        position: Position;
+    };
+};
+export declare const BottomRight: {
+    render: import("storybook/internal/csf").AnnotatedStoryFn<import("@storybook/react-webpack5").ReactRenderer, import("./JRCWidgetWelcome").JRCWidgetWelcomeProps>;
+    args: {
+        position: Position;
+    };
+};
+export declare const CustomBackground: {
+    render: import("storybook/internal/csf").AnnotatedStoryFn<import("@storybook/react-webpack5").ReactRenderer, import("./JRCWidgetWelcome").JRCWidgetWelcomeProps>;
+    args: {
+        css: {
+            background: string;
+            textColor: string;
+            fontWeight: TextFontWeight;
+            fontSize: EditorFontSize;
+        };
+    };
+};
+export declare const NoLineBreak: {
+    render: import("storybook/internal/csf").AnnotatedStoryFn<import("@storybook/react-webpack5").ReactRenderer, import("./JRCWidgetWelcome").JRCWidgetWelcomeProps>;
+    args: {
+        lineBreak: boolean;
+    };
+};
+export declare const InteractionTest: {
+    render: import("storybook/internal/csf").AnnotatedStoryFn<import("@storybook/react-webpack5").ReactRenderer, import("./JRCWidgetWelcome").JRCWidgetWelcomeProps>;
+    play: ({ canvasElement }: {
+        canvasElement: HTMLElement;
+    }) => Promise<void>;
+};

package/build/src/components/Widgets/JRCWidgetWelcome/JRCWidgetWelcomeEditor.d.ts

@@ -0,0 +1,10 @@
+import { WidgetWelcomeContent } from 'jamespot-user-api';
+export interface JRCWidgetWelcomeEditorProps extends WidgetWelcomeContent {
+    uniqid: string;
+    content: WidgetWelcomeContent;
+    onChangeContent: (uniqid: string, content: WidgetWelcomeContent) => void;
+}
+/**
+ * Widget Welcome editor component
+ */
+export declare const JRCWidgetWelcomeEditor: ({ uniqid, content, onChangeContent }: JRCWidgetWelcomeEditorProps) => import("react/jsx-runtime").JSX.Element;

package/build/src/components/Widgets/const.d.ts

@@ -27,10 +27,6 @@ export declare const EditorGalleryImageNumberOptions: {
     label: string;
     value: string;
 }[];
-export declare const EditorGalleryHeightModeOptions: {
-    label: string;
-    value: string;
-}[];
 export declare enum EditorFontSize {
     Size10 = 10,
     Size12 = 12,
@@ -45,10 +41,40 @@ export declare const EditorFontSizeOptions: {
     label: string;
     value: EditorFontSize;
 }[];
+export declare const EditorGalleryHeightModeOptions: {
+    label: string;
+    value: string;
+}[];
 export declare const EditorOpacityOptions: {
     label: string;
     value: string;
 }[];
+export declare enum TextAlign {
+    Left = "left",
+    Center = "center",
+    Justify = "justify",
+    Right = "right"
+}
+export declare const TextAlignOptions: {
+    label: string;
+    value: TextAlign;
+}[];
+export declare enum Position {
+    TopLeft = "top-left",
+    TopCenter = "top-center",
+    TopRight = "top-right",
+    CenterLeft = "center-left",
+    Center = "center",
+    CenterRight = "center-right",
+    BottomLeft = "bottom-left",
+    BottomCenter = "bottom-center",
+    BottomRight = "bottom-right"
+}
+export declare const PositionOptions: {
+    label: string;
+    value: Position;
+    iconName: string;
+}[];
 export declare enum ProfileDisplayType {
     OnlyPicture = "1",
     WithFirstName = "2",
@@ -76,6 +102,10 @@ export declare const TextFontWeightOptions: {
     label: string;
     value: TextFontWeight;
 }[];
+export declare const YesNoBooleanOptions: {
+    label: string;
+    value: boolean;
+}[];
 /**
  * Gets the color value by its index in the EditorColorsOptions array.
  * @param index The index of the color.

package/build/src/components/Widgets/utils.d.ts

@@ -1,8 +1,10 @@
 import { jFileLittle, jUserList } from 'jamespot-user-api';
+import { Position } from './const';
 export declare function imageResize(width: number, height: number, maxWidth: number, maxHeight: number): {
     width: number;
     height: number;
 };
 export declare const mockFileLittle: () => jFileLittle;
+export declare function getPositionStyle(position: Position): React.CSSProperties;
 export declare const mock_jUserList: () => jUserList;
 export declare const getCurrentUserDisplayText: (displayMode: string, currentUser: jUserList) => string;

package/build/src/components/index.d.ts

@@ -161,5 +161,9 @@ export { JRCWidgetDatasourceTableEditor } from './Widgets/JRCWidgetTable/JRCWidg
 export { JRCWidgetExcelDatasourceTableEditor } from './Widgets/JRCWidgetTable/JRCWidgetExcelDatasourceTableEditor';
 export { JRCWidgetTable } from './Widgets/JRCWidgetTable/JRCWidgetTable';
 export { JRCWidgetTableEditor } from './Widgets/JRCWidgetTable/JRCWidgetTableEditor';
+export { JRCWidgetWelcome } from './Widgets/JRCWidgetWelcome/JRCWidgetWelcome';
+export { JRCWidgetWelcomeEditor } from './Widgets/JRCWidgetWelcome/JRCWidgetWelcomeEditor';
 export { JRCWidgetUserProfile } from './Widgets/JRCWidgetUserProfile/JRCWidgetUserProfile';
 export { JRCWidgetUserProfileEditor } from './Widgets/JRCWidgetUserProfile/JRCWidgetUserProfileEditor';
+export { JRCWidgetColor } from './Widgets/JRCWidgetColor/JRCWidgetColor';
+export { JRCWidgetColorEditor } from './Widgets/JRCWidgetColor/JRCWidgetColorEditor';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "jamespot-react-components",
-  "version": "1.3.3",
+  "version": "1.3.5",
   "description": "",
   "main": "./build/jamespot-react-components.js",
   "types": "./build/src/index.d.ts",
@@ -65,7 +65,7 @@
     "fork-ts-checker-webpack-plugin": "^9.1.0",
     "husky": "^7.0.4",
     "identity-obj-proxy": "^3.0.0",
-    "jamespot-user-api": "^1.3.3",
+    "jamespot-user-api": "^1.3.5",
     "jest": "^30.2.0",
     "jest-environment-jsdom": "^30.2.0",
     "jest-styled-components": "^7.2.0",
@@ -120,6 +120,9 @@
     "node": ">=20.17.0 <21.0.0",
     "pnpm": ">=9.9.0 <10"
   },
+  "dependencies": {
+    "html2canvas": "^1.4.1"
+  },
   "scripts": {
     "dev": "webpack --env NODE_ENV=development",
     "local": "webpack --env NODE_ENV=development WATCH=true",