jamespot-react-components 1.0.137 → 1.0.139

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

@@ -19,7 +19,7 @@ export interface JRCFormInputFileFieldProps extends React.ComponentPropsWithoutR
     limit?: number;
     token?: string;
     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';
+    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;
     onDeleteSuccess?: (index: number) => void;

package/build/src/components/Form/Input/JRCInputCheckbox/JRCInputCheckbox.utils.d.ts

@@ -1 +1 @@
-export declare function getNewValue<Value>(value: number[] | string[] | Value[] | undefined, optionValue: string | number | Value, checked: boolean): (string | number | Value)[] | undefined;
+export declare function getNewValue<Value>(value: number[] | string[] | Value[] | undefined, optionValue: string | number | Value, checked: boolean, defaultEmptyValue?: undefined | Value[]): (string | number | Value)[];

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

@@ -6,7 +6,7 @@ import { Colors, Shades } from 'styles/theme';
  * @member fileName name of download file
  */
 export interface JRCButtonDownloadProps extends JRCButtonProps {
-    content: object | string;
+    data: object | string;
     isIconButton?: boolean;
     fileName?: string;
     iconColor?: Colors | Shades | 'inherit';
@@ -17,4 +17,4 @@ export interface JRCButtonDownloadProps extends JRCButtonProps {
  * @param {label, action?, color?, variant?} props, @see JRCButtonDropdownProps
  * @returns JSX.Element
  */
-export declare const JRCButtonDownload: ({ icon, iconColor, isIconButton, content, fileName, ...props }: JRCButtonDownloadProps) => JSX.Element;
+export declare const JRCButtonDownload: ({ icon, iconColor, isIconButton, data, fileName, ...props }: JRCButtonDownloadProps) => JSX.Element;

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

@@ -0,0 +1,2 @@
+import { JRCFileProps } from './types';
+export declare const JRCFile: ({ uri, mimetype, display }: JRCFileProps) => JSX.Element;

package/build/src/components/JRCFile/JRCFile.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 File: Story<any>;

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

@@ -0,0 +1,2 @@
+import { JRCFileProps } from './types';
+export declare const JRCFileApplication: ({ mimetype }: JRCFileProps) => JSX.Element;

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

@@ -0,0 +1,2 @@
+import { JRCFileProps } from './types';
+export declare const JRCFileAudio: ({ uri, mimetype, display }: JRCFileProps) => JSX.Element;

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

@@ -0,0 +1,6 @@
+import { JRCFileProps } from './types';
+export declare const CSSFile: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
+    size: number;
+    backgroundColor: string;
+}, never>;
+export declare const JRCFileAvatar: ({ uri, size, mimetype }: JRCFileProps) => JSX.Element;

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

@@ -0,0 +1,13 @@
+import { JRCFileProps } from './types';
+export declare const BackgroundImage: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
+    uri: string;
+}, never>;
+export declare const Image: import("styled-components").StyledComponent<"img", import("styled-components").DefaultTheme, {
+    maxWidth: number;
+    maxHeight: number;
+}, never>;
+export declare const JRCFileImage: ({ uri, size, mimetype, display }: JRCFileProps) => JSX.Element;
+export declare const Img: ({ uri, size }: {
+    uri: string;
+    size: number | undefined;
+}) => JSX.Element;

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

@@ -0,0 +1,2 @@
+import { JRCFileProps } from './types';
+export declare const JRCFileVideo: ({ uri, mimetype, display }: JRCFileProps) => JSX.Element;

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

@@ -0,0 +1,6 @@
+export declare type JRCFileProps = {
+    uri?: string;
+    mimetype: string;
+    size?: number;
+    display?: 'default' | 'avatar';
+};

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

@@ -0,0 +1,2 @@
+import { JRCFileViewerProps, JRCFileViewerFileProps } from './types';
+export declare const JRCFileViewer: <T extends JRCFileViewerFileProps>({ files, children, openWithOptions, _DEBUG, }: JRCFileViewerProps<T>) => JSX.Element;

package/build/src/components/JRCFileViewer/JRCFileViewer.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 FileViewer: Story<any>;

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

