jamespot-react-components 1.3.3 → 1.3.4

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/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/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,7 @@ 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';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "jamespot-react-components",
-  "version": "1.3.3",
+  "version": "1.3.4",
   "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.4",
     "jest": "^30.2.0",
     "jest-environment-jsdom": "^30.2.0",
     "jest-styled-components": "^7.2.0",