jamespot-react-components 1.3.98 → 1.3.100

package/dist/src/components/JRCAvatar/JRCAvatar.d.ts

@@ -1,3 +1,4 @@
+import { JRCIconProps } from '../JRCIcon/JRCIcon';
 import { JRCImgProps } from '../JRCImg/JRCImg';
 /**
  * Props type for JRCAvatar
@@ -10,18 +11,23 @@ import { JRCImgProps } from '../JRCImg/JRCImg';
  *         in retina like screens. default: xs
  * @property variant, optional 'circle' | 'square' - default: circle
  * @property focusable - whether the element is focusable. Independent of onClick property
- * @property subAvatar - represent a miniature avatar on the bottom right corner
+ * @property subAvatar - icon rendered in the bottom-right corner. Accepts a subset of `JRCIconProps`.
+ *                       Example: `{ name: 'lock', label: 'Private conversation' }`.
+ *                       a11y is provided by `JRCIcon.label` (renders an `<SROnly>` next to the `<i aria-hidden>`).
  * @property className - className passed to the div wrapper
  * @property cssColor - background-color
  * @property iconWhite - Toggle default icon color white/black
  * @property from - image base url (imagestatic | imagecache)
  */
+export type JRCAvatarSubProps = Pick<JRCIconProps, 'name' | 'iconColor' | 'color' | 'label'> & {
+    variant?: 'circle' | 'square';
+};
 export type JRCAvatarProps = Omit<JRCImgProps, 'size' | 'width' | 'height' | 'alt'> & {
     uri?: string;
     size?: number;
     variant?: 'circle' | 'square' | 'full';
     focusable?: boolean;
-    subAvatar?: Omit<JRCImgProps, 'size' | 'width' | 'height'>;
+    subAvatar?: JRCAvatarSubProps;
     className?: string;
     cssColor?: string;
     iconWhite?: boolean;

package/dist/src/components/JRCAvatar/JRCAvatar.stories.d.ts

@@ -3,3 +3,8 @@ import { Meta } from '@storybook/react-vite';
 declare const _default: Meta;
 export default _default;
 export declare const Primary: import('storybook/internal/csf').AnnotatedStoryFn<import('@storybook/react-vite').ReactRenderer, JRCAvatarProps>;
+export declare const WithSubIconCircle: import('storybook/internal/csf').AnnotatedStoryFn<import('@storybook/react-vite').ReactRenderer, JRCAvatarProps>;
+export declare const WithSubIconSquare: import('storybook/internal/csf').AnnotatedStoryFn<import('@storybook/react-vite').ReactRenderer, JRCAvatarProps>;
+export declare const WithSubIconLabeled: import('storybook/internal/csf').AnnotatedStoryFn<import('@storybook/react-vite').ReactRenderer, JRCAvatarProps>;
+export declare const SquareWithSubIconCircle: import('storybook/internal/csf').AnnotatedStoryFn<import('@storybook/react-vite').ReactRenderer, JRCAvatarProps>;
+export declare const SquareWithSubIconSquare: import('storybook/internal/csf').AnnotatedStoryFn<import('@storybook/react-vite').ReactRenderer, JRCAvatarProps>;

package/dist/src/components/JRCCalendar/JRCCalendar.d.ts

@@ -1,3 +1,3 @@
 import { JRCCalendarProps } from './types';
 export type CalendarEventPlaceHolder = 'no-event-today' | 'no-next-event';
-export declare const JRCCalendar: ({ events, loading, views, defaultView, fluid, mode, fullScreen, deportedToolbar, withPadding, eventModalExtraComponent, onChangeView, onChangeDates, onError, onSuccess, onDeleteEvent, onClickUpdateEvent, onClickTransformEvent, onUpdateStatus, isUpdateStatusLoading, onSelect, disableSelect, bbbMinutesBeforeJoining }: JRCCalendarProps) => import("react/jsx-runtime").JSX.Element;
+export declare const JRCCalendar: ({ events, loading, views, defaultView, fluid, mode, fullScreen, deportedToolbar, withPadding, eventModalExtraComponent, onChangeView, onChangeDates, onError, onSuccess, onDeleteEvent, onClickUpdateEvent, onClickTransformEvent, onUpdateStatus, isUpdateStatusLoading, onSelect, disableSelect, bbbMinutesBeforeJoining, }: JRCCalendarProps) => import("react/jsx-runtime").JSX.Element;

package/dist/src/components/JRCCommentsBloc/JRCComment.d.ts

@@ -28,7 +28,7 @@ type JRCCommentProps = {
         canSelectResponse: boolean;
     };
     articleId: number;
-    onReport: (commentUri: string) => void;
+    socialActionsSlot?: ReactNode;
 };