@@ -0,0 +1,16 @@
+export declare const CSSFileViewer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const CSSFileViewerHeader: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const CSSFileViewerHeaderContent: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const CSSFileViewerFooter: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const CSSFileViewerContent: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const CSSFileViewerContentAudio: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const CSSFileViewerApplicationContent: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const CSSFileViewerApplicationContentWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const CSSFileViewerOptions: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const CSSFileViewerContentImage: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const CSSFileViewerContentVideo: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const CSSFileViewerImageBackground: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
+    uri: string;
+}, never>;
+export declare const CSSFileViewerArrowsButton: import("styled-components").StyledComponent<"button", 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

@@ -0,0 +1,3 @@
+export declare const JRCFileViewerArrows: ({ onRelease }: {
+    onRelease: (direction: string) => void;
+}) => JSX.Element;

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

@@ -0,0 +1,8 @@
+import { JRCFileViewerFileProps, JRCFileViewerOpenWithOptionsType } from './types';
+declare type JRCFileViewerContentProps = {
+    file: JRCFileViewerFileProps;
+    openWithOptions: JRCFileViewerOpenWithOptionsType;
+    _DEBUG: boolean;
+};
+export declare const JRCFileViewerContent: ({ file, openWithOptions }: JRCFileViewerContentProps) => JSX.Element;
+export {};

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

@@ -0,0 +1,9 @@
+import * as React from 'react';
+import { JRCFileViewerFileProps, JRCFileViewerOpenWithOptionType } from './types';
+declare type JRCFileViewerContentApplicationProps = {
+    file?: JRCFileViewerFileProps;
+    options?: JRCFileViewerOpenWithOptionType[];
+    children: React.ReactNode;
+};
+export declare const JRCFileViewerContentApplication: ({ file, options, children }: JRCFileViewerContentApplicationProps) => JSX.Element;
+export {};

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

@@ -0,0 +1,4 @@
+import * as React from 'react';
+export declare const JRCFileViewerContentAudio: ({ children }: {
+    children: React.ReactNode;
+}) => JSX.Element;

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

@@ -0,0 +1,4 @@
+import * as React from 'react';
+export declare const JRCFileViewerContentImage: ({ children }: {
+    children: React.ReactNode;
+}) => JSX.Element;

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

@@ -0,0 +1,4 @@
+import * as React from 'react';
+export declare const JRCFileViewerContentVideo: ({ children }: {
+    children: React.ReactNode;
+}) => JSX.Element;

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

@@ -0,0 +1,7 @@
+import { JRCFileViewerFileProps, JRCFileViewerOpenWithOptionType } from './types';
+declare type JRCFileViewerOpenWithOptionsProps = {
+    file: JRCFileViewerFileProps;
+    options: JRCFileViewerOpenWithOptionType[];
+};
+export declare const JRCFileViewerOpenWithOptions: ({ file, options }: JRCFileViewerOpenWithOptionsProps) => JSX.Element;
+export {};

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

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

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

@@ -0,0 +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;

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

@@ -44,6 +44,7 @@ export interface JRCModalProps {
     radius?: ModalBorderRadius;
     isFull?: boolean;
     isFullHeight?: boolean;
+    isFullScreen?: boolean;
     modalOptions?: ReactNode;
     portalId?: string;
     inPlace?: boolean;

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

@@ -2,7 +2,9 @@ export declare type ModalBorderRadius = 'medium' | 'small';
 export declare const JRCModalBox: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
     isFullHeight?: boolean | undefined;
 }, never>;
-export declare const JRCModalContainerFull: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const JRCModalContainerFull: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
+    isFullScreen?: boolean | undefined;
+}, never>;
 export declare const JRCModalContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
     isFullHeight?: boolean | undefined;
     overflow?: "hidden" | undefined;

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

@@ -1,5 +1,5 @@
 import { WidgetFileType } from 'jamespot-user-api';
-export declare const CSSAttachment: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const CSSAttachment: import("styled-components").StyledComponent<"button", import("styled-components").DefaultTheme, {}, never>;
 export declare const CSSAttachmentImage: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
     width: number;
     height: number;

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

@@ -0,0 +1,6 @@
+export declare const useImageLoader: (url: string, maxWidth?: number | undefined) => {
+    loading: boolean;
+    error: boolean;
+    width: number;
+    height: number;
+};

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

@@ -0,0 +1,5 @@
+import React from 'react';
+export declare const useKeyPress: (targetKey: string, initialValue?: boolean | undefined) => {
+    keyPressed: boolean | undefined;
+    setKeyPressed: React.Dispatch<React.SetStateAction<boolean | undefined>>;
+};

package/build/src/index.d.ts

