jamespot-react-components 1.0.146 → 1.0.147

package/build/src/components/Common/FastCss.d.ts

@@ -3,5 +3,6 @@ export type FastCssProps = {
     display?: 'inline' | 'block' | 'flex' | 'grid' | 'inline-block' | 'inline-flex' | 'inline-grid';
     margin?: string;
     padding?: string;
+    textAlign?: 'center' | 'left' | 'right';
 };
 export declare const FastCss: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<FastCssProps, import("styled-components").DefaultTheme>>;

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

@@ -1,6 +1,7 @@
 import React from 'react';
 export declare const CSSInputWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
-export declare const EditorInput: ({ placeholder, initialValue, onChange, }: {
+export declare const EditorInput: ({ label, placeholder, initialValue, onChange, }: {
+    label: string;
     placeholder?: string | undefined;
     initialValue: string | undefined;
     autoFocus?: boolean | undefined;

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

@@ -4,7 +4,8 @@ export type EditorSelectOption = {
     value: string;
 };
 export type EditorSelectOptions = EditorSelectOption[];
-export declare const EditorSelect: <T extends string>({ options, initialValue, onChange, }: {
+export declare const EditorSelect: <T extends string>({ label, options, initialValue, onChange, }: {
+    label: string;
     options: EditorSelectOptions;
     initialValue: string | undefined;
     onChange: (value: T) => void;

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

@@ -1,4 +1,4 @@
-import { FileResponse } from 'jamespot-user-api';
+import { jFileLittle } from 'jamespot-user-api';
 import React from 'react';
 export declare const EditorUploader: ({ token, uniqid, label, accept, multiple, onUploadStart, onUploadSuccess, onUploadSucessEnd, }: {
     token: string;
@@ -7,6 +7,6 @@ export declare const EditorUploader: ({ token, uniqid, label, accept, multiple,
     accept: string;
     multiple: boolean;
     onUploadStart: (count?: number) => void;
-    onUploadSuccess: (response: FileResponse) => void;
+    onUploadSuccess: (response: jFileLittle) => void;
     onUploadSucessEnd?: (() => void) | undefined;
 }) => React.JSX.Element;

package/build/src/components/Form/Input/JRCFormFile/File.d.ts

@@ -1,11 +1,11 @@
 import React from 'react';
-import { FileResponse } from 'jamespot-user-api';
+import { jFileLittle } from 'jamespot-user-api';
 export declare const File: ({ file, index, token, step, attrName, onUploadSuccess, onDeleteSuccess, }: {
     file: File;
     index: number;
     step: number;
     token: string | undefined;
     attrName: string;
-    onUploadSuccess?: ((response: FileResponse) => void) | undefined;
+    onUploadSuccess?: ((response: jFileLittle, token: string) => void) | undefined;
     onDeleteSuccess?: (() => void) | undefined;
 }) => React.JSX.Element;

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

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { WrappedFieldInputProps } from 'redux-form';
-import { FileArticle, FileResponse } from 'jamespot-user-api';
+import { jFileLittle } from 'jamespot-user-api';
 export type JRCFormInputFileProps = JRCFormInputFileFieldProps;
 /**
  * Props type for JRCFormInputFileFieldProps (to fix with next version of this JRC)
@@ -21,10 +21,10 @@ export interface JRCFormInputFileFieldProps extends React.ComponentPropsWithoutR
     multiple?: boolean;
     accept?: 'image/png' | 'image/jpg' | 'image/png, image/jpg' | 'image/png, image/jpeg, image/jpg' | 'image/pdf' | 'image/doc' | 'image/pdf, image/doc' | 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet,application/vnd.oasis.opendocument.spreadsheet,application/vnd.openxmlformats-officedocument.wordprocessingml.document,application/vnd.oasis.opendocument.text,application/vnd.openxmlformats-officedocument.presentationml.presentation,application/vnd.oasis.opendocument.presentation';
     input?: WrappedFieldInputProps;
-    onUploadSuccess?: (response: FileResponse) => void;
+    onUploadSuccess?: (response: jFileLittle, token: string) => void;
     onDeleteSuccess?: (index: number) => void;
     onUploadStart?: (count?: number) => void;
-    existingFiles?: Array<FileArticle>;
+    existingFiles?: Array<jFileLittle>;
     deleteFile?: (id: number) => Promise<void>;
 }
 export declare const JRCFormInputFile: React.ForwardRefExoticComponent<JRCFormInputFileFieldProps & React.RefAttributes<HTMLInputElement>>;

package/build/src/components/Form/Input/JRCFormFile/JRCFormFile.styles.d.ts

@@ -7,7 +7,7 @@ export declare const FileUploadWrapper: import("styled-components").StyledCompon
 export declare const LabelField: import("styled-components").StyledComponent<"p", import("styled-components").DefaultTheme, {}, never>;
 export declare const CloseButton: import("styled-components").StyledComponent<"a", import("styled-components").DefaultTheme, {}, never>;
 export declare const FileWrapper: import("styled-components").StyledComponent<"label", import("styled-components").DefaultTheme, {
-    loading: boolean;
+    isLoading: boolean;
 }, never>;
 export declare const FileName: import("styled-components").StyledComponent<"label", import("styled-components").DefaultTheme, {}, never>;
 export declare const FileImage: import("styled-components").StyledComponent<"label", import("styled-components").DefaultTheme, {}, never>;

package/build/src/components/Form/Input/JRCFormFile/file.api.d.ts

@@ -1,2 +1,15 @@
-import { FileResponse } from 'jamespot-user-api';
-export declare function fileSend(file: File, token: string | undefined, name: string): Promise<FileResponse>;
+export declare function fileSend(file: File, token: string | undefined, name: string): Promise<{
+    result: {
+        uri: string;
+        id: number;
+        mainType: string;
+        type: string;
+        dateCreation: string;
+        title: string;
+        _url: string;
+        dateModified: string | null;
+        mimetype: string;
+        path?: string | undefined;
+    };
+    token: string;
+}>;

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

@@ -2,21 +2,21 @@ import * as React from 'react';
 import { JRCInputFieldProps } from '../Common/JRCFormFieldRenderer.types';
 import { DataCy } from '../../../../types/dataAttributes';
 import { FieldValues } from 'react-hook-form/dist/types';
-import { ApiWrapper, FileResponse } from 'jamespot-user-api';
+import { ApiWrapper, jFileLittle } from 'jamespot-user-api';
 export type NativeInputFileProps = DataCy & Omit<React.ComponentPropsWithoutRef<'input'>, 'value' | 'onChange'> & {
     token?: string | undefined;
     attrName?: string;
     onLoading?: (state: boolean) => void;
-    value: ApiWrapper<FileResponse>[];
-    onChange: (files: ApiWrapper<FileResponse>[]) => void;
+    value: ApiWrapper<jFileLittle>[];
+    onChange: (files: ApiWrapper<jFileLittle>[]) => void;
 };
 export type JRCInputFileProps<T extends FieldValues = FieldValues> = JRCInputFieldProps<T> & Omit<NativeInputFileProps, 'value' | 'onChange'>;
 export declare const InputFile: React.ForwardRefExoticComponent<DataCy & Omit<Omit<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "onChange" | "value"> & {
     token?: string | undefined;
     attrName?: string | undefined;
     onLoading?: ((state: boolean) => void) | undefined;
-    value: ApiWrapper<FileResponse>[];
-    onChange: (files: ApiWrapper<FileResponse>[]) => void;
+    value: ApiWrapper<jFileLittle>[];
+    onChange: (files: ApiWrapper<jFileLittle>[]) => void;
 } & React.RefAttributes<HTMLInputElement>>;
 /**
  * Component used as a <input type="file"/>

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

@@ -2,7 +2,7 @@ import * as React from 'react';
 import { JRCInputFieldProps } from '../Common/JRCFormFieldRenderer.types';
 import { DataCy } from '../../../../types/dataAttributes';
 import { FieldValues } from 'react-hook-form/dist/types';
-import { FileResponse } from 'jamespot-user-api';
+import { jFileLittle } from 'jamespot-user-api';
 export type NativeInputImageProps = DataCy & Omit<React.ComponentPropsWithoutRef<'input'>, 'value' | 'onChange'> & {
     token?: string | undefined;
     attrName?: string;
@@ -18,10 +18,8 @@ export type NativeInputImageProps = DataCy & Omit<React.ComponentPropsWithoutRef
     };
     readOnly?: boolean;
     readOnlyImg?: string;
-    value: undefined | (FileResponse & {
-        timestamp?: string | number;
-    });
-    onChange: (files: undefined | FileResponse) => void;
+    value: jFileLittle | undefined;
+    onChange: (files: jFileLittle | undefined) => void;
     disableCrop?: boolean;
     buttonsPosition?: 'inside' | 'under';
 };

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

@@ -54,7 +54,7 @@ export declare const Button: import("styled-components").StyledComponent<"button
     /** The variant is used to define what type of action the button will take */
     variant?: "link" | "contained" | "outlined" | undefined;
     /** @deprecated CSS float attribute */
-    float?: "right" | "left" | undefined;
+    float?: "left" | "right" | undefined;
     /** CSS min-width attribute */
     minWidth?: string | undefined;
     /** has license. If false, the button will be disabled with a license tooltip. Default to true */
@@ -80,7 +80,7 @@ export declare const JRCButton: React.ForwardRefExoticComponent<Omit<React.Detai
     /** The variant is used to define what type of action the button will take */
     variant?: "link" | "contained" | "outlined" | undefined;
     /** @deprecated CSS float attribute */
-    float?: "right" | "left" | undefined;
+    float?: "left" | "right" | undefined;
     /** CSS min-width attribute */
     minWidth?: string | undefined;
     /** has license. If false, the button will be disabled with a license tooltip. Default to true */

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

@@ -8,7 +8,7 @@ export declare const MarginLessJRCButton: import("styled-components").StyledComp
     icon?: string | undefined;
     iconRight?: boolean | undefined;
     variant?: "link" | "contained" | "outlined" | undefined;
-    float?: "right" | "left" | undefined;
+    float?: "left" | "right" | undefined;
     minWidth?: string | undefined;
     hasLicense?: boolean | undefined;
     tooltip?: Omit<import("../..").JRCTooltipProps, "children"> | undefined;

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

@@ -0,0 +1,12 @@
+import * as React from 'react';
+type EmptySpaceBgColor = 'sandLight' | 'sky15';
+export type JRCEmptySpaceProps = {
+    img: string;
+    imgAlt?: string;
+    title: string;
+    description?: string;
+    actions?: React.ReactChild;
+    bgColor?: EmptySpaceBgColor;
+};
+export declare const JRCEmptySpace: React.FC<JRCEmptySpaceProps>;
+export {};

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

@@ -0,0 +1,4 @@
+import { Meta, Story } from '@storybook/react';
+declare const _default: Meta<import("@storybook/react").Args>;
+export default _default;
+export declare const EmptySpace: Story<any>;

package/build/src/components/JRCFile/JRCFileImage.d.ts

@@ -8,6 +8,9 @@ export declare const Image: import("styled-components").StyledComponent<"img", i
     maxHeight: number;
 }, never>;
 export declare const JRCFileImage: ({ uri, size, mimetype, display }: JRCFileProps) => React.JSX.Element;
+export declare const BackgroundImageLoader: ({ uri }: {
+    uri: string;
+}) => React.JSX.Element;
 export declare const Img: ({ uri, size }: {
     uri: string;
     size: number | undefined;

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

@@ -1,3 +1,14 @@
 import * as React from 'react';
-import { JRCFileViewerProps, JRCFileViewerFileProps } from './types';
-export declare const JRCFileViewer: <T extends JRCFileViewerFileProps>({ files, children, openWithOptions, _DEBUG, }: JRCFileViewerProps<T>) => React.JSX.Element;
+import { JRCFileViewerProps } from './types';
+export declare const JRCFileViewer: <T extends {
+    title: string;
+    id: number;
+    type: string;
+    uri: string;
+    mainType: string;
+    dateCreation: string;
+    _url: string;
+    dateModified: string | null;
+    mimetype: string;
+    path?: string | undefined;
+}>({ files, size, children, openWithOptions, }: JRCFileViewerProps<T>) => React.JSX.Element;

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

@@ -13,4 +13,5 @@ export declare const CSSFileViewerImageBackground: import("styled-components").S
     uri: string;
 }, never>;
 export declare const CSSFileViewerArrowsButton: import("styled-components").StyledComponent<"button", import("styled-components").DefaultTheme, {}, never>;
+export declare const CSSFileViewerStep: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
 export declare const CSSFileViewerArrows: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;

package/build/src/components/JRCFileViewer/JRCFileViewerArrows.d.ts

@@ -1,4 +1,8 @@
 import * as React from 'react';
-export declare const JRCFileViewerArrows: ({ onRelease }: {
+type JRCFileViewerArrowsProps = {
+    index: number;
+    total: number;
     onRelease: (direction: string) => void;
-}) => React.JSX.Element;
+};
+export declare const JRCFileViewerArrows: ({ index, total, onRelease }: JRCFileViewerArrowsProps) => React.JSX.Element;
+export {};

package/build/src/components/JRCFileViewer/JRCFileViewerContent.d.ts

@@ -1,9 +1,10 @@
 import * as React from 'react';
-import { JRCFileViewerFileProps, JRCFileViewerOpenWithOptionsType } from './types';
+import { JRCFileViewerOpenWithOptionsType } from './types';
+import { jFileLittle } from 'jamespot-user-api';
 type JRCFileViewerContentProps = {
-    file: JRCFileViewerFileProps;
+    file: jFileLittle;
+    size?: string;
     openWithOptions: JRCFileViewerOpenWithOptionsType;
-    _DEBUG: boolean;
 };
-export declare const JRCFileViewerContent: ({ file, openWithOptions }: JRCFileViewerContentProps) => React.JSX.Element;
+export declare const JRCFileViewerContent: ({ file, size, openWithOptions }: JRCFileViewerContentProps) => React.JSX.Element;
 export {};

package/build/src/components/JRCFileViewer/JRCFileViewerContentApplication.d.ts

@@ -1,7 +1,8 @@
 import * as React from 'react';
-import { JRCFileViewerFileProps, JRCFileViewerOpenWithOptionType } from './types';
+import { JRCFileViewerOpenWithOptionType } from './types';
+import { jFileLittle } from 'jamespot-user-api';
 type JRCFileViewerContentApplicationProps = {
-    file?: JRCFileViewerFileProps;
+    file?: jFileLittle;
     options?: JRCFileViewerOpenWithOptionType[];
     children: React.ReactNode;
 };

package/build/src/components/JRCFileViewer/JRCFileViewerOpenWithOptions.d.ts

@@ -1,7 +1,8 @@
 import * as React from 'react';
-import { JRCFileViewerFileProps, JRCFileViewerOpenWithOptionType } from './types';
+import { JRCFileViewerOpenWithOptionType } from './types';
+import { jFileLittle } from 'jamespot-user-api';
 type JRCFileViewerOpenWithOptionsProps = {
-    file: JRCFileViewerFileProps;
+    file: jFileLittle;
     options: JRCFileViewerOpenWithOptionType[];
 };
 export declare const JRCFileViewerOpenWithOptions: ({ file, options }: JRCFileViewerOpenWithOptionsProps) => React.JSX.Element;

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

@@ -1,19 +1,13 @@
 /// <reference types="react" />
+import { jFileLittle } from 'jamespot-user-api';
 export type JRCFileViewerProps<T> = {
     files: T[];
+    size?: string;
     openWithOptions: JRCFileViewerOpenWithOptionsType;
     children(setIndex: (idFile: number) => void): React.ReactElement<HTMLElement>;
-    _DEBUG: boolean;
-};
-export type JRCFileViewerFileProps = {
-    id: number;
-    type: string;
-    mimetype: string;
-    title: string;
-    uri?: string;
 };
 export type JRCFileViewerOpenWithOptionsType = Record<string, JRCFileViewerOpenWithOptionType[]>;
 export type JRCFileViewerOpenWithOptionType = {
     label: string;
-    onClick: (item: JRCFileViewerFileProps | undefined) => void;
+    onClick: (item: jFileLittle | undefined) => void;
 };

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

@@ -1,4 +1,4 @@
-import { JRCFileViewerFileProps } from './types';
-export declare function videoUrl(file: JRCFileViewerFileProps): string;
-export declare function audioUrl(file: JRCFileViewerFileProps): string;
-export declare function imageUrl(file: JRCFileViewerFileProps, size?: string): string;
+import { jFileLittle } from 'jamespot-user-api';
+export declare function videoUrl(file: jFileLittle): string;
+export declare function audioUrl(file: jFileLittle): string;
+export declare function imageUrl(file: jFileLittle, size?: string): string;

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

@@ -1,5 +1,6 @@
 import * as React from 'react';
 import { DataCy } from '../../types/dataAttributes';
+import { ButtonColors } from '../JRCButton/JRCButton';
 /**
  * Props type for JRCLinkToArticle and JRCLinkToUser
  * @member idObject number : id of the record
@@ -16,7 +17,7 @@ type AnchorProps = {
 };
 type ButtonProps = {
     variant?: 'contained' | 'outlined';
-    color?: 'primary' | 'valid' | 'danger' | 'secondary';
+    color?: ButtonColors;
     float?: 'left' | 'right';
     disabled?: boolean;
     children?: React.ReactNode;

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

@@ -1,6 +1,6 @@
 export type ModalBorderRadius = 'medium' | 'small';
 export declare const JRCModalBox: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
-    position?: "right" | "left" | undefined;
+    position?: "left" | "right" | undefined;
     open?: boolean | undefined;
 }, never>;
 export declare const JRCModalTitle: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;

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

@@ -1,6 +1,6 @@
-import { WidgetArticleAttachmentContent, WidgetDefaultProps } from 'jamespot-user-api';
 import React from 'react';
-export declare const JRCWidgetArticleAttachment: ({ content, mode, onStateChange, }: WidgetDefaultProps & {
-    content: WidgetArticleAttachmentContent;
-    token: string | undefined;
+import { WidgetArticleAttachmentContent } from 'jamespot-user-api';
+export declare const CSSWidgetAttachment: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const JRCWidgetArticleAttachment: ({ files, onClick, }: WidgetArticleAttachmentContent & {
+    onClick: (idFile: number) => void;
 }) => React.JSX.Element;

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

@@ -0,0 +1,7 @@
+import { Meta, Story } from '@storybook/react';
+import { WidgetArticleAttachmentContent } from 'jamespot-user-api';
+declare const _default: Meta<import("@storybook/react").Args>;
+export default _default;
+export declare const Primary: Story<WidgetArticleAttachmentContent & {
+    onClick: (idFile: number) => void;
+}>;

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

@@ -1,17 +1,7 @@
-import { FileResponse, WidgetArticleGalleryContent, WidgetDefaultProps, WidgetWrapperProps } from 'jamespot-user-api';
+import { WidgetArticleGalleryContent } from 'jamespot-user-api';
 import React from 'react';
-export declare const CSSColumnGallery: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
-    column: string;
-    gap: string;
-}, never>;
-export declare const CSSGalleryWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
-    width: number | string;
-}, never>;
-type JRCWidgetArticleGalleryProps = WidgetDefaultProps & {
-    content: WidgetArticleGalleryContent;
-    token: string | undefined;
-    onUploadSuccess?: (fileResponse: FileResponse) => void;
-    renderItem?: (widgetWrapper: WidgetWrapperProps) => React.ReactElement;
-};
-export declare const JRCWidgetArticleGallery: ({ width, content, onStateChange }: JRCWidgetArticleGalleryProps) => React.JSX.Element;
-export {};
+export declare const JRCWidgetArticleGallery: ({ files, size, gap, column, maxWidth, onClick, }: WidgetArticleGalleryContent & {
+    maxWidth: number;
+    size?: string | undefined;
+    onClick: (idFile: number) => void;
+}) => React.JSX.Element;

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

@@ -0,0 +1,8 @@
+import { Meta, Story } from '@storybook/react';
+import { WidgetArticleGalleryContent } from 'jamespot-user-api';
+declare const _default: Meta<import("@storybook/react").Args>;
+export default _default;
+export declare const Primary: Story<WidgetArticleGalleryContent & {
+    maxWidth: number;
+    onClick: (idFile: number) => void;
+}>;

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

@@ -1,6 +1,6 @@
-import { WidgetDefaultProps, WidgetArticleImageContent } from 'jamespot-user-api';
+import { WidgetArticleImageContent } from 'jamespot-user-api';
 import React from 'react';
-export declare const JRCWidgetArticleImage: ({ width, content, onStateChange, }: WidgetDefaultProps & {
-    content: WidgetArticleImageContent;
-    token: string | undefined;
-}) => React.JSX.Element;
+export declare const JRCWidgetArticleImage: ({ displayAs, borderRadius, useFilter, backgroundPosition, backgroundSize, maxWidth, uri, }: Omit<WidgetArticleImageContent & {
+    maxWidth: number;
+    uri: string | undefined;
+}, "file">) => React.JSX.Element;

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

@@ -0,0 +1,8 @@
+import { Meta, Story } from '@storybook/react';
+import { WidgetArticleImageContent } from 'jamespot-user-api';
+declare const _default: Meta<import("@storybook/react").Args>;
+export default _default;
+export declare const Primary: Story<Omit<WidgetArticleImageContent & {
+    maxWidth: number;
+    uri: string | undefined;
+}, "file">>;

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

@@ -0,0 +1,7 @@
+import { Meta, Story } from '@storybook/react';
+import { WidgetArticleTextContent, WidgetDefaultProps } from 'jamespot-user-api';
+declare const _default: Meta<import("@storybook/react").Args>;
+export default _default;
+export declare const Primary: Story<WidgetDefaultProps & {
+    content: WidgetArticleTextContent;
+}>;

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

@@ -1,5 +1,8 @@
 import React from 'react';
-import { WidgetArticleTitleContent, WidgetDefaultProps } from 'jamespot-user-api';
-export declare const JRCWidgetArticleTitle: ({ content, onChange, isComponentVisible, inplace, mode, }: WidgetDefaultProps & {
-    content: WidgetArticleTitleContent;
+import { WidgetArticleTitleContent, WidgetDisplayMode } from 'jamespot-user-api';
+export declare const JRCWidgetArticleTitle: ({ text, color, heading, autoFocus, inplace, mode, onChange, }: WidgetArticleTitleContent & {
+    autoFocus: boolean;
+    inplace: boolean;
+    mode?: WidgetDisplayMode | undefined;
+    onChange: (text: string) => void;
 }) => React.JSX.Element;

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

@@ -51,10 +51,6 @@ export declare const EditorGalleryHeightModeOptions: {
     label: string;
     value: string;
 }[];
-export declare const EditorGalleryDisplayOptions: {
-    label: string;
-    value: string;
-}[];
 export declare const EditorFontSizeOptions: {
     label: string;
     value: string;

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

@@ -1,10 +1,10 @@
-import { WidgetFileType } from 'jamespot-user-api';
+import { jFileLittle } from 'jamespot-user-api';
 export declare const loadImage: (setImageDimensions: React.Dispatch<React.SetStateAction<{
     width: number;
     height: number;
-}>>, imageUrl: string, setError: React.Dispatch<React.SetStateAction<boolean>>) => void;
-export declare function imagecache(file: WidgetFileType, width: number): string;
+} | undefined>>, imageUrl: string, setError: React.Dispatch<React.SetStateAction<string | Event | undefined>>) => void;
 export declare function imageResize(width: number, height: number, maxWidth: number, maxHeight: number): {
     width: number;
     height: number;
 };
+export declare const mockFileLittle: () => jFileLittle;

package/build/src/hooks/useRefSize.d.ts

@@ -0,0 +1,6 @@
+interface Size {
+    width: number;
+    height: number;
+}
+export declare function useRefSize<T extends HTMLElement = HTMLDivElement>(): [(node: T | null) => void, Size];
+export {};

package/build/src/index.d.ts

@@ -57,6 +57,7 @@ export { JRCDraggingPlaceholder } from './components/Common/JRCDraggingPlacehold
 export { BETA_JRCDragAndDrop } from './components/Beta/BETA_JRCDragAndDrop/BETA_JRCDragAndDrop';
 export { JRCDropDown } from './components/JRCDropDown/JRCDropDown';
 export { JRCEllipsis } from './components/JRCEllipsis/JRCEllipsis';
+export { JRCEmptySpace } from './components/JRCEmptySpace/JRCEmptySpace';
 export { JRCFadeStepper } from './components/Stepper/JRCFadeStepper';
 export { JRCFile } from './components/JRCFile/JRCFile';
 export { JRCFileAvatar } from './components/JRCFile/JRCFileAvatar';
@@ -149,6 +150,8 @@ export { useDidMountEffect } from './hooks/UseDidMountEffect';
 export { useImageLoader } from './hooks/UseImageLoader';
 export { useKeyPress } from './hooks/UseKeyPress';
 export { useTimeout } from './hooks/UseTimeout';
+export { useRefSize } from './hooks/useRefSize';
+export { useWindowSize } from './hooks/useWindowSize';
 export { useCancelOnUnmount } from './hooks/useCancelOnUnmount';
 /****
  *

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

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

package/build/src/types.d.ts

@@ -56,6 +56,7 @@ export { JRCInputTextProps } from './components/Form/Input/JRCInputText/JRCInput
 export { JRCInputTextIconButtonProps } from './components/Form/Input/JRCInputText/JRCInputTextIconButton';
 export { JRCInputTimeProps } from './components/Form/Input/JRCInputTime/JRCInputTime';
 export { JRCInputUrlProps } from './components/Form/Input/JRCInputUrl/JRCInputUrl';
+export { JRCFileViewerOpenWithOptionsType } from './components/JRCFileViewer/types';
 export { JRCLinkToProps, JRCStyledHrefProps } from './components/JRCHref/JRCHref';
 export { JRCListProps, PaginationPagination } from './components/JRCList/JRCList';
 export { JRCLoaderProps } from './components/JRCLoader/JRCLoader';

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

@@ -1,10 +1,12 @@
 import * as array from './utils.array';
+import * as color from './utils.color';
 import * as date from './utils.date';
 import * as document from './utils.document';
+import * as image from './utils.image';
+import * as file from './utils.files';
 import * as misc from './utils.misc';
 import * as object from './utils.object';
 import * as regexp from './utils.regexp';
 import * as string from './utils.string';
 import * as time from './utils.time';
-import * as image from './utils.image';
-export { array, date, document, misc, object, regexp, string, time, image };
+export { array, color, date, document, file, image, misc, object, regexp, string, time };

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

@@ -47,5 +47,7 @@ export declare const colorimetry: {
         };
     };
 };
+export declare const getContrast50: (hexcolor: string) => "black" | "white";
+export declare const getContrastYIQ: (hexcolor: string) => "black" | "white";
 export declare function isValidHexColor(color: string): boolean;
 export {};