jamespot-react-core 1.1.193 → 1.1.194

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

@@ -1,3 +1,3 @@
 import React from 'react';
 import { TwoColLayoutProps } from './types';
-export declare function TwoColLayout({ extensionRoute, routes, description, mode }: TwoColLayoutProps): React.JSX.Element;
+export declare function TwoColLayout({ extensionRoute, routes, description, mode, mainColumnProps }: TwoColLayoutProps): React.JSX.Element;

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

@@ -1,7 +1,7 @@
 export type { ExtensionProviderProps } from './ExtensionProvider.component';
 export type { IfAppIsActivatedProps } from './IfAppIsActivated.component';
 export type { RTProviderProps } from './RTProvider.component';
-import type { JRCAppColumnProps, LayoutMode } from 'jamespot-react-components';
+import type { JRCAppColumnProps, JRCMainColumnProps, LayoutMode } from 'jamespot-react-components';
 export type TwoColLayoutRoute = {
     path: string;
     paths?: string[];
@@ -17,4 +17,5 @@ export type TwoColLayoutProps = {
     routes: TwoColLayoutRoutes;
     mode?: LayoutMode;
     description: JRCAppColumnProps['description'];
+    mainColumnProps?: Partial<Omit<JRCMainColumnProps, 'children'>>;
 };

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

@@ -1,6 +1,7 @@
 import { DisplayFormFieldsConfig, DisplayFormRef } from './types';
-import { Control, FieldValues } from 'react-hook-form';
+import { useForm, Control, FieldValues } from 'react-hook-form';
 import React, { ForwardedRef, ReactNode } from 'react';
+type FormFn<TFieldValues extends FieldValues> = Omit<ReturnType<typeof useForm<TFieldValues>>, 'handleSubmit' | 'control' | 'reset'>;
 export type DisplayFormProps<TFieldValues extends FieldValues> = {
     type: string;
     fields: DisplayFormFieldsConfig<TFieldValues>;
@@ -13,6 +14,7 @@ export type DisplayFormProps<TFieldValues extends FieldValues> = {
     stretch?: boolean;
     children?: ReactNode;
     forceMandatory?: boolean;
+    onInit?: (formFn: FormFn<TFieldValues>) => void;
 };
 /****
  * The jamespot model depend on the platform
@@ -21,7 +23,7 @@ export type DisplayFormProps<TFieldValues extends FieldValues> = {
  *
  * This component display an array of attributes only if this attribute is activated on the platform
  */
-declare const _DisplayForm: <TFieldValues extends FieldValues>(props: DisplayFormProps<TFieldValues>, ref: ForwardedRef<DisplayFormRef>) => React.JSX.Element;
+declare const _DisplayForm: <TFieldValues extends FieldValues>({ onInit, ...props }: DisplayFormProps<TFieldValues>, ref: ForwardedRef<DisplayFormRef>) => React.JSX.Element;
 export declare const DisplayForm: <TFieldValues extends FieldValues>(props: DisplayFormProps<TFieldValues> & {
     ref?: React.ForwardedRef<DisplayFormRef> | undefined;
 }) => ReturnType<typeof _DisplayForm>;

package/build/src/displayer/components/DisplayRender.d.ts

@@ -4,6 +4,8 @@ import { WidgetOption } from '../displayer.utils';
 export declare function DisplayDate({ object, attribute }: RenderAttributeProps): React.JSX.Element | null;
 export declare function DisplayDefault({ object, attribute }: RenderAttributeProps): React.JSX.Element | null;
 export declare function DisplayEmail({ object, attribute }: RenderAttributeProps): React.JSX.Element | null;
+export declare function DisplayFile({ object, attribute }: RenderAttributeProps): React.JSX.Element | null;
+export declare function DisplayImage({ object, attribute }: RenderAttributeProps): React.JSX.Element | null;
 export declare const DisplayRadio: (options: WidgetOption[]) => ({ object, attribute }: RenderAttributeProps) => React.JSX.Element | null;
 export declare function DisplayRichText({ object, attribute }: RenderAttributeProps): React.JSX.Element | null;
 export declare function DisplayTag({ object, attribute }: RenderAttributeProps): React.JSX.Element | null;

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

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

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

@@ -0,0 +1,4 @@
+import React from 'react';
+import { DisplayInputComponentProps } from '../../types';
+import type { FieldValues } from 'react-hook-form';
+export declare const InputImage: <TFieldValues extends FieldValues>(props: DisplayInputComponentProps<TFieldValues>) => React.JSX.Element;

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

@@ -96,6 +96,11 @@ export declare const InputTaxonomy: <TFieldValues extends FieldValues>(widget: W
         type: "link";
     } | {
         type: "file";
+    } | {
+        type: "image";
+        params?: {
+            avatar?: boolean | undefined;
+        } | undefined;
     } | {
         type: "audience";
         options?: {

package/build/src/displayer/formatter.d.ts

@@ -6,6 +6,8 @@ export declare function formatCheckbox<TFieldValues extends FieldValues, Propert
 export declare function formatDate<TFieldValues extends FieldValues, Properties extends FieldPath<TFieldValues>>(configuration: FieldConfiguration<Properties>): DisplayerElement<TFieldValues>;
 export declare function formatDefault<TFieldValues extends FieldValues, Properties extends FieldPath<TFieldValues>>(configuration: FieldConfiguration<Properties>): DisplayerElement<TFieldValues>;
 export declare function formatEmail<TFieldValues extends FieldValues, Properties extends FieldPath<TFieldValues>>(configuration: FieldConfiguration<Properties>): DisplayerElement<TFieldValues>;
+export declare function formatFile<TFieldValues extends FieldValues, Properties extends FieldPath<TFieldValues>>(configuration: FieldConfiguration<Properties>): DisplayerElement<TFieldValues>;
+export declare function formatImage<TFieldValues extends FieldValues, Properties extends FieldPath<TFieldValues>>(configuration: FieldConfiguration<Properties>): DisplayerElement<TFieldValues>;
 export declare function formatNumber<TFieldValues extends FieldValues, Properties extends FieldPath<TFieldValues>>(configuration: FieldConfiguration<Properties>): DisplayerElement<TFieldValues>;
 export declare function formatOrientedlinks<TFieldValues extends FieldValues, Properties extends FieldPath<TFieldValues>>(configuration: FieldConfiguration<Properties>): DisplayerElement<TFieldValues>;
 export declare function formatRadio<TFieldValues extends FieldValues, Properties extends FieldPath<TFieldValues>>(configuration: FieldConfiguration<Properties>): DisplayerElement<TFieldValues>;

package/build/src/displayer/types.d.ts

@@ -4,11 +4,12 @@ import type { NameControl } from 'jamespot-react-components';
 import { UseFormReturn } from 'react-hook-form';
 import { FunctionComponent, ReactNode } from 'react';
 export type IncludeCustom = {
-    includes: 'tags';
+    includes: 'tags' | '_attachedFiles';
 };
 export type FieldConfig = {
     disableSortBy?: boolean;
 };
+export type FieldConfigExtra = Omit<DisplayerElementAttributes, 'name'>;
 export declare const CONFIGURABLE_FIELDS_NAMES: string[];
 export type ConfigurableFieldName = (typeof CONFIGURABLE_FIELDS_NAMES)[number];
 export type ConfigurableField<N extends ConfigurableFieldName, T extends object> = {
@@ -20,7 +21,11 @@ export type ConfigurableAudience = ConfigurableField<'publishTo', {
 }>;
 export type ConfigurableFields = ConfigurableAudience;
 export declare const ensureConfigurableField: (field: unknown) => field is ConfigurableAudience;
-export type Field<TFieldValues extends FieldValues = FieldValues> = string | {
+export type FieldExtra = {
+    name: string;
+    extra: FieldConfigExtra;
+};
+export type Field<TFieldValues extends FieldValues = FieldValues> = string | FieldExtra | {
     name: string;
     componentsOverride: Partial<DisplayElementComponent<TFieldValues>>;
     config?: FieldConfig;
@@ -31,7 +36,7 @@ export type FieldWith<With extends 'input' | 'render', TFieldValues extends Fiel
 } & {
     name: string;
     config?: FieldConfig;
-}) | IncludeCustom | ConfigurableFields;
+}) | FieldExtra | IncludeCustom | ConfigurableFields;
 export type FieldsWith<With extends 'input' | 'render', TFieldValues extends FieldValues = FieldValues> = Array<FieldWith<With, TFieldValues>>;
 export type RenderAttributeProps = {
     object: any;
@@ -52,6 +57,7 @@ export type DisplayElementComponent<TFieldValues extends FieldValues = FieldValu
     render: FunctionComponent<RenderAttributeProps>;
     input: FunctionComponent<DisplayInputComponentProps<TFieldValues>>;
     search: FunctionComponent<DisplayInputComponentProps<TFieldValues>>;
+    extra?: FieldConfigExtra;
 };
 export type DisplayerElementAttributes = {
     name: string;

package/build/src/redux/store.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { Reducer } from '@reduxjs/toolkit';
-import { Application, Comment, Hook, Model, Share, studio, TVDisplay, UserCurrent, WedocApp, Bookmark, MediaLibrary, MagicPad, jland, Faq, AssetReservation, Animations, AdminLogs, Widget, WidgetEditor, ContentReport } from 'jamespot-front-business';
+import { Application, Comment, ExtraBot, Hook, Model, Share, studio, TVDisplay, UserCurrent, WedocApp, Bookmark, MediaLibrary, MagicPad, jland, Faq, AssetReservation, Animations, AdminLogs, Widget, WidgetEditor, ContentReport } from 'jamespot-front-business';
 import { ApplicationType, HookListType, jUserList, Model as ModelType, NetworkType, TinyMCECommonOptions, TinyMCEExtendedOptions } from 'jamespot-user-api';
 import { ArticleActionsType, ArticleSelectorType } from './slice/Article.slice';
 import { GenericActionsType } from './slice/Generic.actions';
@@ -33,6 +33,7 @@ export type AsyncReducers = {
     [AssetReservation.slice.name]: typeof AssetReservation.slice.reducer;
     [Bookmark.slice.name]: typeof Bookmark.slice.reducer;
     [Comment.slice.name]: typeof Comment.slice.reducer;
+    [ExtraBot.slice.name]: typeof ExtraBot.slice.reducer;
     [ContentReport.slice.name]: typeof ContentReport.slice.reducer;
     [Faq.slice.name]: typeof Faq.slice.reducer;
     [MagicPad.slice.name]: typeof MagicPad.slice.reducer;
@@ -378,6 +379,7 @@ declare function createStore(initialAsyncReducers: AsyncReducers): import("@redu
         bookmarkList: import("jamespot-front-business").bookmarkListState;
         bookmarkEdit: import("jamespot-front-business").bookmarkEditState;
     }>;
+    extraBot: import("jamespot-front-business").ExtraBotState;
     contentReport: import("jamespot-front-business").ContentReportSliceRootState;
     faq: import("redux").CombinedState<{
         config: {
@@ -441,11 +443,11 @@ declare function createStore(initialAsyncReducers: AsyncReducers): import("@redu
                     dateModified?: string | null | undefined;
                     folderColor?: string | undefined;
                 })[];
-                description?: string | null | undefined;
                 image?: {
                     width: number;
                     height: number;
                 } | undefined;
+                description?: string | null | undefined;
                 articleWidgets?: import("jamespot-user-api").WidgetWrapperGeneric<({
                     layers?: string[] | undefined;
                 } & import("jamespot-user-api").WidgetArticleAttachmentType) | ({
@@ -1297,6 +1299,7 @@ declare function createStore(initialAsyncReducers: AsyncReducers): import("@redu
         bookmarkList: import("jamespot-front-business").bookmarkListState;
         bookmarkEdit: import("jamespot-front-business").bookmarkEditState;
     }>;
+    extraBot: import("jamespot-front-business").ExtraBotState;
     contentReport: import("jamespot-front-business").ContentReportSliceRootState;
     faq: import("redux").CombinedState<{
         config: {
@@ -1360,11 +1363,11 @@ declare function createStore(initialAsyncReducers: AsyncReducers): import("@redu
                     dateModified?: string | null | undefined;
                     folderColor?: string | undefined;
                 })[];
-                description?: string | null | undefined;
                 image?: {
                     width: number;
                     height: number;
                 } | undefined;
+                description?: string | null | undefined;
                 articleWidgets?: import("jamespot-user-api").WidgetWrapperGeneric<({
                     layers?: string[] | undefined;
                 } & import("jamespot-user-api").WidgetArticleAttachmentType) | ({
@@ -2221,6 +2224,7 @@ export declare const useAppDispatch: () => import("@reduxjs/toolkit").ThunkDispa
         bookmarkList: import("jamespot-front-business").bookmarkListState;
         bookmarkEdit: import("jamespot-front-business").bookmarkEditState;
     }>;
+    extraBot: import("jamespot-front-business").ExtraBotState;
     contentReport: import("jamespot-front-business").ContentReportSliceRootState;
     faq: import("redux").CombinedState<{
         config: {
@@ -2284,11 +2288,11 @@ export declare const useAppDispatch: () => import("@reduxjs/toolkit").ThunkDispa
                     dateModified?: string | null | undefined;
                     folderColor?: string | undefined;
                 })[];
-                description?: string | null | undefined;
                 image?: {
                     width: number;
                     height: number;
                 } | undefined;
+                description?: string | null | undefined;
                 articleWidgets?: import("jamespot-user-api").WidgetWrapperGeneric<({
                     layers?: string[] | undefined;
                 } & import("jamespot-user-api").WidgetArticleAttachmentType) | ({

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "jamespot-react-core",
-  "version": "1.1.193",
+  "version": "1.1.194",
   "description": "Jamespot React Core",
   "main": "./build/app.bundle.js",
   "types": "./build/src/App.d.ts",
@@ -56,9 +56,9 @@
     "eslint-import-resolver-typescript": "^3.6.3",
     "eslint-plugin-import": "^2.31.0",
     "history": "^5.3.0",
-    "jamespot-front-business": "^1.1.89",
-    "jamespot-react-components": "^1.0.243",
-    "jamespot-user-api": "^1.0.217",
+    "jamespot-front-business": "^1.1.90",
+    "jamespot-react-components": "^1.0.244",
+    "jamespot-user-api": "^1.0.218",
     "marked": "^15.0.3",
     "react": "^17.0.2",
     "react-dom": "17.0.2",