jamespot-react-core 1.1.101 → 1.1.102

package/build/src/components/editors/Editor.d.ts

@@ -0,0 +1,3 @@
+export declare const Editor: ({ uniqid }: {
+    uniqid: string;
+}) => JSX.Element;

package/build/src/components/editors/EditorPopup.d.ts

@@ -0,0 +1,3 @@
+export declare const EditorPopup: ({ uniqid }: {
+    uniqid: string;
+}) => JSX.Element;

package/build/src/components/editors/EditorTabWidgets.d.ts

@@ -0,0 +1,4 @@
+export declare const EditorTabWidgets: ({ uniqid }: {
+    uniqid: string;
+    namespace: string;
+}) => JSX.Element;

package/build/src/components/editors/EditorTabWrapper.d.ts

@@ -0,0 +1,3 @@
+export declare const EditorTabWrapper: ({ uniqid }: {
+    uniqid: string;
+}) => JSX.Element;

package/build/src/components/editors/EditorWrapper.d.ts

@@ -0,0 +1,3 @@
+export declare const EditorWrapper: ({ uniqid }: {
+    uniqid: string;
+}) => JSX.Element;

package/build/src/components/editors/EditorsPortal.d.ts

@@ -0,0 +1,7 @@
+export declare const CSSEditorPortalWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const CSSEditorPortalPopupWrapper: import("styled-components").StyledComponent<"div", any, {
+    on: boolean;
+}, never>;
+export declare const CSSEditorPortalRow: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const CSSEditorPortalFreeSpace: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const EditorsPortal: () => JSX.Element;

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

@@ -0,0 +1,3 @@
+export declare const EDITOR_TOP = 90;
+export declare const EDITOR_WIDTH = 440;
+export declare const EDITOR_MENU_WIDTH = 50;

package/build/src/components/editors/style.d.ts

@@ -0,0 +1,22 @@
+export declare const CSSEditorComponentWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const CSSEditorComponentLabel: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const CSSEditorPortal: import("styled-components").StyledComponent<"div", any, {
+    on: boolean;
+}, never>;
+export declare const CSSEditorHeader: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const CSSEditorAction: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const CSSEditorLabel: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const CSSEditor: import("styled-components").StyledComponent<"div", any, {
+    visible: boolean;
+}, never>;
+export declare const CSSEditorContent: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const CSSEditorMenu: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const CSSEditorMenuButton: import("styled-components").StyledComponent<"button", any, {
+    on?: boolean | undefined;
+}, never>;
+export declare const CSSInputWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const CSSEditorWidget: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const CSSEditorWidgetLabel: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const CSSEditorWidgetOption: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const CSSEditorLayer: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const CSSEditorLayerTitle: import("styled-components").StyledComponent<"div", any, {}, never>;

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

@@ -1,4 +1,5 @@
 import { ExtensionProvider } from './ExtensionProvider.component';
 import { IfAppIsActivated } from './IfAppIsActivated.component';
 import { RTProvider } from './RTProvider.component';
-export { ExtensionProvider, IfAppIsActivated, RTProvider };
+import { useComponentVisible } from './widgets/hooks';
+export { ExtensionProvider, IfAppIsActivated, RTProvider, useComponentVisible };

package/build/src/components/widgets/Widget.d.ts

@@ -0,0 +1,9 @@
+import { CombinedWidgetType, WidgetDisplayMode } from 'jamespot-user-api';
+export declare const DisplayWidget: ({ widget, width, inplace, isComponentVisible, mode, onClick, }: {
+    widget: CombinedWidgetType;
+    width?: number | undefined;
+    inplace: boolean;
+    isComponentVisible: boolean | undefined;
+    mode: WidgetDisplayMode;
+    onClick: () => void;
+}) => JSX.Element;

package/build/src/components/widgets/Widget.style.d.ts

@@ -0,0 +1,6 @@
+export declare const CSSHiddenDiv: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const CSSEmptyText: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const CSSWrapperText: import("styled-components").StyledComponent<"div", any, {
+    color?: string | undefined;
+}, never>;
+export declare const CSSUploadFileWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;

package/build/src/components/widgets/WidgetInplace/WidgetInplace.style.d.ts

@@ -0,0 +1 @@
+export declare const CSSInplace: import("styled-components").StyledComponent<"div", any, {}, never>;

package/build/src/components/widgets/WidgetInplace/WidgetInplaceUpload.d.ts