-export declare const JRCComment: ({ isFocused, comment, token, tinyMCEConfig, onCommentUpdate, onCommentDelete, onError, highlightFields, userModel, userAccountStatus, isWidgetActive, onGetHashError, deleteFile, existingWidgetsWrapperComponent, activeDrives, socialQuestion, articleId, onReport, }: JRCCommentProps) => import("react/jsx-runtime").JSX.Element;
+export declare const JRCComment: ({ isFocused, comment, token, tinyMCEConfig, onCommentUpdate, onCommentDelete, onError, highlightFields, userModel, userAccountStatus, isWidgetActive, onGetHashError, deleteFile, existingWidgetsWrapperComponent, activeDrives, socialQuestion, articleId, socialActionsSlot, }: JRCCommentProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/src/components/JRCCommentsBloc/JRCCommentsBloc.d.ts

@@ -37,6 +37,6 @@ export type JRCCommentsBlocProps = {
     };
     articleId: number;
     additionalExtensions: Array<TinyMCEExtension>;
-    onReport: (commentUri: string) => void;
+    renderSocialActions?: (comment: CommentWithExtensions<jCommentList, ['actions', 'quarantine']>) => ReactNode;
 };
-export declare const JRCCommentsBloc: ({ comments, initialCommentsNumber, currentUser, tinyMCEConfig, onComment, canCreateWidget, isWidgetActive, widgetListComponent, newWidgetsWrapperComponent, existingWidgetsWrapperComponent, loading, token, onCommentDelete, onCommentUpdate, onError, highlightFields, userModel, userAccountStatus, onGetHashError, activeDrives, variant, canComment, socialQuestion, articleId, additionalExtensions, onReport, }: JRCCommentsBlocProps) => import("react/jsx-runtime").JSX.Element;
+export declare const JRCCommentsBloc: ({ comments, initialCommentsNumber, currentUser, tinyMCEConfig, onComment, canCreateWidget, isWidgetActive, widgetListComponent, newWidgetsWrapperComponent, existingWidgetsWrapperComponent, loading, token, onCommentDelete, onCommentUpdate, onError, highlightFields, userModel, userAccountStatus, onGetHashError, activeDrives, variant, canComment, socialQuestion, articleId, additionalExtensions, renderSocialActions, }: JRCCommentsBlocProps) => import("react/jsx-runtime").JSX.Element;

package/dist/src/components/JRCGifSelector/JRCGifSelector.d.ts

@@ -10,5 +10,5 @@ type JRCGifSelectorProps = {
     onReachEnd: () => void;
     gifProvider?: 'giphy' | 'heypster';
 };