@@ -56,7 +56,10 @@ export { BETA_JRCDragAndDrop } from './components/Beta/BETA_JRCDragAndDrop/BETA_
 export { JRCDropDown } from './components/JRCDropDown/JRCDropDown';
 export { JRCEllipsis } from './components/JRCEllipsis/JRCEllipsis';
 export { JRCFadeStepper } from './components/Stepper/JRCFadeStepper';
+export { JRCFile } from './components/JRCFile/JRCFile';
+export { JRCFileAvatar } from './components/JRCFile/JRCFileAvatar';
 export { JRCFileOpen } from './components/JRCFileOpen/JRCFileOpen';
+export { JRCFileViewer } from './components/JRCFileViewer/JRCFileViewer';
 export { JRCFlexBox } from './components/JRCFlex/JRCFlexBox';
 export { JRCFolders } from './components/JRCFolders/JRCFolders';
 export { JRCFormCheckbox } from './components/Form/Input/JRCFormCheckbox/JRCFormCheckbox';
@@ -139,6 +142,8 @@ export { LabelDescriptionOption } from './components/Form/Input/JRCSelect/JRCInp
 export { StyledInput } from './components/Form/Input/JRCStyledInput';
 export { useDebounce } from './hooks/UseDebounce';
 export { useDidMountEffect } from './hooks/UseDidMountEffect';
+export { useImageLoader } from './hooks/UseImageLoader';
+export { useKeyPress } from './hooks/UseKeyPress';
 export { useTimeout } from './hooks/UseTimeout';
 /****
  *

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

@@ -18,7 +18,7 @@ export declare type ThemeConfigOptions = {
     navTextColor: string;
     bgColorNotLogged: string;
 };
-export declare type Colors = 'primary' | 'secondary' | 'headerColor' | 'headerTextColor' | 'headerUserBackground' | 'headerUserTextColor' | 'headerSearchBarTextColor' | 'headerSearchBarBackgroundColor' | 'lavender' | 'orange' | 'yellow' | 'green' | 'navy' | 'overseas' | 'sandLight' | 'sand' | 'grey0' | 'grey1' | 'grey2' | 'grey3' | 'grey4' | 'grey5' | 'grey6' | 'black' | 'black10' | 'black15' | 'black20' | 'white';
+export declare 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';
 declare type ThemeConfigColorType = {
     [color in Colors]: string;
 };
@@ -28,7 +28,7 @@ declare type ThemeConfigShadeType = {
 };
 export declare type ColorsOrShades = Colors | Shades;
 export declare const NATIVE_COLORS: readonly ["currentColor", "inherit", "transparent"];
-export declare type NativeColor = typeof NATIVE_COLORS[number];
+export declare type NativeColor = (typeof NATIVE_COLORS)[number];
 export declare type FontWeight = {
     light: number;
     normal: number;

package/build/src/utils/test-utils.d.ts

@@ -1,7 +1,7 @@
 import * as React from 'react';
-import { RenderOptions } from '@testing-library/react';
+import { RenderOptions, RenderResult } from '@testing-library/react';
 export interface RenderWrapperProps {
     children: React.ReactNode;
 }
-declare const renderWithWrapper: (ui: React.ReactElement, options?: Omit<RenderOptions<typeof import("@testing-library/dom/types/queries"), HTMLElement>, "queries"> | undefined) => import("@testing-library/react").RenderResult<typeof import("@testing-library/dom/types/queries"), HTMLElement>;
+declare const renderWithWrapper: (ui: React.ReactElement, options?: Omit<RenderOptions<typeof import("@testing-library/dom/types/queries"), HTMLElement>, "queries"> | undefined) => RenderResult;
 export { renderWithWrapper };

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

@@ -1,4 +1,7 @@
 export declare function isDocumentElement(el: HTMLElement | typeof window): el is typeof window;
+/**
+ * Quick fix (type error with npm but not with pnpm. Dunno why)
+ */
 export declare function scrollTo(el: HTMLElement | typeof window, top: number): void;
 export declare function getScrollParent(element: HTMLElement): HTMLElement;
 export declare function scrollIntoView(menuEl: HTMLElement, focusedEl: HTMLElement): void;

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

@@ -0,0 +1,10 @@
+export declare function fileExtension(mimetype: string): string;
+export declare function fileAvatar(mimetype: string): {
+    ext: string;
+    path: string;
+    colors: {
+        primary: string;
+        light: string;
+        dark: string;
+    };
+};

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