@@ -0,0 +1,14 @@
+import { WidgetFileType } from 'jamespot-user-api';
+declare type WidgetInplaceUploadProps = {
+    uniqid: string;
+    initialFiles: WidgetFileType[];
+    accept: string;
+    label: string;
+    description: string;
+    multiple: boolean;
+    token: string;
+    allowAutoOpening: boolean;
+    onChange: (files: WidgetFileType[]) => void;
+};
+export declare const WidgetInplaceUpload: ({ uniqid, initialFiles, accept, label, description, multiple, token, allowAutoOpening, onChange, }: WidgetInplaceUploadProps) => JSX.Element;
+export {};

package/build/src/components/widgets/WidgetInplace/WidgetInplaceWrapper.d.ts

@@ -0,0 +1,6 @@
+import { WidgetDisplayMode } from 'jamespot-user-api';
+export declare const CSSUploadFileWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const WidgetInplaceWrapper: ({ uniqid, mode }: {
+    uniqid: string;
+    mode: WidgetDisplayMode;
+}) => JSX.Element;

package/build/src/components/widgets/WidgetLayer/WidgetLayer.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+import { WidgetDisplayMode } from 'jamespot-user-api';
+export declare const WidgetLayer: ({ uniqid, mode }: {
+    uniqid: string;
+    mode: WidgetDisplayMode;
+}) => JSX.Element;
+export declare type Vector = {
+    x: number;
+    y: number;
+};
+export declare const DraggableHandler: ({ position, children, onMouseUp, }: {
+    position: Vector;
+    children: React.ReactElement;
+    onMouseUp: (position: Vector) => void;
+}) => JSX.Element;

package/build/src/components/widgets/WidgetLayer/WidgetLayer.style.d.ts

@@ -0,0 +1,5 @@
+export declare const CSSWidgetLayer: import("styled-components").StyledComponent<"div", any, {
+    opacity: number;
+    backgroundColor: string;
+    pointerEvents: string;
+}, never>;

package/build/src/components/widgets/WidgetList/WidgetList.d.ts

@@ -0,0 +1,9 @@
+import { WidgetWrapperProps } from 'jamespot-user-api';
+declare type WidgetListMode = 'button' | 'list' | 'gallery' | 'custom' | 'article';
+export declare const WidgetList: ({ mode, children, namespace, onChange, }: {
+    mode?: WidgetListMode | undefined;
+    children?: any;
+    namespace?: string | undefined;
+    onChange: (widget: WidgetWrapperProps) => void;
+}) => JSX.Element;
+export {};

package/build/src/components/widgets/WidgetList/WidgetList.style.d.ts

@@ -0,0 +1,13 @@
+export declare const CSSSquareWidgetWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const CSSSquareWidget: import("styled-components").StyledComponent<"div", any, {
+    available: boolean;
+}, never>;
+export declare const CSSWidgetButton: import("styled-components").StyledComponent<"div", any, {
+    open: boolean;
+}, never>;
+export declare const CSSWrapWidgetWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const CSSWrapTitle: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const CSSWrapWidget: import("styled-components").StyledComponent<"button", any, {
+    open: boolean;
+    index: number;
+}, never>;

package/build/src/components/widgets/WidgetState.d.ts

@@ -0,0 +1,6 @@
+import { WidgetKeys } from 'jamespot-user-api';
+export declare const WidgetState: ({ name, uniqid, inplace }: {
+    name: WidgetKeys;
+    uniqid: string;
+    inplace: boolean;
+}) => JSX.Element;

package/build/src/components/widgets/WidgetWrapperCore.d.ts

@@ -0,0 +1,9 @@
+import { WidgetDisplayMode, WidgetWrapperProps } from 'jamespot-user-api';
+export declare const WidgetWrapperCore: ({ uniqid, widget, inplace, mode, width, }: {
+    uniqid: string;
+    widget: WidgetWrapperProps;
+    inplace?: boolean | undefined;
+    mode: WidgetDisplayMode;
+    width?: number | undefined;
+}) => JSX.Element;
+export default WidgetWrapperCore;

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

@@ -0,0 +1,6 @@
+export declare const Uploader: Record<string, {
+    accept: string;
+    label: string;
+    description: string;
+    multiple: boolean;
+}>;

package/build/src/components/widgets/hooks.d.ts

