jamespot-react-components 1.2.43 → 1.2.45

package/build/src/components/Common/Article/ArticleCard.d.ts

@@ -0,0 +1,8 @@
+import { ArticlesList } from 'jamespot-user-api';
+import { ReactNode } from 'react';
+export declare const ArticleCard: ({ article, icon, color, audience, }: {
+    article: ArticlesList;
+    icon: string;
+    color: string;
+    audience?: ReactNode;
+}) => import("react/jsx-runtime").JSX.Element;

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

@@ -4,6 +4,7 @@ export declare const AlbumItem: ({ file, width, height }: {
     width: number;
     height: number;
 }) => import("react/jsx-runtime").JSX.Element;
-export declare const AlbumItemImage: ({ uri }: {
+export declare const AlbumItemImage: ({ uri, maxHeight }: {
     uri: string;
+    maxHeight: number;
 }) => import("react/jsx-runtime").JSX.Element;

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

@@ -12,7 +12,9 @@ export declare const AlbumImageWrapper: import("styled-components").StyledCompon
     width: number;
     height: number;
 }, never>;
-export declare const AlbumImage: import("styled-components").StyledComponent<"img", import("styled-components").DefaultTheme, {}, never>;
+export declare const AlbumImage: import("styled-components").StyledComponent<"img", import("styled-components").DefaultTheme, {
+    $maxHeight: 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/JRCAudience/JRCAudience.d.ts

@@ -0,0 +1,9 @@
+import { jObjectLittle } from 'jamespot-user-api';
+export type JRCAudienceProps = {
+    list: jObjectLittle[];
+    limit?: number;
+    size?: number;
+    filter?: string[];
+    hideDescription?: boolean;
+};
+export declare const JRCAudience: ({ list, limit, size, filter, hideDescription }: JRCAudienceProps) => import("react/jsx-runtime").JSX.Element;

package/build/src/components/JRCAudience/JRCAudienceAvatar.d.ts

@@ -0,0 +1,8 @@
+type JRCAudienceAvatarProps = {
+    mainType: string;
+    uri: string;
+    size: number;
+    timestamp?: number;
+};
+export declare const JRCAudienceAvatar: ({ mainType, uri, size, timestamp }: JRCAudienceAvatarProps) => import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -25,6 +25,7 @@ export type JRCAvatarProps = Omit<JRCImgProps, 'size' | 'width' | 'height' | 'al
     className?: string;
     cssColor?: string;
     iconWhite?: boolean;
+    withBorder?: boolean;
     alt?: string;
     testId?: string;
     onLoad?: () => void;

package/build/src/components/JRCButton/Button.d.ts

@@ -17,7 +17,8 @@ export declare const Button: import("react").ForwardRefExoticComponent<Omit<impo
     hasLicense?: boolean;
     label?: string;
     noMargin?: boolean;
-    size?: "m" | "s";
+    size?: import("./types").ButtonSizes;
     srOnly?: string;
     borderRadius?: "right";
+    borderRadiusMode?: "default" | "max";
 } & import("react").RefAttributes<HTMLButtonElement>>;

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

@@ -18,9 +18,10 @@ export declare const JRCButton: import("react").ForwardRefExoticComponent<Omit<i
     hasLicense?: boolean;
     label?: string;
     noMargin?: boolean;
-    size?: "m" | "s";
+    size?: import("./types").ButtonSizes;
     srOnly?: string;
     borderRadius?: "right";
+    borderRadiusMode?: "default" | "max";
 } & {
     /** tooltip tooltip props */
     tooltip?: Omit<JRCTooltipProps, "children">;

package/build/src/components/JRCButton/types.d.ts

@@ -17,7 +17,8 @@ export type ButtonType = {
         'text-decoration'?: 'underline' | 'none';
     };
 };