@@ -1,3 +1,4 @@
+export declare const getExtensionFromName: (name: string) => string;
 export declare function getIconExtensionFile(fileName: string, basePath: string): {
     path: string;
     colors: {

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "jamespot-react-components",
-    "version": "1.0.137",
+    "version": "1.0.139",
     "description": "",
     "main": "./build/jamespot-react-components.js",
     "types": "./build/src/index.d.ts",
@@ -31,13 +31,13 @@
         "@babel/preset-env": "^7.12.7",
         "@babel/preset-react": "^7.12.7",
         "@babel/preset-typescript": "^7.12.7",
-        "@storybook/addon-actions": "^6.4.19",
-        "@storybook/addon-docs": "^6.4.19",
-        "@storybook/addon-essentials": "^6.4.19",
-        "@storybook/addon-links": "^6.4.19",
-        "@storybook/builder-webpack5": "^6.4.19",
-        "@storybook/manager-webpack5": "^6.4.19",
-        "@storybook/react": "^6.4.19",
+        "@storybook/addon-actions": "6.4.19",
+        "@storybook/addon-docs": "6.4.19",
+        "@storybook/addon-essentials": "6.4.19",
+        "@storybook/addon-links": "6.4.19",
+        "@storybook/builder-webpack5": "6.4.19",
+        "@storybook/manager-webpack5": "6.4.19",
+        "@storybook/react": "6.4.19",
         "@testing-library/dom": "^8.11.0",
         "@testing-library/jest-dom": "^5.12.0",
         "@testing-library/react": "^12.1.2",
@@ -46,6 +46,7 @@
         "@types/chroma-js": "^2.1.3",
         "@types/classnames": "^2.2.10",
         "@types/jest": "^27.0.2",
+        "@types/node": "^20.3.1",
         "@types/react": "^17.0.2",
         "@types/react-dom": "^17.0.2",
         "@types/react-redux": "^7.1.24",
@@ -56,6 +57,7 @@
         "@types/react-test-renderer": "^17.0.1",
         "@types/redux-form": "^8.3.5",
         "@types/styled-components": "^5.1.4",
+        "@types/testing-library__jest-dom": "^5.12.0",
         "@types/uuid": "^8.3.1",
         "@typescript-eslint/eslint-plugin": "^5.4.0",
         "@typescript-eslint/parser": "^5.4.0",
@@ -89,19 +91,21 @@
         "webpack-dev-server": "^4.4.0"
     },
     "dependencies": {
-        "@tiptap/extension-character-count": "^2.0.0-beta.203",
-        "@tiptap/extension-color": "^2.0.0-beta.203",
-        "@tiptap/extension-link": "^2.0.0-beta.203",
-        "@tiptap/extension-mention": "^2.0.0-beta.204",
-        "@tiptap/extension-placeholder": "^2.0.1",
-        "@tiptap/extension-text-align": "^2.0.0-beta.203",
-        "@tiptap/extension-text-style": "^2.0.0-beta.203",
-        "@tiptap/extension-underline": "^2.0.0-beta.203",
-        "@tiptap/react": "^2.0.0-beta.203",
-        "@tiptap/starter-kit": "^2.0.0-beta.203",
+        "@tiptap/core": "^2.0.3",
+        "@tiptap/extension-character-count": "^2.0.3",
+        "@tiptap/extension-color": "^2.0.3",
+        "@tiptap/extension-link": "^2.0.3",
+        "@tiptap/extension-mention": "^2.0.3",
+        "@tiptap/extension-placeholder": "^2.0.3",
+        "@tiptap/extension-text-align": "^2.0.3",
+        "@tiptap/extension-text-style": "^2.0.3",
+        "@tiptap/extension-underline": "^2.0.3",
+        "@tiptap/react": "^2.0.3",
+        "@tiptap/starter-kit": "^2.0.3",
+        "@tiptap/suggestion": "^2.0.3",
         "chroma-js": "^2.1.1",
         "classnames": "^2.3.1",
-        "jamespot-user-api": "^1.0.107",
+        "jamespot-user-api": "^1.0.109",
         "moment": "^2.29.1",
         "react": "^17.x",
         "react-beautiful-dnd": "^13.1.1",
@@ -122,6 +126,7 @@
         "slick-carousel": "^1.8.1",
         "styled-components": "^5.2.1",
         "styled-reset": "^4.2.3",
+        "tippy.js": "^6.3.7",
         "uuid": "^8.3.2"
     },
     "peerDependencies": {