@@ -0,0 +1,5 @@
+export declare function useComponentVisible(initialIsVisible?: boolean): {
+    ref: import("react").MutableRefObject<null>;
+    isComponentVisible: boolean;
+    setIsComponentVisible: import("react").Dispatch<import("react").SetStateAction<boolean>>;
+};

package/build/src/components/widgets/namespace.d.ts

@@ -0,0 +1,2 @@
+import { WidgetDefinitionProps } from 'jamespot-user-api';
+export declare function getBuilderWidgets(namespace: string): WidgetDefinitionProps[];

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

@@ -0,0 +1,16 @@
+import { FileResponse, WidgetFileType } 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 getFileFamily(mime: string): string;
+export declare const allowedFileExtensions: string[];
+export declare function getExtensionFromName(name: string): string | undefined;
+export declare function apiFileToWidgetFile(fileResponse: FileResponse): WidgetFileType;
+export declare function getMimetypeFromExtension(ext: string | undefined): string;
+export declare function reduce(obj: Record<string, unknown>, prop: string): Record<string, unknown>;
+export declare function imagecache(file: WidgetFileType, width: number): string;
+export declare function imageResize(width: number, height: number, maxWidth: number, maxHeight: number): {
+    width: number;
+    height: number;
+};

package/build/src/components/widgets/utils.test.d.ts

@@ -0,0 +1 @@
+export {};

package/build/src/registry/core-component-list.d.ts

@@ -5,6 +5,9 @@ export declare const coreComponentsMapping: {
     readonly DisplayForm: "DisplayForm";
     readonly Empty: "Empty";
     readonly TwoColLayout: "TwoColLayout";
+    readonly EditorsPortal: "EditorsPortal";
+    readonly WidgetWrapperCore: "WidgetWrapperCore";
+    readonly WidgetList: "WidgetList";
 };
 /**
  * please fill this file and coreComponents.ts

package/build/src/registry/coreComponents.d.ts

@@ -4,6 +4,9 @@
 export { DisplayForm } from '../displayer/DisplayForm.component';
 export { Empty } from '../displayer/Empty';
 export { TwoColLayout } from '../components/TwoColLayout';
+export { WidgetWrapperCore } from '../components/widgets/WidgetWrapperCore';
+export { WidgetList } from '../components/widgets/WidgetList/WidgetList';
+export { EditorsPortal } from '../components/editors/EditorsPortal';
 /**
  * please fill this file and core-component-list.ts
  */

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

