jamespot-react-core 1.1.97 → 1.1.99

package/build/src/displayer/DisplayForm.component.d.ts

@@ -0,0 +1,26 @@
+import * as React from 'react';
+import { DisplayFormRef, FieldsWithOptionalRender } from './types';
+import { Control } from 'react-hook-form';
+/****
+ * The jamespot model depend on the platform
+ * For example a user can have the size attribute only for a given platform
+ * The model specifics of a platform are stored in J.model
+ *
+ * This component display an array of attributes only if this attribute is activated on the platform
+ *
+ * @param type form model type (sport, mpArticle, etc.)
+ * @param fields an array of string : the list of attributes we want to display
+ * @param defaultValues react hook form default values
+ * @param onSubmit callback provided to react hook, called after successful validation
+ * @param buttons the buttons, should always include a <button type="submit">
+ *  Note :If we override the "render" you can't override "wrapper" and "element" because the render rewrite everything
+ */
+export declare const DisplayForm: React.ForwardRefExoticComponent<{
+    type: string;
+    fields: FieldsWithOptionalRender<any, any>;
+    extraInputs?: ((control: Control<any>) => React.ReactNode) | undefined;
+    defaultValues?: any;
+    onSubmit: any;
+    buttons: React.ReactNode;
+    dataCy?: string | undefined;
+} & React.RefAttributes<DisplayFormRef>>;

package/build/src/displayer/components/inputs/InputRichText.d.ts

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

package/build/{displayer → src/displayer}/formatter.d.ts

@@ -9,7 +9,7 @@ export declare function formatCheckbox<Properties extends string>(configuration:
         search: typeof NotImplemented;
     };
     label: string;
-    description?: string;
+    description?: string | undefined;
     widget: import("jamespot-user-api").Widget;
     name: Properties;
     mandatory: boolean;
@@ -21,7 +21,7 @@ export declare function formatDate<Properties extends string = string>(configura
         search: (props: import("./types").DisplayInputComponentProps) => JSX.Element;
     };
     label: string;
-    description?: string;
+    description?: string | undefined;
     widget: import("jamespot-user-api").Widget;
     name: Properties;
     mandatory: boolean;
@@ -33,7 +33,7 @@ export declare function formatDefault<Properties extends string>(configuration:
         search: typeof NotImplemented;
     };
     label: string;
-    description?: string;
+    description?: string | undefined;
     widget: import("jamespot-user-api").Widget;
     name: Properties;
     mandatory: boolean;
@@ -45,7 +45,7 @@ export declare function formatEmail<Properties extends string>(configuration: Fi
         search: typeof NotImplemented;
     };
     label: string;
-    description?: string;
+    description?: string | undefined;
     widget: import("jamespot-user-api").Widget;
     name: Properties;
     mandatory: boolean;
@@ -57,7 +57,7 @@ export declare function formatNumber<Properties extends string>(configuration: F
         search: typeof NotImplemented;
     };
     label: string;
-    description?: string;
+    description?: string | undefined;
     widget: import("jamespot-user-api").Widget;
     name: Properties;
     mandatory: boolean;
@@ -69,7 +69,7 @@ export declare function formatOrientedlinks<Properties extends string>(configura
         search: ({ widget, ...props }: import("./types").DisplayInputComponentProps) => JSX.Element;
     };
     label: string;
-    description?: string;
+    description?: string | undefined;
     widget: import("jamespot-user-api").Widget;
     name: Properties;
     mandatory: boolean;
@@ -81,7 +81,7 @@ export declare function formatRadio<Properties extends string>(configuration: Fi
         search: ({ widget, ...props }: import("./types").DisplayInputComponentProps) => JSX.Element;
     };
     label: string;
-    description?: string;
+    description?: string | undefined;
     widget: import("jamespot-user-api").Widget;
     name: Properties;
     mandatory: boolean;
@@ -93,7 +93,7 @@ export declare function formatSelect<Properties extends string>(configuration: F
         search: typeof NotImplemented;
     };
     label: string;