-export type ButtonColors = 'primary' | 'valid' | 'danger' | 'secondary' | 'cancel' | 'neutral' | 'white';
+export type ButtonColors = 'primary' | 'primaryLight' | 'valid' | 'validLight' | 'danger' | 'dangerLight' | 'secondary' | 'cancel' | 'neutral' | 'white';
+export type ButtonSizes = 'm' | 's';
 export type ButtonProps = ComponentPropsWithoutRef<'button'> & DataCy & {
     /** Color of the background of the button */
     color?: ButtonColors;
@@ -44,9 +45,10 @@ export type ButtonProps = ComponentPropsWithoutRef<'button'> & DataCy & {
     label?: string;
     /** Disable margins **/
     noMargin?: boolean;
-    size?: 'm' | 's';
+    size?: ButtonSizes;
     srOnly?: string;
     borderRadius?: 'right';
+    borderRadiusMode?: 'default' | 'max';
 };
 export type StyledButtonProps = {
     $themeButton: ButtonType;

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

@@ -14,9 +14,10 @@ export declare const MarginLessJRCButton: import("styled-components").StyledComp
     hasLicense?: boolean;
     label?: string;
     noMargin?: boolean;
-    size?: "m" | "s";
+    size?: import("../JRCButton/types").ButtonSizes;
     srOnly?: string;
     borderRadius?: "right";
+    borderRadiusMode?: "default" | "max";
 } & {
     tooltip?: Omit<import("../..").JRCTooltipProps, "children">;
 } & import("react").RefAttributes<HTMLButtonElement>>, import("styled-components").DefaultTheme, ButtonProps & {

package/build/src/components/JRCCalendar/CalendarStyle.d.ts

@@ -1,5 +1,6 @@
 export declare const CalendarStyle: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
-    loading?: boolean;
-    view: "list" | "grid";
-    fullScreen?: boolean;
+    $fluid?: boolean;
+    $loading?: boolean;
+    $fullScreen?: boolean;
+    $view: "list" | "grid";
 }, never>;

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

@@ -1,34 +1,6 @@
-import { CalendarApi } from '@fullcalendar/core';
-import { CalendarEventViewAbstractType, CalendarEventWithExtensions, JArticleApi, JCalendarApi, JGlobalApi } from 'jamespot-user-api';
-import { ReactNode } from 'react';
-export type JRCCalendarProps = {
-    events?: CalendarEventWithExtensions<CalendarEventViewAbstractType, ['socialEventRecord']>[];
-    loading?: boolean;
-    onChangeDates?: (start: Date, end: Date) => void;
-    onError: (errorMsg?: string) => void;
-    onSuccess: (message: string) => void;
-    handler: {
-        global: Pick<JGlobalApi, 'updateAction' | 'removeAction'>;
-        calendar: Pick<JCalendarApi, 'reviveSubmit'>;
-        article: Pick<JArticleApi, 'delete'>;
-    };
-    defaultView: CalendarView;
-    eventModalExtraComponent?: (event: CalendarEventWithExtensions<CalendarEventViewAbstractType, ['socialEventRecord']>) => ReactNode;
-    onChangeView?: (view: {
-        label: string;
-        value: CalendarView;
-    }) => void;
-    fullScreen?: boolean;
-    deportedToolbar?: {
-        onChangeLabel?: (label: string) => void;
-        onCalendarApiInit?: (api?: CalendarApi) => void;
-        view?: {
-            label: string;
-            value: CalendarView;
-        };
-    };
-    onDeleteEvent: () => void;
-    onClickUpdateEvent?: (event: CalendarEventWithExtensions<CalendarEventViewAbstractType, ['socialEventRecord']>) => void;
+import { CalendarView, JRCCalendarProps } from './types';
+export type CalendarOption = {
+    label: string;
+    value: CalendarView;
 };
-export type CalendarView = 'dayGridMonth' | 'timeGridWeek' | 'timeGridDay' | 'list';
-export declare const JRCCalendar: ({ events, loading, onChangeDates, onError, handler, onSuccess, defaultView, eventModalExtraComponent, onChangeView, fullScreen, deportedToolbar, onDeleteEvent, onClickUpdateEvent, }: JRCCalendarProps) => import("react/jsx-runtime").JSX.Element;
+export declare const JRCCalendar: ({ events, loading, views, handler, defaultView, fluid, mode, fullScreen, deportedToolbar, withPadding, eventModalExtraComponent, onChangeView, onChangeDates, onError, onSuccess, onDeleteEvent, onClickUpdateEvent, }: JRCCalendarProps) => import("react/jsx-runtime").JSX.Element;

package/build/src/components/JRCCalendar/JRCCalendarEvent.d.ts

@@ -6,6 +6,7 @@ export type JRCCalendarEventProps = {
     start: Date | null;
     end: Date | null;
     status: UserResponseStatus | null;
+    mode: JRCCalendarMode;
     display: CalendarView;
     onClick: (id: number) => void;
     audience: Pick<Audience, '_url' | 'title' | 'uri'>[];
@@ -29,5 +30,5 @@ export type JRCCalendarEventProps = {
     subscriptionModifiers: SubscriptionModifiers;
     urlGestion?: string;
 };
-import { CalendarView } from './types';
-export declare const JRCCalendarEvent: ({ status, title, start, end, display, id: stringId, onClick, audience, allDay, textColor, backgroundColor, address, image, type, isVisio, handler, onError, onSuccess, noGestion, setSubscriptionModifiers, uri, canSubscribe, subscriptionModifiers, urlGestion, }: JRCCalendarEventProps) => import("react/jsx-runtime").JSX.Element | null;
+import { CalendarView, JRCCalendarMode } from './types';
+export declare const JRCCalendarEvent: ({ status, title, start, end, display, mode, id: stringId, onClick, audience, allDay, textColor, backgroundColor, address, image, type, isVisio, handler, onError, onSuccess, noGestion, setSubscriptionModifiers, uri, canSubscribe, subscriptionModifiers, urlGestion, }: JRCCalendarEventProps) => import("react/jsx-runtime").JSX.Element | null;

package/build/src/components/JRCCalendar/types.d.ts

@@ -3,23 +3,22 @@ import { Audience, CalendarEventViewAbstractType, CalendarEventWithExtensions, J
 import { ReactNode } from 'react';
 import { SubscriptionModifiers } from './JRCEventStatusButton';
 export type CalendarView = 'dayGridMonth' | 'timeGridWeek' | 'timeGridDay' | 'list';
+export type CalendarEvent = CalendarEventWithExtensions<CalendarEventViewAbstractType, ['socialEventRecord']>;
+export type CalendarHandler = {
+    global: Pick<JGlobalApi, 'updateAction' | 'removeAction'>;
+    calendar: Pick<JCalendarApi, 'reviveSubmit'>;
+    article: Pick<JArticleApi, 'delete'>;
+};
+export type JRCCalendarMode = 'full' | 'compact';
 export type JRCCalendarProps = {
-    events?: CalendarEventWithExtensions<CalendarEventViewAbstractType, ['socialEventRecord']>[];
+    events?: CalendarEvent[];
     loading?: boolean;
-    onChangeDates?: (start: Date, end: Date) => void;
-    onError: (errorMsg?: string) => void;
-    onSuccess: (message: string) => void;
-    handler: {
-        global: Pick<JGlobalApi, 'updateAction' | 'removeAction'>;
-        calendar: Pick<JCalendarApi, 'reviveSubmit'>;
-        article: Pick<JArticleApi, 'delete'>;
-    };
+    views?: CalendarView[];
+    withPadding?: boolean;
+    handler: CalendarHandler;
     defaultView: CalendarView;
-    eventModalExtraComponent?: (event: CalendarEventWithExtensions<CalendarEventViewAbstractType, ['socialEventRecord']>) => ReactNode;
-    onChangeView?: (view: {
-        label: string;
-        value: CalendarView;
-    }) => void;
+    fluid?: boolean;
+    mode?: JRCCalendarMode;
     fullScreen?: boolean;
     deportedToolbar?: {
         onChangeLabel?: (label: string) => void;
@@ -29,6 +28,16 @@ export type JRCCalendarProps = {
             value: CalendarView;
         };
     };
+    eventModalExtraComponent?: (event: CalendarEvent) => ReactNode;
+    onChangeDates?: (start: Date, end: Date) => void;
+    onError: (errorMsg?: string) => void;
+    onSuccess: (message: string) => void;
+    onChangeView?: (view: {
+        label: string;
+        value: CalendarView;
+    }) => void;
+    onDeleteEvent: () => void;
+    onClickUpdateEvent?: (event: CalendarEvent) => void;
 };
 export type JRCCalendarEventProps = {
     id: string;

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

@@ -5,7 +5,7 @@ type Alignment = CSSProperties['justifyContent'];
 export type JRCEmptySpaceProps = {
     img?: string;
     imgAlt?: string;
-    title: string;
+    title?: string;
     description?: string;
     actions?: ReactChild;
     bgColor?: EmptySpaceBgColor;

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

@@ -1,6 +1,6 @@
-import { DataCy } from '../../types/dataAttributes';
-import { ButtonColors } from '../JRCButton/types';
 import { ComponentPropsWithoutRef, ReactNode } from 'react';
+import { DataCy } from '../../types/dataAttributes';
+import { ButtonColors, ButtonSizes, ButtonType } from '../JRCButton/types';
 /**
  * Props type for JRCLinkToArticle and JRCLinkToUser
  * @member idObject number : id of the record
@@ -25,6 +25,8 @@ type ButtonProps = {
     noMargin?: boolean;
     hasLabel?: boolean;
     as: 'button';
+    size?: ButtonSizes;
+    themeCustom?: ButtonType;
 };
 /**
  * Props type for JRCStyledHref

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

@@ -1,5 +1,7 @@
 export { BETA_JRCDoubleClick } from './Beta/BETA_JRCDoubleClick/BETA_JRCDoubleClick';
 export { BETA_JRCDragAndDrop } from './Beta/BETA_JRCDragAndDrop/BETA_JRCDragAndDrop';
+export { ArticleCard } from './Common/Article/ArticleCard';
+export { JRCAudience } from './JRCAudience/JRCAudience';
 export { JRCConditionalWrapper } from './Common/JRCConditionalWrapper';
 export { JRCDraggingPlaceholder } from './Common/JRCDraggingPlaceholder';
 export { SkipToContent } from './Common/SkipToContent';

package/build/src/index.d.ts

@@ -38,4 +38,5 @@ export { useTimeout } from './hooks/UseTimeout';
 export { useWindowSize } from './hooks/useWindowSize';
 export * from './types';
 export { modifyColorBrightness } from './styles/utils';
+export { getColor } from './styles/theme';
 export { Utils } from './utils';

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

@@ -19,11 +19,11 @@ export type ThemeConfigOptions = {
     bgColorNotLogged: string;
     forest: string;
 };
-export type Colors = 'primary' | 'secondary' | 'headerColor' | 'headerTextColor' | 'headerUserBackground' | 'headerUserTextColor' | 'headerSearchBarTextColor' | 'headerSearchBarBackgroundColor' | 'navBackground' | 'navTextColor' | 'lavender' | 'orange' | 'yellow' | 'green' | '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';
 type ThemeConfigColorType = {
     [color in Colors]: string;
 };
-export type Shades = 'primaryL15' | 'primaryL80' | 'primaryL90' | 'primaryD20' | 'secondaryL15' | 'secondaryL80' | 'secondaryL90' | 'secondaryD20' | 'greenL20' | 'greenL80' | 'greenL90' | 'greenD20' | 'raspberryL95' | 'orangeL15' | 'orangeL80' | 'orangeL90' | 'orangeD20' | 'yellowL80' | 'yellowL90';
+export type Shades = 'primaryL15' | 'primaryL80' | 'primaryL90' | 'primaryD20' | 'primaryLight' | 'primaryLightHover' | 'secondaryL15' | 'secondaryL80' | 'secondaryL90' | 'secondaryD20' | 'greenL20' | 'greenL80' | 'greenL90' | 'greenD20' | 'greenLight' | 'greenLightHover' | 'raspberryL95' | 'orangeL15' | 'orangeL80' | 'orangeL90' | 'orangeD20' | 'orangeLight' | 'orangeLightHover' | 'yellowL80' | 'yellowL90';
 type ThemeConfigShadeType = {
     [color in Shades]: string;
 };

package/build/src/types.d.ts

@@ -47,7 +47,7 @@ export type { JRCValidationButtonProps } from './components/JRCButton/JRCValidat
 export type { JRCButtonDownloadProps } from './components/JRCButtonDownload/JRCButtonDownload';
 export type { JRCButtonDropdownOptionProps, JRCButtonDropdownProps, } from './components/JRCButtonDropdown/JRCButtonDropdown.types';
 export type { JRCButtonFileProps } from './components/JRCButtonFile/JRCButtonFile';
-export type { CalendarView } from './components/JRCCalendar/types';
+export type { CalendarView, CalendarEvent, JRCCalendarProps } from './components/JRCCalendar/types';
 export type { JRCCardProps } from './components/JRCCard/JRCCard';
 export type { JRCCardImgProps } from './components/JRCCard/JRCCardImg';
 export type { JRCColumnCenterProps } from './components/JRCColumnCenter/JRCColumnCenter';

package/build/src/utils/utils.color.d.ts

@@ -44,7 +44,7 @@ export declare const colorimetry: {
             values: () => number[];
             hue: () => number;
             saturation: () => number;
-            limunance: () => number;
+            luminance: () => number;
             string: () => string;
         };
     };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "jamespot-react-components",
-  "version": "1.2.43",
+  "version": "1.2.45",
   "description": "",
   "main": "./build/jamespot-react-components.js",
   "types": "./build/src/index.d.ts",
@@ -68,7 +68,7 @@
     "html-webpack-plugin": "^5.6.4",
     "husky": "^7.0.4",
     "identity-obj-proxy": "^3.0.0",
-    "jamespot-user-api": "^1.2.43",
+    "jamespot-user-api": "^1.2.45",
     "jest": "^30.1.2",
     "jest-environment-jsdom": "^30.1.2",
     "jest-styled-components": "^7.2.0",
@@ -118,11 +118,11 @@
   },
   "lint-staged": {
     "*.{js,jsx,ts,tsx}": [
-      "pnpm lint:fix",
-      "pnpm prettier"
+      "eslint --ext .ts,.tsx --fix",
+      "prettier --write"
     ],
     "*.{json,md}": [
-      "pnpm prettier"
+      "prettier --write"
     ]
   },
   "engines": {