jamespot-react-components 1.2.56 → 1.2.57

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

@@ -1,10 +1,10 @@
-import { Sizes, ToggleListOption, ToggleValues } from '../../Form/Input/JRCInputCheckbox/JRCInputToggle';
-export declare const EditorButtonToggle: ({ name, label, initialValue, description, options, onChange, size, }: {
+import { Sizes, ToggleListOption, ToggleValue } from '../../Form/Input/JRCInputCheckbox/JRCInputToggle';
+export declare const EditorButtonToggle: <T extends ToggleValue>({ name, label, initialValue, description, options, onChange, size, }: {
     name?: string;
     label?: string;
-    initialValue: ToggleValues;
+    initialValue: T | undefined;
     description?: string;
     options: ToggleListOption[];
-    onChange: (value: ToggleValues | undefined) => void;
+    onChange: (value: T) => void;
     size?: Sizes;
 }) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,13 +1,13 @@
-type EditorSelectOption = {
+export type EditorSelectOption = {
     label: string;
-    value: string;
+    value: string | number;
 };
-type EditorSelectOptions = EditorSelectOption[];
-export declare const EditorSelect: <T extends string>({ label, options, initialValue, required, onChange, }: {
+export type EditorSelectOptions = EditorSelectOption[];
+export declare const EditorSelect: <T extends string | number>({ label, options, initialValue, required, onChange, width, }: {
     label: string;
     options: EditorSelectOptions;
-    initialValue: string | undefined;
+    initialValue: T | undefined;
     required?: boolean;
     onChange: (value: T) => void;
+    width?: string;
 }) => import("react/jsx-runtime").JSX.Element;
-export {};

package/build/src/components/Form/Input/JRCInputCheckbox/JRCInputToggle.d.ts

@@ -5,10 +5,10 @@ import { ButtonColors } from '../../../JRCButton/types';
 import { JRCTooltipProps } from '../../../JRCTooltip/types';
 import { JRCInputFieldProps } from '../Common/JRCFormFieldRenderer.types';
 export type Sizes = 's' | 'm' | 'l';
-export type ToggleValues = string | number | boolean;
+export type ToggleValue = string | number | boolean;
 export type ToggleListOption = {
     label: string | JSX.Element;
-    value: ToggleValues;
+    value: ToggleValue;
     color?: ButtonColors;
 };
 type ToggleProps = DataCy & {
@@ -20,7 +20,7 @@ type ToggleProps = DataCy & {
 export type ToggleRawProps<TFieldValues extends FieldValues = FieldValues> = ToggleProps & Omit<ControllerRenderProps<TFieldValues>, 'value' | 'ref' | 'onBlur'> & {
     ref?: ForwardedRef<HTMLInputElement>;
 } & {
-    value: ToggleValues;
+    value: ToggleValue;
     tooltip?: Omit<JRCTooltipProps, 'children'>;
 };
 export declare const JRCInputToggleRaw: <T extends FieldValues = FieldValues>(props: ToggleRawProps<T>) => JSX.Element;

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

@@ -317,6 +317,7 @@ export declare const NoOptionList: import("styled-components").StyledComponent<"
     x?: "flex-start" | "center" | "flex-end" | "space-around" | "space-between" | "space-evenly";
     y?: "flex-start" | "center" | "flex-end" | "space-around" | "space-between" | "space-evenly";
     childFull?: boolean;
+    'data-testid'?: string;
 }, never>;
 export declare const IconBefore: import("styled-components").StyledComponent<({ color, variant, name, size, isMargin, className, faOptions, iconColor, role, label, }: import("../../../JRCIcon/JRCIcon").JRCIconProps) => import("react/jsx-runtime").JSX.Element, import("styled-components").DefaultTheme, {
     left?: number;

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

@@ -12,6 +12,14 @@ export declare const AlbumImageWrapper: import("styled-components").StyledCompon
 export declare const AlbumImage: import("styled-components").StyledComponent<"img", import("styled-components").DefaultTheme, {
     $maxHeight: number;
 }, never>;
+export declare const AlbumBackgroundImageWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
+    $width: number;
+    $height: number;
+}, never>;
+export declare const AlbumBackgroundImageWrapperImg: import("styled-components").StyledComponent<"img", import("styled-components").DefaultTheme, {
+    $width: number;
+    $top: number;
+}, never>;
 export declare const AlbumOverlay: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
 export declare const AlbumAttachments: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
 export declare const AlbumRow: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;

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

@@ -0,0 +1,11 @@
+import React, { ReactNode } from 'react';
+export type AnimationType = 'fade' | 'slide' | 'fade-slide' | 'zoom' | 'grow';
+interface JRCAnimatedContainerProps {
+    children: ReactNode;
+    isVisible: boolean;
+    animationType: AnimationType;
+    timeout?: number;
+    className?: string;
+}
+export declare const JRCAnimatedContainer: React.FC<JRCAnimatedContainerProps>;
+export {};

package/build/src/components/JRCFlex/JRCFlexBox.d.ts

@@ -8,6 +8,7 @@ type FlexBoxProps = Omit<FastCssProps, 'display'> & {
     x?: 'flex-start' | 'center' | 'flex-end' | 'space-around' | 'space-between' | 'space-evenly';
     y?: 'flex-start' | 'center' | 'flex-end' | 'space-around' | 'space-between' | 'space-evenly';
     childFull?: boolean;
+    'data-testid'?: string;
 };
 export declare const JRCFlexBox: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, FlexBoxProps, never>;
 export type JRCFlexBoxProps = FlexBoxProps & {

package/build/src/components/JRCFlex/JRCFlexBox.stories.d.ts

@@ -4,3 +4,9 @@ declare const meta: Meta;
 export default meta;
 type Story = StoryObj<typeof JRCFlexBox>;
 export declare const Default: Story;
+export declare const Inline: Story;
+export declare const Gap: Story;
+export declare const Flex: Story;
+export declare const DirectionRowReverse: Story;
+export declare const JustifyAlignRow: Story;
+export declare const JustifyAlignColumn: Story;

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

@@ -25,7 +25,7 @@ export declare const Primary: import("storybook/internal/csf").AnnotatedStoryFn<
         } & import("jamespot-user-api").WidgetType<{
             widgets?: import("jamespot-user-api").WidgetBaseType[] | undefined;
             arr?: import("jamespot-user-api").WidgetCheckListContentArr[] | undefined;
-            css?: Record<string, string> | undefined;
+            css?: Record<string, string | number> | undefined;
             edit?: boolean | undefined;
         }>) | ({
             layers?: string[] | undefined;
@@ -42,7 +42,7 @@ export declare const Primary: import("storybook/internal/csf").AnnotatedStoryFn<
                     label?: string | undefined;
                     isVisible?: boolean | undefined;
                     textEllipsis?: boolean | undefined;
-                    dateFormat?: "date" | "time" | "date-time" | "date-time-sec" | "time-sec" | undefined;
+                    dateFormat?: "date" | "date-time" | "date-time-sec" | "time" | "time-sec" | undefined;
                     numberFormat?: "fr-FR" | "en-EN" | "filesize" | undefined;
                 }[] | undefined;
                 tableHeadColor?: string | undefined;
@@ -80,6 +80,12 @@ export declare const Primary: import("storybook/internal/csf").AnnotatedStoryFn<
             layers?: string[] | undefined;
         } & import("jamespot-user-api").WidgetType<{
             url?: string | undefined;
+        }>) | ({
+            layers?: string[] | undefined;
+        } & import("jamespot-user-api").WidgetType<{
+            css?: Record<string, string | number> | undefined;
+            buttonName?: string | undefined;
+            pictureSize?: string | undefined;
         }>)>[] | undefined;
     } & (import("jamespot-user-api").WidgetArticleAttachmentContent | {
         text?: string | undefined;
@@ -106,7 +112,7 @@ export declare const Primary: import("storybook/internal/csf").AnnotatedStoryFn<
     } | import("jamespot-user-api").WidgetArticleGalleryContent | import("jamespot-user-api").WidgetArticleImageContent | import("jamespot-user-api").WidgetArticleSliderContent | import("jamespot-user-api/lib/src/types/widgets/widgetArticleText").WidgetArticleTextContent | import("jamespot-user-api").WidgetArticleTitleContent | {
         widgets?: import("jamespot-user-api").WidgetBaseType[] | undefined;
         arr?: import("jamespot-user-api").WidgetCheckListContentArr[] | undefined;
-        css?: Record<string, string> | undefined;
+        css?: Record<string, string | number> | undefined;
         edit?: boolean | undefined;
     } | {
         limit?: number | boolean | undefined;
@@ -116,7 +122,7 @@ export declare const Primary: import("storybook/internal/csf").AnnotatedStoryFn<
             label?: string | undefined;
             isVisible?: boolean | undefined;
             textEllipsis?: boolean | undefined;
-            dateFormat?: "date" | "time" | "date-time" | "date-time-sec" | "time-sec" | undefined;
+            dateFormat?: "date" | "date-time" | "date-time-sec" | "time" | "time-sec" | undefined;
             numberFormat?: "fr-FR" | "en-EN" | "filesize" | undefined;
         }[] | undefined;
         tableHeadColor?: string | undefined;
@@ -135,7 +141,7 @@ export declare const Primary: import("storybook/internal/csf").AnnotatedStoryFn<
             label?: string | undefined;
             isVisible?: boolean | undefined;
             textEllipsis?: boolean | undefined;
-            dateFormat?: "date" | "time" | "date-time" | "date-time-sec" | "time-sec" | undefined;
+            dateFormat?: "date" | "date-time" | "date-time-sec" | "time" | "time-sec" | undefined;
             numberFormat?: "fr-FR" | "en-EN" | "filesize" | undefined;
         }[] | undefined;
         tableHeadColor?: string | undefined;
@@ -154,7 +160,7 @@ export declare const Primary: import("storybook/internal/csf").AnnotatedStoryFn<
     } | {
         widgets?: import("jamespot-user-api").WidgetBaseType[] | undefined;
         arr?: import("jamespot-user-api").WidgetQuickSurveyContentArr[] | undefined;
-        css?: Record<string, string> | undefined;
+        css?: Record<string, string | number> | undefined;
         closing?: boolean | 0 | 1 | undefined;
         isClosed?: boolean | 0 | 1 | undefined;
         open?: boolean | 0 | 1 | undefined;
@@ -177,6 +183,10 @@ export declare const Primary: import("storybook/internal/csf").AnnotatedStoryFn<
         emailsPromptStatus?: string | undefined;
     } | {
         url?: string | undefined;
+    } | {
+        css?: Record<string, string | number> | undefined;
+        buttonName?: string | undefined;
+        pictureSize?: string | undefined;
     }), args_1: boolean, ...args: unknown[]) => void;
     onStateChange: (args_0: {
         busy?: boolean | undefined;

package/build/src/components/Widgets/JRCWidgetTable/model/excel/ExcelEditorModelColumn.d.ts

@@ -1,4 +1,16 @@
 import { WidgetTableColumn } from 'jamespot-user-api';
+export declare enum WidgetTableColumnType {
+    NUMBER = "number",
+    URI = "uri",
+    TITLE = "title",
+    DATE = "date",
+    TEXT = "text",
+    FILE = "file",
+    SELECT = "select",
+    EMAIL = "email",
+    URL = "url",
+    TRANSIENT = "transient"
+}
 export declare const ExcelEditorModelColumn: ({ column, onChange, }: {
     column: WidgetTableColumn;
     onChange: (data: WidgetTableColumn) => void;

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

@@ -0,0 +1,13 @@
+import { jUserList } from 'jamespot-user-api';
+export type JRCWidgetUserProfileProps = {
+    css?: {
+        background?: string;
+        textColor?: string;
+        fontWeight?: string;
+        fontSize?: string | number;
+    };
+    pictureSize?: string;
+    displayMode?: string;
+    currentUser: jUserList;
+};
+export declare const JRCWidgetUserProfile: ({ currentUser, pictureSize, displayMode, css, }: JRCWidgetUserProfileProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,9 @@
+import { Meta } from '@storybook/react-webpack5';
+import { JRCWidgetUserProfile, JRCWidgetUserProfileProps } from './JRCWidgetUserProfile';
+declare const _default: Meta<typeof JRCWidgetUserProfile>;
+export default _default;
+export declare const OnlyPicture: import("storybook/internal/csf").AnnotatedStoryFn<import("@storybook/react-webpack5").ReactRenderer, JRCWidgetUserProfileProps>;
+export declare const WithFirstName: import("storybook/internal/csf").AnnotatedStoryFn<import("@storybook/react-webpack5").ReactRenderer, JRCWidgetUserProfileProps>;
+export declare const WithFirstNameLastName: import("storybook/internal/csf").AnnotatedStoryFn<import("@storybook/react-webpack5").ReactRenderer, JRCWidgetUserProfileProps>;
+export declare const MissingFirstName: import("storybook/internal/csf").AnnotatedStoryFn<import("@storybook/react-webpack5").ReactRenderer, JRCWidgetUserProfileProps>;
+export declare const MissingLastName: import("storybook/internal/csf").AnnotatedStoryFn<import("@storybook/react-webpack5").ReactRenderer, JRCWidgetUserProfileProps>;

package/build/src/components/Widgets/JRCWidgetUserProfile/JRCWidgetUserProfileEditor.d.ts

@@ -0,0 +1,7 @@
+import { WidgetUserProfileContent } from 'jamespot-user-api';
+export interface JRCWidgetUserProfileEditorProps {
+    uniqid: string;
+    content: WidgetUserProfileContent;
+    onChangeContent: (uniqid: string, content: WidgetUserProfileContent) => void;
+}
+export declare const JRCWidgetUserProfileEditor: ({ uniqid, content, onChangeContent }: JRCWidgetUserProfileEditorProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -27,7 +27,58 @@ export declare const EditorGalleryImageNumberOptions: {
     label: string;
     value: string;
 }[];
+export declare const EditorGalleryHeightModeOptions: {
+    label: string;
+    value: string;
+}[];
+export declare enum EditorFontSize {
+    Size10 = 10,
+    Size12 = 12,
+    Size14 = 14,
+    Size16 = 16,
+    Size18 = 18,
+    Size20 = 20,
+    Size22 = 22,
+    Size24 = 24
+}
+export declare const EditorFontSizeOptions: {
+    label: string;
+    value: EditorFontSize;
+}[];
 export declare const EditorOpacityOptions: {
     label: string;
     value: string;
 }[];
+export declare enum ProfileDisplayType {
+    OnlyPicture = "1",
+    WithFirstName = "2",
+    WithFirstNameLastName = "3"
+}
+export declare const ProfileDisplayOptions: {
+    label: string;
+    value: ProfileDisplayType;
+}[];
+export declare enum ProfilePictureSize {
+    Small = "60",
+    Medium = "80",
+    Large = "120"
+}
+export declare const ProfilePictureSizeOptions: {
+    label: string;
+    value: ProfilePictureSize;
+}[];
+export declare enum TextFontWeight {
+    Normal = 400,
+    Medium = 500,
+    Bold = 700
+}
+export declare const TextFontWeightOptions: {
+    label: string;
+    value: TextFontWeight;
+}[];
+/**
+ * Gets the color value by its index in the EditorColorsOptions array.
+ * @param index The index of the color.
+ * @returns The color string, or undefined if the index is out of bounds.
+ */
+export declare function getColorOptionByIndex(index: number): string;

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

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

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

@@ -159,3 +159,5 @@ 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 { JRCWidgetUserProfile } from './Widgets/JRCWidgetUserProfile/JRCWidgetUserProfile';
+export { JRCWidgetUserProfileEditor } from './Widgets/JRCWidgetUserProfile/JRCWidgetUserProfileEditor';

package/build/src/styles/theme.d.ts

@@ -19,7 +19,7 @@ export type ThemeConfigOptions = {
     bgColorNotLogged: string;
     forest: string;
 };
-export type Colors = 'primary' | 'primaryLight' | 'primaryTextLight' | 'secondary' | 'headerColor' | 'headerTextColor' | 'headerUserBackground' | 'headerUserTextColor' | 'headerSearchBarTextColor' | 'headerSearchBarBackgroundColor' | 'navBackground' | 'navTextColor' | 'lavender' | 'orange' | 'orangeLight' | 'orangeTextLight' | 'yellow' | 'green' | 'greenLight' | 'greenTextLight' | 'navy' | 'overseas' | 'night1' | 'night2' | 'sandLight' | 'raspberry' | 'sky' | 'sky15' | 'sand' | 'forest' | 'grey0' | 'grey1' | 'grey2' | 'grey3' | 'grey4' | 'grey5' | 'grey6' | 'black' | 'black10' | 'black15' | 'black20' | 'white' | 'transparent';
+export type Colors = 'primary' | 'primaryLight' | 'primaryTextLight' | 'secondary' | 'headerColor' | 'headerTextColor' | 'headerUserBackground' | 'headerUserTextColor' | 'headerSearchBarTextColor' | 'headerSearchBarBackgroundColor' | 'navBackground' | 'navTextColor' | 'lavender' | 'orange' | 'orangeLight' | 'orangeTextLight' | 'yellow' | 'green' | 'greenLight' | 'greenTextLight' | 'navy' | 'overseas' | 'night1' | 'night2' | 'sandLight' | 'raspberry' | 'sky' | 'sky15' | 'sand' | 'forest' | 'grey0' | 'grey1' | 'grey2' | 'grey3' | 'grey4' | 'grey5' | 'grey6' | 'black' | 'black10' | 'black15' | 'black20' | 'white' | 'transparent' | 'transparentHexa';
 type ThemeConfigColorType = {
     [color in Colors]: string;
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "jamespot-react-components",
-  "version": "1.2.56",
+  "version": "1.2.57",
   "description": "",
   "main": "./build/jamespot-react-components.js",
   "types": "./build/src/index.d.ts",
@@ -66,7 +66,7 @@
     "fork-ts-checker-webpack-plugin": "^9.1.0",
     "husky": "^7.0.4",
     "identity-obj-proxy": "^3.0.0",
-    "jamespot-user-api": "^1.2.56",
+    "jamespot-user-api": "^1.2.57",
     "jest": "^30.2.0",
     "jest-environment-jsdom": "^30.2.0",
     "jest-styled-components": "^7.2.0",
@@ -90,6 +90,7 @@
     "react-table": "^7.8.0",
     "react-test-renderer": "^17.0.2",
     "react-tooltip": "^4.5.1",
+    "react-transition-group": "^4.4.5",
     "redux": "^4.2.1",
     "source-map-loader": "^1.1.3",
     "storybook": "^9.1.10",
@@ -121,6 +122,9 @@
     "node": ">=20.17.0 <21.0.0",
     "pnpm": ">=9.9.0 <10"
   },
+  "dependencies": {
+    "@types/react-transition-group": "^4.4.12"
+  },
   "scripts": {
     "dev": "webpack --env NODE_ENV=development",
     "local": "webpack --env NODE_ENV=development WATCH=true",