@@ -15,6 +15,7 @@ declare const _default: {
     readonly ButtonFile: "JRCButtonFile";
     readonly Card: "JRCCard";
     readonly CardImg: "JRCCardImg";
+    readonly BETA_ColorPicker: "BETA_JRCColorPicker";
     readonly Column: "JRCColumn";
     readonly ColumnCenter: "JRCColumnCenter";
     readonly ColumnLeft: "JRCColumnLeft";
@@ -22,7 +23,9 @@ declare const _default: {
     readonly ConditionalWrapper: "JRCConditionalWrapper";
     readonly Container: "JRCContainer";
     readonly Date: "JRCDate";
+    readonly DoubleClick: "BETA_JRCDoubleClick";
     readonly DraggingPlaceholder: "JRCDraggingPlaceholder";
+    readonly BETA_DragAndDrop: "BETA_JRCDragAndDrop";
     readonly DropDown: "JRCDropDown";
     readonly Ellipsis: "JRCEllipsis";
     readonly FadeStepper: "JRCFadeStepper";
@@ -97,5 +100,18 @@ declare const _default: {
     readonly Tooltip: "JRCTooltip";
     readonly Typography: "JRCTypography";
     readonly ValidationButton: "JRCValidationButton";
+    readonly WidgetArticleAttachment: "JRCWidgetArticleAttachment";
+    readonly WidgetArticleAttachmentEditor: "JRCWidgetArticleAttachmentEditor";
+    readonly WidgetArticleButton: "JRCWidgetArticleButton";
+    readonly WidgetArticleButtonEditor: "JRCWidgetArticleButtonEditor";
+    readonly WidgetArticleGallery: "JRCWidgetArticleGallery";
+    readonly WidgetArticleGalleryEditor: "JRCWidgetArticleGalleryEditor";
+    readonly WidgetArticleImage: "JRCWidgetArticleImage";
+    readonly WidgetArticleImageEditor: "JRCWidgetArticleImageEditor";
+    readonly WidgetArticleText: "JRCWidgetArticleText";
+    readonly WidgetArticleTextEditor: "JRCWidgetArticleTextEditor";
+    readonly WidgetArticleTitle: "JRCWidgetArticleTitle";
+    readonly WidgetArticleTitleEditor: "JRCWidgetArticleTitleEditor";
+    readonly WidgetEmptyInplace: "JRCWidgetEmptyInplace";
 };
 export default _default;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "jamespot-react-core",
-    "version": "1.1.101",
+    "version": "1.1.102",
     "description": "Jamespot React Core",
     "main": "./build/app.bundle.js",
     "types": "./build/src/App.d.ts",
@@ -65,9 +65,9 @@
     "dependencies": {
         "@reduxjs/toolkit": "^1.9.0",
         "history": "^5.3.0",
-        "jamespot-front-business": "^1.1.10",
-        "jamespot-react-components": "^1.0.129",
-        "jamespot-user-api": "^1.0.100",
+        "jamespot-front-business": "^1.1.11",
+        "jamespot-react-components": "^1.0.131",
+        "jamespot-user-api": "^1.0.102",
         "react": "^17.0.2",
         "react-dom": "^17.0.2",
         "react-hook-form": "^7.25.0",

package/build/898.bundle.js

@@ -1,2 +0,0 @@
-"use strict";(self.webpackChunkReactCore=self.webpackChunkReactCore||[]).push([[898],{898:(e,t,n)=>{n.r(t),n.d(t,{DisplayForm:()=>l,Empty:()=>s,TwoColLayout:()=>f});var r=n(363),a=n(230),o=n(375);const l=r.forwardRef(((e,t)=>{const n=r.useRef(null),[l,s]=(0,o.GF)(e.fields,e.type),{handleSubmit:u,control:c,reset:i}=(0,a.useForm)({defaultValues:Object.assign(Object.assign({},s),e.defaultValues),criteriaMode:"all"});return r.useImperativeHandle(t,(()=>({reset:()=>{var e;null===(e=null==n?void 0:n.current)||void 0===e||e.scrollTo(0,0),i()}})),[]),r.createElement("form",{onSubmit:u(e.onSubmit),ref:n},l.map((t=>{var{Input:n}=t,a=function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var a=0;for(r=Object.getOwnPropertySymbols(e);a<r.length;a++)t.indexOf(r[a])<0&&Object.prototype.propertyIsEnumerable.call(e,r[a])&&(n[r[a]]=e[r[a]])}return n}(t,["Input"]);return r.createElement(n,Object.assign({key:a.name,control:c},a,{dataCy:`${e.dataCy}-${a.name}`}))})),e.extraInputs&&e.extraInputs(c),e.buttons)})),s=()=>r.createElement(r.Fragment,null);var u=n(248),c=n(181),i=n(675);const m=i.default.registry.getLazyComponent("Container"),p=i.default.registry.getLazyComponent("AppColumn"),d=i.default.registry.getLazyComponent("MainColumn");function f({extensionRoute:e,routes:t,description:n,mode:a="center"}){var o;const l=(0,c.useIntl)(),{pathname:s}=(0,u.useLocation)(),i=Object.values(t),[f,b]=r.useState(null===(o=null==i?void 0:i[0])||void 0===o?void 0:o.key),y=i.map((t=>Object.assign(Object.assign({},t),{label:l.formatMessage({id:t.label}),href:`/ng/rr/${e}/${t.path}`,group:t.group?l.formatMessage({id:t.group}):void 0})));return r.useEffect((()=>{const t=i.find((t=>s===`/ng/rr/${e}/${t.path}`));t&&b(t.key)}),[s]),r.createElement(r.Suspense,{fallback:r.createElement(r.Fragment,null)},r.createElement(m,{mode:a},r.createElement(p,{mode:a,description:n,tabs:y,activeTab:f||""}),r.createElement(d,{mode:a},r.createElement(u.Outlet,null))))}}}]);
-//# sourceMappingURL=898.bundle.js.map

package/build/898.bundle.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"898.bundle.js","mappings":"oMAmBO,MAAMA,EAAc,cAWzB,CAACC,EAAOC,KACN,MAAMC,EAAU,SAA8B,OAEvCC,EAAeC,IAAiB,EAAAC,EAAA,IAAeL,EAAMM,OAAQN,EAAMO,OAEpE,aAAEC,EAAY,QAAEC,EAAO,MAAEC,IAAU,IAAAC,SAAQ,CAC7CP,cAAe,OAAF,wBACNA,GACAJ,EAAMI,eAEbQ,aAAc,QAgBlB,OAbA,sBACIX,GACA,KAAM,CACFS,MAAO,K,MAEa,QAAhB,EAAAR,MAAAA,OAAO,EAAPA,EAASW,eAAO,SAAEC,SAAS,EAAG,GAE9BJ,QAGR,IAIA,wBAAMK,SAAUP,EAAaR,EAAMe,UAAWd,IAAKC,GAC9CC,EAAca,KAAK,I,IAAA,MAAEC,GAAK,EAAKC,E,yUAAI,GAAhB,WAAuB,OACvC,gBAACD,EAAK,eAACE,IAAKD,EAAKE,KAAMX,QAASA,GAAaS,EAAI,CAAEG,OAAQ,GAAGrB,EAAMqB,UAAUH,EAAKE,aAEtFpB,EAAMsB,aAAetB,EAAMsB,YAAYb,GACvCT,EAAMuB,YC3DNC,EAAQ,IAAM,iC,+BCK3B,MAAMC,EAAY,oCAAiC,aAC7CC,EAAY,oCAAiC,aAC7CC,EAAa,oCAAiC,cAmB7C,SAASC,GAAa,eAAEC,EAAc,OAAEC,EAAM,YAAEC,EAAW,KAAEC,EAAO,W,MACvE,MAAMC,GAAO,IAAAC,YACP,SAAEC,IAAa,IAAAC,eAEfC,EAAeC,OAAOC,OAAOT,IAC5BU,EAAWC,GAAgB,WAAgC,QAAjB,EAAAJ,MAAAA,OAAY,EAAZA,EAAe,UAAE,eAAElB,KAE9DuB,EAAOL,EAAarB,KAAK2B,GAAS,OAAD,wBAChCA,GAAG,CACNC,MAAOX,EAAKY,cAAc,CAAEC,GAAIH,EAAIC,QACpCG,KAAM,UAAUlB,KAAkBc,EAAIK,OACtCC,MAAON,EAAIM,MAAQhB,EAAKY,cAAc,CAAEC,GAAIH,EAAIM,aAAWC,MAQ/D,OALA,aAAgB,KACZ,MAAMC,EAAcd,EAAae,MAAMC,GAAUlB,IAAa,UAAUN,KAAkBwB,EAAML,SAC5FG,GAAaV,EAAaU,EAAYhC,OAC3C,CAACgB,IAGA,gBAAC,WAAc,CAACmB,SAAU,kCACtB,gBAAC7B,EAAS,CAACO,KAAMA,GACb,gBAACN,EAAS,CAACM,KAAMA,EAAMD,YAAaA,EAAaW,KAAMA,EAAMF,UAAWA,GAAa,KACrF,gBAACb,EAAU,CAACK,KAAMA,GACd,gBAAC,EAAAuB,OAAM","sources":["webpack://ReactCore/./src/displayer/DisplayForm.component.tsx","webpack://ReactCore/./src/displayer/Empty.tsx","webpack://ReactCore/./src/components/TwoColLayout.tsx"],"sourcesContent":["import * as React from 'react';\nimport { DisplayFormRef, FieldsWithOptionalRender } from './types';\nimport { useForm, Control } from 'react-hook-form';\nimport { useDisplayForm } from './useDisplay';\n\n/****\n * The jamespot model depend on the platform\n * For example a user can have the size attribute only for a given platform\n * The model specifics of a platform are stored in J.model\n *\n * This component display an array of attributes only if this attribute is activated on the platform\n *\n * @param type form model type (sport, mpArticle, etc.)\n * @param fields an array of string : the list of attributes we want to display\n * @param defaultValues react hook form default values\n * @param onSubmit callback provided to react hook, called after successful validation\n * @param buttons the buttons, should always include a <button type=\"submit\">\n *  Note :If we override the \"render\" you can't override \"wrapper\" and \"element\" because the render rewrite everything\n */\nexport const DisplayForm = React.forwardRef<\n    DisplayFormRef,\n    {\n        type: string;\n        fields: FieldsWithOptionalRender<any, any>;\n        extraInputs?: (control: Control<any>) => React.ReactNode;\n        defaultValues?: any;\n        onSubmit: any;\n        buttons: React.ReactNode;\n        dataCy?: string;\n    }\n>((props, ref) => {\n    const formRef = React.useRef<HTMLFormElement>(null);\n\n    const [configuration, defaultValues] = useDisplayForm(props.fields, props.type);\n\n    const { handleSubmit, control, reset } = useForm({\n        defaultValues: {\n            ...defaultValues,\n            ...props.defaultValues,\n        },\n        criteriaMode: 'all',\n    });\n\n    React.useImperativeHandle(\n        ref,\n        () => ({\n            reset: () => {\n                // in case the form is scrollable\n                formRef?.current?.scrollTo(0, 0);\n                // reset react-hook-form form\n                reset();\n            },\n        }),\n        [],\n    );\n\n    return (\n        <form onSubmit={handleSubmit(props.onSubmit)} ref={formRef}>\n            {configuration.map(({ Input, ...conf }) => (\n                <Input key={conf.name} control={control} {...conf} dataCy={`${props.dataCy}-${conf.name}`} />\n            ))}\n            {props.extraInputs && props.extraInputs(control)}\n            {props.buttons}\n        </form>\n    );\n});\n","import * as React from 'react';\n\n// FIXME move to j-react-components + display error if dev mode\nexport const Empty = () => <></>;\n","import * as React from 'react';\nimport { Outlet } from 'react-router-dom';\nimport { useIntl } from 'react-intl';\nimport type { JRCAppColumnProps } from 'jamespot-react-components';\nimport JRCore from 'App';\nimport { useLocation } from 'react-router-dom';\nimport { LayoutMode } from 'jamespot-react-components';\n\nconst Container = JRCore.registry.getLazyComponent('Container');\nconst AppColumn = JRCore.registry.getLazyComponent('AppColumn');\nconst MainColumn = JRCore.registry.getLazyComponent('MainColumn');\n\nexport type TwoColLayoutRoute = {\n    path: string;\n    key: string;\n    icon: string;\n    label: string;\n    group?: string;\n};\n\nexport type TwoColLayoutRoutes = Record<string, TwoColLayoutRoute>;\n\nexport type TwoColLayoutProps = {\n    extensionRoute: string;\n    routes: TwoColLayoutRoutes;\n    mode?: LayoutMode;\n    description: JRCAppColumnProps['description'];\n};\n\nexport function TwoColLayout({ extensionRoute, routes, description, mode = 'center' }: TwoColLayoutProps) {\n    const intl = useIntl();\n    const { pathname } = useLocation();\n\n    const ROUTES_ARRAY = Object.values(routes);\n    const [activeTab, setActiveTab] = React.useState(ROUTES_ARRAY?.[0]?.key);\n\n    const tabs = ROUTES_ARRAY.map((tab) => ({\n        ...tab,\n        label: intl.formatMessage({ id: tab.label }),\n        href: `/ng/rr/${extensionRoute}/${tab.path}`,\n        group: tab.group ? intl.formatMessage({ id: tab.group }) : undefined,\n    }));\n\n    React.useEffect(() => {\n        const activeRoute = ROUTES_ARRAY.find((route) => pathname === `/ng/rr/${extensionRoute}/${route.path}`);\n        if (activeRoute) setActiveTab(activeRoute.key);\n    }, [pathname]);\n\n    return (\n        <React.Suspense fallback={<></>}>\n            <Container mode={mode}>\n                <AppColumn mode={mode} description={description} tabs={tabs} activeTab={activeTab || ''} />\n                <MainColumn mode={mode}>\n                    <Outlet />\n                </MainColumn>\n            </Container>\n        </React.Suspense>\n    );\n}\n"],"names":["DisplayForm","props","ref","formRef","configuration","defaultValues","useDisplay","fields","type","handleSubmit","control","reset","useForm","criteriaMode","current","scrollTo","onSubmit","map","Input","conf","key","name","dataCy","extraInputs","buttons","Empty","Container","AppColumn","MainColumn","TwoColLayout","extensionRoute","routes","description","mode","intl","useIntl","pathname","useLocation","ROUTES_ARRAY","Object","values","activeTab","setActiveTab","tabs","tab","label","formatMessage","id","href","path","group","undefined","activeRoute","find","route","fallback","Outlet"],"sourceRoot":""}