jamespot-react-components 1.0.224 → 1.0.226

package/build/src/components/Form/Input/Common/JRCFormFieldRenderer.d.ts

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 import { JRCFormFieldRendererProps } from './JRCFormFieldRenderer.types';
 import { FieldValues } from 'react-hook-form';
 export declare function JRCFormFieldRenderer<TFieldValues extends FieldValues = FieldValues>(props: JRCFormFieldRendererProps<TFieldValues>): React.JSX.Element;

package/build/src/components/Form/Input/JRCInputTextarea/JRCInputTextarea.d.ts

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 import { JRCInputFieldProps } from '../Common/JRCFormFieldRenderer.types';
 import { DataCy } from '../../../../types/dataAttributes';
 import { FieldValues } from 'react-hook-form/dist/types';

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

@@ -15,5 +15,6 @@ export type JRCCropImageProps = Pick<JRCModalProps, 'open' | 'closeHandler'> & {
         rotation: number;
     }) => void;
     zIndex?: number;
+    loading?: boolean;
 };
 export declare function JRCCropImage({ save, ...props }: JRCCropImageProps): React.JSX.Element;

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

@@ -1,7 +1,7 @@
 import * as React from 'react';
 type EmptySpaceBgColor = 'sandLight' | 'sky15' | 'transparent';
 export type JRCEmptySpaceProps = {
-    img: string;
+    img?: string;
     imgAlt?: string;
     title: string;
     description?: string;

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

@@ -2,6 +2,7 @@ import * as React from 'react';
 type FontAwesomeOptions = {
     style?: 'solid' | 'regular' | 'brands';
 };
+type IconVariant = 'default' | 'circle' | 'square';
 /**
  * Props type for JRCIcon
  * @property name string: Name of the icon (required)
@@ -17,7 +18,7 @@ export interface JRCIconProps {
     /** Color */
     color?: string;
     /** background color */
-    variant?: 'default' | 'circle' | 'square';
+    variant?: IconVariant;
     /** Defined the icon's dimensions */
     size?: number;
     /** margin */

package/build/src/components/Templates/template.type.d.ts

@@ -11,6 +11,7 @@ export type JRCContainerProps = {
     mode?: LayoutMode;
     maxWidth?: string;
     flexDirection?: FlexDirection;
+    hasPadding?: boolean;
 };
 export type JRCColumnProps = {
     children: React.ReactNode;

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

@@ -9,6 +9,6 @@ export type JRCWidgetArticleTextProps = {
     mode?: WidgetDisplayMode;
     onChange: (text: string) => void;
     additionalExtensions?: Array<TinyMCEExtension>;
-    tinyMCECommonOptions?: Pick<JRCInputTinyMCERawProps, 'commonOptions' | 'mentionsQueries' | 'tinymceScriptSrc'>;
+    tinyMCECommonOptions?: Pick<JRCInputTinyMCERawProps, 'commonOptions' | 'mentionsQueries'> & Partial<Pick<JRCInputTinyMCERawProps, 'tinymceScriptSrc'>>;
 };
 export declare const JRCWidgetArticleText: ({ text, autoFocus, token, mode, onChange, additionalExtensions, tinyMCECommonOptions, }: JRCWidgetArticleTextProps) => React.JSX.Element;

package/build/src/components/Widgets/JRCWidgetCheckList/JRCWidgetCheckListItem.d.ts

@@ -22,6 +22,7 @@ type JRCWidgetCheckListItemProps = {
     handleRemoveUri: (idUri: number, idWidget: number) => void;
     handleRemoveImage: (idWidget: number) => void;
     handleAddImageWidget: (index: number, file: jFileLittle) => void;
+    handleNewItem: () => void;
 };
 export declare const JRCWidgetCheckListItem: FC<JRCWidgetCheckListItemProps>;
 export {};

package/build/src/components/Widgets/JRCWidgetPresence/JRCWidgetPresence.styles.d.ts

@@ -6,5 +6,4 @@ export declare const CSSWidgetPresenceEntry: import("styled-components").StyledC
 export declare const CSSWidgetPresenceLabel: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
     isOn: boolean;
 }, never>;
-export declare const CSSWidgetPresenceIsClosed: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
 export declare const CSSWidgetPresenceAvatar: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;

package/build/src/components/Widgets/JRCWidgetQuickSurvey/JRCWidgetQuickSurveyEditorAddEntry.d.ts

@@ -1,6 +1,6 @@
 import { WidgetQuickSurveyContent } from 'jamespot-user-api';
 import React from 'react';
-export declare const JRCWidgetQuickSurveyEditorAddEntry: ({ content, handleChange, }: {
+export declare const JRCWidgetQuickSurveyEditorAddEntry: ({ content, handleNewItem, }: {
     content: WidgetQuickSurveyContent;
-    handleChange: (content: Partial<WidgetQuickSurveyContent>) => void;
+    handleNewItem: () => void;
 }) => React.JSX.Element;

package/build/src/components/Widgets/JRCWidgetQuickSurvey/JRCWidgetQuickSurveyItemWrapper.d.ts

@@ -18,6 +18,7 @@ type JRCWidgetQuickSurveyWrapperItemProps = {
     removeItem: (id: number) => void;
     handleRemoveImage: (idWidget: number) => void;
     handleAddImageWidget: (index: number, file: jFileLittle) => void;
+    handleNewItem: () => void;
 };
 export declare const JRCWidgetQuickSurveyWrapperItem: FC<JRCWidgetQuickSurveyWrapperItemProps>;
 export {};

package/build/src/index.d.ts

@@ -101,6 +101,7 @@ export { JRCColumnCenter } from './components/JRCColumnCenter/JRCColumnCenter';
 export { JRCColumnLeft } from './components/JRCColumnLeft/JRCColumnLeft';
 export { JRCColumnRight } from './components/JRCColumnRight/JRCColumnRight';
 export { JRCCommentsBloc } from './components/JRCCommentsBloc/JRCCommentsBloc';
+export { JRCCropImage } from './components/JRCCropImage/JRCCropImage';
 export { JRCDate } from './components/JRCDate/JRCDate';
 export { JRCDisplayCard } from './components/JRCDisplayCard/JRCDisplayCard';
 export { JRCDropDown } from './components/JRCDropDown/JRCDropDown';
@@ -200,4 +201,4 @@ export { JTinyMCEExtensionsBuilders } from './components/Form/Input/JRCInputTiny
  *
  */
 export * from './types';
-export * as Utils from './utils';
+export { Utils } from './utils';

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

@@ -10,4 +10,56 @@ import * as object from './utils.object';
 import * as regexp from './utils.regexp';
 import * as string from './utils.string';
 import * as time from './utils.time';
-export { array, color, date, document, file, icons, image, misc, object, regexp, string, time };
+export declare const Utils: {
+    array: typeof array;
+    color: typeof color;
+    date: typeof date;
+    document: typeof document;
+    file: typeof file;
+    icons: typeof icons;
+    image: typeof image;
+    misc: typeof misc;
+    object: typeof object;
+    regexp: typeof regexp;
+    string: typeof string;
+    time: typeof time;
+    tinymce: {
+        initTinyMCEOptions: (dynamicOptions: {
+            language: string;
+            cache_suffix: string;
+            toolbar: string;
+            content_css: string;
+            quickbars_selection_toolbar: string;
+        }) => {
+            height: number;
+            language: string;
+            cache_suffix: string;
+            toolbar: string;
+            content_css: string;
+            quickbars_selection_toolbar: string;
+            plugins: string[];
+            text_patterns: {
+                start: string;
+                end?: string | undefined;
+                format?: string | undefined;
+                cmd?: string | undefined;
+            }[];
+            menubar: boolean;
+            branding: boolean;
+            skin: string;
+            convert_urls: boolean;
+            invalid_elements: string;
+            extended_valid_elements: string;
+            custom_elements: string;
+            inline_boundaries_selector: string;
+            toolbar_mode: "scrolling" | "wrap" | "floating" | "sliding";
+            promotion: boolean;
+            font_size_formats: string;
+            contextmenu: string | false;
+            paste_data_images: boolean;
+            browser_spellcheck: boolean;
+            quickbars_insert_toolbar: boolean;
+            license_key: "gpl";
+        };
+    };
+};

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

@@ -0,0 +1,2 @@
+import { ValidationRule } from 'react-hook-form';
+export declare const formRuleMaxLength: (rule: ValidationRule<number> | undefined) => number | undefined;

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

@@ -1,2 +1,3 @@
-import { TinyMCECommonOptions } from 'jamespot-user-api';
+import { TinyMCECommonOptions, TinyMCEDynamicOptions } from 'jamespot-user-api';
+export declare const initTinyMCEOptions: (dynamicOptions: TinyMCEDynamicOptions) => TinyMCECommonOptions;
 export declare const tinyMCEOptions_mock: TinyMCECommonOptions;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "jamespot-react-components",
-  "version": "1.0.224",
+  "version": "1.0.226",
   "description": "",
   "main": "./build/jamespot-react-components.js",
   "types": "./build/src/index.d.ts",
@@ -80,7 +80,7 @@
     "chroma-js": "^2.1.1",
     "classnames": "^2.3.1",
     "dompurify": "^3.0.5",
-    "jamespot-user-api": "^1.0.204",
+    "jamespot-user-api": "^1.0.205",
     "moment": "2.29.4",
     "react": "^17.x",
     "react-beautiful-dnd": "^13.1.1",