jamespot-react-components 1.0.136 → 1.0.138

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

@@ -57,6 +57,7 @@ export { JRCDropDown } from './components/JRCDropDown/JRCDropDown';
 export { JRCEllipsis } from './components/JRCEllipsis/JRCEllipsis';
 export { JRCFadeStepper } from './components/Stepper/JRCFadeStepper';
 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';
@@ -90,6 +91,7 @@ export { JRCInputDate } from './components/Form/Input/JRCInputDate/JRCInputDate'
 export { JRCInputEmail } from './components/Form/Input/JRCFormEmail/JRCInputEmail';
 export { JRCInputFile } from './components/Form/Input/JRCInputFile/JRCInputFile';
 export { JRCInputImage } from './components/Form/Input/JRCInputImage/JRCInputImage';
+export { JRCInputReorderCheckbox } from './components/Form/Input/JRCInputCheckbox/JRCInputReorderCheckbox';
 export { JRCInputRichText } from './components/Form/Input/JRCInputRichText/JRCInputRichText';
 export { JRCInputSelect } from './components/Form/Input/JRCSelect/JRCInputSelect';
 export { JRCInputSelectHierarchicalTree } from './components/Form/Input/JRCSelect/JRCInputSelectHierarchicalTree';
@@ -98,6 +100,7 @@ export { JRCInputText } from './components/Form/Input/JRCInputText/JRCInputText'
 export { JRCInputTextIconButton } from './components/Form/Input/JRCInputText/JRCInputTextIconButton';
 export { JRCInputTextarea } from './components/Form/Input/JRCInputTextarea/JRCInputTextarea';
 export { JRCInputTime } from './components/Form/Input/JRCInputTime/JRCInputTime';
+export { JRCInputUrl } from './components/Form/Input/JRCInputUrl/JRCInputUrl';
 export { JRCList } from './components/JRCList/JRCList';
 export { JRCLoader } from './components/JRCLoader/JRCLoader';
 export { JRCMainColumn } from './components/Templates/JRCMainColumn';
@@ -137,6 +140,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/types.d.ts

@@ -55,6 +55,7 @@ export { JRCInputTextareaProps } from './components/Form/Input/JRCInputTextarea/
 export { JRCInputTextProps } from './components/Form/Input/JRCInputText/JRCInputText';
 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 { JRCLinkToProps, JRCStyledHrefProps } from './components/JRCHref/JRCHref';
 export { JRCListProps, PaginationPagination } from './components/JRCList/JRCList';
 export { JRCLoaderProps } from './components/JRCLoader/JRCLoader';

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.array.d.ts

@@ -2,9 +2,21 @@ declare type Uri = {
     uri: string;
 };
 export declare const inArray: <T extends Uri>(arr: T[], value: T) => boolean;
+/**
+ * If the element exists, removes it, otherwise adds it
+ * @param arr array of objects with a uri
+ * @param value object with a uri
+ * @returns
+ */
 export declare const updateArray: <T extends Uri>(arr: T[], value: T) => T[];
+/**
+ * Merge and dedupe objects based on their uri
+ * @param arr1 array of objects with a uri
+ * @param arr2 array of objects with a uri
+ * @returns
+ */
 export declare const arrayUniqueByUri: <T extends {
     uri: string;
 }>(arr1: T[], arr2: T[]) => T[];
-export declare const arraySwapElements: (arr: any[], index1: number, index2: number) => any[];
+export declare const arraySwapElements: <T>(arr: T[], index1: number, index2: number) => T[];
 export {};

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/build/src/utils/utils.object.d.ts

@@ -1,2 +1,9 @@
-export declare function deepEqual(a: any, b: any): boolean;
+export { deepEqual } from 'jamespot-user-api';
 export declare function objectRemoveProperty(obj: Record<string, unknown>, prop: string): Record<string, unknown>;
+/**
+ * parse and catch the JSON.parse
+ * @param str value to parse
+ * @param defaultValue default value in case of the JSON.parse fails
+ * @returns
+ */
+export declare function parse<T>(str: string, defaultValue: T): T;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "jamespot-react-components",
-    "version": "1.0.136",
+    "version": "1.0.138",
     "description": "",
     "main": "./build/jamespot-react-components.js",
     "types": "./build/src/index.d.ts",
@@ -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.106",
+        "jamespot-user-api": "^1.0.108",
         "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": {