jamespot-front-business 1.1.10 → 1.1.11

package/dist/esm.js

@@ -918,6 +918,125 @@ const UserCurrent = {
     utils: { isAdmin },
 };
 
+const widgetArticleAttachmentDefinition = {
+    label: 'WIDGET_Article_Attachment',
+    description: 'WIDGET_Article_Attachment_Description',
+    name: 'widget-article-attachment',
+    img: '/img/fast-intranet/widget-file.png',
+    available: true,
+    panel: {
+        useWrapper: true,
+        useEditor: true,
+        useWidgets: false
+    },
+};
+const widgetArticleAttachmentContent = {
+    files: [],
+};
+
+const widgetArticleGalleryDefinition = {
+    label: 'WIDGET_Article_Gallery',
+    description: 'WIDGET_Article_Gallery_Description',
+    name: 'widget-article-gallery',
+    img: '/img/fast-intranet/widget-slider.png',
+    available: true,
+    panel: {
+        useWrapper: false,
+        useEditor: true,
+        useWidgets: false
+    },
+};
+const widgetArticleGalleryContent = {
+    files: [],
+    gap: '4',
+    columnCount: '3',
+    galleryDisplay: 'landscape',
+    heightMode: 'auto',
+    heightModeValue: '200',
+};
+
+const widgetArticleImageDefinition = {
+    label: 'WIDGET_Article_Image',
+    description: 'WIDGET_Article_Image_Description',
+    name: 'widget-article-image',
+    img: '/img/fast-intranet/widget-image.png',
+    available: true,
+    panel: {
+        useWrapper: false,
+        useEditor: true,
+        useWidgets: false
+    },
+};
+const widgetArticleImageContent = {
+    displayAs: 'image',
+    backgroundPosition: 'center',
+    backgroundSize: 'cover',
+    borderRadius: '8'
+};
+
+const widgetArticleButtonDefinition = {
+    label: 'WIDGET_Button',
+    description: 'WIDGET_Button_Description',
+    name: 'widget-article-button',
+    img: '/img/fast-intranet/widget-button.png',
+    available: true,
+    panel: {
+        useWrapper: false,
+        useEditor: true,
+        useWidgets: false
+    },
+};
+const widgetArticleButtonContent = {
+    text: 'This is a button',
+    openingType: 'link',
+    openingTypeLink: {
+        url: '',
+        target: '_blank'
+    },
+    variant: 'contained',
+    fontSize: '14',
+    color: '#fff',
+    backgroundColor: '#4dbf96',
+    buttonSize: 'lg',
+    borderRadius: '4',
+};
+
+const widgetArticleTextDefinition = {
+    label: 'WIDGET_Text',
+    description: 'WIDGET_Text_Description',
+    name: 'widget-article-text',
+    img: '/img/fast-intranet/widget-text.png',
+    available: true,
+    panel: {
+        useWrapper: false,
+        useEditor: true,
+        useWidgets: false
+    },
+};
+const widgetArticleTextContent = {
+    fontSize: '18',
+    lineHeight: '1.6',
+    text: ''
+};
+
+const widgetArticleTitleDefinition = {
+    label: 'WIDGET_Title',
+    description: 'WIDGET_Title_Description',
+    name: 'widget-article-title',
+    img: '/img/fast-intranet/widget-text.png',
+    available: true,
+    panel: {
+        useWrapper: false,
+        useEditor: true,
+        useWidgets: false
+    },
+};
+const widgetArticleTitleContent = {
+    text: '',
+    heading: 'h1',
+    backgroundColor: 'transparent'
+};
+
 function uniqid() {
     let id = '';
     for (let index = 0; index < 16; index++) {
@@ -926,6 +1045,37 @@ function uniqid() {
     return id;
 }
 
+function widgetFactory(name) {
+    return {
+        title: '',
+        widget: widget(name),
+    };
+}
+function widget(name) {
+    return {
+        uniqid: uniqid(),
+        name,
+        content: content(name)
+    };
+}
+function content(name) {
+    switch (name) {
+        default:
+        case 'widget-article-attachment':
+            return Object.assign({}, widgetArticleAttachmentContent);
+        case 'widget-article-gallery':
+            return Object.assign({}, widgetArticleGalleryContent);
+        case 'widget-article-button':
+            return Object.assign({}, widgetArticleButtonContent);
+        case 'widget-article-title':
+            return Object.assign({}, widgetArticleTitleContent);
+        case 'widget-article-image':
+            return Object.assign({}, widgetArticleImageContent);
+        case 'widget-article-text':
+            return Object.assign({}, widgetArticleTextContent);
+    }
+}
+
 const WIDGET_ARTICLE_TITLE = 'widget-article-title';
 const WIDGET_ARTICLE_TEXT = 'widget-article-text';
 const WIDGET_ARTICLE_IMAGE = 'widget-article-image';
@@ -943,155 +1093,22 @@ var WIDGETS = /*#__PURE__*/Object.freeze({
     WIDGET_ARTICLE_ATTACHMENT: WIDGET_ARTICLE_ATTACHMENT
 });
 
-function widgetFactory(name, widgetWrapperExtraParams) {
-    const widgetWrapper = {
-        title: '',
-        widget: {
-            name,
-            uniqid: uniqid(),
-            content: {}
-        },
-        position: { x: 0, y: 0 }
-    };
-    switch (name) {
-        default:
-        case WIDGET_ARTICLE_ATTACHMENT:
-            return Object.assign(Object.assign(Object.assign({}, widgetWrapper), widgetWrapperExtraParams), { widget: Object.assign(Object.assign({}, widgetWrapper.widget), { content: {
-                        files: []
-                    } }) });
-        case WIDGET_ARTICLE_GALLERY:
-            return Object.assign(Object.assign(Object.assign({}, widgetWrapper), widgetWrapperExtraParams), { widget: Object.assign(Object.assign({}, widgetWrapper.widget), { content: {
-                        widgets: [],
-                        gap: '4',
-                        horizontalNumber: '3',
-                        galleryDisplay: 'landscape'
-                    } }) });
-        case WIDGET_ARTICLE_IMAGE:
-            return Object.assign(Object.assign(Object.assign({}, widgetWrapper), widgetWrapperExtraParams), { widget: Object.assign(Object.assign({}, widgetWrapper.widget), { content: {
-                        widgets: [],
-                        displayAs: 'image',
-                        backgroundPosition: 'center',
-                        backgroundSize: 'cover',
-                        borderRadius: 8
-                    } }) });
-        case WIDGET_ARTICLE_BUTTON:
-            return Object.assign(Object.assign(Object.assign({}, widgetWrapper), widgetWrapperExtraParams), { widget: Object.assign(Object.assign({}, widgetWrapper.widget), { content: {
-                        text: 'This is a button',
-                        variant: 'contained',
-                        fontSize: '14',
-                        color: '#fff',
-                        backgroundColor: '#4dbf96',
-                        buttonSize: 'lg',
-                        borderRadius: '4'
-                    } }) });
-        case WIDGET_ARTICLE_TITLE:
-            return Object.assign(Object.assign(Object.assign({}, widgetWrapper), widgetWrapperExtraParams), { widget: Object.assign(Object.assign({}, widgetWrapper.widget), { content: {
-                        text: 'Ceci est un titre',
-                        heading: 'h1',
-                        backgroundColor: 'transparent'
-                    } }) });
-        case WIDGET_ARTICLE_TEXT:
-            return Object.assign(Object.assign(Object.assign({}, widgetWrapper), widgetWrapperExtraParams), { widget: Object.assign(Object.assign({}, widgetWrapper.widget), { content: {
-                        fontSize: '18',
-                        lineHeight: '1.6',
-                        text: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.'
-                    } }) });
-    }
-}
-
 function widgetDefinition(name) {
     switch (name) {
         default:
-            return {
-                label: 'WIDGET_Article_Gallery',
-                description: 'WIDGET_Article_Gallery_Description',
-                name: 'widget-article-image',
-                img: '/img/fast-intranet/widget-slider.png',
-                available: true,
-                panel: {
-                    useWrapper: false,
-                    useEditor: true,
-                    useWidgets: false
-                },
-            };
-        case WIDGET_ARTICLE_GALLERY:
-            return {
-                label: 'WIDGET_Article_Gallery',
-                description: 'WIDGET_Article_Gallery_Description',
-                name,
-                img: '/img/fast-intranet/widget-slider.png',
-                available: true,
-                panel: {
-                    useWrapper: false,
-                    useEditor: true,
-                    useWidgets: false
-                },
-            };
-        case WIDGET_ARTICLE_ATTACHMENT:
-            return {
-                label: 'WIDGET_Article_Attachment',
-                description: 'WIDGET_Article_Attachment_Description',
-                name,
-                img: '/img/fast-intranet/widget-file.png',
-                available: true,
-                panel: {
-                    useWrapper: true,
-                    useEditor: true,
-                    useWidgets: false
-                },
-            };
-        case WIDGET_ARTICLE_TEXT:
-            return {
-                label: 'WIDGET_Text',
-                description: 'WIDGET_Text_Description',
-                name,
-                img: '/img/fast-intranet/widget-text.png',
-                available: true,
-                panel: {
-                    useWrapper: false,
-                    useEditor: true,
-                    useWidgets: false
-                },
-            };
-        case WIDGET_ARTICLE_TITLE:
-            return {
-                label: 'WIDGET_Title',
-                description: 'WIDGET_Title_Description',
-                name,
-                img: '/img/fast-intranet/widget-text.png',
-                available: true,
-                panel: {
-                    useWrapper: false,
-                    useEditor: true,
-                    useWidgets: false
-                },
-            };
-        case WIDGET_ARTICLE_IMAGE:
-            return {
-                label: 'WIDGET_Article_Image',
-                description: 'WIDGET_Article_Image_Description',
-                name,
-                img: '/img/fast-intranet/widget-image.png',
-                available: true,
-                panel: {
-                    useWrapper: false,
-                    useEditor: true,
-                    useWidgets: false
-                },
-            };
-        case WIDGET_ARTICLE_BUTTON:
-            return {
-                label: 'WIDGET_Button',
-                description: 'WIDGET_Button_Description',
-                name,
-                img: '/img/fast-intranet/widget-button.png',
-                available: true,
-                panel: {
-                    useWrapper: false,
-                    useEditor: true,
-                    useWidgets: false
-                },
-            };
+            return widgetArticleGalleryDefinition;
+        case 'widget-article-gallery':
+            return widgetArticleGalleryDefinition;
+        case 'widget-article-attachment':
+            return widgetArticleAttachmentDefinition;
+        case 'widget-article-text':
+            return widgetArticleTextDefinition;
+        case 'widget-article-title':
+            return widgetArticleTitleDefinition;
+        case 'widget-article-image':
+            return widgetArticleImageDefinition;
+        case 'widget-article-button':
+            return widgetArticleButtonDefinition;
     }
 }
 
@@ -1100,8 +1117,12 @@ const MODE_VIEW = 'view';
 const initialState$1 = {
     token: undefined,
     ids: {},
+    layers: {},
     states: {},
     modal: undefined,
+    editableMap: {},
+    currentEditableIndex: -1,
+    currentEditableWidgetId: undefined,
 };
 const widgetsSlice = createSlice({
     name: 'widgets',
@@ -1110,14 +1131,15 @@ const widgetsSlice = createSlice({
         registerWidget: (state, action) => {
             const { uniqid, widget } = action.payload;
             state.ids[uniqid] = widget;
-            state.states[uniqid] = { busy: false, initialized: false, loading: false, mounted: false };
+            state.states[uniqid] = { busy: false, initialized: false, loading: false, mounted: false, hover: false };
         },
         updateWidget: (state, action) => {
-            var _a;
-            const { uniqid, content } = action.payload;
+            const { uniqid } = action.payload;
             const wrapper = Object.assign({}, state.ids[uniqid]);
-            if (wrapper !== undefined && wrapper.widget !== undefined) {
-                state.ids[uniqid] = Object.assign(Object.assign({}, wrapper), { title: (_a = wrapper === null || wrapper === void 0 ? void 0 : wrapper.title) !== null && _a !== void 0 ? _a : '', widget: Object.assign(Object.assign({}, wrapper.widget), { content }) });
+            if (state.ids[uniqid] && wrapper && wrapper.widget) {
+                state.ids[uniqid] = Object.assign(Object.assign(Object.assign({}, state.ids[uniqid]), { widget: Object.assign(Object.assign({}, wrapper.widget), { content: action.payload.override
+                            ? action.payload.content
+                            : Object.assign(Object.assign(Object.assign({}, wrapper.widget.content), action.payload.content)) }) }));
             }
         },
         flushWidget: (state, action) => {
@@ -1125,34 +1147,90 @@ const widgetsSlice = createSlice({
             delete state.ids[uniqid];
             delete state.states[uniqid];
         },
+        flushAllWidget: (state) => {
+            state.ids = {};
+            state.states = {};
+        },
         updateWidgetWrapper: (state, action) => {
-            const { uniqid, title, position } = action.payload;
-            const wrapper = Object.assign({}, state.ids[uniqid]);
-            if (wrapper !== undefined && wrapper.widget !== undefined) {
-                if (position) {
-                    state.ids[uniqid] = Object.assign(Object.assign({}, wrapper), { title, position, widget: wrapper.widget });
+            const { uniqid } = action.payload;
+            if (state.ids && state.ids[uniqid]) {
+                state.ids[uniqid] = Object.assign(Object.assign(Object.assign({}, state.ids[uniqid]), action.payload));
+            }
+        },
+        registerLayer: (state, action) => {
+            const layerId = uniqid();
+            const wrapper = Object.assign({}, state.ids[action.payload.uniqid]);
+            if (wrapper && wrapper.widget) {
+                if (state.ids[action.payload.uniqid] && wrapper.widget.layers) {
+                    state.ids[action.payload.uniqid] = Object.assign(Object.assign(Object.assign({}, state.ids[action.payload.uniqid]), { widget: Object.assign(Object.assign({}, wrapper.widget), { layers: [...wrapper.widget.layers, layerId] }) }));
                 }
                 else {
-                    state.ids[uniqid] = Object.assign(Object.assign({}, wrapper), { title, widget: wrapper.widget });
+                    state.ids[action.payload.uniqid] = Object.assign(Object.assign(Object.assign({}, state.ids[action.payload.uniqid]), { widget: Object.assign(Object.assign({}, wrapper.widget), { layers: [layerId] }) }));
                 }
+                state.ids[action.payload.widget.widget.uniqid] = action.payload.widget;
+                state.states[action.payload.widget.widget.uniqid] = {
+                    busy: false,
+                    initialized: false,
+                    loading: false,
+                    mounted: false,
+                    hover: false,
+                };
+                state.layers[layerId] = {
+                    uniqid: layerId,
+                    widgets: [action.payload.widget],
+                    title: `Layer ${layerId}`,
+                    visible: true,
+                    locked: false,
+                    position: { x: 0, y: 0 },
+                };
+            }
+        },
+        updateLayer: (state, action) => {
+            if (state.layers[action.payload.uniqid]) {
+                state.layers[action.payload.uniqid] = Object.assign(Object.assign(Object.assign({}, state.layers[action.payload.uniqid]), action.payload.props));
             }
         },
+        flushLayer: (state, action) => {
+            const wrapper = Object.assign({}, state.ids[action.payload.uniqid]);
+            if (wrapper && wrapper.widget && wrapper.widget.layers) {
+                state.ids[action.payload.uniqid] = Object.assign(Object.assign(Object.assign({}, state.ids[action.payload.uniqid]), { widget: Object.assign(Object.assign({}, wrapper.widget), { layers: [
+                            ...wrapper.widget.layers.filter((layerId) => layerId !== action.payload.layerId),
+                        ] }) }));
+                delete state.layers[action.payload.layerId];
+            }
+        },
+        prevEditableIndex: (state) => {
+            const count = Object.keys(state.ids).length;
+            state.currentEditableIndex = state.currentEditableIndex === 0 ? count - 1 : state.currentEditableIndex - 1;
+        },
+        nextEditableIndex: (state) => {
+            const count = Object.keys(state.ids).length;
+            state.currentEditableIndex = state.currentEditableIndex < count - 1 ? state.currentEditableIndex + 1 : 0;
+        },
+        setEditableIndex: (state, action) => {
+            state.currentEditableIndex = action.payload.index;
+        },
+        setEditableWidgetId: (state, action) => {
+            state.currentEditableWidgetId = action.payload.uniqid;
+        },
+        registerEditableWidget: (state, action) => {
+            state.editableMap[action.payload.uniqid] = action.payload;
+        },
         setToken: (state, action) => {
             state.token = action.payload.token;
         },
-        setState: (state, action) => {
+        setWidgetState: (state, action) => {
             const { uniqid } = action.payload;
             const widgetState = Object.assign({}, state.states[uniqid]);
             if (widgetState !== undefined) {
                 state.states[uniqid] = Object.assign(Object.assign({}, state.states[uniqid]), action.payload);
             }
         },
-        setAllStates: (state, action) => {
-            const { busy, initialized, loading, mounted } = action.payload;
+        setAllWidgetStates: (state, action) => {
             Object.keys(state.states).map((key) => {
                 const widgetState = Object.assign({}, state.states[key]);
                 if (widgetState !== undefined) {
-                    state.states[key] = Object.assign(Object.assign({}, state.states[key]), { busy: busy !== null && busy !== void 0 ? busy : widgetState.busy, initialized: initialized !== null && initialized !== void 0 ? initialized : widgetState.initialized, loading: loading !== null && loading !== void 0 ? loading : widgetState.loading, mounted: mounted !== null && mounted !== void 0 ? mounted : widgetState.mounted });
+                    state.states[key] = Object.assign(Object.assign({}, state.states[key]), action.payload);
                 }
             });
         },
@@ -1167,7 +1245,7 @@ const widgetsSlice = createSlice({
 const selectToken = (state) => state.widgets.token;
 const selectModal = (state) => state.widgets.modal;
 const selectWidgets = (state) => state.widgets.ids;
-const selectWidgetContent = (state, uniqid) => { var _a, _b; return (_b = (_a = state.widgets) === null || _a === void 0 ? void 0 : _a.ids[uniqid]) === null || _b === void 0 ? void 0 : _b.widget.content; };
+const selectWidgetContent = (state, uniqid) => { var _a; return (_a = state.widgets.ids[uniqid]) === null || _a === void 0 ? void 0 : _a.widget.content; };
 const selectWidgetState = (state, uniqid) => { var _a; return (_a = state.widgets.states[uniqid]) !== null && _a !== void 0 ? _a : undefined; };
 const selectWidget = (state, uniqid) => { var _a; return (_a = state.widgets.ids[uniqid]) !== null && _a !== void 0 ? _a : undefined; };
 const Widget = {
@@ -1175,7 +1253,7 @@ const Widget = {
     factory: widgetFactory,
     definition: widgetDefinition,
     utils: {
-        uniqid
+        uniqid,
     },
     slice: widgetsSlice,
     selectors: {
@@ -1185,7 +1263,7 @@ const Widget = {
         selectWidgetState,
         selectWidgetContent,
         selectModal,
-    }
+    },
 };
 
 const initialState = {
@@ -1224,18 +1302,13 @@ const editorsSlice = createSlice({
                 }),
             ];
         },
-        updateEditor: (state, action) => {
-            const { uniqid, content } = action.payload;
-            state.editors = [
-                ...state.editors.map((ed) => {
-                    return ed.uniqid === uniqid ? Object.assign(Object.assign({}, ed), { content }) : ed;
-                }),
-            ];
-        },
         flushEditor: (state, action) => {
             const { uniqid } = action.payload;
             state.editors = [...state.editors.filter((ed) => ed.uniqid !== uniqid)];
         },
+        flushAllEditor: (state) => {
+            state.editors.length = 0;
+        },
     },
 });
 const selectEditors = (state) => state.editors.editors;