-export declare const JRCGifSelector: ({ gifs, onSearch, loading, onSelectGif, onReachEnd, gifProvider }: JRCGifSelectorProps) => import("react/jsx-runtime").JSX.Element;
+export declare const JRCGifSelector: ({ gifs, onSearch, loading, onSelectGif, onReachEnd, gifProvider, }: JRCGifSelectorProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/src/components/JRCRateStars/JRCRateStars.d.ts

@@ -0,0 +1,7 @@
+export type JRCRateStarsProps = {
+    value: number;
+    userValue?: number;
+    readOnly?: boolean;
+    onRate?: (value: number) => void;
+};
+export declare const JRCRateStars: ({ value, userValue, readOnly, onRate }: JRCRateStarsProps) => import("react/jsx-runtime").JSX.Element;

package/dist/src/components/JRCRateStars/JRCRateStars.stories.d.ts

@@ -0,0 +1,9 @@
+import { Meta, StoryObj } from '@storybook/react-vite';
+import { JRCRateStars } from './JRCRateStars';
+declare const meta: Meta<typeof JRCRateStars>;
+export default meta;
+type Story = StoryObj<typeof JRCRateStars>;
+export declare const Default: Story;
+export declare const UserVoted: Story;
+export declare const KeyboardNavigation: Story;
+export declare const ReadOnly: Story;

package/dist/src/components/JRCRateStars/JRCRateStars.styles.d.ts

@@ -0,0 +1,3 @@
+export declare const RateStarsRow: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const RateStar: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never>> & string;
+export declare const RateStaticStar: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;

package/dist/src/components/Widgets/JRCWidgetNewsflash/JRCWidgetNewsflash.const.d.ts

@@ -0,0 +1,8 @@
+export declare const DEFAULT_COLOR_FILTER = "#000000";
+export declare const DEFAULT_OPACITY_FILTER = 2;
+export declare const OPACITY_FILTER_MIN = 0;
+export declare const OPACITY_FILTER_MAX = 10;
+export declare const SLIDER_MAX_WIDTH = 800;
+export declare const SLIDER_MAX_DOTS = 6;
+export declare const DEFAULT_SLIDER_DELAY_SECONDS = 8;
+export declare const DEFAULT_MIN_HEIGHT = 200;

package/dist/src/components/Widgets/JRCWidgetNewsflash/JRCWidgetNewsflash.d.ts

@@ -0,0 +1,10 @@
+import { NewsflashItem, NewsflashProperties, WidgetDisplayMode, WidgetNewsflashContent } from 'jamespot-user-api';
+export type JRCWidgetNewsflashProps = {
+    items: NewsflashItem[];
+    properties: NewsflashProperties;
+    content: WidgetNewsflashContent;
+    mode?: WidgetDisplayMode | undefined;
+    isLoading?: boolean | undefined;
+    emptyImageSrc?: string | undefined;
+};
+export declare const JRCWidgetNewsflash: ({ items, properties, content, mode, isLoading, emptyImageSrc, }: JRCWidgetNewsflashProps) => import("react/jsx-runtime").JSX.Element | null;

package/dist/src/components/Widgets/JRCWidgetNewsflash/JRCWidgetNewsflash.stories.d.ts

@@ -0,0 +1,10 @@
+import { Meta, StoryObj } from '@storybook/react-vite';
+import { JRCWidgetNewsflash } from './JRCWidgetNewsflash';
+declare const meta: Meta<typeof JRCWidgetNewsflash>;
+export default meta;
+type Story = StoryObj<typeof JRCWidgetNewsflash>;
+export declare const ImageMode: Story;
+export declare const BannerMode: Story;
+export declare const CoverMode: Story;
+export declare const EmptyEdit: Story;
+export declare const EmptyView: Story;

package/dist/src/components/Widgets/JRCWidgetNewsflash/JRCWidgetNewsflash.types.d.ts

@@ -0,0 +1,12 @@
+import { NewsflashItem } from 'jamespot-user-api';
+export type NewsflashCardProps = {
+    item: NewsflashItem;
+    textColor?: string | undefined;
+    buttonBackgroundColor?: string | undefined;
+    buttonTextColor?: string | undefined;
+    readMoreLabel: string;
+};
+export type NewsflashCoverCardProps = NewsflashCardProps & {
+    colorFilter: string;
+    opacityFilter: number;
+};

package/dist/src/components/Widgets/JRCWidgetNewsflash/JRCWidgetNewsflashEditor.d.ts

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

package/dist/src/components/Widgets/JRCWidgetNewsflash/NewsflashActions.d.ts

@@ -0,0 +1,13 @@
+export type NewsflashActionButtonProps = {
+    href: string;
+    label: string;
+    color?: string | undefined;
+    backgroundColor?: string | undefined;
+};
+export declare const NewsflashActionButton: ({ href, label, color, backgroundColor }: NewsflashActionButtonProps) => import("react/jsx-runtime").JSX.Element;
+export type NewsflashReadMoreProps = {
+    href: string;
+    label: string;
+    color?: string | undefined;
+};
+export declare const NewsflashReadMore: ({ href, label, color }: NewsflashReadMoreProps) => import("react/jsx-runtime").JSX.Element;

package/dist/src/components/Widgets/JRCWidgetNewsflash/NewsflashBannerCard.d.ts

@@ -0,0 +1,2 @@
+import { NewsflashCardProps } from './JRCWidgetNewsflash.types';
+export declare const NewsflashBannerCard: ({ item, textColor, buttonBackgroundColor, buttonTextColor, readMoreLabel, }: NewsflashCardProps) => import("react/jsx-runtime").JSX.Element;

package/dist/src/components/Widgets/JRCWidgetNewsflash/NewsflashCoverCard.d.ts

@@ -0,0 +1,2 @@
+import { NewsflashCoverCardProps } from './JRCWidgetNewsflash.types';
+export declare const NewsflashCoverCard: ({ item, textColor, buttonBackgroundColor, buttonTextColor, colorFilter, opacityFilter, }: NewsflashCoverCardProps) => import("react/jsx-runtime").JSX.Element;

package/dist/src/components/Widgets/JRCWidgetNewsflash/NewsflashEmptyState.d.ts

@@ -0,0 +1,3 @@
+export declare const NewsflashEmptyState: ({ imageSrc }: {
+    imageSrc?: string;
+}) => import("react/jsx-runtime").JSX.Element;

package/dist/src/components/Widgets/JRCWidgetNewsflash/NewsflashImageCard.d.ts

@@ -0,0 +1,2 @@
+import { NewsflashCardProps } from './JRCWidgetNewsflash.types';
+export declare const NewsflashImageCard: ({ item, textColor, buttonBackgroundColor, buttonTextColor, readMoreLabel, }: NewsflashCardProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -84,7 +84,7 @@ export { JRCDate } from './JRCDate/JRCDate';
 export { JRCDateObject } from './JRCDate/JRCDateObject';
 export { JRCDisplayCard } from './JRCDisplayCard/JRCDisplayCard';
 export { JRCDot } from './JRCDot/JRCDot';
-export { DndProvider, Draggable, DraggableRow, Droppable, JRCDndOneLevel, JRCDndOneLevelWithStack, JRCDndTwoLevelWithStack } from './JRCDragNDrop';
+export { DndProvider, Draggable, DraggableRow, Droppable, JRCDndOneLevel, JRCDndOneLevelWithStack, JRCDndTwoLevelWithStack, } from './JRCDragNDrop';
 export { JRCDropDown } from './JRCDropDown/JRCDropDown';
 export { JRCEditor } from './JRCEditor/JRCEditor';
 export { JRCModalSchedule } from './JRCEditor/JRCModalSchedule';
@@ -119,13 +119,13 @@ export { JRCModalUserList } from './JRCModalUserList/JRCModalUserList';
 export { JRCPagination } from './JRCPagination/JRCPagination';
 export { JRCProgressBar } from './JRCProgressBar/JRCProgressBar';
 export { JRCPublishButton } from './JRCPublishButton/JRCPublishButton';
+export { JRCRateStars } from './JRCRateStars/JRCRateStars';
 export { JRCSidePanelModal } from './JRCSidePanelModal/JRCSidePanelModal';
 export { JRCSidePanelModalForm } from './JRCSidePanelModal/JRCSidePanelModalForm';
 export { JRCSkeletonLine } from './JRCSkeleton/JRCSkeletonLine';
 export { JRCSkeletonList } from './JRCSkeleton/JRCSkeletonList';
 export { JRCSkeletonSquare } from './JRCSkeleton/JRCSkeletonSquare';
 export { JRCSlider } from './JRCSlider/JRCSlider';
-export { JRCSocialActions } from './JRCSocialActions/JRCSocialActions';
 export { JRCStyledHref } from './JRCStyledHref/JRCStyledHref';
 export { JRCTabPanel, JRCTabs } from './JRCTabs/JRCTabs';
 export { JRCTag } from './JRCTag/JRCTag';
@@ -189,6 +189,8 @@ export { JRCWidgetImage } from './Widgets/JRCWidgetImage/JRCWidgetImage';
 export { JRCWidgetImageEditor } from './Widgets/JRCWidgetImage/JRCWidgetImageEditor';
 export { JRCWidgetLuccaAbsence } from './Widgets/JRCWidgetLuccaAbsence/JRCWidgetLuccaAbsence';
 export { JRCWidgetLuccaAbsenceEditor } from './Widgets/JRCWidgetLuccaAbsence/JRCWidgetLuccaAbsenceEditor';
+export { JRCWidgetNewsflash } from './Widgets/JRCWidgetNewsflash/JRCWidgetNewsflash';
+export { JRCWidgetNewsflashEditor } from './Widgets/JRCWidgetNewsflash/JRCWidgetNewsflashEditor';
 export { JRCWidgetPresence } from './Widgets/JRCWidgetPresence/JRCWidgetPresence';
 export { JRCWidgetPresenceEditor } from './Widgets/JRCWidgetPresence/JRCWidgetPresenceEditor';
 export { JRCWidgetQuickSurvey } from './Widgets/JRCWidgetQuickSurvey/JRCWidgetQuickSurvey';

package/dist/src/translation/lang.json.d.ts

@@ -1,5 +1,6 @@
 declare const _default: {
     "en": {
+        "ACTIVITY_Can_Not_comment": "You cannot comment on this content",
         "ACTIVITY_Can_Not_comment_Desc": "You cannot comment on this content. Several reasons are possible:<p>- You are not part of the audience of the content</p><p>- You do not have sufficient rights according to the group settings</p><p>- A solar storm creates interference (less likely, but you never know)",
         "ADD_FAVORITE": "Add to favorites",
         "APP_Animated_Meeting": "Diapazone",
@@ -220,6 +221,9 @@ declare const _default: {
         "GLOBAL_IframeVideo_OpenInNewTab": "Open video in a new tab",
         "GLOBAL_IframeVideo_Play": "Play video",
         "GLOBAL_Image": "Image",
+        "GLOBAL_Image_Format_Image": "Image",
+        "GLOBAL_Image_Format_Banner": "Banner",
+        "GLOBAL_Image_Format_Cover": "Cover",
         "GLOBAL_Import": "Import",
         "GLOBAL_Insert": "Insert",
         "GLOBAL_Jamespot": "Jamespot",
@@ -239,6 +243,11 @@ declare const _default: {
         "GLOBAL_Provide_Missing_Token": "A token must be provided to use this widget",
         "GLOBAL_Public_Groups": "Public groups",
         "GLOBAL_Publish": "Publish",
+        "GLOBAL_Rate_Star_AriaLabel": "{value, plural, one {# star} other {# stars}}",
+        "GLOBAL_Rate_Stars_AriaLabel": "Rate (1 to 5 stars)",
+        "GLOBAL_Rate_Stars_Value_AriaLabel": "Rating: {value} out of 5",
+        "GLOBAL_Rate_Voters_Modal_Title": "Voters",
+        "GLOBAL_Read_Following": "Read more",
         "GLOBAL_Recommended": "recommended",
         "GLOBAL_Redirect_To_User_Profile_React": "Redirection to the profile page of {username}",
         "GLOBAL_Reorder": "Reorder",
@@ -424,6 +433,12 @@ declare const _default: {
         "WIDGET_Lucca_Absent_Until_Today": "Absent jusqu'a aujourd'hui",
         "WIDGET_Lucca_Absent_Until_Tomorrow": "Absent jusqu'a demain",
         "WIDGET_Lucca_Absent_Until": "Absent jusqu'au",
+        "WIDGET_Newsflash": "Flash info",
+        "WIDGET_Newsflash_Text": "Display the latest flash info on your homepage",
+        "WIDGET_Newsflash_Is_Empty": "No recent news",
+        "WIDGET_Newsflash_Display_Mode": "Display mode",
+        "WIDGET_Newsflash_Button_Background": "Button background color",
+        "WIDGET_Newsflash_Button_Text": "Button text color",
         "WIDGET_Panel_Tpl_Warning_Message": "Il n'est pas possible de configurer ce widget en mode template",
         "WIDGET_Presence_Availability": "{max} places disponibles",
         "WIDGET_Presence_Is_Closed": "Il n'est plus possible de répondre à ce sondage",

package/dist/src/utils/utils.array.d.ts

@@ -21,4 +21,11 @@ export declare const arrayUniqueByUri: <T extends {
 export declare const arraySwapElements: <T>(arr: T[], index1: number, index2: number) => T[];
 export declare function strArrayToggle(str: string, array: string[]): string[];
 export declare function noNull<T>(value: T | null): value is T;
+/**
+ * Compare deux tableaux de chaînes sans tenir compte de l'ordre.
+ * @param a premier tableau
+ * @param b second tableau
+ * @returns true si les deux tableaux contiennent exactement les mêmes valeurs
+ */
+export declare const arraysEqual: (a: string[], b: string[]) => boolean;
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "jamespot-react-components",
-  "version": "1.3.98",
+  "version": "1.3.100",
   "description": "",
   "main": "dist/jamespot-react-components.cjs",
   "module": "dist/jamespot-react-components.js",
@@ -59,8 +59,8 @@
     "eslint-plugin-storybook": "10.3.6",
     "globals": "^16.5.0",
     "html2canvas": "^1.4.1",
-    "jamespot-front-business": "^1.3.98",
-    "jamespot-user-api": "^1.3.98",
+    "jamespot-front-business": "^1.3.100",
+    "jamespot-user-api": "^1.3.100",
     "jsdom": "^26.1.0",
     "knip": "^5.88.1",
     "lint-staged": "^16.4.0",
@@ -107,7 +107,8 @@
     "build": "tsc --noEmit --incremental && vite build",
     "build:dev": "vite build",
     "build:storybook": "NODE_OPTIONS=--max-old-space-size=6144 storybook build",
-    "prettier": "prettier --write ./",
+    "prettier": "prettier --write \"src/**/*.{ts,tsx}\"",
+    "prettier:check": "prettier --check \"src/**/*.{ts,tsx}\"",
     "lint": "eslint",
     "lint:fix": "eslint --fix",
     "storybook": "storybook dev -p 6006",

package/dist/src/components/JRCSocialActions/JRCSocialActions.d.ts

@@ -1,7 +0,0 @@
-import { SocialAction } from 'jamespot-user-api';
-export declare const JRCSocialActions: ({ uri, actions, onReport, onError, }: {
-    uri: string;
-    actions: SocialAction[];
-    onReport: (uri: string) => void;
-    onError?: (message?: string) => void;
-}) => import("react/jsx-runtime").JSX.Element;