-    description?: string;
+    description?: string | undefined;
     widget: import("jamespot-user-api").Widget;
     name: Properties;
     mandatory: boolean;
@@ -101,11 +101,11 @@ export declare function formatSelect<Properties extends string>(configuration: F
 export declare function formatRichText<Properties extends string>(configuration: FieldConfiguration<Properties>): {
     components: {
         render: typeof DisplayRichText;
-        input: typeof NotImplemented;
+        input: (props: import("./types").DisplayInputComponentProps) => JSX.Element;
         search: typeof NotImplemented;
     };
     label: string;
-    description?: string;
+    description?: string | undefined;
     widget: import("jamespot-user-api").Widget;
     name: Properties;
     mandatory: boolean;
@@ -117,7 +117,7 @@ export declare function formatTaxonomy<Properties extends string>(configuration:
         search: typeof NotImplemented;
     };
     label: string;
-    description?: string;
+    description?: string | undefined;
     widget: import("jamespot-user-api").Widget;
     name: Properties;
     mandatory: boolean;
@@ -129,7 +129,7 @@ export declare function formatTextarea<Properties extends string>(configuration:
         search: typeof NotImplemented;
     };
     label: string;
-    description?: string;
+    description?: string | undefined;
     widget: import("jamespot-user-api").Widget;
     name: Properties;
     mandatory: boolean;
@@ -141,7 +141,7 @@ export declare function formatUri<Properties extends string>(configuration: Fiel
         search: typeof NotImplemented;
     };
     label: string;
-    description?: string;
+    description?: string | undefined;
     widget: import("jamespot-user-api").Widget;
     name: Properties;
     mandatory: boolean;
@@ -153,7 +153,7 @@ export declare function formatUrl<Properties extends string>(configuration: Fiel
         search: typeof NotImplemented;
     };
     label: string;
-    description?: string;
+    description?: string | undefined;
     widget: import("jamespot-user-api").Widget;
     name: Properties;
     mandatory: boolean;

package/build/{displayer → src/displayer}/types.d.ts

@@ -5,7 +5,7 @@ export declare type Fields<Object, Properties extends string> = Array<Properties
     name: Properties;
     componentsOverride: Partial<DisplayElementComponent<Object>>;
 }>;
-export declare type FieldsList<Object, Properties extends string> = Array<Properties | {
+export declare type FieldsWithOptionalRender<Object, Properties extends string> = Array<Properties | {
     name: Properties;
     render: React.FunctionComponent<RenderAttributeProps<Object>>;
 }>;
@@ -17,6 +17,7 @@ export declare type DisplayInputComponentProps = {
     name: string;
     widget: Widget;
     mandatory: boolean;
+    dataCy?: string;
     width?: string;
     margin?: string;
 };
@@ -43,15 +44,13 @@ export declare type RenderAttributeProps<Object, Properties extends string = str
     attribute: Omit<DisplayerElement<Object, Properties>, 'components'>;
 };
 export declare type DisplayFormProps<Object> = {
-    object: Object;
+    type: string;
     componentsOverride?: Record<string, Partial<DisplayElementComponent<Object>>>;
     attributesName: string[];
     onSubmit: any;
+    buttons: React.ReactNode;
 };
 export declare type DisplayFormRef = {
     reset: UseFormReset<any>;
 };
-export declare type RenderInputProps<Object> = DisplayerElement<Object> & {
-    control: any;
-};
 export declare type Displayer<Object, Properties extends string = string> = Array<DisplayerElement<Object, Properties>>;

package/build/{displayer → src/displayer}/useDisplay.d.ts

@@ -1,4 +1,4 @@
-import { FieldsList } from 'App';
+import { FieldsWithOptionalRender } from 'App';
 import { Displayer, Fields } from './types';
 /**
  *
@@ -6,10 +6,14 @@ import { Displayer, Fields } from './types';
  * @param type - model type (user, article, spot...)
  */
 export declare function useDisplay<Object, Properties extends string = string>(fields: Fields<Object, Properties>, type: string): Displayer<Object, Properties>;
-export declare function useDisplayList<Object, Properties extends string = string>(fields: FieldsList<Object, Properties>, type: string): {
+export declare function useDisplayList<Object, Properties extends string = string>(fields: FieldsWithOptionalRender<Object, Properties>, type: string): {
     accessor: (object: Object) => JSX.Element;
     disableSortBy: boolean;
     id: Properties;
     Header: string;
     name: Properties;
 }[];
+export declare function useDisplayForm<Object, Properties extends string = string>(fields: FieldsWithOptionalRender<Object, Properties>, type: string): [Array<{
+    Input: any;
+    name: string;
+}>, Record<string, '' | Array<void>>];

package/build/{redux → src/redux}/slice/Article.slice.d.ts

@@ -29,7 +29,7 @@ export declare const articleSlice: import("@reduxjs/toolkit").Slice<import("@red
 }, "articles">;
 export declare const articlesSelector: import("@reduxjs/toolkit").EntitySelectors<Article, import("redux").CombinedState<{
     entities: import("redux").CombinedState<{
-        applications: import("@reduxjs/toolkit").EntityState<import("jamespot-user-api").Application>;
+        applications: import("@reduxjs/toolkit").EntityState<import("jamespot-user-api").ApplicationType>;
         models: import("@reduxjs/toolkit").EntityState<import("jamespot-user-api").Model<string>>;
         users: import("@reduxjs/toolkit").EntityState<import("./User.slice").User>;
         articles: import("@reduxjs/toolkit").EntityState<Article>;
@@ -38,7 +38,7 @@ export declare const articlesSelector: import("@reduxjs/toolkit").EntitySelector
     toasts: import("@reduxjs/toolkit").EntityState<{
         id: string;
         label: string;
-        description?: string;
+        description?: string | undefined;
         timeout: number;
         type: "error" | "success" | "warning";
     }>;

package/build/{redux → src/redux}/slice/User.slice.d.ts

@@ -29,7 +29,7 @@ export declare const userSlice: import("@reduxjs/toolkit").Slice<import("@reduxj
 }, "users">;
 export declare const usersSelector: import("@reduxjs/toolkit").EntitySelectors<User, import("redux").CombinedState<{
     entities: import("redux").CombinedState<{
-        applications: import("@reduxjs/toolkit").EntityState<import("jamespot-user-api").Application>;
+        applications: import("@reduxjs/toolkit").EntityState<import("jamespot-user-api").ApplicationType>;
         models: import("@reduxjs/toolkit").EntityState<import("jamespot-user-api").Model<string>>;
         users: import("@reduxjs/toolkit").EntityState<User>;
         articles: import("@reduxjs/toolkit").EntityState<import("./Article.slice").Article>;
@@ -38,7 +38,7 @@ export declare const usersSelector: import("@reduxjs/toolkit").EntitySelectors<U
     toasts: import("@reduxjs/toolkit").EntityState<{
         id: string;
         label: string;
-        description?: string;
+        description?: string | undefined;
         timeout: number;
         type: "error" | "success" | "warning";
     }>;

package/build/{redux → src/redux}/store.d.ts

@@ -29,7 +29,7 @@ export interface AsyncReducers {
 export declare function makeStore(initialState: AsyncReducers): JInjectStore;
 declare function createStore(initialAsyncReducers: {}, initialState: any): import("@reduxjs/toolkit/dist/configureStore").ToolkitStore<import("redux").CombinedState<{
     entities: import("redux").CombinedState<{
-        applications: import("@reduxjs/toolkit").EntityState<import("jamespot-user-api").Application>;
+        applications: import("@reduxjs/toolkit").EntityState<import("jamespot-user-api").ApplicationType>;
         models: import("@reduxjs/toolkit").EntityState<import("jamespot-user-api").Model<string>>;
         users: import("@reduxjs/toolkit").EntityState<import("./slice/User.slice").User>;
         articles: import("@reduxjs/toolkit").EntityState<import("./slice/Article.slice").Article>;
@@ -38,14 +38,14 @@ declare function createStore(initialAsyncReducers: {}, initialState: any): impor
     toasts: import("@reduxjs/toolkit").EntityState<{
         id: string;
         label: string;
-        description?: string;
+        description?: string | undefined;
         timeout: number;
         type: "error" | "success" | "warning";
     }>;
     userCurrent: import("jamespot-user-api").jUserList;
 }>, import("redux").AnyAction, import("@reduxjs/toolkit").ThunkMiddleware<import("redux").EmptyObject & {
     entities: import("redux").CombinedState<{
-        applications: import("@reduxjs/toolkit").EntityState<import("jamespot-user-api").Application>;
+        applications: import("@reduxjs/toolkit").EntityState<import("jamespot-user-api").ApplicationType>;
         models: import("@reduxjs/toolkit").EntityState<import("jamespot-user-api").Model<string>>;
         users: import("@reduxjs/toolkit").EntityState<import("./slice/User.slice").User>;
         articles: import("@reduxjs/toolkit").EntityState<import("./slice/Article.slice").Article>;
@@ -54,7 +54,7 @@ declare function createStore(initialAsyncReducers: {}, initialState: any): impor
     toasts: import("@reduxjs/toolkit").EntityState<{
         id: string;
         label: string;
-        description?: string;
+        description?: string | undefined;
         timeout: number;
         type: "error" | "success" | "warning";
     }>;

package/build/{registry → src/registry}/ext-component-list.d.ts

@@ -64,6 +64,7 @@ declare const _default: {
     readonly InputCommunity: "JRCInputCommunity";
     readonly InputDate: "JRCInputDate";
     readonly InputEmail: "JRCInputEmail";
+    readonly InputImage: "JRCInputImage";
     readonly InputRichText: "JRCInputRichText";
     readonly InputSelect: "JRCInputSelect";
     readonly InputText: "JRCInputText";

package/build/{utils → src/utils}/ensure.d.ts

@@ -1,6 +1,8 @@
 import type { UriOrTypeId } from 'jamespot-react-components';
+import { jObjectLittle } from 'jamespot-user-api';
 export declare function getUnknownProperty(object: unknown, attribute: string): unknown | undefined;
 export declare function ensureIsString(object: unknown): object is string;
 export declare function ensureIsNumber(object: unknown): object is number;
 export declare function ensureHasUriOrTypeId(object: unknown): object is UriOrTypeId;
+export declare function ensureObjectLittle(object: unknown): object is jObjectLittle;
 export declare function ensureIsArray(object: unknown): object is Array<unknown>;

package/build/{utils → src/utils}/types.d.ts

@@ -1,10 +1,11 @@
-import { Application, jUserList, Model } from 'jamespot-user-api';
+import { ApplicationType, jUserList, Model } from 'jamespot-user-api';
 import * as React from 'react';
 import { useDisplay, useDisplayList } from '../displayer/useDisplay';
 import { ReactRegistry } from '../registry/Registry';
 import { JrComponentListType } from '../registry/types';
 import { ReactRouter } from './router';
 import { ReactTranslation, SupportedLanguages, TranslationKeys } from './translation';
+import { AnyRTHandlerFunction } from 'jamespot-user-api';
 export declare type Gabarit = 'core-1-cols' | 'core-2-cols' | 'core-3-cols' | 'content-1-cols' | 'content-2-cols' | 'content-3-cols' | 'app-1-cols' | 'app-2-cols' | 'empty';
 export interface ReactCore {
     extensions: ReactExtensions;
@@ -38,7 +39,7 @@ export interface ReactExtension {
 export interface ReactExtensionContainer {
     default: ReactExtension;
 }
-export declare type ReactSocketEventHandler = (data: SocketEventData) => void;
+export declare type ReactSocketEventHandler = AnyRTHandlerFunction;
 export interface ReactSocket {
     io: any;
     supportSharedWorker?: Boolean;
@@ -79,11 +80,6 @@ export declare type ReactSocketEvents = {
         all: ReactSocketEventHandler[];
     };
 };
-export interface SocketEventData {
-    function: string;
-    namespace: string;
-    [key: string]: any;
-}
 export interface SharedWorkerEvent {
     data: SharedWorkerEventData;
 }
@@ -128,7 +124,7 @@ export interface WindowJ {
     jUserCurrent: jUserList;
     jamespotReactComponentList: JrComponentListType;
     jamespotReactTheme: any;
-    applications: Application[];
+    applications: ApplicationType[];
     models: Model<string>[];
     debug: any;
     urlBase: string;

package/jest.config.ts

@@ -0,0 +1,15 @@
+export default {
+    roots: ['<rootDir>'],
+    testMatch: ['**/*.test.tsx'],
+    transform: {
+        '^.+\\.(ts|tsx)?$': 'ts-jest',
+    },
+    setupFilesAfterEnv: ['<rootDir>/jest.setup.ts'],
+    moduleDirectories: ['src', 'node_modules'],
+    snapshotSerializers: ['enzyme-to-json/serializer'],
+    moduleNameMapper: {
+        '\\.(less)$': 'identity-obj-proxy',
+    },
+    cacheDirectory: './node_modules/.cache/jest',
+    collectCoverage: true,
+};

package/jest.setup.ts

@@ -0,0 +1 @@
+import '@testing-library/jest-dom';

package/package.json

@@ -1,9 +1,9 @@
 {
     "name": "jamespot-react-core",
-    "version": "1.1.97",
+    "version": "1.1.99",
     "description": "Jamespot React Core",
     "main": "./build/app.bundle.js",
-    "types": "./build/App.d.ts",
+    "types": "./build/src/App.d.ts",
     "scripts": {
         "dev": "webpack --env NODE_ENV=development",
         "local": "webpack s --env NODE_ENV=development",
@@ -55,6 +55,7 @@
         "source-map-loader": "^1.0.1",
         "ts-jest": "^27.0.7",
         "ts-loader": "^8.0.2",
+        "ts-node": "^10.3.0",
         "typescript": "^4.4.4",
         "webpack": "^5.62.1",
         "webpack-cli": "^4.9.1",
@@ -64,9 +65,9 @@
     "dependencies": {
         "@reduxjs/toolkit": "^1.9.0",
         "history": "^5.3.0",
-        "jamespot-front-business": "^1.1.7",
-        "jamespot-react-components": "^1.0.125",
-        "jamespot-user-api": "^1.0.95",
+        "jamespot-front-business": "^1.1.9",
+        "jamespot-react-components": "^1.0.127",
+        "jamespot-user-api": "^1.0.99",
         "react": "^17.0.2",
         "react-dom": "^17.0.2",
         "react-hook-form": "^7.25.0",

package/build/displayer/DisplayForm.component.d.ts

@@ -1,16 +0,0 @@
-import * as React from 'react';
-import { DisplayFormRef } from './types';
-/****
- * The jamespot model depend on the platform
- * For example a user can have the size attribute only for a given platform
- * The model specifics of a platform are stored in J.model
- *
- * This component display an array of attributes only if this attribute is activated on the platform
- *
- * @param props.object the object to display (ie the user)
- * @param props.attributesName an array of string : the list of attributes we want to display
- * @param props.componentsOverride we can override the default render of the attribute
- * @param props.componentsOverride.input the component input
- *  Note :If we override the "render" you can't override "wrapper" and "element" because the render rewrite everything
- */
-export declare const DisplayForm: React.ForwardRefExoticComponent<Pick<any, string | number | symbol> & React.RefAttributes<DisplayFormRef>>;