jamespot-react-components 1.3.49 → 1.3.51

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

@@ -75,6 +75,45 @@ export declare const PositionOptions: {
     value: Position;
     iconName: string;
 }[];
+export declare const cssFromPosition: {
+    readonly "top-left": {
+        readonly justifyContent: "flex-start";
+        readonly alignItems: "flex-start";
+    };
+    readonly "top-center": {
+        readonly justifyContent: "center";
+        readonly alignItems: "flex-start";
+    };
+    readonly "top-right": {
+        readonly justifyContent: "flex-end";
+        readonly alignItems: "flex-start";
+    };
+    readonly "center-left": {
+        readonly justifyContent: "flex-start";
+        readonly alignItems: "center";
+    };
+    readonly center: {
+        readonly justifyContent: "center";
+        readonly alignItems: "center";
+    };
+    readonly "center-right": {
+        readonly justifyContent: "flex-end";
+        readonly alignItems: "center";
+    };
+    readonly "bottom-left": {
+        readonly justifyContent: "flex-start";
+        readonly alignItems: "flex-end";
+    };
+    readonly "bottom-center": {
+        readonly justifyContent: "center";
+        readonly alignItems: "flex-end";
+    };
+    readonly "bottom-right": {
+        readonly justifyContent: "flex-end";
+        readonly alignItems: "flex-end";
+    };
+};
+export declare function getPositionFromCss(justifyContent: string | undefined, alignItems: string | undefined): Position;
 export declare enum ProfileDisplayType {
     OnlyPicture = "1",
     WithFirstName = "2",
@@ -96,6 +135,7 @@ export declare const ProfilePictureSizeOptions: {
 export declare enum TextFontWeight {
     Normal = 400,
     Medium = 500,
+    SemiBold = 600,
     Bold = 700
 }
 export declare const TextFontWeightOptions: {

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

@@ -6,6 +6,10 @@ export { JRCDraggingPlaceholder } from './Common/JRCDraggingPlaceholder';
 export { SkipToContent } from './Common/SkipToContent';
 export { Deprecated_ClickAwayListener } from './Deprecated/Deprecated_ClickAwayListener/Deprecated_ClickAwayListener';
 export { Deprecated_JRCEllipsis } from './Deprecated/Deprecated_JRCEllipsis/Deprecated_JRCEllipsis';
+export { EditorButtonToggle } from './Editors/components/EditorButtonToggle';
+export { EditorCheckbox } from './Editors/components/EditorCheckbox';
+export { CSSEditorComponentSeparator } from './Editors/components/Editor.style';
+export { TextFontWeightOptions, TextFontWeight, TextAlignOptions, TextAlign } from './Widgets/const';
 export { JRCDriveDropbox } from './Drives/JRCDriveDropbox';
 export { JRCDriveMSGraph } from './Drives/JRCDriveMSGraph';
 export { JRCCheckbox } from './Form/Input/JRCInputCheckbox/components/JRCCheckbox';
@@ -172,11 +176,14 @@ export { JRCWidgetQuickSurvey } from './Widgets/JRCWidgetQuickSurvey/JRCWidgetQu
 export { JRCWidgetQuickSurveyEditor } from './Widgets/JRCWidgetQuickSurvey/JRCWidgetQuickSurveyEditor';
 export { JRCWidgetArticleSliderEditor } from './Widgets/JRCWidgetSlider/JRCWidgetArticleSliderEditor';
 export { JRCWidgetSlider } from './Widgets/JRCWidgetSlider/JRCWidgetSlider';
+export { ArticleSliderSlide } from './Widgets/JRCWidgetSlider/components/ArticleSliderSlide';
 export { JRCWidgetSurveyDate } from './Widgets/JRCWidgetSurveyDate/JRCWidgetSurveyDate';
 export { JRCWidgetDatasourceTableEditor } from './Widgets/JRCWidgetTable/JRCWidgetDatasourceTableEditor';
 export { JRCWidgetExcelDatasourceTableEditor } from './Widgets/JRCWidgetTable/JRCWidgetExcelDatasourceTableEditor';
 export { JRCWidgetTable } from './Widgets/JRCWidgetTable/JRCWidgetTable';
 export { JRCWidgetTableEditor } from './Widgets/JRCWidgetTable/JRCWidgetTableEditor';
+export { JRCWidgetText } from './Widgets/JRCWidgetText/JRCWidgetText';
+export { JRCWidgetTextEditor } from './Widgets/JRCWidgetText/JRCWidgetTextEditor';
 export { JRCWidgetUserProfile } from './Widgets/JRCWidgetUserProfile/JRCWidgetUserProfile';
 export { JRCWidgetUserProfileEditor } from './Widgets/JRCWidgetUserProfile/JRCWidgetUserProfileEditor';
 export { JRCWidgetWelcome } from './Widgets/JRCWidgetWelcome/JRCWidgetWelcome';

package/dist/src/styles/Theme.stories.d.ts

@@ -2,4 +2,4 @@ declare const _default: {
     title: string;
 };
 export default _default;
-export declare const Colors: () => import("react/jsx-runtime").JSX.Element;
+export declare const Palettes: () => import("react/jsx-runtime").JSX.Element;

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

@@ -19,16 +19,28 @@ 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' | 'transparentHexa';
-export declare const Palettes: Colors[];
+export type ColorPalette = {
+    light: string;
+    medium: string;
+    base: string;
+    strong: string;
+    dark: string;
+};
+type PaletteVariants = Capitalize<keyof Omit<ColorPalette, 'base'>>;
+export type GeneratedPaletteKeys<T extends string> = `${T}${PaletteVariants}`;
+export declare const paletteColorsPrimary: readonly ["primary", "secondary", "green", "red"];
+type PaletteColorsPrimaryKey = (typeof paletteColorsPrimary)[number];
+type PaletteColorsPrimaryKeys = `${PaletteColorsPrimaryKey}${PaletteVariants}` | `${PaletteColorsPrimaryKey}`;
+export declare const paletteColorsSecondary: readonly ["lavender", "navy", "overseas", "night1", "night2", "sky", "sand", "yellow"];
+export type PaletteColorsSecondaryKey = (typeof paletteColorsSecondary)[number];
+type PaletteColorsSecondaryKeys = `${PaletteColorsSecondaryKey}${PaletteVariants}` | `${PaletteColorsSecondaryKey}`;
+export declare const paletteColorsGreys: readonly ["grey0", "grey1", "grey2", "grey3", "grey4", "grey5", "grey6"];
+export declare const paletteColorsUtils: readonly ["black", "black10", "black15", "black20", "white", "transparent", "transparentHexa"];
+export declare const paletteColorsPlatform: readonly ["headerColor", "headerTextColor", "headerUserBackground", "headerUserTextColor", "headerSearchBarTextColor", "headerSearchBarBackgroundColor", "navBackground", "navTextColor"];
+export type Colors = PaletteColorsPrimaryKeys | PaletteColorsSecondaryKeys | (typeof paletteColorsGreys)[number] | (typeof paletteColorsUtils)[number] | (typeof paletteColorsPlatform)[number];
 type ThemeConfigColorType = {
     [color in Colors]: string;
 };
-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;
-};
-export type ColorsOrShades = Colors | Shades;
 export type FontWeight = {
     light: number;
     normal: number;
@@ -49,7 +61,7 @@ export type ThemeType = {
         lineHeight: string;
         weight: FontWeight;
     };
-    color: ThemeConfigColorType & ThemeConfigShadeType;
+    color: ThemeConfigColorType;
     zIndex: {
         forceTop: number;
         tinyMCEModal: number;

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

@@ -295,6 +295,7 @@ declare const _default: {
         "PANEL_Widget_Url": "Copier l'url du widget",
         "PANEL_Widget_Selection": "Style & décorations",
         "PANEL_Widget_Settings": "Configuration du widget",
+        "PANEL_Widget_Text": "Ajouter du texte",
         "PLUGIN_Manager_CalDav_Prompt": "Tester la connexion CalDav",
         "PLUGIN_Manager_CardDav_Prompt": "Tester la connexion CardDav",
         "PLUGIN_Manager_Connection_Error": "Connexion impossible. Vérifiez vos identifiants",
@@ -317,10 +318,13 @@ declare const _default: {
         "STYLE_Border_Style_None": "Aucune bordure",
         "STYLE_Border_Style_Solid": "Bordure continue",
         "STYLE_Border_Width": "Taille de la bordure",
+        "STYLE_Box_Shadow": "Ombre portée",
         "STYLE_Font_Weight": "Epaisseur du texte",
         "STYLE_Font_Weight_Bold": "Bold",
         "STYLE_Font_Weight_Medium": "Medium",
         "STYLE_Font_Weight_Normal": "Normal",
+        "STYLE_Font_Weight_Semi_Bold": "Semi bold",
+        "STYLE_Line_Height": "Hauteur de ligne",
         "STYLE_Padding": "Marge interne",
         "STYLE_Position": "Position",
         "STYLE_Position_Top_Left": "Position haut gauche",
@@ -389,6 +393,8 @@ declare const _default: {
         "WIDGET_Quick_Survey_Reset": "Reset the survey answers",
         "WIDGET_Quick_Survey_isStarted_no_modification": "The survey has already some answers, some modifications are not possible, if needed, please start a new survey.",
         "WIDGET_Set_Widget": "Configurer",
+        "WIDGET_Slider_Autoplay": "Défilement automatique",
+        "WIDGET_Slider_Delay": "Délai de défilement",
         "WIDGET_Survey_After_Help": "Respondents will only see the results once after they respond. They will no longer be able to edit their answer.",
         "WIDGET_Survey_Anonymize_Help": "Les réponses de ce sondage seront anonymes : personne ne pourra savoir qui a répondu quoi, seulement les pourcentages.",
         "WIDGET_Survey_Close_Survey": "Close the survey",
@@ -399,6 +405,7 @@ declare const _default: {
         "WIDGET_Survey_Multiple_Help": "Allow multiple responses",
         "WIDGET_Survey_Open": "Open survey",
         "WIDGET_Survey_Open_Help": "Allows other users to add suggestion",
+        "WIDGET_Text_Use_Flex_Label": "Disposition flexible",
         "WIDGET_User_Profil": "Profil utilisateur",
         "WIDGET_User_Profil_Text": "Permettez à vos utilisateur un accès vers leur propre profil en un clic ! Idéal pour les encourager à le compléter. ",
         "WIDGET_User_Profil_Font_Weight_Label": "Gras",

package/dist/src/types.d.ts

@@ -83,7 +83,7 @@ export type { JRCTemplateBaseProps } from './components/Templates/JRCBase.templa
 export type { JRCTemplateTwoColumnsProps } from './components/Templates/JRCTwoColumns.template';
 export type { JRCAppColumnProps, JRCAppTabsProps, JRCColumnProps, JRCContainerProps, JRCMainColumnProps, JRCTabEntry, LayoutMode, TabEventProps, } from './components/Templates/template.type';
 export type { JRCWidgetCheckListEntries } from './components/Widgets/JRCWidgetCheckList/JRCWidgetCheckList';
-export type { Colors, ColorsOrShades, Shades, ThemeConfigOptions, ThemeType } from './styles/theme';
+export type { Colors, ThemeConfigOptions, ThemeType } from './styles/theme';
 export type { MessageType } from './utils/utils.color';
 export type { OneLevelMainItemComponentProps, OneLevelStackItemComponentProps, OneLevelEmptyStateComponentProps, JRCDndOneLevelWithStackProps, } from './components/JRCDragNDrop/types';
 export { OneLevelItemTypes } from './components/JRCDragNDrop/types';

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

@@ -1,3 +1,4 @@
+import { ColorPalette, GeneratedPaletteKeys } from '../styles/theme';
 type ColorTransparencyPercent = 10 | 20 | 30 | 40 | 50 | 60 | 70 | 80 | 90;
 export declare function colorTransparency(color: string, percent: ColorTransparencyPercent): string;
 export declare const colorimetry: {
@@ -87,7 +88,9 @@ export declare const getLightShade: (hex: string, lightPercentage: number) => st
 export type MessageType = 'success' | 'error' | 'warning';
 export declare const MessageColor: {
     readonly success: "green";
-    readonly error: "orange";
+    readonly error: "red";
     readonly warning: "yellow";
 };
+export declare const getColorPalette: (color: string) => ColorPalette;
+export declare const buildPaletteObject: <T extends string>(key: T, hex: string) => Record<GeneratedPaletteKeys<T> | T, string>;
 export {};

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

@@ -2,3 +2,4 @@ export declare function suffixIfDoesNotExist(str: string | undefined, suffix: st
 export declare function removeIfStartsWith(str: string | undefined, prefix: string): string | undefined;
 export declare function padStartTwoDigits(val: string | number): string;
 export declare function limitSize(str: string, length: number): string;
+export declare function capitalize(str: string): string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "jamespot-react-components",
-  "version": "1.3.49",
+  "version": "1.3.51",
   "description": "",
   "main": "dist/jamespot-react-components.js",
   "module": "dist/jamespot-react-components.mjs",
@@ -78,7 +78,7 @@
     "globals": "^16.5.0",
     "html2canvas": "^1.4.1",
     "husky": "^9.1.7",
-    "jamespot-user-api": "^1.3.49",
+    "jamespot-user-api": "^1.3.51",
     "jest": "^30.2.0",
     "jest-environment-jsdom": "^30.2.0",
     "knip": "^5.82.1",

package/dist/src/components/Widgets/JRCWidgetSlider/components/SliderImage.d.ts

@@ -1,7 +0,0 @@
-import { WidgetSliderSlide } from '../types';
-export declare const SliderImage: ({ initialUri, maxWidth, maxHeight, onClick, }: {
-    initialUri: string;
-    maxWidth: number;
-    maxHeight: number;
-    onClick?: () => void;
-} & Pick<WidgetSliderSlide, "displayAs" | "backgroundSize" | "backgroundPosition">) => import("react/jsx-runtime").JSX.Element;

package/dist/src/components/Widgets/JRCWidgetSlider/components/SliderSlideTitle.d.ts

@@ -1,2 +0,0 @@
-import { WidgetSliderSlide } from '../types';
-export declare const SliderSlideTitle: ({ title, titleHeading }: Pick<WidgetSliderSlide, "title" | "titleHeading">) => import("react/jsx-runtime").JSX.Element;